oasys-lib 1.69.1 → 1.70.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/label/label.component.mjs +27 -17
- package/fesm2022/oasys-lib.mjs +22 -11
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/label/label.component.d.ts +6 -5
- package/lib/components/label/label.component.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/bloomandwild/variables.css +3 -3
- package/src/assets/bloomon/icons/icons.svg +1 -1
- package/src/assets/bloomon/variables.css +2 -2
- package/src/assets/global/scss-breakpoints.scss +1 -1
|
@@ -1,21 +1,24 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "
|
|
5
|
-
import * as i3 from "../
|
|
6
|
-
import * as i4 from "../layout/
|
|
7
|
-
import * as i5 from "../layout/stack/stack.component";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../icon/icon.component";
|
|
5
|
+
import * as i3 from "../layout/box/box.component";
|
|
6
|
+
import * as i4 from "../layout/stack/stack.component";
|
|
8
7
|
export class LabelComponent {
|
|
9
|
-
constructor(
|
|
10
|
-
this.tokenService = tokenService;
|
|
8
|
+
constructor() {
|
|
11
9
|
this.type = '';
|
|
10
|
+
this.text = '';
|
|
11
|
+
this.textStyle = '';
|
|
12
12
|
this.showIcon = true;
|
|
13
|
+
this.backgroundColour = 'tint-highlight';
|
|
14
|
+
this.textStyleToFontSizeMap = {
|
|
15
|
+
bodySupporting: 'text-body--supporting',
|
|
16
|
+
bodyMicro: 'text-body--micro',
|
|
17
|
+
'': 'text-body--supporting'
|
|
18
|
+
};
|
|
13
19
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
this.labelStyle =
|
|
17
|
-
this.backgroundColorOverride || this.type;
|
|
18
|
-
this.iconName = this.iconName || defaultIconName;
|
|
20
|
+
get fontSize() {
|
|
21
|
+
return (this.textStyleToFontSizeMap[this.textStyle] || 'text-body--supporting');
|
|
19
22
|
}
|
|
20
23
|
ngOnInit() {
|
|
21
24
|
if (this.showIcon && this.iconOverride) {
|
|
@@ -38,16 +41,23 @@ export class LabelComponent {
|
|
|
38
41
|
this.backgroundColour = 'tint-highlight';
|
|
39
42
|
}
|
|
40
43
|
}
|
|
41
|
-
|
|
42
|
-
|
|
44
|
+
setLabelProperties(defaultIconName) {
|
|
45
|
+
this.labelStyle =
|
|
46
|
+
this.backgroundColorOverride || this.type;
|
|
47
|
+
this.iconName = this.iconName || defaultIconName;
|
|
48
|
+
}
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LabelComponent, selector: "ui-label", inputs: { type: "type", text: "text", textStyle: "textStyle", showIcon: "showIcon", iconOverride: "iconOverride", backgroundColorOverride: "backgroundColorOverride" }, ngImport: i0, template: "<ui-box class=\"ui-label oasys-label-style-{{labelStyle}}\" box_space=\"tiny\" box_space_left=\"tight\" box_space_right=\"tight\" box_fill_mode=\"fit\" [box_background]=\"backgroundColour\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span [class]=\"fontSize\">{{text}}</span>\n </ui-stack>\n</ui-box>", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.oasys-label-style-free-delivery{background-color:var(--oasys-component-label-type-free-delivery-background);color:var(--oasys-component-label-type-free-delivery-foreground)}.oasys-label-style-featured{background-color:var(--oasys-component-label-type-featured-background);color:var(--oasys-component-label-type-featured-foreground)}.oasys-label-style-limited-edition{background-color:var(--oasys-component-label-type-limited-edition-background);color:var(--oasys-component-label-type-limited-edition-foreground)}.oasys-label-style-rewards-bonus-points{background-color:var(--oasys-component-label-type-rewards-bonus-points-background);color:var(--oasys-component-label-type-rewards-bonus-points-foreground)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }, { kind: "component", type: i3.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: i4.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] }); }
|
|
43
51
|
}
|
|
44
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, decorators: [{
|
|
45
53
|
type: Component,
|
|
46
|
-
args: [{ selector: 'ui-label', template: "<ui-box class=\"ui-label oasys-label-style-{{labelStyle}}\" box_space=\"tiny\" box_space_left=\"tight\" box_space_right=\"tight\" box_fill_mode=\"fit\" [box_background]=\"backgroundColour\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span class=\"
|
|
47
|
-
}],
|
|
54
|
+
args: [{ selector: 'ui-label', template: "<ui-box class=\"ui-label oasys-label-style-{{labelStyle}}\" box_space=\"tiny\" box_space_left=\"tight\" box_space_right=\"tight\" box_fill_mode=\"fit\" [box_background]=\"backgroundColour\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span [class]=\"fontSize\">{{text}}</span>\n </ui-stack>\n</ui-box>", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.oasys-label-style-free-delivery{background-color:var(--oasys-component-label-type-free-delivery-background);color:var(--oasys-component-label-type-free-delivery-foreground)}.oasys-label-style-featured{background-color:var(--oasys-component-label-type-featured-background);color:var(--oasys-component-label-type-featured-foreground)}.oasys-label-style-limited-edition{background-color:var(--oasys-component-label-type-limited-edition-background);color:var(--oasys-component-label-type-limited-edition-foreground)}.oasys-label-style-rewards-bonus-points{background-color:var(--oasys-component-label-type-rewards-bonus-points-background);color:var(--oasys-component-label-type-rewards-bonus-points-foreground)}\n"] }]
|
|
55
|
+
}], propDecorators: { type: [{
|
|
48
56
|
type: Input
|
|
49
57
|
}], text: [{
|
|
50
58
|
type: Input
|
|
59
|
+
}], textStyle: [{
|
|
60
|
+
type: Input
|
|
51
61
|
}], showIcon: [{
|
|
52
62
|
type: Input
|
|
53
63
|
}], iconOverride: [{
|
|
@@ -55,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
55
65
|
}], backgroundColorOverride: [{
|
|
56
66
|
type: Input
|
|
57
67
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9sYWJlbC9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFlekQsTUFBTSxPQUFPLGNBQWM7SUFMM0I7UUFNVyxTQUFJLEdBQXNCLEVBQUUsQ0FBQztRQUM3QixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGNBQVMsR0FBYyxFQUFFLENBQUM7UUFDMUIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUl6QixxQkFBZ0IsR0FBc0IsZ0JBQWdCLENBQUM7UUFJdEMsMkJBQXNCLEdBQThCO1lBQ25FLGNBQWMsRUFBRSx1QkFBdUI7WUFDdkMsU0FBUyxFQUFFLGtCQUFrQjtZQUM3QixFQUFFLEVBQUUsdUJBQXVCO1NBQzVCLENBQUM7S0FvQ0g7SUFsQ0MsSUFBSSxRQUFRO1FBQ1YsT0FBTyxDQUNMLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsU0FBc0IsQ0FBQyxJQUFJLHVCQUF1QixDQUNwRixDQUFDO0lBQ0osQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztRQUNwQyxDQUFDO1FBRUQsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbEIsS0FBSyxlQUFlO2dCQUNsQixJQUFJLENBQUMsa0JBQWtCLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQ3BDLE1BQU07WUFDUixLQUFLLFVBQVU7Z0JBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUNwQyxNQUFNO1lBQ1IsS0FBSyxpQkFBaUI7Z0JBQ3BCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEMsTUFBTTtZQUNSLEtBQUssc0JBQXNCO2dCQUN6QixJQUFJLENBQUMsa0JBQWtCLENBQUMsU0FBUyxDQUFDLENBQUM7Z0JBQ25DLE1BQU07WUFDUjtnQkFDRSxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsZ0JBQWdCLENBQUM7UUFDN0MsQ0FBQztJQUNILENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxlQUF1QjtRQUNoRCxJQUFJLENBQUMsVUFBVTtZQUNiLElBQUksQ0FBQyx1QkFBdUIsSUFBSyxJQUFJLENBQUMsSUFBMEIsQ0FBQztRQUNuRSxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLElBQUssZUFBNkIsQ0FBQztJQUNsRSxDQUFDOytHQW5EVSxjQUFjO21HQUFkLGNBQWMsd05DZjNCLGliQUtTOzs0RkRVSSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFVBQVU7OEJBS1gsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyx1QkFBdUI7c0JBQS9CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExheW91dEJhY2tncm91bmRzIH0gZnJvbSAnLi4vbGF5b3V0L0xheW91dCc7XG5pbXBvcnQgeyBJY29uTmFtZXMgfSBmcm9tICcuLi9pY29uL2ljb24nO1xuXG5pbnRlcmZhY2UgTGFiZWxUeXBlIHtcbiAgdHlwZTogJ2ZyZWUtZGVsaXZlcnknIHwgJ2ZlYXR1cmVkJyB8ICdsaW1pdGVkLWVkaXRpb24nIHwgJ3Jld2FyZHMtYm9udXMtcG9pbnRzJyB8ICcnO1xufVxuXG50eXBlIFRleHRTdHlsZSA9ICdib2R5U3VwcG9ydGluZycgfCAnYm9keU1pY3JvJyB8ICcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1sYWJlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xhYmVsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0eXBlOiBMYWJlbFR5cGVbJ3R5cGUnXSA9ICcnO1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgdGV4dFN0eWxlOiBUZXh0U3R5bGUgPSAnJztcbiAgQElucHV0KCkgc2hvd0ljb24gPSB0cnVlO1xuICBASW5wdXQoKSBpY29uT3ZlcnJpZGU6IEljb25OYW1lcztcbiAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yT3ZlcnJpZGU6IExheW91dEJhY2tncm91bmRzO1xuXG4gIGJhY2tncm91bmRDb2xvdXI6IExheW91dEJhY2tncm91bmRzID0gJ3RpbnQtaGlnaGxpZ2h0JztcbiAgaWNvbk5hbWU6IEljb25OYW1lcztcbiAgbGFiZWxTdHlsZTogTGF5b3V0QmFja2dyb3VuZHM7XG5cbiAgcHJpdmF0ZSByZWFkb25seSB0ZXh0U3R5bGVUb0ZvbnRTaXplTWFwOiBSZWNvcmQ8VGV4dFN0eWxlLCBzdHJpbmc+ID0ge1xuICAgIGJvZHlTdXBwb3J0aW5nOiAndGV4dC1ib2R5LS1zdXBwb3J0aW5nJyxcbiAgICBib2R5TWljcm86ICd0ZXh0LWJvZHktLW1pY3JvJyxcbiAgICAnJzogJ3RleHQtYm9keS0tc3VwcG9ydGluZydcbiAgfTtcblxuICBnZXQgZm9udFNpemUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gKFxuICAgICAgdGhpcy50ZXh0U3R5bGVUb0ZvbnRTaXplTWFwW3RoaXMudGV4dFN0eWxlIGFzIFRleHRTdHlsZV0gfHwgJ3RleHQtYm9keS0tc3VwcG9ydGluZydcbiAgICApO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc2hvd0ljb24gJiYgdGhpcy5pY29uT3ZlcnJpZGUpIHtcbiAgICAgIHRoaXMuaWNvbk5hbWUgPSB0aGlzLmljb25PdmVycmlkZTtcbiAgICB9XG5cbiAgICBzd2l0Y2ggKHRoaXMudHlwZSkge1xuICAgICAgY2FzZSAnZnJlZS1kZWxpdmVyeSc6XG4gICAgICAgIHRoaXMuc2V0TGFiZWxQcm9wZXJ0aWVzKCdkZWxpdmVyeScpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2ZlYXR1cmVkJzpcbiAgICAgICAgdGhpcy5zZXRMYWJlbFByb3BlcnRpZXMoJ2ZlYXR1cmVkJyk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnbGltaXRlZC1lZGl0aW9uJzpcbiAgICAgICAgdGhpcy5zZXRMYWJlbFByb3BlcnRpZXMoJ2xvZ29tYXJrJyk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAncmV3YXJkcy1ib251cy1wb2ludHMnOlxuICAgICAgICB0aGlzLnNldExhYmVsUHJvcGVydGllcygncmV3YXJkcycpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHRoaXMuYmFja2dyb3VuZENvbG91ciA9ICd0aW50LWhpZ2hsaWdodCc7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzZXRMYWJlbFByb3BlcnRpZXMoZGVmYXVsdEljb25OYW1lOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmxhYmVsU3R5bGUgPVxuICAgICAgdGhpcy5iYWNrZ3JvdW5kQ29sb3JPdmVycmlkZSB8fCAodGhpcy50eXBlIGFzIExheW91dEJhY2tncm91bmRzKTtcbiAgICB0aGlzLmljb25OYW1lID0gdGhpcy5pY29uTmFtZSB8fCAoZGVmYXVsdEljb25OYW1lIGFzIEljb25OYW1lcyk7XG4gIH1cbn1cbiIsIjx1aS1ib3ggY2xhc3M9XCJ1aS1sYWJlbCBvYXN5cy1sYWJlbC1zdHlsZS17e2xhYmVsU3R5bGV9fVwiIGJveF9zcGFjZT1cInRpbnlcIiBib3hfc3BhY2VfbGVmdD1cInRpZ2h0XCIgYm94X3NwYWNlX3JpZ2h0PVwidGlnaHRcIiBib3hfZmlsbF9tb2RlPVwiZml0XCIgW2JveF9iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRDb2xvdXJcIj5cbiAgPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19hbGlnbj1cImNlbnRlclwiIHN0YWNrX2dhcD1cInRpbnlcIj5cbiAgICA8dWktaWNvbiAqbmdJZj1cInNob3dJY29uXCIgW2ljb25fbmFtZV09XCJpY29uTmFtZVwiIGljb25fc2l6ZT1cInNtYWxsXCI+PC91aS1pY29uPlxuICAgIDxzcGFuIFtjbGFzc109XCJmb250U2l6ZVwiPnt7dGV4dH19PC9zcGFuPlxuICA8L3VpLXN0YWNrPlxuPC91aS1ib3g+Il19
|
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -3345,16 +3345,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3345
3345
|
}] });
|
|
3346
3346
|
|
|
3347
3347
|
class LabelComponent {
|
|
3348
|
-
constructor(
|
|
3349
|
-
this.tokenService = tokenService;
|
|
3348
|
+
constructor() {
|
|
3350
3349
|
this.type = '';
|
|
3350
|
+
this.text = '';
|
|
3351
|
+
this.textStyle = '';
|
|
3351
3352
|
this.showIcon = true;
|
|
3353
|
+
this.backgroundColour = 'tint-highlight';
|
|
3354
|
+
this.textStyleToFontSizeMap = {
|
|
3355
|
+
bodySupporting: 'text-body--supporting',
|
|
3356
|
+
bodyMicro: 'text-body--micro',
|
|
3357
|
+
'': 'text-body--supporting'
|
|
3358
|
+
};
|
|
3352
3359
|
}
|
|
3353
|
-
|
|
3354
|
-
|
|
3355
|
-
this.labelStyle =
|
|
3356
|
-
this.backgroundColorOverride || this.type;
|
|
3357
|
-
this.iconName = this.iconName || defaultIconName;
|
|
3360
|
+
get fontSize() {
|
|
3361
|
+
return (this.textStyleToFontSizeMap[this.textStyle] || 'text-body--supporting');
|
|
3358
3362
|
}
|
|
3359
3363
|
ngOnInit() {
|
|
3360
3364
|
if (this.showIcon && this.iconOverride) {
|
|
@@ -3377,16 +3381,23 @@ class LabelComponent {
|
|
|
3377
3381
|
this.backgroundColour = 'tint-highlight';
|
|
3378
3382
|
}
|
|
3379
3383
|
}
|
|
3380
|
-
|
|
3381
|
-
|
|
3384
|
+
setLabelProperties(defaultIconName) {
|
|
3385
|
+
this.labelStyle =
|
|
3386
|
+
this.backgroundColorOverride || this.type;
|
|
3387
|
+
this.iconName = this.iconName || defaultIconName;
|
|
3388
|
+
}
|
|
3389
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3390
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LabelComponent, selector: "ui-label", inputs: { type: "type", text: "text", textStyle: "textStyle", showIcon: "showIcon", iconOverride: "iconOverride", backgroundColorOverride: "backgroundColorOverride" }, ngImport: i0, template: "<ui-box class=\"ui-label oasys-label-style-{{labelStyle}}\" box_space=\"tiny\" box_space_left=\"tight\" box_space_right=\"tight\" box_fill_mode=\"fit\" [box_background]=\"backgroundColour\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span [class]=\"fontSize\">{{text}}</span>\n </ui-stack>\n</ui-box>", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.oasys-label-style-free-delivery{background-color:var(--oasys-component-label-type-free-delivery-background);color:var(--oasys-component-label-type-free-delivery-foreground)}.oasys-label-style-featured{background-color:var(--oasys-component-label-type-featured-background);color:var(--oasys-component-label-type-featured-foreground)}.oasys-label-style-limited-edition{background-color:var(--oasys-component-label-type-limited-edition-background);color:var(--oasys-component-label-type-limited-edition-foreground)}.oasys-label-style-rewards-bonus-points{background-color:var(--oasys-component-label-type-rewards-bonus-points-background);color:var(--oasys-component-label-type-rewards-bonus-points-foreground)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] }); }
|
|
3382
3391
|
}
|
|
3383
3392
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, decorators: [{
|
|
3384
3393
|
type: Component,
|
|
3385
|
-
args: [{ selector: 'ui-label', template: "<ui-box class=\"ui-label oasys-label-style-{{labelStyle}}\" box_space=\"tiny\" box_space_left=\"tight\" box_space_right=\"tight\" box_fill_mode=\"fit\" [box_background]=\"backgroundColour\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span class=\"
|
|
3386
|
-
}],
|
|
3394
|
+
args: [{ selector: 'ui-label', template: "<ui-box class=\"ui-label oasys-label-style-{{labelStyle}}\" box_space=\"tiny\" box_space_left=\"tight\" box_space_right=\"tight\" box_fill_mode=\"fit\" [box_background]=\"backgroundColour\">\n <ui-stack stack_direction=\"x\" stack_align=\"center\" stack_gap=\"tiny\">\n <ui-icon *ngIf=\"showIcon\" [icon_name]=\"iconName\" icon_size=\"small\"></ui-icon>\n <span [class]=\"fontSize\">{{text}}</span>\n </ui-stack>\n</ui-box>", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.oasys-label-style-free-delivery{background-color:var(--oasys-component-label-type-free-delivery-background);color:var(--oasys-component-label-type-free-delivery-foreground)}.oasys-label-style-featured{background-color:var(--oasys-component-label-type-featured-background);color:var(--oasys-component-label-type-featured-foreground)}.oasys-label-style-limited-edition{background-color:var(--oasys-component-label-type-limited-edition-background);color:var(--oasys-component-label-type-limited-edition-foreground)}.oasys-label-style-rewards-bonus-points{background-color:var(--oasys-component-label-type-rewards-bonus-points-background);color:var(--oasys-component-label-type-rewards-bonus-points-foreground)}\n"] }]
|
|
3395
|
+
}], propDecorators: { type: [{
|
|
3387
3396
|
type: Input
|
|
3388
3397
|
}], text: [{
|
|
3389
3398
|
type: Input
|
|
3399
|
+
}], textStyle: [{
|
|
3400
|
+
type: Input
|
|
3390
3401
|
}], showIcon: [{
|
|
3391
3402
|
type: Input
|
|
3392
3403
|
}], iconOverride: [{
|