UNPKG

design-angular-kit

Version:

Un toolkit Angular conforme alle linee guida di design per i servizi web della PA

136 lines (135 loc) 5.64 kB
import { AfterViewInit, EventEmitter } from '@angular/core'; import { ItAbstractComponent } from '../../../abstracts/abstract.component'; import { Modal as BSModal } from 'bootstrap'; import * as i0 from "@angular/core"; import * as i1 from "../../../utils/coercion"; /** * Modal windows * @description To show featured content, notifications to users, or personalized content. */ export declare class ItModalComponent extends ItAbstractComponent implements AfterViewInit { /** * Show/Hide close button on header * @default true */ closeButton: boolean; /** * To correctly format the contents of the modal with icon * @default false */ alertModal?: boolean; /** * To correctly format the contents of the modal with Link List * @default false */ dialogLinkList?: boolean; /** * Modal type Popconfirm can be used for short confirmation messages. * @default false */ popconfirm?: boolean; /** * You can choose to use a scroll inside the modal, keeping the header and footer of the modal always visible * @default false */ scrollable?: boolean; /** * To have modals that appear with fades * @default true */ fade?: boolean; /** * Modal alignment * - <b>centered</b>: to vertically center the modal * - <b>left</b>: to left-align the modal * - <b>right</b>: to right-align the modal * @default undefined */ alignment: 'centered' | 'left' | 'right' | undefined; /** * The modal size * @default undefined */ size: 'sm' | 'lg' | 'xl' | undefined; /** * Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn’t close the modal when clicked. * @default true */ backdrop: 'static' | boolean; /** * Puts the focus on the modal when initialized. * @default true */ focus: boolean; /** * Closes the modal when escape key is pressed. * @default true */ keyboard: boolean; /** * To better distinguish the footer element with a shadow * @default false */ footerShadow?: boolean; /** * Modal options */ options?: Partial<BSModal.Options>; /** * This event fires immediately when the instance method show is called. */ showEvent: EventEmitter<Event>; /** * This event fires when the modal has been made visible to the user (it will wait for CSS transitions to complete). */ shownEvent: EventEmitter<Event>; /** * This event is raised immediately when the instance method hide has been called. */ hideEvent: EventEmitter<Event>; /** * This event fires when the modal has finished hiding from the user (it will wait for CSS transitions to complete). */ hiddenEvent: EventEmitter<Event>; /** * This event is fired when the modal is displayed, its background is static and a click outside the modal or a press * of the esc key occurs and data-bs-keyboard is set to false. */ hidePreventedEvent: EventEmitter<Event>; private modal?; private modalElement?; ngAfterViewInit(): void; protected get modalClass(): string; protected get dialogClass(): string; /** * Manually activate/deactivate a modal. Returns to the caller before the modal has actually been shown or hidden */ toggle(): void; /** * Manually open a modal. Returns to the caller before the modal has actually been displayed */ show(): void; /** * Manually hide a modal. Returns to the caller before the modal has actually been hidden */ hide(): void; /** * Manually reposition the modal if the height of the modal changes when it is opened (in case a scroll bar appears). */ handleUpdate(): void; /** * Destroys the modal of an element. */ dispose(): void; static ɵfac: i0.ɵɵFactoryDeclaration<ItModalComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<ItModalComponent, "it-modal", ["itModal"], { "closeButton": { "alias": "closeButton"; "required": false; }; "alertModal": { "alias": "alertModal"; "required": false; }; "dialogLinkList": { "alias": "dialogLinkList"; "required": false; }; "popconfirm": { "alias": "popconfirm"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "size": { "alias": "size"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "focus": { "alias": "focus"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "footerShadow": { "alias": "footerShadow"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; "hidePreventedEvent": "hidePreventedEvent"; }, never, ["[beforeTitle]", "[modalTitle]", "[description]", "*", "[footer]"], true, never>; static ngAcceptInputType_closeButton: i1.BooleanInput; static ngAcceptInputType_alertModal: i1.BooleanInput; static ngAcceptInputType_dialogLinkList: i1.BooleanInput; static ngAcceptInputType_popconfirm: i1.BooleanInput; static ngAcceptInputType_scrollable: i1.BooleanInput; static ngAcceptInputType_fade: i1.BooleanInput; static ngAcceptInputType_focus: i1.BooleanInput; static ngAcceptInputType_keyboard: i1.BooleanInput; static ngAcceptInputType_footerShadow: i1.BooleanInput; }