@fundamental-ngx/core 0.35.2-rc.7 → 0.35.2-rc.8
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/action-bar/package.json +1 -1
- package/action-sheet/package.json +1 -1
- package/alert/package.json +1 -1
- package/avatar/package.json +1 -1
- package/avatar-group/package.json +1 -1
- package/bar/package.json +1 -1
- package/breadcrumb/package.json +1 -1
- package/busy-indicator/package.json +1 -1
- package/button/package.json +1 -1
- package/calendar/package.json +1 -1
- package/card/package.json +1 -1
- package/carousel/package.json +1 -1
- package/checkbox/package.json +1 -1
- package/combobox/package.json +1 -1
- package/date-picker/package.json +1 -1
- package/datetime/package.json +1 -1
- package/datetime-picker/package.json +1 -1
- package/dialog/package.json +1 -1
- package/dynamic-page/package.json +1 -1
- package/dynamic-side-content/package.json +1 -1
- package/esm2020/info-label/info-label.component.mjs +12 -4
- package/esm2020/info-label/info-label.module.mjs +5 -4
- package/facets/package.json +1 -1
- package/feed-input/package.json +1 -1
- package/feed-list-item/package.json +1 -1
- package/fesm2015/fundamental-ngx-core-info-label.mjs +15 -6
- package/fesm2015/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-info-label.mjs +15 -6
- package/fesm2020/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/file-uploader/package.json +1 -1
- package/fixed-card-layout/package.json +1 -1
- package/flexible-column-layout/package.json +1 -1
- package/form/package.json +1 -1
- package/formatted-text/package.json +1 -1
- package/grid-list/package.json +1 -1
- package/icon/package.json +1 -1
- package/illustrated-message/package.json +1 -1
- package/infinite-scroll/package.json +1 -1
- package/info-label/esm2020/info-label.component.mjs +12 -4
- package/info-label/esm2020/info-label.module.mjs +5 -4
- package/info-label/fesm2015/fundamental-ngx-core-info-label.mjs +15 -6
- package/info-label/fesm2015/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/info-label/fesm2020/fundamental-ngx-core-info-label.mjs +15 -6
- package/info-label/fesm2020/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/info-label/info-label.component.d.ts +11 -3
- package/info-label/info-label.module.d.ts +2 -1
- package/info-label/package.json +1 -1
- package/inline-help/package.json +1 -1
- package/input-group/package.json +1 -1
- package/layout-grid/package.json +1 -1
- package/layout-panel/package.json +1 -1
- package/link/package.json +1 -1
- package/list/package.json +1 -1
- package/menu/package.json +1 -1
- package/message-box/package.json +1 -1
- package/message-strip/package.json +1 -1
- package/message-toast/package.json +1 -1
- package/micro-process-flow/package.json +1 -1
- package/mobile-mode/package.json +1 -1
- package/multi-input/package.json +1 -1
- package/nested-list/package.json +1 -1
- package/notification/package.json +1 -1
- package/object-identifier/package.json +1 -1
- package/object-marker/package.json +1 -1
- package/object-number/package.json +1 -1
- package/object-status/package.json +1 -1
- package/overflow-layout/package.json +12 -12
- package/package.json +1 -1
- package/pagination/package.json +1 -1
- package/panel/package.json +1 -1
- package/popover/package.json +1 -1
- package/product-switch/package.json +1 -1
- package/progress-indicator/package.json +1 -1
- package/quick-view/package.json +1 -1
- package/radio/package.json +1 -1
- package/rating-indicator/package.json +1 -1
- package/resizable-card-layout/package.json +1 -1
- package/scroll-spy/package.json +1 -1
- package/scrollbar/package.json +1 -1
- package/segmented-button/package.json +1 -1
- package/select/package.json +1 -1
- package/shared/package.json +1 -1
- package/shellbar/package.json +1 -1
- package/side-navigation/package.json +1 -1
- package/slider/package.json +1 -1
- package/split-button/package.json +1 -1
- package/splitter/package.json +1 -1
- package/status-indicator/package.json +1 -1
- package/step-input/package.json +1 -1
- package/switch/package.json +1 -1
- package/table/package.json +1 -1
- package/tabs/package.json +1 -1
- package/text/package.json +1 -1
- package/theming/package.json +1 -1
- package/tile/package.json +1 -1
- package/time/package.json +1 -1
- package/time-picker/package.json +1 -1
- package/timeline/package.json +1 -1
- package/title/package.json +1 -1
- package/token/package.json +1 -1
- package/toolbar/package.json +1 -1
- package/tree/package.json +1 -1
- package/upload-collection/package.json +1 -1
- package/utils/package.json +1 -1
- package/vertical-navigation/package.json +1 -1
- package/wizard/package.json +1 -1
package/action-bar/package.json
CHANGED
package/alert/package.json
CHANGED
package/avatar/package.json
CHANGED
package/bar/package.json
CHANGED
package/breadcrumb/package.json
CHANGED
package/button/package.json
CHANGED
package/calendar/package.json
CHANGED
package/card/package.json
CHANGED
package/carousel/package.json
CHANGED
package/checkbox/package.json
CHANGED
package/combobox/package.json
CHANGED
package/date-picker/package.json
CHANGED
package/datetime/package.json
CHANGED
package/dialog/package.json
CHANGED
|
@@ -2,13 +2,19 @@ import { __decorate, __metadata } from "tslib";
|
|
|
2
2
|
import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';
|
|
3
3
|
import { applyCssClass } from '@fundamental-ngx/core/utils';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@
|
|
5
|
+
import * as i1 from "@fundamental-ngx/core/icon";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
6
7
|
export class InfoLabelComponent {
|
|
7
8
|
/** @hidden */
|
|
8
9
|
constructor(_elementRef) {
|
|
9
10
|
this._elementRef = _elementRef;
|
|
10
11
|
/** User's custom classes */
|
|
11
12
|
this.class = '';
|
|
13
|
+
/**
|
|
14
|
+
* The icon font
|
|
15
|
+
* Options include: 'SAP-icons', 'BusinessSuiteInAppSymbols' and 'SAP-icons-TNT'
|
|
16
|
+
*/
|
|
17
|
+
this.font = 'SAP-icons';
|
|
12
18
|
}
|
|
13
19
|
/** @hidden */
|
|
14
20
|
ngOnInit() {
|
|
@@ -33,7 +39,7 @@ export class InfoLabelComponent {
|
|
|
33
39
|
}
|
|
34
40
|
}
|
|
35
41
|
InfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
-
InfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: InfoLabelComponent, selector: "fd-info-label
|
|
42
|
+
InfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: InfoLabelComponent, selector: "fd-info-label", inputs: { class: "class", type: "type", glyph: "glyph", font: "font", color: "color", label: "label", title: "title", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy" }, usesOnChanges: true, ngImport: i0, template: "<fd-icon *ngIf=\"glyph\" class=\"fd-info-label__icon\" [glyph]=\"glyph\" [font]=\"font\"></fd-icon>\n\n<span\n *ngIf=\"label\"\n class=\"fd-info-label__text\"\n [attr.title]=\"title\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n >{{ label }}</span\n>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-info-label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;border-radius:.5rem;line-height:normal;height:1rem;max-width:100%;font-size:var(--sapFontSmallSize);letter-spacing:.0125rem;text-transform:uppercase;text-align:center;padding:0 .3125rem;border-width:.0625rem;border-style:solid}.fd-info-label:before,.fd-info-label:after{box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:.75rem;margin-right:.125rem}[dir=rtl] .fd-info-label__icon [class*=sap-icon],.fd-info-label__icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-info-label__icon[class*=sap-icon],.fd-info-label__icon[class*=sap-icon][dir=rtl]{margin-right:0;margin-left:.125rem}.fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child{margin:0}[dir=rtl] .fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon [class*=sap-icon]:first-child:last-child[dir=rtl],[dir=rtl] .fd-info-label__icon[class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child[dir=rtl]{margin:0}.fd-info-label__text{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;font-weight:700;color:inherit;line-height:1}.fd-info-label__text:before,.fd-info-label__text:after{box-sizing:inherit;font-size:inherit}.fd-info-label--accent-color-1{background-color:var(--fdInfo_Label_Background_Color1);border-color:var(--fdInfo_Label_Border_Color1);color:var(--fdInfo_Label_Color1)}.fd-info-label--accent-color-1[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{background-color:var(--fdInfo_Label_Background_Color2);border-color:var(--fdInfo_Label_Border_Color2);color:var(--fdInfo_Label_Color2)}.fd-info-label--accent-color-2[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{background-color:var(--fdInfo_Label_Background_Color3);border-color:var(--fdInfo_Label_Border_Color3);color:var(--fdInfo_Label_Color3)}.fd-info-label--accent-color-3[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{background-color:var(--fdInfo_Label_Background_Color4);border-color:var(--fdInfo_Label_Border_Color4);color:var(--fdInfo_Label_Color4)}.fd-info-label--accent-color-4[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{background-color:var(--fdInfo_Label_Background_Color5);border-color:var(--fdInfo_Label_Border_Color5);color:var(--fdInfo_Label_Color5)}.fd-info-label--accent-color-5[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{background-color:var(--fdInfo_Label_Background_Color6);border-color:var(--fdInfo_Label_Border_Color6);color:var(--fdInfo_Label_Color6)}.fd-info-label--accent-color-6[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{background-color:var(--fdInfo_Label_Background_Color7);border-color:var(--fdInfo_Label_Border_Color7);color:var(--fdInfo_Label_Color7)}.fd-info-label--accent-color-7[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{background-color:var(--fdInfo_Label_Background_Color8);border-color:var(--fdInfo_Label_Border_Color8);color:var(--fdInfo_Label_Color8)}.fd-info-label--accent-color-8[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{background-color:var(--fdInfo_Label_Background_Color9);border-color:var(--fdInfo_Label_Border_Color9);color:var(--fdInfo_Label_Color9)}.fd-info-label--accent-color-9[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{background-color:var(--fdInfo_Label_Background_Color10);border-color:var(--fdInfo_Label_Border_Color10);color:var(--fdInfo_Label_Color10)}.fd-info-label--accent-color-10[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{border-color:var(--fdInfo_Label_Display_Border_Color);background-color:var(--fdInfo_Label_Display_Background_Color);color:var(--fdInfo_Label_Display_Text_Color)}.fd-info-label--numeric{padding:0 .1875rem;font-weight:700}.fd-info-label--icon{font-size:var(--sapFontSmallSize);padding:0 .1875rem;line-height:1rem}\n"], components: [{ type: i1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
37
43
|
__decorate([
|
|
38
44
|
applyCssClass,
|
|
39
45
|
__metadata("design:type", Function),
|
|
@@ -42,13 +48,15 @@ __decorate([
|
|
|
42
48
|
], InfoLabelComponent.prototype, "buildComponentCssClass", null);
|
|
43
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelComponent, decorators: [{
|
|
44
50
|
type: Component,
|
|
45
|
-
args: [{ selector: 'fd-info-label
|
|
51
|
+
args: [{ selector: 'fd-info-label', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-icon *ngIf=\"glyph\" class=\"fd-info-label__icon\" [glyph]=\"glyph\" [font]=\"font\"></fd-icon>\n\n<span\n *ngIf=\"label\"\n class=\"fd-info-label__text\"\n [attr.title]=\"title\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n >{{ label }}</span\n>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-info-label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;border-radius:.5rem;line-height:normal;height:1rem;max-width:100%;font-size:var(--sapFontSmallSize);letter-spacing:.0125rem;text-transform:uppercase;text-align:center;padding:0 .3125rem;border-width:.0625rem;border-style:solid}.fd-info-label:before,.fd-info-label:after{box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:.75rem;margin-right:.125rem}[dir=rtl] .fd-info-label__icon [class*=sap-icon],.fd-info-label__icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-info-label__icon[class*=sap-icon],.fd-info-label__icon[class*=sap-icon][dir=rtl]{margin-right:0;margin-left:.125rem}.fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child{margin:0}[dir=rtl] .fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon [class*=sap-icon]:first-child:last-child[dir=rtl],[dir=rtl] .fd-info-label__icon[class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child[dir=rtl]{margin:0}.fd-info-label__text{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;font-weight:700;color:inherit;line-height:1}.fd-info-label__text:before,.fd-info-label__text:after{box-sizing:inherit;font-size:inherit}.fd-info-label--accent-color-1{background-color:var(--fdInfo_Label_Background_Color1);border-color:var(--fdInfo_Label_Border_Color1);color:var(--fdInfo_Label_Color1)}.fd-info-label--accent-color-1[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{background-color:var(--fdInfo_Label_Background_Color2);border-color:var(--fdInfo_Label_Border_Color2);color:var(--fdInfo_Label_Color2)}.fd-info-label--accent-color-2[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{background-color:var(--fdInfo_Label_Background_Color3);border-color:var(--fdInfo_Label_Border_Color3);color:var(--fdInfo_Label_Color3)}.fd-info-label--accent-color-3[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{background-color:var(--fdInfo_Label_Background_Color4);border-color:var(--fdInfo_Label_Border_Color4);color:var(--fdInfo_Label_Color4)}.fd-info-label--accent-color-4[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{background-color:var(--fdInfo_Label_Background_Color5);border-color:var(--fdInfo_Label_Border_Color5);color:var(--fdInfo_Label_Color5)}.fd-info-label--accent-color-5[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{background-color:var(--fdInfo_Label_Background_Color6);border-color:var(--fdInfo_Label_Border_Color6);color:var(--fdInfo_Label_Color6)}.fd-info-label--accent-color-6[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{background-color:var(--fdInfo_Label_Background_Color7);border-color:var(--fdInfo_Label_Border_Color7);color:var(--fdInfo_Label_Color7)}.fd-info-label--accent-color-7[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{background-color:var(--fdInfo_Label_Background_Color8);border-color:var(--fdInfo_Label_Border_Color8);color:var(--fdInfo_Label_Color8)}.fd-info-label--accent-color-8[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{background-color:var(--fdInfo_Label_Background_Color9);border-color:var(--fdInfo_Label_Border_Color9);color:var(--fdInfo_Label_Color9)}.fd-info-label--accent-color-9[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{background-color:var(--fdInfo_Label_Background_Color10);border-color:var(--fdInfo_Label_Border_Color10);color:var(--fdInfo_Label_Color10)}.fd-info-label--accent-color-10[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{border-color:var(--fdInfo_Label_Display_Border_Color);background-color:var(--fdInfo_Label_Display_Background_Color);color:var(--fdInfo_Label_Display_Text_Color)}.fd-info-label--numeric{padding:0 .1875rem;font-weight:700}.fd-info-label--icon{font-size:var(--sapFontSmallSize);padding:0 .1875rem;line-height:1rem}\n"] }]
|
|
46
52
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
|
|
47
53
|
type: Input
|
|
48
54
|
}], type: [{
|
|
49
55
|
type: Input
|
|
50
56
|
}], glyph: [{
|
|
51
57
|
type: Input
|
|
58
|
+
}], font: [{
|
|
59
|
+
type: Input
|
|
52
60
|
}], color: [{
|
|
53
61
|
type: Input
|
|
54
62
|
}], label: [{
|
|
@@ -60,4 +68,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
60
68
|
}], ariaLabelledBy: [{
|
|
61
69
|
type: Input
|
|
62
70
|
}], buildComponentCssClass: [] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9pbmZvLWxhYmVsL2luZm8tbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvaW5mby1sYWJlbC9pbmZvLWxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUdMLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsYUFBYSxFQUFtQixNQUFNLDZCQUE2QixDQUFDOzs7O0FBWTdFLE1BQU0sT0FBTyxrQkFBa0I7SUE2QzNCLGNBQWM7SUFDZCxZQUFvQixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQTdDM0MsNEJBQTRCO1FBRTVCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFlWDs7O1dBR0c7UUFFSCxTQUFJLEdBQWEsV0FBVyxDQUFDO0lBdUJpQixDQUFDO0lBRS9DLGNBQWM7SUFDZCxRQUFRO1FBQ0osSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGNBQWM7SUFDZCxXQUFXO1FBQ1AsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELGNBQWM7SUFDZCxVQUFVO1FBQ04sT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzVCLENBQUM7SUFFRCxjQUFjO0lBRWQsc0JBQXNCO1FBQ2xCLE9BQU87WUFDSCxlQUFlO1lBQ2YsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsa0JBQWtCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM5QyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQywrQkFBK0IsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzdELElBQUksQ0FBQyxLQUFLO1NBQ2IsQ0FBQztJQUNOLENBQUM7OytHQXhFUSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0UEN0Qi9CLG1UQVVBO0FENkVJO0lBREMsYUFBYTs7OztnRUFRYjsyRkF4RVEsa0JBQWtCO2tCQVA5QixTQUFTOytCQUNJLGVBQWUsaUJBR1YsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTtpR0FLL0MsS0FBSztzQkFESixLQUFLO2dCQVFOLElBQUk7c0JBREgsS0FBSztnQkFPTixLQUFLO3NCQURKLEtBQUs7Z0JBUU4sSUFBSTtzQkFESCxLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFLTixLQUFLO3NCQURKLEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtOLFNBQVM7c0JBRFIsS0FBSztnQkFLTixjQUFjO3NCQURiLEtBQUs7Z0JBdUJOLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSW5wdXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Gb250IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2ljb24nO1xuaW1wb3J0IHsgYXBwbHlDc3NDbGFzcywgQ3NzQ2xhc3NCdWlsZGVyIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3V0aWxzJztcbmltcG9ydCB7IE51bGxhYmxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3NoYXJlZCc7XG5cbmV4cG9ydCB0eXBlIExhYmVsVHlwZSA9ICdudW1lcmljJyB8ICdpY29uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1pbmZvLWxhYmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW5mby1sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaW5mby1sYWJlbC5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgSW5mb0xhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIENzc0NsYXNzQnVpbGRlciB7XG4gICAgLyoqIFVzZXIncyBjdXN0b20gY2xhc3NlcyAqL1xuICAgIEBJbnB1dCgpXG4gICAgY2xhc3MgPSAnJztcblxuICAgIC8qKlxuICAgICAqIFRoZSBMYWJlbFR5cGUgcmVwcmVzZW50ZWQgYnkgdGhlIGluZm8gbGFiZWwgLlxuICAgICAqIEZvciBkZWZhdWx0IGluZm8gbGFiZWwgb21pdCB0aGlzIHByb3BlcnR5XG4gICAgICovXG4gICAgQElucHV0KClcbiAgICB0eXBlOiBMYWJlbFR5cGU7XG5cbiAgICAvKiogVGhlIGljb24gbmFtZSB0byBkaXNwbGF5LiBTZWUgdGhlIGljb24gcGFnZSBmb3IgdGhlIGxpc3Qgb2YgaWNvbnNcbiAgICAgKiBoZXJlOiBodHRwczovL3NhcC5naXRodWIuaW8vZnVuZGFtZW50YWwtbmd4L2ljb25cbiAgICAgKiAqL1xuICAgIEBJbnB1dCgpXG4gICAgZ2x5cGg6IE51bGxhYmxlPHN0cmluZz47XG5cbiAgICAvKipcbiAgICAgKiBUaGUgaWNvbiBmb250XG4gICAgICogT3B0aW9ucyBpbmNsdWRlOiAnU0FQLWljb25zJywgJ0J1c2luZXNzU3VpdGVJbkFwcFN5bWJvbHMnIGFuZCAnU0FQLWljb25zLVROVCdcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIGZvbnQ6IEljb25Gb250ID0gJ1NBUC1pY29ucyc7XG5cbiAgICAvKiogRGVmaW5lIHRoZSBjb2xvdXIgb2YgdGhlIGluZm8gbGFiZWwgc3RhcnRpbmcgZm9ybSAxIHRvIDEwICovXG4gICAgQElucHV0KClcbiAgICBjb2xvcjogc3RyaW5nO1xuXG4gICAgLyoqIERlZmluZSB0aGUgdGV4dCBjb250ZW50IG9mIHRoZSBpbmZvIGxhYmVsICovXG4gICAgQElucHV0KClcbiAgICBsYWJlbDogc3RyaW5nO1xuXG4gICAgLyoqIERlZmluZSB0aGUgdG9vbHRpcCBjb250ZW50IG9mIHRoZSBpbmZvIGxhYmVsICovXG4gICAgQElucHV0KClcbiAgICB0aXRsZTogc3RyaW5nO1xuXG4gICAgLyoqIERlZmluZSB0aGUgYXJpYUxhYmVsIGNvbnRlbnQgb2YgdGhlIGluZm8gbGFiZWwgKi9cbiAgICBASW5wdXQoKVxuICAgIGFyaWFMYWJlbDogTnVsbGFibGU8c3RyaW5nPjtcblxuICAgIC8qKiBEZWZpbmUgdGhlIGxhYmVsbGVkIGJ5IGNvbnRlbnQgb2YgdGhlIGluZm8gbGFiZWwgKi9cbiAgICBASW5wdXQoKVxuICAgIGFyaWFMYWJlbGxlZEJ5OiBOdWxsYWJsZTxzdHJpbmc+O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBlbGVtZW50UmVmKCk6IEVsZW1lbnRSZWYge1xuICAgICAgICByZXR1cm4gdGhpcy5fZWxlbWVudFJlZjtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBhcHBseUNzc0NsYXNzXG4gICAgYnVpbGRDb21wb25lbnRDc3NDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAnZmQtaW5mby1sYWJlbCcsXG4gICAgICAgICAgICB0aGlzLnR5cGUgPyBgZmQtaW5mby1sYWJlbC0tJHt0aGlzLnR5cGV9YCA6ICcnLFxuICAgICAgICAgICAgdGhpcy5jb2xvciA/IGBmZC1pbmZvLWxhYmVsLS1hY2NlbnQtY29sb3ItJHt0aGlzLmNvbG9yfWAgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuY2xhc3NcbiAgICAgICAgXTtcbiAgICB9XG59XG4iLCI8ZmQtaWNvbiAqbmdJZj1cImdseXBoXCIgY2xhc3M9XCJmZC1pbmZvLWxhYmVsX19pY29uXCIgW2dseXBoXT1cImdseXBoXCIgW2ZvbnRdPVwiZm9udFwiPjwvZmQtaWNvbj5cblxuPHNwYW5cbiAgICAqbmdJZj1cImxhYmVsXCJcbiAgICBjbGFzcz1cImZkLWluZm8tbGFiZWxfX3RleHRcIlxuICAgIFthdHRyLnRpdGxlXT1cInRpdGxlXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZEJ5XCJcbiAgICA+e3sgbGFiZWwgfX08L3NwYW5cbj5cbiJdfQ==
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { IconModule } from '@fundamental-ngx/core/icon';
|
|
3
4
|
import { InfoLabelComponent } from './info-label.component';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class InfoLabelModule {
|
|
6
7
|
}
|
|
7
8
|
InfoLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
-
InfoLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, declarations: [InfoLabelComponent], imports: [CommonModule], exports: [InfoLabelComponent] });
|
|
9
|
-
InfoLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, imports: [[CommonModule]] });
|
|
9
|
+
InfoLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, declarations: [InfoLabelComponent], imports: [CommonModule, IconModule], exports: [InfoLabelComponent] });
|
|
10
|
+
InfoLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, imports: [[CommonModule, IconModule]] });
|
|
10
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, decorators: [{
|
|
11
12
|
type: NgModule,
|
|
12
13
|
args: [{
|
|
13
14
|
declarations: [InfoLabelComponent],
|
|
14
|
-
imports: [CommonModule],
|
|
15
|
+
imports: [CommonModule, IconModule],
|
|
15
16
|
exports: [InfoLabelComponent]
|
|
16
17
|
}]
|
|
17
18
|
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby1sYWJlbC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9pbmZvLWxhYmVsL2luZm8tbGFiZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFPNUQsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxpQkFKVCxrQkFBa0IsYUFDdkIsWUFBWSxFQUFFLFVBQVUsYUFDeEIsa0JBQWtCOzZHQUVuQixlQUFlLFlBSGYsQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDOzJGQUcxQixlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvaWNvbic7XG5pbXBvcnQgeyBJbmZvTGFiZWxDb21wb25lbnQgfSBmcm9tICcuL2luZm8tbGFiZWwuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtJbmZvTGFiZWxDb21wb25lbnRdLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEljb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtJbmZvTGFiZWxDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEluZm9MYWJlbE1vZHVsZSB7fVxuIl19
|
package/facets/package.json
CHANGED
package/feed-input/package.json
CHANGED
|
@@ -2,7 +2,9 @@ import { __decorate, __metadata } from 'tslib';
|
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
|
|
4
4
|
import { applyCssClass } from '@fundamental-ngx/core/utils';
|
|
5
|
-
import * as i1 from '@
|
|
5
|
+
import * as i1 from '@fundamental-ngx/core/icon';
|
|
6
|
+
import { IconModule } from '@fundamental-ngx/core/icon';
|
|
7
|
+
import * as i2 from '@angular/common';
|
|
6
8
|
import { CommonModule } from '@angular/common';
|
|
7
9
|
|
|
8
10
|
class InfoLabelComponent {
|
|
@@ -11,6 +13,11 @@ class InfoLabelComponent {
|
|
|
11
13
|
this._elementRef = _elementRef;
|
|
12
14
|
/** User's custom classes */
|
|
13
15
|
this.class = '';
|
|
16
|
+
/**
|
|
17
|
+
* The icon font
|
|
18
|
+
* Options include: 'SAP-icons', 'BusinessSuiteInAppSymbols' and 'SAP-icons-TNT'
|
|
19
|
+
*/
|
|
20
|
+
this.font = 'SAP-icons';
|
|
14
21
|
}
|
|
15
22
|
/** @hidden */
|
|
16
23
|
ngOnInit() {
|
|
@@ -35,7 +42,7 @@ class InfoLabelComponent {
|
|
|
35
42
|
}
|
|
36
43
|
}
|
|
37
44
|
InfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
InfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: InfoLabelComponent, selector: "fd-info-label
|
|
45
|
+
InfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: InfoLabelComponent, selector: "fd-info-label", inputs: { class: "class", type: "type", glyph: "glyph", font: "font", color: "color", label: "label", title: "title", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy" }, usesOnChanges: true, ngImport: i0, template: "<fd-icon *ngIf=\"glyph\" class=\"fd-info-label__icon\" [glyph]=\"glyph\" [font]=\"font\"></fd-icon>\n\n<span\n *ngIf=\"label\"\n class=\"fd-info-label__text\"\n [attr.title]=\"title\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n >{{ label }}</span\n>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-info-label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;border-radius:.5rem;line-height:normal;height:1rem;max-width:100%;font-size:var(--sapFontSmallSize);letter-spacing:.0125rem;text-transform:uppercase;text-align:center;padding:0 .3125rem;border-width:.0625rem;border-style:solid}.fd-info-label:before,.fd-info-label:after{box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:.75rem;margin-right:.125rem}[dir=rtl] .fd-info-label__icon [class*=sap-icon],.fd-info-label__icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-info-label__icon[class*=sap-icon],.fd-info-label__icon[class*=sap-icon][dir=rtl]{margin-right:0;margin-left:.125rem}.fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child{margin:0}[dir=rtl] .fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon [class*=sap-icon]:first-child:last-child[dir=rtl],[dir=rtl] .fd-info-label__icon[class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child[dir=rtl]{margin:0}.fd-info-label__text{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;font-weight:700;color:inherit;line-height:1}.fd-info-label__text:before,.fd-info-label__text:after{box-sizing:inherit;font-size:inherit}.fd-info-label--accent-color-1{background-color:var(--fdInfo_Label_Background_Color1);border-color:var(--fdInfo_Label_Border_Color1);color:var(--fdInfo_Label_Color1)}.fd-info-label--accent-color-1[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{background-color:var(--fdInfo_Label_Background_Color2);border-color:var(--fdInfo_Label_Border_Color2);color:var(--fdInfo_Label_Color2)}.fd-info-label--accent-color-2[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{background-color:var(--fdInfo_Label_Background_Color3);border-color:var(--fdInfo_Label_Border_Color3);color:var(--fdInfo_Label_Color3)}.fd-info-label--accent-color-3[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{background-color:var(--fdInfo_Label_Background_Color4);border-color:var(--fdInfo_Label_Border_Color4);color:var(--fdInfo_Label_Color4)}.fd-info-label--accent-color-4[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{background-color:var(--fdInfo_Label_Background_Color5);border-color:var(--fdInfo_Label_Border_Color5);color:var(--fdInfo_Label_Color5)}.fd-info-label--accent-color-5[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{background-color:var(--fdInfo_Label_Background_Color6);border-color:var(--fdInfo_Label_Border_Color6);color:var(--fdInfo_Label_Color6)}.fd-info-label--accent-color-6[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{background-color:var(--fdInfo_Label_Background_Color7);border-color:var(--fdInfo_Label_Border_Color7);color:var(--fdInfo_Label_Color7)}.fd-info-label--accent-color-7[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{background-color:var(--fdInfo_Label_Background_Color8);border-color:var(--fdInfo_Label_Border_Color8);color:var(--fdInfo_Label_Color8)}.fd-info-label--accent-color-8[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{background-color:var(--fdInfo_Label_Background_Color9);border-color:var(--fdInfo_Label_Border_Color9);color:var(--fdInfo_Label_Color9)}.fd-info-label--accent-color-9[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{background-color:var(--fdInfo_Label_Background_Color10);border-color:var(--fdInfo_Label_Border_Color10);color:var(--fdInfo_Label_Color10)}.fd-info-label--accent-color-10[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{border-color:var(--fdInfo_Label_Display_Border_Color);background-color:var(--fdInfo_Label_Display_Background_Color);color:var(--fdInfo_Label_Display_Text_Color)}.fd-info-label--numeric{padding:0 .1875rem;font-weight:700}.fd-info-label--icon{font-size:var(--sapFontSmallSize);padding:0 .1875rem;line-height:1rem}\n"], components: [{ type: i1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
39
46
|
__decorate([
|
|
40
47
|
applyCssClass,
|
|
41
48
|
__metadata("design:type", Function),
|
|
@@ -44,13 +51,15 @@ __decorate([
|
|
|
44
51
|
], InfoLabelComponent.prototype, "buildComponentCssClass", null);
|
|
45
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelComponent, decorators: [{
|
|
46
53
|
type: Component,
|
|
47
|
-
args: [{ selector: 'fd-info-label
|
|
54
|
+
args: [{ selector: 'fd-info-label', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-icon *ngIf=\"glyph\" class=\"fd-info-label__icon\" [glyph]=\"glyph\" [font]=\"font\"></fd-icon>\n\n<span\n *ngIf=\"label\"\n class=\"fd-info-label__text\"\n [attr.title]=\"title\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n >{{ label }}</span\n>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.1-rc.1\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-info-label{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;border-radius:.5rem;line-height:normal;height:1rem;max-width:100%;font-size:var(--sapFontSmallSize);letter-spacing:.0125rem;text-transform:uppercase;text-align:center;padding:0 .3125rem;border-width:.0625rem;border-style:solid}.fd-info-label:before,.fd-info-label:after{box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:.75rem;margin-right:.125rem}[dir=rtl] .fd-info-label__icon [class*=sap-icon],.fd-info-label__icon [class*=sap-icon][dir=rtl],[dir=rtl] .fd-info-label__icon[class*=sap-icon],.fd-info-label__icon[class*=sap-icon][dir=rtl]{margin-right:0;margin-left:.125rem}.fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child{margin:0}[dir=rtl] .fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon [class*=sap-icon]:first-child:last-child[dir=rtl],[dir=rtl] .fd-info-label__icon[class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child[dir=rtl]{margin:0}.fd-info-label__text{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;font-weight:700;color:inherit;line-height:1}.fd-info-label__text:before,.fd-info-label__text:after{box-sizing:inherit;font-size:inherit}.fd-info-label--accent-color-1{background-color:var(--fdInfo_Label_Background_Color1);border-color:var(--fdInfo_Label_Border_Color1);color:var(--fdInfo_Label_Color1)}.fd-info-label--accent-color-1[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{background-color:var(--fdInfo_Label_Background_Color2);border-color:var(--fdInfo_Label_Border_Color2);color:var(--fdInfo_Label_Color2)}.fd-info-label--accent-color-2[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{background-color:var(--fdInfo_Label_Background_Color3);border-color:var(--fdInfo_Label_Border_Color3);color:var(--fdInfo_Label_Color3)}.fd-info-label--accent-color-3[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{background-color:var(--fdInfo_Label_Background_Color4);border-color:var(--fdInfo_Label_Border_Color4);color:var(--fdInfo_Label_Color4)}.fd-info-label--accent-color-4[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{background-color:var(--fdInfo_Label_Background_Color5);border-color:var(--fdInfo_Label_Border_Color5);color:var(--fdInfo_Label_Color5)}.fd-info-label--accent-color-5[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{background-color:var(--fdInfo_Label_Background_Color6);border-color:var(--fdInfo_Label_Border_Color6);color:var(--fdInfo_Label_Color6)}.fd-info-label--accent-color-6[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{background-color:var(--fdInfo_Label_Background_Color7);border-color:var(--fdInfo_Label_Border_Color7);color:var(--fdInfo_Label_Color7)}.fd-info-label--accent-color-7[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{background-color:var(--fdInfo_Label_Background_Color8);border-color:var(--fdInfo_Label_Border_Color8);color:var(--fdInfo_Label_Color8)}.fd-info-label--accent-color-8[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{background-color:var(--fdInfo_Label_Background_Color9);border-color:var(--fdInfo_Label_Border_Color9);color:var(--fdInfo_Label_Color9)}.fd-info-label--accent-color-9[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{background-color:var(--fdInfo_Label_Background_Color10);border-color:var(--fdInfo_Label_Border_Color10);color:var(--fdInfo_Label_Color10)}.fd-info-label--accent-color-10[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{border-color:var(--fdInfo_Label_Display_Border_Color);background-color:var(--fdInfo_Label_Display_Background_Color);color:var(--fdInfo_Label_Display_Text_Color)}.fd-info-label--numeric{padding:0 .1875rem;font-weight:700}.fd-info-label--icon{font-size:var(--sapFontSmallSize);padding:0 .1875rem;line-height:1rem}\n"] }]
|
|
48
55
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
|
|
49
56
|
type: Input
|
|
50
57
|
}], type: [{
|
|
51
58
|
type: Input
|
|
52
59
|
}], glyph: [{
|
|
53
60
|
type: Input
|
|
61
|
+
}], font: [{
|
|
62
|
+
type: Input
|
|
54
63
|
}], color: [{
|
|
55
64
|
type: Input
|
|
56
65
|
}], label: [{
|
|
@@ -66,13 +75,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
|
|
|
66
75
|
class InfoLabelModule {
|
|
67
76
|
}
|
|
68
77
|
InfoLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
69
|
-
InfoLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, declarations: [InfoLabelComponent], imports: [CommonModule], exports: [InfoLabelComponent] });
|
|
70
|
-
InfoLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, imports: [[CommonModule]] });
|
|
78
|
+
InfoLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, declarations: [InfoLabelComponent], imports: [CommonModule, IconModule], exports: [InfoLabelComponent] });
|
|
79
|
+
InfoLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, imports: [[CommonModule, IconModule]] });
|
|
71
80
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: InfoLabelModule, decorators: [{
|
|
72
81
|
type: NgModule,
|
|
73
82
|
args: [{
|
|
74
83
|
declarations: [InfoLabelComponent],
|
|
75
|
-
imports: [CommonModule],
|
|
84
|
+
imports: [CommonModule, IconModule],
|
|
76
85
|
exports: [InfoLabelComponent]
|
|
77
86
|
}]
|
|
78
87
|
}] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-core-info-label.mjs","sources":["../../../../libs/core/src/lib/info-label/info-label.component.ts","../../../../libs/core/src/lib/info-label/info-label.component.html","../../../../libs/core/src/lib/info-label/info-label.module.ts","../../../../libs/core/src/lib/info-label/fundamental-ngx-core-info-label.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n OnInit,\n ViewEncapsulation\n} from '@angular/core';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\n\nexport type LabelType = 'numeric' | 'icon';\n\n@Component({\n
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-core-info-label.mjs","sources":["../../../../libs/core/src/lib/info-label/info-label.component.ts","../../../../libs/core/src/lib/info-label/info-label.component.html","../../../../libs/core/src/lib/info-label/info-label.module.ts","../../../../libs/core/src/lib/info-label/fundamental-ngx-core-info-label.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n OnInit,\n ViewEncapsulation\n} from '@angular/core';\nimport { IconFont } from '@fundamental-ngx/core/icon';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\n\nexport type LabelType = 'numeric' | 'icon';\n\n@Component({\n selector: 'fd-info-label',\n templateUrl: './info-label.component.html',\n styleUrls: ['./info-label.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InfoLabelComponent implements OnInit, OnChanges, CssClassBuilder {\n /** User's custom classes */\n @Input()\n class = '';\n\n /**\n * The LabelType represented by the info label .\n * For default info label omit this property\n */\n @Input()\n type: LabelType;\n\n /** The icon name to display. See the icon page for the list of icons\n * here: https://sap.github.io/fundamental-ngx/icon\n * */\n @Input()\n glyph: Nullable<string>;\n\n /**\n * The icon font\n * Options include: 'SAP-icons', 'BusinessSuiteInAppSymbols' and 'SAP-icons-TNT'\n */\n @Input()\n font: IconFont = 'SAP-icons';\n\n /** Define the colour of the info label starting form 1 to 10 */\n @Input()\n color: string;\n\n /** Define the text content of the info label */\n @Input()\n label: string;\n\n /** Define the tooltip content of the info label */\n @Input()\n title: string;\n\n /** Define the ariaLabel content of the info label */\n @Input()\n ariaLabel: Nullable<string>;\n\n /** Define the labelled by content of the info label */\n @Input()\n ariaLabelledBy: Nullable<string>;\n\n /** @hidden */\n constructor(private _elementRef: ElementRef) {}\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n elementRef(): ElementRef {\n return this._elementRef;\n }\n\n /** @hidden */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n 'fd-info-label',\n this.type ? `fd-info-label--${this.type}` : '',\n this.color ? `fd-info-label--accent-color-${this.color}` : '',\n this.class\n ];\n }\n}\n","<fd-icon *ngIf=\"glyph\" class=\"fd-info-label__icon\" [glyph]=\"glyph\" [font]=\"font\"></fd-icon>\n\n<span\n *ngIf=\"label\"\n class=\"fd-info-label__text\"\n [attr.title]=\"title\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n >{{ label }}</span\n>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { InfoLabelComponent } from './info-label.component';\n\n@NgModule({\n declarations: [InfoLabelComponent],\n imports: [CommonModule, IconModule],\n exports: [InfoLabelComponent]\n})\nexport class InfoLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;MAsBa,kBAAkB;;IA8C3B,YAAoB,WAAuB;QAAvB,gBAAW,GAAX,WAAW,CAAY;;QA3C3C,UAAK,GAAG,EAAE,CAAC;;;;;QAoBX,SAAI,GAAa,WAAW,CAAC;KAuBkB;;IAG/C,QAAQ;QACJ,IAAI,CAAC,sBAAsB,EAAE,CAAC;KACjC;;IAGD,WAAW;QACP,IAAI,CAAC,sBAAsB,EAAE,CAAC;KACjC;;IAGD,UAAU;QACN,OAAO,IAAI,CAAC,WAAW,CAAC;KAC3B;;IAID,sBAAsB;QAClB,OAAO;YACH,eAAe;YACf,IAAI,CAAC,IAAI,GAAG,kBAAkB,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YAC9C,IAAI,CAAC,KAAK,GAAG,+BAA+B,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE;YAC7D,IAAI,CAAC,KAAK;SACb,CAAC;KACL;;+GAxEQ,kBAAkB;mGAAlB,kBAAkB,4PCtB/B,mTAUA;AD6EI;IADC,aAAa;;;;gEAQb;2FAxEQ,kBAAkB;kBAP9B,SAAS;+BACI,eAAe,iBAGV,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM;iGAK/C,KAAK;sBADJ,KAAK;gBAQN,IAAI;sBADH,KAAK;gBAON,KAAK;sBADJ,KAAK;gBAQN,IAAI;sBADH,KAAK;gBAKN,KAAK;sBADJ,KAAK;gBAKN,KAAK;sBADJ,KAAK;gBAKN,KAAK;sBADJ,KAAK;gBAKN,SAAS;sBADR,KAAK;gBAKN,cAAc;sBADb,KAAK;gBAuBN,sBAAsB;;ME7Eb,eAAe;;4GAAf,eAAe;6GAAf,eAAe,iBAJT,kBAAkB,aACvB,YAAY,EAAE,UAAU,aACxB,kBAAkB;6GAEnB,eAAe,YAHf,CAAC,YAAY,EAAE,UAAU,CAAC;2FAG1B,eAAe;kBAL3B,QAAQ;mBAAC;oBACN,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;oBACnC,OAAO,EAAE,CAAC,kBAAkB,CAAC;iBAChC;;;ACTD;;;;;;"}
|