i-tech-shared-components 1.4.88 → 1.4.89-alpha.1781824517262
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.
|
@@ -403,7 +403,7 @@ class IconButtonComponent {
|
|
|
403
403
|
}
|
|
404
404
|
}
|
|
405
405
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
406
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: IconButtonComponent, isStandalone: true, selector: "i-tech-icon-button", inputs: { size: "size", type: "type", borderColor: "borderColor", iconSvg: "iconSvg", iconName: "iconName", tooltip: "tooltip", disabled: "disabled", testId: "testId", fillColor: "fillColor" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n
|
|
406
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: IconButtonComponent, isStandalone: true, selector: "i-tech-icon-button", inputs: { size: "size", type: "type", borderColor: "borderColor", iconSvg: "iconSvg", iconName: "iconName", tooltip: "tooltip", disabled: "disabled", testId: "testId", fillColor: "fillColor" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<span style=\"display:inline-flex\"\n [matTooltip]=\"tooltip | translate\"\n [matTooltipDisabled]=\"!tooltip\">\n <button\n *ngIf=\"['tonal','standard', 'bordered'].includes(type)\"\n mat-icon-button\n [class]=\"borderColor\"\n [ngClass]=\"{\n small: size === 'small',\n tonal: type === 'tonal',\n standard: type === 'standard',\n bordered: type === 'bordered'\n }\"\n [disabled]=\"disabled || false\"\n (click)=\"onClick($event)\"\n [attr.data-testId]=\"testId\"\n >\n <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\n <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n </button>\n\n <button\n *ngIf=\"type === 'filled'\"\n mat-fab\n class=\"filled\"\n [ngClass]=\"{small: size === 'small'}\"\n [color]=\"'primary'\"\n [attr.data-testId]=\"testId\"\n [disabled]=\"disabled || false\"\n (click)=\"onClick($event)\"\n [style.--mdc-fab-container-color]=\"fillColor || null\"\n [style.--mat-fab-state-layer-color]=\"fillColor || null\"\n >\n <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\n <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n </button>\n</span>\n", styles: [""], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
407
407
|
}
|
|
408
408
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
409
409
|
type: Component,
|
|
@@ -415,7 +415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
415
415
|
MatIcon,
|
|
416
416
|
MatFabButton,
|
|
417
417
|
NgIf
|
|
418
|
-
], standalone: true, template: "<button\n
|
|
418
|
+
], standalone: true, template: "<span style=\"display:inline-flex\"\n [matTooltip]=\"tooltip | translate\"\n [matTooltipDisabled]=\"!tooltip\">\n <button\n *ngIf=\"['tonal','standard', 'bordered'].includes(type)\"\n mat-icon-button\n [class]=\"borderColor\"\n [ngClass]=\"{\n small: size === 'small',\n tonal: type === 'tonal',\n standard: type === 'standard',\n bordered: type === 'bordered'\n }\"\n [disabled]=\"disabled || false\"\n (click)=\"onClick($event)\"\n [attr.data-testId]=\"testId\"\n >\n <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\n <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n </button>\n\n <button\n *ngIf=\"type === 'filled'\"\n mat-fab\n class=\"filled\"\n [ngClass]=\"{small: size === 'small'}\"\n [color]=\"'primary'\"\n [attr.data-testId]=\"testId\"\n [disabled]=\"disabled || false\"\n (click)=\"onClick($event)\"\n [style.--mdc-fab-container-color]=\"fillColor || null\"\n [style.--mat-fab-state-layer-color]=\"fillColor || null\"\n >\n <mat-icon *ngIf=\"iconSvg\" [svgIcon]=\"iconSvg\"></mat-icon>\n <mat-icon *ngIf=\"iconName\">{{iconName}}</mat-icon>\n </button>\n</span>\n" }]
|
|
419
419
|
}], propDecorators: { size: [{
|
|
420
420
|
type: Input
|
|
421
421
|
}], type: [{
|