import { KbqModalModule } from '@koobiq/components/modal';| Name | Description |
|---|---|
| afterAllClose: Observable |
|
| openModals: KbqModalRef |
Selector: [kbq-modal-title], kbq-modal-title, [kbqModalTitle]
Selector: [kbq-modal-body], kbq-modal-body, [kbqModalBody]
Selector: [kbq-modal-footer], kbq-modal-footer, [kbqModalFooter]
Selector: kbq-modal
| Name | Description |
|---|---|
@Input() kbqBodyStyle: object
|
|
@Input() kbqCancelLoading: boolean
|
|
@Input() kbqCancelText: string
|
|
@Input() kbqClassName: string
|
|
@Input() kbqClosable: boolean
|
|
@Input() kbqCloseByESC: boolean
|
|
@Input() kbqComponent: Type$1 |
|
@Input() kbqComponentParams: any
|
|
@Input() kbqContent: string | TemplateRef<{}> | Type$1 |
|
@Input() kbqFooter: string | TemplateRef<{}> | IModalButtonOptions |
|
@Input() kbqGetContainer: HTMLElement | OverlayRef | (() => HTMLElement | OverlayRef)
|
|
@Input() kbqMask: boolean
|
|
@Input() kbqMaskClosable: boolean
|
|
@Input() kbqMaskStyle: object
|
|
@Input() kbqModalType: ModalType
|
|
@Input() kbqOkLoading: boolean
|
|
@Input() kbqOkText: string
|
|
@Input() kbqOkType: KbqComponentColors
|
|
@Input() @Output('kbqOnCancel')
kbqOnCancel: EventEmitter |
|
@Input() @Output('kbqOnOk')
kbqOnOk: EventEmitter |
|
@Input() kbqRestoreFocus: boolean
|
|
@Input() kbqSize: ModalSize
|
|
@Input() kbqStyle: object
|
|
@Input() kbqTitle: string | TemplateRef<{}>
|
|
@Input() kbqVisible: boolean
|
|
@Input() kbqWidth: string | number
|
|
@Input() kbqWrapClassName: string
|
|
@Output('kbqAfterClose')
kbqAfterClose: EventEmitter |
|
@Output('kbqAfterOpen')
kbqAfterOpen: EventEmitter |
|
@Output('kbqBeforeClose')
kbqBeforeClose: EventEmitter |
Emitted before the modal begins its closing animation. |
@Output('kbqVisibleChange')
kbqVisibleChange: EventEmitter |
|
| afterClose: Observable |
|
| afterOpen: Observable |
|
| autoFocusedButtons: QueryList |
|
| beforeClose: Observable |
Observable alias for `kbqBeforeClose` |
| bodyContainer: ViewContainerRef | |
| cancelText: string | |
| componentColors: typeof KbqComponentColors | |
| document: Document | |
| hidden: boolean | |
| isBottomOverflow: boolean | |
| isTopOverflow: boolean | |
| maskAnimationClassMap: object | |
| modalAnimationClassMap: object | |
| modalBody: ElementRef |
|
| modalContainer: ElementRef |
|
| okText: string | |
| transformOrigin: string |
Selector: [kbq-modal-main-action]
API class that public to users to handle the modal instance. KbqModalRef is aim to avoid accessing to the modal instance directly by users.
| Name | Description |
|---|---|
| afterClose: Observable |
|
| afterOpen: Observable |
|
| beforeClose: Observable |
| Name | Description |
|---|---|
| data: any | Data being injected into the child component. |
| kbqAfterClose: EventEmitter |
|
| kbqAfterOpen: EventEmitter |
|
| kbqBodyStyle: object | |
| kbqCancelLoading: boolean | |
| kbqCancelText: string | |
| kbqClassName: string | |
| kbqClosable: boolean | |
| kbqCloseByESC: boolean | |
| kbqComponent: Type$1 |
|
| kbqContent: string | TemplateRef<{}> | Type$1 |
|
| kbqFooter: string | TemplateRef<{}> | IModalButtonOptions |
|
| kbqGetContainer: HTMLElement | OverlayRef | (() => HTMLElement | OverlayRef) | |
| kbqMask: boolean | |
| kbqMaskClosable: boolean | |
| kbqMaskStyle: object | |
| kbqModalType: ModalType | |
| kbqOkLoading: boolean | |
| kbqOkText: string | |
| kbqOkType: string | |
| kbqOnCancel: EventEmitter |
|
| kbqOnOk: EventEmitter |
|
| kbqRestoreFocus: boolean | |
| kbqSize: ModalSize | |
| kbqStyle: object | |
| kbqTitle: string | TemplateRef<{}> | |
| kbqVisible: boolean | |
| kbqWidth: string | number | |
| kbqWrapClassName: string | |
Deprecated kbqComponentParams: any
|
| Name | Description |
|---|---|
| data: any | Data being injected into the child component. |
| injector: Injector | The injector used to create the component that will be attached. If specified, it overrides the injector provided by `KbqModalService`. |
| kbqAfterClose: EventEmitter |
|
| kbqAfterOpen: EventEmitter |
|
| kbqBodyStyle: object | |
| kbqCancelLoading: boolean | |
| kbqCancelText: string | |
| kbqClassName: string | |
| kbqClosable: boolean | |
| kbqCloseByESC: boolean | |
| kbqComponent: Type$1 |
|
| kbqContent: string | TemplateRef<{}> | Type$1 |
|
| kbqFooter: string | TemplateRef<{}> | IModalButtonOptions |
|
| kbqGetContainer: HTMLElement | OverlayRef | (() => HTMLElement | OverlayRef) | |
| kbqMask: boolean | |
| kbqMaskClosable: boolean | |
| kbqMaskStyle: object | |
| kbqModalType: ModalType | |
| kbqOkLoading: boolean | |
| kbqOkText: string | |
| kbqOkType: string | |
| kbqOnCancel: OnClickCallback |
|
| kbqOnOk: OnClickCallback |
|
| kbqRestoreFocus: boolean | |
| kbqSize: ModalSize | |
| kbqStyle: object | |
| kbqTitle: string | TemplateRef<{}> | |
| kbqVisible: boolean | |
| kbqWidth: string | number | |
| kbqWrapClassName: string | |
Deprecated kbqComponentParams: any
|
| Name | Description |
|---|---|
| autoFocus: boolean | |
| autoLoading: boolean | |
| disabled: boolean | ((this: IModalButtonOptions |
|
| ghost: boolean | |
| kbqModalMainAction: boolean | |
| label: string | |
| loading: boolean | ((this: IModalButtonOptions |
|
| shape: string | |
| show: boolean | ((this: IModalButtonOptions |
|
| size: string | |
| type: string |
type OnClickCallback = (instance: T) => (false | void | {}) | Promise<false | void | {}>;
type ModalType = 'default' | 'confirm' | 'custom';
type ConfirmType = 'confirm' | 'success' | 'warn';
Injection token that can be used to access the data that was passed in to a modal.
const KBQ_MODAL_DATA: InjectionToken<unknown>;