oasys-lib 1.65.1 → 1.65.3
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/icon/icon.mjs +1 -1
- package/esm2022/lib/components/label/index.mjs +3 -0
- package/esm2022/lib/components/label/label.component.mjs +58 -0
- package/esm2022/lib/components/label/label.module.mjs +32 -0
- package/esm2022/lib/components/layout/Layout.mjs +1 -1
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/oasys-lib.mjs +77 -1
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/icon/icon.d.ts +1 -1
- package/lib/components/icon/icon.d.ts.map +1 -1
- package/lib/components/label/index.d.ts +3 -0
- package/lib/components/label/index.d.ts.map +1 -0
- package/lib/components/label/label.component.d.ts +26 -0
- package/lib/components/label/label.component.d.ts.map +1 -0
- package/lib/components/label/label.module.d.ts +12 -0
- package/lib/components/label/label.module.d.ts.map +1 -0
- package/lib/components/layout/Layout.d.ts.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/public-api.d.ts.map +1 -1
- package/src/assets/bloomandwild/icons/icons.svg +1 -1
- package/src/assets/bloomandwild/variables.css +9 -1
- package/src/assets/bloomon/icons/icons.svg +1 -1
- package/src/assets/bloomon/variables.css +9 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi9pY29uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBJY29uTmFtZXMgPVxuICB8ICdjbG9zZSdcbiAgfCAnbWVudSdcbiAgfCAndGljaydcbiAgfCAnaGVhcnQnXG4gIHwgJ2hlYXJ0LWZpbGwnXG4gIHwgJ2Jhc2tldCdcbiAgfCAnYmFza2V0LWZpbGwnXG4gIHwgJ3VzZXInXG4gIHwgJ3VzZXItZmlsbCdcbiAgfCAnY2hldnJvbi11cCdcbiAgfCAnY2hldnJvbi1kb3duJ1xuICB8ICdjaGV2cm9uLWxlZnQnXG4gIHwgJ2NoZXZyb24tcmlnaHQnXG4gIHwgJ2Fycm93LXVwJ1xuICB8ICdhcnJvdy1kb3duJ1xuICB8ICdhcnJvdy1sZWZ0J1xuICB8ICdhcnJvdy1yaWdodCdcbiAgfCAnc29ydCdcbiAgfCAnZmlsdGVyJ1xuICB8ICdwaW4nXG4gIHwgJ2luZm8nXG4gIHwgJ2Vycm9yJ1xuICB8ICdkZWxpdmVyeSdcbiAgfCAndGFnJ1xuICB8ICdiaW4nXG4gIHwgJ2Jpbi1maWxsJ1xuICB8ICdmZWF0dXJlZCdcbiAgfCAncGVuJ1xuICB8ICdkb3dubG9hZCdcbiAgfCAnY2FyZCdcbiAgfCAnZWRpdCdcbiAgfCAnY2FsZW5kYXInXG4gIHwgJ3BsYXknXG4gIHwgJ3N0b3AnXG4gIHwgJ3BsdXMnXG4gIHwgJ2dpZnQnXG4gIHwgJ2dyZWV0aW5nLWNhcmQnXG4gIHwgJ2xvZ29tYXJrJ1xuICB8ICdyZXdhcmRzJztcblxuZXhwb3J0IHR5cGUgSWNvbkNvbnRleHQgPSAnbGVhZGluZycgfCAndHJhaWxpbmcnIHwgJ2ljb25Pbmx5JyB8ICdub25lJztcbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './label.component';
|
|
2
|
+
export * from './label.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2xhYmVsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGFiZWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGFiZWwubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../../services/token.service";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "../icon/icon.component";
|
|
6
|
+
import * as i4 from "../layout/box/box.component";
|
|
7
|
+
import * as i5 from "../layout/stack/stack.component";
|
|
8
|
+
export class LabelComponent {
|
|
9
|
+
constructor(tokenService) {
|
|
10
|
+
this.tokenService = tokenService;
|
|
11
|
+
this.type = '';
|
|
12
|
+
this.showIcon = true;
|
|
13
|
+
}
|
|
14
|
+
// Reusable function to get background color and icon name
|
|
15
|
+
setLabelProperties(defaultIconName) {
|
|
16
|
+
this.labelStyle =
|
|
17
|
+
this.backgroundColorOverride || this.type;
|
|
18
|
+
this.iconName = this.iconName || defaultIconName;
|
|
19
|
+
}
|
|
20
|
+
ngOnInit() {
|
|
21
|
+
if (this.showIcon && this.iconOverride) {
|
|
22
|
+
this.iconName = this.iconOverride;
|
|
23
|
+
}
|
|
24
|
+
switch (this.type) {
|
|
25
|
+
case 'free-delivery':
|
|
26
|
+
this.setLabelProperties('delivery');
|
|
27
|
+
break;
|
|
28
|
+
case 'featured':
|
|
29
|
+
this.setLabelProperties('featured');
|
|
30
|
+
break;
|
|
31
|
+
case 'limited-edition':
|
|
32
|
+
this.setLabelProperties('logomark');
|
|
33
|
+
break;
|
|
34
|
+
case 'rewards-bonus-points':
|
|
35
|
+
this.setLabelProperties('rewards');
|
|
36
|
+
break;
|
|
37
|
+
default:
|
|
38
|
+
this.backgroundColour = 'tint-highlight';
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, deps: [{ token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LabelComponent, selector: "ui-label", inputs: { type: "type", text: "text", 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=\"text-body--supporting\">{{text}}</span>\n </ui-stack>\n</ui-box>\n", 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: i3.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }, { kind: "component", type: i4.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: i5.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] }); }
|
|
43
|
+
}
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, decorators: [{
|
|
45
|
+
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=\"text-body--supporting\">{{text}}</span>\n </ui-stack>\n</ui-box>\n", 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"] }]
|
|
47
|
+
}], ctorParameters: () => [{ type: i1.TokenService }], propDecorators: { type: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], text: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], showIcon: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], iconOverride: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], backgroundColorOverride: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}] } });
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9sYWJlbC9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBbUJ6RCxNQUFNLE9BQU8sY0FBYztJQVd6QixZQUFvQixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQVZyQyxTQUFJLEdBQXNCLEVBQUUsQ0FBQztRQUU3QixhQUFRLEdBQUcsSUFBSSxDQUFDO0lBUXdCLENBQUM7SUFFbEQsMERBQTBEO0lBQ2xELGtCQUFrQixDQUFDLGVBQXVCO1FBQ2hELElBQUksQ0FBQyxVQUFVO1lBQ2IsSUFBSSxDQUFDLHVCQUF1QixJQUFLLElBQUksQ0FBQyxJQUEwQixDQUFDO1FBQ25FLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsSUFBSyxlQUE2QixDQUFDO0lBQ2xFLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDcEMsQ0FBQztRQUVELFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2xCLEtBQUssZUFBZTtnQkFDbEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUNwQyxNQUFNO1lBQ1IsS0FBSyxVQUFVO2dCQUNiLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEMsTUFBTTtZQUNSLEtBQUssaUJBQWlCO2dCQUNwQixJQUFJLENBQUMsa0JBQWtCLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQ3BDLE1BQU07WUFDUixLQUFLLHNCQUFzQjtnQkFDekIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUNuQyxNQUFNO1lBQ1I7Z0JBQ0UsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDO1FBQzdDLENBQUM7SUFDSCxDQUFDOytHQXpDVSxjQUFjO21HQUFkLGNBQWMsZ01DbkIzQiw4YkFNQTs7NEZEYWEsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxVQUFVO2lGQUtYLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGF5b3V0QmFja2dyb3VuZHMgfSBmcm9tICcuLi9sYXlvdXQvTGF5b3V0JztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuaW1wb3J0IHsgSWNvbk5hbWVzIH0gZnJvbSAnLi4vaWNvbi9pY29uJztcblxuaW50ZXJmYWNlIExhYmVsVHlwZSB7XG4gIHR5cGU6XG4gICAgfCAnZnJlZS1kZWxpdmVyeSdcbiAgICB8ICdmZWF0dXJlZCdcbiAgICB8ICdsaW1pdGVkLWVkaXRpb24nXG4gICAgfCAncmV3YXJkcy1ib251cy1wb2ludHMnXG4gICAgfCAnJztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktbGFiZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sYWJlbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBMYWJlbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHR5cGU6IExhYmVsVHlwZVsndHlwZSddID0gJyc7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgc2hvd0ljb24gPSB0cnVlO1xuICBASW5wdXQoKSBpY29uT3ZlcnJpZGU6IEljb25OYW1lcztcbiAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yT3ZlcnJpZGU6IExheW91dEJhY2tncm91bmRzO1xuXG4gIGJhY2tncm91bmRDb2xvdXI6IExheW91dEJhY2tncm91bmRzO1xuICBpY29uTmFtZTogSWNvbk5hbWVzO1xuICBsYWJlbFN0eWxlOiBMYXlvdXRCYWNrZ3JvdW5kcztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRva2VuU2VydmljZTogVG9rZW5TZXJ2aWNlKSB7fVxuXG4gIC8vIFJldXNhYmxlIGZ1bmN0aW9uIHRvIGdldCBiYWNrZ3JvdW5kIGNvbG9yIGFuZCBpY29uIG5hbWVcbiAgcHJpdmF0ZSBzZXRMYWJlbFByb3BlcnRpZXMoZGVmYXVsdEljb25OYW1lOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmxhYmVsU3R5bGUgPVxuICAgICAgdGhpcy5iYWNrZ3JvdW5kQ29sb3JPdmVycmlkZSB8fCAodGhpcy50eXBlIGFzIExheW91dEJhY2tncm91bmRzKTtcbiAgICB0aGlzLmljb25OYW1lID0gdGhpcy5pY29uTmFtZSB8fCAoZGVmYXVsdEljb25OYW1lIGFzIEljb25OYW1lcyk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zaG93SWNvbiAmJiB0aGlzLmljb25PdmVycmlkZSkge1xuICAgICAgdGhpcy5pY29uTmFtZSA9IHRoaXMuaWNvbk92ZXJyaWRlO1xuICAgIH1cblxuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XG4gICAgICBjYXNlICdmcmVlLWRlbGl2ZXJ5JzpcbiAgICAgICAgdGhpcy5zZXRMYWJlbFByb3BlcnRpZXMoJ2RlbGl2ZXJ5Jyk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnZmVhdHVyZWQnOlxuICAgICAgICB0aGlzLnNldExhYmVsUHJvcGVydGllcygnZmVhdHVyZWQnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdsaW1pdGVkLWVkaXRpb24nOlxuICAgICAgICB0aGlzLnNldExhYmVsUHJvcGVydGllcygnbG9nb21hcmsnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdyZXdhcmRzLWJvbnVzLXBvaW50cyc6XG4gICAgICAgIHRoaXMuc2V0TGFiZWxQcm9wZXJ0aWVzKCdyZXdhcmRzJyk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgdGhpcy5iYWNrZ3JvdW5kQ29sb3VyID0gJ3RpbnQtaGlnaGxpZ2h0JztcbiAgICB9XG4gIH1cbn1cbiIsIjx1aS1ib3ggY2xhc3M9XCJ1aS1sYWJlbCBvYXN5cy1sYWJlbC1zdHlsZS17e2xhYmVsU3R5bGV9fVwiIGJveF9zcGFjZT1cInRpbnlcIiBib3hfc3BhY2VfbGVmdD1cInRpZ2h0XCIgYm94X3NwYWNlX3JpZ2h0PVwidGlnaHRcIiBib3hfZmlsbF9tb2RlPVwiZml0XCIgW2JveF9iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRDb2xvdXJcIj5cbiAgPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19hbGlnbj1cImNlbnRlclwiIHN0YWNrX2dhcD1cInRpbnlcIj5cbiAgICA8dWktaWNvbiAqbmdJZj1cInNob3dJY29uXCIgW2ljb25fbmFtZV09XCJpY29uTmFtZVwiIGljb25fc2l6ZT1cInNtYWxsXCI+PC91aS1pY29uPlxuICAgIDxzcGFuIGNsYXNzPVwidGV4dC1ib2R5LS1zdXBwb3J0aW5nXCI+e3t0ZXh0fX08L3NwYW4+XG4gIDwvdWktc3RhY2s+XG48L3VpLWJveD5cbiJdfQ==
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { OasysIconModule } from '../icon/icon.module';
|
|
4
|
+
import { OasysLayoutModule } from '../layout/layout.module';
|
|
5
|
+
import { LabelComponent } from './label.component';
|
|
6
|
+
import { OasysDirectivesModule } from '../../directives/directives.module';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class OasysLabelModule {
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OasysLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: OasysLabelModule, declarations: [LabelComponent], imports: [CommonModule,
|
|
11
|
+
OasysIconModule,
|
|
12
|
+
OasysLayoutModule,
|
|
13
|
+
OasysDirectivesModule], exports: [LabelComponent] }); }
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OasysLabelModule, imports: [CommonModule,
|
|
15
|
+
OasysIconModule,
|
|
16
|
+
OasysLayoutModule,
|
|
17
|
+
OasysDirectivesModule] }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OasysLabelModule, decorators: [{
|
|
20
|
+
type: NgModule,
|
|
21
|
+
args: [{
|
|
22
|
+
declarations: [LabelComponent],
|
|
23
|
+
imports: [
|
|
24
|
+
CommonModule,
|
|
25
|
+
OasysIconModule,
|
|
26
|
+
OasysLayoutModule,
|
|
27
|
+
OasysDirectivesModule,
|
|
28
|
+
],
|
|
29
|
+
exports: [LabelComponent],
|
|
30
|
+
}]
|
|
31
|
+
}] });
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9sYWJlbC9sYWJlbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzVELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFZM0UsTUFBTSxPQUFPLGdCQUFnQjsrR0FBaEIsZ0JBQWdCO2dIQUFoQixnQkFBZ0IsaUJBVFosY0FBYyxhQUUzQixZQUFZO1lBQ1osZUFBZTtZQUNmLGlCQUFpQjtZQUNqQixxQkFBcUIsYUFFYixjQUFjO2dIQUViLGdCQUFnQixZQVB6QixZQUFZO1lBQ1osZUFBZTtZQUNmLGlCQUFpQjtZQUNqQixxQkFBcUI7OzRGQUlaLGdCQUFnQjtrQkFWNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQzlCLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9hc3lzSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgT2FzeXNMYXlvdXRNb2R1bGUgfSBmcm9tICcuLi9sYXlvdXQvbGF5b3V0Lm1vZHVsZSc7XG5pbXBvcnQgeyBMYWJlbENvbXBvbmVudCB9IGZyb20gJy4vbGFiZWwuY29tcG9uZW50JztcbmltcG9ydCB7IE9hc3lzRGlyZWN0aXZlc01vZHVsZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvZGlyZWN0aXZlcy5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtMYWJlbENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgT2FzeXNJY29uTW9kdWxlLFxuICAgIE9hc3lzTGF5b3V0TW9kdWxlLFxuICAgIE9hc3lzRGlyZWN0aXZlc01vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW0xhYmVsQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNMYWJlbE1vZHVsZSB7fVxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9sYXlvdXQvTGF5b3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBNb3N0IGNvbW1vbiBzaXplIG9wdGlvbnNcbnR5cGUgTGF5b3V0QmFzZVNpemVzID1cbiAgfCAnbm9uZSdcbiAgfCAndGlueSdcbiAgfCAndGlnaHQnXG4gIHwgJ25lYXInXG4gIHwgJ2RlZmF1bHQnXG4gIHwgJ2V4cGFuZGVkJ1xuICB8IHVuZGVmaW5lZDtcblxuaW50ZXJmYWNlIExheW91dERldmljZVR5cGVzIHtcbiAgJ21vYmlsZSc/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9sYXlvdXQvTGF5b3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBNb3N0IGNvbW1vbiBzaXplIG9wdGlvbnNcbnR5cGUgTGF5b3V0QmFzZVNpemVzID1cbiAgfCAnbm9uZSdcbiAgfCAndGlueSdcbiAgfCAndGlnaHQnXG4gIHwgJ25lYXInXG4gIHwgJ2RlZmF1bHQnXG4gIHwgJ2V4cGFuZGVkJ1xuICB8IHVuZGVmaW5lZDtcblxuaW50ZXJmYWNlIExheW91dERldmljZVR5cGVzIHtcbiAgJ21vYmlsZSc/OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gICd0YWJsZXQnPzogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAnbGFwdG9wJz86IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgJ2Rlc2t0b3AnPzogc3RyaW5nIHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgTGF5b3V0RGV2aWNlQ29sdW1ucyB7XG4gICdtb2JpbGUnPzogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICAndGFibGV0Jz86IG51bWJlciB8IHVuZGVmaW5lZDtcbiAgJ2Rlc2t0b3AnPzogbnVtYmVyIHwgdW5kZWZpbmVkO1xufVxuXG5leHBvcnQgdHlwZSBSZXNwb25zaXZlTGF5b3V0QmFzZVNpemVzID0gTGF5b3V0QmFzZVNpemVzIHwgTGF5b3V0RGV2aWNlVHlwZXM7XG5leHBvcnQgdHlwZSBSZXNwb25zaXZlR3JpZENvbHVtbnMgPSBudW1iZXIgfCBMYXlvdXREZXZpY2VDb2x1bW5zO1xuZXhwb3J0IHR5cGUgTGF5b3V0Qm94U2l6ZXMgPSBSZXNwb25zaXZlTGF5b3V0QmFzZVNpemVzO1xuZXhwb3J0IHR5cGUgTGF5b3V0R2FwU2l6ZXMgPSBMYXlvdXRCYXNlU2l6ZXM7XG5cbmV4cG9ydCB0eXBlIExheW91dEZpbGxNb2RlcyA9XG58ICdmaXQnXG58ICdmaWxsJztcblxuZXhwb3J0IHR5cGUgTGF5b3V0QWxpZ25tZW50ID1cbnwgJ3N0YXJ0J1xufCAnY2VudGVyJ1xufCAnZW5kJ1xufCB1bmRlZmluZWQ7XG5cbmV4cG9ydCB0eXBlIExheW91dERpc3RyaWJ1dGUgPVxufCBMYXlvdXRGaWxsTW9kZXNcbnwgTGF5b3V0QWxpZ25tZW50XG58ICdzcGFjZS1iZXR3ZWVuJ1xufCAnc3BhY2UtYXJvdW5kJ1xufCAnc3BhY2UtZXZlbmx5J1xufCB1bmRlZmluZWQ7XG5cbi8vIEJhY2tncm91bmRzIHdpdGggJ2NvcmUnIGFuZCAndGludCcgYXJlIGRlcHJlY2F0ZWQsXG4vLyB1c2UgdGhlIHNpbXBsZXIgb3B0aW9ucyBpbiBMYXlvdXRCYWNrZ3JvdW5kc05ld1xuZXhwb3J0IHR5cGUgTGF5b3V0QmFja2dyb3VuZHNEZXByZWNhdGVkID1cbnwgJ3RyYW5zcGFyZW50J1xufCAnY29yZS1wcmltYXJ5J1xufCAnY29yZS1zZWNvbmRhcnknXG58ICdjb3JlLXRlcnRpYXJ5J1xufCAnY29yZS1xdWF0ZXJuYXJ5J1xufCAndGludC1oaWdobGlnaHQnXG58IHVuZGVmaW5lZDtcblxuZXhwb3J0IHR5cGUgTGF5b3V0QmFja2dyb3VuZHNOZXcgPVxufCAndHJhbnNwYXJlbnQnXG58ICdwcmltYXJ5J1xufCAnc2Vjb25kYXJ5J1xufCAndGVydGlhcnknXG58ICdxdWF0ZXJuYXJ5J1xufCAnaGlnaGxpZ2h0J1xufCAncmV3YXJkcy1wcmltYXJ5J1xufCAncmV3YXJkcy1zZWNvbmRhcnknXG58ICdyZXdhcmRzLXRlcnRpYXJ5J1xufCB1bmRlZmluZWQ7XG5cbmV4cG9ydCB0eXBlIExheW91dEJhY2tncm91bmRzID0gTGF5b3V0QmFja2dyb3VuZHNOZXcgfCBMYXlvdXRCYWNrZ3JvdW5kc0RlcHJlY2F0ZWQ7XG5cbmV4cG9ydCB0eXBlIExheW91dERpcmVjdGlvbnMgPVxufCAneCdcbnwgJ3knXG58IHVuZGVmaW5lZDtcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRDb250YWluZXJTaXplcyB7XG4gICdtb2JpbGUnPzogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAndGFibGV0Jz86IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgJ2Rlc2t0b3AnPzogc3RyaW5nIHwgdW5kZWZpbmVkO1xufVxuXG5leHBvcnQgdHlwZSBMYXlvdXREZXZpY2VDb2xsYXBzZSA9ICd0YWJsZXQnIHwgJ2xhcHRvcCcgfCAnZGVza3RvcCcgfCAnbm9uZSc7XG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -31,4 +31,5 @@ export * from './lib/injection-tokens/frontend-app-injection.tokens';
|
|
|
31
31
|
export * from './lib/components/promo-card';
|
|
32
32
|
export * from './lib/components/select-card';
|
|
33
33
|
export * from './lib/components/form/combobox';
|
|
34
|
-
|
|
34
|
+
export * from './lib/components/label';
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG9hc3lzLWxpYlxuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2FsZXJ0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9idXR0b24tZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGl2aWRlcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zvcm0vZm9ybS1ncm91cCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zvcm0vY2hlY2tib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mb3JtL3JhZGlvJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS90ZXh0LWlucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS9jaGlwJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS9lcnJvcnMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9oZWFkaW5nJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaGVybyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3Nlby1ibG9jayc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2ljb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pbWFnZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2xheW91dCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NlY3Rpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYXJvdXNlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhcmQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90ZXh0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYmFubmVyJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcHJpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9waWxsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcGlsbC1ncm91cCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbmplY3Rpb24tdG9rZW5zL2Zyb250ZW5kLWFwcC1pbmplY3Rpb24udG9rZW5zJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvcHJvbW8tY2FyZCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NlbGVjdC1jYXJkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZm9ybS9jb21ib2JveCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2xhYmVsJztcbiJdfQ==
|
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -3340,6 +3340,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3340
3340
|
}]
|
|
3341
3341
|
}] });
|
|
3342
3342
|
|
|
3343
|
+
class LabelComponent {
|
|
3344
|
+
constructor(tokenService) {
|
|
3345
|
+
this.tokenService = tokenService;
|
|
3346
|
+
this.type = '';
|
|
3347
|
+
this.showIcon = true;
|
|
3348
|
+
}
|
|
3349
|
+
// Reusable function to get background color and icon name
|
|
3350
|
+
setLabelProperties(defaultIconName) {
|
|
3351
|
+
this.labelStyle =
|
|
3352
|
+
this.backgroundColorOverride || this.type;
|
|
3353
|
+
this.iconName = this.iconName || defaultIconName;
|
|
3354
|
+
}
|
|
3355
|
+
ngOnInit() {
|
|
3356
|
+
if (this.showIcon && this.iconOverride) {
|
|
3357
|
+
this.iconName = this.iconOverride;
|
|
3358
|
+
}
|
|
3359
|
+
switch (this.type) {
|
|
3360
|
+
case 'free-delivery':
|
|
3361
|
+
this.setLabelProperties('delivery');
|
|
3362
|
+
break;
|
|
3363
|
+
case 'featured':
|
|
3364
|
+
this.setLabelProperties('featured');
|
|
3365
|
+
break;
|
|
3366
|
+
case 'limited-edition':
|
|
3367
|
+
this.setLabelProperties('logomark');
|
|
3368
|
+
break;
|
|
3369
|
+
case 'rewards-bonus-points':
|
|
3370
|
+
this.setLabelProperties('rewards');
|
|
3371
|
+
break;
|
|
3372
|
+
default:
|
|
3373
|
+
this.backgroundColour = 'tint-highlight';
|
|
3374
|
+
}
|
|
3375
|
+
}
|
|
3376
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3377
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LabelComponent, selector: "ui-label", inputs: { type: "type", text: "text", 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=\"text-body--supporting\">{{text}}</span>\n </ui-stack>\n</ui-box>\n", 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"] }] }); }
|
|
3378
|
+
}
|
|
3379
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LabelComponent, decorators: [{
|
|
3380
|
+
type: Component,
|
|
3381
|
+
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=\"text-body--supporting\">{{text}}</span>\n </ui-stack>\n</ui-box>\n", 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"] }]
|
|
3382
|
+
}], ctorParameters: () => [{ type: TokenService }], propDecorators: { type: [{
|
|
3383
|
+
type: Input
|
|
3384
|
+
}], text: [{
|
|
3385
|
+
type: Input
|
|
3386
|
+
}], showIcon: [{
|
|
3387
|
+
type: Input
|
|
3388
|
+
}], iconOverride: [{
|
|
3389
|
+
type: Input
|
|
3390
|
+
}], backgroundColorOverride: [{
|
|
3391
|
+
type: Input
|
|
3392
|
+
}] } });
|
|
3393
|
+
|
|
3394
|
+
class OasysLabelModule {
|
|
3395
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OasysLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3396
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: OasysLabelModule, declarations: [LabelComponent], imports: [CommonModule,
|
|
3397
|
+
OasysIconModule,
|
|
3398
|
+
OasysLayoutModule,
|
|
3399
|
+
OasysDirectivesModule], exports: [LabelComponent] }); }
|
|
3400
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OasysLabelModule, imports: [CommonModule,
|
|
3401
|
+
OasysIconModule,
|
|
3402
|
+
OasysLayoutModule,
|
|
3403
|
+
OasysDirectivesModule] }); }
|
|
3404
|
+
}
|
|
3405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OasysLabelModule, decorators: [{
|
|
3406
|
+
type: NgModule,
|
|
3407
|
+
args: [{
|
|
3408
|
+
declarations: [LabelComponent],
|
|
3409
|
+
imports: [
|
|
3410
|
+
CommonModule,
|
|
3411
|
+
OasysIconModule,
|
|
3412
|
+
OasysLayoutModule,
|
|
3413
|
+
OasysDirectivesModule,
|
|
3414
|
+
],
|
|
3415
|
+
exports: [LabelComponent],
|
|
3416
|
+
}]
|
|
3417
|
+
}] });
|
|
3418
|
+
|
|
3343
3419
|
/*
|
|
3344
3420
|
* Public API Surface of oasys-lib
|
|
3345
3421
|
*/
|
|
@@ -3348,5 +3424,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3348
3424
|
* Generated bundle index. Do not edit.
|
|
3349
3425
|
*/
|
|
3350
3426
|
|
|
3351
|
-
export { BannerComponent, BreadcrumbsComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, ComboboxComponent, DividerComponent, FormErrorsComponents, FormGroupComponent, HeroComponent, IconComponent, ImageComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, OasysBannerModule, OasysBreadcrumbModule, OasysButtonComponent, OasysButtonGroupComponent, OasysButtonGroupModule, OasysButtonModule, OasysCardModule, OasysCarouselModule, OasysCheckboxModule, OasysChipModule, OasysComboboxModule, OasysDividerModule, OasysFormErrorsModule, OasysFormGroupModule, OasysHeadingComponent, OasysHeadingModule, OasysHeroModule, OasysIconModule, OasysImageModule, OasysLayoutModule, OasysPillComponent, OasysPillGroupComponent, OasysPillGroupModule, OasysPillModule, OasysPriceComponent, OasysPriceModule, OasysPromoCardModule, OasysRadioModule, OasysSelectCardModule, OasysSeoBlockModule, OasysTextInputModule, OasysTextModule, PromoCardComponent, ROUTING_HANDLER, RadioComponent, SectionComponent, SectionModule, SelectCardComponent, SeoBlockComponent, TextComponent, TextInputComponent };
|
|
3427
|
+
export { BannerComponent, BreadcrumbsComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, ComboboxComponent, DividerComponent, FormErrorsComponents, FormGroupComponent, HeroComponent, IconComponent, ImageComponent, LabelComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, OasysBannerModule, OasysBreadcrumbModule, OasysButtonComponent, OasysButtonGroupComponent, OasysButtonGroupModule, OasysButtonModule, OasysCardModule, OasysCarouselModule, OasysCheckboxModule, OasysChipModule, OasysComboboxModule, OasysDividerModule, OasysFormErrorsModule, OasysFormGroupModule, OasysHeadingComponent, OasysHeadingModule, OasysHeroModule, OasysIconModule, OasysImageModule, OasysLabelModule, OasysLayoutModule, OasysPillComponent, OasysPillGroupComponent, OasysPillGroupModule, OasysPillModule, OasysPriceComponent, OasysPriceModule, OasysPromoCardModule, OasysRadioModule, OasysSelectCardModule, OasysSeoBlockModule, OasysTextInputModule, OasysTextModule, PromoCardComponent, ROUTING_HANDLER, RadioComponent, SectionComponent, SectionModule, SelectCardComponent, SeoBlockComponent, TextComponent, TextInputComponent };
|
|
3352
3428
|
//# sourceMappingURL=oasys-lib.mjs.map
|