sa-modals
Version:
Angular Modal Library: A versatile and accessible modal component for Angular applications, designed to enhance user experience with smooth animations and responsive design. This library leverages Angular's CDK to create dynamic overlays, ensuring seamles
16 lines • 2.93 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class FooterComponent {
constructor() {
this.justify = 'space-between';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.3", type: FooterComponent, selector: "modal-footer", inputs: { justify: "justify" }, ngImport: i0, template: "<div class=\"sa-modal-footer\" [style]=\"'--justify:'+justify\">\r\n <ng-content />\r\n</div>", styles: [".sa-modal-footer{padding:16px;background-color:var(--modal-bg-color);border-top:1px solid var(--modal-border-color);display:flex;justify-content:var(--justify);align-items:center;flex-wrap:wrap;gap:8px}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.3", ngImport: i0, type: FooterComponent, decorators: [{
type: Component,
args: [{ selector: 'modal-footer', template: "<div class=\"sa-modal-footer\" [style]=\"'--justify:'+justify\">\r\n <ng-content />\r\n</div>", styles: [".sa-modal-footer{padding:16px;background-color:var(--modal-bg-color);border-top:1px solid var(--modal-border-color);display:flex;justify-content:var(--justify);align-items:center;flex-wrap:wrap;gap:8px}\n"] }]
}], propDecorators: { justify: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhLW1vZGFsL3NyYy9saWIvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NhLW1vZGFsL3NyYy9saWIvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9qRCxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU1XLFlBQU8sR0FRSyxlQUFlLENBQUM7S0FDdEM7OEdBVlksZUFBZTtrR0FBZixlQUFlLG9GQ1A1QixnR0FFTTs7MkZES08sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxjQUFjOzhCQUtmLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbW9kYWwtZm9vdGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZm9vdGVyLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEZvb3RlckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkganVzdGlmeTpcclxuICAgIHwgJ3N0YXJ0J1xyXG4gICAgfCAnZW5kJ1xyXG4gICAgfCAnZmxleC1zdGFydCdcclxuICAgIHwgJ2ZsZXgtZW5kJ1xyXG4gICAgfCAnY2VudGVyJ1xyXG4gICAgfCAnc3BhY2UtYmV0d2VlbidcclxuICAgIHwgJ3NwYWNlLWFyb3VuZCdcclxuICAgIHwgJ3NwYWNlLWV2ZW5seScgPSAnc3BhY2UtYmV0d2Vlbic7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNhLW1vZGFsLWZvb3RlclwiIFtzdHlsZV09XCInLS1qdXN0aWZ5OicranVzdGlmeVwiPlxyXG4gIDxuZy1jb250ZW50IC8+XHJcbjwvZGl2PiJdfQ==