chrv-components 1.11.15 → 1.11.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
Binary file
|
|
@@ -3503,11 +3503,11 @@ class ChrModalComponent {
|
|
|
3503
3503
|
}
|
|
3504
3504
|
}
|
|
3505
3505
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ChrModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3506
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ChrModalComponent, isStandalone: true, selector: "chr-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, viewQueries: [{ propertyName: "dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"modal-wrapper relative\">\r\n <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n </div>\r\n <div class=\"modal-content\" [attr.data-open]=\"isOpen()\" (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\"\r\n [attr.data-height]=\"height()\">\r\n <ng-container #dynamicContent class=\"w-full h-full\"></ng-container>\r\n </div>\r\n</div>", styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:
|
|
3506
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ChrModalComponent, isStandalone: true, selector: "chr-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, viewQueries: [{ propertyName: "dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"modal-wrapper relative\">\r\n <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n </div>\r\n <div class=\"modal-content\" [attr.data-open]=\"isOpen()\" (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\"\r\n [attr.data-height]=\"height()\">\r\n <ng-container #dynamicContent class=\"w-full h-full\"></ng-container>\r\n </div>\r\n</div>", styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998}.modal-content[data-width]{width:attr(data-width vw)}.modal-content[data-height]{height:attr(data-height vh)}.modal-wrapper{position:fixed;inset:0;width:100vw;height:100vh;z-index:998;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:998;animation:opacify .3s ease-in-out}.modal-content{z-index:999;background:var(--background-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;width:max-content;height:max-content;max-width:90vw;max-height:90vh;overflow:auto;transition:all .3s ease-in-out;animation:opacify .3s ease-in-out,scaleup .3s ease-in-out}.modal-content[data-open=false]{opacity:0;transform:scale(.5);transition:all .3s ease-in-out}.modal-content[data-open=true]{opacity:1;transform:scale(1);transition:all .3s ease-in-out}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
3507
3507
|
}
|
|
3508
3508
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ChrModalComponent, decorators: [{
|
|
3509
3509
|
type: Component,
|
|
3510
|
-
args: [{ selector: 'chr-modal', standalone: true, imports: [CommonModule], template: "<div class=\"modal-wrapper relative\">\r\n <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n </div>\r\n <div class=\"modal-content\" [attr.data-open]=\"isOpen()\" (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\"\r\n [attr.data-height]=\"height()\">\r\n <ng-container #dynamicContent class=\"w-full h-full\"></ng-container>\r\n </div>\r\n</div>", styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:
|
|
3510
|
+
args: [{ selector: 'chr-modal', standalone: true, imports: [CommonModule], template: "<div class=\"modal-wrapper relative\">\r\n <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n </div>\r\n <div class=\"modal-content\" [attr.data-open]=\"isOpen()\" (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\"\r\n [attr.data-height]=\"height()\">\r\n <ng-container #dynamicContent class=\"w-full h-full\"></ng-container>\r\n </div>\r\n</div>", styles: [":host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998}.modal-content[data-width]{width:attr(data-width vw)}.modal-content[data-height]{height:attr(data-height vh)}.modal-wrapper{position:fixed;inset:0;width:100vw;height:100vh;z-index:998;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:998;animation:opacify .3s ease-in-out}.modal-content{z-index:999;background:var(--background-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;width:max-content;height:max-content;max-width:90vw;max-height:90vh;overflow:auto;transition:all .3s ease-in-out;animation:opacify .3s ease-in-out,scaleup .3s ease-in-out}.modal-content[data-open=false]{opacity:0;transform:scale(.5);transition:all .3s ease-in-out}.modal-content[data-open=true]{opacity:1;transform:scale(1);transition:all .3s ease-in-out}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"] }]
|
|
3511
3511
|
}], propDecorators: { dynamicContent: [{
|
|
3512
3512
|
type: ViewChild,
|
|
3513
3513
|
args: ['dynamicContent', { read: ViewContainerRef }]
|
|
@@ -3835,8 +3835,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
3835
3835
|
}]
|
|
3836
3836
|
}] });
|
|
3837
3837
|
|
|
3838
|
-
const CHR_MODAL_DATA = new InjectionToken('CHR_MODAL_DATA'
|
|
3839
|
-
|
|
3838
|
+
const CHR_MODAL_DATA = new InjectionToken('CHR_MODAL_DATA', {
|
|
3839
|
+
providedIn: 'root',
|
|
3840
|
+
factory: () => null,
|
|
3841
|
+
});
|
|
3842
|
+
const CHR_MODAL_REF = new InjectionToken('CHR_MODAL_REF', {
|
|
3843
|
+
providedIn: 'root',
|
|
3844
|
+
factory: () => null,
|
|
3845
|
+
});
|
|
3840
3846
|
|
|
3841
3847
|
class ModalService {
|
|
3842
3848
|
constructor() {
|