@theseam/ui-common 0.4.0-beta.4 → 0.4.0-beta.6

package/fesm2020/theseam-ui-common-widget.mjs

@@ -982,26 +982,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
  * used then the situation should be considered for becoming a widget component.
  */
 class WidgetComponent {
-    /**
-     * Icon displayed in the top header.
-     *
-     * If a more advanced icon is needed you can use `seamWidgetIconTpl` template
-     * directive, but a `SeamIcon` input is recommended, because allowing custom
-     * icons that do not follow the tested types can lead to inconsitency quickly
-     * as different developers keep making tweaks.
-     */
-    get icon() { return this._iconUrl || this._iconObj; }
-    set icon(value) {
-        if (typeof value === 'string') {
-            this._iconUrl = value;
-            this._iconObj = undefined;
-        }
-        else {
-            this._iconUrl = undefined;
-            this._iconObj = value;
-        }
-    }
-    /** @ignore */
     constructor() {
         /** @ignore */
         this.configIcon = faCog;
@@ -1022,8 +1002,25 @@ class WidgetComponent {
         // NOTE: Collapse is still being worked on.
         this.canCollapse = false;
     }
-    /** @ignore */
-    ngOnInit() { }
+    /**
+     * Icon displayed in the top header.
+     *
+     * If a more advanced icon is needed you can use `seamWidgetIconTpl` template
+     * directive, but a `SeamIcon` input is recommended, because allowing custom
+     * icons that do not follow the tested types can lead to inconsitency quickly
+     * as different developers keep making tweaks.
+     */
+    get icon() { return this._iconUrl || this._iconObj; }
+    set icon(value) {
+        if (typeof value === 'string') {
+            this._iconUrl = value;
+            this._iconObj = undefined;
+        }
+        else {
+            this._iconUrl = undefined;
+            this._iconObj = value;
+        }
+    }
     /**
      * Toggles a widget's collapsed state.
      *
@@ -1040,13 +1037,13 @@ WidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
         trigger('loadingAnim', [
             transition(':enter', [
                 style({ opacity: 0 }),
-                animate('250ms ease-in-out', style({ opacity: 1 }))
+                animate('250ms ease-in-out', style({ opacity: 1 })),
             ]),
             transition(':leave', [
                 style({ opacity: 1 }),
-                animate('250ms ease-in-out', style({ opacity: 0 }))
-            ])
-        ])
+                animate('250ms ease-in-out', style({ opacity: 0 })),
+            ]),
+        ]),
     ], encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     InputBoolean()
@@ -1069,15 +1066,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
                         trigger('loadingAnim', [
                             transition(':enter', [
                                 style({ opacity: 0 }),
-                                animate('250ms ease-in-out', style({ opacity: 1 }))
+                                animate('250ms ease-in-out', style({ opacity: 1 })),
                             ]),
                             transition(':leave', [
                                 style({ opacity: 1 }),
-                                animate('250ms ease-in-out', style({ opacity: 0 }))
-                            ])
-                        ])
+                                animate('250ms ease-in-out', style({ opacity: 0 })),
+                            ]),
+                        ]),
                     ], template: "<div class=\"seam-widget border rounded overflow-hidden\">\n  <div class=\"widget-header\" seamWidgetDragHandle *ngIf=\"hasHeader\">\n    <div class=\"widget-header-content p-2 text-nowrap\">\n      <span class=\"mr-1 widget-header-icon\">\n        <ng-container *ngIf=\"iconTpl; else noIconTpl\">\n          <ng-template\n            [ngTemplateOutlet]=\"iconTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon, title: titleText }\">\n          </ng-template>\n        </ng-container>\n        <ng-template #noIconTpl>\n          <fa-icon *ngIf=\"_iconObj\"\n            class=\"widget-header-icon--fa {{ iconClass }}\"\n            [icon]=\"_iconObj\"></fa-icon>\n          <img *ngIf=\"_iconUrl\"\n            class=\"widget-header-icon--img {{ iconClass }}\"\n            [src]=\"_iconUrl\" [alt]=\"titleText\">\n        </ng-template>\n      </span>\n      <span class=\"widget-header-title text-truncate\">\n        <ng-container *ngIf=\"titleTpl; else noTitleTpl\">\n          <ng-template\n            [ngTemplateOutlet]=\"titleTpl.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: titleText, icon: icon, title: titleText }\">\n          </ng-template>\n        </ng-container>\n        <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n      </span>\n    </div>\n    <div class=\"widget-header-btns-container\" *ngIf=\"hasConfig || canCollapse\">\n      <div *ngIf=\"hasConfig\">\n        <!-- <button seamIconBtn [icon]=\"configIcon\"\n          class=\"widget-header-btn-config\"\n          iconType=\"\">\n          <span class=\"sr-only\">Widget configuration menu</span>\n        </button> -->\n        <button seamButton class=\"widget-header-btn-config p-0\">\n          <seam-icon class=\"d-block\" [icon]=\"configIcon\" iconClass=\"text-secondary\"></seam-icon>\n          <span class=\"sr-only\">Widget configuration menu</span>\n        </button>\n      </div>\n\n      <div *ngIf=\"canCollapse\" class=\"px-0\">\n        <button seamButton class=\"widget-header-btn-collapse p-0\" (click)=\"collapse()\">\n          <seam-icon class=\"d-block\" [icon]=\"collapseIcon\" iconClass=\"text-secondary\" style=\"margin-left: -10px; margin-right: -5px;\"></seam-icon>\n          <span class=\"sr-only\">Widget collapse</span>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"position-relative\" [style.height.px]=\"loading ? 150 : undefined\">\n    <ng-container *ngIf=\"!collapsed\">\n      <div class=\"p-2\" *ngIf=\"!loading else loadingTpl\">\n        <ng-content></ng-content>\n      </div>\n      <ng-content select=\"seam-widget-footer\"></ng-content>\n      <ng-template #loadingTpl>\n        <div class=\"position-absolute\" @loadingAnim style=\"top:0;right:0;bottom:0;left:0\">\n          <seam-loading [theme]=\"'primary'\"></seam-loading>\n        </div>\n      </ng-template>\n    </ng-container>\n  </div>\n</div>\n", styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#FFFFFF;box-shadow:none}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#F4F4F4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:15px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-title{font-size:17px}seam-widget .widget-header-icon{display:inline-block;vertical-align:top;max-height:20px;max-width:20px;height:20px;width:20px;color:currentColor}seam-widget .widget-header-icon .widget-header-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header-icon .widget-header-icon--img{height:100%;max-height:20px;max-width:20px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { collapsed: [{
+        }], propDecorators: { collapsed: [{
                 type: Input
             }], hasHeader: [{
                 type: Input
@@ -1155,7 +1152,7 @@ WidgetRegistryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0"
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: WidgetRegistryService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -1173,7 +1170,7 @@ const contentModules = [
     TheSeamWidgetListGroupModule,
     TheSeamWidgetTableModule,
     TheSeamWidgetTileListModule,
-    TheSeamWidgetTileModule
+    TheSeamWidgetTileModule,
 ];
 class TheSeamWidgetModule {
 }
@@ -1238,7 +1235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
                         WidgetIconTplDirective,
                         WidgetTitleTplDirective,
                         WidgetDragHandleDirective,
-                        WidgetFooterComponent
+                        WidgetFooterComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -1248,7 +1245,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
                         DragDropModule,
                         TheSeamButtonsModule,
                         CdkTableModule,
-                        ...contentModules
+                        ...contentModules,
                     ],
                     exports: [
                         RouterModule,
@@ -1256,8 +1253,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
                         WidgetIconTplDirective,
                         WidgetTitleTplDirective,
                         WidgetFooterComponent,
-                        ...contentModules
-                    ]
+                        ...contentModules,
+                    ],
                 }]
         }] });