oasys-lib 2.21.1 → 2.22.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/fesm2022/oasys-lib.mjs +1 -77
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/index.d.ts +1 -29
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -3904,82 +3904,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3904
3904
|
}]
|
|
3905
3905
|
}] });
|
|
3906
3906
|
|
|
3907
|
-
class LabelComponent {
|
|
3908
|
-
type = '';
|
|
3909
|
-
text = '';
|
|
3910
|
-
textStyle = '';
|
|
3911
|
-
showIcon = true;
|
|
3912
|
-
iconOverride;
|
|
3913
|
-
backgroundColorOverride;
|
|
3914
|
-
backgroundColour = 'tint-highlight';
|
|
3915
|
-
iconName;
|
|
3916
|
-
labelStyle;
|
|
3917
|
-
textStyleToFontSizeMap = {
|
|
3918
|
-
bodySupporting: 'text-body--supporting',
|
|
3919
|
-
bodyMicro: 'text-body--micro',
|
|
3920
|
-
'': 'text-body--supporting',
|
|
3921
|
-
};
|
|
3922
|
-
get fontSize() {
|
|
3923
|
-
return this.textStyleToFontSizeMap[this.textStyle] || 'text-body--supporting';
|
|
3924
|
-
}
|
|
3925
|
-
ngOnInit() {
|
|
3926
|
-
if (this.showIcon && this.iconOverride) {
|
|
3927
|
-
this.iconName = this.iconOverride;
|
|
3928
|
-
}
|
|
3929
|
-
switch (this.type) {
|
|
3930
|
-
case 'free-delivery':
|
|
3931
|
-
this.setLabelProperties('delivery');
|
|
3932
|
-
break;
|
|
3933
|
-
case 'featured':
|
|
3934
|
-
this.setLabelProperties('featured');
|
|
3935
|
-
break;
|
|
3936
|
-
case 'limited-edition':
|
|
3937
|
-
this.setLabelProperties('logomark');
|
|
3938
|
-
break;
|
|
3939
|
-
case 'rewards-bonus-points':
|
|
3940
|
-
this.setLabelProperties('rewards');
|
|
3941
|
-
break;
|
|
3942
|
-
default:
|
|
3943
|
-
this.backgroundColour = 'tint-highlight';
|
|
3944
|
-
}
|
|
3945
|
-
}
|
|
3946
|
-
setLabelProperties(defaultIconName) {
|
|
3947
|
-
this.labelStyle = this.backgroundColorOverride || this.type;
|
|
3948
|
-
this.iconName = this.iconName || defaultIconName;
|
|
3949
|
-
}
|
|
3950
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3951
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: LabelComponent, isStandalone: true, selector: "ui-label", inputs: { type: "type", text: "text", textStyle: "textStyle", showIcon: "showIcon", iconOverride: "iconOverride", backgroundColorOverride: "backgroundColorOverride" }, ngImport: i0, template: "<ui-box\n class=\"ui-label oasys-label-style-{{ labelStyle }}\"\n box_space=\"tiny\"\n box_space_left=\"tight\"\n box_space_right=\"tight\"\n box_fill_mode=\"fit\"\n [box_background]=\"backgroundColour\"\n>\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=\"ui-label__text {{ fontSize }}\">{{ text }}</span>\n </ui-stack>\n</ui-box>\n", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.ui-label__text{white-space:nowrap}.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: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_role", "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", "stack_as_list"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }] });
|
|
3952
|
-
}
|
|
3953
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LabelComponent, decorators: [{
|
|
3954
|
-
type: Component,
|
|
3955
|
-
args: [{ selector: 'ui-label', standalone: true, imports: [LayoutBoxComponent, LayoutStackComponent, NgIf, IconComponent], template: "<ui-box\n class=\"ui-label oasys-label-style-{{ labelStyle }}\"\n box_space=\"tiny\"\n box_space_left=\"tight\"\n box_space_right=\"tight\"\n box_fill_mode=\"fit\"\n [box_background]=\"backgroundColour\"\n>\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=\"ui-label__text {{ fontSize }}\">{{ text }}</span>\n </ui-stack>\n</ui-box>\n", styles: [".ui-label{border-radius:var(--oasys-component-button-border-radius)}.ui-label__text{white-space:nowrap}.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"] }]
|
|
3956
|
-
}], propDecorators: { type: [{
|
|
3957
|
-
type: Input
|
|
3958
|
-
}], text: [{
|
|
3959
|
-
type: Input
|
|
3960
|
-
}], textStyle: [{
|
|
3961
|
-
type: Input
|
|
3962
|
-
}], showIcon: [{
|
|
3963
|
-
type: Input
|
|
3964
|
-
}], iconOverride: [{
|
|
3965
|
-
type: Input
|
|
3966
|
-
}], backgroundColorOverride: [{
|
|
3967
|
-
type: Input
|
|
3968
|
-
}] } });
|
|
3969
|
-
|
|
3970
|
-
class OasysLabelModule {
|
|
3971
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OasysLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3972
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: OasysLabelModule, imports: [LabelComponent], exports: [LabelComponent] });
|
|
3973
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OasysLabelModule });
|
|
3974
|
-
}
|
|
3975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: OasysLabelModule, decorators: [{
|
|
3976
|
-
type: NgModule,
|
|
3977
|
-
args: [{
|
|
3978
|
-
imports: [LabelComponent],
|
|
3979
|
-
exports: [LabelComponent],
|
|
3980
|
-
}]
|
|
3981
|
-
}] });
|
|
3982
|
-
|
|
3983
3907
|
class OasysTabComponent {
|
|
3984
3908
|
tab_label = undefined;
|
|
3985
3909
|
tab_active = false;
|
|
@@ -4249,5 +4173,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
4249
4173
|
* Generated bundle index. Do not edit.
|
|
4250
4174
|
*/
|
|
4251
4175
|
|
|
4252
|
-
export { BannerComponent, BreadcrumbsComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, ComboboxComponent, DividerComponent, FormErrorsComponent, FormGroupComponent, HeroComponent, IconComponent, ImageComponent,
|
|
4176
|
+
export { BannerComponent, BreadcrumbsComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, ComboboxComponent, DividerComponent, FormErrorsComponent, FormGroupComponent, HeroComponent, IconComponent, ImageComponent, LayoutBoxComponent, LayoutContainerComponent, LayoutGridColumnComponent, LayoutGridComponent, LayoutStackComponent, MEDIA_BASE_URL_TOKEN, OasysAlertCancelDirective, OasysAlertComponent, OasysAlertConfirmDirective, OasysAlertContentDirective, OasysAlertModule, OasysAlertTitleDirective, BannerComponent as OasysBannerComponent, OasysBannerModule, OasysBreadcrumbModule, BreadcrumbsComponent as OasysBreadcrumbsComponent, OasysButtonComponent, OasysButtonGroupComponent, OasysButtonGroupModule, OasysButtonModule, CardComponent as OasysCardComponent, OasysCardModule, CarouselComponent as OasysCarouselComponent, OasysCarouselModule, CheckboxComponent as OasysCheckboxComponent, OasysCheckboxModule, ChipComponent as OasysChipComponent, OasysChipModule, ComboboxComponent as OasysComboboxComponent, OasysComboboxModule, DividerComponent as OasysDividerComponent, OasysDividerModule, FormErrorsComponent as OasysFormErrorsComponent, OasysFormErrorsModule, OasysFormErrorsSummaryComponent, OasysFormErrorsSummaryItemComponent, OasysFormErrorsSummaryTitleComponent, FormGroupComponent as OasysFormGroupComponent, OasysFormGroupModule, OasysHeadingComponent, OasysHeadingModule, HeroComponent as OasysHeroComponent, OasysHeroModule, IconComponent as OasysIconComponent, OasysIconModule, ImageComponent as OasysImageComponent, OasysImageModule, LayoutBoxComponent as OasysLayoutBoxComponent, LayoutContainerComponent as OasysLayoutContainerComponent, LayoutGridColumnComponent as OasysLayoutGridColumnComponent, LayoutGridComponent as OasysLayoutGridComponent, OasysLayoutModule, LayoutStackComponent as OasysLayoutStackComponent, OasysPillComponent, OasysPillGroupComponent, OasysPillGroupModule, OasysPillModule, ProgressBarComponent as OasysProgressBarComponent, PromoCardComponent as OasysPromoCardComponent, OasysPromoCardModule, RadioComponent as OasysRadioComponent, OasysRadioModule, SectionComponent as OasysSectionComponent, SelectCardComponent as OasysSelectCardComponent, OasysSelectCardModule, SeoBlockComponent as OasysSeoBlockComponent, OasysSeoBlockModule, OasysTabComponent, OasysTabGroupComponent, OasysTabsModule, TextComponent as OasysTextComponent, TextInputComponent as OasysTextInputComponent, OasysTextInputModule, OasysTextModule, ProgressBarComponent, PromoCardComponent, ROUTING_HANDLER, RadioComponent, SWIPER_PROVIDER_TOKEN, SectionComponent, SectionModule, SelectCardComponent, SeoBlockComponent, SwiperProvider, TextComponent };
|
|
4253
4177
|
//# sourceMappingURL=oasys-lib.mjs.map
|