@updevs/components 1.0.0-alpha.5 → 1.0.0-alpha.50

package/table/upd-table.module.d.ts

@@ -0,0 +1,40 @@
+import { ModuleWithProviders } from '@angular/core';
+import { TranslocoService } from '@jsverse/transloco';
+import { UpdTableConfig } from './models/upd-table.config';
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+import * as i2 from "./components/search-section/search-section.component";
+import * as i3 from "./components/filter-row/filter-row.component";
+import * as i4 from "./directives/table-column.directive";
+import * as i5 from "./components/columns/number-column/number-column.component";
+import * as i6 from "./components/columns/date-time-column/date-time-column.component";
+import * as i7 from "./components/columns/boolean-column/boolean-column.component";
+import * as i8 from "./components/columns/text-column/text-column.component";
+import * as i9 from "./components/columns-manager/columns-manager.component";
+import * as i10 from "./components/save-search/save-search.component";
+import * as i11 from "@angular/common";
+import * as i12 from "@jsverse/transloco";
+import * as i13 from "@updevs/icons";
+import * as i14 from "@updevs/components/button";
+import * as i15 from "@updevs/components/modal";
+import * as i16 from "@updevs/components/paginator";
+import * as i17 from "@updevs/components/form-controls/input";
+import * as i18 from "@updevs/components/form-controls/checkbox";
+import * as i19 from "@updevs/components/form-controls/select";
+import * as i20 from "@updevs/components/drag-and-drop";
+import * as i21 from "@updevs/components/form";
+import * as i22 from "@updevs/components/dropdown";
+import * as i23 from "@updevs/components/form-controls/time-picker";
+import * as i24 from "@updevs/components/badge";
+import * as i25 from "@updevs/components/popover";
+export declare class UpdTableModule {
+    constructor(translocoService: TranslocoService);
+    /**
+     * Sets up the table module with the provided configuration.
+     * @param config Configuration.
+     */
+    static forRoot(config: UpdTableConfig): ModuleWithProviders<UpdTableModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdTableModule, [typeof i1.TableComponent, typeof i2.SearchSectionComponent, typeof i3.FilterRowComponent, typeof i4.TableColumnDirective, typeof i5.NumberColumnComponent, typeof i6.DateTimeColumnComponent, typeof i7.BooleanColumnComponent, typeof i8.TextColumnComponent, typeof i9.ColumnsManagerComponent, typeof i10.SaveSearchComponent], [typeof i11.CommonModule, typeof i12.TranslocoDirective, typeof i13.UpdIconsModule, typeof i14.UpdButtonModule, typeof i15.UpdModalModule, typeof i16.UpdPaginatorModule, typeof i17.UpdInputModule, typeof i18.UpdCheckboxModule, typeof i19.UpdSelectModule, typeof i20.UpdDragAndDropModule, typeof i21.UpdFormModule, typeof i22.UpdDropdownModule, typeof i23.UpdTimePickerModule, typeof i24.UpdBadgeModule, typeof i25.UpdPopoverModule], [typeof i1.TableComponent, typeof i4.TableColumnDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdTableModule>;
+}

package/CHANGELOG.md

@@ -1,8 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# 1.0.0-alpha.1 (2023-01-16)
-
-**Note:** Version bump only for package @updevs/components

package/button/index.ts

@@ -1 +0,0 @@
-export * from './src/index';

package/button/ng-package.json

@@ -1,7 +0,0 @@
-{
-    "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-    "dest": "../../../../node_modules/@updevs/components/button",
-    "lib": {
-        "entryFile": "src/index.ts"
-    }
-}

package/button/src/button.component.html

@@ -1,8 +0,0 @@
-<ng-template #userContentTpl>
-    <ng-content></ng-content>
-</ng-template>
-
-<ng-container *ngIf="!text; else textTpl" [ngTemplateOutlet]="userContentTpl"></ng-container>
-<ng-template #textTpl>
-    {{text}}
-</ng-template>

package/button/src/button.component.scss

@@ -1,5 +0,0 @@
-.btn-icon {
-    .icon {
-        margin: 0 calc(-1 * var(--upd-btn-padding-x)) 0 calc(-1 * var(--upd-btn-padding-x)) !important;
-    }
-}

package/button/src/button.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ButtonComponent } from './button.component';
-
-describe('ButtonComponent', () => {
-  let component: ButtonComponent;
-  let fixture: ComponentFixture<ButtonComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ ButtonComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ButtonComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/button/src/button.component.ts

@@ -1,154 +0,0 @@
-import {
-    Component,
-    Input,
-    ViewEncapsulation,
-    Output,
-    EventEmitter,
-    OnInit,
-    OnChanges,
-    SimpleChanges,
-    HostBinding,
-    HostListener
-} from '@angular/core';
-import { ColorStyleType, BrandType, ButtonModel } from '@updevs/sdk/layout';
-
-@Component({
-    selector: 'upd-button',
-    templateUrl: './button.component.html',
-    styleUrls: ['./button.component.scss'],
-    encapsulation: ViewEncapsulation.None
-})
-export class ButtonComponent implements OnInit, OnChanges {
-    @HostBinding('class') classes: string[] = [];
-
-    @Input() text?: string;
-    @Input() model?: ButtonModel;
-    @Input() colorStyle?: ColorStyleType;
-    @Input() brandColorStyle?: BrandType;
-    @Input() customClasses?: string;
-    @Input() isActive = false;
-    @Input() isDisabled = false;
-    @Input() isOutline = false;
-    @Input() isGhost = false;
-    @Input() isSquare = false;
-    @Input() isPill = false;
-    @Input() isIcon = false;
-    @Input() isLoading = false;
-    /**
-     * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).
-     */
-    @Input() isList = false;
-    /**
-     * Whether the button should be floating in the bottom right corner.
-     */
-    @Input() isFloating = false;
-    @Input() isAction = false;
-    @Input() isNavigationLink = false;
-    @Input() shouldIgnoreBtnClass = false;
-
-    /**
-     * Emitted when the button is clicked.
-     * **NOTE:** The name of the event can not be 'click'. It would generate a conflict with the HTML event of same name.
-     * That would cause strange behaviors like preventing `isDisabled` from working correctly.
-     */
-    @Output() readonly clicked = new EventEmitter<any>();
-
-    ngOnInit(): void {
-        this.setupFromModel();
-        this.updateClasses();
-    }
-
-    ngOnChanges(changes: SimpleChanges): void {
-        if (!!changes['model']) {
-            this.setupFromModel();
-        }
-
-        this.updateClasses();
-    }
-
-    @HostListener('click', ['$event'])
-    onClick(event: MouseEvent): void {
-        if (!!this.model && !!this.model.clickFunction) {
-            this.model.clickFunction(event);
-        } else {
-            this.clicked.emit(undefined);
-        }
-
-        event.stopPropagation();
-    }
-
-    private updateClasses(): void {
-        const outlineCls = this.isOutline ? 'outline-' : '';
-        const ghostCls = this.isGhost ? 'ghost-' : '';
-        const lClasses: string[] = this.shouldIgnoreBtnClass ? [] : ['btn'];
-
-        if (!!outlineCls || !!ghostCls || !!this.colorStyle || !!this.brandColorStyle) {
-            lClasses.push(`btn-${outlineCls || ghostCls}${this.colorStyle || this.brandColorStyle}`);
-        }
-
-        if (this.isSquare) {
-            lClasses.push('btn-square');
-        }
-
-        if (this.isPill) {
-            lClasses.push('btn-pill');
-        }
-
-        if (this.isIcon) {
-            lClasses.push('btn-icon');
-        }
-
-        if (this.isLoading) {
-            lClasses.push('btn-loading');
-        }
-
-        if (this.isList) {
-            lClasses.push('btn-list');
-        }
-
-        if (this.isFloating) {
-            lClasses.push('btn-floating');
-        }
-
-        if (this.isAction) {
-            lClasses.push('btn-action');
-        }
-
-        if (this.isNavigationLink) {
-            lClasses.push('nav-link');
-        }
-
-        if (this.isActive) {
-            lClasses.push('active');
-        }
-
-        if (this.isDisabled) {
-            lClasses.push('disabled');
-        }
-
-        this.classes = [...lClasses, ...(this.customClasses?.split(' ') || [])];
-    }
-
-    private setupFromModel(): void {
-        if (!this.model) {
-            return;
-        }
-
-        this.text = this.model.text;
-        this.colorStyle = this.model.colorStyle;
-        this.brandColorStyle = this.model.brandColorStyle;
-        this.customClasses += this.model.customClasses || '';
-        this.isActive = this.model.isActive;
-        this.isDisabled = this.model.isDisabled;
-        this.isOutline = this.model.isOutline;
-        this.isGhost = this.model.isGhost;
-        this.isSquare = this.model.isSquare;
-        this.isPill = this.model.isPill;
-        this.isIcon = this.model.isIcon;
-        this.isLoading = this.model.isLoading;
-        this.isList = this.model.isList;
-        this.isFloating = this.model.isFloating;
-        this.isAction = this.model.isAction;
-        this.isNavigationLink = this.model.isNavigationLink;
-    }
-}

package/button/src/upd-button.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { ButtonComponent } from './button.component';
-
-@NgModule({
-    imports: [
-        CommonModule
-    ],
-    declarations: [
-        ButtonComponent
-    ],
-    exports: [
-        ButtonComponent
-    ]
-})
-export class UpdButtonModule {}

package/card/index.ts

@@ -1 +0,0 @@
-export * from './src/index';

package/card/ng-package.json

@@ -1,7 +0,0 @@
-{
-    "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-    "dest": "../../../../node_modules/@updevs/components/card",
-    "lib": {
-        "entryFile": "src/index.ts"
-    }
-}

package/card/src/card.component.html

@@ -1,105 +0,0 @@
-<ng-template *ngIf="!hoverEffect; else linkTpl" [ngTemplateOutlet]="structureTpl"></ng-template>
-
-<!-- Template for cards that are links -->
-<ng-template #linkTpl>
-    <a href="#" class="card" [ngClass]="classes">
-        <ng-template [ngTemplateOutlet]="structureTpl"></ng-template>
-    </a>
-</ng-template>
-
-<ng-template #structureTpl>
-    <!-- Ribbon -->
-    <div *ngIf="!!ribbonBackground" class="ribbon {{ribbonStyle === 'default' ? '' : 'ribbon-' + ribbonStyle}} bg-{{ribbonBackground}}">
-        <span *ngIf="!!ribbonText; else ribbonIconTpl">{{ribbonText}}</span>
-        <ng-template #ribbonIconTpl>
-            <upd-icon [model]="ribbonIcon" wrapperClasses="icon" [removeDefaultClasses]="true"></upd-icon>
-        </ng-template>
-    </div>
-
-    <!-- Status -->
-    <div *ngIf="!!statusBackground" class="card-status-{{statusPosition}} bg-{{statusBackground}}"></div>
-
-    <!-- Stamp -->
-    <div *ngIf="!!stampIcon" class="card-stamp">
-        <div class="card-stamp-icon bg-{{stampBackground}}">
-            <upd-icon [model]="stampIcon" wrapperClasses="icon" [removeDefaultClasses]="true"></upd-icon>
-        </div>
-    </div>
-
-    <!-- Header section -->
-    <div *ngIf="showHeader && (!!title || !!headerTemplate?.templateRef)" class="card-header" [class.card-header-light]="useLightHeader">
-        <ng-container *ngIf="!headerTemplate?.templateRef; else customHeaderTpl">
-            <h3 class="card-title">{{title}} <span *ngIf="!!subtitle" class="card-subtitle">{{subtitle}}</span></h3>
-        </ng-container>
-        <ng-template #customHeaderTpl [ngTemplateOutlet]="headerTemplate?.templateRef || null"></ng-template>
-
-        <!-- Actions -->
-        <div *ngIf="!!actionsTemplate || actions.length > 0" class="card-actions">
-            <ng-container *ngIf="actions.length > 0; else customActionsTpl">
-                <upd-button *ngFor="let btn of actions" [model]="btn" customClasses="me-1"></upd-button>
-            </ng-container>
-            <ng-template #customActionsTpl [ngTemplateOutlet]="actionsTemplate?.templateRef || null"></ng-template>
-        </div>
-    </div>
-
-    <!-- Body -->
-    <ng-container *ngIf="!!imageTemplate; else bodyTpl">
-        <ng-template *ngIf="imagePosition === 'left' || imagePosition === 'right'; else bodyWithTopBottomImageTpl"
-            [ngTemplateOutlet]="bodyWithSideImageTpl"></ng-template>
-    </ng-container>
-
-    <!-- Footer -->
-    <div *ngIf="!!footerText || !!footerTemplate" class="card-footer" [class.card-footer-transparent]="isFooterTransparent">
-        <ng-container *ngIf="!footerTemplate?.templateRef; else customFooterTpl">
-            <span *ngIf="!!footerText">{{footerText}}</span>
-        </ng-container>
-        <ng-template #customFooterTpl [ngTemplateOutlet]="footerTemplate?.templateRef || null"></ng-template>
-    </div>
-
-    <!-- Progress bar -->
-    <div *ngIf="showProgressBar" class="progress progress-sm card-progress">
-        <div class="progress-bar" [style.width.%]="progress" role="progressbar" [attr.aria-valuenow]="progress" aria-valuemin="0"
-            aria-valuemax="100">
-        </div>
-    </div>
-</ng-template>
-
-<!-- Body with an image on either side -->
-<ng-template #bodyWithSideImageTpl>
-    <div class="row row-0">
-        <div class="col-3" [class.order-md-last]="imagePosition === 'right'">
-            <div class="card-image-{{imagePosition}}">
-                <ng-template [ngTemplateOutlet]="imageTemplate!.templateRef"></ng-template>
-            </div>
-        </div>
-        <div class="col">
-            <ng-template [ngTemplateOutlet]="bodyTpl"></ng-template>
-        </div>
-    </div>
-</ng-template>
-
-<!-- Body with an image on top or bottom -->
-<ng-template #bodyWithTopBottomImageTpl>
-    <div *ngIf="imagePosition === 'top'" class="img-responsive-21x9 card-img-top">
-        <div class="card-image-{{imagePosition}}">
-            <ng-template [ngTemplateOutlet]="imageTemplate!.templateRef"></ng-template>
-        </div>
-    </div>
-    <ng-template [ngTemplateOutlet]="bodyTpl"></ng-template>
-    <div *ngIf="imagePosition === 'bottom'" class="img-responsive-21x9 card-img-bottom">
-        <div class="card-image-{{imagePosition}}">
-            <ng-template [ngTemplateOutlet]="imageTemplate!.templateRef"></ng-template>
-        </div>
-    </div>
-</ng-template>
-
-<!-- Body -->
-<ng-template #bodyTpl>
-    <div class="card-body">
-        <!-- If title was set, but the header section is hidden, we add the title to the body -->
-        <ng-container *ngIf="!showHeader && !!title">
-            <h3 class="card-title">{{title}} <span *ngIf="!!subtitle" class="card-subtitle">{{subtitle}}</span></h3>
-        </ng-container>
-        <ng-content></ng-content>
-    </div>
-</ng-template>

package/card/src/card.component.scss

@@ -1,47 +0,0 @@
-.card-image-right {
-    @extend .w-100 !optional;
-    @extend .h-100 !optional;
-
-    > img {
-        @extend .w-100 !optional;
-        @extend .h-100 !optional;
-        @extend .object-cover !optional;
-        @extend .card-img-end !optional;
-    }
-}
-
-.card-image-left {
-    @extend .w-100 !optional;
-    @extend .h-100 !optional;
-
-    > img {
-        @extend .w-100 !optional;
-        @extend .h-100 !optional;
-        @extend .object-cover !optional;
-        @extend .card-img-start !optional;
-    }
-}
-
-.card-image-top {
-    @extend .w-100 !optional;
-    @extend .h-100 !optional;
-
-    > img {
-        @extend .w-100 !optional;
-        @extend .h-100 !optional;
-        @extend .object-cover !optional;
-        @extend .card-img-top !optional;
-    }
-}
-
-.card-image-bottom {
-    @extend .w-100 !optional;
-    @extend .h-100 !optional;
-
-    > img {
-        @extend .w-100 !optional;
-        @extend .h-100 !optional;
-        @extend .object-cover !optional;
-        @extend .card-img-bottom !optional;
-    }
-}

package/card/src/card.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CardComponent } from './card.component';
-
-describe('CardComponent', () => {
-  let component: CardComponent;
-  let fixture: ComponentFixture<CardComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ CardComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(CardComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/card/src/card.component.ts

@@ -1,112 +0,0 @@
-import {
-    Component,
-    Input,
-    ContentChild,
-    SimpleChanges,
-    OnInit,
-    OnChanges,
-    ViewEncapsulation, HostBinding
-} from '@angular/core';
-import { BgColorStyleType, ButtonModel } from '@updevs/sdk/layout';
-import { TopBottomLeftRightType } from '@updevs/sdk/types';
-import { IconModel } from '@updevs/icons';
-
-import { CardFooterDirective } from './directives/card-footer.directive';
-import { CardHeaderDirective } from './directives/card-header.directive';
-import { HoverEffectType } from './types/hover-effect.type';
-import { CardStateType } from './types/card-state.type';
-import { StatusPositionType } from './types/status-position.type';
-import { RibbonStyleType } from './types/ribbon-style.type';
-import { CardStyleType } from './types/card-style.type';
-import { CardImageDirective } from './directives/card-image.directive';
-import { CardActionsDirective } from './directives/card-actions.directive';
-
-@Component({
-    selector: 'upd-card',
-    templateUrl: './card.component.html',
-    styleUrls: ['./card.component.scss'],
-    encapsulation: ViewEncapsulation.None
-})
-export class CardComponent implements OnInit, OnChanges {
-    @HostBinding('class') @Input() wrapperClasses = '';
-    @ContentChild(CardHeaderDirective) headerTemplate?: CardHeaderDirective;
-    @ContentChild(CardFooterDirective) footerTemplate?: CardFooterDirective;
-    @ContentChild(CardImageDirective) imageTemplate?: CardImageDirective;
-    @ContentChild(CardActionsDirective) actionsTemplate?: CardActionsDirective;
-
-    @Input() title?: string;
-    @Input() subtitle?: string;
-    @Input() hoverEffect?: HoverEffectType;
-    @Input() state?: CardStateType;
-    @Input() type?: CardStyleType;
-    @Input() imagePosition?: TopBottomLeftRightType;
-    @Input() bgColor?: BgColorStyleType;
-    @Input() stampIcon?: IconModel;
-    @Input() stampBackground: BgColorStyleType = 'primary';
-    @Input() statusBackground?: BgColorStyleType;
-    @Input() statusPosition: StatusPositionType = 'top';
-    @Input() ribbonBackground?: BgColorStyleType;
-    @Input() ribbonStyle: RibbonStyleType = 'default';
-    @Input() ribbonIcon?: IconModel = { tablerIcon: 'star' };
-    @Input() ribbonText?: string;
-    @Input() rotate?: 'right' | 'left';
-    @Input() removeBorder = false;
-    @Input() useLightHeader = false;
-    /**
-     * Whether the header should be displayed.
-     */
-    @Input() showHeader = true;
-    @Input() isFooterTransparent = false;
-    @Input() footerText?: string;
-    @Input() showProgressBar = false;
-    @Input() progress?: number;
-    @Input() actions: ButtonModel[] = [];
-
-    classes: string[] = [];
-
-    ngOnInit(): void {
-        this.updateClasses();
-    }
-
-    ngOnChanges(changes: SimpleChanges): void {
-        this.updateClasses();
-    }
-
-    private updateClasses(): void {
-        const lClasses: string[] = [];
-
-        if (this.removeBorder) {
-            lClasses.push('card-borderless');
-        }
-
-        if (!!this.hoverEffect) {
-            lClasses.push('card-link');
-
-            if (this.hoverEffect !== 'default') {
-                lClasses.push(`card-link-${this.hoverEffect}`);
-            }
-        }
-
-        if (!!this.state) {
-            lClasses.push(`card-${this.state}`);
-        }
-
-        if (!!this.bgColor) {
-            lClasses.push(`bg-${this.bgColor}`);
-        }
-
-        if (!!this.rotate) {
-            lClasses.push(`card-rotate-${this.rotate}`);
-        }
-
-        if (!!this.type) {
-            lClasses.push(`card-${this.type}`);
-        }
-
-        if (!!this.hoverEffect) {
-            this.classes = [...lClasses];
-        } else {
-            this.wrapperClasses = 'card ' + lClasses.join(' ');
-        }
-    }
-}

package/card/src/directives/card-actions.directive.spec.ts

@@ -1,8 +0,0 @@
-import { CardActionsDirective } from './card-actions.directive';
-
-describe('CardActionsDirective', () => {
-  it('should create an instance', () => {
-    const directive = new CardActionsDirective();
-    expect(directive).toBeTruthy();
-  });
-});

package/card/src/directives/card-actions.directive.ts

@@ -1,11 +0,0 @@
-import { Directive, TemplateRef } from '@angular/core';
-
-@Directive({
-    selector: 'ng-template[updCardActions]'
-})
-export class CardActionsDirective {
-    constructor(
-        public templateRef: TemplateRef<any>
-    ) {
-    }
-}

package/card/src/directives/card-footer.directive.spec.ts

@@ -1,8 +0,0 @@
-import { CardFooterDirective } from './card-footer.directive';
-
-describe('CardFooterDirective', () => {
-    it('should create an instance', () => {
-        const directive = new CardFooterDirective(undefined);
-        expect(directive).toBeTruthy();
-    });
-});

package/card/src/directives/card-footer.directive.ts

@@ -1,11 +0,0 @@
-import { Directive, TemplateRef } from '@angular/core';
-
-@Directive({
-    selector: 'ng-template[updCardFooter]'
-})
-export class CardFooterDirective {
-    constructor(
-        public templateRef: TemplateRef<any>
-    ) {
-    }
-}

package/card/src/directives/card-header.directive.spec.ts

@@ -1,8 +0,0 @@
-import { CardHeaderDirective } from './card-header.directive';
-
-describe('CardHeaderDirective', () => {
-  it('should create an instance', () => {
-    const directive = new CardHeaderDirective();
-    expect(directive).toBeTruthy();
-  });
-});

package/card/src/directives/card-header.directive.ts

@@ -1,11 +0,0 @@
-import { Directive, TemplateRef } from '@angular/core';
-
-@Directive({
-    selector: 'ng-template[updCardHeader]'
-})
-export class CardHeaderDirective {
-    constructor(
-        public templateRef: TemplateRef<any>
-    ) {
-    }
-}

package/card/src/directives/card-image.directive.spec.ts

@@ -1,8 +0,0 @@
-import { CardImageDirective } from './card-image.directive';
-
-describe('CardImageDirective', () => {
-    it('should create an instance', () => {
-        const directive = new CardImageDirective(undefined);
-        expect(directive).toBeTruthy();
-    });
-});

package/card/src/directives/card-image.directive.ts

@@ -1,11 +0,0 @@
-import { Directive, TemplateRef } from '@angular/core';
-
-@Directive({
-    selector: 'ng-template[updCardImage]'
-})
-export class CardImageDirective {
-    constructor(
-        public templateRef: TemplateRef<any>
-    ) {
-    }
-}