@indice/ng-components 0.2.173-beta.0 → 0.2.173-beta.1

package/fesm2020/indice-ng-components.mjs

@@ -2506,6 +2506,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                 type: Output
             }] } });
 
+class ContentTileHeaderComponent {
+    constructor() {
+        this.template = undefined;
+    }
+}
+ContentTileHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ContentTileHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ContentTileHeaderComponent, selector: "lib-content-tile-header", queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-content-tile-header', template: '<ng-content></ng-content>' }]
+        }], ctorParameters: function () { return []; }, propDecorators: { template: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class ContentTileItemComponent {
+    constructor() {
+        this.template = undefined;
+    }
+}
+ContentTileItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ContentTileItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ContentTileItemComponent, selector: "lib-content-tile-item", queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-content-tile-item', template: '<ng-content></ng-content>' }]
+        }], ctorParameters: function () { return []; }, propDecorators: { template: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class ContentTileComponent {
+    constructor(router) {
+        this.router = router;
+        this.title = undefined;
+        this.busy = false;
+        this.hideBtn = false;
+        this.showFooter = true;
+        this.actionText = 'Περισσότερα';
+        // tslint:disable-next-line:no-output-rename
+        this.tileAction = new EventEmitter();
+        this.selectedIndex = 0;
+        this.itemTemplates = [];
+        this.header = undefined;
+    }
+    set items(refs) {
+        if (refs) {
+            this.itemTemplates = refs.toArray();
+        }
+    }
+    ngOnInit() {
+    }
+    emitTileAction($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        this.tileAction.emit($event);
+        return false;
+    }
+}
+ContentTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+ContentTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: ContentTileComponent, selector: "lib-content-tile", inputs: { title: "title", busy: "busy", hideBtn: "hideBtn", showFooter: ["show-footer", "showFooter"], actionText: ["action-text", "actionText"] }, outputs: { tileAction: "tile-action" }, queries: [{ propertyName: "header", first: true, predicate: ContentTileHeaderComponent, descendants: true }, { propertyName: "items", predicate: ContentTileItemComponent, read: ContentTileItemComponent }], ngImport: i0, template: "<div class=\"card\" [class.card-deck-busy]=\"busy\">\r\n  <div class=\"card-body\">\r\n    <div class=\"kpi-tile-title-container flex align-top\">\r\n      <a *ngIf=\"!header\" href=\"#\"\r\n         class=\"kpi-tile-action flex-1\" (click)=\"emitTileAction($event)\">{{title || '-'}}</a>\r\n      <ng-container *ngIf=\"header\">\r\n        <div class=\"flex-1\">\r\n          <ng-template [ngTemplateOutlet]=\"header.template\"></ng-template>\r\n        </div>\r\n      </ng-container>\r\n      <div *ngIf=\"actionText\" class=\"float-right align-top\">\r\n        <a href=\"#\" class=\"text-xs\" (click)=\"emitTileAction($event)\">{{actionText}}</a>\r\n      </div>\r\n    </div>\r\n    <div class=\"flex items-center\" *ngIf=\"itemTemplates\">\r\n      <ng-template [ngTemplateOutlet]=\"itemTemplates[selectedIndex].template\"></ng-template>\r\n    </div>\r\n    <div class=\"tile-card-footer opacity-25 hover:opacity-75\" *ngIf=\"itemTemplates && itemTemplates.length>1\">\r\n      <nav class=\"flex items-center justify-between px-4 sm:px-0\">\r\n        <div class=\"flex w-0 flex-1\"></div>\r\n        <div class=\"flex items-center justify-between px-2\">\r\n          <ng-container *ngFor=\"let item of itemTemplates; index as i\">\r\n            <button type=\"button\"\r\n                    (click)=\"selectedIndex=i\"\r\n                    [disabled]=\"selectedIndex===i\"\r\n                    class=\"inline-flex mx-1 items-center rounded-full border border-transparent p-1 text-white shadow-sm hover:bg-slate-700 focus:outline-none\"\r\n                    [class.bg-slate-500]=\"selectedIndex!==i\"\r\n                    [class.bg-slate-700]=\"selectedIndex===i\"\r\n                    [class.ring-slate-700]=\"selectedIndex===i\"\r\n                    [class.ring-offset-1]=\"selectedIndex===i\"\r\n                    [class.ring-1]=\"selectedIndex===i\">\r\n            </button>\r\n          </ng-container>\r\n        </div>\r\n        <div class=\"flex w-0 flex-1 justify-end\"></div>\r\n      </nav>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ContentTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-content-tile', template: "<div class=\"card\" [class.card-deck-busy]=\"busy\">\r\n  <div class=\"card-body\">\r\n    <div class=\"kpi-tile-title-container flex align-top\">\r\n      <a *ngIf=\"!header\" href=\"#\"\r\n         class=\"kpi-tile-action flex-1\" (click)=\"emitTileAction($event)\">{{title || '-'}}</a>\r\n      <ng-container *ngIf=\"header\">\r\n        <div class=\"flex-1\">\r\n          <ng-template [ngTemplateOutlet]=\"header.template\"></ng-template>\r\n        </div>\r\n      </ng-container>\r\n      <div *ngIf=\"actionText\" class=\"float-right align-top\">\r\n        <a href=\"#\" class=\"text-xs\" (click)=\"emitTileAction($event)\">{{actionText}}</a>\r\n      </div>\r\n    </div>\r\n    <div class=\"flex items-center\" *ngIf=\"itemTemplates\">\r\n      <ng-template [ngTemplateOutlet]=\"itemTemplates[selectedIndex].template\"></ng-template>\r\n    </div>\r\n    <div class=\"tile-card-footer opacity-25 hover:opacity-75\" *ngIf=\"itemTemplates && itemTemplates.length>1\">\r\n      <nav class=\"flex items-center justify-between px-4 sm:px-0\">\r\n        <div class=\"flex w-0 flex-1\"></div>\r\n        <div class=\"flex items-center justify-between px-2\">\r\n          <ng-container *ngFor=\"let item of itemTemplates; index as i\">\r\n            <button type=\"button\"\r\n                    (click)=\"selectedIndex=i\"\r\n                    [disabled]=\"selectedIndex===i\"\r\n                    class=\"inline-flex mx-1 items-center rounded-full border border-transparent p-1 text-white shadow-sm hover:bg-slate-700 focus:outline-none\"\r\n                    [class.bg-slate-500]=\"selectedIndex!==i\"\r\n                    [class.bg-slate-700]=\"selectedIndex===i\"\r\n                    [class.ring-slate-700]=\"selectedIndex===i\"\r\n                    [class.ring-offset-1]=\"selectedIndex===i\"\r\n                    [class.ring-1]=\"selectedIndex===i\">\r\n            </button>\r\n          </ng-container>\r\n        </div>\r\n        <div class=\"flex w-0 flex-1 justify-end\"></div>\r\n      </nav>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1$1.Router }]; }, propDecorators: { title: [{
+                type: Input
+            }], busy: [{
+                type: Input
+            }], hideBtn: [{
+                type: Input
+            }], showFooter: [{
+                type: Input,
+                args: ['show-footer']
+            }], actionText: [{
+                type: Input,
+                args: ['action-text']
+            }], tileAction: [{
+                type: Output,
+                args: ['tile-action']
+            }], items: [{
+                type: ContentChildren,
+                args: [ContentTileItemComponent, { read: ContentTileItemComponent }]
+            }], header: [{
+                type: ContentChild,
+                args: [ContentTileHeaderComponent]
+            }] } });
+
 class DynamicComponentHostDirective {
     constructor(viewContainerRef) {
         this.viewContainerRef = viewContainerRef;
@@ -4534,7 +4620,8 @@ IndiceComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         UserProfileMenuComponent,
         ViewLayoutComponent,
         ToggleButtonComponent,
-        ToggleButtonsListComponent], imports: [CommonModule,
+        ToggleButtonsListComponent,
+        ContentTileComponent], imports: [CommonModule,
         RouterModule,
         IndiceAuthModule,
         FormsModule], exports: [AddressPipe,
@@ -4640,7 +4727,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
                         UserProfileMenuComponent,
                         ViewLayoutComponent,
                         ToggleButtonComponent,
-                        ToggleButtonsListComponent
+                        ToggleButtonsListComponent,
+                        ContentTileComponent
                     ],
                     imports: [
                         CommonModule,
@@ -4702,5 +4790,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_LANGUAGES, APP_LINKS, APP_NOTIFICATIONS, AddressPipe, AuthCallbackComponent, AuthRenewComponent, AvatarInitialsComponent, BaseListComponent, BreadcrumbComponent, BreadcrumbItem, BreadcrumbRouteData, BreadcrumbService, ClickOutsideDirective, CollapsiblePanelComponent, ComboboxComponent, ComponentLoaderFactory, DatepickerComponent, DefaultShellConfig, DropDownMenuComponent, DurationFormatPipe, ErrorComponent, ExternalNavLink, FormLayoutComponent, FragmentNavLink, HeaderMetaItem, Icons, IndiceComponentsModule, KpiTileComponent, LIBSTEPPER_ACCESSOR, LIBTABGROUP_ACCESSOR, LibStepComponent, LibStepInfoDirective, LibStepLabelDirective, LibStepperComponent, LibTabComponent, LibTabGroupComponent, LibTabLabelDirective, ListColumnComponent, ListDetailsSectionComponent, ListTileComponent, ListViewComponent, ListViewEmptyStateComponent, ListViewType, LoggedOutComponent, MODAL_CONFIG_DEFAULT_OVERRIDE, MenuOption, Modal, ModalOptions, ModalService, ModelViewLayoutComponent, NULL_TOAST, NavLink, NavLinksListComponent, NotificationNavLink, PageNotFoundComponent, PagerComponent, PagerPosition, RouterViewAction, SCREEN_SIZE, SHELL_CONFIG, ShellFooterComponent, ShellHeaderComponent, ShellLayoutComponent, ShellLayoutType, ShellSidebarComponent, ShellSidebarHeaderComponent, SidePaneComponent, SidePaneOverlayType, SidePaneSize, SideViewLayoutComponent, SkeletonLoaderComponent, StepState, StepperType, SwitchViewAction, ToastType, ToasterComponent, ToasterContainerComponent, ToasterService, ToggleButtonComponent, ToggleButtonsListComponent, ToggleComponent, UnauthorizedComponent, UserSettingsService, ViewAction, ViewLayoutComponent };
+export { APP_LANGUAGES, APP_LINKS, APP_NOTIFICATIONS, AddressPipe, AuthCallbackComponent, AuthRenewComponent, AvatarInitialsComponent, BaseListComponent, BreadcrumbComponent, BreadcrumbItem, BreadcrumbRouteData, BreadcrumbService, ClickOutsideDirective, CollapsiblePanelComponent, ComboboxComponent, ComponentLoaderFactory, ContentTileComponent, ContentTileHeaderComponent, ContentTileItemComponent, DatepickerComponent, DefaultShellConfig, DropDownMenuComponent, DurationFormatPipe, ErrorComponent, ExternalNavLink, FormLayoutComponent, FragmentNavLink, HeaderMetaItem, Icons, IndiceComponentsModule, KpiTileComponent, LIBSTEPPER_ACCESSOR, LIBTABGROUP_ACCESSOR, LibStepComponent, LibStepInfoDirective, LibStepLabelDirective, LibStepperComponent, LibTabComponent, LibTabGroupComponent, LibTabLabelDirective, ListColumnComponent, ListDetailsSectionComponent, ListTileComponent, ListViewComponent, ListViewEmptyStateComponent, ListViewType, LoggedOutComponent, MODAL_CONFIG_DEFAULT_OVERRIDE, MenuOption, Modal, ModalOptions, ModalService, ModelViewLayoutComponent, NULL_TOAST, NavLink, NavLinksListComponent, NotificationNavLink, PageNotFoundComponent, PagerComponent, PagerPosition, RouterViewAction, SCREEN_SIZE, SHELL_CONFIG, ShellFooterComponent, ShellHeaderComponent, ShellLayoutComponent, ShellLayoutType, ShellSidebarComponent, ShellSidebarHeaderComponent, SidePaneComponent, SidePaneOverlayType, SidePaneSize, SideViewLayoutComponent, SkeletonLoaderComponent, StepState, StepperType, SwitchViewAction, ToastType, ToasterComponent, ToasterContainerComponent, ToasterService, ToggleButtonComponent, ToggleButtonsListComponent, ToggleComponent, UnauthorizedComponent, UserSettingsService, ViewAction, ViewLayoutComponent };
 //# sourceMappingURL=indice-ng-components.mjs.map