@updevs/components 1.0.0-alpha.49 → 1.0.0-alpha.50
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/badge/badge.component.d.ts +2 -3
- package/esm2022/badge/badge.component.mjs +10 -12
- package/esm2022/pricing-cards/models/price-item-tag.model.mjs +2 -0
- package/esm2022/pricing-cards/models/price-item.model.mjs +1 -1
- package/esm2022/pricing-cards/models/public-api.mjs +2 -1
- package/esm2022/pricing-cards/pricing-cards.component.mjs +4 -3
- package/esm2022/pricing-cards/upd-pricing-cards.module.mjs +8 -4
- package/fesm2022/updevs-components-badge.mjs +9 -11
- package/fesm2022/updevs-components-badge.mjs.map +1 -1
- package/fesm2022/updevs-components-pricing-cards.mjs +10 -5
- package/fesm2022/updevs-components-pricing-cards.mjs.map +1 -1
- package/package.json +30 -30
- package/pricing-cards/models/price-item-tag.model.d.ts +6 -0
- package/pricing-cards/models/price-item.model.d.ts +4 -3
- package/pricing-cards/models/public-api.d.ts +1 -0
- package/pricing-cards/upd-pricing-cards.module.d.ts +2 -1
|
@@ -3,7 +3,7 @@ import { TextModel } from '@updevs/sdk';
|
|
|
3
3
|
import { BadgeConfig } from './badge.config';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class BadgeComponent {
|
|
6
|
-
hostClasses: string;
|
|
6
|
+
get hostClasses(): string;
|
|
7
7
|
config: import("@angular/core").InputSignal<BadgeConfig | undefined>;
|
|
8
8
|
bgColor: import("@angular/core").InputSignal<BgColorStyleType>;
|
|
9
9
|
textColor: import("@angular/core").InputSignal<ColorStyleType | undefined>;
|
|
@@ -16,9 +16,8 @@ export declare class BadgeComponent {
|
|
|
16
16
|
get badgeText(): string;
|
|
17
17
|
private readonly configModel;
|
|
18
18
|
private readonly classes;
|
|
19
|
-
private readonly
|
|
19
|
+
private readonly fullClassString;
|
|
20
20
|
private readonly textService;
|
|
21
|
-
constructor();
|
|
22
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
23
22
|
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "upd-badge", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "isOutline": { "alias": "isOutline"; "required": false; "isSignal": true; }; "isPill": { "alias": "isPill"; "required": false; "isSignal": true; }; "isNotification": { "alias": "isNotification"; "required": false; "isSignal": true; }; "isBlinking": { "alias": "isBlinking"; "required": false; "isSignal": true; }; "customClasses": { "alias": "customClasses"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
|
|
24
23
|
}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
import { Component, computed,
|
|
1
|
+
import { Component, computed, inject, input, HostBinding } from '@angular/core';
|
|
2
2
|
import { TextService } from '@updevs/sdk';
|
|
3
3
|
import { BadgeConfigModel } from './badge-config.model';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class BadgeComponent {
|
|
6
|
-
get badgeText() {
|
|
7
|
-
return this.textService.getText(this.text() || this.configModel().text);
|
|
8
|
-
}
|
|
9
6
|
constructor() {
|
|
10
|
-
this.hostClasses = '';
|
|
11
7
|
this.config = input();
|
|
12
8
|
this.bgColor = input('primary');
|
|
13
9
|
this.textColor = input();
|
|
@@ -30,12 +26,14 @@ export class BadgeComponent {
|
|
|
30
26
|
this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',
|
|
31
27
|
this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''
|
|
32
28
|
].join(' '));
|
|
33
|
-
this.
|
|
29
|
+
this.fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`);
|
|
34
30
|
this.textService = inject(TextService);
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
31
|
+
}
|
|
32
|
+
get hostClasses() {
|
|
33
|
+
return this.fullClassString();
|
|
34
|
+
}
|
|
35
|
+
get badgeText() {
|
|
36
|
+
return this.textService.getText(this.text() || this.configModel().text);
|
|
39
37
|
}
|
|
40
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
39
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: BadgeComponent, selector: "upd-badge", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, isOutline: { classPropertyName: "isOutline", publicName: "isOutline", isSignal: true, isRequired: false, transformFunction: null }, isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, isNotification: { classPropertyName: "isNotification", publicName: "isNotification", isSignal: true, isRequired: false, transformFunction: null }, isBlinking: { classPropertyName: "isBlinking", publicName: "isBlinking", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "@if (!!badgeText) {\n {{ badgeText }}\n} @else {\n <ng-content></ng-content>\n}\n", styles: [""] }); }
|
|
@@ -43,8 +41,8 @@ export class BadgeComponent {
|
|
|
43
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
44
42
|
type: Component,
|
|
45
43
|
args: [{ selector: 'upd-badge', template: "@if (!!badgeText) {\n {{ badgeText }}\n} @else {\n <ng-content></ng-content>\n}\n" }]
|
|
46
|
-
}],
|
|
44
|
+
}], propDecorators: { hostClasses: [{
|
|
47
45
|
type: HostBinding,
|
|
48
46
|
args: ['class']
|
|
49
47
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2JhZGdlL3NyYy9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYmFkZ2Uvc3JjL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWhGLE9BQU8sRUFBYSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFHckQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBT3hELE1BQU0sT0FBTyxjQUFjO0lBTDNCO1FBVUksV0FBTSxHQUFHLEtBQUssRUFBZSxDQUFDO1FBQzlCLFlBQU8sR0FBRyxLQUFLLENBQW1CLFNBQVMsQ0FBQyxDQUFDO1FBQzdDLGNBQVMsR0FBRyxLQUFLLEVBQWtCLENBQUM7UUFDcEMsU0FBSSxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQzFCLGNBQVMsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDbEMsV0FBTSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUMvQixtQkFBYyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUN2QyxlQUFVLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ25DLGtCQUFhLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBTWpCLGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNsRSxZQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUNyQztZQUNJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQ25FLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRTtnQkFDdkUsQ0FBQyxDQUFDLEVBQUU7WUFDUixDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDO2dCQUNuRSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUU7Z0JBQzdFLENBQUMsQ0FBQyxFQUFFO1lBQ1IsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM1RixJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ25GLElBQUksQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMzRyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQy9GLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUNkLENBQUM7UUFDZSxvQkFBZSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxTQUFTLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3BGLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0tBQ3REO0lBbkNHLElBQTBCLFdBQVc7UUFDakMsT0FBTyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQVlELElBQUksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1RSxDQUFDOzhHQWpCUSxjQUFjO2tHQUFkLGNBQWMsK3dDQ1ozQix5RkFLQTs7MkZET2EsY0FBYztrQkFMMUIsU0FBUzsrQkFDSSxXQUFXOzhCQUtLLFdBQVc7c0JBQXBDLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZ0NvbG9yU3R5bGVUeXBlLCBDb2xvclN0eWxlVHlwZSB9IGZyb20gJ0B1cGRldnMvc2RrL3R5cGVzJztcbmltcG9ydCB7IFRleHRNb2RlbCwgVGV4dFNlcnZpY2UgfSBmcm9tICdAdXBkZXZzL3Nkayc7XG5cbmltcG9ydCB7IEJhZGdlQ29uZmlnIH0gZnJvbSAnLi9iYWRnZS5jb25maWcnO1xuaW1wb3J0IHsgQmFkZ2VDb25maWdNb2RlbCB9IGZyb20gJy4vYmFkZ2UtY29uZmlnLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd1cGQtYmFkZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBCYWRnZUNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBob3N0Q2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5mdWxsQ2xhc3NTdHJpbmcoKTtcbiAgICB9XG5cbiAgICBjb25maWcgPSBpbnB1dDxCYWRnZUNvbmZpZz4oKTtcbiAgICBiZ0NvbG9yID0gaW5wdXQ8QmdDb2xvclN0eWxlVHlwZT4oJ3ByaW1hcnknKTtcbiAgICB0ZXh0Q29sb3IgPSBpbnB1dDxDb2xvclN0eWxlVHlwZT4oKTtcbiAgICB0ZXh0ID0gaW5wdXQ8VGV4dE1vZGVsPigpO1xuICAgIGlzT3V0bGluZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgICBpc1BpbGwgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gICAgaXNOb3RpZmljYXRpb24gPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gICAgaXNCbGlua2luZyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgICBjdXN0b21DbGFzc2VzID0gaW5wdXQ8c3RyaW5nPignJyk7XG5cbiAgICBnZXQgYmFkZ2VUZXh0KCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLnRleHRTZXJ2aWNlLmdldFRleHQodGhpcy50ZXh0KCkgfHwgdGhpcy5jb25maWdNb2RlbCgpLnRleHQpO1xuICAgIH1cblxuICAgIHByaXZhdGUgcmVhZG9ubHkgY29uZmlnTW9kZWwgPSBjb21wdXRlZCgoKSA9PiBuZXcgQmFkZ2VDb25maWdNb2RlbCh0aGlzLmNvbmZpZygpKSk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjbGFzc2VzID0gY29tcHV0ZWQoKCkgPT5cbiAgICAgICAgW1xuICAgICAgICAgICAgKCEhdGhpcy5jb25maWcoKSAmJiAhdGhpcy5jb25maWdNb2RlbCgpLmlzT3V0bGluZSkgfHwgIXRoaXMuaXNPdXRsaW5lKClcbiAgICAgICAgICAgICAgICA/IGBiZy0keyEhdGhpcy5jb25maWcoKSA/IHRoaXMuY29uZmlnTW9kZWwoKS5iZ0NvbG9yIDogdGhpcy5iZ0NvbG9yKCl9YFxuICAgICAgICAgICAgICAgIDogJycsXG4gICAgICAgICAgICAhIXRoaXMudGV4dENvbG9yKCkgfHwgKCEhdGhpcy5jb25maWcoKSAmJiB0aGlzLmNvbmZpZ01vZGVsKCkudGV4dENvbG9yKVxuICAgICAgICAgICAgICAgID8gYHRleHQtJHshIXRoaXMuY29uZmlnKCkgPyB0aGlzLmNvbmZpZ01vZGVsKCkudGV4dENvbG9yIDogdGhpcy50ZXh0Q29sb3IoKX1gXG4gICAgICAgICAgICAgICAgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuaXNPdXRsaW5lKCkgfHwgKCEhdGhpcy5jb25maWcoKSAmJiB0aGlzLmNvbmZpZ01vZGVsKCkuaXNPdXRsaW5lKSA/ICdiYWRnZS1vdXRsaW5lJyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5pc1BpbGwoKSB8fCAoISF0aGlzLmNvbmZpZygpICYmIHRoaXMuY29uZmlnTW9kZWwoKS5pc1BpbGwpID8gJ2JhZGdlLXBpbGwnIDogJycsXG4gICAgICAgICAgICB0aGlzLmlzTm90aWZpY2F0aW9uKCkgfHwgKCEhdGhpcy5jb25maWcoKSAmJiB0aGlzLmNvbmZpZ01vZGVsKCkuaXNOb3RpZmljYXRpb24pID8gJ2JhZGdlLW5vdGlmaWNhdGlvbicgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuaXNCbGlua2luZygpIHx8ICghIXRoaXMuY29uZmlnKCkgJiYgdGhpcy5jb25maWdNb2RlbCgpLmlzQmxpbmtpbmcpID8gJ2JhZGdlLWJsaW5rJyA6ICcnXG4gICAgICAgIF0uam9pbignICcpXG4gICAgKTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGZ1bGxDbGFzc1N0cmluZyA9IGNvbXB1dGVkKCgpID0+IGBiYWRnZSAke3RoaXMuY3VzdG9tQ2xhc3NlcygpfSAke3RoaXMuY2xhc3NlcygpfWApO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgdGV4dFNlcnZpY2UgPSBpbmplY3QoVGV4dFNlcnZpY2UpO1xufVxuIiwiQGlmICghIWJhZGdlVGV4dCkge1xuICAgIHt7IGJhZGdlVGV4dCB9fVxufSBAZWxzZSB7XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2UtaXRlbS10YWcubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcHJpY2luZy1jYXJkcy9zcmMvbW9kZWxzL3ByaWNlLWl0ZW0tdGFnLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0TW9kZWwgfSBmcm9tICdAdXBkZXZzL3Nkayc7XG5pbXBvcnQgeyBCZ0NvbG9yU3R5bGVUeXBlIH0gZnJvbSAnQHVwZGV2cy9zZGsvdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByaWNlSXRlbVRhZ01vZGVsIHtcbiAgICB0ZXh0OiBUZXh0TW9kZWw7XG4gICAgYmFja2dyb3VuZENvbG9yOiBCZ0NvbG9yU3R5bGVUeXBlO1xufVxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2UtaXRlbS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcmljaW5nLWNhcmRzL3NyYy9tb2RlbHMvcHJpY2UtaXRlbS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbk1vZGVsIH0gZnJvbSAnQHVwZGV2cy9pY29ucyc7XG5pbXBvcnQgeyBUZXh0TW9kZWwgfSBmcm9tICdAdXBkZXZzL3Nkayc7XG5pbXBvcnQgeyBCYXNlRW50aXR5TW9kZWwgfSBmcm9tICdAdXBkZXZzL3Nkay9jb3JlJztcbmltcG9ydCB7IEJnQ29sb3JTdHlsZVR5cGUgfSBmcm9tICdAdXBkZXZzL3Nkay90eXBlcyc7XG5pbXBvcnQgeyBSaWJib25TdHlsZVR5cGUgfSBmcm9tICdAdXBkZXZzL2NvbXBvbmVudHMvY2FyZCc7XG5cbmltcG9ydCB7IFByaWNlSXRlbUZlYXR1cmUgfSBmcm9tICcuL3ByaWNlLWl0ZW0tZmVhdHVyZS5tb2RlbCc7XG5pbXBvcnQgeyBQcmljZUl0ZW1GZWF0dXJlc0dyb3VwIH0gZnJvbSAnLi9wcmljZS1pdGVtLWZlYXR1cmVzLWdyb3VwLm1vZGVsJztcbmltcG9ydCB7IFByaWNlSXRlbVRhZ01vZGVsIH0gZnJvbSAnLi9wcmljZS1pdGVtLXRhZy5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJpY2VJdGVtTW9kZWwgZXh0ZW5kcyBCYXNlRW50aXR5TW9kZWwge1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgcHJpY2U6IHN0cmluZztcbiAgICBjaG9vc2VUaGlzVGV4dDogVGV4dE1vZGVsO1xuICAgIGN1cnJlbnRUZXh0PzogVGV4dE1vZGVsO1xuICAgIHRhZ3M/OiBQcmljZUl0ZW1UYWdNb2RlbFtdO1xuICAgIGhpZ2hsaWdodENvbG9yPzogQmdDb2xvclN0eWxlVHlwZTtcbiAgICByaWJib25TdHlsZT86IFJpYmJvblN0eWxlVHlwZTtcbiAgICByaWJib25JY29uPzogSWNvbk1vZGVsO1xuICAgIGdyb3VwZWRGZWF0dXJlcz86IFByaWNlSXRlbUZlYXR1cmVzR3JvdXBbXTtcbiAgICBmZWF0dXJlcz86IFByaWNlSXRlbUZlYXR1cmVbXTtcbn1cbiJdfQ==
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './price-item.model';
|
|
2
2
|
export * from './price-item-features-group.model';
|
|
3
3
|
export * from './price-item-feature.model';
|
|
4
|
-
|
|
4
|
+
export * from './price-item-tag.model';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcmljaW5nLWNhcmRzL3NyYy9tb2RlbHMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wcmljZS1pdGVtLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vcHJpY2UtaXRlbS1mZWF0dXJlcy1ncm91cC5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL3ByaWNlLWl0ZW0tZmVhdHVyZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL3ByaWNlLWl0ZW0tdGFnLm1vZGVsJztcbiJdfQ==
|
|
@@ -5,6 +5,7 @@ import * as i1 from "@angular/common";
|
|
|
5
5
|
import * as i2 from "@updevs/components/card";
|
|
6
6
|
import * as i3 from "@updevs/icons";
|
|
7
7
|
import * as i4 from "@updevs/components/button";
|
|
8
|
+
import * as i5 from "@updevs/components/badge";
|
|
8
9
|
export class PricingCardsComponent {
|
|
9
10
|
constructor() {
|
|
10
11
|
this.items = input.required();
|
|
@@ -15,10 +16,10 @@ export class PricingCardsComponent {
|
|
|
15
16
|
this.selected.emit(item);
|
|
16
17
|
}
|
|
17
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingCardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingCardsComponent, selector: "upd-pricing-cards", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingCardsComponent, selector: "upd-pricing-cards", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col\">\n <upd-card [ribbonBackground]=\"!!item.ribbonIcon ? item.highlightColor : undefined\" [ribbonIcon]=\"item.ribbonIcon\"\n [ribbonStyle]=\"item.ribbonStyle || 'top'\" [statusBackground]=\"item.highlightColor\" [useLightHeader]=\"true\">\n <ng-template updCardHeader>\n <div class=\"text-uppercase text-secondary fw-bold\">{{ item.title }}</div>\n <div [class.me-6]=\"!!item.ribbonIcon\" class=\"ms-auto d-flex gap-1\">\n @for (tag of item.tags; track tag.text.text) {\n <upd-badge [bgColor]=\"tag.backgroundColor\" [text]=\"tag.text\"></upd-badge>\n }\n </div>\n </ng-template>\n\n <div class=\"display-5 fw-bold mb-3\">{{ item.price }}</div>\n\n @if ((item.groupedFeatures?.length || 0) > 0) {\n @for (group of item.groupedFeatures; track group.name) {\n <div class=\"bg-surface-tertiary\">\n <span class=\"subheader\">{{ group.name }}</span>\n </div>\n <ng-container [ngTemplateOutlet]=\"featuresTpl\"\n [ngTemplateOutletContext]=\"{features: group.features}\"></ng-container>\n }\n } @else {\n <ng-container [ngTemplateOutlet]=\"featuresTpl\" [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n }\n\n <div class=\"text-center mt-4\">\n <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\"\n [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n </upd-button>\n </div>\n </upd-card>\n </div>\n }\n</div>\n\n<ng-template #featuresTpl let-features=\"features\">\n <ul class=\"list-unstyled lh-lg\">\n @for (feature of features; track feature.text) {\n <li [class.fw-bold]=\"feature.isHighlighted\">\n @if (feature.isIncluded) {\n <upd-icon tablerIcon=\"check\" colorClass=\"text-success\"></upd-icon>\n } @else {\n <upd-icon tablerIcon=\"x\" colorClass=\"text-danger\"></upd-icon>\n }\n <span class=\"ms-2\">{{ feature.text }}</span>\n </li>\n }\n </ul>\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.CardComponent, selector: "upd-card", inputs: ["wrapperClasses", "title", "subtitle", "hoverEffect", "state", "type", "imagePosition", "bgColor", "stampIcon", "stampBackground", "statusBackground", "statusPosition", "ribbonBackground", "ribbonStyle", "ribbonIcon", "ribbonText", "rotate", "removeBorder", "useLightHeader", "showHeader", "isFooterTransparent", "footerText", "showProgressBar", "progress", "actions"] }, { kind: "directive", type: i2.CardHeaderDirective, selector: "ng-template[updCardHeader]" }, { kind: "component", type: i3.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "colorClass", "removeDefaultClasses", "customClasses", "tablerIcon", "tablerIconWeight", "tablerIconType", "tablerIconSize", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "component", type: i4.ButtonComponent, selector: "upd-button", inputs: ["model", "text", "brandColorStyle", "customClasses", "isOutline", "isGhost", "isSquare", "isPill", "isIcon", "isLoading", "isList", "isFloating", "isAction", "isNavigationLink", "isLink", "shouldIgnoreBtnClass", "iconModel", "iconPosition", "isDisabled", "isActive", "badgeConfig", "colorStyle", "size", "title"], outputs: ["clicked"] }, { kind: "component", type: i5.BadgeComponent, selector: "upd-badge", inputs: ["config", "bgColor", "textColor", "text", "isOutline", "isPill", "isNotification", "isBlinking", "customClasses"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19
20
|
}
|
|
20
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingCardsComponent, decorators: [{
|
|
21
22
|
type: Component,
|
|
22
|
-
args: [{ selector: 'upd-pricing-cards', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col
|
|
23
|
+
args: [{ selector: 'upd-pricing-cards', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col\">\n <upd-card [ribbonBackground]=\"!!item.ribbonIcon ? item.highlightColor : undefined\" [ribbonIcon]=\"item.ribbonIcon\"\n [ribbonStyle]=\"item.ribbonStyle || 'top'\" [statusBackground]=\"item.highlightColor\" [useLightHeader]=\"true\">\n <ng-template updCardHeader>\n <div class=\"text-uppercase text-secondary fw-bold\">{{ item.title }}</div>\n <div [class.me-6]=\"!!item.ribbonIcon\" class=\"ms-auto d-flex gap-1\">\n @for (tag of item.tags; track tag.text.text) {\n <upd-badge [bgColor]=\"tag.backgroundColor\" [text]=\"tag.text\"></upd-badge>\n }\n </div>\n </ng-template>\n\n <div class=\"display-5 fw-bold mb-3\">{{ item.price }}</div>\n\n @if ((item.groupedFeatures?.length || 0) > 0) {\n @for (group of item.groupedFeatures; track group.name) {\n <div class=\"bg-surface-tertiary\">\n <span class=\"subheader\">{{ group.name }}</span>\n </div>\n <ng-container [ngTemplateOutlet]=\"featuresTpl\"\n [ngTemplateOutletContext]=\"{features: group.features}\"></ng-container>\n }\n } @else {\n <ng-container [ngTemplateOutlet]=\"featuresTpl\" [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n }\n\n <div class=\"text-center mt-4\">\n <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\"\n [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n </upd-button>\n </div>\n </upd-card>\n </div>\n }\n</div>\n\n<ng-template #featuresTpl let-features=\"features\">\n <ul class=\"list-unstyled lh-lg\">\n @for (feature of features; track feature.text) {\n <li [class.fw-bold]=\"feature.isHighlighted\">\n @if (feature.isIncluded) {\n <upd-icon tablerIcon=\"check\" colorClass=\"text-success\"></upd-icon>\n } @else {\n <upd-icon tablerIcon=\"x\" colorClass=\"text-danger\"></upd-icon>\n }\n <span class=\"ms-2\">{{ feature.text }}</span>\n </li>\n }\n </ul>\n</ng-template>\n", styles: [":host{display:block}\n"] }]
|
|
23
24
|
}] });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy1jYXJkcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcHJpY2luZy1jYXJkcy9zcmMvcHJpY2luZy1jYXJkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcHJpY2luZy1jYXJkcy9zcmMvcHJpY2luZy1jYXJkcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7Ozs7QUFVMUMsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQU9hLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFvQixDQUFDO1FBQzNDLGFBQVEsR0FBRyxNQUFNLEVBQWtCLENBQUM7UUFFcEMsZ0JBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7S0FLOUM7SUFIRyxZQUFZLENBQUMsSUFBb0I7UUFDN0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQzs4R0FSUSxxQkFBcUI7a0dBQXJCLHFCQUFxQiwrTkNYbEMsMHNGQXFEQTs7MkZEMUNhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGV4dFNlcnZpY2UgfSBmcm9tICdAdXBkZXZzL3Nkayc7XG5cbmltcG9ydCB7IFByaWNlSXRlbU1vZGVsIH0gZnJvbSAnLi9tb2RlbHMvcHJpY2UtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndXBkLXByaWNpbmctY2FyZHMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wcmljaW5nLWNhcmRzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vcHJpY2luZy1jYXJkcy5jb21wb25lbnQuc2NzcycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgUHJpY2luZ0NhcmRzQ29tcG9uZW50IHtcbiAgICByZWFkb25seSBpdGVtcyA9IGlucHV0LnJlcXVpcmVkPFByaWNlSXRlbU1vZGVsW10+KCk7XG4gICAgcmVhZG9ubHkgc2VsZWN0ZWQgPSBvdXRwdXQ8UHJpY2VJdGVtTW9kZWw+KCk7XG5cbiAgICByZWFkb25seSB0ZXh0U2VydmljZSA9IGluamVjdChUZXh0U2VydmljZSk7XG5cbiAgICBzZWxlY3RPcHRpb24oaXRlbTogUHJpY2VJdGVtTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZC5lbWl0KGl0ZW0pO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyb3cgcm93LWNhcmRzXCI+XG4gICAgQGZvciAoaXRlbSBvZiBpdGVtcygpOyB0cmFjayBpdGVtLmlkKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2xcIj5cbiAgICAgICAgICAgIDx1cGQtY2FyZCBbcmliYm9uQmFja2dyb3VuZF09XCIhIWl0ZW0ucmliYm9uSWNvbiA/IGl0ZW0uaGlnaGxpZ2h0Q29sb3IgOiB1bmRlZmluZWRcIiBbcmliYm9uSWNvbl09XCJpdGVtLnJpYmJvbkljb25cIlxuICAgICAgICAgICAgICAgIFtyaWJib25TdHlsZV09XCJpdGVtLnJpYmJvblN0eWxlIHx8ICd0b3AnXCIgW3N0YXR1c0JhY2tncm91bmRdPVwiaXRlbS5oaWdobGlnaHRDb2xvclwiIFt1c2VMaWdodEhlYWRlcl09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHVwZENhcmRIZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXVwcGVyY2FzZSB0ZXh0LXNlY29uZGFyeSBmdy1ib2xkXCI+e3sgaXRlbS50aXRsZSB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IFtjbGFzcy5tZS02XT1cIiEhaXRlbS5yaWJib25JY29uXCIgY2xhc3M9XCJtcy1hdXRvIGQtZmxleCBnYXAtMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgQGZvciAodGFnIG9mIGl0ZW0udGFnczsgdHJhY2sgdGFnLnRleHQudGV4dCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtYmFkZ2UgW2JnQ29sb3JdPVwidGFnLmJhY2tncm91bmRDb2xvclwiIFt0ZXh0XT1cInRhZy50ZXh0XCI+PC91cGQtYmFkZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGlzcGxheS01IGZ3LWJvbGQgbWItM1wiPnt7IGl0ZW0ucHJpY2UgfX08L2Rpdj5cblxuICAgICAgICAgICAgICAgIEBpZiAoKGl0ZW0uZ3JvdXBlZEZlYXR1cmVzPy5sZW5ndGggfHwgMCkgPiAwKSB7XG4gICAgICAgICAgICAgICAgICAgIEBmb3IgKGdyb3VwIG9mIGl0ZW0uZ3JvdXBlZEZlYXR1cmVzOyB0cmFjayBncm91cC5uYW1lKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmctc3VyZmFjZS10ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3ViaGVhZGVyXCI+e3sgZ3JvdXAubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJmZWF0dXJlc1RwbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntmZWF0dXJlczogZ3JvdXAuZmVhdHVyZXN9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJmZWF0dXJlc1RwbFwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ZmVhdHVyZXM6IGl0ZW0uZmVhdHVyZXN9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtY2VudGVyIG10LTRcIj5cbiAgICAgICAgICAgICAgICAgICAgPHVwZC1idXR0b24gKGNsaWNrZWQpPVwic2VsZWN0T3B0aW9uKGl0ZW0pXCIgY3VzdG9tQ2xhc3Nlcz1cInctMTAwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvclN0eWxlXT1cIiEhaXRlbS5oaWdobGlnaHRDb2xvciA/IGl0ZW0uaGlnaGxpZ2h0Q29sb3IgOiB1bmRlZmluZWRcIiBbaXNEaXNhYmxlZF09XCIhIWl0ZW0uY3VycmVudFRleHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IHRleHRTZXJ2aWNlLmdldFRleHQoISFpdGVtLmN1cnJlbnRUZXh0ID8gaXRlbS5jdXJyZW50VGV4dCA6IGl0ZW0uY2hvb3NlVGhpc1RleHQpIH19XG4gICAgICAgICAgICAgICAgICAgIDwvdXBkLWJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvdXBkLWNhcmQ+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2ZlYXR1cmVzVHBsIGxldC1mZWF0dXJlcz1cImZlYXR1cmVzXCI+XG4gICAgPHVsIGNsYXNzPVwibGlzdC11bnN0eWxlZCBsaC1sZ1wiPlxuICAgICAgICBAZm9yIChmZWF0dXJlIG9mIGZlYXR1cmVzOyB0cmFjayBmZWF0dXJlLnRleHQpIHtcbiAgICAgICAgICAgIDxsaSBbY2xhc3MuZnctYm9sZF09XCJmZWF0dXJlLmlzSGlnaGxpZ2h0ZWRcIj5cbiAgICAgICAgICAgICAgICBAaWYgKGZlYXR1cmUuaXNJbmNsdWRlZCkge1xuICAgICAgICAgICAgICAgICAgICA8dXBkLWljb24gdGFibGVySWNvbj1cImNoZWNrXCIgY29sb3JDbGFzcz1cInRleHQtc3VjY2Vzc1wiPjwvdXBkLWljb24+XG4gICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIDx1cGQtaWNvbiB0YWJsZXJJY29uPVwieFwiIGNvbG9yQ2xhc3M9XCJ0ZXh0LWRhbmdlclwiPjwvdXBkLWljb24+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibXMtMlwiPnt7IGZlYXR1cmUudGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgIH1cbiAgICA8L3VsPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { UpdIconsModule } from '@updevs/icons';
|
|
4
4
|
import { UpdCardModule } from '@updevs/components/card';
|
|
5
5
|
import { UpdButtonModule } from '@updevs/components/button';
|
|
6
|
+
import { UpdBadgeModule } from '@updevs/components/badge';
|
|
6
7
|
import { PricingCardsComponent } from './pricing-cards.component';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
export class UpdPricingCardsModule {
|
|
@@ -10,11 +11,13 @@ export class UpdPricingCardsModule {
|
|
|
10
11
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdPricingCardsModule, declarations: [PricingCardsComponent], imports: [CommonModule,
|
|
11
12
|
UpdCardModule,
|
|
12
13
|
UpdIconsModule,
|
|
13
|
-
UpdButtonModule
|
|
14
|
+
UpdButtonModule,
|
|
15
|
+
UpdBadgeModule], exports: [PricingCardsComponent] }); }
|
|
14
16
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPricingCardsModule, imports: [CommonModule,
|
|
15
17
|
UpdCardModule,
|
|
16
18
|
UpdIconsModule,
|
|
17
|
-
UpdButtonModule
|
|
19
|
+
UpdButtonModule,
|
|
20
|
+
UpdBadgeModule] }); }
|
|
18
21
|
}
|
|
19
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPricingCardsModule, decorators: [{
|
|
20
23
|
type: NgModule,
|
|
@@ -23,7 +26,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
23
26
|
CommonModule,
|
|
24
27
|
UpdCardModule,
|
|
25
28
|
UpdIconsModule,
|
|
26
|
-
UpdButtonModule
|
|
29
|
+
UpdButtonModule,
|
|
30
|
+
UpdBadgeModule
|
|
27
31
|
],
|
|
28
32
|
declarations: [
|
|
29
33
|
PricingCardsComponent
|
|
@@ -33,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
33
37
|
]
|
|
34
38
|
}]
|
|
35
39
|
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkLXByaWNpbmctY2FyZHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3ByaWNpbmctY2FyZHMvc3JjL3VwZC1wcmljaW5nLWNhcmRzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRTFELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQWlCbEUsTUFBTSxPQUFPLHFCQUFxQjs4R0FBckIscUJBQXFCOytHQUFyQixxQkFBcUIsaUJBTjFCLHFCQUFxQixhQVByQixZQUFZO1lBQ1osYUFBYTtZQUNiLGNBQWM7WUFDZCxlQUFlO1lBQ2YsY0FBYyxhQU1kLHFCQUFxQjsrR0FHaEIscUJBQXFCLFlBYjFCLFlBQVk7WUFDWixhQUFhO1lBQ2IsY0FBYztZQUNkLGVBQWU7WUFDZixjQUFjOzsyRkFTVCxxQkFBcUI7a0JBZmpDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsY0FBYztxQkFDakI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNWLHFCQUFxQjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLHFCQUFxQjtxQkFDeEI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFVwZEljb25zTW9kdWxlIH0gZnJvbSAnQHVwZGV2cy9pY29ucyc7XG5pbXBvcnQgeyBVcGRDYXJkTW9kdWxlIH0gZnJvbSAnQHVwZGV2cy9jb21wb25lbnRzL2NhcmQnO1xuaW1wb3J0IHsgVXBkQnV0dG9uTW9kdWxlIH0gZnJvbSAnQHVwZGV2cy9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBVcGRCYWRnZU1vZHVsZSB9IGZyb20gJ0B1cGRldnMvY29tcG9uZW50cy9iYWRnZSc7XG5cbmltcG9ydCB7IFByaWNpbmdDYXJkc0NvbXBvbmVudCB9IGZyb20gJy4vcHJpY2luZy1jYXJkcy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBVcGRDYXJkTW9kdWxlLFxuICAgICAgICBVcGRJY29uc01vZHVsZSxcbiAgICAgICAgVXBkQnV0dG9uTW9kdWxlLFxuICAgICAgICBVcGRCYWRnZU1vZHVsZVxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIFByaWNpbmdDYXJkc0NvbXBvbmVudFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBQcmljaW5nQ2FyZHNDb21wb25lbnRcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFVwZFByaWNpbmdDYXJkc01vZHVsZSB7fVxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed, inject,
|
|
2
|
+
import { input, computed, inject, HostBinding, Component, NgModule } from '@angular/core';
|
|
3
3
|
import { TextService } from '@updevs/sdk';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
|
|
@@ -18,11 +18,7 @@ class BadgeConfigModel {
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
class BadgeComponent {
|
|
21
|
-
get badgeText() {
|
|
22
|
-
return this.textService.getText(this.text() || this.configModel().text);
|
|
23
|
-
}
|
|
24
21
|
constructor() {
|
|
25
|
-
this.hostClasses = '';
|
|
26
22
|
this.config = input();
|
|
27
23
|
this.bgColor = input('primary');
|
|
28
24
|
this.textColor = input();
|
|
@@ -45,12 +41,14 @@ class BadgeComponent {
|
|
|
45
41
|
this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',
|
|
46
42
|
this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''
|
|
47
43
|
].join(' '));
|
|
48
|
-
this.
|
|
44
|
+
this.fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`);
|
|
49
45
|
this.textService = inject(TextService);
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
46
|
+
}
|
|
47
|
+
get hostClasses() {
|
|
48
|
+
return this.fullClassString();
|
|
49
|
+
}
|
|
50
|
+
get badgeText() {
|
|
51
|
+
return this.textService.getText(this.text() || this.configModel().text);
|
|
54
52
|
}
|
|
55
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
54
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: BadgeComponent, selector: "upd-badge", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, isOutline: { classPropertyName: "isOutline", publicName: "isOutline", isSignal: true, isRequired: false, transformFunction: null }, isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, isNotification: { classPropertyName: "isNotification", publicName: "isNotification", isSignal: true, isRequired: false, transformFunction: null }, isBlinking: { classPropertyName: "isBlinking", publicName: "isBlinking", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "@if (!!badgeText) {\n {{ badgeText }}\n} @else {\n <ng-content></ng-content>\n}\n", styles: [""] }); }
|
|
@@ -58,7 +56,7 @@ class BadgeComponent {
|
|
|
58
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
59
57
|
type: Component,
|
|
60
58
|
args: [{ selector: 'upd-badge', template: "@if (!!badgeText) {\n {{ badgeText }}\n} @else {\n <ng-content></ng-content>\n}\n" }]
|
|
61
|
-
}],
|
|
59
|
+
}], propDecorators: { hostClasses: [{
|
|
62
60
|
type: HostBinding,
|
|
63
61
|
args: ['class']
|
|
64
62
|
}] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"updevs-components-badge.mjs","sources":["../../../../libs/components/badge/src/badge-config.model.ts","../../../../libs/components/badge/src/badge.component.ts","../../../../libs/components/badge/src/badge.component.html","../../../../libs/components/badge/src/upd-badge.module.ts","../../../../libs/components/badge/src/updevs-components-badge.ts"],"sourcesContent":["import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\n\nexport class BadgeConfigModel implements BadgeConfig {\n bgColor: BgColorStyleType = 'primary';\n textColor?: ColorStyleType;\n text?: TextModel;\n isOutline = false;\n isPill = false;\n isNotification = false;\n isBlinking = false;\n customClasses = '';\n\n constructor(init?: BadgeConfig) {\n if (!!init) {\n Object.assign(this, init);\n }\n }\n}\n","import { Component, computed,
|
|
1
|
+
{"version":3,"file":"updevs-components-badge.mjs","sources":["../../../../libs/components/badge/src/badge-config.model.ts","../../../../libs/components/badge/src/badge.component.ts","../../../../libs/components/badge/src/badge.component.html","../../../../libs/components/badge/src/upd-badge.module.ts","../../../../libs/components/badge/src/updevs-components-badge.ts"],"sourcesContent":["import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\n\nexport class BadgeConfigModel implements BadgeConfig {\n bgColor: BgColorStyleType = 'primary';\n textColor?: ColorStyleType;\n text?: TextModel;\n isOutline = false;\n isPill = false;\n isNotification = false;\n isBlinking = false;\n customClasses = '';\n\n constructor(init?: BadgeConfig) {\n if (!!init) {\n Object.assign(this, init);\n }\n }\n}\n","import { Component, computed, inject, input, HostBinding } from '@angular/core';\nimport { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel, TextService } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\nimport { BadgeConfigModel } from './badge-config.model';\n\n@Component({\n selector: 'upd-badge',\n templateUrl: './badge.component.html',\n styleUrl: './badge.component.scss'\n})\nexport class BadgeComponent {\n @HostBinding('class') get hostClasses(): string {\n return this.fullClassString();\n }\n\n config = input<BadgeConfig>();\n bgColor = input<BgColorStyleType>('primary');\n textColor = input<ColorStyleType>();\n text = input<TextModel>();\n isOutline = input<boolean>(false);\n isPill = input<boolean>(false);\n isNotification = input<boolean>(false);\n isBlinking = input<boolean>(false);\n customClasses = input<string>('');\n\n get badgeText(): string {\n return this.textService.getText(this.text() || this.configModel().text);\n }\n\n private readonly configModel = computed(() => new BadgeConfigModel(this.config()));\n private readonly classes = computed(() =>\n [\n (!!this.config() && !this.configModel().isOutline) || !this.isOutline()\n ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`\n : '',\n !!this.textColor() || (!!this.config() && this.configModel().textColor)\n ? `text-${!!this.config() ? this.configModel().textColor : this.textColor()}`\n : '',\n this.isOutline() || (!!this.config() && this.configModel().isOutline) ? 'badge-outline' : '',\n this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',\n this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',\n this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''\n ].join(' ')\n );\n private readonly fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`);\n private readonly textService = inject(TextService);\n}\n","@if (!!badgeText) {\n {{ badgeText }}\n} @else {\n <ng-content></ng-content>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BadgeComponent } from './badge.component';\n\n@NgModule({\n imports: [\n CommonModule\n ],\n declarations: [\n BadgeComponent\n ],\n exports: [\n BadgeComponent\n ]\n})\nexport class UpdBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAKa,gBAAgB,CAAA;AAUzB,IAAA,WAAA,CAAY,IAAkB,EAAA;QAT9B,IAAO,CAAA,OAAA,GAAqB,SAAS;QAGrC,IAAS,CAAA,SAAA,GAAG,KAAK;QACjB,IAAM,CAAA,MAAA,GAAG,KAAK;QACd,IAAc,CAAA,cAAA,GAAG,KAAK;QACtB,IAAU,CAAA,UAAA,GAAG,KAAK;QAClB,IAAa,CAAA,aAAA,GAAG,EAAE;AAGd,QAAA,IAAI,CAAC,CAAC,IAAI,EAAE;AACR,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC;;;AAGpC;;MCRY,cAAc,CAAA;AAL3B,IAAA,WAAA,GAAA;QAUI,IAAM,CAAA,MAAA,GAAG,KAAK,EAAe;AAC7B,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAmB,SAAS,CAAC;QAC5C,IAAS,CAAA,SAAA,GAAG,KAAK,EAAkB;QACnC,IAAI,CAAA,IAAA,GAAG,KAAK,EAAa;AACzB,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,CAAC;AACjC,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAU,KAAK,CAAC;AAC9B,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC;AACtC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,KAAK,CAAC;AAClC,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAS,EAAE,CAAC;AAMhB,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AACjE,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAChC;YACI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,KAAK,CAAC,IAAI,CAAC,SAAS;kBAC/D,CAAM,GAAA,EAAA,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAE;AACvE,kBAAE,EAAE;YACR,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS;kBAChE,CAAQ,KAAA,EAAA,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAE;AAC7E,kBAAE,EAAE;YACR,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,EAAE;YAC5F,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,GAAG,YAAY,GAAG,EAAE;YACnF,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,cAAc,CAAC,GAAG,oBAAoB,GAAG,EAAE;YAC3G,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,GAAG,aAAa,GAAG;AAC7F,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CACd;AACgB,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,SAAS,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,CAAC;AACnF,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACrD;AAnCG,IAAA,IAA0B,WAAW,GAAA;AACjC,QAAA,OAAO,IAAI,CAAC,eAAe,EAAE;;AAajC,IAAA,IAAI,SAAS,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC;;8GAhBlE,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,+wCCZ3B,yFAKA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDOa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,SAAS;+BACI,WAAW,EAAA,QAAA,EAAA,yFAAA,EAAA;8BAKK,WAAW,EAAA,CAAA;sBAApC,WAAW;uBAAC,OAAO;;;MEGX,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EANnB,YAAA,EAAA,CAAA,cAAc,CAHd,EAAA,OAAA,EAAA,CAAA,YAAY,aAMZ,cAAc,CAAA,EAAA,CAAA,CAAA;AAGT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YATnB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FASP,cAAc,EAAA,UAAA,EAAA,CAAA;kBAX1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL;AACH,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV;AACH,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL;AACH;AACJ,iBAAA;;;ACfD;;AAEG;;;;"}
|
|
@@ -9,6 +9,8 @@ import * as i3 from '@updevs/icons';
|
|
|
9
9
|
import { UpdIconsModule } from '@updevs/icons';
|
|
10
10
|
import * as i4 from '@updevs/components/button';
|
|
11
11
|
import { UpdButtonModule } from '@updevs/components/button';
|
|
12
|
+
import * as i5 from '@updevs/components/badge';
|
|
13
|
+
import { UpdBadgeModule } from '@updevs/components/badge';
|
|
12
14
|
|
|
13
15
|
class PricingCardsComponent {
|
|
14
16
|
constructor() {
|
|
@@ -20,11 +22,11 @@ class PricingCardsComponent {
|
|
|
20
22
|
this.selected.emit(item);
|
|
21
23
|
}
|
|
22
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingCardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingCardsComponent, selector: "upd-pricing-cards", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingCardsComponent, selector: "upd-pricing-cards", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col\">\n <upd-card [ribbonBackground]=\"!!item.ribbonIcon ? item.highlightColor : undefined\" [ribbonIcon]=\"item.ribbonIcon\"\n [ribbonStyle]=\"item.ribbonStyle || 'top'\" [statusBackground]=\"item.highlightColor\" [useLightHeader]=\"true\">\n <ng-template updCardHeader>\n <div class=\"text-uppercase text-secondary fw-bold\">{{ item.title }}</div>\n <div [class.me-6]=\"!!item.ribbonIcon\" class=\"ms-auto d-flex gap-1\">\n @for (tag of item.tags; track tag.text.text) {\n <upd-badge [bgColor]=\"tag.backgroundColor\" [text]=\"tag.text\"></upd-badge>\n }\n </div>\n </ng-template>\n\n <div class=\"display-5 fw-bold mb-3\">{{ item.price }}</div>\n\n @if ((item.groupedFeatures?.length || 0) > 0) {\n @for (group of item.groupedFeatures; track group.name) {\n <div class=\"bg-surface-tertiary\">\n <span class=\"subheader\">{{ group.name }}</span>\n </div>\n <ng-container [ngTemplateOutlet]=\"featuresTpl\"\n [ngTemplateOutletContext]=\"{features: group.features}\"></ng-container>\n }\n } @else {\n <ng-container [ngTemplateOutlet]=\"featuresTpl\" [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n }\n\n <div class=\"text-center mt-4\">\n <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\"\n [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n </upd-button>\n </div>\n </upd-card>\n </div>\n }\n</div>\n\n<ng-template #featuresTpl let-features=\"features\">\n <ul class=\"list-unstyled lh-lg\">\n @for (feature of features; track feature.text) {\n <li [class.fw-bold]=\"feature.isHighlighted\">\n @if (feature.isIncluded) {\n <upd-icon tablerIcon=\"check\" colorClass=\"text-success\"></upd-icon>\n } @else {\n <upd-icon tablerIcon=\"x\" colorClass=\"text-danger\"></upd-icon>\n }\n <span class=\"ms-2\">{{ feature.text }}</span>\n </li>\n }\n </ul>\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.CardComponent, selector: "upd-card", inputs: ["wrapperClasses", "title", "subtitle", "hoverEffect", "state", "type", "imagePosition", "bgColor", "stampIcon", "stampBackground", "statusBackground", "statusPosition", "ribbonBackground", "ribbonStyle", "ribbonIcon", "ribbonText", "rotate", "removeBorder", "useLightHeader", "showHeader", "isFooterTransparent", "footerText", "showProgressBar", "progress", "actions"] }, { kind: "directive", type: i2.CardHeaderDirective, selector: "ng-template[updCardHeader]" }, { kind: "component", type: i3.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "colorClass", "removeDefaultClasses", "customClasses", "tablerIcon", "tablerIconWeight", "tablerIconType", "tablerIconSize", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "component", type: i4.ButtonComponent, selector: "upd-button", inputs: ["model", "text", "brandColorStyle", "customClasses", "isOutline", "isGhost", "isSquare", "isPill", "isIcon", "isLoading", "isList", "isFloating", "isAction", "isNavigationLink", "isLink", "shouldIgnoreBtnClass", "iconModel", "iconPosition", "isDisabled", "isActive", "badgeConfig", "colorStyle", "size", "title"], outputs: ["clicked"] }, { kind: "component", type: i5.BadgeComponent, selector: "upd-badge", inputs: ["config", "bgColor", "textColor", "text", "isOutline", "isPill", "isNotification", "isBlinking", "customClasses"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
26
|
}
|
|
25
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingCardsComponent, decorators: [{
|
|
26
28
|
type: Component,
|
|
27
|
-
args: [{ selector: 'upd-pricing-cards', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col
|
|
29
|
+
args: [{ selector: 'upd-pricing-cards', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col\">\n <upd-card [ribbonBackground]=\"!!item.ribbonIcon ? item.highlightColor : undefined\" [ribbonIcon]=\"item.ribbonIcon\"\n [ribbonStyle]=\"item.ribbonStyle || 'top'\" [statusBackground]=\"item.highlightColor\" [useLightHeader]=\"true\">\n <ng-template updCardHeader>\n <div class=\"text-uppercase text-secondary fw-bold\">{{ item.title }}</div>\n <div [class.me-6]=\"!!item.ribbonIcon\" class=\"ms-auto d-flex gap-1\">\n @for (tag of item.tags; track tag.text.text) {\n <upd-badge [bgColor]=\"tag.backgroundColor\" [text]=\"tag.text\"></upd-badge>\n }\n </div>\n </ng-template>\n\n <div class=\"display-5 fw-bold mb-3\">{{ item.price }}</div>\n\n @if ((item.groupedFeatures?.length || 0) > 0) {\n @for (group of item.groupedFeatures; track group.name) {\n <div class=\"bg-surface-tertiary\">\n <span class=\"subheader\">{{ group.name }}</span>\n </div>\n <ng-container [ngTemplateOutlet]=\"featuresTpl\"\n [ngTemplateOutletContext]=\"{features: group.features}\"></ng-container>\n }\n } @else {\n <ng-container [ngTemplateOutlet]=\"featuresTpl\" [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n }\n\n <div class=\"text-center mt-4\">\n <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\"\n [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n </upd-button>\n </div>\n </upd-card>\n </div>\n }\n</div>\n\n<ng-template #featuresTpl let-features=\"features\">\n <ul class=\"list-unstyled lh-lg\">\n @for (feature of features; track feature.text) {\n <li [class.fw-bold]=\"feature.isHighlighted\">\n @if (feature.isIncluded) {\n <upd-icon tablerIcon=\"check\" colorClass=\"text-success\"></upd-icon>\n } @else {\n <upd-icon tablerIcon=\"x\" colorClass=\"text-danger\"></upd-icon>\n }\n <span class=\"ms-2\">{{ feature.text }}</span>\n </li>\n }\n </ul>\n</ng-template>\n", styles: [":host{display:block}\n"] }]
|
|
28
30
|
}] });
|
|
29
31
|
|
|
30
32
|
class UpdPricingCardsModule {
|
|
@@ -32,11 +34,13 @@ class UpdPricingCardsModule {
|
|
|
32
34
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdPricingCardsModule, declarations: [PricingCardsComponent], imports: [CommonModule,
|
|
33
35
|
UpdCardModule,
|
|
34
36
|
UpdIconsModule,
|
|
35
|
-
UpdButtonModule
|
|
37
|
+
UpdButtonModule,
|
|
38
|
+
UpdBadgeModule], exports: [PricingCardsComponent] }); }
|
|
36
39
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPricingCardsModule, imports: [CommonModule,
|
|
37
40
|
UpdCardModule,
|
|
38
41
|
UpdIconsModule,
|
|
39
|
-
UpdButtonModule
|
|
42
|
+
UpdButtonModule,
|
|
43
|
+
UpdBadgeModule] }); }
|
|
40
44
|
}
|
|
41
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPricingCardsModule, decorators: [{
|
|
42
46
|
type: NgModule,
|
|
@@ -45,7 +49,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
|
|
|
45
49
|
CommonModule,
|
|
46
50
|
UpdCardModule,
|
|
47
51
|
UpdIconsModule,
|
|
48
|
-
UpdButtonModule
|
|
52
|
+
UpdButtonModule,
|
|
53
|
+
UpdBadgeModule
|
|
49
54
|
],
|
|
50
55
|
declarations: [
|
|
51
56
|
PricingCardsComponent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"updevs-components-pricing-cards.mjs","sources":["../../../../libs/components/pricing-cards/src/pricing-cards.component.ts","../../../../libs/components/pricing-cards/src/pricing-cards.component.html","../../../../libs/components/pricing-cards/src/upd-pricing-cards.module.ts","../../../../libs/components/pricing-cards/src/updevs-components-pricing-cards.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, input, output } from '@angular/core';\nimport { TextService } from '@updevs/sdk';\n\nimport { PriceItemModel } from './models/price-item.model';\n\n@Component({\n selector: 'upd-pricing-cards',\n templateUrl: './pricing-cards.component.html',\n styleUrl: './pricing-cards.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PricingCardsComponent {\n readonly items = input.required<PriceItemModel[]>();\n readonly selected = output<PriceItemModel>();\n\n readonly textService = inject(TextService);\n\n selectOption(item: PriceItemModel): void {\n this.selected.emit(item);\n }\n}\n","<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col
|
|
1
|
+
{"version":3,"file":"updevs-components-pricing-cards.mjs","sources":["../../../../libs/components/pricing-cards/src/pricing-cards.component.ts","../../../../libs/components/pricing-cards/src/pricing-cards.component.html","../../../../libs/components/pricing-cards/src/upd-pricing-cards.module.ts","../../../../libs/components/pricing-cards/src/updevs-components-pricing-cards.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, input, output } from '@angular/core';\nimport { TextService } from '@updevs/sdk';\n\nimport { PriceItemModel } from './models/price-item.model';\n\n@Component({\n selector: 'upd-pricing-cards',\n templateUrl: './pricing-cards.component.html',\n styleUrl: './pricing-cards.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PricingCardsComponent {\n readonly items = input.required<PriceItemModel[]>();\n readonly selected = output<PriceItemModel>();\n\n readonly textService = inject(TextService);\n\n selectOption(item: PriceItemModel): void {\n this.selected.emit(item);\n }\n}\n","<div class=\"row row-cards\">\n @for (item of items(); track item.id) {\n <div class=\"col\">\n <upd-card [ribbonBackground]=\"!!item.ribbonIcon ? item.highlightColor : undefined\" [ribbonIcon]=\"item.ribbonIcon\"\n [ribbonStyle]=\"item.ribbonStyle || 'top'\" [statusBackground]=\"item.highlightColor\" [useLightHeader]=\"true\">\n <ng-template updCardHeader>\n <div class=\"text-uppercase text-secondary fw-bold\">{{ item.title }}</div>\n <div [class.me-6]=\"!!item.ribbonIcon\" class=\"ms-auto d-flex gap-1\">\n @for (tag of item.tags; track tag.text.text) {\n <upd-badge [bgColor]=\"tag.backgroundColor\" [text]=\"tag.text\"></upd-badge>\n }\n </div>\n </ng-template>\n\n <div class=\"display-5 fw-bold mb-3\">{{ item.price }}</div>\n\n @if ((item.groupedFeatures?.length || 0) > 0) {\n @for (group of item.groupedFeatures; track group.name) {\n <div class=\"bg-surface-tertiary\">\n <span class=\"subheader\">{{ group.name }}</span>\n </div>\n <ng-container [ngTemplateOutlet]=\"featuresTpl\"\n [ngTemplateOutletContext]=\"{features: group.features}\"></ng-container>\n }\n } @else {\n <ng-container [ngTemplateOutlet]=\"featuresTpl\" [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n }\n\n <div class=\"text-center mt-4\">\n <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\"\n [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n </upd-button>\n </div>\n </upd-card>\n </div>\n }\n</div>\n\n<ng-template #featuresTpl let-features=\"features\">\n <ul class=\"list-unstyled lh-lg\">\n @for (feature of features; track feature.text) {\n <li [class.fw-bold]=\"feature.isHighlighted\">\n @if (feature.isIncluded) {\n <upd-icon tablerIcon=\"check\" colorClass=\"text-success\"></upd-icon>\n } @else {\n <upd-icon tablerIcon=\"x\" colorClass=\"text-danger\"></upd-icon>\n }\n <span class=\"ms-2\">{{ feature.text }}</span>\n </li>\n }\n </ul>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UpdIconsModule } from '@updevs/icons';\nimport { UpdCardModule } from '@updevs/components/card';\nimport { UpdButtonModule } from '@updevs/components/button';\nimport { UpdBadgeModule } from '@updevs/components/badge';\n\nimport { PricingCardsComponent } from './pricing-cards.component';\n\n@NgModule({\n imports: [\n CommonModule,\n UpdCardModule,\n UpdIconsModule,\n UpdButtonModule,\n UpdBadgeModule\n ],\n declarations: [\n PricingCardsComponent\n ],\n exports: [\n PricingCardsComponent\n ]\n})\nexport class UpdPricingCardsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAWa,qBAAqB,CAAA;AANlC,IAAA,WAAA,GAAA;AAOa,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAoB;QAC1C,IAAQ,CAAA,QAAA,GAAG,MAAM,EAAkB;AAEnC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAK7C;AAHG,IAAA,YAAY,CAAC,IAAoB,EAAA;AAC7B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;8GAPnB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,+NCXlC,0sFAqDA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,EAAA,OAAA,EAAA,MAAA,EAAA,eAAA,EAAA,SAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,QAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,QAAA,EAAA,YAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,YAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FD1Ca,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;+BACI,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0sFAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;MEetC,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAArB,qBAAqB,EAAA,YAAA,EAAA,CAN1B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAPrB,YAAY;YACZ,aAAa;YACb,cAAc;YACd,eAAe;AACf,YAAA,cAAc,aAMd,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAb1B,YAAY;YACZ,aAAa;YACb,cAAc;YACd,eAAe;YACf,cAAc,CAAA,EAAA,CAAA,CAAA;;2FAST,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAfjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,aAAa;wBACb,cAAc;wBACd,eAAe;wBACf;AACH,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV;AACH,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL;AACH;AACJ,iBAAA;;;ACvBD;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@updevs/components",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.50",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^18.0.1 || ^19.0.0",
|
|
6
6
|
"@angular/core": "^18.0.1 || ^19.0.0",
|
|
@@ -40,6 +40,18 @@
|
|
|
40
40
|
"esm": "./esm2022/button/updevs-components-button.mjs",
|
|
41
41
|
"default": "./fesm2022/updevs-components-button.mjs"
|
|
42
42
|
},
|
|
43
|
+
"./card": {
|
|
44
|
+
"types": "./card/index.d.ts",
|
|
45
|
+
"esm2022": "./esm2022/card/updevs-components-card.mjs",
|
|
46
|
+
"esm": "./esm2022/card/updevs-components-card.mjs",
|
|
47
|
+
"default": "./fesm2022/updevs-components-card.mjs"
|
|
48
|
+
},
|
|
49
|
+
"./calendar": {
|
|
50
|
+
"types": "./calendar/index.d.ts",
|
|
51
|
+
"esm2022": "./esm2022/calendar/updevs-components-calendar.mjs",
|
|
52
|
+
"esm": "./esm2022/calendar/updevs-components-calendar.mjs",
|
|
53
|
+
"default": "./fesm2022/updevs-components-calendar.mjs"
|
|
54
|
+
},
|
|
43
55
|
"./drag-and-drop": {
|
|
44
56
|
"types": "./drag-and-drop/index.d.ts",
|
|
45
57
|
"esm2022": "./esm2022/drag-and-drop/updevs-components-drag-and-drop.mjs",
|
|
@@ -58,24 +70,18 @@
|
|
|
58
70
|
"esm": "./esm2022/form/updevs-components-form.mjs",
|
|
59
71
|
"default": "./fesm2022/updevs-components-form.mjs"
|
|
60
72
|
},
|
|
61
|
-
"./card": {
|
|
62
|
-
"types": "./card/index.d.ts",
|
|
63
|
-
"esm2022": "./esm2022/card/updevs-components-card.mjs",
|
|
64
|
-
"esm": "./esm2022/card/updevs-components-card.mjs",
|
|
65
|
-
"default": "./fesm2022/updevs-components-card.mjs"
|
|
66
|
-
},
|
|
67
|
-
"./calendar": {
|
|
68
|
-
"types": "./calendar/index.d.ts",
|
|
69
|
-
"esm2022": "./esm2022/calendar/updevs-components-calendar.mjs",
|
|
70
|
-
"esm": "./esm2022/calendar/updevs-components-calendar.mjs",
|
|
71
|
-
"default": "./fesm2022/updevs-components-calendar.mjs"
|
|
72
|
-
},
|
|
73
73
|
"./layout": {
|
|
74
74
|
"types": "./layout/index.d.ts",
|
|
75
75
|
"esm2022": "./esm2022/layout/updevs-components-layout.mjs",
|
|
76
76
|
"esm": "./esm2022/layout/updevs-components-layout.mjs",
|
|
77
77
|
"default": "./fesm2022/updevs-components-layout.mjs"
|
|
78
78
|
},
|
|
79
|
+
"./link": {
|
|
80
|
+
"types": "./link/index.d.ts",
|
|
81
|
+
"esm2022": "./esm2022/link/updevs-components-link.mjs",
|
|
82
|
+
"esm": "./esm2022/link/updevs-components-link.mjs",
|
|
83
|
+
"default": "./fesm2022/updevs-components-link.mjs"
|
|
84
|
+
},
|
|
79
85
|
"./list": {
|
|
80
86
|
"types": "./list/index.d.ts",
|
|
81
87
|
"esm2022": "./esm2022/list/updevs-components-list.mjs",
|
|
@@ -88,12 +94,6 @@
|
|
|
88
94
|
"esm": "./esm2022/modal/updevs-components-modal.mjs",
|
|
89
95
|
"default": "./fesm2022/updevs-components-modal.mjs"
|
|
90
96
|
},
|
|
91
|
-
"./link": {
|
|
92
|
-
"types": "./link/index.d.ts",
|
|
93
|
-
"esm2022": "./esm2022/link/updevs-components-link.mjs",
|
|
94
|
-
"esm": "./esm2022/link/updevs-components-link.mjs",
|
|
95
|
-
"default": "./fesm2022/updevs-components-link.mjs"
|
|
96
|
-
},
|
|
97
97
|
"./paginator": {
|
|
98
98
|
"types": "./paginator/index.d.ts",
|
|
99
99
|
"esm2022": "./esm2022/paginator/updevs-components-paginator.mjs",
|
|
@@ -130,23 +130,17 @@
|
|
|
130
130
|
"esm": "./esm2022/form-controls/checkbox/updevs-components-form-controls-checkbox.mjs",
|
|
131
131
|
"default": "./fesm2022/updevs-components-form-controls-checkbox.mjs"
|
|
132
132
|
},
|
|
133
|
-
"./form-controls/file-upload": {
|
|
134
|
-
"types": "./form-controls/file-upload/index.d.ts",
|
|
135
|
-
"esm2022": "./esm2022/form-controls/file-upload/updevs-components-form-controls-file-upload.mjs",
|
|
136
|
-
"esm": "./esm2022/form-controls/file-upload/updevs-components-form-controls-file-upload.mjs",
|
|
137
|
-
"default": "./fesm2022/updevs-components-form-controls-file-upload.mjs"
|
|
138
|
-
},
|
|
139
133
|
"./form-controls/date-picker": {
|
|
140
134
|
"types": "./form-controls/date-picker/index.d.ts",
|
|
141
135
|
"esm2022": "./esm2022/form-controls/date-picker/updevs-components-form-controls-date-picker.mjs",
|
|
142
136
|
"esm": "./esm2022/form-controls/date-picker/updevs-components-form-controls-date-picker.mjs",
|
|
143
137
|
"default": "./fesm2022/updevs-components-form-controls-date-picker.mjs"
|
|
144
138
|
},
|
|
145
|
-
"./form-controls/
|
|
146
|
-
"types": "./form-controls/
|
|
147
|
-
"esm2022": "./esm2022/form-controls/
|
|
148
|
-
"esm": "./esm2022/form-controls/
|
|
149
|
-
"default": "./fesm2022/updevs-components-form-controls-
|
|
139
|
+
"./form-controls/file-upload": {
|
|
140
|
+
"types": "./form-controls/file-upload/index.d.ts",
|
|
141
|
+
"esm2022": "./esm2022/form-controls/file-upload/updevs-components-form-controls-file-upload.mjs",
|
|
142
|
+
"esm": "./esm2022/form-controls/file-upload/updevs-components-form-controls-file-upload.mjs",
|
|
143
|
+
"default": "./fesm2022/updevs-components-form-controls-file-upload.mjs"
|
|
150
144
|
},
|
|
151
145
|
"./form-controls/radio": {
|
|
152
146
|
"types": "./form-controls/radio/index.d.ts",
|
|
@@ -154,6 +148,12 @@
|
|
|
154
148
|
"esm": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
|
|
155
149
|
"default": "./fesm2022/updevs-components-form-controls-radio.mjs"
|
|
156
150
|
},
|
|
151
|
+
"./form-controls/input": {
|
|
152
|
+
"types": "./form-controls/input/index.d.ts",
|
|
153
|
+
"esm2022": "./esm2022/form-controls/input/updevs-components-form-controls-input.mjs",
|
|
154
|
+
"esm": "./esm2022/form-controls/input/updevs-components-form-controls-input.mjs",
|
|
155
|
+
"default": "./fesm2022/updevs-components-form-controls-input.mjs"
|
|
156
|
+
},
|
|
157
157
|
"./form-controls/select": {
|
|
158
158
|
"types": "./form-controls/select/index.d.ts",
|
|
159
159
|
"esm2022": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
|
|
@@ -5,13 +5,14 @@ import { BgColorStyleType } from '@updevs/sdk/types';
|
|
|
5
5
|
import { RibbonStyleType } from '@updevs/components/card';
|
|
6
6
|
import { PriceItemFeature } from './price-item-feature.model';
|
|
7
7
|
import { PriceItemFeaturesGroup } from './price-item-features-group.model';
|
|
8
|
+
import { PriceItemTagModel } from './price-item-tag.model';
|
|
8
9
|
export interface PriceItemModel extends BaseEntityModel {
|
|
9
10
|
title: string;
|
|
10
11
|
price: string;
|
|
11
|
-
isCurrent: boolean;
|
|
12
|
-
isHighlighted: boolean;
|
|
13
12
|
chooseThisText: TextModel;
|
|
14
|
-
|
|
13
|
+
currentText?: TextModel;
|
|
14
|
+
tags?: PriceItemTagModel[];
|
|
15
|
+
highlightColor?: BgColorStyleType;
|
|
15
16
|
ribbonStyle?: RibbonStyleType;
|
|
16
17
|
ribbonIcon?: IconModel;
|
|
17
18
|
groupedFeatures?: PriceItemFeaturesGroup[];
|
|
@@ -4,8 +4,9 @@ import * as i2 from "@angular/common";
|
|
|
4
4
|
import * as i3 from "@updevs/components/card";
|
|
5
5
|
import * as i4 from "@updevs/icons";
|
|
6
6
|
import * as i5 from "@updevs/components/button";
|
|
7
|
+
import * as i6 from "@updevs/components/badge";
|
|
7
8
|
export declare class UpdPricingCardsModule {
|
|
8
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<UpdPricingCardsModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<UpdPricingCardsModule, [typeof i1.PricingCardsComponent], [typeof i2.CommonModule, typeof i3.UpdCardModule, typeof i4.UpdIconsModule, typeof i5.UpdButtonModule], [typeof i1.PricingCardsComponent]>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<UpdPricingCardsModule, [typeof i1.PricingCardsComponent], [typeof i2.CommonModule, typeof i3.UpdCardModule, typeof i4.UpdIconsModule, typeof i5.UpdButtonModule, typeof i6.UpdBadgeModule], [typeof i1.PricingCardsComponent]>;
|
|
10
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<UpdPricingCardsModule>;
|
|
11
12
|
}
|