@fundamental-ngx/core 0.60.1-rc.0 → 0.60.1-rc.2
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.
|
@@ -1,50 +1,63 @@
|
|
|
1
|
-
import { __decorate, __metadata } from 'tslib';
|
|
2
1
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { InjectionToken, inject, ElementRef,
|
|
4
|
-
import { applyCssClass } from '@fundamental-ngx/cdk/utils';
|
|
2
|
+
import { InjectionToken, input, inject, ElementRef, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
5
3
|
import { IconComponent } from '@fundamental-ngx/core/icon';
|
|
6
4
|
|
|
7
5
|
const FD_GENERIC_TAG_COMPONENT = new InjectionToken('FdGenericTagComponent');
|
|
8
6
|
|
|
9
7
|
class GenericTagComponent {
|
|
10
8
|
constructor() {
|
|
9
|
+
/**
|
|
10
|
+
* The type of the Generic Tag.
|
|
11
|
+
* Can be one of the following: 'error' | 'success' | 'warning' | 'information'.
|
|
12
|
+
* For default Generic Tag omit this property.
|
|
13
|
+
*/
|
|
14
|
+
this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
|
|
15
|
+
/**
|
|
16
|
+
* Required input
|
|
17
|
+
* The KPI Name of the Generic tag. Standard text.
|
|
18
|
+
* Always use a meaningful title. Keep it simple and try to use no more than 3 words.
|
|
19
|
+
*/
|
|
20
|
+
this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
|
|
21
|
+
/**
|
|
22
|
+
* The KPI Value of the Generic tag.
|
|
23
|
+
* The value represents the numeric (key) attribute and its unit.
|
|
24
|
+
*/
|
|
25
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
11
26
|
/**
|
|
12
27
|
* Aria defines role description for the Generic Tag
|
|
13
28
|
*/
|
|
14
|
-
this.ariaRoleDescription = 'Generic Tag';
|
|
29
|
+
this.ariaRoleDescription = input('Generic Tag', ...(ngDevMode ? [{ debugName: "ariaRoleDescription" }] : []));
|
|
15
30
|
/** @hidden */
|
|
16
31
|
this.elementRef = inject(ElementRef);
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
32
|
+
/**
|
|
33
|
+
* Computed icon glyph based on type.
|
|
34
|
+
* @hidden
|
|
35
|
+
*/
|
|
36
|
+
this.iconGlyph = computed(() => {
|
|
37
|
+
const tagType = this.type();
|
|
38
|
+
return tagType ? `message-${tagType}` : '';
|
|
39
|
+
}, ...(ngDevMode ? [{ debugName: "iconGlyph" }] : []));
|
|
40
|
+
/**
|
|
41
|
+
* Computed CSS class string for the component.
|
|
42
|
+
* @hidden
|
|
43
|
+
*/
|
|
44
|
+
this.cssClass = computed(() => {
|
|
45
|
+
const classes = ['fd-generic-tag'];
|
|
46
|
+
const tagType = this.type();
|
|
47
|
+
if (tagType) {
|
|
48
|
+
classes.push(`fd-generic-tag--${tagType}`);
|
|
49
|
+
}
|
|
50
|
+
return classes.join(' ');
|
|
51
|
+
}, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
33
52
|
}
|
|
34
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: GenericTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: GenericTagComponent, isStandalone: true, selector: "[fd-generic-tag]", inputs: {
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: GenericTagComponent, isStandalone: true, selector: "[fd-generic-tag]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, ariaRoleDescription: { classPropertyName: "ariaRoleDescription", publicName: "ariaRoleDescription", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, properties: { "attr.tabindex": "0", "attr.aria-roledescription": "ariaRoleDescription()", "class": "cssClass()" } }, providers: [
|
|
36
55
|
{
|
|
37
56
|
provide: FD_GENERIC_TAG_COMPONENT,
|
|
38
57
|
useExisting: GenericTagComponent
|
|
39
58
|
}
|
|
40
|
-
],
|
|
59
|
+
], ngImport: i0, template: "@if (type()) {\n <fd-icon class=\"fd-generic-tag__icon\" [glyph]=\"iconGlyph()\" role=\"presentation\" aria-hidden=\"true\"></fd-icon>\n}\n<span class=\"fd-generic-tag__name\">{{ name() }}</span>\n@if (value()) {\n <span class=\"fd-generic-tag__value\">{{ value() }}</span>\n}\n", styles: [".fd-generic-tag{--fdGenericTag_Spacing:.375rem;--fdGenericTag_Margin:.5625rem;--fdGenericTag_Decorator_Position:0;--fdGenericTag_Decorator_Color:var(--sapNeutralElementColor);--fdGenericTag_Background_Color:var(--sapNeutralBackground);--fdGenericTag_Icon_Color:var(--sapNeutralElementColor);--fdGenericTag_Name_Color:var(--sapList_TextColor);--fdGenericTag_Name_Text_Shadow:var(--sapContent_TextShadow);--fdGenericTag_Value_Color:var(--sapNeutralTextColor);--fdGenericTag_Value_Text_Shadow:var(--sapContent_TextShadow);--fdGenericTag_Text_Min_Width:1.5625rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdGenericTag_Decorator_Position) 0/var(--fdGenericTag_Spacing) 100% no-repeat -webkit-gradient(linear,left bottom,left top,from(var(--fdGenericTag_Decorator_Color)),to(var(--fdGenericTag_Decorator_Color)));background:var(--fdGenericTag_Decorator_Position) 0/var(--fdGenericTag_Spacing) 100% no-repeat linear-gradient(0deg,var(--fdGenericTag_Decorator_Color),var(--fdGenericTag_Decorator_Color));background-color:var(--fdGenericTag_Background_Color);border-radius:var(--sapButton_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);cursor:pointer;gap:var(--fdGenericTag_Spacing);height:1.625rem;margin-block:var(--fdGenericTag_Margin);margin-inline:0;padding-inline:.75rem .375rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fd-generic-tag:after,.fd-generic-tag:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-generic-tag__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdGenericTag_Icon_Color);font-size:1rem}.fd-generic-tag__name,.fd-generic-tag__value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-width:var(--fdGenericTag_Text_Min_Width);overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-generic-tag__name:after,.fd-generic-tag__name:before,.fd-generic-tag__value:after,.fd-generic-tag__value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-generic-tag__name{color:var(--fdGenericTag_Name_Color);text-shadow:var(--fdGenericTag_Name_Text_Shadow)}.fd-generic-tag__value{-webkit-margin-start:.75rem;color:var(--fdGenericTag_Value_Color);margin-inline-start:.75rem;text-shadow:var(--fdGenericTag_Value_Text_Shadow)}.fd-generic-tag.is-hover,.fd-generic-tag:hover{--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover);--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Neutral);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Neutral);--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none}.fd-generic-tag.is-active,.fd-generic-tag:active{--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Text_Shadow:none}.fd-generic-tag.is-active,.fd-generic-tag.is-focus,.fd-generic-tag:active,.fd-generic-tag:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdGenericTag_Spacing_Outline_Offset)}.fd-generic-tag.is-focus,.fd-generic-tag:focus{z-index:5}.fd-generic-tag[dir=rtl],[dir=rtl] .fd-generic-tag{--fdGenericTag_Decorator_Position:100%}.fd-generic-tag[class*=-compact],[class*=-compact] .fd-generic-tag:not([class*=-cozy]){--fdGenericTag_Margin:.1875rem}.fd-generic-tag.fd-generic-tag--error{--fdGenericTag_Value_Color:var(--sapNegativeTextColor);--fdGenericTag_Icon_Color:var(--sapNegativeElementColor);--fdGenericTag_Decorator_Color:var(--sapNegativeElementColor);--fdGenericTag_Background_Color:var(--sapErrorBackground)}.fd-generic-tag.fd-generic-tag--error.is-hover,.fd-generic-tag.fd-generic-tag--error:hover{--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Error);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Error);--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover)}.fd-generic-tag.fd-generic-tag--error.is-active,.fd-generic-tag.fd-generic-tag--error:active{--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none;--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor)}.fd-generic-tag.fd-generic-tag--warning{--fdGenericTag_Value_Color:var(--sapCriticalTextColor);--fdGenericTag_Icon_Color:var(--sapCriticalElementColor);--fdGenericTag_Decorator_Color:var(--sapCriticalElementColor);--fdGenericTag_Background_Color:var(--sapWarningBackground)}.fd-generic-tag.fd-generic-tag--warning.is-hover,.fd-generic-tag.fd-generic-tag--warning:hover{--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Warning);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Warning);--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover)}.fd-generic-tag.fd-generic-tag--warning.is-active,.fd-generic-tag.fd-generic-tag--warning:active{--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none;--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor)}.fd-generic-tag.fd-generic-tag--success{--fdGenericTag_Value_Color:var(--sapPositiveTextColor);--fdGenericTag_Icon_Color:var(--sapPositiveElementColor);--fdGenericTag_Decorator_Color:var(--sapPositiveElementColor);--fdGenericTag_Background_Color:var(--sapSuccessBackground)}.fd-generic-tag.fd-generic-tag--success.is-hover,.fd-generic-tag.fd-generic-tag--success:hover{--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Success);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Success);--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover)}.fd-generic-tag.fd-generic-tag--success.is-active,.fd-generic-tag.fd-generic-tag--success:active{--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none;--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor)}.fd-generic-tag.fd-generic-tag--information{--fdGenericTag_Value_Color:var(--sapInformativeTextColor);--fdGenericTag_Icon_Color:var(--sapInformativeElementColor);--fdGenericTag_Decorator_Color:var(--sapInformativeElementColor);--fdGenericTag_Background_Color:var(--sapInformationBackground)}.fd-generic-tag.fd-generic-tag--information.is-hover,.fd-generic-tag.fd-generic-tag--information:hover{--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Information);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Information);--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover)}.fd-generic-tag.fd-generic-tag--information.is-active,.fd-generic-tag.fd-generic-tag--information:active{--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none;--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor)}\n/*! Bundled license information:\n\nfundamental-styles/dist/generic-tag.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
41
60
|
}
|
|
42
|
-
__decorate([
|
|
43
|
-
applyCssClass,
|
|
44
|
-
__metadata("design:type", Function),
|
|
45
|
-
__metadata("design:paramtypes", []),
|
|
46
|
-
__metadata("design:returntype", Array)
|
|
47
|
-
], GenericTagComponent.prototype, "buildComponentCssClass", null);
|
|
48
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: GenericTagComponent, decorators: [{
|
|
49
62
|
type: Component,
|
|
50
63
|
args: [{ selector: '[fd-generic-tag]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
@@ -54,26 +67,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
54
67
|
}
|
|
55
68
|
], host: {
|
|
56
69
|
'[attr.tabindex]': '0',
|
|
57
|
-
'[attr.aria-roledescription]': 'ariaRoleDescription',
|
|
70
|
+
'[attr.aria-roledescription]': 'ariaRoleDescription()',
|
|
71
|
+
'[class]': 'cssClass()',
|
|
58
72
|
role: 'button'
|
|
59
|
-
}, imports: [IconComponent], template: "@if (type) {\n <fd-icon
|
|
60
|
-
}], propDecorators: {
|
|
61
|
-
type: Input
|
|
62
|
-
}], type: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], name: [{
|
|
65
|
-
type: Input,
|
|
66
|
-
args: [{ required: true }]
|
|
67
|
-
}], value: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], ariaRoleDescription: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], buildComponentCssClass: [] } });
|
|
72
|
-
const buildObjectStatusCssClasses = (data) => [
|
|
73
|
-
'fd-generic-tag',
|
|
74
|
-
data.type ? `fd-generic-tag--${data.type}` : '',
|
|
75
|
-
data.class || ''
|
|
76
|
-
];
|
|
73
|
+
}, imports: [IconComponent], template: "@if (type()) {\n <fd-icon class=\"fd-generic-tag__icon\" [glyph]=\"iconGlyph()\" role=\"presentation\" aria-hidden=\"true\"></fd-icon>\n}\n<span class=\"fd-generic-tag__name\">{{ name() }}</span>\n@if (value()) {\n <span class=\"fd-generic-tag__value\">{{ value() }}</span>\n}\n", styles: [".fd-generic-tag{--fdGenericTag_Spacing:.375rem;--fdGenericTag_Margin:.5625rem;--fdGenericTag_Decorator_Position:0;--fdGenericTag_Decorator_Color:var(--sapNeutralElementColor);--fdGenericTag_Background_Color:var(--sapNeutralBackground);--fdGenericTag_Icon_Color:var(--sapNeutralElementColor);--fdGenericTag_Name_Color:var(--sapList_TextColor);--fdGenericTag_Name_Text_Shadow:var(--sapContent_TextShadow);--fdGenericTag_Value_Color:var(--sapNeutralTextColor);--fdGenericTag_Value_Text_Shadow:var(--sapContent_TextShadow);--fdGenericTag_Text_Min_Width:1.5625rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdGenericTag_Decorator_Position) 0/var(--fdGenericTag_Spacing) 100% no-repeat -webkit-gradient(linear,left bottom,left top,from(var(--fdGenericTag_Decorator_Color)),to(var(--fdGenericTag_Decorator_Color)));background:var(--fdGenericTag_Decorator_Position) 0/var(--fdGenericTag_Spacing) 100% no-repeat linear-gradient(0deg,var(--fdGenericTag_Decorator_Color),var(--fdGenericTag_Decorator_Color));background-color:var(--fdGenericTag_Background_Color);border-radius:var(--sapButton_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);cursor:pointer;gap:var(--fdGenericTag_Spacing);height:1.625rem;margin-block:var(--fdGenericTag_Margin);margin-inline:0;padding-inline:.75rem .375rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fd-generic-tag:after,.fd-generic-tag:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-generic-tag__icon[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdGenericTag_Icon_Color);font-size:1rem}.fd-generic-tag__name,.fd-generic-tag__value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-width:var(--fdGenericTag_Text_Min_Width);overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-generic-tag__name:after,.fd-generic-tag__name:before,.fd-generic-tag__value:after,.fd-generic-tag__value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-generic-tag__name{color:var(--fdGenericTag_Name_Color);text-shadow:var(--fdGenericTag_Name_Text_Shadow)}.fd-generic-tag__value{-webkit-margin-start:.75rem;color:var(--fdGenericTag_Value_Color);margin-inline-start:.75rem;text-shadow:var(--fdGenericTag_Value_Text_Shadow)}.fd-generic-tag.is-hover,.fd-generic-tag:hover{--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover);--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Neutral);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Neutral);--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none}.fd-generic-tag.is-active,.fd-generic-tag:active{--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Text_Shadow:none}.fd-generic-tag.is-active,.fd-generic-tag.is-focus,.fd-generic-tag:active,.fd-generic-tag:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdGenericTag_Spacing_Outline_Offset)}.fd-generic-tag.is-focus,.fd-generic-tag:focus{z-index:5}.fd-generic-tag[dir=rtl],[dir=rtl] .fd-generic-tag{--fdGenericTag_Decorator_Position:100%}.fd-generic-tag[class*=-compact],[class*=-compact] .fd-generic-tag:not([class*=-cozy]){--fdGenericTag_Margin:.1875rem}.fd-generic-tag.fd-generic-tag--error{--fdGenericTag_Value_Color:var(--sapNegativeTextColor);--fdGenericTag_Icon_Color:var(--sapNegativeElementColor);--fdGenericTag_Decorator_Color:var(--sapNegativeElementColor);--fdGenericTag_Background_Color:var(--sapErrorBackground)}.fd-generic-tag.fd-generic-tag--error.is-hover,.fd-generic-tag.fd-generic-tag--error:hover{--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Error);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Error);--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover)}.fd-generic-tag.fd-generic-tag--error.is-active,.fd-generic-tag.fd-generic-tag--error:active{--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none;--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor)}.fd-generic-tag.fd-generic-tag--warning{--fdGenericTag_Value_Color:var(--sapCriticalTextColor);--fdGenericTag_Icon_Color:var(--sapCriticalElementColor);--fdGenericTag_Decorator_Color:var(--sapCriticalElementColor);--fdGenericTag_Background_Color:var(--sapWarningBackground)}.fd-generic-tag.fd-generic-tag--warning.is-hover,.fd-generic-tag.fd-generic-tag--warning:hover{--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Warning);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Warning);--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover)}.fd-generic-tag.fd-generic-tag--warning.is-active,.fd-generic-tag.fd-generic-tag--warning:active{--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none;--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor)}.fd-generic-tag.fd-generic-tag--success{--fdGenericTag_Value_Color:var(--sapPositiveTextColor);--fdGenericTag_Icon_Color:var(--sapPositiveElementColor);--fdGenericTag_Decorator_Color:var(--sapPositiveElementColor);--fdGenericTag_Background_Color:var(--sapSuccessBackground)}.fd-generic-tag.fd-generic-tag--success.is-hover,.fd-generic-tag.fd-generic-tag--success:hover{--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Success);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Success);--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover)}.fd-generic-tag.fd-generic-tag--success.is-active,.fd-generic-tag.fd-generic-tag--success:active{--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none;--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor)}.fd-generic-tag.fd-generic-tag--information{--fdGenericTag_Value_Color:var(--sapInformativeTextColor);--fdGenericTag_Icon_Color:var(--sapInformativeElementColor);--fdGenericTag_Decorator_Color:var(--sapInformativeElementColor);--fdGenericTag_Background_Color:var(--sapInformationBackground)}.fd-generic-tag.fd-generic-tag--information.is-hover,.fd-generic-tag.fd-generic-tag--information:hover{--fdGenericTag_Value_Color:var(--fdGenericTag_Value_Color_Hover_Information);--fdGenericTag_Icon_Color:var(--fdGenericTag_Icon_Color_Hover_Information);--fdGenericTag_Background_Color:var(--sapList_Hover_Background);--fdGenericTag_Name_Color:var(--fdGenericTag_Name_Color_Hover)}.fd-generic-tag.fd-generic-tag--information.is-active,.fd-generic-tag.fd-generic-tag--information:active{--fdGenericTag_Name_Text_Shadow:none;--fdGenericTag_Value_Text_Shadow:none;--fdGenericTag_Background_Color:var(--sapList_Active_Background);--fdGenericTag_Name_Color:var(--sapList_Active_TextColor);--fdGenericTag_Icon_Color:var(--sapList_Active_TextColor);--fdGenericTag_Value_Color:var(--sapList_Active_TextColor)}\n/*! Bundled license information:\n\nfundamental-styles/dist/generic-tag.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
74
|
+
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ariaRoleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaRoleDescription", required: false }] }] } });
|
|
77
75
|
|
|
78
76
|
/**
|
|
79
77
|
* @deprecated
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-core-generic-tag.mjs","sources":["../../../../libs/core/generic-tag/tokens.ts","../../../../libs/core/generic-tag/generic-tag.component.ts","../../../../libs/core/generic-tag/generic-tag.component.html","../../../../libs/core/generic-tag/generic-tag.module.ts","../../../../libs/core/generic-tag/fundamental-ngx-core-generic-tag.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_GENERIC_TAG_COMPONENT = new InjectionToken('FdGenericTagComponent');\n","import {\n ChangeDetectionStrategy,\n Component,\n
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-core-generic-tag.mjs","sources":["../../../../libs/core/generic-tag/tokens.ts","../../../../libs/core/generic-tag/generic-tag.component.ts","../../../../libs/core/generic-tag/generic-tag.component.html","../../../../libs/core/generic-tag/generic-tag.module.ts","../../../../libs/core/generic-tag/fundamental-ngx-core-generic-tag.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FD_GENERIC_TAG_COMPONENT = new InjectionToken('FdGenericTagComponent');\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n inject,\n input,\n ViewEncapsulation\n} from '@angular/core';\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\nimport { IconComponent } from '@fundamental-ngx/core/icon';\nimport { FD_GENERIC_TAG_COMPONENT } from './tokens';\n\nexport type GenericTagType = 'error' | 'success' | 'warning' | 'information';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-generic-tag]',\n templateUrl: './generic-tag.component.html',\n styleUrl: './generic-tag.component.scss',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: FD_GENERIC_TAG_COMPONENT,\n useExisting: GenericTagComponent\n }\n ],\n host: {\n '[attr.tabindex]': '0',\n '[attr.aria-roledescription]': 'ariaRoleDescription()',\n '[class]': 'cssClass()',\n role: 'button'\n },\n imports: [IconComponent]\n})\nexport class GenericTagComponent implements HasElementRef {\n /**\n * The type of the Generic Tag.\n * Can be one of the following: 'error' | 'success' | 'warning' | 'information'.\n * For default Generic Tag omit this property.\n */\n readonly type = input<GenericTagType | null | undefined>();\n\n /**\n * Required input\n * The KPI Name of the Generic tag. Standard text.\n * Always use a meaningful title. Keep it simple and try to use no more than 3 words.\n */\n readonly name = input.required<string>();\n\n /**\n * The KPI Value of the Generic tag.\n * The value represents the numeric (key) attribute and its unit.\n */\n readonly value = input<string | null | undefined>();\n\n /**\n * Aria defines role description for the Generic Tag\n */\n readonly ariaRoleDescription = input('Generic Tag');\n\n /** @hidden */\n readonly elementRef = inject(ElementRef);\n\n /**\n * Computed icon glyph based on type.\n * @hidden\n */\n protected readonly iconGlyph = computed(() => {\n const tagType = this.type();\n return tagType ? `message-${tagType}` : '';\n });\n\n /**\n * Computed CSS class string for the component.\n * @hidden\n */\n protected readonly cssClass = computed(() => {\n const classes = ['fd-generic-tag'];\n const tagType = this.type();\n\n if (tagType) {\n classes.push(`fd-generic-tag--${tagType}`);\n }\n\n return classes.join(' ');\n });\n}\n","@if (type()) {\n <fd-icon class=\"fd-generic-tag__icon\" [glyph]=\"iconGlyph()\" role=\"presentation\" aria-hidden=\"true\"></fd-icon>\n}\n<span class=\"fd-generic-tag__name\">{{ name() }}</span>\n@if (value()) {\n <span class=\"fd-generic-tag__value\">{{ value() }}</span>\n}\n","import { NgModule } from '@angular/core';\n\nimport { GenericTagComponent } from './generic-tag.component';\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n imports: [GenericTagComponent],\n exports: [GenericTagComponent]\n})\nexport class GenericTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fundamental-ngx/core",
|
|
3
|
-
"version": "0.60.1-rc.
|
|
3
|
+
"version": "0.60.1-rc.2",
|
|
4
4
|
"schematics": "./schematics/collection.json",
|
|
5
5
|
"ng-update": {
|
|
6
6
|
"migrations": "./schematics/migrations.json"
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"@angular/forms": "^21.0.0",
|
|
24
24
|
"@angular/platform-browser": "^21.0.0",
|
|
25
25
|
"@angular/router": "^21.0.0",
|
|
26
|
-
"@fundamental-ngx/cdk": "0.60.1-rc.
|
|
27
|
-
"@fundamental-ngx/i18n": "0.60.1-rc.
|
|
26
|
+
"@fundamental-ngx/cdk": "0.60.1-rc.2",
|
|
27
|
+
"@fundamental-ngx/i18n": "0.60.1-rc.2",
|
|
28
28
|
"@sap-theming/theming-base-content": "^11.32.0",
|
|
29
29
|
"fundamental-styles": "0.40.1",
|
|
30
30
|
"rxjs": "^7.8.0"
|
|
@@ -1,46 +1,44 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ElementRef, InjectionToken } from '@angular/core';
|
|
3
|
+
import { HasElementRef } from '@fundamental-ngx/cdk/utils';
|
|
4
4
|
|
|
5
5
|
type GenericTagType = 'error' | 'success' | 'warning' | 'information';
|
|
6
|
-
declare class GenericTagComponent implements
|
|
7
|
-
/** User's custom classes */
|
|
8
|
-
class: string;
|
|
6
|
+
declare class GenericTagComponent implements HasElementRef {
|
|
9
7
|
/**
|
|
10
8
|
* The type of the Generic Tag.
|
|
11
9
|
* Can be one of the following: 'error' | 'success' | 'warning' | 'information'.
|
|
12
10
|
* For default Generic Tag omit this property.
|
|
13
11
|
*/
|
|
14
|
-
type:
|
|
12
|
+
readonly type: _angular_core.InputSignal<GenericTagType | null | undefined>;
|
|
15
13
|
/**
|
|
16
14
|
* Required input
|
|
17
15
|
* The KPI Name of the Generic tag. Standard text.
|
|
18
16
|
* Always use a meaningful title. Keep it simple and try to use no more than 3 words.
|
|
19
17
|
*/
|
|
20
|
-
name: string
|
|
18
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
21
19
|
/**
|
|
22
20
|
* The KPI Value of the Generic tag.
|
|
23
21
|
* The value represents the numeric (key) attribute and its unit.
|
|
24
22
|
*/
|
|
25
|
-
value:
|
|
23
|
+
readonly value: _angular_core.InputSignal<string | null | undefined>;
|
|
26
24
|
/**
|
|
27
25
|
* Aria defines role description for the Generic Tag
|
|
28
26
|
*/
|
|
29
|
-
ariaRoleDescription:
|
|
27
|
+
readonly ariaRoleDescription: _angular_core.InputSignal<string>;
|
|
30
28
|
/** @hidden */
|
|
31
29
|
readonly elementRef: ElementRef<any>;
|
|
32
|
-
/**
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
* function is responsible for order which css classes are applied
|
|
30
|
+
/**
|
|
31
|
+
* Computed icon glyph based on type.
|
|
32
|
+
* @hidden
|
|
36
33
|
*/
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
static
|
|
34
|
+
protected readonly iconGlyph: _angular_core.Signal<string>;
|
|
35
|
+
/**
|
|
36
|
+
* Computed CSS class string for the component.
|
|
37
|
+
* @hidden
|
|
38
|
+
*/
|
|
39
|
+
protected readonly cssClass: _angular_core.Signal<string>;
|
|
40
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GenericTagComponent, never>;
|
|
41
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GenericTagComponent, "[fd-generic-tag]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaRoleDescription": { "alias": "ariaRoleDescription"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
44
42
|
}
|
|
45
43
|
|
|
46
44
|
/**
|
|
@@ -48,9 +46,9 @@ declare class GenericTagComponent implements OnChanges, OnInit, CssClassBuilder
|
|
|
48
46
|
* Use direct imports of components and directives.
|
|
49
47
|
*/
|
|
50
48
|
declare class GenericTagModule {
|
|
51
|
-
static ɵfac:
|
|
52
|
-
static ɵmod:
|
|
53
|
-
static ɵinj:
|
|
49
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GenericTagModule, never>;
|
|
50
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<GenericTagModule, never, [typeof GenericTagComponent], [typeof GenericTagComponent]>;
|
|
51
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<GenericTagModule>;
|
|
54
52
|
}
|
|
55
53
|
|
|
56
54
|
declare const FD_GENERIC_TAG_COMPONENT: InjectionToken<unknown>;
|