@seniorsistemas/angular-components 17.4.4 → 17.5.0

package/bundles/seniorsistemas-angular-components.umd.js

@@ -1972,6 +1972,112 @@
         return CalendarMaskModule;
     }());
 
+    var TemplateDirective = /** @class */ (function () {
+        function TemplateDirective(template) {
+            this.template = template;
+        }
+        TemplateDirective.ctorParameters = function () { return [
+            { type: core.TemplateRef }
+        ]; };
+        __decorate([
+            core.Input("sTemplate")
+        ], TemplateDirective.prototype, "type", void 0);
+        TemplateDirective = __decorate([
+            core.Directive({
+                selector: "[sTemplate]",
+            })
+        ], TemplateDirective);
+        return TemplateDirective;
+    }());
+
+
+    (function (CardTemplateTypes) {
+        CardTemplateTypes["Header"] = "header";
+        CardTemplateTypes["Body"] = "body";
+        CardTemplateTypes["Footer"] = "footer";
+    })(exports.CardTemplateTypes || (exports.CardTemplateTypes = {}));
+
+    var CardComponent = /** @class */ (function () {
+        function CardComponent() {
+            this.fullWidth = false;
+            this.showBanner = false;
+            this.hasCustomTemplates = false;
+        }
+        CardComponent.prototype.ngAfterContentInit = function () {
+            this._getTemplates();
+            this._testLoadImage();
+        };
+        CardComponent.prototype._getHeaderTemplate = function () {
+            return this._getCustomTemplate(exports.CardTemplateTypes.Header);
+        };
+        CardComponent.prototype._getBodyTemplate = function () {
+            return this._getCustomTemplate(exports.CardTemplateTypes.Body);
+        };
+        CardComponent.prototype._getFooterTemplate = function () {
+            return this._getCustomTemplate(exports.CardTemplateTypes.Footer);
+        };
+        CardComponent.prototype._getCustomTemplate = function (type) {
+            var _a;
+            return (_a = this.templates.find(function (template) { return template.type === type; })) === null || _a === void 0 ? void 0 : _a.template;
+        };
+        CardComponent.prototype._getTemplates = function () {
+            this.headerTemplate = this._getHeaderTemplate();
+            this.bodyTemplate = this._getBodyTemplate();
+            this.footerTemplate = this._getFooterTemplate();
+            this.hasCustomTemplates = !!(this.headerTemplate || this.bodyTemplate || this.footerTemplate);
+        };
+        CardComponent.prototype._testLoadImage = function () {
+            var _this = this;
+            var img = new Image();
+            img.src = this.bannerImage;
+            img.onload = function () { return (_this.showBanner = true); };
+            img.onerror = function () { return (_this.showBanner = false); };
+        };
+        __decorate([
+            core.Input()
+        ], CardComponent.prototype, "bannerImage", void 0);
+        __decorate([
+            core.Input()
+        ], CardComponent.prototype, "fullWidth", void 0);
+        __decorate([
+            core.ContentChildren(TemplateDirective)
+        ], CardComponent.prototype, "templates", void 0);
+        CardComponent = __decorate([
+            core.Component({
+                selector: "s-card",
+                template: "<div class=\"card\" [ngClass]=\"{ 'card--full-width': fullWidth }\">\n    <div\n        *ngIf=\"showBanner\"\n        class=\"banner\"\n        [ngStyle]=\"{'background-image': 'url(' + bannerImage + ')'}\">\n    </div>\n\n    <ng-container *ngIf=\"hasCustomTemplates; then customTemplates; else contentTemplate\"> </ng-container>\n\n    <ng-template #customTemplates>\n        <div *ngIf=\"headerTemplate\" class=\"header\">\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        </div>\n        <div *ngIf=\"bodyTemplate\" class=\"body\">\n            <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n        </div>\n        <div *ngIf=\"footerTemplate\" class=\"footer\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n    </ng-template>\n\n    <ng-template #contentTemplate>\n        <div class=\"body\">\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</div>\n",
+                styles: [".card{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-radius:4px;box-shadow:0 1px 5px 0 #00000040;overflow:hidden}.card--full-width{width:100%}.card .banner{background-repeat:no-repeat;background-size:cover;height:150px;width:100%}.card .header{padding:16px 12px}.card .body,.card .footer{padding:16px}.card .body+.footer,.card .header+.body{border-top:1px solid #c1c1cc}"]
+            })
+        ], CardComponent);
+        return CardComponent;
+    }());
+
+    var TemplateModule = /** @class */ (function () {
+        function TemplateModule() {
+        }
+        TemplateModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [TemplateDirective],
+                exports: [TemplateDirective],
+            })
+        ], TemplateModule);
+        return TemplateModule;
+    }());
+
+    var CardModule = /** @class */ (function () {
+        function CardModule() {
+        }
+        CardModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [CardComponent],
+                exports: [CardComponent, TemplateModule],
+            })
+        ], CardModule);
+        return CardModule;
+    }());
+
 
     (function (Languages) {
         Languages["TaxCalculation"] = "TaxCalculation";
@@ -13260,37 +13366,6 @@
         return GlobalSearchModule;
     }());
 
-    var TemplateDirective = /** @class */ (function () {
-        function TemplateDirective(template) {
-            this.template = template;
-        }
-        TemplateDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        __decorate([
-            core.Input("sTemplate")
-        ], TemplateDirective.prototype, "type", void 0);
-        TemplateDirective = __decorate([
-            core.Directive({
-                selector: "[sTemplate]",
-            })
-        ], TemplateDirective);
-        return TemplateDirective;
-    }());
-
-    var TemplateModule = /** @class */ (function () {
-        function TemplateModule() {
-        }
-        TemplateModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [TemplateDirective],
-                exports: [TemplateDirective],
-            })
-        ], TemplateModule);
-        return TemplateModule;
-    }());
-
     var IAInsightCardComponent = /** @class */ (function () {
         function IAInsightCardComponent(clipboard, messageService, translateService) {
             this.clipboard = clipboard;
@@ -17401,6 +17476,8 @@
     exports.CalendarLocaleOptions = CalendarLocaleOptions;
     exports.CalendarMaskDirective = CalendarMaskDirective;
     exports.CalendarMaskModule = CalendarMaskModule;
+    exports.CardComponent = CardComponent;
+    exports.CardModule = CardModule;
     exports.ChipsField = ChipsField;
     exports.CodeEditorModule = CodeEditorModule;
     exports.CollapseLinkComponent = CollapseLinkComponent;
@@ -17539,35 +17616,35 @@
     exports.fallback = fallback;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = BooleanSwitchFieldComponent;
-    exports.ɵbb = CalendarFieldComponent;
-    exports.ɵbc = ChipsFieldComponent;
-    exports.ɵbd = CountryPhonePickerFieldComponent;
-    exports.ɵbe = CurrencyFieldComponent;
-    exports.ɵbf = DynamicFieldComponent;
-    exports.ɵbg = DynamicFormDirective;
-    exports.ɵbh = FieldsetComponent;
-    exports.ɵbi = FileUploadComponent$1;
-    exports.ɵbj = LookupFieldComponent;
-    exports.ɵbk = NumberFieldComponent;
-    exports.ɵbl = PasswordFieldComponent;
-    exports.ɵbm = RadioButtonComponent;
-    exports.ɵbn = RowComponent;
-    exports.ɵbo = SectionComponent;
-    exports.ɵbp = SelectFieldComponent;
-    exports.ɵbq = SliderFieldComponent;
-    exports.ɵbr = TextAreaFieldComponent;
-    exports.ɵbs = TextAreaIAFieldComponent;
-    exports.ɵbt = IAssistService;
-    exports.ɵbu = TextFieldComponent;
-    exports.ɵbw = DecimalField;
-    exports.ɵbx = SideTableComponent;
-    exports.ɵby = ThumbnailService;
-    exports.ɵbz = InfiniteScrollModule;
-    exports.ɵc = CustomTranslationsModule;
-    exports.ɵca = InfiniteScrollDirective;
-    exports.ɵcb = TemplateModule;
-    exports.ɵcc = TemplateDirective;
+    exports.ɵba = BignumberFieldComponent;
+    exports.ɵbb = BooleanFieldComponent;
+    exports.ɵbc = BooleanSwitchFieldComponent;
+    exports.ɵbd = CalendarFieldComponent;
+    exports.ɵbe = ChipsFieldComponent;
+    exports.ɵbf = CountryPhonePickerFieldComponent;
+    exports.ɵbg = CurrencyFieldComponent;
+    exports.ɵbh = DynamicFieldComponent;
+    exports.ɵbi = DynamicFormDirective;
+    exports.ɵbj = FieldsetComponent;
+    exports.ɵbk = FileUploadComponent$1;
+    exports.ɵbl = LookupFieldComponent;
+    exports.ɵbm = NumberFieldComponent;
+    exports.ɵbn = PasswordFieldComponent;
+    exports.ɵbo = RadioButtonComponent;
+    exports.ɵbp = RowComponent;
+    exports.ɵbq = SectionComponent;
+    exports.ɵbr = SelectFieldComponent;
+    exports.ɵbs = SliderFieldComponent;
+    exports.ɵbt = TextAreaFieldComponent;
+    exports.ɵbu = TextAreaIAFieldComponent;
+    exports.ɵbv = IAssistService;
+    exports.ɵbw = TextFieldComponent;
+    exports.ɵby = DecimalField;
+    exports.ɵbz = SideTableComponent;
+    exports.ɵc = TemplateDirective;
+    exports.ɵca = ThumbnailService;
+    exports.ɵcb = InfiniteScrollModule;
+    exports.ɵcc = InfiniteScrollDirective;
     exports.ɵcd = IAInsightSidebarComponent;
     exports.ɵce = IAInsightCardComponent;
     exports.ɵcf = IAInsightCardLoaderComponent;
@@ -17591,7 +17668,7 @@
     exports.ɵcx = TieredMenuDividerComponent;
     exports.ɵcy = TimelineItemModule;
     exports.ɵcz = TimelineIconItemComponent;
-    exports.ɵd = CodeEditorComponent;
+    exports.ɵd = TemplateModule;
     exports.ɵda = HorizontalTimelineModule;
     exports.ɵdb = HorizontalTimelineComponent;
     exports.ɵdc = VerticalTimelineModule;
@@ -17600,28 +17677,28 @@
     exports.ɵdf = CollapseOptionComponent;
     exports.ɵdg = CollapsedItemsComponent;
     exports.ɵdh = VerticalItemsComponent;
-    exports.ɵe = CoreFacade;
-    exports.ɵf = CodeMirror6Core;
-    exports.ɵg = CountryPhonePickerService;
-    exports.ɵh = LocalizedCurrencyImpurePipe;
-    exports.ɵi = LocalizedBignumberPipe;
-    exports.ɵj = LocalizedBignumberImpurePipe;
-    exports.ɵk = EmptyStateGoBackComponent;
-    exports.ɵl = IAssistIconComponent;
-    exports.ɵm = SeniorIconComponent;
-    exports.ɵn = DotsIndicatorComponent;
-    exports.ɵo = LoadingIndicatorComponent;
-    exports.ɵp = ProgressBarDeterminateComponent;
-    exports.ɵq = ProgressBarIndeterminateComponent;
-    exports.ɵr = FileUploadService;
-    exports.ɵs = FileItemComponent;
-    exports.ɵt = LocaleService;
-    exports.ɵu = InfoSignComponent;
-    exports.ɵv = TableColumnsComponent;
-    exports.ɵw = TablePagingComponent;
-    exports.ɵx = AutocompleteFieldComponent;
-    exports.ɵy = BignumberFieldComponent;
-    exports.ɵz = BooleanFieldComponent;
+    exports.ɵe = CustomTranslationsModule;
+    exports.ɵf = CodeEditorComponent;
+    exports.ɵg = CoreFacade;
+    exports.ɵh = CodeMirror6Core;
+    exports.ɵi = CountryPhonePickerService;
+    exports.ɵj = LocalizedCurrencyImpurePipe;
+    exports.ɵk = LocalizedBignumberPipe;
+    exports.ɵl = LocalizedBignumberImpurePipe;
+    exports.ɵm = EmptyStateGoBackComponent;
+    exports.ɵn = IAssistIconComponent;
+    exports.ɵo = SeniorIconComponent;
+    exports.ɵp = DotsIndicatorComponent;
+    exports.ɵq = LoadingIndicatorComponent;
+    exports.ɵr = ProgressBarDeterminateComponent;
+    exports.ɵs = ProgressBarIndeterminateComponent;
+    exports.ɵt = FileUploadService;
+    exports.ɵu = FileItemComponent;
+    exports.ɵv = LocaleService;
+    exports.ɵw = InfoSignComponent;
+    exports.ɵx = TableColumnsComponent;
+    exports.ɵy = TablePagingComponent;
+    exports.ɵz = AutocompleteFieldComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });