@sarasanalytics-com/design-system 0.0.179 → 0.0.180
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.
|
@@ -48,10 +48,10 @@ export class GridHeaderComponent {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: GridHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: GridHeaderComponent, isStandalone: true, selector: "sa-grid-header", ngImport: i0, template: "<div class=\"grid-header-container\" (click)=\"onSortRequested($event)\">\n <!-- Leading Icon -->\n @if(showLeadingIcon && leadingIcon) {\n <span class=\"leading-icon-container\">\n <sa-icon \n [icon]=\"leadingIcon\" \n [size]=\"leadingIconSize\"\n class=\"leading-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Header Text -->\n <span class=\"header-text\">{{ displayName }}</span>\n \n <!-- Trailing Icon (without tooltip) -->\n @if(showTrailingIcon && trailingIcon && !showInfoIcon) {\n <span class=\"trailing-icon-container\">\n <sa-icon \n [icon]=\"trailingIcon\" \n [size]=\"trailingIconSize\"\n class=\"trailing-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Info Icon with Tooltip -->\n @if(showInfoIcon && tooltip) {\n <span class=\"info-icon-container\">\n <sa-icon \n [icon]=\"tooltipIcon\" \n [size]=\"tooltipIconSize\"\n [matTooltip]=\"tooltip\"\n matTooltipClass=\"custom-tooltip\"\n class=\"info-icon\">\n </sa-icon>\n </span>\n }\n</div>\n", styles: [".grid-header-container{display:flex;align-items:center;gap:var(--small-8px);cursor:pointer;-webkit-user-select:none;user-select:none}.leading-icon-container,.trailing-icon-container,.info-icon-container{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "imgWidth", "imgHeight", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget", "iconPosition"], outputs: ["onClickEvent"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: GridHeaderComponent, isStandalone: true, selector: "sa-grid-header", ngImport: i0, template: "<div class=\"grid-header-container\" (click)=\"onSortRequested($event)\">\n <!-- Leading Icon -->\n @if(showLeadingIcon && leadingIcon) {\n <span class=\"leading-icon-container\">\n <sa-icon \n [icon]=\"leadingIcon\" \n [size]=\"leadingIconSize\"\n class=\"leading-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Header Text -->\n <span class=\"header-text\">{{ displayName }}</span>\n \n <!-- Trailing Icon (without tooltip) -->\n @if(showTrailingIcon && trailingIcon && !showInfoIcon) {\n <span class=\"trailing-icon-container\">\n <sa-icon \n [icon]=\"trailingIcon\" \n [size]=\"trailingIconSize\"\n class=\"trailing-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Info Icon with Tooltip -->\n @if(showInfoIcon && tooltip) {\n <span class=\"info-icon-container\">\n <sa-icon \n [icon]=\"tooltipIcon\" \n [size]=\"tooltipIconSize\"\n [matTooltip]=\"tooltip\"\n matTooltipClass=\"custom-tooltip\"\n class=\"info-icon\">\n </sa-icon>\n </span>\n }\n</div>\n", styles: [".grid-header-container{display:flex;align-items:center;gap:var(--small-8px);cursor:pointer;-webkit-user-select:none;user-select:none}.leading-icon-container,.trailing-icon-container,.info-icon-container{display:flex;align-items:center;justify-content:center}.grid-header-container sa-icon{display:flex;padding-bottom:.125rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "imgWidth", "imgHeight", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget", "iconPosition"], outputs: ["onClickEvent"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: GridHeaderComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
|
-
args: [{ selector: 'sa-grid-header', standalone: true, imports: [CommonModule, IconComponent, MatTooltipModule], template: "<div class=\"grid-header-container\" (click)=\"onSortRequested($event)\">\n <!-- Leading Icon -->\n @if(showLeadingIcon && leadingIcon) {\n <span class=\"leading-icon-container\">\n <sa-icon \n [icon]=\"leadingIcon\" \n [size]=\"leadingIconSize\"\n class=\"leading-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Header Text -->\n <span class=\"header-text\">{{ displayName }}</span>\n \n <!-- Trailing Icon (without tooltip) -->\n @if(showTrailingIcon && trailingIcon && !showInfoIcon) {\n <span class=\"trailing-icon-container\">\n <sa-icon \n [icon]=\"trailingIcon\" \n [size]=\"trailingIconSize\"\n class=\"trailing-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Info Icon with Tooltip -->\n @if(showInfoIcon && tooltip) {\n <span class=\"info-icon-container\">\n <sa-icon \n [icon]=\"tooltipIcon\" \n [size]=\"tooltipIconSize\"\n [matTooltip]=\"tooltip\"\n matTooltipClass=\"custom-tooltip\"\n class=\"info-icon\">\n </sa-icon>\n </span>\n }\n</div>\n", styles: [".grid-header-container{display:flex;align-items:center;gap:var(--small-8px);cursor:pointer;-webkit-user-select:none;user-select:none}.leading-icon-container,.trailing-icon-container,.info-icon-container{display:flex;align-items:center;justify-content:center}\n"] }]
|
|
55
|
+
args: [{ selector: 'sa-grid-header', standalone: true, imports: [CommonModule, IconComponent, MatTooltipModule], template: "<div class=\"grid-header-container\" (click)=\"onSortRequested($event)\">\n <!-- Leading Icon -->\n @if(showLeadingIcon && leadingIcon) {\n <span class=\"leading-icon-container\">\n <sa-icon \n [icon]=\"leadingIcon\" \n [size]=\"leadingIconSize\"\n class=\"leading-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Header Text -->\n <span class=\"header-text\">{{ displayName }}</span>\n \n <!-- Trailing Icon (without tooltip) -->\n @if(showTrailingIcon && trailingIcon && !showInfoIcon) {\n <span class=\"trailing-icon-container\">\n <sa-icon \n [icon]=\"trailingIcon\" \n [size]=\"trailingIconSize\"\n class=\"trailing-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Info Icon with Tooltip -->\n @if(showInfoIcon && tooltip) {\n <span class=\"info-icon-container\">\n <sa-icon \n [icon]=\"tooltipIcon\" \n [size]=\"tooltipIconSize\"\n [matTooltip]=\"tooltip\"\n matTooltipClass=\"custom-tooltip\"\n class=\"info-icon\">\n </sa-icon>\n </span>\n }\n</div>\n", styles: [".grid-header-container{display:flex;align-items:center;gap:var(--small-8px);cursor:pointer;-webkit-user-select:none;user-select:none}.leading-icon-container,.trailing-icon-container,.info-icon-container{display:flex;align-items:center;justify-content:center}.grid-header-container sa-icon{display:flex;padding-bottom:.125rem}\n"] }]
|
|
56
56
|
}] });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9ncmlkLWhlYWRlci9ncmlkLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2dyaWQtaGVhZGVyL2dyaWQtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHMUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBMkIvQyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBU0UsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFekIsMEJBQTBCO1FBQzFCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQVcsSUFBSSxDQUFDO1FBQy9CLG9CQUFlLEdBQVksS0FBSyxDQUFDO1FBRWpDLDJCQUEyQjtRQUMzQixpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQixxQkFBZ0IsR0FBVyxJQUFJLENBQUM7UUFDaEMscUJBQWdCLEdBQVksS0FBSyxDQUFDO1FBRWxDLHFCQUFxQjtRQUNyQixZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGdCQUFXLEdBQVcsb0JBQW9CLENBQUM7UUFDM0MsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsb0JBQWUsR0FBVyxJQUFJLENBQUM7S0FpQ2hDO0lBL0JDLE1BQU0sQ0FBQyxNQUEwQjtRQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLElBQUksRUFBRSxDQUFDO1FBRTVDLDZCQUE2QjtRQUM3QixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLElBQUksRUFBRSxDQUFDO1FBQzVDLElBQUksQ0FBQyxlQUFlLEdBQUcsTUFBTSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUM7UUFDdEQsSUFBSSxDQUFDLGVBQWUsR0FBRyxNQUFNLENBQUMsZUFBZSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBRTdGLDhCQUE4QjtRQUM5QixJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxZQUFZLElBQUksRUFBRSxDQUFDO1FBQzlDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDO1FBQ3hELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUVoRyx3QkFBd0I7UUFDeEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxJQUFJLEVBQUUsQ0FBQztRQUNwQyxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLElBQUksb0JBQW9CLENBQUM7UUFDOUQsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUMsWUFBWSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQ3BGLElBQUksQ0FBQyxlQUFlLEdBQUcsTUFBTSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUM7SUFDeEQsQ0FBQztJQUVELE9BQU8sQ0FBQyxNQUEwQjtRQUNoQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFVO1FBQ3hCLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDM0MsQ0FBQztJQUNILENBQUM7OEdBbERVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDBFQ2hDaEMsb2tDQXVDQSxnWURYWSxZQUFZLCtCQUFFLGFBQWEsNk5BQUUsZ0JBQWdCOzsyRkFJNUMsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElIZWFkZXJBbmd1bGFyQ29tcCB9IGZyb20gJ2FnLWdyaWQtYW5ndWxhcic7XG5pbXBvcnQgeyBJSGVhZGVyUGFyYW1zIH0gZnJvbSAnYWctZ3JpZC1jb21tdW5pdHknO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuZXhwb3J0IGludGVyZmFjZSBDdXN0b21IZWFkZXJQYXJhbXMgZXh0ZW5kcyBJSGVhZGVyUGFyYW1zIHtcbiAgLy8gTGVhZGluZyBpY29uIGNvbmZpZ3VyYXRpb25cbiAgbGVhZGluZ0ljb24/OiBzdHJpbmc7XG4gIGxlYWRpbmdJY29uU2l6ZT86IHN0cmluZztcbiAgc2hvd0xlYWRpbmdJY29uPzogYm9vbGVhbjtcbiAgXG4gIC8vIFRyYWlsaW5nIGljb24vaW5mbyBpY29uIGNvbmZpZ3VyYXRpb25cbiAgdHJhaWxpbmdJY29uPzogc3RyaW5nO1xuICB0cmFpbGluZ0ljb25TaXplPzogc3RyaW5nO1xuICBzaG93VHJhaWxpbmdJY29uPzogYm9vbGVhbjtcbiAgXG4gIC8vIFRvb2x0aXAgY29uZmlndXJhdGlvblxuICB0b29sdGlwPzogc3RyaW5nO1xuICB0b29sdGlwSWNvbj86IHN0cmluZztcbiAgc2hvd0luZm9JY29uPzogYm9vbGVhbjtcbiAgdG9vbHRpcEljb25TaXplPzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYS1ncmlkLWhlYWRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEljb25Db21wb25lbnQsIE1hdFRvb2x0aXBNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3JpZC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ3JpZC1oZWFkZXIuY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgR3JpZEhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIElIZWFkZXJBbmd1bGFyQ29tcCB7XG4gIHBhcmFtcyE6IEN1c3RvbUhlYWRlclBhcmFtcztcbiAgZGlzcGxheU5hbWU6IHN0cmluZyA9ICcnO1xuICBcbiAgLy8gTGVhZGluZyBpY29uIHByb3BlcnRpZXNcbiAgbGVhZGluZ0ljb246IHN0cmluZyA9ICcnO1xuICBsZWFkaW5nSWNvblNpemU6IHN0cmluZyA9ICcyMCc7XG4gIHNob3dMZWFkaW5nSWNvbjogYm9vbGVhbiA9IGZhbHNlO1xuICBcbiAgLy8gVHJhaWxpbmcgaWNvbiBwcm9wZXJ0aWVzXG4gIHRyYWlsaW5nSWNvbjogc3RyaW5nID0gJyc7XG4gIHRyYWlsaW5nSWNvblNpemU6IHN0cmluZyA9ICcyMCc7XG4gIHNob3dUcmFpbGluZ0ljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgXG4gIC8vIFRvb2x0aXAgcHJvcGVydGllc1xuICB0b29sdGlwOiBzdHJpbmcgPSAnJztcbiAgdG9vbHRpcEljb246IHN0cmluZyA9ICdpbmZvQ2lyY2xlT3V0bGluZWQnO1xuICBzaG93SW5mb0ljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgdG9vbHRpcEljb25TaXplOiBzdHJpbmcgPSAnMjAnO1xuXG4gIGFnSW5pdChwYXJhbXM6IEN1c3RvbUhlYWRlclBhcmFtcyk6IHZvaWQge1xuICAgIHRoaXMucGFyYW1zID0gcGFyYW1zO1xuICAgIHRoaXMuZGlzcGxheU5hbWUgPSBwYXJhbXMuZGlzcGxheU5hbWUgfHwgJyc7XG4gICAgXG4gICAgLy8gTGVhZGluZyBpY29uIGNvbmZpZ3VyYXRpb25cbiAgICB0aGlzLmxlYWRpbmdJY29uID0gcGFyYW1zLmxlYWRpbmdJY29uIHx8ICcnO1xuICAgIHRoaXMubGVhZGluZ0ljb25TaXplID0gcGFyYW1zLmxlYWRpbmdJY29uU2l6ZSB8fCAnMjAnO1xuICAgIHRoaXMuc2hvd0xlYWRpbmdJY29uID0gcGFyYW1zLnNob3dMZWFkaW5nSWNvbiAhPT0gdW5kZWZpbmVkID8gcGFyYW1zLnNob3dMZWFkaW5nSWNvbiA6IGZhbHNlO1xuICAgIFxuICAgIC8vIFRyYWlsaW5nIGljb24gY29uZmlndXJhdGlvblxuICAgIHRoaXMudHJhaWxpbmdJY29uID0gcGFyYW1zLnRyYWlsaW5nSWNvbiB8fCAnJztcbiAgICB0aGlzLnRyYWlsaW5nSWNvblNpemUgPSBwYXJhbXMudHJhaWxpbmdJY29uU2l6ZSB8fCAnMjAnO1xuICAgIHRoaXMuc2hvd1RyYWlsaW5nSWNvbiA9IHBhcmFtcy5zaG93VHJhaWxpbmdJY29uICE9PSB1bmRlZmluZWQgPyBwYXJhbXMuc2hvd1RyYWlsaW5nSWNvbiA6IGZhbHNlO1xuICAgIFxuICAgIC8vIFRvb2x0aXAgY29uZmlndXJhdGlvblxuICAgIHRoaXMudG9vbHRpcCA9IHBhcmFtcy50b29sdGlwIHx8ICcnO1xuICAgIHRoaXMudG9vbHRpcEljb24gPSBwYXJhbXMudG9vbHRpcEljb24gfHwgJ2luZm9DaXJjbGVPdXRsaW5lZCc7XG4gICAgdGhpcy5zaG93SW5mb0ljb24gPSBwYXJhbXMuc2hvd0luZm9JY29uICE9PSB1bmRlZmluZWQgPyBwYXJhbXMuc2hvd0luZm9JY29uIDogZmFsc2U7XG4gICAgdGhpcy50b29sdGlwSWNvblNpemUgPSBwYXJhbXMudG9vbHRpcEljb25TaXplIHx8ICcyMCc7XG4gIH1cblxuICByZWZyZXNoKHBhcmFtczogQ3VzdG9tSGVhZGVyUGFyYW1zKTogYm9vbGVhbiB7XG4gICAgdGhpcy5hZ0luaXQocGFyYW1zKTtcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIG9uU29ydFJlcXVlc3RlZChldmVudDogYW55KTogdm9pZCB7XG4gICAgaWYgKHRoaXMucGFyYW1zLmVuYWJsZVNvcnRpbmcpIHtcbiAgICAgIHRoaXMucGFyYW1zLnByb2dyZXNzU29ydChldmVudC5zaGlmdEtleSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3JpZC1oZWFkZXItY29udGFpbmVyXCIgKGNsaWNrKT1cIm9uU29ydFJlcXVlc3RlZCgkZXZlbnQpXCI+XG4gIDwhLS0gTGVhZGluZyBJY29uIC0tPlxuICBAaWYoc2hvd0xlYWRpbmdJY29uICYmIGxlYWRpbmdJY29uKSB7XG4gICAgPHNwYW4gY2xhc3M9XCJsZWFkaW5nLWljb24tY29udGFpbmVyXCI+XG4gICAgICA8c2EtaWNvbiBcbiAgICAgICAgW2ljb25dPVwibGVhZGluZ0ljb25cIiBcbiAgICAgICAgW3NpemVdPVwibGVhZGluZ0ljb25TaXplXCJcbiAgICAgICAgY2xhc3M9XCJsZWFkaW5nLWljb25cIj5cbiAgICAgIDwvc2EtaWNvbj5cbiAgICA8L3NwYW4+XG4gIH1cbiAgXG4gIDwhLS0gSGVhZGVyIFRleHQgLS0+XG4gIDxzcGFuIGNsYXNzPVwiaGVhZGVyLXRleHRcIj57eyBkaXNwbGF5TmFtZSB9fTwvc3Bhbj5cbiAgXG4gIDwhLS0gVHJhaWxpbmcgSWNvbiAod2l0aG91dCB0b29sdGlwKSAtLT5cbiAgQGlmKHNob3dUcmFpbGluZ0ljb24gJiYgdHJhaWxpbmdJY29uICYmICFzaG93SW5mb0ljb24pIHtcbiAgICA8c3BhbiBjbGFzcz1cInRyYWlsaW5nLWljb24tY29udGFpbmVyXCI+XG4gICAgICA8c2EtaWNvbiBcbiAgICAgICAgW2ljb25dPVwidHJhaWxpbmdJY29uXCIgXG4gICAgICAgIFtzaXplXT1cInRyYWlsaW5nSWNvblNpemVcIlxuICAgICAgICBjbGFzcz1cInRyYWlsaW5nLWljb25cIj5cbiAgICAgIDwvc2EtaWNvbj5cbiAgICA8L3NwYW4+XG4gIH1cbiAgXG4gIDwhLS0gSW5mbyBJY29uIHdpdGggVG9vbHRpcCAtLT5cbiAgQGlmKHNob3dJbmZvSWNvbiAmJiB0b29sdGlwKSB7XG4gICAgPHNwYW4gY2xhc3M9XCJpbmZvLWljb24tY29udGFpbmVyXCI+XG4gICAgICA8c2EtaWNvbiBcbiAgICAgICAgW2ljb25dPVwidG9vbHRpcEljb25cIiBcbiAgICAgICAgW3NpemVdPVwidG9vbHRpcEljb25TaXplXCJcbiAgICAgICAgW21hdFRvb2x0aXBdPVwidG9vbHRpcFwiXG4gICAgICAgIG1hdFRvb2x0aXBDbGFzcz1cImN1c3RvbS10b29sdGlwXCJcbiAgICAgICAgY2xhc3M9XCJpbmZvLWljb25cIj5cbiAgICAgIDwvc2EtaWNvbj5cbiAgICA8L3NwYW4+XG4gIH1cbjwvZGl2PlxuIl19
|
|
@@ -4039,11 +4039,11 @@ class GridHeaderComponent {
|
|
|
4039
4039
|
}
|
|
4040
4040
|
}
|
|
4041
4041
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: GridHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4042
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: GridHeaderComponent, isStandalone: true, selector: "sa-grid-header", ngImport: i0, template: "<div class=\"grid-header-container\" (click)=\"onSortRequested($event)\">\n <!-- Leading Icon -->\n @if(showLeadingIcon && leadingIcon) {\n <span class=\"leading-icon-container\">\n <sa-icon \n [icon]=\"leadingIcon\" \n [size]=\"leadingIconSize\"\n class=\"leading-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Header Text -->\n <span class=\"header-text\">{{ displayName }}</span>\n \n <!-- Trailing Icon (without tooltip) -->\n @if(showTrailingIcon && trailingIcon && !showInfoIcon) {\n <span class=\"trailing-icon-container\">\n <sa-icon \n [icon]=\"trailingIcon\" \n [size]=\"trailingIconSize\"\n class=\"trailing-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Info Icon with Tooltip -->\n @if(showInfoIcon && tooltip) {\n <span class=\"info-icon-container\">\n <sa-icon \n [icon]=\"tooltipIcon\" \n [size]=\"tooltipIconSize\"\n [matTooltip]=\"tooltip\"\n matTooltipClass=\"custom-tooltip\"\n class=\"info-icon\">\n </sa-icon>\n </span>\n }\n</div>\n", styles: [".grid-header-container{display:flex;align-items:center;gap:var(--small-8px);cursor:pointer;-webkit-user-select:none;user-select:none}.leading-icon-container,.trailing-icon-container,.info-icon-container{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "imgWidth", "imgHeight", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget", "iconPosition"], outputs: ["onClickEvent"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
4042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: GridHeaderComponent, isStandalone: true, selector: "sa-grid-header", ngImport: i0, template: "<div class=\"grid-header-container\" (click)=\"onSortRequested($event)\">\n <!-- Leading Icon -->\n @if(showLeadingIcon && leadingIcon) {\n <span class=\"leading-icon-container\">\n <sa-icon \n [icon]=\"leadingIcon\" \n [size]=\"leadingIconSize\"\n class=\"leading-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Header Text -->\n <span class=\"header-text\">{{ displayName }}</span>\n \n <!-- Trailing Icon (without tooltip) -->\n @if(showTrailingIcon && trailingIcon && !showInfoIcon) {\n <span class=\"trailing-icon-container\">\n <sa-icon \n [icon]=\"trailingIcon\" \n [size]=\"trailingIconSize\"\n class=\"trailing-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Info Icon with Tooltip -->\n @if(showInfoIcon && tooltip) {\n <span class=\"info-icon-container\">\n <sa-icon \n [icon]=\"tooltipIcon\" \n [size]=\"tooltipIconSize\"\n [matTooltip]=\"tooltip\"\n matTooltipClass=\"custom-tooltip\"\n class=\"info-icon\">\n </sa-icon>\n </span>\n }\n</div>\n", styles: [".grid-header-container{display:flex;align-items:center;gap:var(--small-8px);cursor:pointer;-webkit-user-select:none;user-select:none}.leading-icon-container,.trailing-icon-container,.info-icon-container{display:flex;align-items:center;justify-content:center}.grid-header-container sa-icon{display:flex;padding-bottom:.125rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "imgWidth", "imgHeight", "icon", "size", "color", "iconPath", "iconUrl", "customClass", "href", "hrefTarget", "iconPosition"], outputs: ["onClickEvent"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
4043
4043
|
}
|
|
4044
4044
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: GridHeaderComponent, decorators: [{
|
|
4045
4045
|
type: Component,
|
|
4046
|
-
args: [{ selector: 'sa-grid-header', standalone: true, imports: [CommonModule, IconComponent, MatTooltipModule], template: "<div class=\"grid-header-container\" (click)=\"onSortRequested($event)\">\n <!-- Leading Icon -->\n @if(showLeadingIcon && leadingIcon) {\n <span class=\"leading-icon-container\">\n <sa-icon \n [icon]=\"leadingIcon\" \n [size]=\"leadingIconSize\"\n class=\"leading-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Header Text -->\n <span class=\"header-text\">{{ displayName }}</span>\n \n <!-- Trailing Icon (without tooltip) -->\n @if(showTrailingIcon && trailingIcon && !showInfoIcon) {\n <span class=\"trailing-icon-container\">\n <sa-icon \n [icon]=\"trailingIcon\" \n [size]=\"trailingIconSize\"\n class=\"trailing-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Info Icon with Tooltip -->\n @if(showInfoIcon && tooltip) {\n <span class=\"info-icon-container\">\n <sa-icon \n [icon]=\"tooltipIcon\" \n [size]=\"tooltipIconSize\"\n [matTooltip]=\"tooltip\"\n matTooltipClass=\"custom-tooltip\"\n class=\"info-icon\">\n </sa-icon>\n </span>\n }\n</div>\n", styles: [".grid-header-container{display:flex;align-items:center;gap:var(--small-8px);cursor:pointer;-webkit-user-select:none;user-select:none}.leading-icon-container,.trailing-icon-container,.info-icon-container{display:flex;align-items:center;justify-content:center}\n"] }]
|
|
4046
|
+
args: [{ selector: 'sa-grid-header', standalone: true, imports: [CommonModule, IconComponent, MatTooltipModule], template: "<div class=\"grid-header-container\" (click)=\"onSortRequested($event)\">\n <!-- Leading Icon -->\n @if(showLeadingIcon && leadingIcon) {\n <span class=\"leading-icon-container\">\n <sa-icon \n [icon]=\"leadingIcon\" \n [size]=\"leadingIconSize\"\n class=\"leading-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Header Text -->\n <span class=\"header-text\">{{ displayName }}</span>\n \n <!-- Trailing Icon (without tooltip) -->\n @if(showTrailingIcon && trailingIcon && !showInfoIcon) {\n <span class=\"trailing-icon-container\">\n <sa-icon \n [icon]=\"trailingIcon\" \n [size]=\"trailingIconSize\"\n class=\"trailing-icon\">\n </sa-icon>\n </span>\n }\n \n <!-- Info Icon with Tooltip -->\n @if(showInfoIcon && tooltip) {\n <span class=\"info-icon-container\">\n <sa-icon \n [icon]=\"tooltipIcon\" \n [size]=\"tooltipIconSize\"\n [matTooltip]=\"tooltip\"\n matTooltipClass=\"custom-tooltip\"\n class=\"info-icon\">\n </sa-icon>\n </span>\n }\n</div>\n", styles: [".grid-header-container{display:flex;align-items:center;gap:var(--small-8px);cursor:pointer;-webkit-user-select:none;user-select:none}.leading-icon-container,.trailing-icon-container,.info-icon-container{display:flex;align-items:center;justify-content:center}.grid-header-container sa-icon{display:flex;padding-bottom:.125rem}\n"] }]
|
|
4047
4047
|
}] });
|
|
4048
4048
|
|
|
4049
4049
|
class HeaderComponent {
|