@sarasanalytics-com/design-system 0.0.60 → 0.0.61
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/interfaces/button-interface.mjs +1 -1
- package/esm2022/interfaces/header-interface.mjs +1 -1
- package/esm2022/interfaces/icon-interface.mjs +3 -2
- package/esm2022/interfaces/layout-section-interface.mjs +2 -0
- package/esm2022/lib/card/thumbnail-card/thumbnail-card.component.mjs +53 -0
- package/esm2022/lib/header/header.component.mjs +7 -9
- package/esm2022/lib/layout-section/layout-section.component.mjs +36 -0
- package/esm2022/public-api.mjs +4 -2
- package/fesm2022/sarasanalytics-com-design-system.mjs +89 -68
- package/fesm2022/sarasanalytics-com-design-system.mjs.map +1 -1
- package/interfaces/button-interface.d.ts +5 -1
- package/interfaces/header-interface.d.ts +2 -3
- package/interfaces/icon-interface.d.ts +6 -1
- package/interfaces/layout-section-interface.d.ts +12 -0
- package/lib/card/thumbnail-card/thumbnail-card.component.d.ts +29 -0
- package/lib/header/header.component.d.ts +2 -4
- package/lib/layout-section/layout-section.component.d.ts +11 -0
- package/package.json +1 -1
- package/public-api.d.ts +3 -1
- package/esm2022/lib/card/cohort-card/cohort-card.component.mjs +0 -60
- package/lib/card/cohort-card/cohort-card.component.d.ts +0 -25
|
@@ -7,4 +7,4 @@ export const buttonPosition = [
|
|
|
7
7
|
export const buttonType = [
|
|
8
8
|
'primary', 'outline', 'transparent'
|
|
9
9
|
];
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL2J1dHRvbi1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJBLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRztJQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU87Q0FDcEIsQ0FBQztBQU1YLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRztJQUMxQixNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU07Q0FDakIsQ0FBQztBQU9YLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN0QixTQUFTLEVBQUUsU0FBUyxFQUFFLGFBQWE7Q0FDN0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uSW50ZXJmYWNlIHtcbiAgICBpZDogc3RyaW5nIHwgbnVtYmVyLFxuICAgIHRleHQ6IHN0cmluZyxcbiAgICB0eXBlOiBzdHJpbmcsXG4gICAgc2l6ZTogQnV0dG9uU2l6ZSxcbiAgICBzdGF0ZTogc3RyaW5nLFxuICAgIGltYWdlUGF0aD86IHN0cmluZyxcbiAgICBpY29uPzogYW55LFxuICAgIGljb25Qb3NpdGlvbj86IEJ1dHRvbkljb25Qb3NpdGlvbixcbiAgICBocmVmPzogc3RyaW5nLFxuICAgIGhyZWZUYXJnZXQ/OiBzdHJpbmcsXG4gICAgaXNTdWJtaXQ/OiBib29sZWFuLFxuICAgIHdpZHRoPzogYW55LFxuICAgIGJ1dHRvbkljb25TaXplPzogYW55LFxuICAgIHNob3dTcGlubmVyPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgYnV0dG9uU2l6ZXMgPSBbXG4gICAgJ3NtYWxsJywgJ21lZGl1bScsICdsYXJnZSdcbl0gYXMgY29uc3Q7XG5cbnR5cGUgUHJlZGVmaW5lZEJ1dHRvblNpemVzID0gdHlwZW9mIGJ1dHRvblNpemVzW251bWJlcl07XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblNpemUgPSBQcmVkZWZpbmVkQnV0dG9uU2l6ZXMgfCBzdHJpbmc7XG5cbmV4cG9ydCBjb25zdCBidXR0b25Qb3NpdGlvbiA9IFtcbiAgICAnbGVmdCcsICdyaWdodCcsICdib3RoJ1xuXSBhcyBjb25zdDtcblxudHlwZSBQcmVkZWZpbmVkQnV0dG9uUG9zaXRpb25zID0gdHlwZW9mIGJ1dHRvblBvc2l0aW9uW251bWJlcl1cblxuZXhwb3J0IHR5cGUgQnV0dG9uSWNvblBvc2l0aW9uID0gUHJlZGVmaW5lZEJ1dHRvblBvc2l0aW9ucyB8IHN0cmluZztcblxuXG5leHBvcnQgY29uc3QgYnV0dG9uVHlwZSA9IFtcbiAgICAncHJpbWFyeScsICdvdXRsaW5lJywgJ3RyYW5zcGFyZW50J1xuXSBhcyBjb25zdDtcblxudHlwZSBQcmVkZWZpbmVkQnV0dG9uVHlwZSA9IHR5cGVvZiBidXR0b25UeXBlW251bWJlcl1cblxuZXhwb3J0IHR5cGUgQnV0dG9uVHlwZSA9IFByZWRlZmluZWRCdXR0b25UeXBlIHwgc3RyaW5nO1xuXG5cbmV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uQ2xpY2tFdmVudCB7XG4gICAgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSc7XG4gICAgYnV0dG9uOiBCdXR0b25JbnRlcmZhY2U7XG4gICAgb3JpZ2luYWxFdmVudDogRXZlbnQ7XG59Il19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL2hlYWRlci1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNhZmVIdG1sIH0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcbmltcG9ydCB7IENoaXBJbnRlcmZhY2UgfSBmcm9tIFwiLi9jaGlwLWludGVyZmFjZVwiO1xuaW1wb3J0IHsgSWNvbkludGVyZmFjZSB9IGZyb20gXCIuL2ljb24taW50ZXJmYWNlXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSGVhZGVyQ2hpcENvbmZpZyBleHRlbmRzIENoaXBJbnRlcmZhY2UgeyB9XG5cbmV4cG9ydCBpbnRlcmZhY2UgSGVhZGVySWNvbiBleHRlbmRzIEljb25JbnRlcmZhY2UgeyB9XG5cbmV4cG9ydCBpbnRlcmZhY2UgSGVhZGVySW5mb0l0ZW0ge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBpY29uPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEhlYWRlckNvbmZpZyB7XG4gICAgdGV4dD86IHN0cmluZztcbiAgICBpY29uPzogSGVhZGVySWNvbjtcbiAgICBodG1sPzogc3RyaW5nIHwgU2FmZUh0bWw7XG59XG4iXX0=
|
|
@@ -12,6 +12,7 @@ export const iconNames = [
|
|
|
12
12
|
'sourcesOutlined', 'targetScanOutlined', 'upwardTriangleFilled',
|
|
13
13
|
'headsetOutlined', 'sarasFullLogo', 'leftChevronCircle', 'rightChevronCircle', 'errorCircleOutlined',
|
|
14
14
|
'errorCrossOutlined', 'downChevronOutlined', 'peopleAudience', 'screenPerson', 'slideSettings', 'desktopSpeakerOutlined',
|
|
15
|
-
'tabDesktopArrowClockwiseOutlined', 'disabledCheckboxFilled', 'timerOutlined', 'refresh', 'chatIcon', 'add', 'calendar'
|
|
15
|
+
'tabDesktopArrowClockwiseOutlined', 'disabledCheckboxFilled', 'timerOutlined', 'refresh', 'chatIcon', 'add', 'calendar',
|
|
16
|
+
'compassNorthWest'
|
|
16
17
|
];
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9pY29uLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUc7SUFDckIsVUFBVSxFQUFFLG9CQUFvQixFQUFFLFFBQVE7SUFDMUMscUJBQXFCLEVBQUUsa0JBQWtCLEVBQUUsbUJBQW1CO0lBQzlELHFCQUFxQixFQUFFLGVBQWUsRUFBRSxjQUFjO0lBQ3RELG1CQUFtQixFQUFFLG1CQUFtQixFQUFFLGVBQWU7SUFDekQsb0JBQW9CLEVBQUUsV0FBVztJQUNqQyxhQUFhLEVBQUUscUJBQXFCLEVBQUUsa0JBQWtCO0lBQ3hELGNBQWMsRUFBRSxvQkFBb0IsRUFBRSxvQkFBb0I7SUFDMUQsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLGtCQUFrQjtJQUN2RCxjQUFjLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCO0lBQ3RELHNCQUFzQixFQUFFLFlBQVksRUFBRSxrQkFBa0I7SUFDeEQsaUJBQWlCLEVBQUUsb0JBQW9CLEVBQUUsc0JBQXNCO0lBQy9ELGlCQUFpQixFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBRSxvQkFBb0IsRUFBRSxxQkFBcUI7SUFDcEcsb0JBQW9CLEVBQUUscUJBQXFCLEVBQUUsZ0JBQWdCLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSx3QkFBd0I7SUFDeEgsa0NBQWtDLEVBQUUsd0JBQXdCLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFVBQVU7SUFDdkgsa0JBQWtCO0NBQ1osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBpY29uTmFtZXMgPSBbXG4gICAgJ2FuYWx5c2lzJywgJ2Fycm93UmlnaHRPdXRsaW5lZCcsICdhdmF0YXInLFxuICAgICdidXNpbmVzc1N0YXRzRmlsbGVkJywgJ2NoYXRIZWxwT3V0bGluZWQnLCAnY2hlY2tDaXJjbGVGaWxsZWQnLFxuICAgICdjaGVja0NpcmNsZU91dGxpbmVkJywgJ2NoZWNrT3V0bGluZWQnLCAnY2lyY2xlRmlsbGVkJyxcbiAgICAnY2xvc2VCbHVlT3V0bGluZWQnLCAnY2xvc2VDaXJjbGVGaWxsZWQnLCAnY2xvc2VPdXRsaW5lZCcsXG4gICAgJ2RvdWJsZURvd25PdXRsaW5lZCcsICdleWVGaWxsZWQnLFxuICAgICdleWVPdXRsaW5lZCcsICdmb3JtRGV0YWlsc091dGxpbmVkJywgJ2dyaWRWaWV3T3V0bGluZWQnLFxuICAgICdob21lT3V0bGluZWQnLCAnaW5mb0NpcmNsZU91dGxpbmVkJywgJ2luZm9UcmlhbmdsZUZpbGxlZCcsXG4gICAgJ2luZm9UcmlhbmdsZU91dGxpbmVkJywgJ2lubm9zdXBwcycsICdsb2NhdGlvbk91dGxpbmVkJyxcbiAgICAnbWFpbE91dGxpbmVkJywgJ211bHRpQ29ubmVjdGlvbkh1YicsICdwZXJzb25PdXRsaW5lZCcsXG4gICAgJ3JpZ2h0Q2hldnJvbk91dGxpbmVkJywgJ3NhcmFzV2hpdGUnLCAnc2V0dGluZ3NPdXRsaW5lZCcsXG4gICAgJ3NvdXJjZXNPdXRsaW5lZCcsICd0YXJnZXRTY2FuT3V0bGluZWQnLCAndXB3YXJkVHJpYW5nbGVGaWxsZWQnLFxuICAgICdoZWFkc2V0T3V0bGluZWQnLCAnc2FyYXNGdWxsTG9nbycsICdsZWZ0Q2hldnJvbkNpcmNsZScsICdyaWdodENoZXZyb25DaXJjbGUnLCAnZXJyb3JDaXJjbGVPdXRsaW5lZCcsXG4gICAgJ2Vycm9yQ3Jvc3NPdXRsaW5lZCcsICdkb3duQ2hldnJvbk91dGxpbmVkJywgJ3Blb3BsZUF1ZGllbmNlJywgJ3NjcmVlblBlcnNvbicsICdzbGlkZVNldHRpbmdzJywgJ2Rlc2t0b3BTcGVha2VyT3V0bGluZWQnLFxuICAgICd0YWJEZXNrdG9wQXJyb3dDbG9ja3dpc2VPdXRsaW5lZCcsICdkaXNhYmxlZENoZWNrYm94RmlsbGVkJywgJ3RpbWVyT3V0bGluZWQnLCAncmVmcmVzaCcsICdjaGF0SWNvbicsICdhZGQnLCAnY2FsZW5kYXInLFxuICAgICdjb21wYXNzTm9ydGhXZXN0J1xuXSBhcyBjb25zdDtcblxuLy8gRGVmaW5lIGEgdHlwZSBmb3IgdGhlIHByZWRlZmluZWQgaWNvbiBuYW1lc1xudHlwZSBQcmVkZWZpbmVkSWNvbk5hbWUgPSB0eXBlb2YgaWNvbk5hbWVzW251bWJlcl07XG5cbi8vIERlZmluZSBJY29uTmFtZSBhcyBhIHVuaW9uIG9mIFByZWRlZmluZWRJY29uTmFtZSBhbmQgc3RyaW5nXG5leHBvcnQgdHlwZSBJY29uTmFtZSA9IFByZWRlZmluZWRJY29uTmFtZSB8IHN0cmluZztcblxuZXhwb3J0IGludGVyZmFjZSBJY29uSW50ZXJmYWNlIHtcbiAgICBpY29uPzogSWNvbk5hbWUgfCBzdHJpbmcsXG4gICAgc2l6ZT86IHN0cmluZyxcbiAgICBpY29uVXJsPzogc3RyaW5nXG59Il19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LXNlY3Rpb24taW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2ludGVyZmFjZXMvbGF5b3V0LXNlY3Rpb24taW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGlwSW50ZXJmYWNlIH0gZnJvbSAnLi9jaGlwLWludGVyZmFjZSc7XG5pbXBvcnQgeyBCdXR0b25JbnRlcmZhY2UgfSBmcm9tICcuL2J1dHRvbi1pbnRlcmZhY2UnO1xuaW1wb3J0IHsgSWNvbkludGVyZmFjZSwgSWNvbk5hbWUgfSBmcm9tICcuL2ljb24taW50ZXJmYWNlJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRTZWN0aW9uSWNvbiBleHRlbmRzIEljb25JbnRlcmZhY2UgeyB9XG5cbmV4cG9ydCBpbnRlcmZhY2UgTGF5b3V0U2VjdGlvbkludGVyZmFjZSB7XG4gICAgaGVhZGVyVGV4dDogc3RyaW5nO1xuICAgIGhlYWRlckljb24/OiBMYXlvdXRTZWN0aW9uSWNvbjtcbiAgICBjaGlwcz86IENoaXBJbnRlcmZhY2VbXTtcbiAgICBwcmltYXJ5QnV0dG9uPzogQnV0dG9uSW50ZXJmYWNlO1xuICAgIHNlY29uZGFyeUJ1dHRvbj86IEJ1dHRvbkludGVyZmFjZTtcbn0gIl19
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
3
|
+
import { ChipsComponent } from '../../chips/chips.component';
|
|
4
|
+
import { CardComponent } from '../card.component';
|
|
5
|
+
import { IconComponent } from '../../icon/icon.component';
|
|
6
|
+
import { CardBodyComponent } from '../card-body/card-body.component';
|
|
7
|
+
import { CardCustomHeaderComponent } from '../card-custom-header/card-custom-header.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class ThumbnailCardComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.size = 'medium';
|
|
12
|
+
this.cardClick = new EventEmitter();
|
|
13
|
+
}
|
|
14
|
+
onCardClick() {
|
|
15
|
+
this.cardClick.emit(this.data);
|
|
16
|
+
}
|
|
17
|
+
getChipConfig(status) {
|
|
18
|
+
switch (status) {
|
|
19
|
+
case 'active':
|
|
20
|
+
return {
|
|
21
|
+
type: 'small',
|
|
22
|
+
state: 'success',
|
|
23
|
+
filling: 'filled'
|
|
24
|
+
};
|
|
25
|
+
default:
|
|
26
|
+
return {
|
|
27
|
+
type: 'small',
|
|
28
|
+
state: 'neutral',
|
|
29
|
+
filling: 'outline'
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ThumbnailCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ThumbnailCardComponent, isStandalone: true, selector: "sa-thumbnail-card", inputs: { data: "data", size: "size" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div class=\"thumbnail-card\" [class.small]=\"size === 'small'\" [class.medium]=\"size === 'medium'\"\n [class.large]=\"size === 'large'\" (click)=\"onCardClick()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"onCardClick()\">\n <sa-card [showCustomCardBody]=\"true\" [customWrapperClass]=\"'sa-card-custom-wrapper'\">\n <sa-card-custom-body>\n <div class=\"thumbnail-content\">\n <div class=\"thumbnail-container\">\n <img [src]=\"data?.thumbnailUrl\" [alt]=\"data?.title\" class=\"thumbnail\">\n </div>\n <div class=\"thumbnail-info\">\n <div class=\"thumbnail-header\">\n <h3 class=\"thumbnail-title\">{{ data?.title }}</h3>\n <div class=\"status-chips\">\n @for (status of data?.statuses; track status.text) {\n <sa-chip [text]=\"status.text\" [type]=\"'small'\" [state]=\"status.state\" [filling]=\"status.filling\"\n [iconPath]=\"status.iconPath\" [iconPosition]=\"status.iconPosition\"\n [largeStateIcon]=\"status.largeStateIcon\" [largeStateText]=\"status.largeStateText\">\n </sa-chip>\n }\n </div>\n </div>\n <div class=\"thumbnail-metadata\">\n <span class=\"thumbnail-description\">{{ data?.description }}</span>\n <span class=\"separator\"></span>\n <span class=\"thumbnail-subtitle\">{{ data?.subtitle }}</span>\n </div>\n </div>\n </div>\n </sa-card-custom-body>\n </sa-card>\n</div>\n", styles: [".thumbnail-card{display:block;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.thumbnail-card:hover{transform:translateY(-.2px);background-color:var(--structural-neutral3, #fafafa)}.thumbnail-card:focus{outline-offset:2px}.thumbnail-content{display:flex;flex-direction:column}.thumbnail-container{width:100%;position:relative;overflow:hidden}.thumbnail{width:100%;display:block}.thumbnail-info{padding:var(--small-16px, 16px) var(--small-16px, 16px) var(--small-16px, 16px);display:flex;flex-direction:column;gap:var(--small-8px, 8px);border-top:1px solid var(--grey-100, #EAECF0)}.thumbnail-header{display:flex;justify-content:space-between;align-items:center}.thumbnail-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-14px, 14px);font-style:normal;font-weight:500;line-height:var(--small-20px, 20px);letter-spacing:.1px;margin:0}.status-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.thumbnail-metadata{display:flex;align-items:center;gap:var(--small-8px, 8px)}.thumbnail-description,.thumbnail-subtitle{font-size:var(--small-12px, 12px);color:var(--text-mediumemphasis, #6D6979);line-height:var(--small-16px, 16px);font-style:normal;font-weight:400}.separator{border-radius:var(--small-3px, 3px);background:var(--grey-100, #EAECF0);width:1px;align-self:stretch}::ng-deep .thumbnail-card .sa-card-wrapper.sa-card-custom-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF);padding:0;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText"], outputs: ["onClickEvent"] }, { kind: "component", type: CardComponent, selector: "sa-card", inputs: ["title", "showCardHeader", "showCardBody", "showHeaderBodyDivider", "showCustomCardBody", "customWrapperClass", "chip", "body", "avatar", "image", "imageWidth", "avatarSize", "href", "hrefTarget", "icon", "iconSize", "subtitle", "logoIcon", "width", "height", "column"] }, { kind: "component", type: CardBodyComponent, selector: "sa-card-custom-body" }] }); }
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ThumbnailCardComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ selector: 'sa-thumbnail-card', standalone: true, imports: [
|
|
39
|
+
CommonModule,
|
|
40
|
+
ChipsComponent,
|
|
41
|
+
CardComponent,
|
|
42
|
+
IconComponent,
|
|
43
|
+
CardBodyComponent,
|
|
44
|
+
CardCustomHeaderComponent
|
|
45
|
+
], template: "<div class=\"thumbnail-card\" [class.small]=\"size === 'small'\" [class.medium]=\"size === 'medium'\"\n [class.large]=\"size === 'large'\" (click)=\"onCardClick()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"onCardClick()\">\n <sa-card [showCustomCardBody]=\"true\" [customWrapperClass]=\"'sa-card-custom-wrapper'\">\n <sa-card-custom-body>\n <div class=\"thumbnail-content\">\n <div class=\"thumbnail-container\">\n <img [src]=\"data?.thumbnailUrl\" [alt]=\"data?.title\" class=\"thumbnail\">\n </div>\n <div class=\"thumbnail-info\">\n <div class=\"thumbnail-header\">\n <h3 class=\"thumbnail-title\">{{ data?.title }}</h3>\n <div class=\"status-chips\">\n @for (status of data?.statuses; track status.text) {\n <sa-chip [text]=\"status.text\" [type]=\"'small'\" [state]=\"status.state\" [filling]=\"status.filling\"\n [iconPath]=\"status.iconPath\" [iconPosition]=\"status.iconPosition\"\n [largeStateIcon]=\"status.largeStateIcon\" [largeStateText]=\"status.largeStateText\">\n </sa-chip>\n }\n </div>\n </div>\n <div class=\"thumbnail-metadata\">\n <span class=\"thumbnail-description\">{{ data?.description }}</span>\n <span class=\"separator\"></span>\n <span class=\"thumbnail-subtitle\">{{ data?.subtitle }}</span>\n </div>\n </div>\n </div>\n </sa-card-custom-body>\n </sa-card>\n</div>\n", styles: [".thumbnail-card{display:block;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.thumbnail-card:hover{transform:translateY(-.2px);background-color:var(--structural-neutral3, #fafafa)}.thumbnail-card:focus{outline-offset:2px}.thumbnail-content{display:flex;flex-direction:column}.thumbnail-container{width:100%;position:relative;overflow:hidden}.thumbnail{width:100%;display:block}.thumbnail-info{padding:var(--small-16px, 16px) var(--small-16px, 16px) var(--small-16px, 16px);display:flex;flex-direction:column;gap:var(--small-8px, 8px);border-top:1px solid var(--grey-100, #EAECF0)}.thumbnail-header{display:flex;justify-content:space-between;align-items:center}.thumbnail-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-14px, 14px);font-style:normal;font-weight:500;line-height:var(--small-20px, 20px);letter-spacing:.1px;margin:0}.status-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.thumbnail-metadata{display:flex;align-items:center;gap:var(--small-8px, 8px)}.thumbnail-description,.thumbnail-subtitle{font-size:var(--small-12px, 12px);color:var(--text-mediumemphasis, #6D6979);line-height:var(--small-16px, 16px);font-style:normal;font-weight:400}.separator{border-radius:var(--small-3px, 3px);background:var(--grey-100, #EAECF0);width:1px;align-self:stretch}::ng-deep .thumbnail-card .sa-card-wrapper.sa-card-custom-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF);padding:0;overflow:hidden}\n"] }]
|
|
46
|
+
}], propDecorators: { data: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], size: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], cardClick: [{
|
|
51
|
+
type: Output
|
|
52
|
+
}] } });
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9jYXJkL3RodW1ibmFpbC1jYXJkL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC90aHVtYm5haWwtY2FyZC90aHVtYm5haWwtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQzs7QUFvQy9GLE1BQU0sT0FBTyxzQkFBc0I7SUFkbkM7UUFnQlcsU0FBSSxHQUFpQyxRQUFRLENBQUM7UUFDN0MsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO0tBc0J6RDtJQXBCQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxhQUFhLENBQUMsTUFBYztRQUMxQixRQUFRLE1BQU0sRUFBRSxDQUFDO1lBQ2YsS0FBSyxRQUFRO2dCQUNYLE9BQU87b0JBQ0wsSUFBSSxFQUFFLE9BQU87b0JBQ2IsS0FBSyxFQUFFLFNBQVM7b0JBQ2hCLE9BQU8sRUFBRSxRQUFRO2lCQUNsQixDQUFDO1lBQ0o7Z0JBQ0UsT0FBTztvQkFDTCxJQUFJLEVBQUUsT0FBTztvQkFDYixLQUFLLEVBQUUsU0FBUztvQkFDaEIsT0FBTyxFQUFFLFNBQVM7aUJBQ25CLENBQUM7UUFDTixDQUFDO0lBQ0gsQ0FBQzs4R0F4QlUsc0JBQXNCO2tHQUF0QixzQkFBc0IsMEpDMUNuQywwZ0RBOEJBLHVtRERFSSxZQUFZLCtCQUNaLGNBQWMsbU1BQ2QsYUFBYSw0VUFFYixpQkFBaUI7OzJGQU1SLHNCQUFzQjtrQkFkbEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsaUJBQWlCO3dCQUNqQix5QkFBeUI7cUJBQzFCOzhCQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hpcHNDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2FyZENvbXBvbmVudCB9IGZyb20gJy4uL2NhcmQuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IENhcmRCb2R5Q29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC1ib2R5L2NhcmQtYm9keS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2FyZEN1c3RvbUhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4uL2NhcmQtY3VzdG9tLWhlYWRlci9jYXJkLWN1c3RvbS1oZWFkZXIuY29tcG9uZW50JztcblxuZXhwb3J0IGludGVyZmFjZSBUaHVtYm5haWxTdGF0dXMge1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6ICdyZWd1bGFyJyB8ICdzbWFsbCcgfCAnbGFyZ2UnO1xuICBzdGF0ZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnbmV1dHJhbCcgfCAnZXJyb3InIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuICBmaWxsaW5nOiAnb3V0bGluZScgfCAnZmlsbGVkJztcbiAgaWNvblBhdGg/OiBzdHJpbmc7XG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCcgfCAnYm90aCcgfCAnJztcbiAgbGFyZ2VTdGF0ZUljb24/OiBzdHJpbmc7XG4gIGxhcmdlU3RhdGVUZXh0Pzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbERhdGEge1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICB0aHVtYm5haWxVcmw6IHN0cmluZztcbiAgc3RhdHVzZXM6IFRodW1ibmFpbFN0YXR1c1tdO1xuICBba2V5OiBzdHJpbmddOiBhbnlcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2EtdGh1bWJuYWlsLWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIENoaXBzQ29tcG9uZW50LFxuICAgIENhcmRDb21wb25lbnQsXG4gICAgSWNvbkNvbXBvbmVudCxcbiAgICBDYXJkQm9keUNvbXBvbmVudCxcbiAgICBDYXJkQ3VzdG9tSGVhZGVyQ29tcG9uZW50XG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90aHVtYm5haWwtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUaHVtYm5haWxDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YTogVGh1bWJuYWlsRGF0YTtcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nO1xuICBAT3V0cHV0KCkgY2FyZENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxUaHVtYm5haWxEYXRhPigpO1xuXG4gIG9uQ2FyZENsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2FyZENsaWNrLmVtaXQodGhpcy5kYXRhKTtcbiAgfVxuXG4gIGdldENoaXBDb25maWcoc3RhdHVzOiBzdHJpbmcpOiBQYXJ0aWFsPFRodW1ibmFpbFN0YXR1cz4ge1xuICAgIHN3aXRjaCAoc3RhdHVzKSB7XG4gICAgICBjYXNlICdhY3RpdmUnOlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIHR5cGU6ICdzbWFsbCcsXG4gICAgICAgICAgc3RhdGU6ICdzdWNjZXNzJyxcbiAgICAgICAgICBmaWxsaW5nOiAnZmlsbGVkJ1xuICAgICAgICB9O1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICB0eXBlOiAnc21hbGwnLFxuICAgICAgICAgIHN0YXRlOiAnbmV1dHJhbCcsXG4gICAgICAgICAgZmlsbGluZzogJ291dGxpbmUnXG4gICAgICAgIH07XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWNhcmRcIiBbY2xhc3Muc21hbGxdPVwic2l6ZSA9PT0gJ3NtYWxsJ1wiIFtjbGFzcy5tZWRpdW1dPVwic2l6ZSA9PT0gJ21lZGl1bSdcIlxuICBbY2xhc3MubGFyZ2VdPVwic2l6ZSA9PT0gJ2xhcmdlJ1wiIChjbGljayk9XCJvbkNhcmRDbGljaygpXCIgcm9sZT1cImJ1dHRvblwiIHRhYmluZGV4PVwiMFwiIChrZXlkb3duLmVudGVyKT1cIm9uQ2FyZENsaWNrKClcIj5cbiAgPHNhLWNhcmQgW3Nob3dDdXN0b21DYXJkQm9keV09XCJ0cnVlXCIgW2N1c3RvbVdyYXBwZXJDbGFzc109XCInc2EtY2FyZC1jdXN0b20td3JhcHBlcidcIj5cbiAgICA8c2EtY2FyZC1jdXN0b20tYm9keT5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtY29udGVudFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxpbWcgW3NyY109XCJkYXRhPy50aHVtYm5haWxVcmxcIiBbYWx0XT1cImRhdGE/LnRpdGxlXCIgY2xhc3M9XCJ0aHVtYm5haWxcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtaW5mb1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtaGVhZGVyXCI+XG4gICAgICAgICAgICA8aDMgY2xhc3M9XCJ0aHVtYm5haWwtdGl0bGVcIj57eyBkYXRhPy50aXRsZSB9fTwvaDM+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdHVzLWNoaXBzXCI+XG4gICAgICAgICAgICAgIEBmb3IgKHN0YXR1cyBvZiBkYXRhPy5zdGF0dXNlczsgdHJhY2sgc3RhdHVzLnRleHQpIHtcbiAgICAgICAgICAgICAgPHNhLWNoaXAgW3RleHRdPVwic3RhdHVzLnRleHRcIiBbdHlwZV09XCInc21hbGwnXCIgW3N0YXRlXT1cInN0YXR1cy5zdGF0ZVwiIFtmaWxsaW5nXT1cInN0YXR1cy5maWxsaW5nXCJcbiAgICAgICAgICAgICAgICBbaWNvblBhdGhdPVwic3RhdHVzLmljb25QYXRoXCIgW2ljb25Qb3NpdGlvbl09XCJzdGF0dXMuaWNvblBvc2l0aW9uXCJcbiAgICAgICAgICAgICAgICBbbGFyZ2VTdGF0ZUljb25dPVwic3RhdHVzLmxhcmdlU3RhdGVJY29uXCIgW2xhcmdlU3RhdGVUZXh0XT1cInN0YXR1cy5sYXJnZVN0YXRlVGV4dFwiPlxuICAgICAgICAgICAgICA8L3NhLWNoaXA+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtbWV0YWRhdGFcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGh1bWJuYWlsLWRlc2NyaXB0aW9uXCI+e3sgZGF0YT8uZGVzY3JpcHRpb24gfX08L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNlcGFyYXRvclwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGh1bWJuYWlsLXN1YnRpdGxlXCI+e3sgZGF0YT8uc3VidGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9zYS1jYXJkLWN1c3RvbS1ib2R5PlxuICA8L3NhLWNhcmQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -5,28 +5,26 @@ import { IconComponent } from '../icon/icon.component';
|
|
|
5
5
|
import { HttpClientModule } from '@angular/common/http';
|
|
6
6
|
import { IconService } from '../icon/icon.service';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@angular/platform-browser";
|
|
9
8
|
export class HeaderComponent {
|
|
10
|
-
constructor(
|
|
11
|
-
this.sanitizer = sanitizer;
|
|
9
|
+
constructor() {
|
|
12
10
|
this.header = {};
|
|
13
11
|
this.chipConfig = [];
|
|
14
12
|
this.info = [];
|
|
15
13
|
this.buttonClick = new EventEmitter();
|
|
16
14
|
}
|
|
17
15
|
onButtonClick(type, event) {
|
|
18
|
-
const button = type === '
|
|
16
|
+
const button = type === 'secondary' ? this.buttonHelper : this.buttonMain;
|
|
19
17
|
if (button) {
|
|
20
18
|
this.buttonClick.emit({ type, button, originalEvent: event });
|
|
21
19
|
}
|
|
22
20
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HeaderComponent, deps: [
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: HeaderComponent, isStandalone: true, selector: "sa-header", inputs: { header: "header", chipConfig: "chipConfig", info: "info", buttonHelper: "buttonHelper", buttonMain: "buttonMain" }, outputs: { buttonClick: "buttonClick" }, providers: [IconService], ngImport: i0, template: "<div class=\"header\">\n <div class=\"header-content\">\n @if (header?.text || header?.html || header.icon?.iconUrl) {\n <div class=\"heading\">\n <div class=\"header-name-container\">\n @if (header.icon?.iconUrl) {\n <sa-icon [iconUrl]=\"header?.icon?.iconUrl\" [size]=\"header?.icon?.size || '24px'\" />\n }\n <div class=\"header-name\" [innerHTML]=\"header?.html || header?.text\"></div>\n </div>\n @for(chip of chipConfig; track chip.text) {\n <div>\n <sa-chip \n [id]=\"chip.id\"\n [type]=\"chip.type\"\n [state]=\"chip.state\"\n [filling]=\"chip.filling\"\n [text]=\"chip.text\"\n [iconPosition]=\"chip.iconPosition\"\n [iconPath]=\"chip.iconPath\"\n [largeStateIcon]=\"chip.largeStateIcon\"\n [largeStateText]=\"chip.largeStateText\"\n ></sa-chip>\n </div>\n }\n </div>\n }\n <div class=\"header-info\">\n @for(item of info; track item.text) {\n <div class=\"info-item\">\n @if(item.icon) {\n <img [src]=\"item.icon\" alt=\"\">\n }\n {{item.text}}\n </div>\n }\n </div>\n </div>\n <div class=\"actions\">\n @if(buttonHelper) {\n <sa-button \n (onClickEvent)=\"onButtonClick('
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: HeaderComponent, isStandalone: true, selector: "sa-header", inputs: { header: "header", chipConfig: "chipConfig", info: "info", buttonHelper: "buttonHelper", buttonMain: "buttonMain" }, outputs: { buttonClick: "buttonClick" }, providers: [IconService], ngImport: i0, template: "<div class=\"header\">\n <div class=\"header-content\">\n @if (header?.text || header?.html || header.icon?.iconUrl) {\n <div class=\"heading\">\n <div class=\"header-name-container\">\n @if (header.icon?.iconUrl) {\n <sa-icon [iconUrl]=\"header?.icon?.iconUrl\" [size]=\"header?.icon?.size || '24px'\" />\n }\n <div class=\"header-name\" [innerHTML]=\"header?.html || header?.text\"></div>\n </div>\n @for(chip of chipConfig; track chip.text) {\n <div>\n <sa-chip \n [id]=\"chip.id\"\n [type]=\"chip.type\"\n [state]=\"chip.state\"\n [filling]=\"chip.filling\"\n [text]=\"chip.text\"\n [iconPosition]=\"chip.iconPosition\"\n [iconPath]=\"chip.iconPath\"\n [largeStateIcon]=\"chip.largeStateIcon\"\n [largeStateText]=\"chip.largeStateText\"\n ></sa-chip>\n </div>\n }\n </div>\n }\n <div class=\"header-info\">\n @for(item of info; track item.text) {\n <div class=\"info-item\">\n @if(item.icon) {\n <img [src]=\"item.icon\" alt=\"\">\n }\n {{item.text}}\n </div>\n }\n </div>\n </div>\n <div class=\"actions\">\n @if(buttonHelper) {\n <sa-button \n (onClickEvent)=\"onButtonClick('secondary', $event)\"\n [id]=\"buttonHelper.id\"\n [text]=\"buttonHelper.text\"\n [type]=\"buttonHelper.type\"\n [size]=\"buttonHelper.size\"\n [state]=\"buttonHelper.state\"\n [ImagePath]=\"buttonHelper.imagePath\"\n [iconPosition]=\"buttonHelper.iconPosition\"\n [href]=\"buttonHelper.href\"\n [hrefTarget]=\"buttonHelper.hrefTarget\"\n [isSubmit]=\"buttonHelper.isSubmit\">\n </sa-button>\n }\n @if(buttonMain) {\n <sa-button\n (onClickEvent)=\"onButtonClick('primary', $event)\"\n [id]=\"buttonMain.id\"\n [text]=\"buttonMain.text\"\n [type]=\"buttonMain.type\"\n [size]=\"buttonMain.size\"\n [state]=\"buttonMain.state\"\n [ImagePath]=\"buttonMain.imagePath\"\n [iconPosition]=\"buttonMain.iconPosition\"\n [href]=\"buttonMain.href\"\n [hrefTarget]=\"buttonMain.hrefTarget\"\n [isSubmit]=\"buttonMain.isSubmit\">\n </sa-button>\n }\n </div>\n</div>\n", styles: [".header{width:100%;height:96px;font-family:var(--font);padding:var(--medium-20px, 20px) var(--medium-32px, 32px);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--small-8px, 8px);border:1px solid var(--grey-50, #E9EAEB);background:var(--Structural-White, #FFF)}.header-content{display:flex;flex-direction:column;gap:var(--small-8px, 8px)}.heading{display:flex;justify-content:flex-start;align-items:center;gap:var(--small-8px, 8px)}.header-name-container{display:flex;flex-direction:row;gap:var(--small-8px, 8px);font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px);align-items:center}.header-name-container sa-icon{line-height:0}.header-name{font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px)}::ng-deep .header-name span{color:var(--primary-500)}.header-info{display:flex;gap:var(--small-12px, 12px)}.info-item{display:flex;justify-content:center;align-items:center;gap:var(--small-4px, 4px);font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:var(--text-mediumemphasis)}.info-item img{width:20px;height:20px}.actions{display:flex;gap:var(--small-12px, 12px)}::ng-deep .header-name .custom-header{margin:0}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText"], outputs: ["onClickEvent"] }, { kind: "component", type: ButtonComponent, selector: "sa-button", inputs: ["id", "type", "state", "size", "text", "ImagePath", "icon", "iconPosition", "href", "hrefTarget", "width", "isSubmit", "buttonIconSize", "showSpinner"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "ngmodule", type: HttpClientModule }] }); }
|
|
25
23
|
}
|
|
26
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
27
25
|
type: Component,
|
|
28
|
-
args: [{ selector: 'sa-header', standalone: true, imports: [IconComponent, ChipsComponent, ButtonComponent, HttpClientModule], providers: [IconService], template: "<div class=\"header\">\n <div class=\"header-content\">\n @if (header?.text || header?.html || header.icon?.iconUrl) {\n <div class=\"heading\">\n <div class=\"header-name-container\">\n @if (header.icon?.iconUrl) {\n <sa-icon [iconUrl]=\"header?.icon?.iconUrl\" [size]=\"header?.icon?.size || '24px'\" />\n }\n <div class=\"header-name\" [innerHTML]=\"header?.html || header?.text\"></div>\n </div>\n @for(chip of chipConfig; track chip.text) {\n <div>\n <sa-chip \n [id]=\"chip.id\"\n [type]=\"chip.type\"\n [state]=\"chip.state\"\n [filling]=\"chip.filling\"\n [text]=\"chip.text\"\n [iconPosition]=\"chip.iconPosition\"\n [iconPath]=\"chip.iconPath\"\n [largeStateIcon]=\"chip.largeStateIcon\"\n [largeStateText]=\"chip.largeStateText\"\n ></sa-chip>\n </div>\n }\n </div>\n }\n <div class=\"header-info\">\n @for(item of info; track item.text) {\n <div class=\"info-item\">\n @if(item.icon) {\n <img [src]=\"item.icon\" alt=\"\">\n }\n {{item.text}}\n </div>\n }\n </div>\n </div>\n <div class=\"actions\">\n @if(buttonHelper) {\n <sa-button \n (onClickEvent)=\"onButtonClick('
|
|
29
|
-
}], ctorParameters: () => [
|
|
26
|
+
args: [{ selector: 'sa-header', standalone: true, imports: [IconComponent, ChipsComponent, ButtonComponent, HttpClientModule], providers: [IconService], template: "<div class=\"header\">\n <div class=\"header-content\">\n @if (header?.text || header?.html || header.icon?.iconUrl) {\n <div class=\"heading\">\n <div class=\"header-name-container\">\n @if (header.icon?.iconUrl) {\n <sa-icon [iconUrl]=\"header?.icon?.iconUrl\" [size]=\"header?.icon?.size || '24px'\" />\n }\n <div class=\"header-name\" [innerHTML]=\"header?.html || header?.text\"></div>\n </div>\n @for(chip of chipConfig; track chip.text) {\n <div>\n <sa-chip \n [id]=\"chip.id\"\n [type]=\"chip.type\"\n [state]=\"chip.state\"\n [filling]=\"chip.filling\"\n [text]=\"chip.text\"\n [iconPosition]=\"chip.iconPosition\"\n [iconPath]=\"chip.iconPath\"\n [largeStateIcon]=\"chip.largeStateIcon\"\n [largeStateText]=\"chip.largeStateText\"\n ></sa-chip>\n </div>\n }\n </div>\n }\n <div class=\"header-info\">\n @for(item of info; track item.text) {\n <div class=\"info-item\">\n @if(item.icon) {\n <img [src]=\"item.icon\" alt=\"\">\n }\n {{item.text}}\n </div>\n }\n </div>\n </div>\n <div class=\"actions\">\n @if(buttonHelper) {\n <sa-button \n (onClickEvent)=\"onButtonClick('secondary', $event)\"\n [id]=\"buttonHelper.id\"\n [text]=\"buttonHelper.text\"\n [type]=\"buttonHelper.type\"\n [size]=\"buttonHelper.size\"\n [state]=\"buttonHelper.state\"\n [ImagePath]=\"buttonHelper.imagePath\"\n [iconPosition]=\"buttonHelper.iconPosition\"\n [href]=\"buttonHelper.href\"\n [hrefTarget]=\"buttonHelper.hrefTarget\"\n [isSubmit]=\"buttonHelper.isSubmit\">\n </sa-button>\n }\n @if(buttonMain) {\n <sa-button\n (onClickEvent)=\"onButtonClick('primary', $event)\"\n [id]=\"buttonMain.id\"\n [text]=\"buttonMain.text\"\n [type]=\"buttonMain.type\"\n [size]=\"buttonMain.size\"\n [state]=\"buttonMain.state\"\n [ImagePath]=\"buttonMain.imagePath\"\n [iconPosition]=\"buttonMain.iconPosition\"\n [href]=\"buttonMain.href\"\n [hrefTarget]=\"buttonMain.hrefTarget\"\n [isSubmit]=\"buttonMain.isSubmit\">\n </sa-button>\n }\n </div>\n</div>\n", styles: [".header{width:100%;height:96px;font-family:var(--font);padding:var(--medium-20px, 20px) var(--medium-32px, 32px);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--small-8px, 8px);border:1px solid var(--grey-50, #E9EAEB);background:var(--Structural-White, #FFF)}.header-content{display:flex;flex-direction:column;gap:var(--small-8px, 8px)}.heading{display:flex;justify-content:flex-start;align-items:center;gap:var(--small-8px, 8px)}.header-name-container{display:flex;flex-direction:row;gap:var(--small-8px, 8px);font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px);align-items:center}.header-name-container sa-icon{line-height:0}.header-name{font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px)}::ng-deep .header-name span{color:var(--primary-500)}.header-info{display:flex;gap:var(--small-12px, 12px)}.info-item{display:flex;justify-content:center;align-items:center;gap:var(--small-4px, 4px);font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:var(--text-mediumemphasis)}.info-item img{width:20px;height:20px}.actions{display:flex;gap:var(--small-12px, 12px)}::ng-deep .header-name .custom-header{margin:0}\n"] }]
|
|
27
|
+
}], ctorParameters: () => [], propDecorators: { header: [{
|
|
30
28
|
type: Input
|
|
31
29
|
}], chipConfig: [{
|
|
32
30
|
type: Input
|
|
@@ -39,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
|
|
|
39
37
|
}], buttonClick: [{
|
|
40
38
|
type: Output
|
|
41
39
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvaGVhZGVyL2hlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2hlYWRlci9oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBWW5ELE1BQU0sT0FBTyxlQUFlO0lBUzFCO1FBUlMsV0FBTSxHQUFpQixFQUFFLENBQUM7UUFDMUIsZUFBVSxHQUF1QixFQUFFLENBQUM7UUFDcEMsU0FBSSxHQUFxQixFQUFFLENBQUM7UUFJM0IsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztJQUU3QyxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxJQUE2QixFQUFFLEtBQVk7UUFDdkQsTUFBTSxNQUFNLEdBQUcsSUFBSSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUMxRSxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ2hFLENBQUM7SUFDSCxDQUFDOzhHQWhCVSxlQUFlO2tHQUFmLGVBQWUsK05BRmYsQ0FBQyxXQUFXLENBQUMsMEJDakIxQixvNEVBdUVBLHEwQ0R2RFksYUFBYSxvSUFBRSxjQUFjLG1NQUFFLGVBQWUsdVJBQUUsZ0JBQWdCOzsyRkFHL0QsZUFBZTtrQkFSM0IsU0FBUzsrQkFDRSxXQUFXLGNBR1QsSUFBSSxXQUNQLENBQUMsYUFBYSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLENBQUMsYUFDaEUsQ0FBQyxXQUFXLENBQUM7d0RBR2YsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNsaWNrRXZlbnQsIEJ1dHRvbkludGVyZmFjZSwgQnV0dG9uU2l6ZSwgQnV0dG9uVHlwZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvYnV0dG9uLWludGVyZmFjZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4uL2NoaXBzL2NoaXBzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuLi9pY29uL2ljb24uc2VydmljZSc7XG5pbXBvcnQgeyBDaGlwSW50ZXJmYWNlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9jaGlwLWludGVyZmFjZSc7XG5pbXBvcnQgeyBIZWFkZXJDaGlwQ29uZmlnLCBIZWFkZXJDb25maWcsIEhlYWRlckluZm9JdGVtIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9oZWFkZXItaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2EtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci5jb21wb25lbnQuY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJY29uQ29tcG9uZW50LCBDaGlwc0NvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBIdHRwQ2xpZW50TW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbSWNvblNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhlYWRlcjogSGVhZGVyQ29uZmlnID0ge307XG4gIEBJbnB1dCgpIGNoaXBDb25maWc6IEhlYWRlckNoaXBDb25maWdbXSA9IFtdO1xuICBASW5wdXQoKSBpbmZvOiBIZWFkZXJJbmZvSXRlbVtdID0gW107XG4gIEBJbnB1dCgpIGJ1dHRvbkhlbHBlcj86IEJ1dHRvbkludGVyZmFjZTtcbiAgQElucHV0KCkgYnV0dG9uTWFpbj86IEJ1dHRvbkludGVyZmFjZTtcblxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEJ1dHRvbkNsaWNrRXZlbnQ+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvbkJ1dHRvbkNsaWNrKHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknLCBldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCBidXR0b24gPSB0eXBlID09PSAnc2Vjb25kYXJ5JyA/IHRoaXMuYnV0dG9uSGVscGVyIDogdGhpcy5idXR0b25NYWluO1xuICAgIGlmIChidXR0b24pIHtcbiAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCh7IHR5cGUsIGJ1dHRvbiwgb3JpZ2luYWxFdmVudDogZXZlbnQgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJoZWFkZXItY29udGVudFwiPlxuICAgIEBpZiAoaGVhZGVyPy50ZXh0IHx8IGhlYWRlcj8uaHRtbCB8fCBoZWFkZXIuaWNvbj8uaWNvblVybCkge1xuICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1uYW1lLWNvbnRhaW5lclwiPlxuICAgICAgICAgIEBpZiAoaGVhZGVyLmljb24/Lmljb25VcmwpIHtcbiAgICAgICAgICAgIDxzYS1pY29uIFtpY29uVXJsXT1cImhlYWRlcj8uaWNvbj8uaWNvblVybFwiIFtzaXplXT1cImhlYWRlcj8uaWNvbj8uc2l6ZSB8fCAnMjRweCdcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLW5hbWVcIiBbaW5uZXJIVE1MXT1cImhlYWRlcj8uaHRtbCB8fCBoZWFkZXI/LnRleHRcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIEBmb3IoY2hpcCBvZiBjaGlwQ29uZmlnOyB0cmFjayBjaGlwLnRleHQpIHtcbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPHNhLWNoaXAgXG4gICAgICAgICAgICAgIFtpZF09XCJjaGlwLmlkXCJcbiAgICAgICAgICAgICAgW3R5cGVdPVwiY2hpcC50eXBlXCJcbiAgICAgICAgICAgICAgW3N0YXRlXT1cImNoaXAuc3RhdGVcIlxuICAgICAgICAgICAgICBbZmlsbGluZ109XCJjaGlwLmZpbGxpbmdcIlxuICAgICAgICAgICAgICBbdGV4dF09XCJjaGlwLnRleHRcIlxuICAgICAgICAgICAgICBbaWNvblBvc2l0aW9uXT1cImNoaXAuaWNvblBvc2l0aW9uXCJcbiAgICAgICAgICAgICAgW2ljb25QYXRoXT1cImNoaXAuaWNvblBhdGhcIlxuICAgICAgICAgICAgICBbbGFyZ2VTdGF0ZUljb25dPVwiY2hpcC5sYXJnZVN0YXRlSWNvblwiXG4gICAgICAgICAgICAgIFtsYXJnZVN0YXRlVGV4dF09XCJjaGlwLmxhcmdlU3RhdGVUZXh0XCJcbiAgICAgICAgICAgID48L3NhLWNoaXA+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWluZm9cIj5cbiAgICAgIEBmb3IoaXRlbSBvZiBpbmZvOyB0cmFjayBpdGVtLnRleHQpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImluZm8taXRlbVwiPlxuICAgICAgICAgIEBpZihpdGVtLmljb24pIHtcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJpdGVtLmljb25cIiBhbHQ9XCJcIj5cbiAgICAgICAgICB9XG4gICAgICAgICAge3tpdGVtLnRleHR9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XG4gICAgQGlmKGJ1dHRvbkhlbHBlcikge1xuICAgICAgPHNhLWJ1dHRvbiBcbiAgICAgICAgKG9uQ2xpY2tFdmVudCk9XCJvbkJ1dHRvbkNsaWNrKCdzZWNvbmRhcnknLCAkZXZlbnQpXCJcbiAgICAgICAgW2lkXT1cImJ1dHRvbkhlbHBlci5pZFwiXG4gICAgICAgIFt0ZXh0XT1cImJ1dHRvbkhlbHBlci50ZXh0XCJcbiAgICAgICAgW3R5cGVdPVwiYnV0dG9uSGVscGVyLnR5cGVcIlxuICAgICAgICBbc2l6ZV09XCJidXR0b25IZWxwZXIuc2l6ZVwiXG4gICAgICAgIFtzdGF0ZV09XCJidXR0b25IZWxwZXIuc3RhdGVcIlxuICAgICAgICBbSW1hZ2VQYXRoXT1cImJ1dHRvbkhlbHBlci5pbWFnZVBhdGhcIlxuICAgICAgICBbaWNvblBvc2l0aW9uXT1cImJ1dHRvbkhlbHBlci5pY29uUG9zaXRpb25cIlxuICAgICAgICBbaHJlZl09XCJidXR0b25IZWxwZXIuaHJlZlwiXG4gICAgICAgIFtocmVmVGFyZ2V0XT1cImJ1dHRvbkhlbHBlci5ocmVmVGFyZ2V0XCJcbiAgICAgICAgW2lzU3VibWl0XT1cImJ1dHRvbkhlbHBlci5pc1N1Ym1pdFwiPlxuICAgICAgPC9zYS1idXR0b24+XG4gICAgfVxuICAgIEBpZihidXR0b25NYWluKSB7XG4gICAgICA8c2EtYnV0dG9uXG4gICAgICAgIChvbkNsaWNrRXZlbnQpPVwib25CdXR0b25DbGljaygncHJpbWFyeScsICRldmVudClcIlxuICAgICAgICBbaWRdPVwiYnV0dG9uTWFpbi5pZFwiXG4gICAgICAgIFt0ZXh0XT1cImJ1dHRvbk1haW4udGV4dFwiXG4gICAgICAgIFt0eXBlXT1cImJ1dHRvbk1haW4udHlwZVwiXG4gICAgICAgIFtzaXplXT1cImJ1dHRvbk1haW4uc2l6ZVwiXG4gICAgICAgIFtzdGF0ZV09XCJidXR0b25NYWluLnN0YXRlXCJcbiAgICAgICAgW0ltYWdlUGF0aF09XCJidXR0b25NYWluLmltYWdlUGF0aFwiXG4gICAgICAgIFtpY29uUG9zaXRpb25dPVwiYnV0dG9uTWFpbi5pY29uUG9zaXRpb25cIlxuICAgICAgICBbaHJlZl09XCJidXR0b25NYWluLmhyZWZcIlxuICAgICAgICBbaHJlZlRhcmdldF09XCJidXR0b25NYWluLmhyZWZUYXJnZXRcIlxuICAgICAgICBbaXNTdWJtaXRdPVwiYnV0dG9uTWFpbi5pc1N1Ym1pdFwiPlxuICAgICAgPC9zYS1idXR0b24+XG4gICAgfVxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
3
|
+
import { ButtonComponent } from '../button/button.component';
|
|
4
|
+
import { ChipsComponent } from '../chips/chips.component';
|
|
5
|
+
import { IconComponent } from '../icon/icon.component';
|
|
6
|
+
import { HttpClientModule } from '@angular/common/http';
|
|
7
|
+
import { IconService } from '../icon/icon.service';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class LayoutSectionComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.buttonClick = new EventEmitter();
|
|
12
|
+
}
|
|
13
|
+
onButtonClick(type, event) {
|
|
14
|
+
const button = type === 'primary' ? this.config.primaryButton : this.config.secondaryButton;
|
|
15
|
+
if (button) {
|
|
16
|
+
this.buttonClick.emit({ type, button, originalEvent: event });
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: LayoutSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: LayoutSectionComponent, isStandalone: true, selector: "sa-layout-section", inputs: { config: "config" }, outputs: { buttonClick: "buttonClick" }, providers: [IconService], ngImport: i0, template: "<div class=\"layout-section\">\n <div class=\"layout-section__header\">\n <div class=\"layout-section__title\">\n <div class=\"header-name-container\">\n @if (config?.headerIcon?.icon) {\n <sa-icon [style.height]=\"config?.headerIcon.size || '24'\"\n [icon]=\"config?.headerIcon.icon\"\n [size]=\"config?.headerIcon.size || '24'\" />\n }\n <h2>{{ config?.headerText }}</h2>\n </div>\n @if (config?.chips?.length) {\n <div class=\"layout-section__chips\">\n @for (chip of config?.chips; track chip.id) {\n <sa-chip\n [id]=\"chip.id\"\n [text]=\"chip.text\"\n [type]=\"chip.type\"\n [state]=\"chip.state\"\n [filling]=\"chip.filling\"\n [iconPath]=\"chip.iconPath\"\n [iconPosition]=\"chip.iconPosition\"\n [largeStateIcon]=\"chip.largeStateIcon\"\n [largeStateText]=\"chip.largeStateText\">\n </sa-chip>\n }\n </div>\n }\n </div>\n <div class=\"layout-section__actions\">\n @if (config?.secondaryButton) {\n <sa-button \n [id]=\"config.secondaryButton.id\"\n [text]=\"config.secondaryButton.text\"\n [type]=\"config.secondaryButton.type\"\n [state]=\"config.secondaryButton.state\"\n [size]=\"config.secondaryButton.size\"\n [ImagePath]=\"config.secondaryButton.imagePath\"\n [icon]=\"config.secondaryButton.icon\"\n [iconPosition]=\"config.secondaryButton.iconPosition\"\n [href]=\"config.secondaryButton.href\"\n [hrefTarget]=\"config.secondaryButton.hrefTarget\"\n [width]=\"config?.secondaryButton.width\"\n [isSubmit]=\"config.secondaryButton.isSubmit\"\n [buttonIconSize]=\"config.secondaryButton.buttonIconSize\"\n [showSpinner]=\"config.secondaryButton.showSpinner\"\n (onClickEvent)=\"onButtonClick('secondary', $event)\">\n </sa-button>\n }\n @if (config?.primaryButton) {\n <sa-button\n [id]=\"config.primaryButton.id\"\n [text]=\"config.primaryButton.text\"\n [type]=\"config.primaryButton.type\"\n [state]=\"config.primaryButton.state\"\n [size]=\"config.primaryButton.size\"\n [ImagePath]=\"config.primaryButton.imagePath\"\n [icon]=\"config.primaryButton.icon\"\n [iconPosition]=\"config.primaryButton.iconPosition\"\n [href]=\"config.primaryButton.href\"\n [hrefTarget]=\"config.primaryButton.hrefTarget\"\n [width]=\"config.primaryButton.width\"\n [isSubmit]=\"config.primaryButton.isSubmit\"\n [buttonIconSize]=\"config.primaryButton.buttonIconSize\"\n [showSpinner]=\"config.primaryButton.showSpinner\"\n (onClickEvent)=\"onButtonClick('primary', $event)\">\n </sa-button>\n }\n </div>\n </div>\n \n <div class=\"layout-section__content\">\n <ng-content></ng-content>\n </div>\n</div> ", styles: [".layout-section{display:flex;padding:var(--spacing-medium-28px, 28px) var(--spacing-medium-20px, 20px);flex-direction:column;align-items:flex-start;gap:var(--spacing-medium-20px, 20px);border-radius:var(--border-radius-small-8px, 8px);border:1px solid var(--color-grey-100, #EAECF0);background:var(--color-structural-white, #FFF)}.layout-section__header{display:flex;width:100%;justify-content:space-between;align-items:center}.layout-section__title{display:flex;flex-direction:row;align-items:center;gap:var(--small-8px, 8px)}.layout-section__title h2{margin:0;color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-16px, 16px);font-style:normal;font-weight:600;line-height:var(--medium-24px, 24px);letter-spacing:.15px}.layout-section__chips{display:flex;gap:var(--small-8px, 8px);flex-wrap:wrap}.layout-section__actions{display:flex;align-items:center;margin-left:auto;gap:var(--small-8px, 8px)}.layout-section__content{width:100%}.header-name-container{display:flex;align-items:center;gap:var(--small-8px, 8px)}.header-name-container h2{margin:0}::ng-deep .header-name-container .sa-icon{color:var(--primary-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonComponent, selector: "sa-button", inputs: ["id", "type", "state", "size", "text", "ImagePath", "icon", "iconPosition", "href", "hrefTarget", "width", "isSubmit", "buttonIconSize", "showSpinner"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText"], outputs: ["onClickEvent"] }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass"] }, { kind: "ngmodule", type: HttpClientModule }] }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: LayoutSectionComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'sa-layout-section', imports: [
|
|
25
|
+
CommonModule,
|
|
26
|
+
ButtonComponent,
|
|
27
|
+
ChipsComponent,
|
|
28
|
+
IconComponent,
|
|
29
|
+
HttpClientModule
|
|
30
|
+
], providers: [IconService], standalone: true, template: "<div class=\"layout-section\">\n <div class=\"layout-section__header\">\n <div class=\"layout-section__title\">\n <div class=\"header-name-container\">\n @if (config?.headerIcon?.icon) {\n <sa-icon [style.height]=\"config?.headerIcon.size || '24'\"\n [icon]=\"config?.headerIcon.icon\"\n [size]=\"config?.headerIcon.size || '24'\" />\n }\n <h2>{{ config?.headerText }}</h2>\n </div>\n @if (config?.chips?.length) {\n <div class=\"layout-section__chips\">\n @for (chip of config?.chips; track chip.id) {\n <sa-chip\n [id]=\"chip.id\"\n [text]=\"chip.text\"\n [type]=\"chip.type\"\n [state]=\"chip.state\"\n [filling]=\"chip.filling\"\n [iconPath]=\"chip.iconPath\"\n [iconPosition]=\"chip.iconPosition\"\n [largeStateIcon]=\"chip.largeStateIcon\"\n [largeStateText]=\"chip.largeStateText\">\n </sa-chip>\n }\n </div>\n }\n </div>\n <div class=\"layout-section__actions\">\n @if (config?.secondaryButton) {\n <sa-button \n [id]=\"config.secondaryButton.id\"\n [text]=\"config.secondaryButton.text\"\n [type]=\"config.secondaryButton.type\"\n [state]=\"config.secondaryButton.state\"\n [size]=\"config.secondaryButton.size\"\n [ImagePath]=\"config.secondaryButton.imagePath\"\n [icon]=\"config.secondaryButton.icon\"\n [iconPosition]=\"config.secondaryButton.iconPosition\"\n [href]=\"config.secondaryButton.href\"\n [hrefTarget]=\"config.secondaryButton.hrefTarget\"\n [width]=\"config?.secondaryButton.width\"\n [isSubmit]=\"config.secondaryButton.isSubmit\"\n [buttonIconSize]=\"config.secondaryButton.buttonIconSize\"\n [showSpinner]=\"config.secondaryButton.showSpinner\"\n (onClickEvent)=\"onButtonClick('secondary', $event)\">\n </sa-button>\n }\n @if (config?.primaryButton) {\n <sa-button\n [id]=\"config.primaryButton.id\"\n [text]=\"config.primaryButton.text\"\n [type]=\"config.primaryButton.type\"\n [state]=\"config.primaryButton.state\"\n [size]=\"config.primaryButton.size\"\n [ImagePath]=\"config.primaryButton.imagePath\"\n [icon]=\"config.primaryButton.icon\"\n [iconPosition]=\"config.primaryButton.iconPosition\"\n [href]=\"config.primaryButton.href\"\n [hrefTarget]=\"config.primaryButton.hrefTarget\"\n [width]=\"config.primaryButton.width\"\n [isSubmit]=\"config.primaryButton.isSubmit\"\n [buttonIconSize]=\"config.primaryButton.buttonIconSize\"\n [showSpinner]=\"config.primaryButton.showSpinner\"\n (onClickEvent)=\"onButtonClick('primary', $event)\">\n </sa-button>\n }\n </div>\n </div>\n \n <div class=\"layout-section__content\">\n <ng-content></ng-content>\n </div>\n</div> ", styles: [".layout-section{display:flex;padding:var(--spacing-medium-28px, 28px) var(--spacing-medium-20px, 20px);flex-direction:column;align-items:flex-start;gap:var(--spacing-medium-20px, 20px);border-radius:var(--border-radius-small-8px, 8px);border:1px solid var(--color-grey-100, #EAECF0);background:var(--color-structural-white, #FFF)}.layout-section__header{display:flex;width:100%;justify-content:space-between;align-items:center}.layout-section__title{display:flex;flex-direction:row;align-items:center;gap:var(--small-8px, 8px)}.layout-section__title h2{margin:0;color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-16px, 16px);font-style:normal;font-weight:600;line-height:var(--medium-24px, 24px);letter-spacing:.15px}.layout-section__chips{display:flex;gap:var(--small-8px, 8px);flex-wrap:wrap}.layout-section__actions{display:flex;align-items:center;margin-left:auto;gap:var(--small-8px, 8px)}.layout-section__content{width:100%}.header-name-container{display:flex;align-items:center;gap:var(--small-8px, 8px)}.header-name-container h2{margin:0}::ng-deep .header-name-container .sa-icon{color:var(--primary-500)}\n"] }]
|
|
31
|
+
}], propDecorators: { config: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], buttonClick: [{
|
|
34
|
+
type: Output
|
|
35
|
+
}] } });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9sYXlvdXQtc2VjdGlvbi9sYXlvdXQtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2xheW91dC1zZWN0aW9uL2xheW91dC1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSXZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFnQm5ELE1BQU0sT0FBTyxzQkFBc0I7SUFkbkM7UUFnQmMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztLQVFoRTtJQU5HLGFBQWEsQ0FBQyxJQUE2QixFQUFFLEtBQVk7UUFDckQsTUFBTSxNQUFNLEdBQUcsSUFBSSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDO1FBQzVGLElBQUksTUFBTSxFQUFFLENBQUM7WUFDVCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDbEUsQ0FBQztJQUNMLENBQUM7OEdBVFEsc0JBQXNCO2tHQUF0QixzQkFBc0IsdUlBSnBCLENBQUMsV0FBVyxDQUFDLDBCQ3JCNUIsOGdHQTBFTyxzc0NEM0RDLFlBQVksK0JBQ1osZUFBZSx3UkFDZixjQUFjLG1NQUNkLGFBQWEsbUlBQ2IsZ0JBQWdCOzsyRkFNWCxzQkFBc0I7a0JBZGxDLFNBQVM7K0JBQ0ksbUJBQW1CLFdBRXBCO3dCQUNMLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixjQUFjO3dCQUNkLGFBQWE7d0JBQ2IsZ0JBQWdCO3FCQUNuQixhQUNVLENBQUMsV0FBVyxDQUFDLGNBQ1osSUFBSTs4QkFJUCxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGF5b3V0U2VjdGlvbkludGVyZmFjZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvbGF5b3V0LXNlY3Rpb24taW50ZXJmYWNlJztcbmltcG9ydCB7IEJ1dHRvbkludGVyZmFjZSwgQnV0dG9uQ2xpY2tFdmVudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvYnV0dG9uLWludGVyZmFjZSc7XG5pbXBvcnQgeyBDaGlwSW50ZXJmYWNlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9jaGlwLWludGVyZmFjZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4uL2NoaXBzL2NoaXBzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuLi9pY29uL2ljb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2EtbGF5b3V0LXNlY3Rpb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQtc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICAgICAgQ2hpcHNDb21wb25lbnQsXG4gICAgICAgIEljb25Db21wb25lbnQsXG4gICAgICAgIEh0dHBDbGllbnRNb2R1bGVcbiAgICBdLFxuICAgIHByb3ZpZGVyczogW0ljb25TZXJ2aWNlXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHN0eWxlVXJsczogWycuL2xheW91dC1zZWN0aW9uLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRTZWN0aW9uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBjb25maWc6IExheW91dFNlY3Rpb25JbnRlcmZhY2U7XG4gICAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxCdXR0b25DbGlja0V2ZW50PigpO1xuXG4gICAgb25CdXR0b25DbGljayh0eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JywgZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGJ1dHRvbiA9IHR5cGUgPT09ICdwcmltYXJ5JyA/IHRoaXMuY29uZmlnLnByaW1hcnlCdXR0b24gOiB0aGlzLmNvbmZpZy5zZWNvbmRhcnlCdXR0b247XG4gICAgICAgIGlmIChidXR0b24pIHtcbiAgICAgICAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCh7IHR5cGUsIGJ1dHRvbiwgb3JpZ2luYWxFdmVudDogZXZlbnQgfSk7XG4gICAgICAgIH1cbiAgICB9XG59ICIsIjxkaXYgY2xhc3M9XCJsYXlvdXQtc2VjdGlvblwiPlxuICA8ZGl2IGNsYXNzPVwibGF5b3V0LXNlY3Rpb25fX2hlYWRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJsYXlvdXQtc2VjdGlvbl9fdGl0bGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItbmFtZS1jb250YWluZXJcIj5cbiAgICAgICAgQGlmIChjb25maWc/LmhlYWRlckljb24/Lmljb24pIHtcbiAgICAgICAgICA8c2EtaWNvbiBbc3R5bGUuaGVpZ2h0XT1cImNvbmZpZz8uaGVhZGVySWNvbi5zaXplIHx8ICcyNCdcIlxuICAgICAgICAgICAgW2ljb25dPVwiY29uZmlnPy5oZWFkZXJJY29uLmljb25cIlxuICAgICAgICAgICAgW3NpemVdPVwiY29uZmlnPy5oZWFkZXJJY29uLnNpemUgfHwgJzI0J1wiIC8+XG4gICAgICAgIH1cbiAgICAgICAgPGgyPnt7IGNvbmZpZz8uaGVhZGVyVGV4dCB9fTwvaDI+XG4gICAgICA8L2Rpdj5cbiAgICAgIEBpZiAoY29uZmlnPy5jaGlwcz8ubGVuZ3RoKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsYXlvdXQtc2VjdGlvbl9fY2hpcHNcIj5cbiAgICAgICAgICBAZm9yIChjaGlwIG9mIGNvbmZpZz8uY2hpcHM7IHRyYWNrIGNoaXAuaWQpIHtcbiAgICAgICAgICAgIDxzYS1jaGlwXG4gICAgICAgICAgICAgIFtpZF09XCJjaGlwLmlkXCJcbiAgICAgICAgICAgICAgW3RleHRdPVwiY2hpcC50ZXh0XCJcbiAgICAgICAgICAgICAgW3R5cGVdPVwiY2hpcC50eXBlXCJcbiAgICAgICAgICAgICAgW3N0YXRlXT1cImNoaXAuc3RhdGVcIlxuICAgICAgICAgICAgICBbZmlsbGluZ109XCJjaGlwLmZpbGxpbmdcIlxuICAgICAgICAgICAgICBbaWNvblBhdGhdPVwiY2hpcC5pY29uUGF0aFwiXG4gICAgICAgICAgICAgIFtpY29uUG9zaXRpb25dPVwiY2hpcC5pY29uUG9zaXRpb25cIlxuICAgICAgICAgICAgICBbbGFyZ2VTdGF0ZUljb25dPVwiY2hpcC5sYXJnZVN0YXRlSWNvblwiXG4gICAgICAgICAgICAgIFtsYXJnZVN0YXRlVGV4dF09XCJjaGlwLmxhcmdlU3RhdGVUZXh0XCI+XG4gICAgICAgICAgICA8L3NhLWNoaXA+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibGF5b3V0LXNlY3Rpb25fX2FjdGlvbnNcIj5cbiAgICAgIEBpZiAoY29uZmlnPy5zZWNvbmRhcnlCdXR0b24pIHtcbiAgICAgICAgPHNhLWJ1dHRvbiBcbiAgICAgICAgICBbaWRdPVwiY29uZmlnLnNlY29uZGFyeUJ1dHRvbi5pZFwiXG4gICAgICAgICAgW3RleHRdPVwiY29uZmlnLnNlY29uZGFyeUJ1dHRvbi50ZXh0XCJcbiAgICAgICAgICBbdHlwZV09XCJjb25maWcuc2Vjb25kYXJ5QnV0dG9uLnR5cGVcIlxuICAgICAgICAgIFtzdGF0ZV09XCJjb25maWcuc2Vjb25kYXJ5QnV0dG9uLnN0YXRlXCJcbiAgICAgICAgICBbc2l6ZV09XCJjb25maWcuc2Vjb25kYXJ5QnV0dG9uLnNpemVcIlxuICAgICAgICAgIFtJbWFnZVBhdGhdPVwiY29uZmlnLnNlY29uZGFyeUJ1dHRvbi5pbWFnZVBhdGhcIlxuICAgICAgICAgIFtpY29uXT1cImNvbmZpZy5zZWNvbmRhcnlCdXR0b24uaWNvblwiXG4gICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJjb25maWcuc2Vjb25kYXJ5QnV0dG9uLmljb25Qb3NpdGlvblwiXG4gICAgICAgICAgW2hyZWZdPVwiY29uZmlnLnNlY29uZGFyeUJ1dHRvbi5ocmVmXCJcbiAgICAgICAgICBbaHJlZlRhcmdldF09XCJjb25maWcuc2Vjb25kYXJ5QnV0dG9uLmhyZWZUYXJnZXRcIlxuICAgICAgICAgIFt3aWR0aF09XCJjb25maWc/LnNlY29uZGFyeUJ1dHRvbi53aWR0aFwiXG4gICAgICAgICAgW2lzU3VibWl0XT1cImNvbmZpZy5zZWNvbmRhcnlCdXR0b24uaXNTdWJtaXRcIlxuICAgICAgICAgIFtidXR0b25JY29uU2l6ZV09XCJjb25maWcuc2Vjb25kYXJ5QnV0dG9uLmJ1dHRvbkljb25TaXplXCJcbiAgICAgICAgICBbc2hvd1NwaW5uZXJdPVwiY29uZmlnLnNlY29uZGFyeUJ1dHRvbi5zaG93U3Bpbm5lclwiXG4gICAgICAgICAgKG9uQ2xpY2tFdmVudCk9XCJvbkJ1dHRvbkNsaWNrKCdzZWNvbmRhcnknLCAkZXZlbnQpXCI+XG4gICAgICAgIDwvc2EtYnV0dG9uPlxuICAgICAgfVxuICAgICAgQGlmIChjb25maWc/LnByaW1hcnlCdXR0b24pIHtcbiAgICAgICAgPHNhLWJ1dHRvblxuICAgICAgICAgIFtpZF09XCJjb25maWcucHJpbWFyeUJ1dHRvbi5pZFwiXG4gICAgICAgICAgW3RleHRdPVwiY29uZmlnLnByaW1hcnlCdXR0b24udGV4dFwiXG4gICAgICAgICAgW3R5cGVdPVwiY29uZmlnLnByaW1hcnlCdXR0b24udHlwZVwiXG4gICAgICAgICAgW3N0YXRlXT1cImNvbmZpZy5wcmltYXJ5QnV0dG9uLnN0YXRlXCJcbiAgICAgICAgICBbc2l6ZV09XCJjb25maWcucHJpbWFyeUJ1dHRvbi5zaXplXCJcbiAgICAgICAgICBbSW1hZ2VQYXRoXT1cImNvbmZpZy5wcmltYXJ5QnV0dG9uLmltYWdlUGF0aFwiXG4gICAgICAgICAgW2ljb25dPVwiY29uZmlnLnByaW1hcnlCdXR0b24uaWNvblwiXG4gICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJjb25maWcucHJpbWFyeUJ1dHRvbi5pY29uUG9zaXRpb25cIlxuICAgICAgICAgIFtocmVmXT1cImNvbmZpZy5wcmltYXJ5QnV0dG9uLmhyZWZcIlxuICAgICAgICAgIFtocmVmVGFyZ2V0XT1cImNvbmZpZy5wcmltYXJ5QnV0dG9uLmhyZWZUYXJnZXRcIlxuICAgICAgICAgIFt3aWR0aF09XCJjb25maWcucHJpbWFyeUJ1dHRvbi53aWR0aFwiXG4gICAgICAgICAgW2lzU3VibWl0XT1cImNvbmZpZy5wcmltYXJ5QnV0dG9uLmlzU3VibWl0XCJcbiAgICAgICAgICBbYnV0dG9uSWNvblNpemVdPVwiY29uZmlnLnByaW1hcnlCdXR0b24uYnV0dG9uSWNvblNpemVcIlxuICAgICAgICAgIFtzaG93U3Bpbm5lcl09XCJjb25maWcucHJpbWFyeUJ1dHRvbi5zaG93U3Bpbm5lclwiXG4gICAgICAgICAgKG9uQ2xpY2tFdmVudCk9XCJvbkJ1dHRvbkNsaWNrKCdwcmltYXJ5JywgJGV2ZW50KVwiPlxuICAgICAgICA8L3NhLWJ1dHRvbj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIFxuICA8ZGl2IGNsYXNzPVwibGF5b3V0LXNlY3Rpb25fX2NvbnRlbnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+ICJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -14,9 +14,9 @@ export * from './lib/card/card-icon/card-icon.component';
|
|
|
14
14
|
export * from './lib/card/card-title-actions/card-title-actions.component';
|
|
15
15
|
export * from './lib/card/card.component';
|
|
16
16
|
export * from './lib/card/checkbox-card/checkbox-card.component';
|
|
17
|
-
export * from './lib/card/cohort-card/cohort-card.component';
|
|
18
17
|
export * from './lib/card/guide-card/guide-card.component';
|
|
19
18
|
export * from './lib/card/menu-card/menu-card.component';
|
|
19
|
+
export * from './lib/card/thumbnail-card/thumbnail-card.component';
|
|
20
20
|
export * from './lib/card-carousel/card-carousel.component';
|
|
21
21
|
export * from './lib/checkbox/checkbox.component';
|
|
22
22
|
export * from './lib/chips/chips.component';
|
|
@@ -27,6 +27,7 @@ export * from './lib/form-select/form-select.component';
|
|
|
27
27
|
export * from './lib/grid-cell/grid-cell.component';
|
|
28
28
|
export * from './lib/header/header.component';
|
|
29
29
|
export * from './lib/icon/icon.component';
|
|
30
|
+
export * from './lib/layout-section/layout-section.component';
|
|
30
31
|
export * from './lib/left-nav/left-nav.component';
|
|
31
32
|
export * from './lib/list/list.component';
|
|
32
33
|
export * from './lib/message-banner/message-banner.component';
|
|
@@ -56,10 +57,11 @@ export * from './interfaces/grid-interface';
|
|
|
56
57
|
export * from './interfaces/guide-card-interface';
|
|
57
58
|
export * from './interfaces/header-interface';
|
|
58
59
|
export * from './interfaces/icon-interface';
|
|
60
|
+
export * from './interfaces/layout-section-interface';
|
|
59
61
|
export * from './interfaces/message-banner';
|
|
60
62
|
export * from './interfaces/option-interface';
|
|
61
63
|
export * from './interfaces/scrolling-card-interface';
|
|
62
64
|
export * from './interfaces/select-interface';
|
|
63
65
|
export * from './interfaces/tab-interface';
|
|
64
66
|
export * from './interfaces/toast-interface';
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsd0JBQXdCO0FBR3hCLGFBQWE7QUFDYixjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDhEQUE4RCxDQUFDO0FBQzdFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQ0FBbUMsQ0FBQztBQUVsRCxXQUFXO0FBQ1gsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLGFBQWE7QUFDYixjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgY29tcG9uZW50LWxpYnJhcnlcbiAqL1xuXG4vLyAuLi4gZXhpc3RpbmcgY29kZSAuLi5cblxuXG4vLyBDb21wb25lbnRzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYWxlbmRhci1oZWFkZXIvY2FsZW5kYXItaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2NhcmQtYm9keS9jYXJkLWJvZHkuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQvY2FyZC1jdXN0b20taGVhZGVyL2NhcmQtY3VzdG9tLWhlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC9jYXJkLWZvb3Rlci1hY3Rpb25zL2NhcmQtZm9vdGVyLWFjdGlvbnMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQvY2FyZC1pY29uL2NhcmQtaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC9jYXJkLXRpdGxlLWFjdGlvbnMvY2FyZC10aXRsZS1hY3Rpb25zLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2NhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQvY2hlY2tib3gtY2FyZC9jaGVja2JveC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2d1aWRlLWNhcmQvZ3VpZGUtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC9tZW51LWNhcmQvbWVudS1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL3RodW1ibmFpbC1jYXJkL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWNhcm91c2VsL2NhcmQtY2Fyb3VzZWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50LWxpYnJhcnkuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZm9ybS1pbnB1dC9mb3JtLWlucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9mb3JtLXNlbGVjdC9mb3JtLXNlbGVjdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZ3JpZC1jZWxsL2dyaWQtY2VsbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaGVhZGVyL2hlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi9pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9sYXlvdXQtc2VjdGlvbi9sYXlvdXQtc2VjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGVmdC1uYXYvbGVmdC1uYXYuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpc3QvbGlzdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVzc2FnZS1iYW5uZXIvbWVzc2FnZS1iYW5uZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21lc3NhZ2UtYmFubmVyLXYyL21lc3NhZ2UtYmFubmVyLXYyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdlLWxheW91dC9wYWdlLWxheW91dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2Nyb2xsaW5nLWNhcmRzL3Njcm9sbGluZy1jYXJkcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2tlbGV0b24vc2tlbGV0b24tYmFzZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2tlbGV0b24vc2tlbGV0b24tY29udGFpbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9za2VsZXRvbi9za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NrZWxldG9uL3NrZWxldG9uLXNoYXBlcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RhYnMvdGFicy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3QvdG9hc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2wtdGlwL3Rvb2wtdGlwLmNvbXBvbmVudCc7XG5cbi8vIFNlcnZpY2VzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnQtbGlicmFyeS5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24vaWNvbi5zZXJ2aWNlJztcblxuLy8gSW50ZXJmYWNlc1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL2F2YXRhci1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL2J1dHRvbi1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL2NhcmQtY2Fyb3VzZWwtaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9jaGlwLWludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvZ3JpZC1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL2d1aWRlLWNhcmQtaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9oZWFkZXItaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9pY29uLWludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvbGF5b3V0LXNlY3Rpb24taW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9tZXNzYWdlLWJhbm5lcic7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvb3B0aW9uLWludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvc2Nyb2xsaW5nLWNhcmQtaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9zZWxlY3QtaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy90YWItaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy90b2FzdC1pbnRlcmZhY2UnO1xuIl19
|