@leanix/components 0.4.426 → 0.4.428
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.
|
@@ -29,11 +29,11 @@ export class ContentPanelComponent {
|
|
|
29
29
|
this.body.nativeElement.scrollTo({ top: 0, behavior: 'smooth' });
|
|
30
30
|
}
|
|
31
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: ContentPanelComponent, isStandalone: true, selector: "lx-content-panel", inputs: { title: "title" }, outputs: { contentPanelClose: "contentPanelClose" }, viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true }], ngImport: i0, template: "<div [class]=\"baseClass\">\n <div class=\"{{ baseClass }}Header\" #header>\n @if (title) {\n <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n }\n <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n <i class=\"far fa-times\"></i>\n </button>\n </div>\n <div class=\"{{ baseClass }}Body\" #body>\n <ng-content />\n </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: ContentPanelComponent, isStandalone: true, selector: "lx-content-panel", inputs: { title: "title" }, outputs: { contentPanelClose: "contentPanelClose" }, viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true }], ngImport: i0, template: "<div [class]=\"baseClass\">\n <div class=\"{{ baseClass }}Header\" #header>\n @if (title) {\n <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n }\n <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n <i class=\"far fa-times\"></i>\n </button>\n </div>\n <div class=\"{{ baseClass }}Body\" #body>\n <ng-content />\n </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:var(--lxFontHeader3Size);line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }] }); }
|
|
33
33
|
}
|
|
34
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
|
-
args: [{ selector: 'lx-content-panel', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div [class]=\"baseClass\">\n <div class=\"{{ baseClass }}Header\" #header>\n @if (title) {\n <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n }\n <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n <i class=\"far fa-times\"></i>\n </button>\n </div>\n <div class=\"{{ baseClass }}Body\" #body>\n <ng-content />\n </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:
|
|
36
|
+
args: [{ selector: 'lx-content-panel', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div [class]=\"baseClass\">\n <div class=\"{{ baseClass }}Header\" #header>\n @if (title) {\n <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n }\n <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n <i class=\"far fa-times\"></i>\n </button>\n </div>\n <div class=\"{{ baseClass }}Body\" #body>\n <ng-content />\n </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:var(--lxFontHeader3Size);line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"] }]
|
|
37
37
|
}], propDecorators: { title: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}], contentPanelClose: [{
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
42
42
|
type: ViewChild,
|
|
43
43
|
args: ['body']
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvY29udGVudC1wYW5lbC9jb250ZW50LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jb250ZW50LXBhbmVsL2NvbnRlbnQtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFFN0Q7Ozs7Ozs7Ozs7R0FVRztBQVFILE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFVRSxxREFBcUQ7UUFDM0Msc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUt2RCxnQkFBZ0I7UUFDaEIsY0FBUyxHQUFHLGNBQWMsQ0FBQztLQVc1QjtJQVRDLGdCQUFnQjtJQUNoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDbkUsQ0FBQzs4R0FwQlUscUJBQXFCO2tHQUFyQixxQkFBcUIsMlBDdEJsQyw2YkFhQSx5WURLWSxZQUFZLCtCQUFFLGVBQWU7OzJGQUk1QixxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBTS9CLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBR1ksSUFBSTtzQkFBdEIsU0FBUzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGNvbnRlbnQgcGFuZWwgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBhIHBhbmVsIHdpdGggYSB0aXRsZSBhbmQgY29udGVudC5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCB0aGUgYENvbnRlbnRQYW5lbENvbXBvbmVudGAgY29tcG9uZW50IGZyb20gYEBsZWFuaXgvY29tcG9uZW50c2AgaW4geW91ciBtb2R1bGUgb3Igc3RhbmRhbG9uZSBjb3Btb25lbnQgd2hlcmUgeW91IHdhbnQgdG8gdXNlIHRoZSBjb21wb25lbnQuXG4gKlxuICogYGBgdHNcbiAqIGltcG9ydCB7IENvbnRlbnRQYW5lbENvbXBvbmVudCB9IGZyb20gJ0BsZWFuaXgvY29tcG9uZW50cyc7XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtY29udGVudC1wYW5lbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250ZW50LXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGVudC1wYW5lbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbnRlbnRQYW5lbENvbXBvbmVudCB7XG4gIC8qKiBUaGUgdGl0bGUgdGV4dCBhdCB0aGUgcGFuZWwgaGVhZGVyICovXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBjbG9zZSBidXR0b24gaXMgY2xpY2tlZCAqL1xuICBAT3V0cHV0KCkgY29udGVudFBhbmVsQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAVmlld0NoaWxkKCdib2R5JykgYm9keSE6IEVsZW1lbnRSZWY7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBiYXNlQ2xhc3MgPSAnY29udGVudFBhbmVsJztcblxuICAvKiogQGludGVybmFsICovXG4gIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jb250ZW50UGFuZWxDbG9zZS5lbWl0KCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHNjcm9sbFRvVG9wKCk6IHZvaWQge1xuICAgIHRoaXMuYm9keS5uYXRpdmVFbGVtZW50LnNjcm9sbFRvKHsgdG9wOiAwLCBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gIH1cbn1cbiIsIjxkaXYgW2NsYXNzXT1cImJhc2VDbGFzc1wiPlxuICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19SGVhZGVyXCIgI2hlYWRlcj5cbiAgICBAaWYgKHRpdGxlKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19VGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxuICAgIH1cbiAgICA8YnV0dG9uIGx4LWJ1dHRvbiBbc3F1YXJlXT1cInRydWVcIiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUNsb3NlQnV0dG9uXCIgY29sb3I9XCJsaWdodFwiIG1vZGU9XCJzb2xpZFwiIChjbGljayk9XCJvbkNsb3NlKClcIj5cbiAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLXRpbWVzXCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUJvZHlcIiAjYm9keT5cbiAgICA8bmctY29udGVudCAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -2412,11 +2412,11 @@ class ContentPanelComponent {
|
|
|
2412
2412
|
this.body.nativeElement.scrollTo({ top: 0, behavior: 'smooth' });
|
|
2413
2413
|
}
|
|
2414
2414
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2415
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: ContentPanelComponent, isStandalone: true, selector: "lx-content-panel", inputs: { title: "title" }, outputs: { contentPanelClose: "contentPanelClose" }, viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true }], ngImport: i0, template: "<div [class]=\"baseClass\">\n <div class=\"{{ baseClass }}Header\" #header>\n @if (title) {\n <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n }\n <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n <i class=\"far fa-times\"></i>\n </button>\n </div>\n <div class=\"{{ baseClass }}Body\" #body>\n <ng-content />\n </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:
|
|
2415
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: ContentPanelComponent, isStandalone: true, selector: "lx-content-panel", inputs: { title: "title" }, outputs: { contentPanelClose: "contentPanelClose" }, viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true }], ngImport: i0, template: "<div [class]=\"baseClass\">\n <div class=\"{{ baseClass }}Header\" #header>\n @if (title) {\n <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n }\n <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n <i class=\"far fa-times\"></i>\n </button>\n </div>\n <div class=\"{{ baseClass }}Body\" #body>\n <ng-content />\n </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:var(--lxFontHeader3Size);line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }] }); }
|
|
2416
2416
|
}
|
|
2417
2417
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, decorators: [{
|
|
2418
2418
|
type: Component,
|
|
2419
|
-
args: [{ selector: 'lx-content-panel', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div [class]=\"baseClass\">\n <div class=\"{{ baseClass }}Header\" #header>\n @if (title) {\n <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n }\n <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n <i class=\"far fa-times\"></i>\n </button>\n </div>\n <div class=\"{{ baseClass }}Body\" #body>\n <ng-content />\n </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:
|
|
2419
|
+
args: [{ selector: 'lx-content-panel', standalone: true, imports: [CommonModule, ButtonComponent], template: "<div [class]=\"baseClass\">\n <div class=\"{{ baseClass }}Header\" #header>\n @if (title) {\n <div class=\"{{ baseClass }}Title\">{{ title }}</div>\n }\n <button lx-button [square]=\"true\" class=\"{{ baseClass }}CloseButton\" color=\"light\" mode=\"solid\" (click)=\"onClose()\">\n <i class=\"far fa-times\"></i>\n </button>\n </div>\n <div class=\"{{ baseClass }}Body\" #body>\n <ng-content />\n </div>\n</div>\n", styles: [":host .contentPanel{background-color:#fff;padding:16px;display:flex;flex-direction:column;max-height:100%}:host .contentPanelHeader{margin-bottom:16px;display:flex;justify-content:space-between}:host .contentPanelTitle{font-weight:700;font-size:var(--lxFontHeader3Size);line-height:24px}:host .contentPanelBody{flex:1;overflow-y:auto}\n"] }]
|
|
2420
2420
|
}], propDecorators: { title: [{
|
|
2421
2421
|
type: Input
|
|
2422
2422
|
}], contentPanelClose: [{
|