@leanix/components 0.4.15 → 0.4.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.
- package/esm2020/lib/modal-ui/components/modal/modal.component.mjs +5 -3
- package/esm2020/lib/modal-ui/components/modal-header/modal-header.component.mjs +2 -2
- package/esm2020/lib/modal-ui/modal.constants.mjs +2 -1
- package/fesm2015/leanix-components.mjs +8 -4
- package/fesm2015/leanix-components.mjs.map +1 -1
- package/fesm2020/leanix-components.mjs +10 -4
- package/fesm2020/leanix-components.mjs.map +1 -1
- package/lib/modal-ui/components/modal/modal.component.d.ts +2 -2
- package/lib/modal-ui/modal.constants.d.ts +2 -1
- package/package.json +1 -1
|
@@ -3543,6 +3543,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3543
3543
|
const isBs3 = () => true;
|
|
3544
3544
|
|
|
3545
3545
|
// @deprecated
|
|
3546
|
+
// tslint:disable
|
|
3546
3547
|
class DayPickerComponent {
|
|
3547
3548
|
constructor(datePicker) {
|
|
3548
3549
|
this.labels = [];
|
|
@@ -3842,6 +3843,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3842
3843
|
}], ctorParameters: function () { return [{ type: DatePickerInnerComponent }]; } });
|
|
3843
3844
|
|
|
3844
3845
|
// @deprecated
|
|
3846
|
+
// tslint:disable
|
|
3845
3847
|
class MonthPickerComponent {
|
|
3846
3848
|
constructor(datePicker) {
|
|
3847
3849
|
this.rows = [];
|
|
@@ -3985,6 +3987,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
3985
3987
|
}], ctorParameters: function () { return [{ type: DatePickerInnerComponent }]; } });
|
|
3986
3988
|
|
|
3987
3989
|
// @deprecated
|
|
3990
|
+
// tslint:disable
|
|
3988
3991
|
class YearPickerComponent {
|
|
3989
3992
|
constructor(datePicker) {
|
|
3990
3993
|
this.rows = [];
|
|
@@ -7636,6 +7639,7 @@ var ModalCloseClickLocation;
|
|
|
7636
7639
|
ModalCloseClickLocation["Escape"] = "escape";
|
|
7637
7640
|
ModalCloseClickLocation["CloseButton"] = "closeButton";
|
|
7638
7641
|
ModalCloseClickLocation["OutsideClick"] = "outsideClick";
|
|
7642
|
+
ModalCloseClickLocation["CancelButton"] = "cancelButton";
|
|
7639
7643
|
ModalCloseClickLocation["Other"] = "other";
|
|
7640
7644
|
})(ModalCloseClickLocation || (ModalCloseClickLocation = {}));
|
|
7641
7645
|
|
|
@@ -7660,10 +7664,10 @@ class ModalHeaderComponent {
|
|
|
7660
7664
|
}
|
|
7661
7665
|
}
|
|
7662
7666
|
ModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7663
|
-
ModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ModalHeaderComponent, selector: "lx-modal-header", inputs: { title: "title", bottomBorder: "bottomBorder" }, ngImport: i0, template: "<div class=\"headerContainer\" [class.bottomBorder]=\"bottomBorder\">\n <ng-content></ng-content>\n <h1>{{ title }}</h1>\n</div>\n", styles: [":host{display:block}:host.lxModalHeaderOneLine h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--lx-modal-header-max-width)}:host-context(.fullscreen) .headerContainer{padding:24px 90px;border-bottom:none}:host-context(.fullscreen) .headerContainer.bottomBorder{border-bottom:1px solid #cfd5df}:host-context(.dialog) .headerContainer,:host-context(.dialog-large) .headerContainer{padding:24px 16px;border-radius:6px 6px 0 0}:host-context(.dialog) .headerContainer h1,:host-context(.dialog-large) .headerContainer h1{word-break:break-word}h1{margin:0 auto;padding:0;font-size:21px;color:#2a303d;font-weight:700;text-align:center}.headerContainer{display:flex
|
|
7667
|
+
ModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ModalHeaderComponent, selector: "lx-modal-header", inputs: { title: "title", bottomBorder: "bottomBorder" }, ngImport: i0, template: "<div class=\"headerContainer\" [class.bottomBorder]=\"bottomBorder\">\n <ng-content></ng-content>\n <h1>{{ title }}</h1>\n</div>\n", styles: [":host{display:block}:host.lxModalHeaderOneLine h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--lx-modal-header-max-width)}:host-context(.fullscreen) .headerContainer{padding:24px 90px;border-bottom:none}:host-context(.fullscreen) .headerContainer.bottomBorder{border-bottom:1px solid #cfd5df}:host-context(.dialog) .headerContainer,:host-context(.dialog-large) .headerContainer{padding:24px 16px;border-radius:6px 6px 0 0}:host-context(.dialog) .headerContainer h1,:host-context(.dialog-large) .headerContainer h1{word-break:break-word}h1{margin:0 auto;padding:0;font-size:21px;color:#2a303d;font-weight:700;text-align:center}.headerContainer{display:flex}.headerContainer.bottomBorder{border-bottom:1px solid #cfd5df}\n"] });
|
|
7664
7668
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ModalHeaderComponent, decorators: [{
|
|
7665
7669
|
type: Component,
|
|
7666
|
-
args: [{ selector: 'lx-modal-header', template: "<div class=\"headerContainer\" [class.bottomBorder]=\"bottomBorder\">\n <ng-content></ng-content>\n <h1>{{ title }}</h1>\n</div>\n", styles: [":host{display:block}:host.lxModalHeaderOneLine h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--lx-modal-header-max-width)}:host-context(.fullscreen) .headerContainer{padding:24px 90px;border-bottom:none}:host-context(.fullscreen) .headerContainer.bottomBorder{border-bottom:1px solid #cfd5df}:host-context(.dialog) .headerContainer,:host-context(.dialog-large) .headerContainer{padding:24px 16px;border-radius:6px 6px 0 0}:host-context(.dialog) .headerContainer h1,:host-context(.dialog-large) .headerContainer h1{word-break:break-word}h1{margin:0 auto;padding:0;font-size:21px;color:#2a303d;font-weight:700;text-align:center}.headerContainer{display:flex
|
|
7670
|
+
args: [{ selector: 'lx-modal-header', template: "<div class=\"headerContainer\" [class.bottomBorder]=\"bottomBorder\">\n <ng-content></ng-content>\n <h1>{{ title }}</h1>\n</div>\n", styles: [":host{display:block}:host.lxModalHeaderOneLine h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--lx-modal-header-max-width)}:host-context(.fullscreen) .headerContainer{padding:24px 90px;border-bottom:none}:host-context(.fullscreen) .headerContainer.bottomBorder{border-bottom:1px solid #cfd5df}:host-context(.dialog) .headerContainer,:host-context(.dialog-large) .headerContainer{padding:24px 16px;border-radius:6px 6px 0 0}:host-context(.dialog) .headerContainer h1,:host-context(.dialog-large) .headerContainer h1{word-break:break-word}h1{margin:0 auto;padding:0;font-size:21px;color:#2a303d;font-weight:700;text-align:center}.headerContainer{display:flex}.headerContainer.bottomBorder{border-bottom:1px solid #cfd5df}\n"] }]
|
|
7667
7671
|
}], propDecorators: { title: [{
|
|
7668
7672
|
type: Input
|
|
7669
7673
|
}], bottomBorder: [{
|
|
@@ -7727,7 +7731,9 @@ class ModalComponent {
|
|
|
7727
7731
|
}
|
|
7728
7732
|
}
|
|
7729
7733
|
ngOnInit() {
|
|
7730
|
-
this.closeModal
|
|
7734
|
+
this.closeModal$
|
|
7735
|
+
?.pipe(takeUntil(this.destroyed$))
|
|
7736
|
+
.subscribe((closeLocation) => this.closeModal(closeLocation));
|
|
7731
7737
|
if (this.size === 'fullscreen') {
|
|
7732
7738
|
this.overlayRef = this.overlay.create({
|
|
7733
7739
|
panelClass: this.size,
|
|
@@ -7808,7 +7814,7 @@ class ModalComponent {
|
|
|
7808
7814
|
if (this.size === 'fullscreen') {
|
|
7809
7815
|
this.renderer.setStyle(document.documentElement, 'overflowY', this.oldOverflow);
|
|
7810
7816
|
}
|
|
7811
|
-
this.close.emit(closeLocation);
|
|
7817
|
+
this.close.emit(typeof closeLocation === 'boolean' ? ModalCloseClickLocation.Other : closeLocation);
|
|
7812
7818
|
}
|
|
7813
7819
|
}
|
|
7814
7820
|
trapFocusInModal(hostElement) {
|