@updevs/components 1.0.0-alpha.79 → 1.0.0-alpha.80

package/esm2022/pricing/pricing-cards/pricing-cards.component.mjs

@@ -9,6 +9,7 @@ import * as i5 from "@updevs/components/badge";
 import * as i6 from "@updevs/components/popover";
 export class PricingCardsComponent {
     constructor() {
+        this.isLoading = input(false);
         this.items = input.required();
         this.selected = output();
         this.textService = inject(TextService);
@@ -17,10 +18,10 @@ export class PricingCardsComponent {
         this.selected.emit(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingCardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\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                </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=\"lock-square-rounded\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n", styles: [":host{display:flex}.row-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.col-lg{display:flex;flex-direction:column;height:100%;width:100%}upd-card{display:flex;flex-direction:column;height:100%}\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"] }, { kind: "directive", type: i6.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingCardsComponent, selector: "upd-pricing-cards", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, 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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\n                    }\n\n                    <div class=\"text-center mt-4\">\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\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                </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\" tablerIconWeight=\"bold\" colorClass=\"text-success\"></upd-icon>\n                } @else {\n                    <upd-icon tablerIcon=\"minus\" tablerIconWeight=\"bold\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n", styles: [":host{display:flex}.row-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.col-lg{display:flex;flex-direction:column;height:100%;width:100%}upd-card{display:flex;flex-direction:column;height:100%}\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"] }, { kind: "directive", type: i6.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingCardsComponent, decorators: [{
             type: Component,
-            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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\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                </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=\"lock-square-rounded\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n", styles: [":host{display:flex}.row-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.col-lg{display:flex;flex-direction:column;height:100%;width:100%}upd-card{display:flex;flex-direction:column;height:100%}\n"] }]
+            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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\n                    }\n\n                    <div class=\"text-center mt-4\">\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\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                </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\" tablerIconWeight=\"bold\" colorClass=\"text-success\"></upd-icon>\n                } @else {\n                    <upd-icon tablerIcon=\"minus\" tablerIconWeight=\"bold\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n", styles: [":host{display:flex}.row-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.col-lg{display:flex;flex-direction:column;height:100%;width:100%}upd-card{display:flex;flex-direction:column;height:100%}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy1jYXJkcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcHJpY2luZy9zcmMvcHJpY2luZy1jYXJkcy9wcmljaW5nLWNhcmRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcmljaW5nL3NyYy9wcmljaW5nLWNhcmRzL3ByaWNpbmctY2FyZHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7Ozs7OztBQVUxQyxNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBT2EsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQW9CLENBQUM7UUFDM0MsYUFBUSxHQUFHLE1BQU0sRUFBa0IsQ0FBQztRQUVwQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztLQUs5QztJQUhHLFlBQVksQ0FBQyxJQUFvQjtRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDOzhHQVJRLHFCQUFxQjtrR0FBckIscUJBQXFCLCtOQ1hsQyxrckhBd0VBOzsyRkQ3RGEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNJLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUZXh0U2VydmljZSB9IGZyb20gJ0B1cGRldnMvc2RrJztcblxuaW1wb3J0IHsgUHJpY2VJdGVtTW9kZWwgfSBmcm9tICcuLi9tb2RlbHMvcHJpY2UtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndXBkLXByaWNpbmctY2FyZHMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wcmljaW5nLWNhcmRzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vcHJpY2luZy1jYXJkcy5jb21wb25lbnQuc2NzcycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgUHJpY2luZ0NhcmRzQ29tcG9uZW50IHtcbiAgICByZWFkb25seSBpdGVtcyA9IGlucHV0LnJlcXVpcmVkPFByaWNlSXRlbU1vZGVsW10+KCk7XG4gICAgcmVhZG9ubHkgc2VsZWN0ZWQgPSBvdXRwdXQ8UHJpY2VJdGVtTW9kZWw+KCk7XG5cbiAgICByZWFkb25seSB0ZXh0U2VydmljZSA9IGluamVjdChUZXh0U2VydmljZSk7XG5cbiAgICBzZWxlY3RPcHRpb24oaXRlbTogUHJpY2VJdGVtTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZC5lbWl0KGl0ZW0pO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyb3cgcm93LWNhcmRzXCI+XG4gICAgQGZvciAoaXRlbSBvZiBpdGVtcygpOyB0cmFjayBpdGVtLmlkKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbGcgY29sLXNtLTZcIj5cbiAgICAgICAgICAgIDx1cGQtY2FyZCBbcmliYm9uQmFja2dyb3VuZF09XCIhIWl0ZW0ucmliYm9uSWNvbiA/IGl0ZW0uaGlnaGxpZ2h0Q29sb3IgOiB1bmRlZmluZWRcIiBbcmliYm9uSWNvbl09XCJpdGVtLnJpYmJvbkljb25cIlxuICAgICAgICAgICAgICAgIFtyaWJib25TdHlsZV09XCJpdGVtLnJpYmJvblN0eWxlIHx8ICd0b3AnXCIgW3N0YXR1c0JhY2tncm91bmRdPVwiaXRlbS5oaWdobGlnaHRDb2xvclwiIFt1c2VMaWdodEhlYWRlcl09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHVwZENhcmRIZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXVwcGVyY2FzZSB0ZXh0LXNlY29uZGFyeSBmdy1ib2xkXCI+e3sgaXRlbS50aXRsZSB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IFtjbGFzcy5tZS02XT1cIiEhaXRlbS5yaWJib25JY29uXCIgY2xhc3M9XCJtcy1hdXRvIGQtZmxleCBnYXAtMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgQGZvciAodGFnIG9mIGl0ZW0udGFnczsgdHJhY2sgdGFnLnRleHQudGV4dCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtYmFkZ2UgW2JnQ29sb3JdPVwidGFnLmJhY2tncm91bmRDb2xvclwiIFt0ZXh0XT1cInRhZy50ZXh0XCI+PC91cGQtYmFkZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGgtMTAwXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGlzcGxheS01IGZ3LWJvbGQgbWItM1wiIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJpdGVtLmlzUHJpY2VDZW50ZXJlZFwiIFtpbm5lckhUTUxdPVwiaXRlbS5wcmljZVwiPjwvZGl2PlxuXG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKChpdGVtLmdyb3VwZWRGZWF0dXJlcz8ubGVuZ3RoIHx8IDApID4gMCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKGdyb3VwIG9mIGl0ZW0uZ3JvdXBlZEZlYXR1cmVzOyB0cmFjayBncm91cC5uYW1lKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiZy1zdXJmYWNlLXRlcnRpYXJ5XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN1YmhlYWRlclwiPnt7IGdyb3VwLm5hbWUgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImZlYXR1cmVzVHBsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ZmVhdHVyZXM6IGdyb3VwLmZlYXR1cmVzfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZmVhdHVyZXNUcGxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwie2ZlYXR1cmVzOiBpdGVtLmZlYXR1cmVzfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1ncm93LTFcIj48L2Rpdj5cblxuICAgICAgICAgICAgICAgICAgICBAaWYgKCEhaXRlbS5kZXNjcmlwdGlvbikge1xuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtc2Vjb25kYXJ5IG1iLTNcIiBbY2xhc3MudGV4dC1jZW50ZXJdPVwiaXRlbS5pc1ByaWNlQ2VudGVyZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5kZXNjcmlwdGlvblwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtY2VudGVyIG10LTRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtYnV0dG9uIChjbGlja2VkKT1cInNlbGVjdE9wdGlvbihpdGVtKVwiIGN1c3RvbUNsYXNzZXM9XCJ3LTEwMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yU3R5bGVdPVwiISFpdGVtLmhpZ2hsaWdodENvbG9yID8gaXRlbS5oaWdobGlnaHRDb2xvciA6IHVuZGVmaW5lZFwiIFtpc0Rpc2FibGVkXT1cIiEhaXRlbS5jdXJyZW50VGV4dFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHRleHRTZXJ2aWNlLmdldFRleHQoISFpdGVtLmN1cnJlbnRUZXh0ID8gaXRlbS5jdXJyZW50VGV4dCA6IGl0ZW0uY2hvb3NlVGhpc1RleHQpIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3VwZC1idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC91cGQtY2FyZD5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjZmVhdHVyZXNUcGwgbGV0LWZlYXR1cmVzPVwiZmVhdHVyZXNcIj5cbiAgICA8dWwgY2xhc3M9XCJsaXN0LXVuc3R5bGVkIGxoLWxnXCI+XG4gICAgICAgIEBmb3IgKGZlYXR1cmUgb2YgZmVhdHVyZXM7IHRyYWNrIGZlYXR1cmUudGV4dCkge1xuICAgICAgICAgICAgPGxpIFtjbGFzcy5mdy1ib2xkXT1cImZlYXR1cmUuaXNIaWdobGlnaHRlZFwiPlxuICAgICAgICAgICAgICAgIEBpZiAoZmVhdHVyZS5pc0luY2x1ZGVkKSB7XG4gICAgICAgICAgICAgICAgICAgIDx1cGQtaWNvbiB0YWJsZXJJY29uPVwiY2hlY2tcIiBjb2xvckNsYXNzPVwidGV4dC1zdWNjZXNzXCI+PC91cGQtaWNvbj5cbiAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgPHVwZC1pY29uIHRhYmxlckljb249XCJsb2NrLXNxdWFyZS1yb3VuZGVkXCIgY29sb3JDbGFzcz1cInRleHQtc2Vjb25kYXJ5XCI+PC91cGQtaWNvbj5cbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1zLTJcIiBbaW5uZXJIVE1MXT1cImZlYXR1cmUudGV4dFwiIFtjbGFzcy50ZXh0LXNlY29uZGFyeV09XCIhZmVhdHVyZS5pc0luY2x1ZGVkXCI+PC9zcGFuPlxuXG4gICAgICAgICAgICAgICAgQGlmICghIWZlYXR1cmUuZXh0cmFJbmZvKSB7XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIFt1cGRQb3BvdmVyXT1cImZlYXR1cmUuZXh0cmFJbmZvXCIgW3VwZFBvcG92ZXJBY3RBc1Rvb2x0aXBdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHVwZC1pY29uIHRhYmxlckljb249XCJpbmZvLWNpcmNsZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICB9XG4gICAgPC91bD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy1jYXJkcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcHJpY2luZy9zcmMvcHJpY2luZy1jYXJkcy9wcmljaW5nLWNhcmRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcmljaW5nL3NyYy9wcmljaW5nLWNhcmRzL3ByaWNpbmctY2FyZHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7Ozs7OztBQVUxQyxNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBT2EsY0FBUyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUNsQyxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBb0IsQ0FBQztRQUMzQyxhQUFRLEdBQUcsTUFBTSxFQUFrQixDQUFDO1FBRXBDLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0tBSzlDO0lBSEcsWUFBWSxDQUFDLElBQW9CO1FBQzdCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7OEdBVFEscUJBQXFCO2tHQUFyQixxQkFBcUIsbVdDWGxDLG92SEF3RUE7OzJGRDdEYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRleHRTZXJ2aWNlIH0gZnJvbSAnQHVwZGV2cy9zZGsnO1xuXG5pbXBvcnQgeyBQcmljZUl0ZW1Nb2RlbCB9IGZyb20gJy4uL21vZGVscy9wcmljZS1pdGVtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd1cGQtcHJpY2luZy1jYXJkcycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3ByaWNpbmctY2FyZHMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9wcmljaW5nLWNhcmRzLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQcmljaW5nQ2FyZHNDb21wb25lbnQge1xuICAgIHJlYWRvbmx5IGlzTG9hZGluZyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgICByZWFkb25seSBpdGVtcyA9IGlucHV0LnJlcXVpcmVkPFByaWNlSXRlbU1vZGVsW10+KCk7XG4gICAgcmVhZG9ubHkgc2VsZWN0ZWQgPSBvdXRwdXQ8UHJpY2VJdGVtTW9kZWw+KCk7XG5cbiAgICByZWFkb25seSB0ZXh0U2VydmljZSA9IGluamVjdChUZXh0U2VydmljZSk7XG5cbiAgICBzZWxlY3RPcHRpb24oaXRlbTogUHJpY2VJdGVtTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZC5lbWl0KGl0ZW0pO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyb3cgcm93LWNhcmRzXCI+XG4gICAgQGZvciAoaXRlbSBvZiBpdGVtcygpOyB0cmFjayBpdGVtLmlkKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbGcgY29sLXNtLTZcIj5cbiAgICAgICAgICAgIDx1cGQtY2FyZCBbcmliYm9uQmFja2dyb3VuZF09XCIhIWl0ZW0ucmliYm9uSWNvbiA/IGl0ZW0uaGlnaGxpZ2h0Q29sb3IgOiB1bmRlZmluZWRcIiBbcmliYm9uSWNvbl09XCJpdGVtLnJpYmJvbkljb25cIlxuICAgICAgICAgICAgICAgIFtyaWJib25TdHlsZV09XCJpdGVtLnJpYmJvblN0eWxlIHx8ICd0b3AnXCIgW3N0YXR1c0JhY2tncm91bmRdPVwiaXRlbS5oaWdobGlnaHRDb2xvclwiIFt1c2VMaWdodEhlYWRlcl09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHVwZENhcmRIZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXVwcGVyY2FzZSB0ZXh0LXNlY29uZGFyeSBmdy1ib2xkXCI+e3sgaXRlbS50aXRsZSB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IFtjbGFzcy5tZS02XT1cIiEhaXRlbS5yaWJib25JY29uXCIgY2xhc3M9XCJtcy1hdXRvIGQtZmxleCBnYXAtMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgQGZvciAodGFnIG9mIGl0ZW0udGFnczsgdHJhY2sgdGFnLnRleHQudGV4dCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtYmFkZ2UgW2JnQ29sb3JdPVwidGFnLmJhY2tncm91bmRDb2xvclwiIFt0ZXh0XT1cInRhZy50ZXh0XCI+PC91cGQtYmFkZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGgtMTAwXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGlzcGxheS01IGZ3LWJvbGQgbWItM1wiIFtjbGFzcy50ZXh0LWNlbnRlcl09XCJpdGVtLmlzUHJpY2VDZW50ZXJlZFwiIFtpbm5lckhUTUxdPVwiaXRlbS5wcmljZVwiPjwvZGl2PlxuXG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKChpdGVtLmdyb3VwZWRGZWF0dXJlcz8ubGVuZ3RoIHx8IDApID4gMCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKGdyb3VwIG9mIGl0ZW0uZ3JvdXBlZEZlYXR1cmVzOyB0cmFjayBncm91cC5uYW1lKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiZy1zdXJmYWNlLXRlcnRpYXJ5XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN1YmhlYWRlclwiPnt7IGdyb3VwLm5hbWUgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImZlYXR1cmVzVHBsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ZmVhdHVyZXM6IGdyb3VwLmZlYXR1cmVzfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZmVhdHVyZXNUcGxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwie2ZlYXR1cmVzOiBpdGVtLmZlYXR1cmVzfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1ncm93LTFcIj48L2Rpdj5cblxuICAgICAgICAgICAgICAgICAgICBAaWYgKCEhaXRlbS5kZXNjcmlwdGlvbikge1xuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtc2Vjb25kYXJ5IG1iLTNcIiBbY2xhc3MudGV4dC1jZW50ZXJdPVwiaXRlbS5pc1ByaWNlQ2VudGVyZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5kZXNjcmlwdGlvblwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtY2VudGVyIG10LTRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtYnV0dG9uIChjbGlja2VkKT1cInNlbGVjdE9wdGlvbihpdGVtKVwiIGN1c3RvbUNsYXNzZXM9XCJ3LTEwMFwiIFtpc0xvYWRpbmddPVwiaXNMb2FkaW5nKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvclN0eWxlXT1cIiEhaXRlbS5oaWdobGlnaHRDb2xvciA/IGl0ZW0uaGlnaGxpZ2h0Q29sb3IgOiB1bmRlZmluZWRcIiBbaXNEaXNhYmxlZF09XCIhIWl0ZW0uY3VycmVudFRleHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyB0ZXh0U2VydmljZS5nZXRUZXh0KCEhaXRlbS5jdXJyZW50VGV4dCA/IGl0ZW0uY3VycmVudFRleHQgOiBpdGVtLmNob29zZVRoaXNUZXh0KSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC91cGQtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvdXBkLWNhcmQ+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2ZlYXR1cmVzVHBsIGxldC1mZWF0dXJlcz1cImZlYXR1cmVzXCI+XG4gICAgPHVsIGNsYXNzPVwibGlzdC11bnN0eWxlZCBsaC1sZ1wiPlxuICAgICAgICBAZm9yIChmZWF0dXJlIG9mIGZlYXR1cmVzOyB0cmFjayBmZWF0dXJlLnRleHQpIHtcbiAgICAgICAgICAgIDxsaSBbY2xhc3MuZnctYm9sZF09XCJmZWF0dXJlLmlzSGlnaGxpZ2h0ZWRcIj5cbiAgICAgICAgICAgICAgICBAaWYgKGZlYXR1cmUuaXNJbmNsdWRlZCkge1xuICAgICAgICAgICAgICAgICAgICA8dXBkLWljb24gdGFibGVySWNvbj1cImNoZWNrXCIgdGFibGVySWNvbldlaWdodD1cImJvbGRcIiBjb2xvckNsYXNzPVwidGV4dC1zdWNjZXNzXCI+PC91cGQtaWNvbj5cbiAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgPHVwZC1pY29uIHRhYmxlckljb249XCJtaW51c1wiIHRhYmxlckljb25XZWlnaHQ9XCJib2xkXCIgY29sb3JDbGFzcz1cInRleHQtc2Vjb25kYXJ5XCI+PC91cGQtaWNvbj5cbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1zLTJcIiBbaW5uZXJIVE1MXT1cImZlYXR1cmUudGV4dFwiIFtjbGFzcy50ZXh0LXNlY29uZGFyeV09XCIhZmVhdHVyZS5pc0luY2x1ZGVkXCI+PC9zcGFuPlxuXG4gICAgICAgICAgICAgICAgQGlmICghIWZlYXR1cmUuZXh0cmFJbmZvKSB7XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIFt1cGRQb3BvdmVyXT1cImZlYXR1cmUuZXh0cmFJbmZvXCIgW3VwZFBvcG92ZXJBY3RBc1Rvb2x0aXBdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHVwZC1pY29uIHRhYmxlckljb249XCJpbmZvLWNpcmNsZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICB9XG4gICAgPC91bD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/pricing/pricing-table/pricing-table.component.mjs

@@ -6,6 +6,7 @@ import * as i2 from "@updevs/components/button";
 import * as i3 from "@updevs/components/popover";
 export class PricingTableComponent {
     constructor() {
+        this.isLoading = input(false);
         this.shouldRemoveCardStyle = input(false);
         this.title = input();
         this.description = input();
@@ -47,10 +48,10 @@ export class PricingTableComponent {
         return group?.features.find(f => f.text === featureText);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingTableComponent, selector: "upd-pricing-table", inputs: { shouldRemoveCardStyle: { classPropertyName: "shouldRemoveCardStyle", publicName: "shouldRemoveCardStyle", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\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                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\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                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "colorClass", "removeDefaultClasses", "customClasses", "tablerIcon", "tablerIconWeight", "tablerIconType", "tablerIconSize", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "component", type: i2.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: "directive", type: i3.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingTableComponent, selector: "upd-pricing-table", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, shouldRemoveCardStyle: { classPropertyName: "shouldRemoveCardStyle", publicName: "shouldRemoveCardStyle", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\" tablerIconWeight=\"bold\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "colorClass", "removeDefaultClasses", "customClasses", "tablerIcon", "tablerIconWeight", "tablerIconType", "tablerIconSize", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "component", type: i2.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: "directive", type: i3.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'upd-pricing-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\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                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\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                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'upd-pricing-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\" tablerIconWeight=\"bold\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\n", styles: [":host{display:block}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcHJpY2luZy9zcmMvcHJpY2luZy10YWJsZS9wcmljaW5nLXRhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcmljaW5nL3NyYy9wcmljaW5nLXRhYmxlL3ByaWNpbmctdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEcsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7QUFjMUMsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQU9hLDBCQUFxQixHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUM5QyxVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUM5QixVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBb0IsQ0FBQztRQUMzQyxhQUFRLEdBQUcsTUFBTSxFQUFrQixDQUFDO1FBRXBDLGtCQUFhLEdBQUcsUUFBUSxDQUFlLEdBQUcsRUFBRTtZQUNqRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFFM0IsSUFBSSxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO2dCQUMvQixPQUFPLEVBQUUsQ0FBQztZQUNkLENBQUM7WUFFRCxNQUFNLFdBQVcsR0FBaUIsRUFBRSxDQUFDO1lBQ3JDLE1BQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxlQUFlLElBQUksRUFBRSxDQUFDO1lBRXZELEtBQUssTUFBTSxLQUFLLElBQUksZUFBZSxFQUFFLENBQUM7Z0JBQ2xDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztnQkFFdkQsS0FBSyxNQUFNLE9BQU8sSUFBSSxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7b0JBQ25DLFdBQVcsQ0FBQyxJQUFJLENBQUM7d0JBQ2IsUUFBUSxFQUFFLEtBQUs7d0JBQ2YsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUFJO3dCQUNsQixTQUFTLEVBQUUsT0FBTyxDQUFDLFNBQVM7d0JBQzVCLEtBQUssRUFBRSxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFOzRCQUNwQixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQzs0QkFDckUsT0FBTztnQ0FDSCxVQUFVLEVBQUUsQ0FBQyxDQUFDLFdBQVcsRUFBRSxVQUFVO2dDQUNyQyxlQUFlLEVBQUUsV0FBVyxFQUFFLGVBQWU7NkJBQ2hELENBQUM7d0JBQ04sQ0FBQyxDQUFDO3FCQUNMLENBQUMsQ0FBQztnQkFDUCxDQUFDO1lBQ0wsQ0FBQztZQUVELE9BQU8sV0FBVyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO1FBQ00sZ0JBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7S0FVOUM7SUFSRyxZQUFZLENBQUMsSUFBb0I7UUFDN0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVPLFdBQVcsQ0FBQyxJQUFvQixFQUFFLFNBQWlCLEVBQUUsV0FBbUI7UUFDNUUsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQyxDQUFDO1FBQ3BFLE9BQU8sS0FBSyxFQUFFLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLFdBQVcsQ0FBQyxDQUFDO0lBQzdELENBQUM7OEdBL0NRLHFCQUFxQjtrR0FBckIscUJBQXFCLHlvQkNmbEMsOHlIQTJFQTs7MkZENURhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRleHRTZXJ2aWNlIH0gZnJvbSAnQHVwZGV2cy9zZGsnO1xuXG5pbXBvcnQgeyBQcmljZUl0ZW1Nb2RlbCB9IGZyb20gJy4uL21vZGVscy9wcmljZS1pdGVtLm1vZGVsJztcblxudHlwZSBEaXNwbGF5Um93ID1cbiAgICB8IHsgaXNIZWFkZXI6IHRydWU7IG5hbWU6IHN0cmluZyB9XG4gICAgfCB7IGlzSGVhZGVyOiBmYWxzZTsgdGV4dDogc3RyaW5nOyBleHRyYUluZm8/OiBzdHJpbmc7IGNlbGxzOiB7IGlzSW5jbHVkZWQ6IGJvb2xlYW47IGl0ZW1EZXNjcmlwdGlvbj86IHN0cmluZyB9W10gfTtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd1cGQtcHJpY2luZy10YWJsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3ByaWNpbmctdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9wcmljaW5nLXRhYmxlLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQcmljaW5nVGFibGVDb21wb25lbnQge1xuICAgIHJlYWRvbmx5IHNob3VsZFJlbW92ZUNhcmRTdHlsZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgICByZWFkb25seSB0aXRsZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgICByZWFkb25seSBkZXNjcmlwdGlvbiA9IGlucHV0PHN0cmluZz4oKTtcbiAgICByZWFkb25seSBpdGVtcyA9IGlucHV0LnJlcXVpcmVkPFByaWNlSXRlbU1vZGVsW10+KCk7XG4gICAgcmVhZG9ubHkgc2VsZWN0ZWQgPSBvdXRwdXQ8UHJpY2VJdGVtTW9kZWw+KCk7XG5cbiAgICByZWFkb25seSB0YWJsZUJvZHlSb3dzID0gY29tcHV0ZWQ8RGlzcGxheVJvd1tdPigoKSA9PiB7XG4gICAgICAgIGNvbnN0IHBsYW5zID0gdGhpcy5pdGVtcygpO1xuXG4gICAgICAgIGlmICghcGxhbnMgfHwgcGxhbnMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBkaXNwbGF5Um93czogRGlzcGxheVJvd1tdID0gW107XG4gICAgICAgIGNvbnN0IGZlYXR1cmVUZW1wbGF0ZSA9IHBsYW5zWzBdLmdyb3VwZWRGZWF0dXJlcyB8fCBbXTtcblxuICAgICAgICBmb3IgKGNvbnN0IGdyb3VwIG9mIGZlYXR1cmVUZW1wbGF0ZSkge1xuICAgICAgICAgICAgZGlzcGxheVJvd3MucHVzaCh7IGlzSGVhZGVyOiB0cnVlLCBuYW1lOiBncm91cC5uYW1lIH0pO1xuXG4gICAgICAgICAgICBmb3IgKGNvbnN0IGZlYXR1cmUgb2YgZ3JvdXAuZmVhdHVyZXMpIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5Um93cy5wdXNoKHtcbiAgICAgICAgICAgICAgICAgICAgaXNIZWFkZXI6IGZhbHNlLFxuICAgICAgICAgICAgICAgICAgICB0ZXh0OiBmZWF0dXJlLnRleHQsXG4gICAgICAgICAgICAgICAgICAgIGV4dHJhSW5mbzogZmVhdHVyZS5leHRyYUluZm8sXG4gICAgICAgICAgICAgICAgICAgIGNlbGxzOiBwbGFucy5tYXAocGxhbiA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBwbGFuRmVhdHVyZSA9IHRoaXMuZmluZEZlYXR1cmUocGxhbiwgZ3JvdXAubmFtZSwgZmVhdHVyZS50ZXh0KTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaXNJbmNsdWRlZDogISFwbGFuRmVhdHVyZT8uaXNJbmNsdWRlZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpdGVtRGVzY3JpcHRpb246IHBsYW5GZWF0dXJlPy5pdGVtRGVzY3JpcHRpb25cbiAgICAgICAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZGlzcGxheVJvd3M7XG4gICAgfSk7XG4gICAgcmVhZG9ubHkgdGV4dFNlcnZpY2UgPSBpbmplY3QoVGV4dFNlcnZpY2UpO1xuXG4gICAgc2VsZWN0T3B0aW9uKGl0ZW06IFByaWNlSXRlbU1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChpdGVtKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGZpbmRGZWF0dXJlKGl0ZW06IFByaWNlSXRlbU1vZGVsLCBncm91cE5hbWU6IHN0cmluZywgZmVhdHVyZVRleHQ6IHN0cmluZykge1xuICAgICAgICBjb25zdCBncm91cCA9IGl0ZW0uZ3JvdXBlZEZlYXR1cmVzPy5maW5kKGcgPT4gZy5uYW1lID09PSBncm91cE5hbWUpO1xuICAgICAgICByZXR1cm4gZ3JvdXA/LmZlYXR1cmVzLmZpbmQoZiA9PiBmLnRleHQgPT09IGZlYXR1cmVUZXh0KTtcbiAgICB9XG59XG4iLCI8ZGl2IFtjbGFzcy5jYXJkXT1cIiFzaG91bGRSZW1vdmVDYXJkU3R5bGUoKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1yZXNwb25zaXZlXCI+XG4gICAgICAgIDx0YWJsZSBjbGFzcz1cInRhYmxlIHRhYmxlLXZjZW50ZXIgdGFibGUtYm9yZGVyZWQgdGFibGUtbm93cmFwIGNhcmQtdGFibGVcIj5cbiAgICAgICAgICAgIDx0aGVhZD5cbiAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJ3LTUwXCI+XG4gICAgICAgICAgICAgICAgICAgIEBpZiAoISF0aXRsZSgpIHx8ICEhZGVzY3JpcHRpb24oKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgQGlmICghIXRpdGxlKCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDIgW2lubmVySFRNTF09XCJ0aXRsZSgpXCI+PC9oMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmICghIWRlc2NyaXB0aW9uKCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1zZWNvbmRhcnkgdGV4dC13cmFwXCIgW2lubmVySFRNTF09XCJkZXNjcmlwdGlvbigpXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXMoKTsgdHJhY2sgaXRlbS5pZCkge1xuICAgICAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJ0ZXh0LWNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtdXBwZXJjYXNlIHRleHQtc2Vjb25kYXJ5IGZvbnQtd2VpZ2h0LW1lZGl1bVwiIFtpbm5lckhUTUxdPVwiaXRlbS50aXRsZVwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRpc3BsYXktNiBmdy1ib2xkIG15LTNcIiBbaW5uZXJIVE1MXT1cIml0ZW0ucHJpY2VcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtYnV0dG9uIChjbGlja2VkKT1cInNlbGVjdE9wdGlvbihpdGVtKVwiIGN1c3RvbUNsYXNzZXM9XCJ3LTEwMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yU3R5bGVdPVwiISFpdGVtLmhpZ2hsaWdodENvbG9yID8gaXRlbS5oaWdobGlnaHRDb2xvciA6IHVuZGVmaW5lZFwiIFtpc0Rpc2FibGVkXT1cIiEhaXRlbS5jdXJyZW50VGV4dFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHRleHRTZXJ2aWNlLmdldFRleHQoISFpdGVtLmN1cnJlbnRUZXh0ID8gaXRlbS5jdXJyZW50VGV4dCA6IGl0ZW0uY2hvb3NlVGhpc1RleHQpIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3VwZC1idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgIDwvdGhlYWQ+XG4gICAgICAgICAgICA8dGJvZHk+XG4gICAgICAgICAgICAgICAgQGZvciAocm93IG9mIHRhYmxlQm9keVJvd3MoKTsgdHJhY2sgcm93LmlzSGVhZGVyID8gcm93Lm5hbWUgOiByb3cudGV4dCkge1xuICAgICAgICAgICAgICAgICAgICBAaWYgKHJvdy5pc0hlYWRlcikge1xuICAgICAgICAgICAgICAgICAgICAgICAgPHRyIGNsYXNzPVwiYmctc3VyZmFjZS10ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0aCBbYXR0ci5jb2xzcGFuXT1cIml0ZW1zKCkubGVuZ3RoICsgMVwiIGNsYXNzPVwic3ViaGVhZGVyXCIgW2lubmVySFRNTF09XCJyb3cubmFtZVwiPjwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwicm93LnRleHRcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoISFyb3cuZXh0cmFJbmZvKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBbdXBkUG9wb3Zlcl09XCJyb3cuZXh0cmFJbmZvXCIgW3VwZFBvcG92ZXJBY3RBc1Rvb2x0aXBdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtaWNvbiB0YWJsZXJJY29uPVwiaW5mby1jaXJjbGVcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAZm9yIChjZWxsIG9mIHJvdy5jZWxsczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInRleHQtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKCFjZWxsLml0ZW1EZXNjcmlwdGlvbikge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtaWNvbiBbdGFibGVySWNvbl09XCJjZWxsLmlzSW5jbHVkZWQgPyAnY2hlY2snIDogJ21pbnVzJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvckNsYXNzXT1cImNlbGwuaXNJbmNsdWRlZCA/ICd0ZXh0LXN1Y2Nlc3MnIDogJ3RleHQtc2Vjb25kYXJ5J1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdXBkLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImNlbGwuaXRlbURlc2NyaXB0aW9uXCIgW2NsYXNzLnRleHQtc2Vjb25kYXJ5XT1cIiFjZWxsLmlzSW5jbHVkZWRcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvdGJvZHk+XG4gICAgICAgICAgICA8dGZvb3Q+XG4gICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkPjwvdGQ+XG4gICAgICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBpdGVtcygpOyB0cmFjayBpdGVtLmlkKSB7XG4gICAgICAgICAgICAgICAgICAgIDx0ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtYnV0dG9uIChjbGlja2VkKT1cInNlbGVjdE9wdGlvbihpdGVtKVwiIGN1c3RvbUNsYXNzZXM9XCJ3LTEwMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yU3R5bGVdPVwiISFpdGVtLmhpZ2hsaWdodENvbG9yID8gaXRlbS5oaWdobGlnaHRDb2xvciA6IHVuZGVmaW5lZFwiIFtpc0Rpc2FibGVkXT1cIiEhaXRlbS5jdXJyZW50VGV4dFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHRleHRTZXJ2aWNlLmdldFRleHQoISFpdGVtLmN1cnJlbnRUZXh0ID8gaXRlbS5jdXJyZW50VGV4dCA6IGl0ZW0uY2hvb3NlVGhpc1RleHQpIH19XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3VwZC1idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgIDwvdGZvb3Q+XG4gICAgICAgIDwvdGFibGU+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcHJpY2luZy9zcmMvcHJpY2luZy10YWJsZS9wcmljaW5nLXRhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcmljaW5nL3NyYy9wcmljaW5nLXRhYmxlL3ByaWNpbmctdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEcsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7QUFjMUMsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQU9hLGNBQVMsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDbEMsMEJBQXFCLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQzlDLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN4QixnQkFBVyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzlCLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFvQixDQUFDO1FBQzNDLGFBQVEsR0FBRyxNQUFNLEVBQWtCLENBQUM7UUFFcEMsa0JBQWEsR0FBRyxRQUFRLENBQWUsR0FBRyxFQUFFO1lBQ2pELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUUzQixJQUFJLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFLENBQUM7Z0JBQy9CLE9BQU8sRUFBRSxDQUFDO1lBQ2QsQ0FBQztZQUVELE1BQU0sV0FBVyxHQUFpQixFQUFFLENBQUM7WUFDckMsTUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLGVBQWUsSUFBSSxFQUFFLENBQUM7WUFFdkQsS0FBSyxNQUFNLEtBQUssSUFBSSxlQUFlLEVBQUUsQ0FBQztnQkFDbEMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO2dCQUV2RCxLQUFLLE1BQU0sT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztvQkFDbkMsV0FBVyxDQUFDLElBQUksQ0FBQzt3QkFDYixRQUFRLEVBQUUsS0FBSzt3QkFDZixJQUFJLEVBQUUsT0FBTyxDQUFDLElBQUk7d0JBQ2xCLFNBQVMsRUFBRSxPQUFPLENBQUMsU0FBUzt3QkFDNUIsS0FBSyxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUU7NEJBQ3BCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDOzRCQUNyRSxPQUFPO2dDQUNILFVBQVUsRUFBRSxDQUFDLENBQUMsV0FBVyxFQUFFLFVBQVU7Z0NBQ3JDLGVBQWUsRUFBRSxXQUFXLEVBQUUsZUFBZTs2QkFDaEQsQ0FBQzt3QkFDTixDQUFDLENBQUM7cUJBQ0wsQ0FBQyxDQUFDO2dCQUNQLENBQUM7WUFDTCxDQUFDO1lBRUQsT0FBTyxXQUFXLENBQUM7UUFDdkIsQ0FBQyxDQUFDLENBQUM7UUFDTSxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztLQVU5QztJQVJHLFlBQVksQ0FBQyxJQUFvQjtRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRU8sV0FBVyxDQUFDLElBQW9CLEVBQUUsU0FBaUIsRUFBRSxXQUFtQjtRQUM1RSxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssU0FBUyxDQUFDLENBQUM7UUFDcEUsT0FBTyxLQUFLLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssV0FBVyxDQUFDLENBQUM7SUFDN0QsQ0FBQzs4R0FoRFEscUJBQXFCO2tHQUFyQixxQkFBcUIsNndCQ2ZsQyxnNEhBMkVBOzsyRkQ1RGEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNJLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGV4dFNlcnZpY2UgfSBmcm9tICdAdXBkZXZzL3Nkayc7XG5cbmltcG9ydCB7IFByaWNlSXRlbU1vZGVsIH0gZnJvbSAnLi4vbW9kZWxzL3ByaWNlLWl0ZW0ubW9kZWwnO1xuXG50eXBlIERpc3BsYXlSb3cgPVxuICAgIHwgeyBpc0hlYWRlcjogdHJ1ZTsgbmFtZTogc3RyaW5nIH1cbiAgICB8IHsgaXNIZWFkZXI6IGZhbHNlOyB0ZXh0OiBzdHJpbmc7IGV4dHJhSW5mbz86IHN0cmluZzsgY2VsbHM6IHsgaXNJbmNsdWRlZDogYm9vbGVhbjsgaXRlbURlc2NyaXB0aW9uPzogc3RyaW5nIH1bXSB9O1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3VwZC1wcmljaW5nLXRhYmxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHJpY2luZy10YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3ByaWNpbmctdGFibGUuY29tcG9uZW50LnNjc3MnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFByaWNpbmdUYWJsZUNvbXBvbmVudCB7XG4gICAgcmVhZG9ubHkgaXNMb2FkaW5nID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICAgIHJlYWRvbmx5IHNob3VsZFJlbW92ZUNhcmRTdHlsZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgICByZWFkb25seSB0aXRsZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgICByZWFkb25seSBkZXNjcmlwdGlvbiA9IGlucHV0PHN0cmluZz4oKTtcbiAgICByZWFkb25seSBpdGVtcyA9IGlucHV0LnJlcXVpcmVkPFByaWNlSXRlbU1vZGVsW10+KCk7XG4gICAgcmVhZG9ubHkgc2VsZWN0ZWQgPSBvdXRwdXQ8UHJpY2VJdGVtTW9kZWw+KCk7XG5cbiAgICByZWFkb25seSB0YWJsZUJvZHlSb3dzID0gY29tcHV0ZWQ8RGlzcGxheVJvd1tdPigoKSA9PiB7XG4gICAgICAgIGNvbnN0IHBsYW5zID0gdGhpcy5pdGVtcygpO1xuXG4gICAgICAgIGlmICghcGxhbnMgfHwgcGxhbnMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBkaXNwbGF5Um93czogRGlzcGxheVJvd1tdID0gW107XG4gICAgICAgIGNvbnN0IGZlYXR1cmVUZW1wbGF0ZSA9IHBsYW5zWzBdLmdyb3VwZWRGZWF0dXJlcyB8fCBbXTtcblxuICAgICAgICBmb3IgKGNvbnN0IGdyb3VwIG9mIGZlYXR1cmVUZW1wbGF0ZSkge1xuICAgICAgICAgICAgZGlzcGxheVJvd3MucHVzaCh7IGlzSGVhZGVyOiB0cnVlLCBuYW1lOiBncm91cC5uYW1lIH0pO1xuXG4gICAgICAgICAgICBmb3IgKGNvbnN0IGZlYXR1cmUgb2YgZ3JvdXAuZmVhdHVyZXMpIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5Um93cy5wdXNoKHtcbiAgICAgICAgICAgICAgICAgICAgaXNIZWFkZXI6IGZhbHNlLFxuICAgICAgICAgICAgICAgICAgICB0ZXh0OiBmZWF0dXJlLnRleHQsXG4gICAgICAgICAgICAgICAgICAgIGV4dHJhSW5mbzogZmVhdHVyZS5leHRyYUluZm8sXG4gICAgICAgICAgICAgICAgICAgIGNlbGxzOiBwbGFucy5tYXAocGxhbiA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBwbGFuRmVhdHVyZSA9IHRoaXMuZmluZEZlYXR1cmUocGxhbiwgZ3JvdXAubmFtZSwgZmVhdHVyZS50ZXh0KTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaXNJbmNsdWRlZDogISFwbGFuRmVhdHVyZT8uaXNJbmNsdWRlZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpdGVtRGVzY3JpcHRpb246IHBsYW5GZWF0dXJlPy5pdGVtRGVzY3JpcHRpb25cbiAgICAgICAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZGlzcGxheVJvd3M7XG4gICAgfSk7XG4gICAgcmVhZG9ubHkgdGV4dFNlcnZpY2UgPSBpbmplY3QoVGV4dFNlcnZpY2UpO1xuXG4gICAgc2VsZWN0T3B0aW9uKGl0ZW06IFByaWNlSXRlbU1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChpdGVtKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGZpbmRGZWF0dXJlKGl0ZW06IFByaWNlSXRlbU1vZGVsLCBncm91cE5hbWU6IHN0cmluZywgZmVhdHVyZVRleHQ6IHN0cmluZykge1xuICAgICAgICBjb25zdCBncm91cCA9IGl0ZW0uZ3JvdXBlZEZlYXR1cmVzPy5maW5kKGcgPT4gZy5uYW1lID09PSBncm91cE5hbWUpO1xuICAgICAgICByZXR1cm4gZ3JvdXA/LmZlYXR1cmVzLmZpbmQoZiA9PiBmLnRleHQgPT09IGZlYXR1cmVUZXh0KTtcbiAgICB9XG59XG4iLCI8ZGl2IFtjbGFzcy5jYXJkXT1cIiFzaG91bGRSZW1vdmVDYXJkU3R5bGUoKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1yZXNwb25zaXZlXCI+XG4gICAgICAgIDx0YWJsZSBjbGFzcz1cInRhYmxlIHRhYmxlLXZjZW50ZXIgdGFibGUtYm9yZGVyZWQgdGFibGUtbm93cmFwIGNhcmQtdGFibGVcIj5cbiAgICAgICAgICAgIDx0aGVhZD5cbiAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJ3LTUwXCI+XG4gICAgICAgICAgICAgICAgICAgIEBpZiAoISF0aXRsZSgpIHx8ICEhZGVzY3JpcHRpb24oKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgQGlmICghIXRpdGxlKCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDIgW2lubmVySFRNTF09XCJ0aXRsZSgpXCI+PC9oMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmICghIWRlc2NyaXB0aW9uKCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1zZWNvbmRhcnkgdGV4dC13cmFwXCIgW2lubmVySFRNTF09XCJkZXNjcmlwdGlvbigpXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXMoKTsgdHJhY2sgaXRlbS5pZCkge1xuICAgICAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJ0ZXh0LWNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtdXBwZXJjYXNlIHRleHQtc2Vjb25kYXJ5IGZvbnQtd2VpZ2h0LW1lZGl1bVwiIFtpbm5lckhUTUxdPVwiaXRlbS50aXRsZVwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRpc3BsYXktNiBmdy1ib2xkIG15LTNcIiBbaW5uZXJIVE1MXT1cIml0ZW0ucHJpY2VcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtYnV0dG9uIChjbGlja2VkKT1cInNlbGVjdE9wdGlvbihpdGVtKVwiIGN1c3RvbUNsYXNzZXM9XCJ3LTEwMFwiIFtpc0xvYWRpbmddPVwiaXNMb2FkaW5nKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvclN0eWxlXT1cIiEhaXRlbS5oaWdobGlnaHRDb2xvciA/IGl0ZW0uaGlnaGxpZ2h0Q29sb3IgOiB1bmRlZmluZWRcIiBbaXNEaXNhYmxlZF09XCIhIWl0ZW0uY3VycmVudFRleHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyB0ZXh0U2VydmljZS5nZXRUZXh0KCEhaXRlbS5jdXJyZW50VGV4dCA/IGl0ZW0uY3VycmVudFRleHQgOiBpdGVtLmNob29zZVRoaXNUZXh0KSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC91cGQtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICA8L3RoZWFkPlxuICAgICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAgICAgIEBmb3IgKHJvdyBvZiB0YWJsZUJvZHlSb3dzKCk7IHRyYWNrIHJvdy5pc0hlYWRlciA/IHJvdy5uYW1lIDogcm93LnRleHQpIHtcbiAgICAgICAgICAgICAgICAgICAgQGlmIChyb3cuaXNIZWFkZXIpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ciBjbGFzcz1cImJnLXN1cmZhY2UtdGVydGlhcnlcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGggW2F0dHIuY29sc3Bhbl09XCJpdGVtcygpLmxlbmd0aCArIDFcIiBjbGFzcz1cInN1YmhlYWRlclwiIFtpbm5lckhUTUxdPVwicm93Lm5hbWVcIj48L3RoPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cInJvdy50ZXh0XCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKCEhcm93LmV4dHJhSW5mbykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gW3VwZFBvcG92ZXJdPVwicm93LmV4dHJhSW5mb1wiIFt1cGRQb3BvdmVyQWN0QXNUb29sdGlwXT1cInRydWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXBkLWljb24gdGFibGVySWNvbj1cImluZm8tY2lyY2xlXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGZvciAoY2VsbCBvZiByb3cuY2VsbHM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJ0ZXh0LWNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmICghY2VsbC5pdGVtRGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXBkLWljb24gW3RhYmxlckljb25dPVwiY2VsbC5pc0luY2x1ZGVkID8gJ2NoZWNrJyA6ICdtaW51cydcIiB0YWJsZXJJY29uV2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvckNsYXNzXT1cImNlbGwuaXNJbmNsdWRlZCA/ICd0ZXh0LXN1Y2Nlc3MnIDogJ3RleHQtc2Vjb25kYXJ5J1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdXBkLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBbaW5uZXJIVE1MXT1cImNlbGwuaXRlbURlc2NyaXB0aW9uXCIgW2NsYXNzLnRleHQtc2Vjb25kYXJ5XT1cIiFjZWxsLmlzSW5jbHVkZWRcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvdGJvZHk+XG4gICAgICAgICAgICA8dGZvb3Q+XG4gICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkPjwvdGQ+XG4gICAgICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBpdGVtcygpOyB0cmFjayBpdGVtLmlkKSB7XG4gICAgICAgICAgICAgICAgICAgIDx0ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx1cGQtYnV0dG9uIChjbGlja2VkKT1cInNlbGVjdE9wdGlvbihpdGVtKVwiIGN1c3RvbUNsYXNzZXM9XCJ3LTEwMFwiIFtpc0xvYWRpbmddPVwiaXNMb2FkaW5nKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvclN0eWxlXT1cIiEhaXRlbS5oaWdobGlnaHRDb2xvciA/IGl0ZW0uaGlnaGxpZ2h0Q29sb3IgOiB1bmRlZmluZWRcIiBbaXNEaXNhYmxlZF09XCIhIWl0ZW0uY3VycmVudFRleHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyB0ZXh0U2VydmljZS5nZXRUZXh0KCEhaXRlbS5jdXJyZW50VGV4dCA/IGl0ZW0uY3VycmVudFRleHQgOiBpdGVtLmNob29zZVRoaXNUZXh0KSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC91cGQtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICA8L3Rmb290PlxuICAgICAgICA8L3RhYmxlPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/fesm2022/updevs-components-pricing.mjs

@@ -16,6 +16,7 @@ import { UpdPopoverModule } from '@updevs/components/popover';
 
 class PricingCardsComponent {
     constructor() {
+        this.isLoading = input(false);
         this.items = input.required();
         this.selected = output();
         this.textService = inject(TextService);
@@ -24,15 +25,16 @@ class PricingCardsComponent {
         this.selected.emit(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingCardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\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                </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=\"lock-square-rounded\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n", styles: [":host{display:flex}.row-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.col-lg{display:flex;flex-direction:column;height:100%;width:100%}upd-card{display:flex;flex-direction:column;height:100%}\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"] }, { kind: "directive", type: i6.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingCardsComponent, selector: "upd-pricing-cards", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, 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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\n                    }\n\n                    <div class=\"text-center mt-4\">\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\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                </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\" tablerIconWeight=\"bold\" colorClass=\"text-success\"></upd-icon>\n                } @else {\n                    <upd-icon tablerIcon=\"minus\" tablerIconWeight=\"bold\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n", styles: [":host{display:flex}.row-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.col-lg{display:flex;flex-direction:column;height:100%;width:100%}upd-card{display:flex;flex-direction:column;height:100%}\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"] }, { kind: "directive", type: i6.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingCardsComponent, decorators: [{
             type: Component,
-            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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\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                </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=\"lock-square-rounded\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n", styles: [":host{display:flex}.row-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.col-lg{display:flex;flex-direction:column;height:100%;width:100%}upd-card{display:flex;flex-direction:column;height:100%}\n"] }]
+            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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\n                    }\n\n                    <div class=\"text-center mt-4\">\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\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                </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\" tablerIconWeight=\"bold\" colorClass=\"text-success\"></upd-icon>\n                } @else {\n                    <upd-icon tablerIcon=\"minus\" tablerIconWeight=\"bold\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n", styles: [":host{display:flex}.row-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.col-lg{display:flex;flex-direction:column;height:100%;width:100%}upd-card{display:flex;flex-direction:column;height:100%}\n"] }]
         }] });
 
 class PricingTableComponent {
     constructor() {
+        this.isLoading = input(false);
         this.shouldRemoveCardStyle = input(false);
         this.title = input();
         this.description = input();
@@ -74,11 +76,11 @@ class PricingTableComponent {
         return group?.features.find(f => f.text === featureText);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingTableComponent, selector: "upd-pricing-table", inputs: { shouldRemoveCardStyle: { classPropertyName: "shouldRemoveCardStyle", publicName: "shouldRemoveCardStyle", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\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                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\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                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ 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: "directive", type: i6.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PricingTableComponent, selector: "upd-pricing-table", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, shouldRemoveCardStyle: { classPropertyName: "shouldRemoveCardStyle", publicName: "shouldRemoveCardStyle", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\" tablerIconWeight=\"bold\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ 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: "directive", type: i6.PopoverDirective, selector: "[updPopover]", inputs: ["updPopover", "updPopoverTitle", "updPopoverTitleTemplate", "updPopoverTemplate", "updPopoverPlacement", "updPopoverCustomClasses", "updPopoverActAsTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PricingTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'upd-pricing-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\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                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\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                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'upd-pricing-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\" tablerIconWeight=\"bold\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\n", styles: [":host{display:block}\n"] }]
         }] });
 
 class UpdPricingModule {

package/fesm2022/updevs-components-pricing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"updevs-components-pricing.mjs","sources":["../../../../libs/components/pricing/src/pricing-cards/pricing-cards.component.ts","../../../../libs/components/pricing/src/pricing-cards/pricing-cards.component.html","../../../../libs/components/pricing/src/pricing-table/pricing-table.component.ts","../../../../libs/components/pricing/src/pricing-table/pricing-table.component.html","../../../../libs/components/pricing/src/upd-pricing.module.ts","../../../../libs/components/pricing/src/updevs-components-pricing.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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\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                </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=\"lock-square-rounded\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n","import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';\nimport { TextService } from '@updevs/sdk';\n\nimport { PriceItemModel } from '../models/price-item.model';\n\ntype DisplayRow =\n    | { isHeader: true; name: string }\n    | { isHeader: false; text: string; extraInfo?: string; cells: { isIncluded: boolean; itemDescription?: string }[] };\n\n@Component({\n    selector: 'upd-pricing-table',\n    templateUrl: './pricing-table.component.html',\n    styleUrl: './pricing-table.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PricingTableComponent {\n    readonly shouldRemoveCardStyle = input<boolean>(false);\n    readonly title = input<string>();\n    readonly description = input<string>();\n    readonly items = input.required<PriceItemModel[]>();\n    readonly selected = output<PriceItemModel>();\n\n    readonly tableBodyRows = computed<DisplayRow[]>(() => {\n        const plans = this.items();\n\n        if (!plans || plans.length === 0) {\n            return [];\n        }\n\n        const displayRows: DisplayRow[] = [];\n        const featureTemplate = plans[0].groupedFeatures || [];\n\n        for (const group of featureTemplate) {\n            displayRows.push({ isHeader: true, name: group.name });\n\n            for (const feature of group.features) {\n                displayRows.push({\n                    isHeader: false,\n                    text: feature.text,\n                    extraInfo: feature.extraInfo,\n                    cells: plans.map(plan => {\n                        const planFeature = this.findFeature(plan, group.name, feature.text);\n                        return {\n                            isIncluded: !!planFeature?.isIncluded,\n                            itemDescription: planFeature?.itemDescription\n                        };\n                    })\n                });\n            }\n        }\n\n        return displayRows;\n    });\n    readonly textService = inject(TextService);\n\n    selectOption(item: PriceItemModel): void {\n        this.selected.emit(item);\n    }\n\n    private findFeature(item: PriceItemModel, groupName: string, featureText: string) {\n        const group = item.groupedFeatures?.find(g => g.name === groupName);\n        return group?.features.find(f => f.text === featureText);\n    }\n}\n","<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\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                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\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                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\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';\nimport { UpdPopoverModule } from '@updevs/components/popover';\n\nimport { PricingCardsComponent } from './pricing-cards/pricing-cards.component';\nimport { PricingTableComponent } from './pricing-table/pricing-table.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UpdCardModule,\n        UpdIconsModule,\n        UpdButtonModule,\n        UpdBadgeModule,\n        UpdPopoverModule\n    ],\n    declarations: [\n        PricingCardsComponent,\n        PricingTableComponent\n    ],\n    exports: [\n        PricingCardsComponent,\n        PricingTableComponent\n    ]\n})\nexport class UpdPricingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3"],"mappings":"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"}
+{"version":3,"file":"updevs-components-pricing.mjs","sources":["../../../../libs/components/pricing/src/pricing-cards/pricing-cards.component.ts","../../../../libs/components/pricing/src/pricing-cards/pricing-cards.component.html","../../../../libs/components/pricing/src/pricing-table/pricing-table.component.ts","../../../../libs/components/pricing/src/pricing-table/pricing-table.component.html","../../../../libs/components/pricing/src/upd-pricing.module.ts","../../../../libs/components/pricing/src/updevs-components-pricing.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 isLoading = input<boolean>(false);\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-lg col-sm-6\">\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=\"d-flex flex-column h-100\">\n                    <div>\n                        <div class=\"display-5 fw-bold mb-3\" [class.text-center]=\"item.isPriceCentered\" [innerHTML]=\"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\"\n                                [ngTemplateOutletContext]=\"{features: item.features}\"></ng-container>\n                        }\n                    </div>\n\n                    <div class=\"flex-grow-1\"></div>\n\n                    @if (!!item.description) {\n                        <div class=\"text-secondary mb-3\" [class.text-center]=\"item.isPriceCentered\"\n                            [innerHTML]=\"item.description\"></div>\n                    }\n\n                    <div class=\"text-center mt-4\">\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\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                </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\" tablerIconWeight=\"bold\" colorClass=\"text-success\"></upd-icon>\n                } @else {\n                    <upd-icon tablerIcon=\"minus\" tablerIconWeight=\"bold\" colorClass=\"text-secondary\"></upd-icon>\n                }\n\n                <span class=\"ms-2\" [innerHTML]=\"feature.text\" [class.text-secondary]=\"!feature.isIncluded\"></span>\n\n                @if (!!feature.extraInfo) {\n                    <span [updPopover]=\"feature.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                        <upd-icon tablerIcon=\"info-circle\" />\n                    </span>\n                }\n            </li>\n        }\n    </ul>\n</ng-template>\n","import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';\nimport { TextService } from '@updevs/sdk';\n\nimport { PriceItemModel } from '../models/price-item.model';\n\ntype DisplayRow =\n    | { isHeader: true; name: string }\n    | { isHeader: false; text: string; extraInfo?: string; cells: { isIncluded: boolean; itemDescription?: string }[] };\n\n@Component({\n    selector: 'upd-pricing-table',\n    templateUrl: './pricing-table.component.html',\n    styleUrl: './pricing-table.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PricingTableComponent {\n    readonly isLoading = input<boolean>(false);\n    readonly shouldRemoveCardStyle = input<boolean>(false);\n    readonly title = input<string>();\n    readonly description = input<string>();\n    readonly items = input.required<PriceItemModel[]>();\n    readonly selected = output<PriceItemModel>();\n\n    readonly tableBodyRows = computed<DisplayRow[]>(() => {\n        const plans = this.items();\n\n        if (!plans || plans.length === 0) {\n            return [];\n        }\n\n        const displayRows: DisplayRow[] = [];\n        const featureTemplate = plans[0].groupedFeatures || [];\n\n        for (const group of featureTemplate) {\n            displayRows.push({ isHeader: true, name: group.name });\n\n            for (const feature of group.features) {\n                displayRows.push({\n                    isHeader: false,\n                    text: feature.text,\n                    extraInfo: feature.extraInfo,\n                    cells: plans.map(plan => {\n                        const planFeature = this.findFeature(plan, group.name, feature.text);\n                        return {\n                            isIncluded: !!planFeature?.isIncluded,\n                            itemDescription: planFeature?.itemDescription\n                        };\n                    })\n                });\n            }\n        }\n\n        return displayRows;\n    });\n    readonly textService = inject(TextService);\n\n    selectOption(item: PriceItemModel): void {\n        this.selected.emit(item);\n    }\n\n    private findFeature(item: PriceItemModel, groupName: string, featureText: string) {\n        const group = item.groupedFeatures?.find(g => g.name === groupName);\n        return group?.features.find(f => f.text === featureText);\n    }\n}\n","<div [class.card]=\"!shouldRemoveCardStyle()\">\n    <div class=\"table-responsive\">\n        <table class=\"table table-vcenter table-bordered table-nowrap card-table\">\n            <thead>\n            <tr>\n                <td class=\"w-50\">\n                    @if (!!title() || !!description()) {\n                        @if (!!title()) {\n                            <h2 [innerHTML]=\"title()\"></h2>\n                        }\n\n                        @if (!!description()) {\n                            <div class=\"text-secondary text-wrap\" [innerHTML]=\"description()\"></div>\n                        }\n                    }\n                </td>\n                @for (item of items(); track item.id) {\n                    <td class=\"text-center\">\n                        <div class=\"text-uppercase text-secondary font-weight-medium\" [innerHTML]=\"item.title\"></div>\n                        <div class=\"display-6 fw-bold my-3\" [innerHTML]=\"item.price\"></div>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </thead>\n            <tbody>\n                @for (row of tableBodyRows(); track row.isHeader ? row.name : row.text) {\n                    @if (row.isHeader) {\n                        <tr class=\"bg-surface-tertiary\">\n                            <th [attr.colspan]=\"items().length + 1\" class=\"subheader\" [innerHTML]=\"row.name\"></th>\n                        </tr>\n                    } @else {\n                        <tr>\n                            <td>\n                                <span [innerHTML]=\"row.text\"></span>\n                                @if (!!row.extraInfo) {\n                                    <span [updPopover]=\"row.extraInfo\" [updPopoverActAsTooltip]=\"true\">\n                                        <upd-icon tablerIcon=\"info-circle\" />\n                                    </span>\n                                }\n                            </td>\n                            @for (cell of row.cells; track $index) {\n                                <td class=\"text-center\">\n                                    @if (!cell.itemDescription) {\n                                        <upd-icon [tablerIcon]=\"cell.isIncluded ? 'check' : 'minus'\" tablerIconWeight=\"bold\"\n                                            [colorClass]=\"cell.isIncluded ? 'text-success' : 'text-secondary'\">\n                                        </upd-icon>\n                                    } @else {\n                                        <span [innerHTML]=\"cell.itemDescription\" [class.text-secondary]=\"!cell.isIncluded\"></span>\n                                    }\n                                </td>\n                            }\n                        </tr>\n                    }\n                }\n            </tbody>\n            <tfoot>\n            <tr>\n                <td></td>\n                @for (item of items(); track item.id) {\n                    <td>\n                        <upd-button (clicked)=\"selectOption(item)\" customClasses=\"w-100\" [isLoading]=\"isLoading()\"\n                            [colorStyle]=\"!!item.highlightColor ? item.highlightColor : undefined\" [isDisabled]=\"!!item.currentText\">\n                            {{ textService.getText(!!item.currentText ? item.currentText : item.chooseThisText) }}\n                        </upd-button>\n                    </td>\n                }\n            </tr>\n            </tfoot>\n        </table>\n    </div>\n</div>\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';\nimport { UpdPopoverModule } from '@updevs/components/popover';\n\nimport { PricingCardsComponent } from './pricing-cards/pricing-cards.component';\nimport { PricingTableComponent } from './pricing-table/pricing-table.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UpdCardModule,\n        UpdIconsModule,\n        UpdButtonModule,\n        UpdBadgeModule,\n        UpdPopoverModule\n    ],\n    declarations: [\n        PricingCardsComponent,\n        PricingTableComponent\n    ],\n    exports: [\n        PricingCardsComponent,\n        PricingTableComponent\n    ]\n})\nexport class UpdPricingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@updevs/components",
-  "version": "1.0.0-alpha.79",
+  "version": "1.0.0-alpha.80",
   "peerDependencies": {
     "@angular/common": "^18.0.1 || ^19.0.0",
     "@angular/core": "^18.0.1 || ^19.0.0",
@@ -34,12 +34,6 @@
       "esm": "./esm2022/badge/updevs-components-badge.mjs",
       "default": "./fesm2022/updevs-components-badge.mjs"
     },
-    "./card": {
-      "types": "./card/index.d.ts",
-      "esm2022": "./esm2022/card/updevs-components-card.mjs",
-      "esm": "./esm2022/card/updevs-components-card.mjs",
-      "default": "./fesm2022/updevs-components-card.mjs"
-    },
     "./button": {
       "types": "./button/index.d.ts",
       "esm2022": "./esm2022/button/updevs-components-button.mjs",
@@ -58,6 +52,12 @@
       "esm": "./esm2022/drag-and-drop/updevs-components-drag-and-drop.mjs",
       "default": "./fesm2022/updevs-components-drag-and-drop.mjs"
     },
+    "./card": {
+      "types": "./card/index.d.ts",
+      "esm2022": "./esm2022/card/updevs-components-card.mjs",
+      "esm": "./esm2022/card/updevs-components-card.mjs",
+      "default": "./fesm2022/updevs-components-card.mjs"
+    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "esm2022": "./esm2022/dropdown/updevs-components-dropdown.mjs",
@@ -82,18 +82,18 @@
       "esm": "./esm2022/link/updevs-components-link.mjs",
       "default": "./fesm2022/updevs-components-link.mjs"
     },
-    "./modal": {
-      "types": "./modal/index.d.ts",
-      "esm2022": "./esm2022/modal/updevs-components-modal.mjs",
-      "esm": "./esm2022/modal/updevs-components-modal.mjs",
-      "default": "./fesm2022/updevs-components-modal.mjs"
-    },
     "./list": {
       "types": "./list/index.d.ts",
       "esm2022": "./esm2022/list/updevs-components-list.mjs",
       "esm": "./esm2022/list/updevs-components-list.mjs",
       "default": "./fesm2022/updevs-components-list.mjs"
     },
+    "./modal": {
+      "types": "./modal/index.d.ts",
+      "esm2022": "./esm2022/modal/updevs-components-modal.mjs",
+      "esm": "./esm2022/modal/updevs-components-modal.mjs",
+      "default": "./fesm2022/updevs-components-modal.mjs"
+    },
     "./paginator": {
       "types": "./paginator/index.d.ts",
       "esm2022": "./esm2022/paginator/updevs-components-paginator.mjs",

package/pricing/pricing-cards/pricing-cards.component.d.ts

@@ -2,10 +2,11 @@ import { TextService } from '@updevs/sdk';
 import { PriceItemModel } from '../models/price-item.model';
 import * as i0 from "@angular/core";
 export declare class PricingCardsComponent {
+    readonly isLoading: import("@angular/core").InputSignal<boolean>;
     readonly items: import("@angular/core").InputSignal<PriceItemModel[]>;
     readonly selected: import("@angular/core").OutputEmitterRef<PriceItemModel>;
     readonly textService: TextService;
     selectOption(item: PriceItemModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingCardsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PricingCardsComponent, "upd-pricing-cards", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "selected": "selected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PricingCardsComponent, "upd-pricing-cards", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "selected": "selected"; }, never, never, false, never>;
 }

package/pricing/pricing-table/pricing-table.component.d.ts

@@ -14,6 +14,7 @@ type DisplayRow = {
     }[];
 };
 export declare class PricingTableComponent {
+    readonly isLoading: import("@angular/core").InputSignal<boolean>;
     readonly shouldRemoveCardStyle: import("@angular/core").InputSignal<boolean>;
     readonly title: import("@angular/core").InputSignal<string | undefined>;
     readonly description: import("@angular/core").InputSignal<string | undefined>;
@@ -24,6 +25,6 @@ export declare class PricingTableComponent {
     selectOption(item: PriceItemModel): void;
     private findFeature;
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PricingTableComponent, "upd-pricing-table", never, { "shouldRemoveCardStyle": { "alias": "shouldRemoveCardStyle"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "selected": "selected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PricingTableComponent, "upd-pricing-table", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "shouldRemoveCardStyle": { "alias": "shouldRemoveCardStyle"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "selected": "selected"; }, never, never, false, never>;
 }
 export {};