@leanix/components 0.4.407 → 0.4.408
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/esm2022/lib/core-ui/components/badge/badge.component.mjs +21 -1
- package/esm2022/lib/core-ui/components/banner/banner.component.mjs +23 -1
- package/esm2022/lib/core-ui/components/button/button.component.mjs +40 -1
- package/esm2022/lib/core-ui/components/card/card.component.mjs +16 -1
- package/esm2022/lib/core-ui/components/content-panel/content-panel.component.mjs +18 -3
- package/esm2022/lib/core-ui/components/counter/counter.component.mjs +14 -1
- package/esm2022/lib/core-ui/components/integration-link-card/integration-link-card.component.mjs +47 -1
- package/esm2022/lib/core-ui/components/skeleton/skeleton.component.mjs +19 -1
- package/esm2022/lib/core-ui/components/stepper/stepper.component.mjs +41 -1
- package/esm2022/lib/core-ui/components/tiny-spinner/tiny-spinner.component.mjs +12 -1
- package/esm2022/lib/core-ui/tooltip/tooltip.directive.mjs +16 -1
- package/esm2022/lib/forms-ui/components/breadcrumb/breadcrumb.component.mjs +17 -1
- package/esm2022/lib/forms-ui/components/date-input/date-input.component.mjs +100 -38
- package/esm2022/lib/forms-ui/components/slider-toggle/slider-toggle.component.mjs +18 -1
- package/esm2022/lib/modal-ui/components/modal/modal.component.mjs +55 -7
- package/esm2022/lib/popover-ui/components/popover/popover.component.mjs +31 -6
- package/fesm2022/leanix-components.mjs +471 -49
- package/fesm2022/leanix-components.mjs.map +1 -1
- package/lib/core-ui/components/badge/badge.component.d.ts +23 -0
- package/lib/core-ui/components/banner/banner.component.d.ts +22 -0
- package/lib/core-ui/components/button/button.component.d.ts +39 -0
- package/lib/core-ui/components/card/card.component.d.ts +15 -0
- package/lib/core-ui/components/content-panel/content-panel.component.d.ts +18 -1
- package/lib/core-ui/components/counter/counter.component.d.ts +14 -0
- package/lib/core-ui/components/integration-link-card/integration-link-card.component.d.ts +60 -0
- package/lib/core-ui/components/skeleton/skeleton.component.d.ts +18 -0
- package/lib/core-ui/components/stepper/stepper.component.d.ts +40 -0
- package/lib/core-ui/components/tiny-spinner/tiny-spinner.component.d.ts +11 -0
- package/lib/core-ui/tooltip/tooltip.directive.d.ts +17 -0
- package/lib/forms-ui/components/breadcrumb/breadcrumb.component.d.ts +16 -0
- package/lib/forms-ui/components/date-input/date-input.component.d.ts +80 -7
- package/lib/forms-ui/components/slider-toggle/slider-toggle.component.d.ts +20 -0
- package/lib/modal-ui/components/modal/modal.component.d.ts +59 -5
- package/lib/popover-ui/components/popover/popover.component.d.ts +37 -5
- package/package.json +1 -1
@@ -1,11 +1,31 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import { Component, Input } from '@angular/core';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
+
/**
|
5
|
+
* Badge component is used to show a small piece of information in a colored badge.
|
6
|
+
*
|
7
|
+
* ## Usage
|
8
|
+
*
|
9
|
+
* 1. Import the `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component.
|
10
|
+
*
|
11
|
+
* ```ts
|
12
|
+
* import { LxCoreUiModule } from '@leanix/components';
|
13
|
+
* ```
|
14
|
+
*/
|
4
15
|
export class BadgeComponent {
|
5
16
|
constructor() {
|
17
|
+
/**
|
18
|
+
* The color of the badge component
|
19
|
+
*/
|
6
20
|
this.color = 'blue';
|
21
|
+
/**
|
22
|
+
* If set to true, the badge will create a color for itself based on the content, ignoring other color settings.
|
23
|
+
* This could be useful if we want to show a range of different colors for different contents.
|
24
|
+
*/
|
7
25
|
this.calculateColorsDynamically = false;
|
26
|
+
/** @internal */
|
8
27
|
this.textColor = '';
|
28
|
+
/** @internal */
|
9
29
|
this.backGroundColor = '';
|
10
30
|
}
|
11
31
|
ngOnInit() {
|
@@ -44,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
44
64
|
}], calculateColorsDynamically: [{
|
45
65
|
type: Input
|
46
66
|
}] } });
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBRXpEOzs7Ozs7Ozs7O0dBVUc7QUFRSCxNQUFNLE9BQU8sY0FBYztJQVAzQjtRQWNFOztXQUVHO1FBRUgsVUFBSyxHQUFzRSxNQUFNLENBQUM7UUFFbEY7OztXQUdHO1FBRUgsK0JBQTBCLEdBQVksS0FBSyxDQUFDO1FBRTVDLGdCQUFnQjtRQUNoQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2YsZ0JBQWdCO1FBQ2hCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO0tBeUJ0QjtJQXZCQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsMEJBQTBCLEVBQUUsQ0FBQztZQUNwQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUM7WUFDcEMsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO2FBQU0sQ0FBQztZQUNOLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDekIsQ0FBQztJQUNILENBQUM7SUFFTyx1QkFBdUI7UUFDN0IsSUFBSSxJQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ2IsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM3QyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsZUFBZSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ2hELElBQUksR0FBRyxlQUFlLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDOUQsQ0FBQztRQUNELElBQUksQ0FBQyxlQUFlLEdBQUcsUUFBUSxJQUFJLEdBQUcsR0FBRyxvQkFBb0IsQ0FBQztRQUM5RCxJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sSUFBSSxHQUFHLEdBQUcsY0FBYyxDQUFDO0lBQ25ELENBQUM7OEdBL0NVLGNBQWM7a0dBQWQsY0FBYyw4S0NyQjNCLDhSQVNBLGloQkRRWSxZQUFZOzsyRkFJWCxjQUFjO2tCQVAxQixTQUFTOytCQUNFLFVBQVUsY0FDUixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBU3ZCLE9BQU87c0JBRE4sS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBT3pCLEtBQUs7c0JBREosS0FBSztnQkFRTiwwQkFBMEI7c0JBRHpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQmFkZ2UgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBhIHNtYWxsIHBpZWNlIG9mIGluZm9ybWF0aW9uIGluIGEgY29sb3JlZCBiYWRnZS5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCB0aGUgYEx4Q29yZVVpTW9kdWxlYCBtb2R1bGUgZnJvbSBgQGxlYW5peC9jb21wb25lbnRzYCBpbiB5b3VyIG1vZHVsZSB3aGVyZSB5b3Ugd2FudCB0byB1c2UgdGhlIGNvbXBvbmVudC5cbiAqXG4gKiBgYGB0c1xuICogaW1wb3J0IHsgTHhDb3JlVWlNb2R1bGUgfSBmcm9tICdAbGVhbml4L2NvbXBvbmVudHMnO1xuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2x4LWJhZGdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogVGhlIGNvbnRlbnQgdG8gc2hvdyBpbiB0aGUgYmFkZ2VcbiAgICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXG4gIGNvbnRlbnQhOiBzdHJpbmcgfCBudW1iZXI7XG5cbiAgLyoqXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgYmFkZ2UgY29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKVxuICBjb2xvcjogJ2JsdWUnIHwgJ2dyYXknIHwgJ3JlZCcgfCAneWVsbG93JyB8ICdncmVlbicgfCAncHVycGxlJyB8ICd3aGl0ZScgPSAnYmx1ZSc7XG5cbiAgLyoqXG4gICAqIElmIHNldCB0byB0cnVlLCB0aGUgYmFkZ2Ugd2lsbCBjcmVhdGUgYSBjb2xvciBmb3IgaXRzZWxmIGJhc2VkIG9uIHRoZSBjb250ZW50LCBpZ25vcmluZyBvdGhlciBjb2xvciBzZXR0aW5ncy5cbiAgICogVGhpcyBjb3VsZCBiZSB1c2VmdWwgaWYgd2Ugd2FudCB0byBzaG93IGEgcmFuZ2Ugb2YgZGlmZmVyZW50IGNvbG9ycyBmb3IgZGlmZmVyZW50IGNvbnRlbnRzLlxuICAgKi9cbiAgQElucHV0KClcbiAgY2FsY3VsYXRlQ29sb3JzRHluYW1pY2FsbHk6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogQGludGVybmFsICovXG4gIHRleHRDb2xvciA9ICcnO1xuICAvKiogQGludGVybmFsICovXG4gIGJhY2tHcm91bmRDb2xvciA9ICcnO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNhbGN1bGF0ZUNvbG9yc0R5bmFtaWNhbGx5KSB7XG4gICAgICB0aGlzLmNhbGN1bGF0ZUNvbG9yc0Zyb21UZXh0KCk7XG4gICAgfVxuICB9XG5cbiAgZ2V0IGNvbG9yQ2xhc3MoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5jYWxjdWxhdGVDb2xvcnNEeW5hbWljYWxseSkge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gYCR7dGhpcy5jb2xvcn1gO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgY2FsY3VsYXRlQ29sb3JzRnJvbVRleHQoKTogdm9pZCB7XG4gICAgbGV0IGhhc2ggPSAwO1xuICAgIGNvbnN0IGNvbnRlbnRBc1N0cmluZyA9IFN0cmluZyh0aGlzLmNvbnRlbnQpO1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY29udGVudEFzU3RyaW5nLmxlbmd0aDsgaSsrKSB7XG4gICAgICBoYXNoID0gY29udGVudEFzU3RyaW5nLmNoYXJDb2RlQXQoaSkgKyAoKGhhc2ggPDwgNSkgLSBoYXNoKTtcbiAgICB9XG4gICAgdGhpcy5iYWNrR3JvdW5kQ29sb3IgPSBgaHNsYSgke2hhc2ggJSAzNjB9LCAxMDAlLCA1OCUsIDAuMTIpYDtcbiAgICB0aGlzLnRleHRDb2xvciA9IGBoc2woJHtoYXNoICUgMzYwfSwgMTAwJSwgMjglKWA7XG4gIH1cbn1cbiIsIkBpZiAoY2FsY3VsYXRlQ29sb3JzRHluYW1pY2FsbHkpIHtcbiAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIiBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJiYWNrR3JvdW5kQ29sb3JcIiBbc3R5bGUuY29sb3JdPVwidGV4dENvbG9yXCI+XG4gICAgPHNwYW4+e3sgY29udGVudCB9fTwvc3Bhbj5cbiAgPC9kaXY+XG59IEBlbHNlIHtcbiAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIiBbY2xhc3NdPVwiY29sb3JDbGFzc1wiPlxuICAgIDxzcGFuPnt7IGNvbnRlbnQgfX08L3NwYW4+XG4gIDwvZGl2PlxufVxuIl19
|
@@ -3,13 +3,31 @@ import { ChangeDetectionStrategy, Component, Input, signal } from '@angular/core
|
|
3
3
|
import { BANNER_SIZE, BANNER_TYPE } from './banner.models';
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
import * as i1 from "@angular/common";
|
6
|
+
/**
|
7
|
+
* Banner can be used to display important information to the user. It allows for any type of content to be displayed in a banner.
|
8
|
+
*
|
9
|
+
* ## Usage
|
10
|
+
*
|
11
|
+
* 1. Import the `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component.
|
12
|
+
*
|
13
|
+
* ```ts
|
14
|
+
* import { LxCoreUiModule } from '@leanix/components';
|
15
|
+
* ```
|
16
|
+
*
|
17
|
+
* 2. Use the component in your template.
|
18
|
+
*/
|
6
19
|
export class BannerComponent {
|
7
20
|
constructor() {
|
8
21
|
this._type = signal(BANNER_TYPE.WARNING);
|
9
22
|
this._size = signal(BANNER_SIZE.BIG);
|
23
|
+
/** @internal */
|
10
24
|
this.showIcon = signal(false);
|
25
|
+
/** @internal */
|
11
26
|
this.iconClass = signal('');
|
12
27
|
}
|
28
|
+
/**
|
29
|
+
* The type of the banner
|
30
|
+
*/
|
13
31
|
set type(type) {
|
14
32
|
this._type.set(type);
|
15
33
|
this.iconClass.set(this.getIconClass(type));
|
@@ -17,6 +35,9 @@ export class BannerComponent {
|
|
17
35
|
get type() {
|
18
36
|
return this._type();
|
19
37
|
}
|
38
|
+
/**
|
39
|
+
* The size of the banner
|
40
|
+
*/
|
20
41
|
set size(size) {
|
21
42
|
this._size.set(size);
|
22
43
|
this.showIcon.set(size === BANNER_SIZE.BIG);
|
@@ -27,6 +48,7 @@ export class BannerComponent {
|
|
27
48
|
ngOnInit() {
|
28
49
|
this.showIcon.set(this.size === BANNER_SIZE.BIG);
|
29
50
|
}
|
51
|
+
/** @internal */
|
30
52
|
getIconClass(type) {
|
31
53
|
switch (type) {
|
32
54
|
case BANNER_TYPE.SUCCESS:
|
@@ -55,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
55
77
|
}], size: [{
|
56
78
|
type: Input
|
57
79
|
}] } });
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQTRCLE1BQU0saUJBQWlCLENBQUM7OztBQUVyRjs7Ozs7Ozs7Ozs7O0dBWUc7QUFjSCxNQUFNLE9BQU8sZUFBZTtJQWI1QjtRQWNtQixVQUFLLEdBQUcsTUFBTSxDQUFjLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNqRCxVQUFLLEdBQUcsTUFBTSxDQUFjLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM5RCxnQkFBZ0I7UUFDUCxhQUFRLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLGdCQUFnQjtRQUNQLGNBQVMsR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7S0EwQ2pDO0lBeENDOztPQUVHO0lBQ0gsSUFBYSxJQUFJLENBQUMsSUFBaUI7UUFDakMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFDRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBQ0Q7O09BRUc7SUFDSCxJQUFhLElBQUksQ0FBQyxJQUFpQjtRQUNqQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEtBQUssV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFDRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsWUFBWSxDQUFDLElBQWlCO1FBQzVCLFFBQVEsSUFBSSxFQUFFLENBQUM7WUFDYixLQUFLLFdBQVcsQ0FBQyxPQUFPO2dCQUN0QixPQUFPLFVBQVUsQ0FBQztZQUNwQixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLFdBQVcsQ0FBQyxPQUFPO2dCQUN0QixPQUFPLGdCQUFnQixDQUFDO1lBQzFCLEtBQUssV0FBVyxDQUFDLE1BQU07Z0JBQ3JCLE9BQU8sVUFBVSxDQUFDO1lBQ3BCO2dCQUNFLE9BQU8sU0FBUyxDQUFDO1FBQ3JCLENBQUM7SUFDSCxDQUFDOzhHQS9DVSxlQUFlO2tHQUFmLGVBQWUsaUxDOUI1QixrUkFVQSw0b0dEZ0JZLFlBQVk7OzJGQUlYLGVBQWU7a0JBYjNCLFNBQVM7K0JBQ0UsV0FBVyxRQUVmO3dCQUNKLGFBQWEsRUFBRSxNQUFNO3dCQUNyQixhQUFhLEVBQUUsTUFBTTtxQkFDdEIsV0FHUSxDQUFDLFlBQVksQ0FBQyxtQkFDTix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUk7OEJBYUgsSUFBSTtzQkFBaEIsS0FBSztnQkFVTyxJQUFJO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQkFOTkVSX1NJWkUsIEJBTk5FUl9UWVBFLCBCYW5uZXJTaXplcywgQmFubmVyVHlwZXMgfSBmcm9tICcuL2Jhbm5lci5tb2RlbHMnO1xuXG4vKipcbiAqIEJhbm5lciBjYW4gYmUgdXNlZCB0byBkaXNwbGF5IGltcG9ydGFudCBpbmZvcm1hdGlvbiB0byB0aGUgdXNlci4gSXQgYWxsb3dzIGZvciBhbnkgdHlwZSBvZiBjb250ZW50IHRvIGJlIGRpc3BsYXllZCBpbiBhIGJhbm5lci5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCB0aGUgYEx4Q29yZVVpTW9kdWxlYCBtb2R1bGUgZnJvbSBgQGxlYW5peC9jb21wb25lbnRzYCBpbiB5b3VyIG1vZHVsZSB3aGVyZSB5b3Ugd2FudCB0byB1c2UgdGhlIGNvbXBvbmVudC5cbiAqXG4gKiBgYGB0c1xuICogaW1wb3J0IHsgTHhDb3JlVWlNb2R1bGUgfSBmcm9tICdAbGVhbml4L2NvbXBvbmVudHMnO1xuICogYGBgXG4gKlxuICogMi4gVXNlIHRoZSBjb21wb25lbnQgaW4geW91ciB0ZW1wbGF0ZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtYmFubmVyJyxcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1ob3N0LW1ldGFkYXRhLXByb3BlcnR5XG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIudHlwZV0nOiAndHlwZScsXG4gICAgJ1thdHRyLnNpemVdJzogJ3NpemUnXG4gIH0sXG4gIHRlbXBsYXRlVXJsOiAnLi9iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYW5uZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIEJhbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3R5cGUgPSBzaWduYWw8QmFubmVyVHlwZXM+KEJBTk5FUl9UWVBFLldBUk5JTkcpO1xuICBwcml2YXRlIHJlYWRvbmx5IF9zaXplID0gc2lnbmFsPEJhbm5lclNpemVzPihCQU5ORVJfU0laRS5CSUcpO1xuICAvKiogQGludGVybmFsICovXG4gIHJlYWRvbmx5IHNob3dJY29uID0gc2lnbmFsKGZhbHNlKTtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICByZWFkb25seSBpY29uQ2xhc3MgPSBzaWduYWwoJycpO1xuXG4gIC8qKlxuICAgKiBUaGUgdHlwZSBvZiB0aGUgYmFubmVyXG4gICAqL1xuICBASW5wdXQoKSBzZXQgdHlwZSh0eXBlOiBCYW5uZXJUeXBlcykge1xuICAgIHRoaXMuX3R5cGUuc2V0KHR5cGUpO1xuICAgIHRoaXMuaWNvbkNsYXNzLnNldCh0aGlzLmdldEljb25DbGFzcyh0eXBlKSk7XG4gIH1cbiAgZ2V0IHR5cGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3R5cGUoKTtcbiAgfVxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGJhbm5lclxuICAgKi9cbiAgQElucHV0KCkgc2V0IHNpemUoc2l6ZTogQmFubmVyU2l6ZXMpIHtcbiAgICB0aGlzLl9zaXplLnNldChzaXplKTtcbiAgICB0aGlzLnNob3dJY29uLnNldChzaXplID09PSBCQU5ORVJfU0laRS5CSUcpO1xuICB9XG4gIGdldCBzaXplKCkge1xuICAgIHJldHVybiB0aGlzLl9zaXplKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNob3dJY29uLnNldCh0aGlzLnNpemUgPT09IEJBTk5FUl9TSVpFLkJJRyk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIGdldEljb25DbGFzcyh0eXBlOiBCYW5uZXJUeXBlcykge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSBCQU5ORVJfVFlQRS5TVUNDRVNTOlxuICAgICAgICByZXR1cm4gJ2ZhLWNoZWNrJztcbiAgICAgIGNhc2UgQkFOTkVSX1RZUEUuSU5GTzpcbiAgICAgICAgcmV0dXJuICdmYS1pbmZvJztcbiAgICAgIGNhc2UgQkFOTkVSX1RZUEUuV0FSTklORzpcbiAgICAgICAgcmV0dXJuICdmYS1leGNsYW1hdGlvbic7XG4gICAgICBjYXNlIEJBTk5FUl9UWVBFLkRBTkdFUjpcbiAgICAgICAgcmV0dXJuICdmYS10aW1lcyc7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ2ZhLWluZm8nO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJhbm5lci13cmFwcGVyXCI+XG4gIEBpZiAoc2hvd0ljb24oKSkge1xuICAgIDxkaXYgY2xhc3M9XCJiYW5uZXItaWNvbi1ib3hcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgIDxpIGNsYXNzPVwiZmFzIHR3LXRleHQtc2l6ZS1zbVwiIFtuZ0NsYXNzXT1cImljb25DbGFzcygpXCI+PC9pPlxuICAgIDwvZGl2PlxuICB9XG4gIDxkaXYgY2xhc3M9XCJiYW5uZXItY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -2,16 +2,55 @@ import { NgIf } from '@angular/common';
|
|
2
2
|
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
3
3
|
import { TinySpinnerComponent } from '../tiny-spinner/tiny-spinner.component';
|
4
4
|
import * as i0 from "@angular/core";
|
5
|
+
/**
|
6
|
+
* Button component is used to create a button with different styles and sizes. This uses native button element and
|
7
|
+
* only provides styling and some additional features like loading spinner.
|
8
|
+
*
|
9
|
+
* ## Usage
|
10
|
+
*
|
11
|
+
* 1. Import the `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component.
|
12
|
+
*
|
13
|
+
* ```ts
|
14
|
+
* import { LxCoreUiModule } from '@leanix/components';
|
15
|
+
* ```
|
16
|
+
*/
|
5
17
|
export class ButtonComponent {
|
6
18
|
constructor() {
|
19
|
+
/**
|
20
|
+
* The size of the button.
|
21
|
+
*/
|
7
22
|
this.size = 'medium';
|
23
|
+
/**
|
24
|
+
* The color of the button.
|
25
|
+
*/
|
8
26
|
this.color = 'default';
|
27
|
+
/**
|
28
|
+
* The mode of the button.
|
29
|
+
*/
|
9
30
|
this.mode = 'solid';
|
31
|
+
/**
|
32
|
+
* The pressed state of the button. This simulates the `:active` state of the button.
|
33
|
+
*/
|
10
34
|
this.pressed = false;
|
35
|
+
/**
|
36
|
+
* The selected state of the button. This simulates the `:hover` state of the button.
|
37
|
+
*/
|
11
38
|
this.selected = false;
|
39
|
+
/**
|
40
|
+
* This makes the button square.
|
41
|
+
*/
|
12
42
|
this.square = false;
|
43
|
+
/**
|
44
|
+
* This makes corners rounded. Use with `square` for a true circle.
|
45
|
+
*/
|
13
46
|
this.circle = false;
|
47
|
+
/**
|
48
|
+
* This disables the button.
|
49
|
+
*/
|
14
50
|
this.disabled = false;
|
51
|
+
/**
|
52
|
+
* This shows a spinner inside the button.
|
53
|
+
*/
|
15
54
|
this.showSpinner = false;
|
16
55
|
}
|
17
56
|
get isDisabled() {
|
@@ -69,4 +108,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
69
108
|
type: HostBinding,
|
70
109
|
args: ['disabled']
|
71
110
|
}] } });
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7O0FBRTlFOzs7Ozs7Ozs7OztHQVdHO0FBVUgsTUFBTSxPQUFPLGVBQWU7SUFUNUI7UUFVRTs7V0FFRztRQUNnQyxTQUFJLEdBQTBDLFFBQVEsQ0FBQztRQUMxRjs7V0FFRztRQUNpQyxVQUFLLEdBQTJELFNBQVMsQ0FBQztRQUM5Rzs7V0FFRztRQUNnQyxTQUFJLEdBQTJDLE9BQU8sQ0FBQztRQUMxRjs7V0FFRztRQUNvQyxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ2hFOztXQUVHO1FBQ3FDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDbEU7O1dBRUc7UUFDbUMsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUM5RDs7V0FFRztRQUNtQyxXQUFNLEdBQVksS0FBSyxDQUFDO1FBQzlEOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUNuQzs7V0FFRztRQUdILGdCQUFXLEdBQVksS0FBSyxDQUFDO0tBTTlCO0lBSkMsSUFDSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDM0MsQ0FBQzs4R0EzQ1UsZUFBZTtrR0FBZixlQUFlLHFqQkN6QjVCLDZEQUVBLDhtWERxQlksSUFBSSw2RkFBRSxvQkFBb0I7OzJGQUV6QixlQUFlO2tCQVQzQixTQUFTOytCQUVFLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxvQkFBb0IsQ0FBQzs4QkFNRixJQUFJO3NCQUF0QyxLQUFLOztzQkFBSSxXQUFXO3VCQUFDLFdBQVc7Z0JBSUcsS0FBSztzQkFBeEMsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxZQUFZO2dCQUlDLElBQUk7c0JBQXRDLEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsV0FBVztnQkFJTSxPQUFPO3NCQUE3QyxLQUFLOztzQkFBSSxXQUFXO3VCQUFDLGVBQWU7Z0JBSUcsUUFBUTtzQkFBL0MsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBSUEsTUFBTTtzQkFBM0MsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxjQUFjO2dCQUlFLE1BQU07c0JBQTNDLEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsY0FBYztnQkFJM0IsUUFBUTtzQkFBaEIsS0FBSztnQkFNTixXQUFXO3NCQUZWLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZUFBZTtnQkFJeEIsVUFBVTtzQkFEYixXQUFXO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGlueVNwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuLi90aW55LXNwaW5uZXIvdGlueS1zcGlubmVyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQnV0dG9uIGNvbXBvbmVudCBpcyB1c2VkIHRvIGNyZWF0ZSBhIGJ1dHRvbiB3aXRoIGRpZmZlcmVudCBzdHlsZXMgYW5kIHNpemVzLiBUaGlzIHVzZXMgbmF0aXZlIGJ1dHRvbiBlbGVtZW50IGFuZFxuICogb25seSBwcm92aWRlcyBzdHlsaW5nIGFuZCBzb21lIGFkZGl0aW9uYWwgZmVhdHVyZXMgbGlrZSBsb2FkaW5nIHNwaW5uZXIuXG4gKlxuICogIyMgVXNhZ2VcbiAqXG4gKiAxLiBJbXBvcnQgdGhlIGBMeENvcmVVaU1vZHVsZWAgbW9kdWxlIGZyb20gYEBsZWFuaXgvY29tcG9uZW50c2AgaW4geW91ciBtb2R1bGUgd2hlcmUgeW91IHdhbnQgdG8gdXNlIHRoZSBjb21wb25lbnQuXG4gKlxuICogYGBgdHNcbiAqIGltcG9ydCB7IEx4Q29yZVVpTW9kdWxlIH0gZnJvbSAnQGxlYW5peC9jb21wb25lbnRzJztcbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdidXR0b25bbHgtYnV0dG9uXScsXG4gIHRlbXBsYXRlVXJsOiAnYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIFRpbnlTcGlubmVyQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnYXR0ci5zaXplJykgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdhdXRvJyA9ICdtZWRpdW0nO1xuICAvKipcbiAgICogVGhlIGNvbG9yIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2F0dHIuY29sb3InKSBjb2xvcjogJ2RlZmF1bHQnIHwgJ3ByaW1hcnknIHwgJ2RhbmdlcicgfCAnc3VjY2VzcycgfCAnbGlnaHQnID0gJ2RlZmF1bHQnO1xuICAvKipcbiAgICogVGhlIG1vZGUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnYXR0ci5tb2RlJykgbW9kZTogJ3NvbGlkJyB8ICdnaG9zdCcgfCAnb3V0bGluZScgfCAnbGluaycgPSAnc29saWQnO1xuICAvKipcbiAgICogVGhlIHByZXNzZWQgc3RhdGUgb2YgdGhlIGJ1dHRvbi4gVGhpcyBzaW11bGF0ZXMgdGhlIGA6YWN0aXZlYCBzdGF0ZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcy5wcmVzc2VkJykgcHJlc3NlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAvKipcbiAgICogVGhlIHNlbGVjdGVkIHN0YXRlIG9mIHRoZSBidXR0b24uIFRoaXMgc2ltdWxhdGVzIHRoZSBgOmhvdmVyYCBzdGF0ZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcy5zZWxlY3RlZCcpIHNlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XG4gIC8qKlxuICAgKiBUaGlzIG1ha2VzIHRoZSBidXR0b24gc3F1YXJlLlxuICAgKi9cbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcy5zcXVhcmUnKSBzcXVhcmU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLyoqXG4gICAqIFRoaXMgbWFrZXMgY29ybmVycyByb3VuZGVkLiBVc2Ugd2l0aCBgc3F1YXJlYCBmb3IgYSB0cnVlIGNpcmNsZS5cbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MuY2lyY2xlJykgY2lyY2xlOiBib29sZWFuID0gZmFsc2U7XG4gIC8qKlxuICAgKiBUaGlzIGRpc2FibGVzIHRoZSBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAvKipcbiAgICogVGhpcyBzaG93cyBhIHNwaW5uZXIgaW5zaWRlIHRoZSBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmxvYWRpbmcnKVxuICBzaG93U3Bpbm5lcjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnZGlzYWJsZWQnKVxuICBnZXQgaXNEaXNhYmxlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCB8fCB0aGlzLnNob3dTcGlubmVyO1xuICB9XG59XG4iLCI8bHgtdGlueS1zcGlubmVyICpuZ0lmPVwic2hvd1NwaW5uZXJcIiAvPlxuPG5nLWNvbnRlbnQgLz5cbiJdfQ==
|
@@ -1,7 +1,22 @@
|
|
1
1
|
import { Component, HostBinding, Input } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
+
/**
|
4
|
+
* Card component is a container component that can be used to display content in a card-like style.
|
5
|
+
* This documentation provides details on the usage and configuration of the Card Component.
|
6
|
+
*
|
7
|
+
* ## Usage
|
8
|
+
*
|
9
|
+
* 1. Import the `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component.
|
10
|
+
*
|
11
|
+
* ```ts
|
12
|
+
* import { LxCoreUiModule } from '@leanix/components';
|
13
|
+
* ```
|
14
|
+
*/
|
3
15
|
export class CardComponent {
|
4
16
|
constructor() {
|
17
|
+
/**
|
18
|
+
* The style of the card.
|
19
|
+
*/
|
5
20
|
this.dataStyle = 'white';
|
6
21
|
}
|
7
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
@@ -16,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
16
31
|
type: HostBinding,
|
17
32
|
args: ['attr.data-style']
|
18
33
|
}] } });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUU5RDs7Ozs7Ozs7Ozs7R0FXRztBQU9ILE1BQU0sT0FBTyxhQUFhO0lBTjFCO1FBT0U7O1dBRUc7UUFDc0MsY0FBUyxHQUFZLE9BQU8sQ0FBQztLQUN2RTs4R0FMWSxhQUFhO2tHQUFiLGFBQWEsc0tDcEIxQixrQkFDQTs7MkZEbUJhLGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0UsU0FBUyxjQUdQLElBQUk7OEJBTXlCLFNBQVM7c0JBQWpELEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBDYXJkIGNvbXBvbmVudCBpcyBhIGNvbnRhaW5lciBjb21wb25lbnQgdGhhdCBjYW4gYmUgdXNlZCB0byBkaXNwbGF5IGNvbnRlbnQgaW4gYSBjYXJkLWxpa2Ugc3R5bGUuXG4gKiBUaGlzIGRvY3VtZW50YXRpb24gcHJvdmlkZXMgZGV0YWlscyBvbiB0aGUgdXNhZ2UgYW5kIGNvbmZpZ3VyYXRpb24gb2YgdGhlIENhcmQgQ29tcG9uZW50LlxuICpcbiAqICMjIFVzYWdlXG4gKlxuICogMS4gSW1wb3J0IHRoZSBgTHhDb3JlVWlNb2R1bGVgIG1vZHVsZSBmcm9tIGBAbGVhbml4L2NvbXBvbmVudHNgIGluIHlvdXIgbW9kdWxlIHdoZXJlIHlvdSB3YW50IHRvIHVzZSB0aGUgY29tcG9uZW50LlxuICpcbiAqIGBgYHRzXG4gKiBpbXBvcnQgeyBMeENvcmVVaU1vZHVsZSB9IGZyb20gJ0BsZWFuaXgvY29tcG9uZW50cyc7XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydjYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgc3R5bGUgb2YgdGhlIGNhcmQuXG4gICAqL1xuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zdHlsZScpIGRhdGFTdHlsZTogJ3doaXRlJyA9ICd3aGl0ZSc7XG59XG4iLCI8bmctY29udGVudCAvPlxuIl19
|
@@ -1,15 +1,30 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
3
|
-
import { ButtonComponent } from '
|
3
|
+
import { ButtonComponent } from '../button/button.component';
|
4
4
|
import * as i0 from "@angular/core";
|
5
|
+
/**
|
6
|
+
* A content panel component is used to show a panel with a title and content.
|
7
|
+
*
|
8
|
+
* ## Usage
|
9
|
+
*
|
10
|
+
* 1. Import the `ContentPanelComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
|
11
|
+
*
|
12
|
+
* ```ts
|
13
|
+
* import { ContentPanelComponent } from '@leanix/components';
|
14
|
+
* ```
|
15
|
+
*/
|
5
16
|
export class ContentPanelComponent {
|
6
17
|
constructor() {
|
7
|
-
|
18
|
+
/** Event emitted when the close button is clicked */
|
8
19
|
this.contentPanelClose = new EventEmitter();
|
20
|
+
/** @internal */
|
21
|
+
this.baseClass = 'contentPanel';
|
9
22
|
}
|
23
|
+
/** @internal */
|
10
24
|
onClose() {
|
11
25
|
this.contentPanelClose.emit();
|
12
26
|
}
|
27
|
+
/** @internal */
|
13
28
|
scrollToTop() {
|
14
29
|
this.body.nativeElement.scrollTo({ top: 0, behavior: 'smooth' });
|
15
30
|
}
|
@@ -27,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
27
42
|
type: ViewChild,
|
28
43
|
args: ['body']
|
29
44
|
}] } });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvY29udGVudC1wYW5lbC9jb250ZW50LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jb250ZW50LXBhbmVsL2NvbnRlbnQtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFFN0Q7Ozs7Ozs7Ozs7R0FVRztBQVFILE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFVRSxxREFBcUQ7UUFDM0Msc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUt2RCxnQkFBZ0I7UUFDaEIsY0FBUyxHQUFHLGNBQWMsQ0FBQztLQVc1QjtJQVRDLGdCQUFnQjtJQUNoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDbkUsQ0FBQzs4R0FwQlUscUJBQXFCO2tHQUFyQixxQkFBcUIsMlBDdEJsQyw2YkFhQSxxWERLWSxZQUFZLCtCQUFFLGVBQWU7OzJGQUk1QixxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBTS9CLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBR1ksSUFBSTtzQkFBdEIsU0FBUzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGNvbnRlbnQgcGFuZWwgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBhIHBhbmVsIHdpdGggYSB0aXRsZSBhbmQgY29udGVudC5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCB0aGUgYENvbnRlbnRQYW5lbENvbXBvbmVudGAgY29tcG9uZW50IGZyb20gYEBsZWFuaXgvY29tcG9uZW50c2AgaW4geW91ciBtb2R1bGUgb3Igc3RhbmRhbG9uZSBjb3Btb25lbnQgd2hlcmUgeW91IHdhbnQgdG8gdXNlIHRoZSBjb21wb25lbnQuXG4gKlxuICogYGBgdHNcbiAqIGltcG9ydCB7IENvbnRlbnRQYW5lbENvbXBvbmVudCB9IGZyb20gJ0BsZWFuaXgvY29tcG9uZW50cyc7XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtY29udGVudC1wYW5lbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250ZW50LXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGVudC1wYW5lbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbnRlbnRQYW5lbENvbXBvbmVudCB7XG4gIC8qKiBUaGUgdGl0bGUgdGV4dCBhdCB0aGUgcGFuZWwgaGVhZGVyICovXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBjbG9zZSBidXR0b24gaXMgY2xpY2tlZCAqL1xuICBAT3V0cHV0KCkgY29udGVudFBhbmVsQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAVmlld0NoaWxkKCdib2R5JykgYm9keSE6IEVsZW1lbnRSZWY7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBiYXNlQ2xhc3MgPSAnY29udGVudFBhbmVsJztcblxuICAvKiogQGludGVybmFsICovXG4gIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jb250ZW50UGFuZWxDbG9zZS5lbWl0KCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHNjcm9sbFRvVG9wKCk6IHZvaWQge1xuICAgIHRoaXMuYm9keS5uYXRpdmVFbGVtZW50LnNjcm9sbFRvKHsgdG9wOiAwLCBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gIH1cbn1cbiIsIjxkaXYgW2NsYXNzXT1cImJhc2VDbGFzc1wiPlxuICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19SGVhZGVyXCIgI2hlYWRlcj5cbiAgICBAaWYgKHRpdGxlKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwie3sgYmFzZUNsYXNzIH19VGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxuICAgIH1cbiAgICA8YnV0dG9uIGx4LWJ1dHRvbiBbc3F1YXJlXT1cInRydWVcIiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUNsb3NlQnV0dG9uXCIgY29sb3I9XCJsaWdodFwiIG1vZGU9XCJzb2xpZFwiIChjbGljayk9XCJvbkNsb3NlKClcIj5cbiAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLXRpbWVzXCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInt7IGJhc2VDbGFzcyB9fUJvZHlcIiAjYm9keT5cbiAgICA8bmctY29udGVudCAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
@@ -1,9 +1,22 @@
|
|
1
1
|
import { NgClass } from '@angular/common';
|
2
2
|
import { Component, Input } from '@angular/core';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
+
/**
|
5
|
+
* Counter component is used to create a counter with different styles and sizes.
|
6
|
+
*
|
7
|
+
* ## Usage
|
8
|
+
*
|
9
|
+
* 1. Import the `CounterComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
|
10
|
+
*
|
11
|
+
* ```ts
|
12
|
+
* import { CounterComponent } from '@leanix/components';
|
13
|
+
* ```
|
14
|
+
*/
|
4
15
|
export class CounterComponent {
|
5
16
|
constructor() {
|
17
|
+
/** The size of the counter. */
|
6
18
|
this.size = 'default';
|
19
|
+
/** The color of the counter. */
|
7
20
|
this.color = 'primary';
|
8
21
|
}
|
9
22
|
get classes() {
|
@@ -22,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
22
35
|
}], color: [{
|
23
36
|
type: Input
|
24
37
|
}] } });
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY291bnRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvY291bnRlci9jb3VudGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9jb3VudGVyL2NvdW50ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUVqRDs7Ozs7Ozs7OztHQVVHO0FBUUgsTUFBTSxPQUFPLGdCQUFnQjtJQVA3QjtRQVVFLCtCQUErQjtRQUN0QixTQUFJLEdBQXdCLFNBQVMsQ0FBQztRQUMvQyxnQ0FBZ0M7UUFDdkIsVUFBSyxHQUFpRSxTQUFTLENBQUM7S0FLMUY7SUFIQyxJQUFJLE9BQU87UUFDVCxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEMsQ0FBQzs4R0FWVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQixvSUNyQjdCLHNFQUNBLDJwQkRrQlksT0FBTzs7MkZBRU4sZ0JBQWdCO2tCQVA1QixTQUFTOytCQUNFLFlBQVksY0FHVixJQUFJLFdBQ1AsQ0FBQyxPQUFPLENBQUM7OEJBSVQsT0FBTztzQkFBZixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBDb3VudGVyIGNvbXBvbmVudCBpcyB1c2VkIHRvIGNyZWF0ZSBhIGNvdW50ZXIgd2l0aCBkaWZmZXJlbnQgc3R5bGVzIGFuZCBzaXplcy5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCB0aGUgYENvdW50ZXJDb21wb25lbnRgIGNvbXBvbmVudCBmcm9tIGBAbGVhbml4L2NvbXBvbmVudHNgIGluIHlvdXIgbW9kdWxlIG9yIHN0YW5kYWxvbmUgY29wbW9uZW50IHdoZXJlIHlvdSB3YW50IHRvIHVzZSB0aGUgY29tcG9uZW50LlxuICpcbiAqIGBgYHRzXG4gKiBpbXBvcnQgeyBDb3VudGVyQ29tcG9uZW50IH0gZnJvbSAnQGxlYW5peC9jb21wb25lbnRzJztcbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1jb3VudGVyJyxcbiAgdGVtcGxhdGVVcmw6ICdjb3VudGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NvdW50ZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nQ2xhc3NdXG59KVxuZXhwb3J0IGNsYXNzIENvdW50ZXJDb21wb25lbnQge1xuICAvKiogVGhlIGNvbnRlbnQgb2YgdGhlIGNvdW50ZXIuICovXG4gIEBJbnB1dCgpIGNvbnRlbnQ/OiBzdHJpbmcgfCBudW1iZXI7XG4gIC8qKiBUaGUgc2l6ZSBvZiB0aGUgY291bnRlci4gKi9cbiAgQElucHV0KCkgc2l6ZTogJ2RlZmF1bHQnIHwgJ3NtYWxsJyA9ICdkZWZhdWx0JztcbiAgLyoqIFRoZSBjb2xvciBvZiB0aGUgY291bnRlci4gKi9cbiAgQElucHV0KCkgY29sb3I6ICdwcmltYXJ5JyB8ICdncmF5JyB8ICdkYXJrZ3JheScgfCAncmVkJyB8ICd5ZWxsb3cnIHwgJ2dyZWVuJyA9ICdwcmltYXJ5JztcblxuICBnZXQgY2xhc3NlcygpIHtcbiAgICByZXR1cm4gYCR7dGhpcy5zaXplfSAke3RoaXMuY29sb3J9YDtcbiAgfVxufVxuIiwiPHNwYW4gY2xhc3M9XCJjb250ZW50XCIgW25nQ2xhc3NdPVwiY2xhc3Nlc1wiPnt7IGNvbnRlbnQgfX08L3NwYW4+XG4iXX0=
|
package/esm2022/lib/core-ui/components/integration-link-card/integration-link-card.component.mjs
CHANGED
@@ -4,15 +4,61 @@ import { TooltipDirective } from '../../tooltip/tooltip.directive';
|
|
4
4
|
import { BadgeComponent } from '../badge/badge.component';
|
5
5
|
import { ButtonComponent } from '../button/button.component';
|
6
6
|
import * as i0 from "@angular/core";
|
7
|
+
/**
|
8
|
+
* Integration Link Card Component is a card component that displays information about an integration link.
|
9
|
+
*
|
10
|
+
* This documentation provides details on the usage and configuration of the Integration Link Card Component.
|
11
|
+
*
|
12
|
+
* ## Usage
|
13
|
+
*
|
14
|
+
* 1. Import `LxCoreUiModule` module from `@leanix/components` in your module where you want to use the component, or in case of a standalone parent component, import the
|
15
|
+
* `IntegrationLinkCardComponent` directly into your standalone component.
|
16
|
+
*
|
17
|
+
* - Module import:
|
18
|
+
*
|
19
|
+
* ```ts
|
20
|
+
* import { LxCoreUiModule } from '@leanix/components';
|
21
|
+
* ```
|
22
|
+
*
|
23
|
+
* - Standalone component import:
|
24
|
+
*
|
25
|
+
* ```ts
|
26
|
+
* import { IntegrationLinkCardComponent } from '@leanix/components';
|
27
|
+
*
|
28
|
+
* @Component({
|
29
|
+
* selector: 'lx-my-component',
|
30
|
+
* standalone: true,
|
31
|
+
* imports: [IntegrationLinkCardComponent],
|
32
|
+
* templateUrl: './my-component.component.html'
|
33
|
+
* })
|
34
|
+
* export class MyComponent {}
|
35
|
+
* ```
|
36
|
+
*
|
37
|
+
* ## Usage
|
38
|
+
*
|
39
|
+
* #### Required Inputs:
|
40
|
+
*
|
41
|
+
* - `sourceIconClasses` (`string`) - font awesome classes for source icon;
|
42
|
+
* - `sourceName` (`string`) - the name of the source associated with the integration card;
|
43
|
+
* - `title` (`string`) - the main title of the integration card.
|
44
|
+
*/
|
7
45
|
export class IntegrationLinkCardComponent {
|
8
46
|
constructor() {
|
47
|
+
/**
|
48
|
+
* Determines if the integration is in an inactive state
|
49
|
+
* When set to true, the card will display in an inactive state
|
50
|
+
* */
|
9
51
|
this.isInactive = false;
|
52
|
+
/** Event emitted when the action button is clicked */
|
10
53
|
this.actionButtonClicked = new EventEmitter();
|
54
|
+
/** Event emitted when the link is clicked */
|
11
55
|
this.linkClicked = new EventEmitter();
|
12
56
|
}
|
57
|
+
/** @internal */
|
13
58
|
onActionButtonClicked() {
|
14
59
|
this.actionButtonClicked.emit();
|
15
60
|
}
|
61
|
+
/** @internal */
|
16
62
|
onLinkClicked(event) {
|
17
63
|
this.linkClicked.emit(event);
|
18
64
|
}
|
@@ -63,4 +109,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
63
109
|
}], linkClicked: [{
|
64
110
|
type: Output
|
65
111
|
}] } });
|
66
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBYTdELE1BQU0sT0FBTyw0QkFBNEI7SUFQekM7UUFZOEIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQVU5Qyx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQy9DLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztLQVN4RDtJQVBDLHFCQUFxQjtRQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFpQjtRQUM3QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOzhHQXhCVSw0QkFBNEI7a0dBQTVCLDRCQUE0QixxZ0JDakJ6QywyNERBb0RBLG1vQ0RyQ1ksZ0JBQWdCLGdKQUFFLGNBQWMsaUhBQUUsZUFBZSx1S0FBRSxVQUFVOzsyRkFFNUQsNEJBQTRCO2tCQVB4QyxTQUFTOytCQUNFLDBCQUEwQixjQUd4QixJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLFVBQVUsQ0FBQzs4QkFHN0MsaUJBQWlCO3NCQUEzQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxVQUFVO3NCQUFwQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxLQUFLO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFFRyxVQUFVO3NCQUFyQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxJQUFJO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxXQUFXO3NCQUF0QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxZQUFZO3NCQUF2QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxjQUFjO3NCQUF6QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxZQUFZO3NCQUF2QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFDRSxnQkFBZ0I7c0JBQTNDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLFNBQVM7c0JBQXBDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUNFLFlBQVk7c0JBQXZDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUVoQixtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJMaW5rIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlJztcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFkZ2UvYmFkZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuaW50ZXJmYWNlIFJvdXRlUXVlcnlQYXJhbXMge1xuICBbeDogc3RyaW5nXTogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1pbnRlZ3JhdGlvbi1saW5rLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtUb29sdGlwRGlyZWN0aXZlLCBCYWRnZUNvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBSb3V0ZXJMaW5rXVxufSlcbmV4cG9ydCBjbGFzcyBJbnRlZ3JhdGlvbkxpbmtDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc291cmNlSWNvbkNsYXNzZXMhOiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNvdXJjZU5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRpdGxlITogc3RyaW5nO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBpc0luYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSBsaW5rPzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgcXVlcnlQYXJhbXM/OiBSb3V0ZVF1ZXJ5UGFyYW1zO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgZXh0ZXJuYWxMaW5rPzogYm9vbGVhbjtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIHRvb2x0aXBDb250ZW50Pzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgYmFkZ2VDb250ZW50Pzogc3RyaW5nO1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgYWN0aW9uQnV0dG9uTmFtZT86IHN0cmluZztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIHRpbWVzdGFtcD86IHN0cmluZztcbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIHRlcnRpYXJ5SW5mbz86IHN0cmluZztcblxuICBAT3V0cHV0KCkgYWN0aW9uQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGxpbmtDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gIG9uQWN0aW9uQnV0dG9uQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbkJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG5cbiAgb25MaW5rQ2xpY2tlZChldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIHRoaXMubGlua0NsaWNrZWQuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtYm9keSB7eyBpc0luYWN0aXZlID8gJ2luYWN0aXZlLWxpbmsnIDogJycgfX1cIj5cbiAgQGlmIChiYWRnZUNvbnRlbnQpIHtcbiAgICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWJhZGdlXCI+XG4gICAgICA8bHgtYmFkZ2UgW2NvbnRlbnRdPVwiYmFkZ2VDb250ZW50XCIgLz5cbiAgICA8L2Rpdj5cbiAgfVxuICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLXNvdXJjZVwiPjxpIFtjbGFzc109XCJzb3VyY2VJY29uQ2xhc3Nlc1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT57eyBzb3VyY2VOYW1lIH19PC9kaXY+XG4gIDxoMiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1oZWFkaW5nXCI+e3sgdGl0bGUgfX08L2gyPlxuICBAaWYgKHRlcnRpYXJ5SW5mbykge1xuICAgIDxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtdGVydGlhcnktaW5mb1wiPnt7IHRlcnRpYXJ5SW5mbyB9fTwvZGl2PlxuICB9XG4gIEBpZiAodGltZXN0YW1wKSB7XG4gICAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC10aW1lc3RhbXBcIj57eyB0aW1lc3RhbXAgfX08L2Rpdj5cbiAgfVxuICBAaWYgKGFjdGlvbkJ1dHRvbk5hbWUpIHtcbiAgICA8YnV0dG9uIGx4LWJ1dHRvbiBjb2xvcj1cImxpZ2h0XCIgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtYWN0aW9uLWJ1dHRvblwiIChjbGljayk9XCJvbkFjdGlvbkJ1dHRvbkNsaWNrZWQoKVwiPlxuICAgICAge3sgYWN0aW9uQnV0dG9uTmFtZSB9fVxuICAgIDwvYnV0dG9uPlxuICB9XG48L2Rpdj5cbkBpZiAobGluaykge1xuICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWxpbmtcIj5cbiAgICBAaWYgKGV4dGVybmFsTGluaykge1xuICAgICAgPGFcbiAgICAgICAgW2hyZWZdPVwibGlua1wiXG4gICAgICAgIFthdHRyLnRhcmdldF09XCInX2JsYW5rJ1wiXG4gICAgICAgIFthdHRyLnJlbF09XCInbm9vcGVuZXIgbm9yZWZmZXJlcidcIlxuICAgICAgICBbbHhUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCJcbiAgICAgICAgW2x4VG9vbHRpcFBvc2l0aW9uXT1cInsgeTogJ3RvcCcsIHg6ICdsZWZ0JyB9XCJcbiAgICAgICAgKGNsaWNrKT1cIm9uTGlua0NsaWNrZWQoJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLWV4dGVybmFsLWxpbmtcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICA8L2E+XG4gICAgfSBAZWxzZSB7XG4gICAgICBAaWYgKGxpbmsuc3RhcnRzV2l0aCgnaHR0cCcpKSB7XG4gICAgICAgIDxhIFtseFRvb2x0aXBdPVwidG9vbHRpcENvbnRlbnRcIiBbbHhUb29sdGlwUG9zaXRpb25dPVwieyB5OiAndG9wJywgeDogJ2xlZnQnIH1cIiBbaHJlZl09XCJsaW5rXCIgKGNsaWNrKT1cIm9uTGlua0NsaWNrZWQoJGV2ZW50KVwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLWFycm93LWNpcmNsZS1yaWdodFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgPC9hPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxhXG4gICAgICAgICAgW2x4VG9vbHRpcF09XCJ0b29sdGlwQ29udGVudFwiXG4gICAgICAgICAgW2x4VG9vbHRpcFBvc2l0aW9uXT1cInsgeTogJ3RvcCcsIHg6ICdsZWZ0JyB9XCJcbiAgICAgICAgICBbcm91dGVyTGlua109XCJsaW5rXCJcbiAgICAgICAgICBbcXVlcnlQYXJhbXNdPVwicXVlcnlQYXJhbXNcIlxuICAgICAgICAgIChjbGljayk9XCJvbkxpbmtDbGlja2VkKCRldmVudClcIlxuICAgICAgICA+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmYXIgZmEtYXJyb3ctY2lyY2xlLXJpZ2h0XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICA8L2E+XG4gICAgICB9XG4gICAgfVxuICA8L2Rpdj5cbn1cbiJdfQ==
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pbnRlZ3JhdGlvbi1saW5rLWNhcmQvaW50ZWdyYXRpb24tbGluay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBTTdEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUNHO0FBUUgsTUFBTSxPQUFPLDRCQUE0QjtJQVB6QztRQWVFOzs7YUFHSztRQUN1QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBcUJ4RCxzREFBc0Q7UUFDNUMsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN6RCw2Q0FBNkM7UUFDbkMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0tBV3hEO0lBVEMsZ0JBQWdCO0lBQ2hCLHFCQUFxQjtRQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGdCQUFnQjtJQUNoQixhQUFhLENBQUMsS0FBaUI7UUFDN0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0E5Q1UsNEJBQTRCO2tHQUE1Qiw0QkFBNEIscWdCQ3ZEekMsMjREQW9EQSxtb0NEQ1ksZ0JBQWdCLGdKQUFFLGNBQWMsaUhBQUUsZUFBZSx1S0FBRSxVQUFVOzsyRkFFNUQsNEJBQTRCO2tCQVB4QyxTQUFTOytCQUNFLDBCQUEwQixjQUd4QixJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLFVBQVUsQ0FBQzs4QkFJN0MsaUJBQWlCO3NCQUEzQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFFRSxVQUFVO3NCQUFwQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFFRSxLQUFLO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFNRyxVQUFVO3NCQUFyQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFFRSxJQUFJO3NCQUEvQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFFRSxXQUFXO3NCQUF0QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFLRSxZQUFZO3NCQUF2QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFFRSxjQUFjO3NCQUF6QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFFRSxZQUFZO3NCQUF2QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtnQkFFRSxnQkFBZ0I7c0JBQTNDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUVFLFNBQVM7c0JBQXBDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUVFLFlBQVk7c0JBQXZDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO2dCQUdoQixtQkFBbUI7c0JBQTVCLE1BQU07Z0JBRUcsV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJMaW5rIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlJztcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFkZ2UvYmFkZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuaW50ZXJmYWNlIFJvdXRlUXVlcnlQYXJhbXMge1xuICBbeDogc3RyaW5nXTogc3RyaW5nO1xufVxuXG4vKipcbiAqIEludGVncmF0aW9uIExpbmsgQ2FyZCBDb21wb25lbnQgaXMgYSBjYXJkIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGluZm9ybWF0aW9uIGFib3V0IGFuIGludGVncmF0aW9uIGxpbmsuXG4gKlxuICogVGhpcyBkb2N1bWVudGF0aW9uIHByb3ZpZGVzIGRldGFpbHMgb24gdGhlIHVzYWdlIGFuZCBjb25maWd1cmF0aW9uIG9mIHRoZSBJbnRlZ3JhdGlvbiBMaW5rIENhcmQgQ29tcG9uZW50LlxuICpcbiAqICMjIFVzYWdlXG4gKlxuICogMS4gSW1wb3J0IGBMeENvcmVVaU1vZHVsZWAgbW9kdWxlIGZyb20gYEBsZWFuaXgvY29tcG9uZW50c2AgaW4geW91ciBtb2R1bGUgd2hlcmUgeW91IHdhbnQgdG8gdXNlIHRoZSBjb21wb25lbnQsIG9yIGluIGNhc2Ugb2YgYSBzdGFuZGFsb25lIHBhcmVudCBjb21wb25lbnQsIGltcG9ydCB0aGVcbiAqICAgIGBJbnRlZ3JhdGlvbkxpbmtDYXJkQ29tcG9uZW50YCBkaXJlY3RseSBpbnRvIHlvdXIgc3RhbmRhbG9uZSBjb21wb25lbnQuXG4gKlxuICogLSBNb2R1bGUgaW1wb3J0OlxuICpcbiAqIGBgYHRzXG4gKiBpbXBvcnQgeyBMeENvcmVVaU1vZHVsZSB9IGZyb20gJ0BsZWFuaXgvY29tcG9uZW50cyc7XG4gKiBgYGBcbiAqXG4gKiAtIFN0YW5kYWxvbmUgY29tcG9uZW50IGltcG9ydDpcbiAqXG4gKiBgYGB0c1xuICogaW1wb3J0IHsgSW50ZWdyYXRpb25MaW5rQ2FyZENvbXBvbmVudCB9IGZyb20gJ0BsZWFuaXgvY29tcG9uZW50cyc7XG4gKlxuICogQENvbXBvbmVudCh7XG4gKiAgIHNlbGVjdG9yOiAnbHgtbXktY29tcG9uZW50JyxcbiAqICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAqICAgaW1wb3J0czogW0ludGVncmF0aW9uTGlua0NhcmRDb21wb25lbnRdLFxuICogICB0ZW1wbGF0ZVVybDogJy4vbXktY29tcG9uZW50LmNvbXBvbmVudC5odG1sJ1xuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBNeUNvbXBvbmVudCB7fVxuICogYGBgXG4gKlxuICogIyMgVXNhZ2VcbiAqXG4gKiAjIyMjIFJlcXVpcmVkIElucHV0czpcbiAqXG4gKiAtIGBzb3VyY2VJY29uQ2xhc3Nlc2AgKGBzdHJpbmdgKSAtIGZvbnQgYXdlc29tZSBjbGFzc2VzIGZvciBzb3VyY2UgaWNvbjtcbiAqIC0gYHNvdXJjZU5hbWVgIChgc3RyaW5nYCkgLSB0aGUgbmFtZSBvZiB0aGUgc291cmNlIGFzc29jaWF0ZWQgd2l0aCB0aGUgaW50ZWdyYXRpb24gY2FyZDtcbiAqIC0gYHRpdGxlYCAoYHN0cmluZ2ApIC0gdGhlIG1haW4gdGl0bGUgb2YgdGhlIGludGVncmF0aW9uIGNhcmQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2x4LWludGVncmF0aW9uLWxpbmstY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnRlZ3JhdGlvbi1saW5rLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnRlZ3JhdGlvbi1saW5rLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1Rvb2x0aXBEaXJlY3RpdmUsIEJhZGdlQ29tcG9uZW50LCBCdXR0b25Db21wb25lbnQsIFJvdXRlckxpbmtdXG59KVxuZXhwb3J0IGNsYXNzIEludGVncmF0aW9uTGlua0NhcmRDb21wb25lbnQge1xuICAvKiogRm9udCBhd2Vzb21lIGNsYXNzZXMgZm9yIHNvdXJjZSBpY29uICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNvdXJjZUljb25DbGFzc2VzITogc3RyaW5nO1xuICAvKiogVGhlIG5hbWUgb2YgdGhlIHNvdXJjZSBhc3NvY2lhdGVkIHdpdGggdGhlIGludGVncmF0aW9uIGNhcmQgKi9cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc291cmNlTmFtZSE6IHN0cmluZztcbiAgLyoqIFRoZSBtYWluIHRpdGxlIG9mIHRoZSBpbnRlZ3JhdGlvbiBjYXJkICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRpdGxlITogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBpbnRlZ3JhdGlvbiBpcyBpbiBhbiBpbmFjdGl2ZSBzdGF0ZVxuICAgKiBXaGVuIHNldCB0byB0cnVlLCB0aGUgY2FyZCB3aWxsIGRpc3BsYXkgaW4gYW4gaW5hY3RpdmUgc3RhdGVcbiAgICogKi9cbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIGlzSW5hY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLyoqIFVSTCBvciByb3V0ZSB0aGUgY2FyZCBsaW5rcyB0byAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgbGluaz86IHN0cmluZztcbiAgLyoqIFF1ZXJ5IHBhcmFtZXRlcnMgZm9yIHRoZSByb3V0ZSAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgcXVlcnlQYXJhbXM/OiBSb3V0ZVF1ZXJ5UGFyYW1zO1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgbGluayBhc3NvY2lhdGVkIHdpdGggdGhlIGNhcmQgaXMgYW4gZXh0ZXJuYWwgbGluay5cbiAgICogVGhpcyBpbmZsdWVuY2VzIGhvdyB0aGUgbGluayBkaXNwbGF5ZWQuIFdoZW4gc2V0IHRvIHRydWUgbGlua3Mgb3BlbiBpbiBhIG5ldyBicm93c2VyIHRhYlxuICAgKi9cbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIGV4dGVybmFsTGluaz86IGJvb2xlYW47XG4gIC8qKiBDb250ZW50IHRvIGJlIGRpc3BsYXllZCB3aXRoaW4gYSBsaW5rIGljb24gdG9vbHRpcCAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdG9vbHRpcENvbnRlbnQ/OiBzdHJpbmc7XG4gIC8qKiBDb250ZW50IGZvciBhIGJhZGdlIGVsZW1lbnQgb24gdGhlIGNhcmQgKi9cbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIGJhZGdlQ29udGVudD86IHN0cmluZztcbiAgLyoqIFRoZSBuYW1lIG9yIGxhYmVsIG9mIHRoZSBwcmltYXJ5IGFjdGlvbiBidXR0b24gb24gdGhlIGNhcmQgKi9cbiAgQElucHV0KHsgcmVxdWlyZWQ6IGZhbHNlIH0pIGFjdGlvbkJ1dHRvbk5hbWU/OiBzdHJpbmc7XG4gIC8qKiBUaW1lc3RhbXAgcmVsYXRlZCB0byB0aGUgaW50ZWdyYXRpb24sIHN1Y2ggYXMgdGhlIGxhc3QgdXBkYXRlZCB0aW1lIChyZWxhdGl2ZSB0aW1lKSAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogZmFsc2UgfSkgdGltZXN0YW1wPzogc3RyaW5nO1xuICAvKiogQWRkaXRpb25hbCwgbGVzcyBjcml0aWNhbCBpbmZvcm1hdGlvbiB0byBkaXNwbGF5IG9uIHRoZSBjYXJkICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiBmYWxzZSB9KSB0ZXJ0aWFyeUluZm8/OiBzdHJpbmc7XG5cbiAgLyoqIEV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgYWN0aW9uIGJ1dHRvbiBpcyBjbGlja2VkICovXG4gIEBPdXRwdXQoKSBhY3Rpb25CdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAvKiogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBsaW5rIGlzIGNsaWNrZWQgKi9cbiAgQE91dHB1dCgpIGxpbmtDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgb25BY3Rpb25CdXR0b25DbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aW9uQnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIG9uTGlua0NsaWNrZWQoZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmxpbmtDbGlja2VkLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWJvZHkge3sgaXNJbmFjdGl2ZSA/ICdpbmFjdGl2ZS1saW5rJyA6ICcnIH19XCI+XG4gIEBpZiAoYmFkZ2VDb250ZW50KSB7XG4gICAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1iYWRnZVwiPlxuICAgICAgPGx4LWJhZGdlIFtjb250ZW50XT1cImJhZGdlQ29udGVudFwiIC8+XG4gICAgPC9kaXY+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1zb3VyY2VcIj48aSBbY2xhc3NdPVwic291cmNlSWNvbkNsYXNzZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+e3sgc291cmNlTmFtZSB9fTwvZGl2PlxuICA8aDIgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtaGVhZGluZ1wiPnt7IHRpdGxlIH19PC9oMj5cbiAgQGlmICh0ZXJ0aWFyeUluZm8pIHtcbiAgICA8ZGl2IGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLXRlcnRpYXJ5LWluZm9cIj57eyB0ZXJ0aWFyeUluZm8gfX08L2Rpdj5cbiAgfVxuICBAaWYgKHRpbWVzdGFtcCkge1xuICAgIDxkaXYgY2xhc3M9XCJpbnRlZ3JhdGlvbi1saW5rLWNhcmQtdGltZXN0YW1wXCI+e3sgdGltZXN0YW1wIH19PC9kaXY+XG4gIH1cbiAgQGlmIChhY3Rpb25CdXR0b25OYW1lKSB7XG4gICAgPGJ1dHRvbiBseC1idXR0b24gY29sb3I9XCJsaWdodFwiIGNsYXNzPVwiaW50ZWdyYXRpb24tbGluay1jYXJkLWFjdGlvbi1idXR0b25cIiAoY2xpY2spPVwib25BY3Rpb25CdXR0b25DbGlja2VkKClcIj5cbiAgICAgIHt7IGFjdGlvbkJ1dHRvbk5hbWUgfX1cbiAgICA8L2J1dHRvbj5cbiAgfVxuPC9kaXY+XG5AaWYgKGxpbmspIHtcbiAgPGRpdiBjbGFzcz1cImludGVncmF0aW9uLWxpbmstY2FyZC1saW5rXCI+XG4gICAgQGlmIChleHRlcm5hbExpbmspIHtcbiAgICAgIDxhXG4gICAgICAgIFtocmVmXT1cImxpbmtcIlxuICAgICAgICBbYXR0ci50YXJnZXRdPVwiJ19ibGFuaydcIlxuICAgICAgICBbYXR0ci5yZWxdPVwiJ25vb3BlbmVyIG5vcmVmZmVyZXInXCJcbiAgICAgICAgW2x4VG9vbHRpcF09XCJ0b29sdGlwQ29udGVudFwiXG4gICAgICAgIFtseFRvb2x0aXBQb3NpdGlvbl09XCJ7IHk6ICd0b3AnLCB4OiAnbGVmdCcgfVwiXG4gICAgICAgIChjbGljayk9XCJvbkxpbmtDbGlja2VkKCRldmVudClcIlxuICAgICAgPlxuICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1leHRlcm5hbC1saW5rXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgPC9hPlxuICAgIH0gQGVsc2Uge1xuICAgICAgQGlmIChsaW5rLnN0YXJ0c1dpdGgoJ2h0dHAnKSkge1xuICAgICAgICA8YSBbbHhUb29sdGlwXT1cInRvb2x0aXBDb250ZW50XCIgW2x4VG9vbHRpcFBvc2l0aW9uXT1cInsgeTogJ3RvcCcsIHg6ICdsZWZ0JyB9XCIgW2hyZWZdPVwibGlua1wiIChjbGljayk9XCJvbkxpbmtDbGlja2VkKCRldmVudClcIj5cbiAgICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1hcnJvdy1jaXJjbGUtcmlnaHRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgIDwvYT5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8YVxuICAgICAgICAgIFtseFRvb2x0aXBdPVwidG9vbHRpcENvbnRlbnRcIlxuICAgICAgICAgIFtseFRvb2x0aXBQb3NpdGlvbl09XCJ7IHk6ICd0b3AnLCB4OiAnbGVmdCcgfVwiXG4gICAgICAgICAgW3JvdXRlckxpbmtdPVwibGlua1wiXG4gICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cInF1ZXJ5UGFyYW1zXCJcbiAgICAgICAgICAoY2xpY2spPVwib25MaW5rQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLWFycm93LWNpcmNsZS1yaWdodFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgPC9hPlxuICAgICAgfVxuICAgIH1cbiAgPC9kaXY+XG59XG4iXX0=
|
@@ -1,5 +1,23 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
+
/**
|
4
|
+
* Skeleton is a component that can be used to show a loading state of a component.
|
5
|
+
*
|
6
|
+
* ## Usage
|
7
|
+
*
|
8
|
+
* 1. Import the `SkeletonComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
|
9
|
+
*
|
10
|
+
* ```ts
|
11
|
+
* import { SkeletonComponent } from '@leanix/components';
|
12
|
+
* ```
|
13
|
+
*
|
14
|
+
* Use skeleton loaders for pages or sections that load content progressively, like text and images. The component can
|
15
|
+
* be used to compose various scenarios like placeholders for thumbnails, lists, and avatars. See the example
|
16
|
+
* [patterns](?path=/docs/skeleton-patterns--docs) for more details.
|
17
|
+
*
|
18
|
+
* To get started, import the `SkeletonComponent` in your Angular module or standalone component and use it in the
|
19
|
+
* template using the `<lx-skeleton />` selector with the desired width, height, and border radius.
|
20
|
+
*/
|
3
21
|
export class SkeletonComponent {
|
4
22
|
constructor() {
|
5
23
|
/**
|
@@ -34,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
34
52
|
}, {
|
35
53
|
type: Input
|
36
54
|
}] } });
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29yZS11aS9jb21wb25lbnRzL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRXZGOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQVFILE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUF1QkU7O1dBRUc7UUFDaUMsVUFBSyxHQUFxQixPQUFPLENBQUM7S0FDdkU7OEdBcEJZLGlCQUFpQjtrR0FBakIsaUJBQWlCLGlVQUxsQixFQUFFOzsyRkFLRCxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsYUFBYSxZQUNiLEVBQUUsbUJBRUssdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJOzhCQU1xQixLQUFLO3NCQUF6QyxXQUFXO3VCQUFDLGFBQWE7O3NCQUFHLEtBQUs7Z0JBS0ksTUFBTTtzQkFBM0MsV0FBVzt1QkFBQyxjQUFjOztzQkFBRyxLQUFLO2dCQUtVLFlBQVk7c0JBQXhELFdBQVc7dUJBQUMscUJBQXFCOztzQkFBRyxLQUFLO2dCQUtOLEtBQUs7c0JBQXhDLFdBQVc7dUJBQUMsWUFBWTs7c0JBQUcsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFNrZWxldG9uIGlzIGEgY29tcG9uZW50IHRoYXQgY2FuIGJlIHVzZWQgdG8gc2hvdyBhIGxvYWRpbmcgc3RhdGUgb2YgYSBjb21wb25lbnQuXG4gKlxuICogIyMgVXNhZ2VcbiAqXG4gKiAxLiBJbXBvcnQgdGhlIGBTa2VsZXRvbkNvbXBvbmVudGAgY29tcG9uZW50IGZyb20gYEBsZWFuaXgvY29tcG9uZW50c2AgaW4geW91ciBtb2R1bGUgb3Igc3RhbmRhbG9uZSBjb3Btb25lbnQgd2hlcmUgeW91IHdhbnQgdG8gdXNlIHRoZSBjb21wb25lbnQuXG4gKlxuICogYGBgdHNcbiAqIGltcG9ydCB7IFNrZWxldG9uQ29tcG9uZW50IH0gZnJvbSAnQGxlYW5peC9jb21wb25lbnRzJztcbiAqIGBgYFxuICpcbiAqIFVzZSBza2VsZXRvbiBsb2FkZXJzIGZvciBwYWdlcyBvciBzZWN0aW9ucyB0aGF0IGxvYWQgY29udGVudCBwcm9ncmVzc2l2ZWx5LCBsaWtlIHRleHQgYW5kIGltYWdlcy4gVGhlIGNvbXBvbmVudCBjYW5cbiAqIGJlIHVzZWQgdG8gY29tcG9zZSB2YXJpb3VzIHNjZW5hcmlvcyBsaWtlIHBsYWNlaG9sZGVycyBmb3IgdGh1bWJuYWlscywgbGlzdHMsIGFuZCBhdmF0YXJzLiBTZWUgdGhlIGV4YW1wbGVcbiAqIFtwYXR0ZXJuc10oP3BhdGg9L2RvY3Mvc2tlbGV0b24tcGF0dGVybnMtLWRvY3MpIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogVG8gZ2V0IHN0YXJ0ZWQsIGltcG9ydCB0aGUgYFNrZWxldG9uQ29tcG9uZW50YCBpbiB5b3VyIEFuZ3VsYXIgbW9kdWxlIG9yIHN0YW5kYWxvbmUgY29tcG9uZW50IGFuZCB1c2UgaXQgaW4gdGhlXG4gKiB0ZW1wbGF0ZSB1c2luZyB0aGUgYDxseC1za2VsZXRvbiAvPmAgc2VsZWN0b3Igd2l0aCB0aGUgZGVzaXJlZCB3aWR0aCwgaGVpZ2h0LCBhbmQgYm9yZGVyIHJhZGl1cy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtc2tlbGV0b24nLFxuICB0ZW1wbGF0ZTogJycsXG4gIHN0eWxlVXJsOiAnc2tlbGV0b24uY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBXaWR0aCBvZiB0aGUgc2tlbGV0b24gZWxlbWVudC4gVmFsaWQgQ1NTIHZhbHVlcyBhcmUgc3VwcG9ydGVkLiBEZWZhdWx0IGlzIDEwMCUgd2lkdGggb2YgdGhlIHBhcmVudC5cbiAgICovXG4gIEBIb3N0QmluZGluZygnc3R5bGUud2lkdGgnKSBASW5wdXQoKSB3aWR0aD86IHN0cmluZztcblxuICAvKipcbiAgICogSGVpZ2h0IG9mIHRoZSBza2VsZXRvbiBlbGVtZW50LiBWYWxpZCBDU1MgdmFsdWVzIGFyZSBzdXBwb3J0ZWQuIERlZmF1bHQgaXMgMTAwJSBoZWlnaHQgb2YgdGhlIHBhcmVudC5cbiAgICovXG4gIEBIb3N0QmluZGluZygnc3R5bGUuaGVpZ2h0JykgQElucHV0KCkgaGVpZ2h0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBCb3JkZXIgcmFkaXVzIG9mIHRoZSBza2VsZXRvbiBlbGVtZW50LiBWYWxpZCBDU1MgdmFsdWVzIGFyZSBzdXBwb3J0ZWQuIERlZmF1bHQgaXMgNHB4LlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5ib3JkZXItcmFkaXVzJykgQElucHV0KCkgYm9yZGVyUmFkaXVzPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBDb2xvciBvZiB0aGUgc2tlbGV0b24gZWxlbWVudC4gJ2RhcmsnIG9yICdsaWdodCcgYXJlIHN1cHBvcnRlZC4gRGVmYXVsdCBpcyAnbGlnaHQnLlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNvbG9yJykgQElucHV0KCkgY29sb3I6ICdkYXJrJyB8ICdsaWdodCcgPSAnbGlnaHQnO1xufVxuIl19
|
@@ -4,19 +4,59 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
import * as i1 from "@angular/cdk/bidi";
|
6
6
|
import * as i2 from "@angular/common";
|
7
|
+
/**
|
8
|
+
* Stepper component is a wrapper around the Angular CDK Stepper component. It provides a way to create a linear
|
9
|
+
* sequence of steps that guide users through a process.
|
10
|
+
*
|
11
|
+
* ## Usage
|
12
|
+
*
|
13
|
+
* 1. Import `LxCoreUiModule` module from `@leanix/components` and `CdkStepperModule` module from `@angular/cdk/stepper` in your module where you want to use the component, or in case of a standalone parent component, import the
|
14
|
+
* `StepperComponent` and `CdkStepperModule` directly into your standalone component.
|
15
|
+
*
|
16
|
+
* - Module import:
|
17
|
+
*
|
18
|
+
* ```ts
|
19
|
+
* import { LxCoreUiModule } from '@leanix/components';
|
20
|
+
* import { CdkStepperModule } from '@angular/cdk/stepper';
|
21
|
+
* ```
|
22
|
+
*
|
23
|
+
* - Standalone component import:
|
24
|
+
*
|
25
|
+
* ```ts
|
26
|
+
* import { StepperComponent } from '@leanix/components';
|
27
|
+
* import { CdkStepperModule } from '@angular/cdk/stepper';
|
28
|
+
*
|
29
|
+
* @Component({
|
30
|
+
* selector: 'lx-my-component',
|
31
|
+
* standalone: true,
|
32
|
+
* imports: [CdkStepperModule, StepperComponent],
|
33
|
+
* templateUrl: './my-component.component.html'
|
34
|
+
* })
|
35
|
+
* export class MyComponent {}
|
36
|
+
* ```
|
37
|
+
*
|
38
|
+
* 2. Use the component in your template. All steps added to the stepper should be wrapped in a `cdk-step` element.
|
39
|
+
*
|
40
|
+
* Since this component extends the Angular CDK `CdkStepper` component, all the inputs, outputs, and methods available in the
|
41
|
+
* `CdkStepper` component are also available in the `StepperComponent` and are documented in the
|
42
|
+
* [Angular CDK documentation](https://material.angular.io/cdk/stepper/api).
|
43
|
+
*/
|
7
44
|
export class StepperComponent extends CdkStepper {
|
8
45
|
// TODO - Remove this constructor once the following issue is resolved: https://github.com/storybookjs/storybook/issues/23534#issuecomment-2042888436
|
9
46
|
// Storybook smoke tests for stepper component are failing without this constructor
|
10
47
|
constructor(_dir, _changeDetectorRef, _elementRef) {
|
11
48
|
super(_dir, _changeDetectorRef, _elementRef);
|
49
|
+
/** @internal */
|
12
50
|
this.size = 'normal';
|
13
51
|
}
|
14
52
|
get isSmallVariant() {
|
15
53
|
return this.size === 'small';
|
16
54
|
}
|
55
|
+
/** @internal */
|
17
56
|
isCompleted(index) {
|
18
57
|
return index < this.selectedIndex;
|
19
58
|
}
|
59
|
+
/** @internal */
|
20
60
|
isActiveStep(index) {
|
21
61
|
return index === this.selectedIndex;
|
22
62
|
}
|
@@ -27,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
27
67
|
type: Component,
|
28
68
|
args: [{ selector: 'lx-stepper', standalone: true, imports: [CommonModule, CdkStepperModule], providers: [{ provide: CdkStepper, useExisting: StepperComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"stepper\">\n @for (step of steps; track step.label; let i = $index) {\n <li class=\"step\" [ngClass]=\"{ 'step-completed': isCompleted(i) }\">\n <div\n class=\"step-container\"\n [class]=\"isSmallVariant ? 'step-container-small' : 'step-container-normal'\"\n [ngClass]=\"{ 'step-container-active': isActiveStep(i), 'step-container-completed': isCompleted(i) }\"\n >\n <div class=\"step-number\" [ngClass]=\"{ 'step-number-active': isActiveStep(i) }\">\n @if (isCompleted(i)) {\n <i [class]=\"'far fa-check check-icon'\" [ngClass]=\"{ 'small-icon': isSmallVariant }\"></i>\n } @else if (!isSmallVariant) {\n {{ i + 1 }}\n }\n </div>\n @if (!isSmallVariant) {\n <div class=\"step-title\">\n {{ step.label }}\n </div>\n }\n </div>\n </li>\n }\n</ul>\n@if (selected) {\n <div class=\"content\">\n <ng-container [ngTemplateOutlet]=\"selected!.content\" />\n </div>\n}\n", styles: [".stepper{display:flex;position:relative;align-items:center;padding-left:0}.step{position:relative;z-index:1;flex:1;display:flex;flex-direction:row;flex-shrink:0}.step:not(:last-child):after{content:\"\";position:relative;z-index:1;flex:auto;height:1px;min-width:30px;border-top:2px solid #b2bccc;align-self:center;margin-left:5px;margin-right:5px}.step-container{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;border:2px solid #b2bccc;border-radius:50%;background-color:#fff;pointer-events:none}.step-container-normal{width:40px;height:40px}.step-container-small{width:22.5px;height:22.5px}.step-number{color:#b2bccc;font-size:15.5px;font-style:normal;font-weight:400;line-height:20px;width:100%;height:100%;padding-top:8px;text-align:center}.step-container-small .step-number{padding-top:0}.step-title{width:max-content;top:50px;position:absolute}.check-icon{font-size:20px;color:#0070f2}.small-icon{position:relative;font-size:12px}@supports (-moz-appearance: none){.small-icon{top:-1px}}.content{margin-top:48px;height:100%}.step:first-child{justify-content:flex-start}.step:first-child .step-title{left:0}.step:not(:first-child):not(:last-child) .step-container{align-self:center}.step:not(:first-child):not(:last-child) .step-container .step-title{align-self:center}.step:last-child{justify-content:flex-end;align-items:flex-end;text-align:right;flex:0 0 auto}.step:last-child .step-container .step-title{align-self:flex-end;right:0}.step:last-child .step-number{margin-right:40%}.step:nth-child(n+19):last-child .step-number{margin-right:31%}.step-container.step-container-active{background-color:#0070f2;border-color:#0070f2}.step-number-active{color:#fff}.step.step-completed:not(:last-child):after{border-color:#0070f2}.step-container.step-container-completed{border-color:#0070f2}\n"] }]
|
29
69
|
}], ctorParameters: () => [{ type: i1.Directionality }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQzs7OztBQUVsRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0NHO0FBVUgsTUFBTSxPQUFPLGdCQUFpQixTQUFRLFVBQVU7SUFJOUMscUpBQXFKO0lBQ3JKLG1GQUFtRjtJQUNuRixZQUFZLElBQW9CLEVBQUUsa0JBQXFDLEVBQUUsV0FBb0M7UUFDM0csS0FBSyxDQUFDLElBQUksRUFBRSxrQkFBa0IsRUFBRSxXQUFXLENBQUMsQ0FBQztRQU4vQyxnQkFBZ0I7UUFDaEIsU0FBSSxHQUF1QixRQUFRLENBQUM7SUFNcEMsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssT0FBTyxDQUFDO0lBQy9CLENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsV0FBVyxDQUFDLEtBQWE7UUFDdkIsT0FBTyxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUNwQyxDQUFDO0lBRUQsZ0JBQWdCO0lBQ2hCLFlBQVksQ0FBQyxLQUFhO1FBQ3hCLE9BQU8sS0FBSyxLQUFLLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDdEMsQ0FBQzs4R0F0QlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IseURBSGhCLENBQUMsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLGlEQ2hEckUseWdDQTZCQSx5MUREZ0JZLFlBQVksbVNBQUUsZ0JBQWdCOzsyRkFNN0IsZ0JBQWdCO2tCQVQ1QixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUMsYUFHOUIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxrQkFBa0IsRUFBRSxDQUFDLG1CQUNsRCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aW9uYWxpdHkgfSBmcm9tICdAYW5ndWxhci9jZGsvYmlkaSc7XG5pbXBvcnQgeyBDZGtTdGVwcGVyLCBDZGtTdGVwcGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3N0ZXBwZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogU3RlcHBlciBjb21wb25lbnQgaXMgYSB3cmFwcGVyIGFyb3VuZCB0aGUgQW5ndWxhciBDREsgU3RlcHBlciBjb21wb25lbnQuIEl0IHByb3ZpZGVzIGEgd2F5IHRvIGNyZWF0ZSBhIGxpbmVhclxuICogc2VxdWVuY2Ugb2Ygc3RlcHMgdGhhdCBndWlkZSB1c2VycyB0aHJvdWdoIGEgcHJvY2Vzcy5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqIDEuIEltcG9ydCBgTHhDb3JlVWlNb2R1bGVgIG1vZHVsZSBmcm9tIGBAbGVhbml4L2NvbXBvbmVudHNgIGFuZCBgQ2RrU3RlcHBlck1vZHVsZWAgbW9kdWxlIGZyb20gYEBhbmd1bGFyL2Nkay9zdGVwcGVyYCBpbiB5b3VyIG1vZHVsZSB3aGVyZSB5b3Ugd2FudCB0byB1c2UgdGhlIGNvbXBvbmVudCwgb3IgaW4gY2FzZSBvZiBhIHN0YW5kYWxvbmUgcGFyZW50IGNvbXBvbmVudCwgaW1wb3J0IHRoZVxuICogICAgYFN0ZXBwZXJDb21wb25lbnRgIGFuZCBgQ2RrU3RlcHBlck1vZHVsZWAgZGlyZWN0bHkgaW50byB5b3VyIHN0YW5kYWxvbmUgY29tcG9uZW50LlxuICpcbiAqIC0gTW9kdWxlIGltcG9ydDpcbiAqXG4gKiBgYGB0c1xuICogaW1wb3J0IHsgTHhDb3JlVWlNb2R1bGUgfSBmcm9tICdAbGVhbml4L2NvbXBvbmVudHMnO1xuICogaW1wb3J0IHsgQ2RrU3RlcHBlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9zdGVwcGVyJztcbiAqIGBgYFxuICpcbiAqIC0gU3RhbmRhbG9uZSBjb21wb25lbnQgaW1wb3J0OlxuICpcbiAqIGBgYHRzXG4gKiBpbXBvcnQgeyBTdGVwcGVyQ29tcG9uZW50IH0gZnJvbSAnQGxlYW5peC9jb21wb25lbnRzJztcbiAqIGltcG9ydCB7IENka1N0ZXBwZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvc3RlcHBlcic7XG4gKlxuICogQENvbXBvbmVudCh7XG4gKiAgIHNlbGVjdG9yOiAnbHgtbXktY29tcG9uZW50JyxcbiAqICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAqICAgaW1wb3J0czogW0Nka1N0ZXBwZXJNb2R1bGUsIFN0ZXBwZXJDb21wb25lbnRdLFxuICogICB0ZW1wbGF0ZVVybDogJy4vbXktY29tcG9uZW50LmNvbXBvbmVudC5odG1sJ1xuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBNeUNvbXBvbmVudCB7fVxuICogYGBgXG4gKlxuICogMi4gVXNlIHRoZSBjb21wb25lbnQgaW4geW91ciB0ZW1wbGF0ZS4gQWxsIHN0ZXBzIGFkZGVkIHRvIHRoZSBzdGVwcGVyIHNob3VsZCBiZSB3cmFwcGVkIGluIGEgYGNkay1zdGVwYCBlbGVtZW50LlxuICpcbiAqIFNpbmNlIHRoaXMgY29tcG9uZW50IGV4dGVuZHMgdGhlIEFuZ3VsYXIgQ0RLIGBDZGtTdGVwcGVyYCBjb21wb25lbnQsIGFsbCB0aGUgaW5wdXRzLCBvdXRwdXRzLCBhbmQgbWV0aG9kcyBhdmFpbGFibGUgaW4gdGhlXG4gKiBgQ2RrU3RlcHBlcmAgY29tcG9uZW50IGFyZSBhbHNvIGF2YWlsYWJsZSBpbiB0aGUgYFN0ZXBwZXJDb21wb25lbnRgIGFuZCBhcmUgZG9jdW1lbnRlZCBpbiB0aGVcbiAqIFtBbmd1bGFyIENESyBkb2N1bWVudGF0aW9uXShodHRwczovL21hdGVyaWFsLmFuZ3VsYXIuaW8vY2RrL3N0ZXBwZXIvYXBpKS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbHgtc3RlcHBlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIENka1N0ZXBwZXJNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zdGVwcGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBDZGtTdGVwcGVyLCB1c2VFeGlzdGluZzogU3RlcHBlckNvbXBvbmVudCB9XSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlckNvbXBvbmVudCBleHRlbmRzIENka1N0ZXBwZXIge1xuICAvKiogQGludGVybmFsICovXG4gIHNpemU6ICdzbWFsbCcgfCAnbm9ybWFsJyA9ICdub3JtYWwnO1xuXG4gIC8vIFRPRE8gLSBSZW1vdmUgdGhpcyBjb25zdHJ1Y3RvciBvbmNlIHRoZSBmb2xsb3dpbmcgaXNzdWUgaXMgcmVzb2x2ZWQ6IGh0dHBzOi8vZ2l0aHViLmNvbS9zdG9yeWJvb2tqcy9zdG9yeWJvb2svaXNzdWVzLzIzNTM0I2lzc3VlY29tbWVudC0yMDQyODg4NDM2XG4gIC8vIFN0b3J5Ym9vayBzbW9rZSB0ZXN0cyBmb3Igc3RlcHBlciBjb21wb25lbnQgYXJlIGZhaWxpbmcgd2l0aG91dCB0aGlzIGNvbnN0cnVjdG9yXG4gIGNvbnN0cnVjdG9yKF9kaXI6IERpcmVjdGlvbmFsaXR5LCBfY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLCBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHtcbiAgICBzdXBlcihfZGlyLCBfY2hhbmdlRGV0ZWN0b3JSZWYsIF9lbGVtZW50UmVmKTtcbiAgfVxuXG4gIGdldCBpc1NtYWxsVmFyaWFudCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zaXplID09PSAnc21hbGwnO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBpc0NvbXBsZXRlZChpbmRleDogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGluZGV4IDwgdGhpcy5zZWxlY3RlZEluZGV4O1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBpc0FjdGl2ZVN0ZXAoaW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpbmRleCA9PT0gdGhpcy5zZWxlY3RlZEluZGV4O1xuICB9XG59XG4iLCI8dWwgY2xhc3M9XCJzdGVwcGVyXCI+XG4gIEBmb3IgKHN0ZXAgb2Ygc3RlcHM7IHRyYWNrIHN0ZXAubGFiZWw7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGxpIGNsYXNzPVwic3RlcFwiIFtuZ0NsYXNzXT1cInsgJ3N0ZXAtY29tcGxldGVkJzogaXNDb21wbGV0ZWQoaSkgfVwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInN0ZXAtY29udGFpbmVyXCJcbiAgICAgICAgW2NsYXNzXT1cImlzU21hbGxWYXJpYW50ID8gJ3N0ZXAtY29udGFpbmVyLXNtYWxsJyA6ICdzdGVwLWNvbnRhaW5lci1ub3JtYWwnXCJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnc3RlcC1jb250YWluZXItYWN0aXZlJzogaXNBY3RpdmVTdGVwKGkpLCAnc3RlcC1jb250YWluZXItY29tcGxldGVkJzogaXNDb21wbGV0ZWQoaSkgfVwiXG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLW51bWJlclwiIFtuZ0NsYXNzXT1cInsgJ3N0ZXAtbnVtYmVyLWFjdGl2ZSc6IGlzQWN0aXZlU3RlcChpKSB9XCI+XG4gICAgICAgICAgQGlmIChpc0NvbXBsZXRlZChpKSkge1xuICAgICAgICAgICAgPGkgW2NsYXNzXT1cIidmYXIgZmEtY2hlY2sgY2hlY2staWNvbidcIiBbbmdDbGFzc109XCJ7ICdzbWFsbC1pY29uJzogaXNTbWFsbFZhcmlhbnQgfVwiPjwvaT5cbiAgICAgICAgICB9IEBlbHNlIGlmICghaXNTbWFsbFZhcmlhbnQpIHtcbiAgICAgICAgICAgIHt7IGkgKyAxIH19XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgQGlmICghaXNTbWFsbFZhcmlhbnQpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC10aXRsZVwiPlxuICAgICAgICAgICAge3sgc3RlcC5sYWJlbCB9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2xpPlxuICB9XG48L3VsPlxuQGlmIChzZWxlY3RlZCkge1xuICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwic2VsZWN0ZWQhLmNvbnRlbnRcIiAvPlxuICA8L2Rpdj5cbn1cbiJdfQ==
|
@@ -1,5 +1,16 @@
|
|
1
1
|
import { Component } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
+
/**
|
4
|
+
* Tiny spinner component is used to show a small spinner.
|
5
|
+
*
|
6
|
+
* ## Usage
|
7
|
+
*
|
8
|
+
* 1. Import the `TinySpinnerComponent` component from `@leanix/components` in your module or standalone copmonent where you want to use the component.
|
9
|
+
*
|
10
|
+
* ```ts
|
11
|
+
* import { TinySpinnerComponent } from '@leanix/components';
|
12
|
+
* ```
|
13
|
+
*/
|
3
14
|
export class TinySpinnerComponent {
|
4
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TinySpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
5
16
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: TinySpinnerComponent, isStandalone: true, selector: "lx-tiny-spinner", ngImport: i0, template: "<i class=\"far fa-spinner fa-spin fa-fw\"></i>\n" }); }
|
@@ -8,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
8
19
|
type: Component,
|
9
20
|
args: [{ selector: 'lx-tiny-spinner', standalone: true, template: "<i class=\"far fa-spinner fa-spin fa-fw\"></i>\n" }]
|
10
21
|
}] });
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlueS1zcGlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy90aW55LXNwaW5uZXIvdGlueS1zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy90aW55LXNwaW5uZXIvdGlueS1zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFDOzs7Ozs7Ozs7O0dBVUc7QUFNSCxNQUFNLE9BQU8sb0JBQW9COzhHQUFwQixvQkFBb0I7a0dBQXBCLG9CQUFvQiwyRUNsQmpDLGtEQUNBOzsyRkRpQmEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQixjQUVmLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBUaW55IHNwaW5uZXIgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBhIHNtYWxsIHNwaW5uZXIuXG4gKlxuICogIyMgVXNhZ2VcbiAqXG4gKiAxLiBJbXBvcnQgdGhlIGBUaW55U3Bpbm5lckNvbXBvbmVudGAgY29tcG9uZW50IGZyb20gYEBsZWFuaXgvY29tcG9uZW50c2AgaW4geW91ciBtb2R1bGUgb3Igc3RhbmRhbG9uZSBjb3Btb25lbnQgd2hlcmUgeW91IHdhbnQgdG8gdXNlIHRoZSBjb21wb25lbnQuXG4gKlxuICogYGBgdHNcbiAqIGltcG9ydCB7IFRpbnlTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnQGxlYW5peC9jb21wb25lbnRzJztcbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC10aW55LXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJ3Rpbnktc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgVGlueVNwaW5uZXJDb21wb25lbnQge31cbiIsIjxpIGNsYXNzPVwiZmFyIGZhLXNwaW5uZXIgZmEtc3BpbiBmYS1md1wiPjwvaT5cbiJdfQ==
|