@haiilo/catalyst-angular 10.24.0 → 10.24.2
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.
- package/esm2020/lib/dialog/dialog.component.mjs +3 -3
- package/fesm2015/haiilo-catalyst-angular.mjs +13 -13
- package/fesm2015/haiilo-catalyst-angular.mjs.map +1 -1
- package/fesm2020/haiilo-catalyst-angular.mjs +13 -13
- package/fesm2020/haiilo-catalyst-angular.mjs.map +1 -1
- package/lib/dialog/dialog.component.d.ts +1 -1
- package/package.json +3 -3
|
@@ -3,12 +3,12 @@ import { InjectionToken, Directive, HostListener, Component, ViewEncapsulation,
|
|
|
3
3
|
import * as i3 from '@haiilo/catalyst';
|
|
4
4
|
import { catI18nRegistry, catIconRegistry, catNotificationService } from '@haiilo/catalyst';
|
|
5
5
|
import log from 'loglevel';
|
|
6
|
-
import * as i1
|
|
6
|
+
import * as i1 from '@angular/cdk/dialog';
|
|
7
7
|
import { DialogModule } from '@angular/cdk/dialog';
|
|
8
|
-
import * as
|
|
8
|
+
import * as i2 from '@angular/common';
|
|
9
9
|
import { CommonModule } from '@angular/common';
|
|
10
10
|
import { defineCustomElements } from '@haiilo/catalyst/loader';
|
|
11
|
-
import * as i1$
|
|
11
|
+
import * as i1$1 from '@angular/forms';
|
|
12
12
|
import { NG_VALUE_ACCESSOR, Validators } from '@angular/forms';
|
|
13
13
|
import { __decorate } from 'tslib';
|
|
14
14
|
import { fromEvent } from 'rxjs';
|
|
@@ -1163,7 +1163,7 @@ class CatDialogHeaderComponent {
|
|
|
1163
1163
|
}
|
|
1164
1164
|
}
|
|
1165
1165
|
CatDialogHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatDialogHeaderComponent, deps: [{ token: CAT_I18N_REGISTRY_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
|
|
1166
|
-
CatDialogHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatDialogHeaderComponent, selector: "cat-dialog-header", inputs: { headline: "headline", subline: "subline", closable: "closable" }, outputs: { close: "close" }, host: { classAttribute: "cat-dialog-header" }, ngImport: i0, template: "<div class=\"cat-dialog-header-content\" *ngIf=\"headline || subline\">\n <h3 class=\"cat-h5 cat-m-0\" *ngIf=\"headline\">{{ headline }}</h3>\n <h4 class=\"cat-h6 cat-m-0\" *ngIf=\"subline\">{{ subline }}</h4>\n</div>\n<ng-content></ng-content>\n<cat-button\n *ngIf=\"closable\"\n class=\"cat-dialog-close cat-button-pull\"\n variant=\"text\"\n size=\"s\"\n icon=\"$cat:dialog-close\"\n [iconOnly]=\"true\"\n [a11yLabel]=\"closeTxt\"\n (click)=\"close.emit()\"\n></cat-button>\n", styles: [".cat-dialog-close{margin-left:auto;align-self:start}\n"], dependencies: [{ kind: "directive", type:
|
|
1166
|
+
CatDialogHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatDialogHeaderComponent, selector: "cat-dialog-header", inputs: { headline: "headline", subline: "subline", closable: "closable" }, outputs: { close: "close" }, host: { classAttribute: "cat-dialog-header" }, ngImport: i0, template: "<div class=\"cat-dialog-header-content\" *ngIf=\"headline || subline\">\n <h3 class=\"cat-h5 cat-m-0\" *ngIf=\"headline\">{{ headline }}</h3>\n <h4 class=\"cat-h6 cat-m-0\" *ngIf=\"subline\">{{ subline }}</h4>\n</div>\n<ng-content></ng-content>\n<cat-button\n *ngIf=\"closable\"\n class=\"cat-dialog-close cat-button-pull\"\n variant=\"text\"\n size=\"s\"\n icon=\"$cat:dialog-close\"\n [iconOnly]=\"true\"\n [a11yLabel]=\"closeTxt\"\n (click)=\"close.emit()\"\n></cat-button>\n", styles: [".cat-dialog-close{margin-left:auto;align-self:start}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CatButton, selector: "cat-button", inputs: ["a11yCurrent", "a11yLabel", "active", "buttonGroupPosition", "buttonId", "color", "disabled", "icon", "iconOnly", "iconRight", "loading", "name", "nativeAttributes", "nativeContentAttributes", "noEllipsis", "round", "size", "submit", "url", "urlTarget", "value", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1167
1167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatDialogHeaderComponent, decorators: [{
|
|
1168
1168
|
type: Component,
|
|
1169
1169
|
args: [{ selector: 'cat-dialog-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
@@ -1214,14 +1214,14 @@ class CatDialogComponent {
|
|
|
1214
1214
|
this.header?.close.subscribe(() => this.dialogRef.close());
|
|
1215
1215
|
}
|
|
1216
1216
|
}
|
|
1217
|
-
CatDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatDialogComponent, deps: [{ token: i1
|
|
1218
|
-
CatDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatDialogComponent, selector: "cat-dialog", inputs: { noScroll: "noScroll", noOverscroll: "noOverscroll", noScrolledInit: "noScrolledInit", scrolledBuffer: "scrolledBuffer" }, outputs: { scrolledBottom: "scrolledBottom" }, host: { classAttribute: "cat-dialog" }, queries: [{ propertyName: "header", first: true, predicate: CatDialogHeaderComponent, descendants: true }], ngImport: i0, template: "<ng-content select=\"cat-dialog-header\"></ng-content>\n<cat-scrollable\n *ngIf=\"!noScroll; else
|
|
1217
|
+
CatDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatDialogComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1218
|
+
CatDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatDialogComponent, selector: "cat-dialog", inputs: { noScroll: "noScroll", noOverscroll: "noOverscroll", noScrolledInit: "noScrolledInit", scrolledBuffer: "scrolledBuffer" }, outputs: { scrolledBottom: "scrolledBottom" }, host: { classAttribute: "cat-dialog" }, queries: [{ propertyName: "header", first: true, predicate: CatDialogHeaderComponent, descendants: true }], ngImport: i0, template: "<ng-content select=\"cat-dialog-header\"></ng-content>\n<cat-scrollable\n *ngIf=\"!noScroll; else noScrollTemplate\"\n [noOverscroll]=\"noOverscroll\"\n [noScrolledInit]=\"noScrolledInit\"\n [scrolledBuffer]=\"scrolledBuffer\"\n (scrolledBottom)=\"scrolledBottom.emit()\"\n>\n <div class=\"cat-dialog-content\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n</cat-scrollable>\n<ng-template #noScrollTemplate>\n <div class=\"cat-dialog-content no-scroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n</ng-template>\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n<ng-content select=\"cat-dialog-actions\"></ng-content>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cat-backdrop{transition-duration:.5s}.cat-dialog-pane{transform:translateZ(0)}.cat-dialog-pane .cdk-dialog-container>*:only-child{display:block;width:100%;height:100%;min-height:inherit;max-height:inherit}.cat-dialog{width:100%;height:100%;min-height:inherit;max-height:inherit;animation:cat-dialog-enter .25s ease}.cat-dialog cat-scrollable{flex-grow:1}@keyframes cat-dialog-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.cat-dialog-content.no-scroll{height:100%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CatScrollable, selector: "cat-scrollable", inputs: ["noOverflowX", "noOverflowY", "noOverscroll", "noScrolledInit", "noShadowX", "noShadowY", "scrolledBuffer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1219
1219
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatDialogComponent, decorators: [{
|
|
1220
1220
|
type: Component,
|
|
1221
1221
|
args: [{ selector: 'cat-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
1222
1222
|
class: 'cat-dialog'
|
|
1223
|
-
}, template: "<ng-content select=\"cat-dialog-header\"></ng-content>\n<cat-scrollable\n *ngIf=\"!noScroll; else
|
|
1224
|
-
}], ctorParameters: function () { return [{ type: i1
|
|
1223
|
+
}, template: "<ng-content select=\"cat-dialog-header\"></ng-content>\n<cat-scrollable\n *ngIf=\"!noScroll; else noScrollTemplate\"\n [noOverscroll]=\"noOverscroll\"\n [noScrolledInit]=\"noScrolledInit\"\n [scrolledBuffer]=\"scrolledBuffer\"\n (scrolledBottom)=\"scrolledBottom.emit()\"\n>\n <div class=\"cat-dialog-content\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n</cat-scrollable>\n<ng-template #noScrollTemplate>\n <div class=\"cat-dialog-content no-scroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n</ng-template>\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n<ng-content select=\"cat-dialog-actions\"></ng-content>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cat-backdrop{transition-duration:.5s}.cat-dialog-pane{transform:translateZ(0)}.cat-dialog-pane .cdk-dialog-container>*:only-child{display:block;width:100%;height:100%;min-height:inherit;max-height:inherit}.cat-dialog{width:100%;height:100%;min-height:inherit;max-height:inherit;animation:cat-dialog-enter .25s ease}.cat-dialog cat-scrollable{flex-grow:1}@keyframes cat-dialog-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.cat-dialog-content.no-scroll{height:100%;overflow:hidden}\n"] }]
|
|
1224
|
+
}], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { noScroll: [{
|
|
1225
1225
|
type: Input
|
|
1226
1226
|
}], noOverscroll: [{
|
|
1227
1227
|
type: Input
|
|
@@ -1411,7 +1411,7 @@ class ValueAccessorDecorator {
|
|
|
1411
1411
|
this.el.nativeElement.errors = this.controlDirective?.errors || !!this.controlDirective?.invalid;
|
|
1412
1412
|
}
|
|
1413
1413
|
}
|
|
1414
|
-
ValueAccessorDecorator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValueAccessorDecorator, deps: [{ token: i0.ElementRef }, { token: i1$
|
|
1414
|
+
ValueAccessorDecorator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValueAccessorDecorator, deps: [{ token: i0.ElementRef }, { token: i1$1.NgControl, optional: true, self: true }, { token: i1$1.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1415
1415
|
ValueAccessorDecorator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ValueAccessorDecorator, selector: "cat-input, cat-textarea, cat-datepicker, cat-select, cat-date, cat-time, cat-tag", inputs: { errorInit: "errorInit" }, host: { listeners: { "catBlur": "updateErrors()" } }, ngImport: i0 });
|
|
1416
1416
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ValueAccessorDecorator, decorators: [{
|
|
1417
1417
|
type: Directive,
|
|
@@ -1422,11 +1422,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1422
1422
|
'(catBlur)': 'updateErrors()'
|
|
1423
1423
|
}
|
|
1424
1424
|
}]
|
|
1425
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$
|
|
1425
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.NgControl, decorators: [{
|
|
1426
1426
|
type: Self
|
|
1427
1427
|
}, {
|
|
1428
1428
|
type: Optional
|
|
1429
|
-
}] }, { type: i1$
|
|
1429
|
+
}] }, { type: i1$1.ControlContainer, decorators: [{
|
|
1430
1430
|
type: Optional
|
|
1431
1431
|
}, {
|
|
1432
1432
|
type: Host
|
|
@@ -1574,14 +1574,14 @@ class CatDialogService {
|
|
|
1574
1574
|
this.dialog.closeAll();
|
|
1575
1575
|
}
|
|
1576
1576
|
}
|
|
1577
|
-
CatDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatDialogService, deps: [{ token: i1
|
|
1577
|
+
CatDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatDialogService, deps: [{ token: i1.Dialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1578
1578
|
CatDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatDialogService, providedIn: 'root' });
|
|
1579
1579
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatDialogService, decorators: [{
|
|
1580
1580
|
type: Injectable,
|
|
1581
1581
|
args: [{
|
|
1582
1582
|
providedIn: 'root'
|
|
1583
1583
|
}]
|
|
1584
|
-
}], ctorParameters: function () { return [{ type: i1
|
|
1584
|
+
}], ctorParameters: function () { return [{ type: i1.Dialog }]; } });
|
|
1585
1585
|
|
|
1586
1586
|
/**
|
|
1587
1587
|
* Generated bundle index. Do not edit.
|