@sarasanalytics-com/design-system 0.0.136 → 0.0.138
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/chip-interface.mjs +1 -1
- package/esm2022/interfaces/form-layout.interface.mjs +2 -0
- package/esm2022/interfaces/grid-interface.mjs +1 -1
- package/esm2022/lib/avatar/avatar.component.mjs +3 -3
- package/esm2022/lib/categories-nav/categories-nav.component.mjs +27 -0
- package/esm2022/lib/chips/chips.component.mjs +3 -3
- package/esm2022/lib/data-grid/data-grid.component.mjs +135 -0
- package/esm2022/lib/dialog/dialog.component.mjs +43 -3
- package/esm2022/lib/filter/filter.component.mjs +232 -0
- package/esm2022/lib/form-input/form-input.component.mjs +71 -7
- package/esm2022/lib/form-select/form-select.component.mjs +187 -5
- package/esm2022/lib/grid-cell/grid-cell.component.mjs +173 -25
- package/esm2022/lib/menu/menu-list/menu-item.component.mjs +3 -3
- package/esm2022/lib/menu/menu.component.mjs +3 -3
- package/esm2022/lib/message-banner-v2/message-banner-v2.component.mjs +256 -7
- package/esm2022/lib/query-builder/query-builder-demo.component.mjs +134 -0
- package/esm2022/lib/query-builder/query-builder.component.mjs +275 -0
- package/esm2022/lib/query-builder/query-builder.service.mjs +107 -0
- package/esm2022/lib/query-builder-textarea/query-builder-textarea-demo.component.mjs +130 -0
- package/esm2022/lib/query-builder-textarea/query-builder-textarea.component.mjs +805 -0
- package/esm2022/lib/tool-tip/tool-tip.component.mjs +8 -3
- package/esm2022/public-api.mjs +10 -1
- package/fesm2022/sarasanalytics-com-design-system.mjs +3042 -587
- package/fesm2022/sarasanalytics-com-design-system.mjs.map +1 -1
- package/interfaces/button-interface.d.ts +1 -0
- package/interfaces/form-layout.interface.d.ts +59 -0
- package/interfaces/grid-interface.d.ts +11 -4
- package/lib/categories-nav/categories-nav.component.d.ts +15 -0
- package/lib/data-grid/data-grid.component.d.ts +33 -0
- package/lib/dialog/dialog.component.d.ts +13 -0
- package/lib/filter/filter.component.d.ts +83 -0
- package/lib/form-input/form-input.component.d.ts +11 -1
- package/lib/form-select/form-select.component.d.ts +8 -0
- package/lib/grid-cell/grid-cell.component.d.ts +51 -10
- package/lib/message-banner-v2/message-banner-v2.component.d.ts +34 -2
- package/lib/query-builder/query-builder-demo.component.d.ts +14 -0
- package/lib/query-builder/query-builder.component.d.ts +90 -0
- package/lib/query-builder/query-builder.service.d.ts +39 -0
- package/lib/query-builder-textarea/query-builder-textarea-demo.component.d.ts +9 -0
- package/lib/query-builder-textarea/query-builder-textarea.component.d.ts +143 -0
- package/lib/tool-tip/tool-tip.component.d.ts +2 -1
- package/package.json +1 -1
- package/public-api.d.ts +9 -0
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL2J1dHRvbi1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JBLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRztJQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU87Q0FDcEIsQ0FBQztBQU1YLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRztJQUMxQixNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU07Q0FDakIsQ0FBQztBQU9YLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN0QixTQUFTLEVBQUUsU0FBUyxFQUFFLGFBQWE7Q0FDN0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uSW50ZXJmYWNlIHtcclxuICAgIGlkOiBzdHJpbmcgfCBudW1iZXIsXHJcbiAgICB0ZXh0OiBzdHJpbmcsXHJcbiAgICB0eXBlOiBzdHJpbmcsXHJcbiAgICBzaXplOiBCdXR0b25TaXplLFxyXG4gICAgc3RhdGU6IHN0cmluZyxcclxuICAgIGltYWdlUGF0aD86IHN0cmluZyxcclxuICAgIGljb24/OiBhbnksXHJcbiAgICBpY29uUG9zaXRpb24/OiBCdXR0b25JY29uUG9zaXRpb24sXHJcbiAgICBocmVmPzogc3RyaW5nLFxyXG4gICAgaHJlZlRhcmdldD86IHN0cmluZyxcclxuICAgIGlzU3VibWl0PzogYm9vbGVhbixcclxuICAgIHdpZHRoPzogYW55LFxyXG4gICAgYnV0dG9uSWNvblNpemU/OiBhbnksXHJcbiAgICBzaG93U3Bpbm5lcj86IGJvb2xlYW4sXHJcbiAgICBvbkNsaWNrPzogKGV2ZW50OiBhbnkpID0+IHZvaWRcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IGJ1dHRvblNpemVzID0gW1xyXG4gICAgJ3NtYWxsJywgJ21lZGl1bScsICdsYXJnZSdcclxuXSBhcyBjb25zdDtcclxuXHJcbnR5cGUgUHJlZGVmaW5lZEJ1dHRvblNpemVzID0gdHlwZW9mIGJ1dHRvblNpemVzW251bWJlcl07XHJcblxyXG5leHBvcnQgdHlwZSBCdXR0b25TaXplID0gUHJlZGVmaW5lZEJ1dHRvblNpemVzIHwgc3RyaW5nO1xyXG5cclxuZXhwb3J0IGNvbnN0IGJ1dHRvblBvc2l0aW9uID0gW1xyXG4gICAgJ2xlZnQnLCAncmlnaHQnLCAnYm90aCdcclxuXSBhcyBjb25zdDtcclxuXHJcbnR5cGUgUHJlZGVmaW5lZEJ1dHRvblBvc2l0aW9ucyA9IHR5cGVvZiBidXR0b25Qb3NpdGlvbltudW1iZXJdXHJcblxyXG5leHBvcnQgdHlwZSBCdXR0b25JY29uUG9zaXRpb24gPSBQcmVkZWZpbmVkQnV0dG9uUG9zaXRpb25zIHwgc3RyaW5nO1xyXG5cclxuXHJcbmV4cG9ydCBjb25zdCBidXR0b25UeXBlID0gW1xyXG4gICAgJ3ByaW1hcnknLCAnb3V0bGluZScsICd0cmFuc3BhcmVudCdcclxuXSBhcyBjb25zdDtcclxuXHJcbnR5cGUgUHJlZGVmaW5lZEJ1dHRvblR5cGUgPSB0eXBlb2YgYnV0dG9uVHlwZVtudW1iZXJdXHJcblxyXG5leHBvcnQgdHlwZSBCdXR0b25UeXBlID0gUHJlZGVmaW5lZEJ1dHRvblR5cGUgfCBzdHJpbmc7XHJcblxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25DbGlja0V2ZW50IHtcclxuICAgIHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknO1xyXG4gICAgYnV0dG9uOiBCdXR0b25JbnRlcmZhY2U7XHJcbiAgICBvcmlnaW5hbEV2ZW50OiBFdmVudDtcclxufSJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9jaGlwLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDaGlwSW50ZXJmYWNlIHtcclxuICAgIGlkOiBzdHJpbmcgfCBudW1iZXIsXHJcbiAgICB0ZXh0OiBzdHJpbmcsXHJcbiAgICB0eXBlOiBzdHJpbmcsXHJcbiAgICBzdGF0ZTogc3RyaW5nLFxyXG4gICAgZmlsbGluZzogc3RyaW5nLFxyXG4gICAgaWNvblBvc2l0aW9uPzogc3RyaW5nLFxyXG4gICAgaWNvblBhdGg/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9jaGlwLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDaGlwSW50ZXJmYWNlIHtcclxuICAgIGlkOiBzdHJpbmcgfCBudW1iZXIsXHJcbiAgICB0ZXh0OiBzdHJpbmcsXHJcbiAgICB0eXBlOiBzdHJpbmcsXHJcbiAgICBzdGF0ZTogc3RyaW5nLFxyXG4gICAgZmlsbGluZzogc3RyaW5nLFxyXG4gICAgaWNvblBvc2l0aW9uPzogc3RyaW5nLFxyXG4gICAgaWNvblBhdGg/OiBzdHJpbmcsXHJcbiAgICBsYXJnZVN0YXRlSWNvbj86IHN0cmluZyxcclxuICAgIGxhcmdlU3RhdGVUZXh0Pzogc3RyaW5nLFxyXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nXHJcbn1cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1sYXlvdXQuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2ludGVyZmFjZXMvZm9ybS1sYXlvdXQuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBEeW5hbWljIGZvcm0gY29uZmlndXJhdGlvbiBpbnRlcmZhY2VzXHJcbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUxheW91dENvbmZpZyB7XHJcbiAgZmllbGRzUGVyUm93PzogbnVtYmVyOyAvLyBIb3cgbWFueSBmaWVsZHMgcGVyIHJvdyAoZGVmYXVsdDogMSlcclxuICBpbml0aWFsVmlzaWJsZUZpZWxkcz86IG51bWJlcjsgLy8gSG93IG1hbnkgZmllbGRzIHRvIHNob3cgaW5pdGlhbGx5IChkZWZhdWx0OiBhbGwpXHJcbiAgY29uZGl0aW9uYWxGaWVsZHM/OiB7XHJcbiAgICBzaG93V2hlbjogKGZvcm1EYXRhOiBhbnkpID0+IGJvb2xlYW47IC8vIEZ1bmN0aW9uIHRvIGRldGVybWluZSB3aGVuIHRvIHNob3cgYWRkaXRpb25hbCBmaWVsZHNcclxuICAgIGZpZWxkczogbnVtYmVyW107IC8vIEluZGljZXMgb2YgZmllbGRzIHRvIHNob3cgY29uZGl0aW9uYWxseVxyXG4gIH07XHJcbiAgZmllbGRHcm91cHM/OiBBcnJheTx7XHJcbiAgICBmaWVsZHM6IG51bWJlcltdOyAvLyBJbmRpY2VzIG9mIGZpZWxkcyBpbiB0aGlzIGdyb3VwXHJcbiAgICBsYXlvdXQ6ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCc7IC8vIExheW91dCBmb3IgdGhpcyBncm91cFxyXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nOyAvLyBDdXN0b20gQ1NTIGNsYXNzIGZvciB0aGlzIGdyb3VwXHJcbiAgICB3aWR0aD86IHN0cmluZzsgLy8gQ3VzdG9tIHdpZHRoIGZvciB0aGUgZ3JvdXBcclxuICAgIHRpdGxlPzogc3RyaW5nOyAvLyBPcHRpb25hbCBncm91cCB0aXRsZVxyXG4gIH0+O1xyXG4gIGZvcm1DbGFzc05hbWU/OiBzdHJpbmc7IC8vIEN1c3RvbSBDU1MgY2xhc3MgZm9yIHRoZSBlbnRpcmUgZm9ybVxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1GaWVsZENvbmZpZyB7XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICB0eXBlOiAndGV4dCcgfCAnc2VsZWN0JyB8ICdtdWx0aXNlbGVjdCcgfCAndGV4dGFyZWEnIHwgJ2NoZWNrYm94JyB8ICdyYWRpbyc7XHJcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XHJcbiAgb3B0aW9ucz86IHsgbGFiZWw6IHN0cmluZzsgdmFsdWU6IHN0cmluZzsgbmFtZT86IHN0cmluZyB9W107XHJcbiAgdmFsdWU/OiBhbnk7XHJcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xyXG4gIG11bHRpcGxlPzogYm9vbGVhbjtcclxuICB2aXNpYmxlPzogYm9vbGVhbjtcclxuICB2YWxpZGF0aW9uPzoge1xyXG4gICAgcmVxdWlyZWQ/OiBib29sZWFuO1xyXG4gICAgcGF0dGVybj86IHN0cmluZztcclxuICAgIG1pbkxlbmd0aD86IG51bWJlcjtcclxuICAgIG1heExlbmd0aD86IG51bWJlcjtcclxuICAgIGVtYWlsPzogYm9vbGVhbjtcclxuICB9O1xyXG4gIGNsYXNzTmFtZT86IHN0cmluZzsgLy8gQ3VzdG9tIENTUyBjbGFzcyBmb3IgaW5kaXZpZHVhbCBmaWVsZFxyXG4gIHdpZHRoPzogc3RyaW5nOyAvLyBDdXN0b20gd2lkdGggKGUuZy4sICc1MCUnLCAnMTAwJScsICcyMDBweCcpXHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gIHJlYWRvbmx5PzogYm9vbGVhbjtcclxufVxyXG5cclxuLy8gTkVXOiBVbmlmaWVkIGZvcm0gY29uZmlndXJhdGlvbiBpbnRlcmZhY2VcclxuZXhwb3J0IGludGVyZmFjZSBVbmlmaWVkRm9ybUNvbmZpZyB7XHJcbiAgZmllbGRzOiBhbnlbXTsgLy8gRm9ybSBmaWVsZCBjb25maWd1cmF0aW9uc1xyXG4gIGxheW91dD86IEZvcm1MYXlvdXRDb25maWc7IC8vIEZvcm0gbGF5b3V0IGNvbmZpZ3VyYXRpb25cclxuICBkaXZpZGVyPzoge1xyXG4gICAgZW5hYmxlZDogYm9vbGVhbjtcclxuICAgIHRpdGxlPzogc3RyaW5nO1xyXG4gICAgc3VidGl0bGU/OiBzdHJpbmc7XHJcbiAgICBzaG93U3VidGl0bGVXaGVuRW1wdHk/OiBib29sZWFuO1xyXG4gIH07XHJcbiAgY2hpcHM/OiBhbnlbXTsgLy8gQ2hpcCBjb25maWd1cmF0aW9uc1xyXG4gIGN1c3RvbUJ1dHRvbj86IHtcclxuICAgIGlkOiBzdHJpbmc7XHJcbiAgICB0ZXh0OiBzdHJpbmc7XHJcbiAgICB0eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JztcclxuICAgIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSc7XHJcbiAgICBzdGF0ZTogJ2RlZmF1bHQnIHwgJ2xvYWRpbmcnIHwgJ2Rpc2FibGVkJztcclxuICB9O1xyXG59XHJcbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9ncmlkLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uSW50ZXJmYWNlIH0gZnJvbSBcIi4vYnV0dG9uLWludGVyZmFjZVwiO1xyXG5pbXBvcnQgeyBDaGlwSW50ZXJmYWNlIH0gZnJvbSBcIi4vY2hpcC1pbnRlcmZhY2VcIjtcclxuaW1wb3J0IHsgQXZhdGFySW50ZXJmYWNlIH0gZnJvbSBcIi4vYXZhdGFyLWludGVyZmFjZVwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBY3Rpb25JdGVtIHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XHJcbiAgaWNvbjogc3RyaW5nO1xyXG4gIGNsYXNzPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRJbnRlcmZhY2Uge1xyXG4gIGNlbGxUeXBlOiBzdHJpbmcsXHJcbiAgdmlld1RleHQ6IGJvb2xlYW4sXHJcbiAgdmlld0xlYWRpbmdJY29uPzogYm9vbGVhbixcclxuICB2aWV3VHJhaWxpbmdJY29uPzogYm9vbGVhbixcclxuICB2aWV3QnV0dG9uPzogYm9vbGVhbixcclxuICB2aWV3Q2hpcD86IGJvb2xlYW4sXHJcbiAgdmlld0F2YXRhcjogYm9vbGVhbixcclxuICBpY29uUGF0aD86IHN0cmluZyxcclxuICBjaGlwQ29uZmlnPzogQ2hpcEludGVyZmFjZVtdLFxyXG4gIGJ1dHRvbkNvbmZpZz86IEJ1dHRvbkludGVyZmFjZSxcclxuICBhdmF0YXJDb25maWc/OiBBdmF0YXJJbnRlcmZhY2UsXHJcbiAgdGV4dD86IHN0cmluZyB8IG51bWJlcixcclxuICBzdWJUZXh0Pzogc3RyaW5nIHwgbnVtYmVyLFxyXG4gIGludGVyYWN0aXZlTGluaz86IHN0cmluZyxcclxuICBpbnRlcmFjdGl2ZUxpbmtUYXJnZXQ/OiBzdHJpbmcsXHJcbiAgYWN0aW9ucz86IEFjdGlvbkl0ZW1bXSxcclxuICBjaGlwQ2xpY2tlZD8oZXZ0OiBhbnkpOiBhbnksXHJcbiAgbGlua0NsaWNrZWQ/KGV2dDogYW55KTogYW55LFxyXG4gIGJ1dHRvbkNsaWNrZWQ/KGV2dDogYW55KTogYW55LFxyXG4gIGF2YXRhckNsaWNrZWQ/KGV2dDogYW55KTogYW55XHJcbn1cclxuIl19
|
|
@@ -33,11 +33,11 @@ export class AvatarComponent {
|
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: AvatarComponent, isStandalone: true, selector: "sa-avatar", inputs: { id: "id", imagePath: "imagePath", altText: "altText", size: "size" }, outputs: { onClickEvent: "onClickEvent", onMouseInEvent: "onMouseInEvent", onMouseOutEvent: "onMouseOutEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar {{size}}\" (click)=\"avatarClicked($event)\" (mouseenter)=\"mouseEnter($event)\"\r\n (mouseleave)=\"mouseLeave($event)\">\r\n <img *ngIf=\"imagePath\" class=\"avatar-img\" alt=\"{{altText}}\" src=\"{{imagePath}}\">\r\n <
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: AvatarComponent, isStandalone: true, selector: "sa-avatar", inputs: { id: "id", imagePath: "imagePath", altText: "altText", size: "size" }, outputs: { onClickEvent: "onClickEvent", onMouseInEvent: "onMouseInEvent", onMouseOutEvent: "onMouseOutEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar {{size}}\" (click)=\"avatarClicked($event)\" (mouseenter)=\"mouseEnter($event)\"\r\n (mouseleave)=\"mouseLeave($event)\">\r\n <img *ngIf=\"imagePath\" class=\"avatar-img\" alt=\"{{altText}}\" src=\"{{imagePath}}\">\r\n <span *ngIf=\"!imagePath\" class=\"avatar-img\">{{altText}}</span>\r\n</div>\r\n", styles: [".extra-small{--width: var(--medium-24px);--height: var(--medium-24px)}.small{--width: 28px;--height: 28px}.medium{--width: 32px;--height: 32px}.large{--width: 36px;--height: 36px}.extra-large{--width: 52px;--height: 52px}.avatar{display:flex}.avatar-img{background-color:var(--primary-50);height:var(--height);width:var(--width);border-radius:var(--height);object-fit:cover;font-family:var(--font);font-size:11px;font-weight:500;line-height:var(--height);letter-spacing:.5px;text-align:center;overflow:none;margin-bottom:0}.avatar:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'sa-avatar', standalone: true, imports: [NgIf], template: "<div class=\"avatar {{size}}\" (click)=\"avatarClicked($event)\" (mouseenter)=\"mouseEnter($event)\"\r\n (mouseleave)=\"mouseLeave($event)\">\r\n <img *ngIf=\"imagePath\" class=\"avatar-img\" alt=\"{{altText}}\" src=\"{{imagePath}}\">\r\n <
|
|
40
|
+
args: [{ selector: 'sa-avatar', standalone: true, imports: [NgIf], template: "<div class=\"avatar {{size}}\" (click)=\"avatarClicked($event)\" (mouseenter)=\"mouseEnter($event)\"\r\n (mouseleave)=\"mouseLeave($event)\">\r\n <img *ngIf=\"imagePath\" class=\"avatar-img\" alt=\"{{altText}}\" src=\"{{imagePath}}\">\r\n <span *ngIf=\"!imagePath\" class=\"avatar-img\">{{altText}}</span>\r\n</div>\r\n", styles: [".extra-small{--width: var(--medium-24px);--height: var(--medium-24px)}.small{--width: 28px;--height: 28px}.medium{--width: 32px;--height: 32px}.large{--width: 36px;--height: 36px}.extra-large{--width: 52px;--height: 52px}.avatar{display:flex}.avatar-img{background-color:var(--primary-50);height:var(--height);width:var(--width);border-radius:var(--height);object-fit:cover;font-family:var(--font);font-size:11px;font-weight:500;line-height:var(--height);letter-spacing:.5px;text-align:center;overflow:none;margin-bottom:0}.avatar:hover{cursor:pointer}\n"] }]
|
|
41
41
|
}], propDecorators: { id: [{
|
|
42
42
|
type: Input
|
|
43
43
|
}], imagePath: [{
|
|
@@ -53,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
|
|
|
53
53
|
}], onMouseOutEvent: [{
|
|
54
54
|
type: Output
|
|
55
55
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVN2QyxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQWFZLGlCQUFZLEdBQUcsSUFBSSxZQUFZLENBQUE7UUFDL0IsbUJBQWMsR0FBRyxJQUFJLFlBQVksQ0FBQTtRQUNqQyxvQkFBZSxHQUFHLElBQUksWUFBWSxDQUFBO1FBRTVDLG9CQUFlLEdBQUcsRUFBRSxDQUFBO0tBNEJyQjtJQTFCQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLGVBQWUsR0FBRztZQUNyQixFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUU7U0FDWixDQUFBO0lBQ0gsQ0FBQztJQUVELGFBQWEsQ0FBQyxHQUFVO1FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3JCLEdBQUcsSUFBSSxDQUFDLGVBQWU7WUFDdkIsR0FBRztTQUNKLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFRCxVQUFVLENBQUMsR0FBVTtRQUNuQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztZQUN2QixHQUFHLElBQUksQ0FBQyxlQUFlO1lBQ3ZCLEdBQUc7U0FDSixDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVU7UUFDbkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUM7WUFDeEIsR0FBRyxJQUFJLENBQUMsZUFBZTtZQUN2QixHQUFHO1NBQ0osQ0FBQyxDQUFBO0lBQ0osQ0FBQzs4R0FyQ1UsZUFBZTtrR0FBZixlQUFlLDJSQ1g1QixvVUFLQSxvbUJERVksSUFBSTs7MkZBSUgsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQLENBQUMsSUFBSSxDQUFDOzhCQUtOLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzYS1hdmF0YXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW05nSWZdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEF2YXRhckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZyB8IG51bWJlcjtcclxuICBASW5wdXQoKSBpbWFnZVBhdGg6IHN0cmluZztcclxuICBASW5wdXQoKSBhbHRUZXh0OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xyXG5cclxuICBAT3V0cHV0KCkgb25DbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlclxyXG4gIEBPdXRwdXQoKSBvbk1vdXNlSW5FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXJcclxuICBAT3V0cHV0KCkgb25Nb3VzZU91dEV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlclxyXG5cclxuICBldmVudEVtaXRPYmplY3QgPSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcclxuICAgIHRoaXMuZXZlbnRFbWl0T2JqZWN0ID0ge1xyXG4gICAgICBpZDogdGhpcy5pZFxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgYXZhdGFyQ2xpY2tlZChldnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLm9uQ2xpY2tFdmVudC5lbWl0KHtcclxuICAgICAgLi4udGhpcy5ldmVudEVtaXRPYmplY3QsXHJcbiAgICAgIGV2dFxyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIG1vdXNlRW50ZXIoZXZ0OiBFdmVudCkge1xyXG4gICAgdGhpcy5vbk1vdXNlSW5FdmVudC5lbWl0KHtcclxuICAgICAgLi4udGhpcy5ldmVudEVtaXRPYmplY3QsXHJcbiAgICAgIGV2dFxyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIG1vdXNlTGVhdmUoZXZ0OiBFdmVudCkge1xyXG4gICAgdGhpcy5vbk1vdXNlT3V0RXZlbnQuZW1pdCh7XHJcbiAgICAgIC4uLnRoaXMuZXZlbnRFbWl0T2JqZWN0LFxyXG4gICAgICBldnRcclxuICAgIH0pXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJhdmF0YXIge3tzaXplfX1cIiAoY2xpY2spPVwiYXZhdGFyQ2xpY2tlZCgkZXZlbnQpXCIgKG1vdXNlZW50ZXIpPVwibW91c2VFbnRlcigkZXZlbnQpXCJcclxuICAobW91c2VsZWF2ZSk9XCJtb3VzZUxlYXZlKCRldmVudClcIj5cclxuICA8aW1nICpuZ0lmPVwiaW1hZ2VQYXRoXCIgY2xhc3M9XCJhdmF0YXItaW1nXCIgYWx0PVwie3thbHRUZXh0fX1cIiBzcmM9XCJ7e2ltYWdlUGF0aH19XCI+XHJcbiAgPHNwYW4gKm5nSWY9XCIhaW1hZ2VQYXRoXCIgY2xhc3M9XCJhdmF0YXItaW1nXCI+e3thbHRUZXh0fX08L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class CategoriesNavComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.categories = [];
|
|
8
|
+
this.selectedCategoryId = '';
|
|
9
|
+
this.categorySelected = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
onCategoryClick(category) {
|
|
12
|
+
this.categorySelected.emit(category);
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CategoriesNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: CategoriesNavComponent, isStandalone: true, selector: "sa-categories-nav", inputs: { categories: "categories", selectedCategoryId: "selectedCategoryId" }, outputs: { categorySelected: "categorySelected" }, ngImport: i0, template: "<div class=\"categories-nav\">\r\n <div class=\"categories-header\">\r\n <h3>Categories:</h3>\r\n </div>\r\n <div class=\"categories-list\">\r\n <div \r\n *ngFor=\"let category of categories\" \r\n class=\"category-item\"\r\n [class.selected]=\"category.id === selectedCategoryId\"\r\n (click)=\"onCategoryClick(category)\">\r\n <span class=\"category-label\">{{ category.label }}</span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".categories-nav{border-radius:var(--Small-8px, 8px);border:1px solid var(--Grey-100, #EAECF0);background:var(--Structural-White, #FFF);padding:24px 0;height:100%}.categories-header{padding:0 24px 16px}.categories-header h3{margin:0;color:var(--Text-High-Emphasis, #1C1B20);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.15px}.categories-list{display:flex;flex-direction:column}.category-item{padding:12px 24px;cursor:pointer;transition:background-color .2s ease;border-left:3px solid transparent}.category-item:hover{border-radius:4px;background-color:var(--primary-50, #F4EBFF)}.category-item.selected{border-radius:4px;background-color:var(--primary-500, #7F56D9)}.category-item.selected .category-label{color:var(--Structural-White, #FFF);font-weight:600}.category-label{color:var(--Text-Medium-Emphasis, #6D6979);text-align:center;font-family:var(--font-family, Roboto);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CategoriesNavComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'sa-categories-nav', standalone: true, imports: [CommonModule], template: "<div class=\"categories-nav\">\r\n <div class=\"categories-header\">\r\n <h3>Categories:</h3>\r\n </div>\r\n <div class=\"categories-list\">\r\n <div \r\n *ngFor=\"let category of categories\" \r\n class=\"category-item\"\r\n [class.selected]=\"category.id === selectedCategoryId\"\r\n (click)=\"onCategoryClick(category)\">\r\n <span class=\"category-label\">{{ category.label }}</span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".categories-nav{border-radius:var(--Small-8px, 8px);border:1px solid var(--Grey-100, #EAECF0);background:var(--Structural-White, #FFF);padding:24px 0;height:100%}.categories-header{padding:0 24px 16px}.categories-header h3{margin:0;color:var(--Text-High-Emphasis, #1C1B20);font-family:var(--font-family, Roboto);font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.15px}.categories-list{display:flex;flex-direction:column}.category-item{padding:12px 24px;cursor:pointer;transition:background-color .2s ease;border-left:3px solid transparent}.category-item:hover{border-radius:4px;background-color:var(--primary-50, #F4EBFF)}.category-item.selected{border-radius:4px;background-color:var(--primary-500, #7F56D9)}.category-item.selected .category-label{color:var(--Structural-White, #FFF);font-weight:600}.category-label{color:var(--Text-Medium-Emphasis, #6D6979);text-align:center;font-family:var(--font-family, Roboto);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}\n"] }]
|
|
20
|
+
}], propDecorators: { categories: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], selectedCategoryId: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], categorySelected: [{
|
|
25
|
+
type: Output
|
|
26
|
+
}] } });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F0ZWdvcmllcy1uYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9jYXRlZ29yaWVzLW5hdi9jYXRlZ29yaWVzLW5hdi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2NhdGVnb3JpZXMtbmF2L2NhdGVnb3JpZXMtbmF2LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFlL0MsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFXLGVBQVUsR0FBbUIsRUFBRSxDQUFDO1FBQ2hDLHVCQUFrQixHQUFXLEVBQUUsQ0FBQztRQUMvQixxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQztLQUsvRDtJQUhDLGVBQWUsQ0FBQyxRQUFzQjtRQUNwQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7OEdBUFUsc0JBQXNCO2tHQUF0QixzQkFBc0IsZ05DaEJuQywrY0FjQSxza0NERlksWUFBWTs7MkZBSVgsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBS2QsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0ksZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQ2F0ZWdvcnlJdGVtIHtcclxuICBpZDogc3RyaW5nO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgaWNvbj86IHN0cmluZztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzYS1jYXRlZ29yaWVzLW5hdicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2F0ZWdvcmllcy1uYXYuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhdGVnb3JpZXMtbmF2LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2F0ZWdvcmllc05hdkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY2F0ZWdvcmllczogQ2F0ZWdvcnlJdGVtW10gPSBbXTtcclxuICBASW5wdXQoKSBzZWxlY3RlZENhdGVnb3J5SWQ6IHN0cmluZyA9ICcnO1xyXG4gIEBPdXRwdXQoKSBjYXRlZ29yeVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxDYXRlZ29yeUl0ZW0+KCk7XHJcblxyXG4gIG9uQ2F0ZWdvcnlDbGljayhjYXRlZ29yeTogQ2F0ZWdvcnlJdGVtKTogdm9pZCB7XHJcbiAgICB0aGlzLmNhdGVnb3J5U2VsZWN0ZWQuZW1pdChjYXRlZ29yeSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjYXRlZ29yaWVzLW5hdlwiPlxyXG4gIDxkaXYgY2xhc3M9XCJjYXRlZ29yaWVzLWhlYWRlclwiPlxyXG4gICAgPGgzPkNhdGVnb3JpZXM6PC9oMz5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiY2F0ZWdvcmllcy1saXN0XCI+XHJcbiAgICA8ZGl2IFxyXG4gICAgICAqbmdGb3I9XCJsZXQgY2F0ZWdvcnkgb2YgY2F0ZWdvcmllc1wiIFxyXG4gICAgICBjbGFzcz1cImNhdGVnb3J5LWl0ZW1cIlxyXG4gICAgICBbY2xhc3Muc2VsZWN0ZWRdPVwiY2F0ZWdvcnkuaWQgPT09IHNlbGVjdGVkQ2F0ZWdvcnlJZFwiXHJcbiAgICAgIChjbGljayk9XCJvbkNhdGVnb3J5Q2xpY2soY2F0ZWdvcnkpXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiY2F0ZWdvcnktbGFiZWxcIj57eyBjYXRlZ29yeS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -35,11 +35,11 @@ export class ChipsComponent {
|
|
|
35
35
|
});
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: ChipsComponent, isStandalone: true, selector: "sa-chip", inputs: { id: "id", iconPath: "iconPath", text: "text", type: "type", state: "state", filling: "filling", iconPosition: "iconPosition", largeStateIcon: "largeStateIcon", largeStateText: "largeStateText", tooltip: "tooltip", className: "className" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"chip {{type}} {{state}} {{filling}} {{className}}\" [matTooltip]=\"tooltip\">\r\n <button type=\"button\" (click)=\"buttonClicked($event)\" id=\"icon-button_{{uuid}}\" class=\"btn_hide\"></button>\r\n <!-- (click)=\"buttonClicked()\" on button instead of label breaks whole thing -->\r\n <label for=\"icon-button_{{uuid}}\" class=\"svg-icon\" [style]=\"svgStyle\"\r\n [style.display]=\"((iconPosition == 'left' || iconPosition == 'both') && type != 'large') ? 'block' : 'none'\">\r\n </label>\r\n\r\n {{text}}\r\n\r\n <div class=\"second-svg-icon\" [style]=\"secondSvgStyle\" [style.display]=\"(type == 'large') ? 'block' : 'none'\"></div>\r\n\r\n {{type == 'large' ? largeStateText : \"\"}}\r\n\r\n <label for=\"icon-button_{{uuid}}\" class=\"svg-icon\" [style]=\"svgStyle\"\r\n [style.display]=\"((iconPosition == 'right' || iconPosition == 'both') && type != 'large') ? 'block' : 'none'\">\r\n </label>\r\n</div>\r\n", styles: [".regular{--chip-height: var(--medium-24px);--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: var(--small-16px);--font-weight: 500;--line-height: 16px;--font-size: 12px }.small{--chip-height: var(--small-18px);--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: var(--small-4px);--font-weight: 500;--line-height: 16px;--font-size: 11px }.large{--chip-height: 40px;--chip-padding: var(--small-12px) var(--medium-24px) var(--small-12px) var(--small-16px);--chip-gap: var(--small-8px);--border-radius: var(--small-16px) 0px;--font-weight: 600;--line-height: 20px;--font-size: 14px;background-color:var(--light-color)!important;color:var(--dark-color)!important;border:1px solid transparent!important}.primary{--light-color: var(--primary-50);--dark-color: var(--primary-500)}.secondary{--light-color: var(--secondary-50);--dark-color: var(--secondary-500)}.neutral{--light-color: var(--grey-50);--dark-color: var(--text-mediumemphasis)}.success{--light-color: var(--semantic-success-50);--dark-color: var(--semantic-success-500)}.error{--light-color: var(--semantic-error-50);--dark-color: var(--semantic-error-500)}.warning{--light-color: var(--semantic-yellow-50);--dark-color: var(--semantic-yellow-500)}.filled{--background-color: var(--light-color);--color: var(--dark-color);--border: 1px solid transparent}.outline{--background-color: none;--color: var(--dark-color);--border: 1px solid var(--dark-color)}.chip{display:flex;width:max-content;height:var(--chip-height);padding:var(--chip-padding);justify-content:center;align-items:center;gap:var(--chip-gap);flex-shrink:0;letter-spacing:.5px;box-sizing:border-box;font-family:var(--font);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);background-color:var(--background-color);color:var(--color);border-radius:var(--border-radius);border:var(--border);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.svg-icon{width:16px;height:16px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--dark-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.svg-icon:hover{cursor:pointer}.second-svg-icon{width:18px;height:18px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--dark-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.btn_hide{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: ChipsComponent, isStandalone: true, selector: "sa-chip", inputs: { id: "id", iconPath: "iconPath", text: "text", type: "type", state: "state", filling: "filling", iconPosition: "iconPosition", largeStateIcon: "largeStateIcon", largeStateText: "largeStateText", tooltip: "tooltip", className: "className" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"chip {{type}} {{state}} {{filling}} {{className}}\" [matTooltip]=\"tooltip\">\r\n <button type=\"button\" (click)=\"buttonClicked($event)\" id=\"icon-button_{{uuid}}\" class=\"btn_hide\"></button>\r\n <!-- (click)=\"buttonClicked()\" on button instead of label breaks whole thing -->\r\n <label for=\"icon-button_{{uuid}}\" class=\"svg-icon\" [style]=\"svgStyle\"\r\n [style.display]=\"((iconPosition == 'left' || iconPosition == 'both') && type != 'large') ? 'block' : 'none'\">\r\n </label>\r\n\r\n {{text}}\r\n\r\n <div class=\"second-svg-icon\" [style]=\"secondSvgStyle\" [style.display]=\"(type == 'large') ? 'block' : 'none'\"></div>\r\n\r\n {{type == 'large' ? largeStateText : \"\"}}\r\n\r\n <label for=\"icon-button_{{uuid}}\" class=\"svg-icon\" [style]=\"svgStyle\"\r\n [style.display]=\"((iconPosition == 'right' || iconPosition == 'both') && type != 'large') ? 'block' : 'none'\">\r\n </label>\r\n</div>\r\n", styles: [".regular{--chip-height: var(--medium-24px);--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: var(--small-16px);--font-weight: 500;--line-height: 16px;--font-size: 12px }.small{--chip-height: var(--small-18px);--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: var(--small-4px);--font-weight: 500;--line-height: 16px;--font-size: 11px }.large{--chip-height: 40px;--chip-padding: var(--small-12px) var(--medium-24px) var(--small-12px) var(--small-16px);--chip-gap: var(--small-8px);--border-radius: var(--small-16px) 0px;--font-weight: 600;--line-height: 20px;--font-size: 14px;background-color:var(--light-color)!important;color:var(--dark-color)!important;border:1px solid transparent!important}.grid{--chip-height: 24px;--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: 4px;--font-family: var(--font-family, Roboto);--font-size: 11px;--font-weight: 500;--line-height: 16px;--letter-spacing: .5px}.grid-status{--chip-height: 24px;--chip-padding: var(--small-4px, 4px) var(--small-8px, 8px);--chip-gap: var(--small-4px, 4px);--border-radius: 16px;--font-family: var(--font-family, Roboto);--font-size: 12px;--font-weight: 500;--line-height: 16px;--letter-spacing: .5px}.primary{--light-color: var(--primary-50);--dark-color: var(--primary-500)}.secondary{--light-color: var(--secondary-50);--dark-color: var(--secondary-500)}.neutral{--light-color: var(--grey-50);--dark-color: var(--text-mediumemphasis)}.success{--light-color: var(--semantic-success-50);--dark-color: var(--semantic-success-500)}.error{--light-color: var(--semantic-error-50);--dark-color: var(--semantic-error-500)}.warning{--light-color: var(--semantic-yellow-50);--dark-color: var(--semantic-yellow-500)}.filled{--background-color: var(--light-color);--color: var(--dark-color);--border: 1px solid transparent}.outline{--background-color: none;--color: var(--dark-color);--border: 1px solid var(--dark-color)}.chip{display:flex;width:max-content;height:var(--chip-height);padding:var(--chip-padding);justify-content:center;align-items:center;gap:var(--chip-gap);flex-shrink:0;letter-spacing:.5px;box-sizing:border-box;font-family:var(--font);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);background-color:var(--background-color);color:var(--color);border-radius:var(--border-radius);border:var(--border);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.svg-icon{width:16px;height:16px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--dark-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.svg-icon:hover{cursor:pointer}.second-svg-icon{width:18px;height:18px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--dark-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.btn_hide{display:none}.grid-state{--light-color: var(--grey-100, #EAECF0);--dark-color: var(--Text-Medium-Emphasis, #6D6979)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ChipsComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'sa-chip', standalone: true, imports: [CommonModule, MatTooltipModule], template: "<div class=\"chip {{type}} {{state}} {{filling}} {{className}}\" [matTooltip]=\"tooltip\">\r\n <button type=\"button\" (click)=\"buttonClicked($event)\" id=\"icon-button_{{uuid}}\" class=\"btn_hide\"></button>\r\n <!-- (click)=\"buttonClicked()\" on button instead of label breaks whole thing -->\r\n <label for=\"icon-button_{{uuid}}\" class=\"svg-icon\" [style]=\"svgStyle\"\r\n [style.display]=\"((iconPosition == 'left' || iconPosition == 'both') && type != 'large') ? 'block' : 'none'\">\r\n </label>\r\n\r\n {{text}}\r\n\r\n <div class=\"second-svg-icon\" [style]=\"secondSvgStyle\" [style.display]=\"(type == 'large') ? 'block' : 'none'\"></div>\r\n\r\n {{type == 'large' ? largeStateText : \"\"}}\r\n\r\n <label for=\"icon-button_{{uuid}}\" class=\"svg-icon\" [style]=\"svgStyle\"\r\n [style.display]=\"((iconPosition == 'right' || iconPosition == 'both') && type != 'large') ? 'block' : 'none'\">\r\n </label>\r\n</div>\r\n", styles: [".regular{--chip-height: var(--medium-24px);--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: var(--small-16px);--font-weight: 500;--line-height: 16px;--font-size: 12px }.small{--chip-height: var(--small-18px);--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: var(--small-4px);--font-weight: 500;--line-height: 16px;--font-size: 11px }.large{--chip-height: 40px;--chip-padding: var(--small-12px) var(--medium-24px) var(--small-12px) var(--small-16px);--chip-gap: var(--small-8px);--border-radius: var(--small-16px) 0px;--font-weight: 600;--line-height: 20px;--font-size: 14px;background-color:var(--light-color)!important;color:var(--dark-color)!important;border:1px solid transparent!important}.primary{--light-color: var(--primary-50);--dark-color: var(--primary-500)}.secondary{--light-color: var(--secondary-50);--dark-color: var(--secondary-500)}.neutral{--light-color: var(--grey-50);--dark-color: var(--text-mediumemphasis)}.success{--light-color: var(--semantic-success-50);--dark-color: var(--semantic-success-500)}.error{--light-color: var(--semantic-error-50);--dark-color: var(--semantic-error-500)}.warning{--light-color: var(--semantic-yellow-50);--dark-color: var(--semantic-yellow-500)}.filled{--background-color: var(--light-color);--color: var(--dark-color);--border: 1px solid transparent}.outline{--background-color: none;--color: var(--dark-color);--border: 1px solid var(--dark-color)}.chip{display:flex;width:max-content;height:var(--chip-height);padding:var(--chip-padding);justify-content:center;align-items:center;gap:var(--chip-gap);flex-shrink:0;letter-spacing:.5px;box-sizing:border-box;font-family:var(--font);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);background-color:var(--background-color);color:var(--color);border-radius:var(--border-radius);border:var(--border);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.svg-icon{width:16px;height:16px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--dark-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.svg-icon:hover{cursor:pointer}.second-svg-icon{width:18px;height:18px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--dark-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.btn_hide{display:none}\n"] }]
|
|
42
|
+
args: [{ selector: 'sa-chip', standalone: true, imports: [CommonModule, MatTooltipModule], template: "<div class=\"chip {{type}} {{state}} {{filling}} {{className}}\" [matTooltip]=\"tooltip\">\r\n <button type=\"button\" (click)=\"buttonClicked($event)\" id=\"icon-button_{{uuid}}\" class=\"btn_hide\"></button>\r\n <!-- (click)=\"buttonClicked()\" on button instead of label breaks whole thing -->\r\n <label for=\"icon-button_{{uuid}}\" class=\"svg-icon\" [style]=\"svgStyle\"\r\n [style.display]=\"((iconPosition == 'left' || iconPosition == 'both') && type != 'large') ? 'block' : 'none'\">\r\n </label>\r\n\r\n {{text}}\r\n\r\n <div class=\"second-svg-icon\" [style]=\"secondSvgStyle\" [style.display]=\"(type == 'large') ? 'block' : 'none'\"></div>\r\n\r\n {{type == 'large' ? largeStateText : \"\"}}\r\n\r\n <label for=\"icon-button_{{uuid}}\" class=\"svg-icon\" [style]=\"svgStyle\"\r\n [style.display]=\"((iconPosition == 'right' || iconPosition == 'both') && type != 'large') ? 'block' : 'none'\">\r\n </label>\r\n</div>\r\n", styles: [".regular{--chip-height: var(--medium-24px);--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: var(--small-16px);--font-weight: 500;--line-height: 16px;--font-size: 12px }.small{--chip-height: var(--small-18px);--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: var(--small-4px);--font-weight: 500;--line-height: 16px;--font-size: 11px }.large{--chip-height: 40px;--chip-padding: var(--small-12px) var(--medium-24px) var(--small-12px) var(--small-16px);--chip-gap: var(--small-8px);--border-radius: var(--small-16px) 0px;--font-weight: 600;--line-height: 20px;--font-size: 14px;background-color:var(--light-color)!important;color:var(--dark-color)!important;border:1px solid transparent!important}.grid{--chip-height: 24px;--chip-padding: var(--small-4px) var(--small-8px);--chip-gap: var(--small-4px);--border-radius: 4px;--font-family: var(--font-family, Roboto);--font-size: 11px;--font-weight: 500;--line-height: 16px;--letter-spacing: .5px}.grid-status{--chip-height: 24px;--chip-padding: var(--small-4px, 4px) var(--small-8px, 8px);--chip-gap: var(--small-4px, 4px);--border-radius: 16px;--font-family: var(--font-family, Roboto);--font-size: 12px;--font-weight: 500;--line-height: 16px;--letter-spacing: .5px}.primary{--light-color: var(--primary-50);--dark-color: var(--primary-500)}.secondary{--light-color: var(--secondary-50);--dark-color: var(--secondary-500)}.neutral{--light-color: var(--grey-50);--dark-color: var(--text-mediumemphasis)}.success{--light-color: var(--semantic-success-50);--dark-color: var(--semantic-success-500)}.error{--light-color: var(--semantic-error-50);--dark-color: var(--semantic-error-500)}.warning{--light-color: var(--semantic-yellow-50);--dark-color: var(--semantic-yellow-500)}.filled{--background-color: var(--light-color);--color: var(--dark-color);--border: 1px solid transparent}.outline{--background-color: none;--color: var(--dark-color);--border: 1px solid var(--dark-color)}.chip{display:flex;width:max-content;height:var(--chip-height);padding:var(--chip-padding);justify-content:center;align-items:center;gap:var(--chip-gap);flex-shrink:0;letter-spacing:.5px;box-sizing:border-box;font-family:var(--font);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);background-color:var(--background-color);color:var(--color);border-radius:var(--border-radius);border:var(--border);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.svg-icon{width:16px;height:16px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--dark-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.svg-icon:hover{cursor:pointer}.second-svg-icon{width:18px;height:18px;-webkit-mask-size:contain;mask-size:contain;background-color:var(--dark-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.btn_hide{display:none}.grid-state{--light-color: var(--grey-100, #EAECF0);--dark-color: var(--Text-Medium-Emphasis, #6D6979)}\n"] }]
|
|
43
43
|
}], propDecorators: { id: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], iconPath: [{
|
|
@@ -65,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
|
|
|
65
65
|
}], onClickEvent: [{
|
|
66
66
|
type: Output
|
|
67
67
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9jaGlwcy9jaGlwcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2NoaXBzL2NoaXBzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFFN0QsSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQVUsaURBQWlEO0FBUzFFLE1BQU0sT0FBTyxjQUFjO0lBUDNCO1FBb0JZLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUU1QyxhQUFRLEdBQUcsRUFBRSxDQUFBO1FBQ2IsbUJBQWMsR0FBRyxFQUFFLENBQUE7UUFDbkIsb0JBQWUsR0FBRyxFQUFFLENBQUE7UUFDcEIsU0FBSSxHQUFXLE1BQU0sRUFBRSxDQUFDO0tBc0J6QjtJQXBCQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsR0FBRztZQUNkLG9CQUFvQixFQUFFLE9BQU8sSUFBSSxDQUFDLFFBQVEsR0FBRztZQUM3QyxZQUFZLEVBQUUsT0FBTyxJQUFJLENBQUMsUUFBUSxHQUFHO1NBQ3RDLENBQUE7UUFDRCxJQUFJLENBQUMsY0FBYyxHQUFHO1lBQ3BCLG9CQUFvQixFQUFFLE9BQU8sSUFBSSxDQUFDLGNBQWMsR0FBRztZQUNuRCxZQUFZLEVBQUUsT0FBTyxJQUFJLENBQUMsY0FBYyxHQUFHO1NBQzVDLENBQUE7UUFDRCxJQUFJLENBQUMsZUFBZSxHQUFHO1lBQ3JCLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRTtTQUNaLENBQUE7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEdBQVU7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDckIsR0FBRyxJQUFJLENBQUMsZUFBZTtZQUN2QixHQUFHO1NBQ0osQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F2Q1UsY0FBYztrR0FBZCxjQUFjLDZYQ2hCM0IscTdCQWlCQSx5akdETFksWUFBWSw4QkFBRSxnQkFBZ0I7OzJGQUk3QixjQUFjO2tCQVAxQixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7OEJBS2hDLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xyXG5cclxubGV0IG5leHRJZCA9IDA7ICAgICAgICAgIC8vIHVzZWQgdG8gZ2l2ZSB1bmlxdWUgaWRzIHRvIGlucHV0cyB1c2VkIGluIGh0bWxcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2EtY2hpcCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRUb29sdGlwTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jaGlwcy5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hpcHNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgfCBudW1iZXI7XHJcbiAgQElucHV0KCkgaWNvblBhdGg6IHN0cmluZztcclxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgfCBudW1iZXI7XHJcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHN0YXRlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZmlsbGluZzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGljb25Qb3NpdGlvbjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGxhcmdlU3RhdGVJY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbGFyZ2VTdGF0ZVRleHQ6IHN0cmluZztcclxuICBASW5wdXQoKSB0b29sdGlwOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xhc3NOYW1lOiBzdHJpbmc7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIHN2Z1N0eWxlID0ge31cclxuICBzZWNvbmRTdmdTdHlsZSA9IHt9XHJcbiAgZXZlbnRFbWl0T2JqZWN0ID0ge31cclxuICB1dWlkOiBudW1iZXIgPSBuZXh0SWQrKztcclxuXHJcbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLnN2Z1N0eWxlID0ge1xyXG4gICAgICAnLXdlYmtpdC1tYXNrLWltYWdlJzogYHVybCgke3RoaXMuaWNvblBhdGh9KWAsXHJcbiAgICAgICdtYXNrLWltYWdlJzogYHVybCgke3RoaXMuaWNvblBhdGh9KWAsXHJcbiAgICB9XHJcbiAgICB0aGlzLnNlY29uZFN2Z1N0eWxlID0ge1xyXG4gICAgICAnLXdlYmtpdC1tYXNrLWltYWdlJzogYHVybCgke3RoaXMubGFyZ2VTdGF0ZUljb259KWAsXHJcbiAgICAgICdtYXNrLWltYWdlJzogYHVybCgke3RoaXMubGFyZ2VTdGF0ZUljb259KWAsXHJcbiAgICB9XHJcbiAgICB0aGlzLmV2ZW50RW1pdE9iamVjdCA9IHtcclxuICAgICAgaWQ6IHRoaXMuaWRcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGJ1dHRvbkNsaWNrZWQoZXZ0OiBFdmVudCkge1xyXG4gICAgdGhpcy5vbkNsaWNrRXZlbnQuZW1pdCh7XHJcbiAgICAgIC4uLnRoaXMuZXZlbnRFbWl0T2JqZWN0LFxyXG4gICAgICBldnRcclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJQ2hpcCB7XHJcbiAgICBpZD86IHN0cmluZyB8IG51bWJlcjtcclxuICAgIHRleHQ6IHN0cmluZztcclxuICAgIHN0YXR1cz86ICdhY3RpdmUnIHwgJ2luYWN0aXZlJyB8ICdkaXNhYmxlZCc7XHJcbiAgICB0eXBlPzogJ3NtYWxsJyB8ICdyZWd1bGFyJyB8ICdsYXJnZSc7XHJcbiAgICBzdGF0ZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ25ldXRyYWwnIHwgJ2Vycm9yJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcclxuICAgIGZpbGxpbmc/OiAnZmlsbGVkJyB8ICdvdXRsaW5lJztcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY2hpcCB7e3R5cGV9fSB7e3N0YXRlfX0ge3tmaWxsaW5nfX0ge3tjbGFzc05hbWV9fVwiIFttYXRUb29sdGlwXT1cInRvb2x0aXBcIj5cclxuICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwiYnV0dG9uQ2xpY2tlZCgkZXZlbnQpXCIgaWQ9XCJpY29uLWJ1dHRvbl97e3V1aWR9fVwiIGNsYXNzPVwiYnRuX2hpZGVcIj48L2J1dHRvbj5cclxuICA8IS0tIChjbGljayk9XCJidXR0b25DbGlja2VkKClcIiBvbiBidXR0b24gaW5zdGVhZCBvZiBsYWJlbCBicmVha3Mgd2hvbGUgdGhpbmcgLS0+XHJcbiAgPGxhYmVsIGZvcj1cImljb24tYnV0dG9uX3t7dXVpZH19XCIgY2xhc3M9XCJzdmctaWNvblwiIFtzdHlsZV09XCJzdmdTdHlsZVwiXHJcbiAgICBbc3R5bGUuZGlzcGxheV09XCIoKGljb25Qb3NpdGlvbiA9PSAnbGVmdCcgfHwgaWNvblBvc2l0aW9uID09ICdib3RoJykgJiYgdHlwZSAhPSAnbGFyZ2UnKSA/ICdibG9jaycgOiAnbm9uZSdcIj5cclxuICA8L2xhYmVsPlxyXG5cclxuICB7e3RleHR9fVxyXG5cclxuICA8ZGl2IGNsYXNzPVwic2Vjb25kLXN2Zy1pY29uXCIgW3N0eWxlXT1cInNlY29uZFN2Z1N0eWxlXCIgW3N0eWxlLmRpc3BsYXldPVwiKHR5cGUgPT0gJ2xhcmdlJykgPyAnYmxvY2snIDogJ25vbmUnXCI+PC9kaXY+XHJcblxyXG4gIHt7dHlwZSA9PSAnbGFyZ2UnID8gbGFyZ2VTdGF0ZVRleHQgOiBcIlwifX1cclxuXHJcbiAgPGxhYmVsIGZvcj1cImljb24tYnV0dG9uX3t7dXVpZH19XCIgY2xhc3M9XCJzdmctaWNvblwiIFtzdHlsZV09XCJzdmdTdHlsZVwiXHJcbiAgICBbc3R5bGUuZGlzcGxheV09XCIoKGljb25Qb3NpdGlvbiA9PSAncmlnaHQnIHx8IGljb25Qb3NpdGlvbiA9PSAnYm90aCcpICYmIHR5cGUgIT0gJ2xhcmdlJykgPyAnYmxvY2snIDogJ25vbmUnXCI+XHJcbiAgPC9sYWJlbD5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { AgGridModule } from 'ag-grid-angular';
|
|
4
|
+
import { GridCellComponent } from '../grid-cell/grid-cell.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "ag-grid-angular";
|
|
7
|
+
export class DataGridComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.columnDefs = [];
|
|
10
|
+
this.rowData = [];
|
|
11
|
+
this.defaultColDef = {
|
|
12
|
+
sortable: true,
|
|
13
|
+
filter: true,
|
|
14
|
+
resizable: true
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
onGridReady(params) {
|
|
18
|
+
this.gridApi = params.api;
|
|
19
|
+
DataGridComponent.gridApiInstance = params.api;
|
|
20
|
+
this.gridApi.sizeColumnsToFit();
|
|
21
|
+
}
|
|
22
|
+
static updateCellContent(gridApi, rowIndex, field, newParams) {
|
|
23
|
+
const rowNode = gridApi.getDisplayedRowAtIndex(rowIndex);
|
|
24
|
+
if (!rowNode) {
|
|
25
|
+
console.error(`Row at index ${rowIndex} not found.`);
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
const paramKey = `${field}_cellParams`;
|
|
29
|
+
const existingParams = rowNode.data[paramKey] || {};
|
|
30
|
+
const updatedParams = {
|
|
31
|
+
...existingParams,
|
|
32
|
+
...newParams,
|
|
33
|
+
};
|
|
34
|
+
rowNode.data[paramKey] = updatedParams;
|
|
35
|
+
gridApi.applyTransaction({ update: [rowNode.data] });
|
|
36
|
+
gridApi.refreshCells({ rowNodes: [rowNode], columns: [field], force: true });
|
|
37
|
+
}
|
|
38
|
+
// Helper method to create a cell with chips
|
|
39
|
+
static createChipsCell(chips, config = {}) {
|
|
40
|
+
return {
|
|
41
|
+
cellType: 'chips',
|
|
42
|
+
viewChip: true,
|
|
43
|
+
viewText: false,
|
|
44
|
+
viewLeadingIcon: false,
|
|
45
|
+
viewTrailingIcon: false,
|
|
46
|
+
viewButton: false,
|
|
47
|
+
viewAvatar: false,
|
|
48
|
+
chipConfig: chips.map(chip => ({
|
|
49
|
+
id: chip.id || '',
|
|
50
|
+
text: chip.text || '',
|
|
51
|
+
type: chip.type || 'default',
|
|
52
|
+
state: chip.state || 'default',
|
|
53
|
+
...chip
|
|
54
|
+
})),
|
|
55
|
+
...config
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
// Helper method to create a text cell
|
|
59
|
+
static createTextCell(text, config = {}) {
|
|
60
|
+
return {
|
|
61
|
+
cellType: 'text',
|
|
62
|
+
viewText: true,
|
|
63
|
+
viewChip: false,
|
|
64
|
+
viewLeadingIcon: false,
|
|
65
|
+
viewTrailingIcon: false,
|
|
66
|
+
viewButton: false,
|
|
67
|
+
viewAvatar: false,
|
|
68
|
+
text,
|
|
69
|
+
...config
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
// Helper method to create an avatar cell
|
|
73
|
+
static createAvatarCell(config) {
|
|
74
|
+
return {
|
|
75
|
+
cellType: 'avatar',
|
|
76
|
+
viewText: true,
|
|
77
|
+
viewChip: false,
|
|
78
|
+
viewLeadingIcon: false,
|
|
79
|
+
viewTrailingIcon: false,
|
|
80
|
+
viewButton: false,
|
|
81
|
+
viewAvatar: true,
|
|
82
|
+
text: config.text,
|
|
83
|
+
subText: config.subText,
|
|
84
|
+
avatarConfig: {
|
|
85
|
+
id: config.text,
|
|
86
|
+
size: config.avatarConfig.size,
|
|
87
|
+
imagePath: config.avatarConfig.imagePath,
|
|
88
|
+
altText: config.avatarConfig.altText
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
}
|
|
92
|
+
// Helper method to create an actions cell
|
|
93
|
+
static createActionsCell(config) {
|
|
94
|
+
return {
|
|
95
|
+
cellType: 'actions',
|
|
96
|
+
viewText: false,
|
|
97
|
+
viewChip: false,
|
|
98
|
+
viewLeadingIcon: false,
|
|
99
|
+
viewTrailingIcon: false,
|
|
100
|
+
viewButton: true,
|
|
101
|
+
viewAvatar: false,
|
|
102
|
+
actions: config.actions,
|
|
103
|
+
buttonConfig: {
|
|
104
|
+
id: 'actions-button',
|
|
105
|
+
text: '',
|
|
106
|
+
type: 'transparent',
|
|
107
|
+
state: 'default',
|
|
108
|
+
size: 'small',
|
|
109
|
+
imagePath: '/assets/frameIcon.svg',
|
|
110
|
+
iconPosition: 'both',
|
|
111
|
+
onClick: (event) => {
|
|
112
|
+
if (config.actions) {
|
|
113
|
+
console.log('Actions available:', config.actions);
|
|
114
|
+
config.actions.forEach(action => {
|
|
115
|
+
console.log(`Action ${action.label} available`);
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: DataGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: DataGridComponent, isStandalone: true, selector: "sa-data-grid", inputs: { columnDefs: "columnDefs", rowData: "rowData", defaultColDef: "defaultColDef" }, ngImport: i0, template: "<ag-grid-angular\r\n class=\"ag-theme-alpine sa-grid-theme\"\r\n [columnDefs]=\"columnDefs\"\r\n [rowData]=\"rowData\"\r\n [defaultColDef]=\"defaultColDef\"\r\n (gridReady)=\"onGridReady($event)\"\r\n domLayout='autoHeight'\r\n></ag-grid-angular>\r\n", styles: ["::ng-deep .sa-grid-theme{--ag-header-background-color: var(--primary-50, #F4EBFF);--ag-header-foreground-color: var(--text-secondary);--ag-row-hover-color: var(--surface-hover);--ag-selected-row-background-color: var(--surface-selected);--ag-odd-row-background-color: transparent;--ag-row-border-color: var(--grey-100, #EAECF0);--ag-cell-horizontal-padding: 16px;--ag-header-column-separator-display: none;--ag-borders: solid 1px;--ag-border-color: var(--grey-100, #EAECF0);font-family:var(--font-family);overflow:visible!important}::ng-deep .sa-grid-theme .ag-header-cell{font-size:12px;font-weight:500;line-height:16px;color:var(--Text-High-Emphasis, #1C1B20);font-family:var(--font-family, Roboto);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}::ng-deep .sa-grid-theme .ag-theme-alpine .ag-row,.ag-theme-alpine .ag-cell{overflow:visible!important;z-index:auto}::ng-deep .sa-grid-theme .ag-cell{font-size:14px;line-height:20px}::ng-deep .sa-grid-theme .ag-row{border-bottom:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF)}::ng-deep .sa-grid-theme .ag-row:last-child{border-bottom:none}::ng-deep .sa-grid-theme .ag-header-viewport{border-bottom:1px solid var(--grey-100, #EAECF0);background:var(--primary-50, #F4EBFF)}::ng-deep .sa-grid-theme .main-text{color:var(--text-high-emphasis, #1C1B20);font-family:var(--font-family-roboto, Roboto);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}::ng-deep .sa-grid-theme .ag-header{border-bottom:none}::ng-deep .sa-grid-theme .avatar-img{background:none}::ng-deep .sa-grid-theme .grid-text{display:flex!important;flex-direction:row!important;gap:4px}::ng-deep .sa-grid-theme .grid-text .sub-text{font-family:var(--font-family-roboto, Roboto);font-size:14px;font-style:normal;font-weight:400;height:20px;line-height:20px;letter-spacing:.25px}::ng-deep .sa-grid-theme .ag-ltr .ag-cell-focus{outline:none!important;border:none!important}::ng-deep .sa-grid-theme .ag-root-wrapper{overflow:visible!important}::ng-deep .sa-grid-theme .ag-root{overflow:visible!important}::ng-deep .sa-grid-theme .ag-body-viewport{overflow:visible!important}::ng-deep .sa-grid-theme .ag-center-cols-container{overflow:visible!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AgGridModule }, { kind: "component", type: i1.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }] }); }
|
|
124
|
+
}
|
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: DataGridComponent, decorators: [{
|
|
126
|
+
type: Component,
|
|
127
|
+
args: [{ selector: 'sa-data-grid', standalone: true, imports: [CommonModule, AgGridModule, GridCellComponent], template: "<ag-grid-angular\r\n class=\"ag-theme-alpine sa-grid-theme\"\r\n [columnDefs]=\"columnDefs\"\r\n [rowData]=\"rowData\"\r\n [defaultColDef]=\"defaultColDef\"\r\n (gridReady)=\"onGridReady($event)\"\r\n domLayout='autoHeight'\r\n></ag-grid-angular>\r\n", styles: ["::ng-deep .sa-grid-theme{--ag-header-background-color: var(--primary-50, #F4EBFF);--ag-header-foreground-color: var(--text-secondary);--ag-row-hover-color: var(--surface-hover);--ag-selected-row-background-color: var(--surface-selected);--ag-odd-row-background-color: transparent;--ag-row-border-color: var(--grey-100, #EAECF0);--ag-cell-horizontal-padding: 16px;--ag-header-column-separator-display: none;--ag-borders: solid 1px;--ag-border-color: var(--grey-100, #EAECF0);font-family:var(--font-family);overflow:visible!important}::ng-deep .sa-grid-theme .ag-header-cell{font-size:12px;font-weight:500;line-height:16px;color:var(--Text-High-Emphasis, #1C1B20);font-family:var(--font-family, Roboto);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}::ng-deep .sa-grid-theme .ag-theme-alpine .ag-row,.ag-theme-alpine .ag-cell{overflow:visible!important;z-index:auto}::ng-deep .sa-grid-theme .ag-cell{font-size:14px;line-height:20px}::ng-deep .sa-grid-theme .ag-row{border-bottom:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF)}::ng-deep .sa-grid-theme .ag-row:last-child{border-bottom:none}::ng-deep .sa-grid-theme .ag-header-viewport{border-bottom:1px solid var(--grey-100, #EAECF0);background:var(--primary-50, #F4EBFF)}::ng-deep .sa-grid-theme .main-text{color:var(--text-high-emphasis, #1C1B20);font-family:var(--font-family-roboto, Roboto);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}::ng-deep .sa-grid-theme .ag-header{border-bottom:none}::ng-deep .sa-grid-theme .avatar-img{background:none}::ng-deep .sa-grid-theme .grid-text{display:flex!important;flex-direction:row!important;gap:4px}::ng-deep .sa-grid-theme .grid-text .sub-text{font-family:var(--font-family-roboto, Roboto);font-size:14px;font-style:normal;font-weight:400;height:20px;line-height:20px;letter-spacing:.25px}::ng-deep .sa-grid-theme .ag-ltr .ag-cell-focus{outline:none!important;border:none!important}::ng-deep .sa-grid-theme .ag-root-wrapper{overflow:visible!important}::ng-deep .sa-grid-theme .ag-root{overflow:visible!important}::ng-deep .sa-grid-theme .ag-body-viewport{overflow:visible!important}::ng-deep .sa-grid-theme .ag-center-cols-container{overflow:visible!important}\n"] }]
|
|
128
|
+
}], propDecorators: { columnDefs: [{
|
|
129
|
+
type: Input
|
|
130
|
+
}], rowData: [{
|
|
131
|
+
type: Input
|
|
132
|
+
}], defaultColDef: [{
|
|
133
|
+
type: Input
|
|
134
|
+
}] } });
|
|
135
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvZGF0YS1ncmlkL2RhdGEtZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2RhdGEtZ3JpZC9kYXRhLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBWXJFLE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFTVyxlQUFVLEdBQWEsRUFBRSxDQUFDO1FBQzFCLFlBQU8sR0FBVSxFQUFFLENBQUM7UUFDcEIsa0JBQWEsR0FBVztZQUMvQixRQUFRLEVBQUUsSUFBSTtZQUNkLE1BQU0sRUFBRSxJQUFJO1lBQ1osU0FBUyxFQUFFLElBQUk7U0FDaEIsQ0FBQztLQXVJSDtJQW5JQyxXQUFXLENBQUMsTUFBc0I7UUFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFDO1FBQzFCLGlCQUFpQixDQUFDLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFDO1FBQy9DLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsTUFBTSxDQUFDLGlCQUFpQixDQUN0QixPQUFnQixFQUNoQixRQUFnQixFQUNoQixLQUFhLEVBQ2IsU0FBaUM7UUFFakMsTUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLHNCQUFz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SztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQWdHcmlkTW9kdWxlIH0gZnJvbSAnYWctZ3JpZC1hbmd1bGFyJztcclxuaW1wb3J0IHsgR3JpZENlbGxDb21wb25lbnQgfSBmcm9tICcuLi9ncmlkLWNlbGwvZ3JpZC1jZWxsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENvbERlZiwgR3JpZEFwaSwgR3JpZFJlYWR5RXZlbnQgfSBmcm9tICdhZy1ncmlkLWNvbW11bml0eSc7XHJcbmltcG9ydCB7IEdyaWRJbnRlcmZhY2UgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL2dyaWQtaW50ZXJmYWNlJztcclxuaW1wb3J0IHsgQnV0dG9uSW50ZXJmYWNlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9idXR0b24taW50ZXJmYWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2EtZGF0YS1ncmlkJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFnR3JpZE1vZHVsZSwgR3JpZENlbGxDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhLWdyaWQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9kYXRhLWdyaWQuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGFHcmlkQ29tcG9uZW50IHtcclxuICBwdWJsaWMgc3RhdGljIGdyaWRBcGlJbnN0YW5jZTogR3JpZEFwaTtcclxuICBASW5wdXQoKSBjb2x1bW5EZWZzOiBDb2xEZWZbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHJvd0RhdGE6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgZGVmYXVsdENvbERlZjogQ29sRGVmID0ge1xyXG4gICAgc29ydGFibGU6IHRydWUsXHJcbiAgICBmaWx0ZXI6IHRydWUsXHJcbiAgICByZXNpemFibGU6IHRydWVcclxuICB9O1xyXG5cclxuICBwcml2YXRlIGdyaWRBcGkhOiBHcmlkQXBpO1xyXG5cclxuICBvbkdyaWRSZWFkeShwYXJhbXM6IEdyaWRSZWFkeUV2ZW50KSB7XHJcbiAgICB0aGlzLmdyaWRBcGkgPSBwYXJhbXMuYXBpO1xyXG4gICAgRGF0YUdyaWRDb21wb25lbnQuZ3JpZEFwaUluc3RhbmNlID0gcGFyYW1zLmFwaTtcclxuICAgIHRoaXMuZ3JpZEFwaS5zaXplQ29sdW1uc1RvRml0KCk7XHJcbiAgfVxyXG5cclxuICBzdGF0aWMgdXBkYXRlQ2VsbENvbnRlbnQoXHJcbiAgICBncmlkQXBpOiBHcmlkQXBpLFxyXG4gICAgcm93SW5kZXg6IG51bWJlcixcclxuICAgIGZpZWxkOiBzdHJpbmcsXHJcbiAgICBuZXdQYXJhbXM6IFBhcnRpYWw8R3JpZEludGVyZmFjZT5cclxuICApIHtcclxuICAgIGNvbnN0IHJvd05vZGUgPSBncmlkQXBpLmdldERpc3BsYXllZFJvd0F0SW5kZXgocm93SW5kZXgpO1xyXG4gIFxyXG4gICAgaWYgKCFyb3dOb2RlKSB7XHJcbiAgICAgIGNvbnNvbGUuZXJyb3IoYFJvdyBhdCBpbmRleCAke3Jvd0luZGV4fSBub3QgZm91bmQuYCk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICBcclxuICAgIGNvbnN0IHBhcmFtS2V5ID0gYCR7ZmllbGR9X2NlbGxQYXJhbXNgO1xyXG4gIFxyXG4gICAgY29uc3QgZXhpc3RpbmdQYXJhbXM6IFBhcnRpYWw8R3JpZEludGVyZmFjZT4gPVxyXG4gICAgICByb3dOb2RlLmRhdGFbcGFyYW1LZXldIHx8IHt9O1xyXG4gIFxyXG4gICAgY29uc3QgdXBkYXRlZFBhcmFtczogUGFydGlhbDxHcmlkSW50ZXJmYWNlPiA9IHtcclxuICAgICAgLi4uZXhpc3RpbmdQYXJhbXMsXHJcbiAgICAgIC4uLm5ld1BhcmFtcyxcclxuICAgIH07XHJcbiAgXHJcbiAgICByb3dOb2RlLmRhdGFbcGFyYW1LZXldID0gdXBkYXRlZFBhcmFtcztcclxuICBcclxuICAgIGdyaWRBcGkuYXBwbHlUcmFuc2FjdGlvbih7IHVwZGF0ZTogW3Jvd05vZGUuZGF0YV0gfSk7XHJcbiAgICBncmlkQXBpLnJlZnJlc2hDZWxscyh7IHJvd05vZGVzOiBbcm93Tm9kZV0sIGNvbHVtbnM6IFtmaWVsZF0sIGZvcmNlOiB0cnVlIH0pO1xyXG4gIH1cclxuXHJcbiAgLy8gSGVscGVyIG1ldGhvZCB0byBjcmVhdGUgYSBjZWxsIHdpdGggY2hpcHNcclxuICBzdGF0aWMgY3JlYXRlQ2hpcHNDZWxsKGNoaXBzOiBhbnlbXSwgY29uZmlnOiBQYXJ0aWFsPEdyaWRJbnRlcmZhY2U+ID0ge30pOiBHcmlkSW50ZXJmYWNlIHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIGNlbGxUeXBlOiAnY2hpcHMnLFxyXG4gICAgICB2aWV3Q2hpcDogdHJ1ZSxcclxuICAgICAgdmlld1RleHQ6IGZhbHNlLFxyXG4gICAgICB2aWV3TGVhZGluZ0ljb246IGZhbHNlLFxyXG4gICAgICB2aWV3VHJhaWxpbmdJY29uOiBmYWxzZSxcclxuICAgICAgdmlld0J1dHRvbjogZmFsc2UsXHJcbiAgICAgIHZpZXdBdmF0YXI6IGZhbHNlLFxyXG4gICAgICBjaGlwQ29uZmlnOiBjaGlwcy5tYXAoY2hpcCA9PiAoe1xyXG4gICAgICAgIGlkOiBjaGlwLmlkIHx8ICcnLFxyXG4gICAgICAgIHRleHQ6IGNoaXAudGV4dCB8fCAnJyxcclxuICAgICAgICB0eXBlOiBjaGlwLnR5cGUgfHwgJ2RlZmF1bHQnLFxyXG4gICAgICAgIHN0YXRlOiBjaGlwLnN0YXRlIHx8ICdkZWZhdWx0JyxcclxuICAgICAgICAuLi5jaGlwXHJcbiAgICAgIH0pKSxcclxuICAgICAgLi4uY29uZmlnXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgLy8gSGVscGVyIG1ldGhvZCB0byBjcmVhdGUgYSB0ZXh0IGNlbGxcclxuICBzdGF0aWMgY3JlYXRlVGV4dENlbGwodGV4dDogc3RyaW5nLCBjb25maWc6IFBhcnRpYWw8R3JpZEludGVyZmFjZT4gPSB7fSk6IEdyaWRJbnRlcmZhY2Uge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgY2VsbFR5cGU6ICd0ZXh0JyxcclxuICAgICAgdmlld1RleHQ6IHRydWUsXHJcbiAgICAgIHZpZXdDaGlwOiBmYWxzZSxcclxuICAgICAgdmlld0xlYWRpbmdJY29uOiBmYWxzZSxcclxuICAgICAgdmlld1RyYWlsaW5nSWNvbjogZmFsc2UsXHJcbiAgICAgIHZpZXdCdXR0b246IGZhbHNlLFxyXG4gICAgICB2aWV3QXZhdGFyOiBmYWxzZSxcclxuICAgICAgdGV4dCxcclxuICAgICAgLi4uY29uZmlnXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgLy8gSGVscGVyIG1ldGhvZCB0byBjcmVhdGUgYW4gYXZhdGFyIGNlbGxcclxuICBzdGF0aWMgY3JlYXRlQXZhdGFyQ2VsbChjb25maWc6IHtcclxuICAgIHRleHQ6IHN0cmluZztcclxuICAgIHN1YlRleHQ/OiBzdHJpbmc7XHJcbiAgICBhdmF0YXJDb25maWc6IHtcclxuICAgICAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJztcclxuICAgICAgaW1hZ2VQYXRoOiBzdHJpbmc7XHJcbiAgICAgIGFsdFRleHQ6IHN0cmluZztcclxuICAgIH07XHJcbiAgfSk6IEdyaWRJbnRlcmZhY2Uge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgY2VsbFR5cGU6ICdhdmF0YXInLFxyXG4gICAgICB2aWV3VGV4dDogdHJ1ZSxcclxuICAgICAgdmlld0NoaXA6IGZhbHNlLFxyXG4gICAgICB2aWV3TGVhZGluZ0ljb246IGZhbHNlLFxyXG4gICAgICB2aWV3VHJhaWxpbmdJY29uOiBmYWxzZSxcclxuICAgICAgdmlld0J1dHRvbjogZmFsc2UsXHJcbiAgICAgIHZpZXdBdmF0YXI6IHRydWUsXHJcbiAgICAgIHRleHQ6IGNvbmZpZy50ZXh0LFxyXG4gICAgICBzdWJUZXh0OiBjb25maWcuc3ViVGV4dCxcclxuICAgICAgYXZhdGFyQ29uZmlnOiB7XHJcbiAgICAgICAgaWQ6IGNvbmZpZy50ZXh0LFxyXG4gICAgICAgIHNpemU6IGNvbmZpZy5hdmF0YXJDb25maWcuc2l6ZSxcclxuICAgICAgICBpbWFnZVBhdGg6IGNvbmZpZy5hdmF0YXJDb25maWcuaW1hZ2VQYXRoLFxyXG4gICAgICAgIGFsdFRleHQ6IGNvbmZpZy5hdmF0YXJDb25maWcuYWx0VGV4dFxyXG4gICAgICB9XHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgLy8gSGVscGVyIG1ldGhvZCB0byBjcmVhdGUgYW4gYWN0aW9ucyBjZWxsXHJcbiAgc3RhdGljIGNyZWF0ZUFjdGlvbnNDZWxsKGNvbmZpZzogeyBhY3Rpb25zOiBBcnJheTx7IGxhYmVsOiBzdHJpbmcsIG9uQ2xpY2s6ICgpID0+IHZvaWQsIGljb246IHN0cmluZywgY2xhc3M/OiBzdHJpbmcgfT4gfSk6IEdyaWRJbnRlcmZhY2Uge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgY2VsbFR5cGU6ICdhY3Rpb25zJyxcclxuICAgICAgdmlld1RleHQ6IGZhbHNlLFxyXG4gICAgICB2aWV3Q2hpcDogZmFsc2UsXHJcbiAgICAgIHZpZXdMZWFkaW5nSWNvbjogZmFsc2UsXHJcbiAgICAgIHZpZXdUcmFpbGluZ0ljb246IGZhbHNlLFxyXG4gICAgICB2aWV3QnV0dG9uOiB0cnVlLFxyXG4gICAgICB2aWV3QXZhdGFyOiBmYWxzZSxcclxuICAgICAgYWN0aW9uczogY29uZmlnLmFjdGlvbnMsXHJcbiAgICAgIGJ1dHRvbkNvbmZpZzoge1xyXG4gICAgICAgIGlkOiAnYWN0aW9ucy1idXR0b24nLFxyXG4gICAgICAgIHRleHQ6ICcnLFxyXG4gICAgICAgIHR5cGU6ICd0cmFuc3BhcmVudCcsXHJcbiAgICAgICAgc3RhdGU6ICdkZWZhdWx0JyxcclxuICAgICAgICBzaXplOiAnc21hbGwnLFxyXG4gICAgICAgIGltYWdlUGF0aDogJy9hc3NldHMvZnJhbWVJY29uLnN2ZycsXHJcbiAgICAgICAgaWNvblBvc2l0aW9uOiAnYm90aCcsXHJcbiAgICAgICAgb25DbGljazogKGV2ZW50OiBhbnkpID0+IHtcclxuICAgICAgICAgIGlmIChjb25maWcuYWN0aW9ucykge1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZygnQWN0aW9ucyBhdmFpbGFibGU6JywgY29uZmlnLmFjdGlvbnMpO1xyXG4gICAgICAgICAgICBjb25maWcuYWN0aW9ucy5mb3JFYWNoKGFjdGlvbiA9PiB7XHJcbiAgICAgICAgICAgICAgY29uc29sZS5sb2coYEFjdGlvbiAke2FjdGlvbi5sYWJlbH0gYXZhaWxhYmxlYCk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfTtcclxuICB9XHJcbiAgXHJcbn1cclxuIiwiPGFnLWdyaWQtYW5ndWxhclxyXG4gIGNsYXNzPVwiYWctdGhlbWUtYWxwaW5lIHNhLWdyaWQtdGhlbWVcIlxyXG4gIFtjb2x1bW5EZWZzXT1cImNvbHVtbkRlZnNcIlxyXG4gIFtyb3dEYXRhXT1cInJvd0RhdGFcIlxyXG4gIFtkZWZhdWx0Q29sRGVmXT1cImRlZmF1bHRDb2xEZWZcIlxyXG4gIChncmlkUmVhZHkpPVwib25HcmlkUmVhZHkoJGV2ZW50KVwiXHJcbiAgZG9tTGF5b3V0PSdhdXRvSGVpZ2h0J1xyXG4+PC9hZy1ncmlkLWFuZ3VsYXI+XHJcbiJdfQ==
|