@doku-dev/doku-fragment
Version:
A new Angular UI library that moving away from Bootstrap and built from scratch.
36 lines • 9.01 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
import { DokuIconDanger } from '../icons/icon-danger.component';
import { DokuIconExclamation } from '../icons/icon-exclamation.component';
import { DokuIconInfo } from '../icons/icon-info.component';
import { DokuIconSuccess } from '../icons/icon-success.component';
import * as i0 from "@angular/core";
import * as i1 from "../modal-ref";
import * as i2 from "@angular/common";
export class DokuModalHeader {
constructor(activeModal) {
this.activeModal = activeModal;
}
get classes() {
return ['d-modal-header'];
}
get isConfirmationVariant() {
return this.activeModal.config.variant === 'confirmation';
}
get shouldShowConfirmationIcon() {
return !!this.activeModal.config.confirmationOptions?.showIcon;
}
get confirmationIconType() {
return this.activeModal.config.confirmationOptions?.iconType;
}
}
DokuModalHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuModalHeader, deps: [{ token: i1.DokuActiveModal }], target: i0.ɵɵFactoryTarget.Component });
DokuModalHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DokuModalHeader, isStandalone: true, selector: "doku-modal-header", host: { properties: { "class": "this.classes" } }, exportAs: ["dokuModalHeader"], ngImport: i0, template: "<div class=\"d-modal-header-content\">\n <div\n *ngIf=\"isConfirmationVariant && shouldShowConfirmationIcon\"\n class=\"d-modal-confirmation-icon-container\"\n [ngClass]=\"confirmationIconType\"\n >\n <div class=\"d-modal-confirmation-icon-circle\">\n <doku-icon-exclamation *ngIf=\"confirmationIconType === 'warning'\"></doku-icon-exclamation>\n <doku-icon-info *ngIf=\"confirmationIconType === 'info'\"></doku-icon-info>\n <doku-icon-danger *ngIf=\"confirmationIconType === 'danger'\"></doku-icon-danger>\n <doku-icon-success *ngIf=\"confirmationIconType === 'success'\"></doku-icon-success>\n </div>\n </div>\n <ng-content></ng-content>\n</div>\n<ng-content select=\"doku-modal-close-icon\"></ng-content>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DokuIconExclamation, selector: "doku-icon-exclamation" }, { kind: "component", type: DokuIconInfo, selector: "doku-icon-info" }, { kind: "component", type: DokuIconDanger, selector: "doku-icon-danger" }, { kind: "component", type: DokuIconSuccess, selector: "doku-icon-success" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DokuModalHeader, decorators: [{
type: Component,
args: [{ selector: 'doku-modal-header', exportAs: 'dokuModalHeader', standalone: true, imports: [CommonModule, DokuIconExclamation, DokuIconInfo, DokuIconDanger, DokuIconSuccess], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"d-modal-header-content\">\n <div\n *ngIf=\"isConfirmationVariant && shouldShowConfirmationIcon\"\n class=\"d-modal-confirmation-icon-container\"\n [ngClass]=\"confirmationIconType\"\n >\n <div class=\"d-modal-confirmation-icon-circle\">\n <doku-icon-exclamation *ngIf=\"confirmationIconType === 'warning'\"></doku-icon-exclamation>\n <doku-icon-info *ngIf=\"confirmationIconType === 'info'\"></doku-icon-info>\n <doku-icon-danger *ngIf=\"confirmationIconType === 'danger'\"></doku-icon-danger>\n <doku-icon-success *ngIf=\"confirmationIconType === 'success'\"></doku-icon-success>\n </div>\n </div>\n <ng-content></ng-content>\n</div>\n<ng-content select=\"doku-modal-close-icon\"></ng-content>\n" }]
}], ctorParameters: function () { return [{ type: i1.DokuActiveModal }]; }, propDecorators: { classes: [{
type: HostBinding,
args: ['class']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rva3UtZnJhZ21lbnQvc3JjL2xpYi9tb2RhbC9jb250ZW50L21vZGFsLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kb2t1LWZyYWdtZW50L3NyYy9saWIvbW9kYWwvY29udGVudC9tb2RhbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBVyxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25HLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7O0FBWWxFLE1BQU0sT0FBTyxlQUFlO0lBQzFCLFlBQW9CLFdBQTRCO1FBQTVCLGdCQUFXLEdBQVgsV0FBVyxDQUFpQjtJQUFHLENBQUM7SUFFcEQsSUFDYyxPQUFPO1FBQ25CLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFjLHFCQUFxQjtRQUNqQyxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLE9BQU8sS0FBSyxjQUFjLENBQUM7SUFDNUQsQ0FBQztJQUVELElBQWMsMEJBQTBCO1FBQ3RDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLG1CQUFtQixFQUFFLFFBQVEsQ0FBQztJQUNqRSxDQUFDO0lBRUQsSUFBYyxvQkFBb0I7UUFDaEMsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsRUFBRSxRQUFRLENBQUM7SUFDL0QsQ0FBQzs7NEdBbEJVLGVBQWU7Z0dBQWYsZUFBZSwrSkNqQjVCLDh1QkFnQkEsMkNESlksWUFBWSxpT0FBRSxtQkFBbUIsa0VBQUUsWUFBWSwyREFBRSxjQUFjLDZEQUFFLGVBQWU7MkZBSy9FLGVBQWU7a0JBVDNCLFNBQVM7K0JBQ0UsbUJBQW1CLFlBQ25CLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLGVBQWUsQ0FBQyxpQkFFNUUsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTtzR0FNakMsT0FBTztzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9rdUljb25EYW5nZXIgfSBmcm9tICcuLi9pY29ucy9pY29uLWRhbmdlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9rdUljb25FeGNsYW1hdGlvbiB9IGZyb20gJy4uL2ljb25zL2ljb24tZXhjbGFtYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERva3VJY29uSW5mbyB9IGZyb20gJy4uL2ljb25zL2ljb24taW5mby5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9rdUljb25TdWNjZXNzIH0gZnJvbSAnLi4vaWNvbnMvaWNvbi1zdWNjZXNzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEb2t1QWN0aXZlTW9kYWwgfSBmcm9tICcuLi9tb2RhbC1yZWYnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkb2t1LW1vZGFsLWhlYWRlcicsXG4gIGV4cG9ydEFzOiAnZG9rdU1vZGFsSGVhZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRG9rdUljb25FeGNsYW1hdGlvbiwgRG9rdUljb25JbmZvLCBEb2t1SWNvbkRhbmdlciwgRG9rdUljb25TdWNjZXNzXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEb2t1TW9kYWxIZWFkZXIge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGFjdGl2ZU1vZGFsOiBEb2t1QWN0aXZlTW9kYWwpIHt9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByb3RlY3RlZCBnZXQgY2xhc3NlcygpOiBOZ0NsYXNzWyduZ0NsYXNzJ10ge1xuICAgIHJldHVybiBbJ2QtbW9kYWwtaGVhZGVyJ107XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IGlzQ29uZmlybWF0aW9uVmFyaWFudCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5hY3RpdmVNb2RhbC5jb25maWcudmFyaWFudCA9PT0gJ2NvbmZpcm1hdGlvbic7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IHNob3VsZFNob3dDb25maXJtYXRpb25JY29uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuYWN0aXZlTW9kYWwuY29uZmlnLmNvbmZpcm1hdGlvbk9wdGlvbnM/LnNob3dJY29uO1xuICB9XG5cbiAgcHJvdGVjdGVkIGdldCBjb25maXJtYXRpb25JY29uVHlwZSgpIHtcbiAgICByZXR1cm4gdGhpcy5hY3RpdmVNb2RhbC5jb25maWcuY29uZmlybWF0aW9uT3B0aW9ucz8uaWNvblR5cGU7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkLW1vZGFsLWhlYWRlci1jb250ZW50XCI+XG4gIDxkaXZcbiAgICAqbmdJZj1cImlzQ29uZmlybWF0aW9uVmFyaWFudCAmJiBzaG91bGRTaG93Q29uZmlybWF0aW9uSWNvblwiXG4gICAgY2xhc3M9XCJkLW1vZGFsLWNvbmZpcm1hdGlvbi1pY29uLWNvbnRhaW5lclwiXG4gICAgW25nQ2xhc3NdPVwiY29uZmlybWF0aW9uSWNvblR5cGVcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cImQtbW9kYWwtY29uZmlybWF0aW9uLWljb24tY2lyY2xlXCI+XG4gICAgICA8ZG9rdS1pY29uLWV4Y2xhbWF0aW9uICpuZ0lmPVwiY29uZmlybWF0aW9uSWNvblR5cGUgPT09ICd3YXJuaW5nJ1wiPjwvZG9rdS1pY29uLWV4Y2xhbWF0aW9uPlxuICAgICAgPGRva3UtaWNvbi1pbmZvICpuZ0lmPVwiY29uZmlybWF0aW9uSWNvblR5cGUgPT09ICdpbmZvJ1wiPjwvZG9rdS1pY29uLWluZm8+XG4gICAgICA8ZG9rdS1pY29uLWRhbmdlciAqbmdJZj1cImNvbmZpcm1hdGlvbkljb25UeXBlID09PSAnZGFuZ2VyJ1wiPjwvZG9rdS1pY29uLWRhbmdlcj5cbiAgICAgIDxkb2t1LWljb24tc3VjY2VzcyAqbmdJZj1cImNvbmZpcm1hdGlvbkljb25UeXBlID09PSAnc3VjY2VzcydcIj48L2Rva3UtaWNvbi1zdWNjZXNzPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJkb2t1LW1vZGFsLWNsb3NlLWljb25cIj48L25nLWNvbnRlbnQ+XG4iXX0=