@leanix/components 0.4.457 → 0.4.458

package/index.d.ts

@@ -24,7 +24,6 @@ export * from './lib/core-ui/components/button-group/button-group.component';
 export * from './lib/core-ui/components/button/button.component';
 export * from './lib/core-ui/components/card/card.component';
 export * from './lib/core-ui/components/collapsible/collapsible.component';
-export * from './lib/core-ui/components/content-panel/content-panel.component';
 export * from './lib/core-ui/components/counter/counter.component';
 export * from './lib/core-ui/components/ellipsis/ellipsis.component';
 export * from './lib/core-ui/components/empty-state/empty-state.component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.457",
+  "version": "0.4.458",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {

package/esm2022/lib/core-ui/components/content-panel/content-panel.component.mjs

@@ -1,45 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { ButtonComponent } from '../button/button.component';
-import * as i0 from "@angular/core";
-/**
- * A content panel component is used to show a panel with a title and content.
- *
- * ## Usage
- *
- * 1. Import the `ContentPanelComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
- *
- * ```ts
- * import { ContentPanelComponent } from '@leanix/components';
- * ```
- */
-export class ContentPanelComponent {
-    constructor() {
-        /** Event emitted when the close button is clicked */
-        this.contentPanelClose = new EventEmitter();
-        /** @internal */
-        this.baseClass = 'contentPanel';
-    }
-    /** @internal */
-    onClose() {
-        this.contentPanelClose.emit();
-    }
-    /** @internal */
-    scrollToTop() {
-        this.body.nativeElement.scrollTo({ top: 0, behavior: 'smooth' });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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", "icon", "endIcon", "showSpinner"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ContentPanelComponent, decorators: [{
-            type: Component,
-            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"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], contentPanelClose: [{
-                type: Output
-            }], body: [{
-                type: ViewChild,
-                args: ['body']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvY29udGVudC1wYW5lbC9jb250ZW50LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jb250ZW50LXBhbmVsL2NvbnRlbnQtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFFN0Q7Ozs7Ozs7Ozs7R0FVRztBQVFILE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFVRSxxREFBcUQ7UUFDM0Msc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUt2RCxnQkFBZ0I7UUFDaEIsY0FBUyxHQUFHLGNBQWMsQ0FBQztLQVc1QjtJQVRDLGdCQUFnQjtJQUNoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDbkUsQ0FBQzs4R0FwQlUscUJBQXFCO2tHQUFyQixxQkFBcUIsMlBDdEJsQyw2YkFhQSx5WURLWSxZQUFZLCtCQUFFLGVBQWU7OzJGQUk1QixxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBTS9CLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBR1ksSUFBSTtzQkFBdEIsU0FBUzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGNvbnRlbnQgcGFuZWwgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBhIHBhbmVsIHdpdGggYSB0aXRsZSBhbmQgY29udGVudC5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCB0aGUgYENvbnRlbnRQYW5lbENvbXBvbmVudGAgY29tcG9uZW50IGZyb20gYEBsZWFuaXgvY29tcG9uZW50c2AgaW4geW91ciBtb2R1bGUgb3Igc3RhbmRhbG9uZSBjb3Btb25lbnQgd2hlcmUgeW91IHdhbnQgdG8gdXNlIHRoZSBjb21wb25lbnQuXG4gKlxuICogYGBgdHNcbiAqIGltcG9ydCB7IENvbnRlbnRQYW5lbENvbXBvbmVudCB9IGZyb20gJ0BsZWFuaXgvY29tcG9uZW50cyc7XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtY29udGVudC1wYW5lbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250ZW50LXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGVudC1wYW5lbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbnRlbnRQYW5lbENvbXBvbmVudCB7XG4gIC8qKiBUaGUgdGl0bGUgdGV4dCBhdCB0aGUgcGFuZWwgaGVhZGVyICovXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBjbG9zZSBidXR0b24gaXMgY2xpY2tlZCAqL1xuICBAT3V0cHV0KCkgY29udGVudFBhbmVsQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAVmlld0NoaWxkKCdib2R5JykgYm9keSE6IEVsZW1lbnRSZWY7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBiYXNlQ2xhc3MgPSAnY29udGVudFBhbmVsJztcblxuICAvKiogQGludGVybmFsICovXG4gIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jb250ZW50UGFuZWxDbG9zZS5lbWl0KCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHNjcm9sbFRvVG9wKCk6IHZvaWQge1xuICAgIHRoaXMuYm9keS5uYXRpdmVFbGVtZW50LnNjcm9sbFRvKHsgdG9wOiAwLCBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gIH1cbn1cbiIsIjxkaXYgW2NsYXNzXT1cImJhc2VDbGFzc1wiPlxuICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19SGVhZGVyXCIgI2hlYWRlcj5cbiAgICBAaWYgKHRpdGxlKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19VGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxuICAgIH1cbiAgICA8YnV0dG9uIGx4LWJ1dHRvbiBbc3F1YXJlXT1cInRydWVcIiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUNsb3NlQnV0dG9uXCIgY29sb3I9XCJsaWdodFwiIG1vZGU9XCJzb2xpZFwiIChjbGljayk9XCJvbkNsb3NlKClcIj5cbiAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLXRpbWVzXCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUJvZHlcIiAjYm9keT5cbiAgICA8bmctY29udGVudCAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/lib/core-ui/components/content-panel/content-panel.component.d.ts

@@ -1,29 +0,0 @@
-import { ElementRef, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * A content panel component is used to show a panel with a title and content.
- *
- * ## Usage
- *
- * 1. Import the `ContentPanelComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
- *
- * ```ts
- * import { ContentPanelComponent } from '@leanix/components';
- * ```
- */
-export declare class ContentPanelComponent {
-    /** The title text at the panel header */
-    title?: string;
-    /** Event emitted when the close button is clicked */
-    contentPanelClose: EventEmitter<void>;
-    /** @internal */
-    body: ElementRef;
-    /** @internal */
-    baseClass: string;
-    /** @internal */
-    onClose(): void;
-    /** @internal */
-    scrollToTop(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ContentPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContentPanelComponent, "lx-content-panel", never, { "title": { "alias": "title"; "required": false; }; }, { "contentPanelClose": "contentPanelClose"; }, never, ["*"], true, never>;
-}