@natec/mef-dev-ui-kit 15.1.2 → 15.1.3

package/lib/markup-kit/modals/fill/fill.component.d.ts

@@ -1,5 +1,4 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { ModalDirective } from 'ngx-bootstrap/modal';
+import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
   * Fill Component for a modal window.
@@ -22,6 +21,8 @@ import * as i0 from "@angular/core";
   * <example-url>https://mef.dev/ui_kit_demo/view/modals/fill</example-url>
   */
 export declare class FillComponent implements OnInit {
+    protected visible: boolean;
+    protected dialog?: ElementRef;
     /**
     * The header template of the modal window.
     * ```
@@ -44,37 +45,36 @@ export declare class FillComponent implements OnInit {
     * ```
     */
     modal_footer: TemplateRef<void>;
-    /**
-     * Reference to the ModalDirective element from ngx-bootstrap.
-     */
-    fadInModal?: ModalDirective;
     /**
      * Input parameter that determines whether to show the modal window.
      */
     set show(val: boolean);
     /**
-     * Event emitter triggered when the modal window is closed.
-     * Emits a boolean value indicating whether the modal window is closed.
+     * Event emitted when the modal is change state.
+     * Emits a boolean value indicating if the modal is closed(false), or open(true).
      * Example:
      * ```
-     * <mefdev-fill-modal (isClouse)="onModalClosed($event)"></mefdev-fill-modal>
+     * <mefdev-fill-modal (visibleChange)="onModalClosed($event)"></mefdev-fill-modal>
      * ```
      */
-    isClouse: EventEmitter<boolean>;
+    visibleChange: EventEmitter<boolean>;
     constructor();
     ngOnInit(): void;
     /**
-   * Event emitter for when the modal is closed.
-   */
-    modalIsCloused(): void;
+     * Shows the modal state.
+     * Return a boolean value indicating if the modal is closed(false), or open(true)
+     */
+    getModalState(): boolean;
     /**
-    * Shows the modal window.
-    */
+     * Shows the modal.
+     * Call this method to open the modal window.
+     */
     showModal(): void;
     /**
-     * Hides the modal window.
+     * Hides the modal.
+     * Call this method to close the modal window.
      */
     hideModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FillComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FillComponent, "mefdev-fill-modal", never, { "show": "show"; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FillComponent, "mefdev-fill-modal", never, { "show": "show"; }, { "visibleChange": "visibleChange"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
 }

package/lib/markup-kit/modals/slide-right/slide-right.component.d.ts

@@ -1,5 +1,4 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { ModalDirective } from 'ngx-bootstrap/modal';
+import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { ModalSize } from '../modal-size.enum';
 import * as i0 from "@angular/core";
 /**
@@ -23,6 +22,8 @@ import * as i0 from "@angular/core";
   * <example-url>https://mef.dev/ui_kit_demo/view/modals/slide-right</example-url>
   */
 export declare class SlideRightComponent implements OnInit {
+    protected visible: boolean;
+    protected dialog: ElementRef;
     /**
      * Reference to the template for the modal header.
      * Use this template to customize the header of the modal.
@@ -33,10 +34,6 @@ export declare class SlideRightComponent implements OnInit {
      * Use this template to customize the footer of the modal.
      */
     modal_footer: TemplateRef<void>;
-    /**
-    * Reference to the modal directive.
-    */
-    slideRight: ModalDirective;
     /**
      * Size of the modal.
      * Defaults to `ModalSize.md`.
@@ -49,27 +46,31 @@ export declare class SlideRightComponent implements OnInit {
      */
     set show(val: boolean);
     /**
-     * Event emitted when the modal is closed.
-     * Emits a boolean value indicating if the modal is closed.
+     * Event emitted when the modal is change state.
+     * Emits a boolean value indicating if the modal is closed(false), or open(true).
+     * Example:
+     * ```
+     * <mefdev-fill-modal (visibleChange)="onModalClosed($event)"></mefdev-fill-modal>
+     * ```
      */
-    isClouse: EventEmitter<boolean>;
+    visibleChange: EventEmitter<boolean>;
     constructor();
     ngOnInit(): void;
     /**
-    * Event handler for when the modal is closed.
-    * Emits the `isClosed` event with a value of `true`.
-    */
-    modalIsCloused(): void;
+     * Shows the modal state.
+     * Return a boolean value indicating if the modal is closed(false), or open(true)
+     */
+    getModalState(): boolean;
     /**
-    * Shows the modal.
-    * Call this method to open the modal window.
-    */
+     * Shows the modal.
+     * Call this method to open the modal window.
+     */
     showModal(): void;
     /**
-    * Hides the modal.
-    * Call this method to close the modal window.
-    */
+     * Hides the modal.
+     * Call this method to close the modal window.
+     */
     hideModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideRightComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SlideRightComponent, "mefdev-slide-right-modal", never, { "size": "size"; "show": "show"; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideRightComponent, "mefdev-slide-right-modal", never, { "size": "size"; "show": "show"; }, { "visibleChange": "visibleChange"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
 }

package/lib/markup-kit/modals/slide-up/slide-up.component.d.ts

@@ -1,6 +1,4 @@
 import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { ModalDirective } from 'ngx-bootstrap/modal';
-import { ModalSize } from '../modal-size.enum';
 import * as i0 from "@angular/core";
 /**
 * A component representing a slide-up modal window.
@@ -23,6 +21,7 @@ import * as i0 from "@angular/core";
 * <example-url>https://mef.dev/ui_kit_demo/view/modals/slide-up</example-url>
 */
 export declare class SlideUpComponent implements OnInit {
+    protected visible: boolean;
     /**
      * Reference to the template for the modal header.
      * Use this template to customize the header of the modal.
@@ -33,37 +32,27 @@ export declare class SlideUpComponent implements OnInit {
      * Use this template to customize the footer of the modal.
      */
     modal_footer: TemplateRef<void>;
-    /**
-    * Reference to the modal directive.
-    */
-    mdSlideUp: ModalDirective;
-    /**
-     * Size of the modal.
-     * Defaults to `ModalSize.md`.
-     * Possible values: `ModalSize.sm`, `ModalSize.md`, `ModalSize.lg`, `ModalSize.xl`.
-     */
-    size: ModalSize;
     /**
      * Flag indicating whether the modal should be shown or hidden.
      * Set it to `true` to show the modal and `false` to hide it.
      */
     set show(val: boolean);
     /**
-     * Event emitted when the modal is closed.
-     * Emits a boolean value indicating if the modal is closed.
+     * Event emitted when the modal is change state.
+     * Emits a boolean value indicating if the modal is closed(false), or open(true).
      */
-    isClouse: EventEmitter<boolean>;
+    visibleChange: EventEmitter<boolean>;
     constructor();
     ngOnInit(): void;
     /**
-    * Event handler for when the modal is closed.
-    * Emits the `isClosed` event with a value of `true`.
-    */
-    modalIsCloused(): void;
+     * Shows the modal state.
+     * Return a boolean value indicating if the modal is closed(false), or open(true)
+     */
+    getModalState(): boolean;
     /**
-       * Shows the modal.
-       * Call this method to open the modal window.
-       */
+     * Shows the modal.
+     * Call this method to open the modal window.
+     */
     showModal(): void;
     /**
      * Hides the modal.
@@ -71,5 +60,5 @@ export declare class SlideUpComponent implements OnInit {
      */
     hideModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideUpComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SlideUpComponent, "mefdev-slide-up-modal", never, { "size": "size"; "show": "show"; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideUpComponent, "mefdev-slide-up-modal", never, { "show": "show"; }, { "visibleChange": "visibleChange"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@natec/mef-dev-ui-kit",
-  "version": "15.1.2",
+  "version": "15.1.3",
   "description": "MEF.DEV UI Kit Library",
   "author": {
     "name": "NATEC"
@@ -48,4 +48,4 @@
   "fesm2015": "fesm2015/natec-mef-dev-ui-kit.mjs",
   "typings": "index.d.ts",
   "sideEffects": false
-}
+}

package/src/lib/styles/pg/core.scss

@@ -1,8 +1,8 @@
 //Core Libs
 @use '../designe-colors.scss' as c;
 
-@import 'https://fonts.googleapis.com/css?family=Montserrat';
-@import 'https://fonts.googleapis.com/css?family=Lato';
+@import 'http://fonts.googleapis.com/css?family=Montserrat';
+@import 'http://fonts.googleapis.com/css?family=Lato';
 
 /*#region img-font*/
 @font-face {