chrv-components 1.12.68 → 1.12.69
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
|
|
@@ -4505,11 +4505,11 @@ class ChrModalComponent {
|
|
|
4505
4505
|
}
|
|
4506
4506
|
}
|
|
4507
4507
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ChrModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4508
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", 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 }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", 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 }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeOnBackdropClick: "closeOnBackdropClickChange", closeOnEscape: "closeOnEscapeChange", close: "close" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, viewQueries: [{ propertyName: "dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div #modalWrapper class=\"modal-wrapper relative\">\r\n <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n </div>\r\n <div class=\"modal-content\" [attr.data-background]=\"background()\" [attr.data-open]=\"isOpen()\"\r\n (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\" [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;border-radius:8px;width:max-content;height:max-content;max-width:90vw;max-height:90vh;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}.modal-content[data-background=primary]{background:var(--primary-color)}.modal-content[data-background=secondary]{background:var(--secondary-color)}.modal-content[data-background=tertiary]{background:var(--tertiary-color)}.modal-content[data-background=warn]{background:var(--warn-color)}.modal-content[data-background=error]{background:var(--error-color)}.modal-content[data-background=primary-contrast]{background:var(--primary-contrast-color)}.modal-content[data-background=secondary-contrast]{background:var(--secondary-contrast-color)}.modal-content[data-background=tertiary-contrast]{background:var(--tertiary-contrast-color)}.modal-content[data-background=warn-contrast]{background:var(--warn-contrast-color)}.modal-content[data-background=error-contrast]{background:var(--error-contrast-color)}.modal-content[data-background=white]{background:#fff}.modal-content[data-background=black]{background:#000}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"] }); }
|
|
4508
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", 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 }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", 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 }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeOnBackdropClick: "closeOnBackdropClickChange", closeOnEscape: "closeOnEscapeChange", close: "close" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, viewQueries: [{ propertyName: "dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div #modalWrapper class=\"modal-wrapper relative\">\r\n <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n </div>\r\n <div class=\"modal-content\" [attr.data-background]=\"background()\" [attr.data-open]=\"isOpen()\"\r\n (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\" [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{overflow:auto}.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;border-radius:8px;width:max-content;height:max-content;max-width:90vw;max-height:90vh;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}.modal-content[data-background=primary]{background:var(--primary-color)}.modal-content[data-background=secondary]{background:var(--secondary-color)}.modal-content[data-background=tertiary]{background:var(--tertiary-color)}.modal-content[data-background=warn]{background:var(--warn-color)}.modal-content[data-background=error]{background:var(--error-color)}.modal-content[data-background=primary-contrast]{background:var(--primary-contrast-color)}.modal-content[data-background=secondary-contrast]{background:var(--secondary-contrast-color)}.modal-content[data-background=tertiary-contrast]{background:var(--tertiary-contrast-color)}.modal-content[data-background=warn-contrast]{background:var(--warn-contrast-color)}.modal-content[data-background=error-contrast]{background:var(--error-contrast-color)}.modal-content[data-background=white]{background:#fff}.modal-content[data-background=black]{background:#000}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"] }); }
|
|
4509
4509
|
}
|
|
4510
4510
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ChrModalComponent, decorators: [{
|
|
4511
4511
|
type: Component,
|
|
4512
|
-
args: [{ selector: 'chr-modal', standalone: true, imports: [], template: "<div #modalWrapper class=\"modal-wrapper relative\">\r\n <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n </div>\r\n <div class=\"modal-content\" [attr.data-background]=\"background()\" [attr.data-open]=\"isOpen()\"\r\n (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\" [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;border-radius:8px;width:max-content;height:max-content;max-width:90vw;max-height:90vh;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}.modal-content[data-background=primary]{background:var(--primary-color)}.modal-content[data-background=secondary]{background:var(--secondary-color)}.modal-content[data-background=tertiary]{background:var(--tertiary-color)}.modal-content[data-background=warn]{background:var(--warn-color)}.modal-content[data-background=error]{background:var(--error-color)}.modal-content[data-background=primary-contrast]{background:var(--primary-contrast-color)}.modal-content[data-background=secondary-contrast]{background:var(--secondary-contrast-color)}.modal-content[data-background=tertiary-contrast]{background:var(--tertiary-contrast-color)}.modal-content[data-background=warn-contrast]{background:var(--warn-contrast-color)}.modal-content[data-background=error-contrast]{background:var(--error-contrast-color)}.modal-content[data-background=white]{background:#fff}.modal-content[data-background=black]{background:#000}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"] }]
|
|
4512
|
+
args: [{ selector: 'chr-modal', standalone: true, imports: [], template: "<div #modalWrapper class=\"modal-wrapper relative\">\r\n <div class=\"modal-backdrop\" (click)=\"onBackdropClick()\">\r\n </div>\r\n <div class=\"modal-content\" [attr.data-background]=\"background()\" [attr.data-open]=\"isOpen()\"\r\n (click)=\"onModalClick($event)\" [attr.data-width]=\"width()\" [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{overflow:auto}.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;border-radius:8px;width:max-content;height:max-content;max-width:90vw;max-height:90vh;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}.modal-content[data-background=primary]{background:var(--primary-color)}.modal-content[data-background=secondary]{background:var(--secondary-color)}.modal-content[data-background=tertiary]{background:var(--tertiary-color)}.modal-content[data-background=warn]{background:var(--warn-color)}.modal-content[data-background=error]{background:var(--error-color)}.modal-content[data-background=primary-contrast]{background:var(--primary-contrast-color)}.modal-content[data-background=secondary-contrast]{background:var(--secondary-contrast-color)}.modal-content[data-background=tertiary-contrast]{background:var(--tertiary-contrast-color)}.modal-content[data-background=warn-contrast]{background:var(--warn-contrast-color)}.modal-content[data-background=error-contrast]{background:var(--error-contrast-color)}.modal-content[data-background=white]{background:#fff}.modal-content[data-background=black]{background:#000}@keyframes opacify{0%{opacity:0}to{opacity:1}}@keyframes scaleup{0%{transform:scale(.5)}to{transform:scale(1)}}\n"] }]
|
|
4513
4513
|
}], ctorParameters: () => [], propDecorators: { dynamicContent: [{
|
|
4514
4514
|
type: ViewChild,
|
|
4515
4515
|
args: ['dynamicContent', { read: ViewContainerRef }]
|