@updevs/components 1.0.0-alpha.8 → 1.0.0-alpha.9

package/modal/src/services/modal.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ModalService } from './modal.service';
+
+describe('ModalService', () => {
+  let service: ModalService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ModalService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/modal/src/services/modal.service.ts

@@ -0,0 +1,38 @@
+import { Injectable, inject, ViewContainerRef, ApplicationRef } from '@angular/core';
+import { DynamicComponentLoaderService, OverlayService } from '@updevs/sdk/layout';
+import { ComponentType } from '@updevs/sdk/types';
+
+import { ModalContainerComponent } from '../components/modal-container/modal-container.component';
+import { ModalConfig } from '../models/modal.config';
+import { ModalRef } from '../models/modal-ref';
+
+@Injectable()
+export class ModalService {
+    private readonly dynamicComponentLoaderService = inject(DynamicComponentLoaderService);
+    private readonly overlayService = inject(OverlayService);
+    private readonly applicationRef = inject(ApplicationRef);
+
+    open<T>(
+        contentType?: ComponentType<T>,
+        config?: ModalConfig,
+        rootElement?: Element,
+        shouldDisposeOnClick = false,
+        shouldDisposeOnEsc = false
+    ): ModalRef {
+        const viewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);
+        const modalContainerRef = this.dynamicComponentLoaderService.load(ModalContainerComponent, viewContainerRef);
+        const overlay = this.overlayService.create({ rootElement, customClasses: ['modal-backdrop'] });
+
+        modalContainerRef.instance.prepareToShow(config);
+
+        modalContainerRef.instance.modalContainerRef = modalContainerRef;
+        modalContainerRef.instance.overlay = overlay;
+        modalContainerRef.instance.contentType = contentType;
+        modalContainerRef.instance.shouldDismissOnOutsideClick = config?.shouldDismissOnOutsideClick || shouldDisposeOnClick;
+        modalContainerRef.instance.shouldDismissOnEsc = config?.shouldDismissOnEsc || shouldDisposeOnEsc;
+
+        overlay.show().subscribe(() => modalContainerRef.instance.show());
+
+        return modalContainerRef.instance;
+    }
+}

package/modal/src/services/public-api.ts

@@ -0,0 +1,2 @@
+export * from './modal.service';
+export * from './modal-alert.service';

package/modal/src/types/modal-footer-style.type.ts

@@ -0,0 +1 @@
+export type ModalFooterStyleType = 'full-width' | 'default' | 'centered';

package/modal/src/types/modal-size.type.ts

@@ -0,0 +1 @@
+export type ModalSizeType = 'regular' | 'small' | 'extra-large' | 'large';

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

@@ -0,0 +1,74 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { UpdCoreLayoutModule } from '@updevs/sdk/layout';
+import { UpdIconsModule } from '@updevs/icons';
+import { UpdMessagesModule, MessagesService, MessageTypeEnum } from '@updevs/sdk/messages';
+import { OptionalType } from '@updevs/sdk/types';
+import { UpdButtonModule } from '@updevs/components/button';
+import { TranslocoService, TranslocoDirective } from '@jsverse/transloco';
+
+import * as en from './assets/i18n/en.json';
+import * as pt from './assets/i18n/pt.json';
+import { ModalService } from './services/modal.service';
+import { ModalContainerComponent } from './components/modal-container/modal-container.component';
+import { ModalAlertService } from './services/modal-alert.service';
+import { ModalRef } from './models/modal-ref';
+
+@NgModule({
+    imports: [
+        CommonModule,
+        UpdCoreLayoutModule,
+        UpdButtonModule,
+        UpdIconsModule,
+        UpdMessagesModule,
+        TranslocoDirective
+    ],
+    declarations: [
+        ModalContainerComponent
+    ],
+    providers: [
+        ModalService,
+        ModalAlertService
+    ]
+})
+export class UpdModalModule {
+    constructor(translocoService: TranslocoService, modalAlertService: ModalAlertService, messagesService: MessagesService) {
+        translocoService.setTranslation(en, 'en');
+        translocoService.setTranslation(pt, 'pt');
+        this.setupMessagesService(modalAlertService, messagesService);
+    }
+
+    private setupMessagesService(modalAlertService: ModalAlertService, messagesService: MessagesService): void {
+        messagesService.onNewMessage.subscribe(msg => {
+            if (msg.isModal) {
+                if (!!msg.onShown) {
+                    msg.onShown();
+                }
+
+                let modalRef: OptionalType<ModalRef>;
+
+                switch (msg.type) {
+                    case MessageTypeEnum.Warning:
+                        modalRef = modalAlertService.showWarning(msg.message, msg.title);
+                        break;
+                    case MessageTypeEnum.Info:
+                        modalRef = modalAlertService.showInfo(msg.message, msg.title);
+                        break;
+                    case MessageTypeEnum.Error:
+                        modalRef = modalAlertService.showError(msg.message, msg.title);
+                        break;
+                    case MessageTypeEnum.Success:
+                        modalRef = modalAlertService.showSuccess(msg.message, msg.title);
+                        break;
+                    case MessageTypeEnum.Confirm:
+                        modalAlertService.showConfirm(msg.message, msg.title);
+                        break;
+                }
+
+                if (!!modalRef && !!msg.onHidden) {
+                    modalRef.afterClose = msg.onHidden;
+                }
+            }
+        });
+    }
+}

package/ng-package.json

@@ -0,0 +1,10 @@
+{
+    "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+    "dest": "../../dist/libs/components",
+    "lib": {
+        "entryFile": "src/index.ts"
+    },
+    "assets": [
+        "assets"
+    ]
+}

package/package.json

@@ -1,115 +1,21 @@
 {
-  "name": "@updevs/components",
-  "version": "1.0.0-alpha.8",
-  "peerDependencies": {
-    "@angular/common": "^18.0.1",
-    "@angular/core": "^18.0.1",
-    "@ngneat/transloco": "^6.0.0",
-    "@updevs/icons": "^1.0.7",
-    "@updevs/sdk": "^1.0.0-alpha.18"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "sideEffects": false,
-  "module": "fesm2022/updevs-components.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/updevs-components.mjs",
-      "esm": "./esm2022/updevs-components.mjs",
-      "default": "./fesm2022/updevs-components.mjs"
-    },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "esm2022": "./esm2022/button/updevs-components-button.mjs",
-      "esm": "./esm2022/button/updevs-components-button.mjs",
-      "default": "./fesm2022/updevs-components-button.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",
-      "esm": "./esm2022/dropdown/updevs-components-dropdown.mjs",
-      "default": "./fesm2022/updevs-components-dropdown.mjs"
-    },
-    "./form": {
-      "types": "./form/index.d.ts",
-      "esm2022": "./esm2022/form/updevs-components-form.mjs",
-      "esm": "./esm2022/form/updevs-components-form.mjs",
-      "default": "./fesm2022/updevs-components-form.mjs"
-    },
-    "./layout": {
-      "types": "./layout/index.d.ts",
-      "esm2022": "./esm2022/layout/updevs-components-layout.mjs",
-      "esm": "./esm2022/layout/updevs-components-layout.mjs",
-      "default": "./fesm2022/updevs-components-layout.mjs"
-    },
-    "./link": {
-      "types": "./link/index.d.ts",
-      "esm2022": "./esm2022/link/updevs-components-link.mjs",
-      "esm": "./esm2022/link/updevs-components-link.mjs",
-      "default": "./fesm2022/updevs-components-link.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"
-    },
-    "./popover": {
-      "types": "./popover/index.d.ts",
-      "esm2022": "./esm2022/popover/updevs-components-popover.mjs",
-      "esm": "./esm2022/popover/updevs-components-popover.mjs",
-      "default": "./fesm2022/updevs-components-popover.mjs"
-    },
-    "./form-controls/checkbox": {
-      "types": "./form-controls/checkbox/index.d.ts",
-      "esm2022": "./esm2022/form-controls/checkbox/updevs-components-form-controls-checkbox.mjs",
-      "esm": "./esm2022/form-controls/checkbox/updevs-components-form-controls-checkbox.mjs",
-      "default": "./fesm2022/updevs-components-form-controls-checkbox.mjs"
-    },
-    "./form-controls/input": {
-      "types": "./form-controls/input/index.d.ts",
-      "esm2022": "./esm2022/form-controls/input/updevs-components-form-controls-input.mjs",
-      "esm": "./esm2022/form-controls/input/updevs-components-form-controls-input.mjs",
-      "default": "./fesm2022/updevs-components-form-controls-input.mjs"
-    },
-    "./form-controls/radio": {
-      "types": "./form-controls/radio/index.d.ts",
-      "esm2022": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
-      "esm": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
-      "default": "./fesm2022/updevs-components-form-controls-radio.mjs"
-    },
-    "./form-controls/select": {
-      "types": "./form-controls/select/index.d.ts",
-      "esm2022": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
-      "esm": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
-      "default": "./fesm2022/updevs-components-form-controls-select.mjs"
-    },
-    "./form-controls/textarea": {
-      "types": "./form-controls/textarea/index.d.ts",
-      "esm2022": "./esm2022/form-controls/textarea/updevs-components-form-controls-textarea.mjs",
-      "esm": "./esm2022/form-controls/textarea/updevs-components-form-controls-textarea.mjs",
-      "default": "./fesm2022/updevs-components-form-controls-textarea.mjs"
-    },
-    "./form-controls/time-picker": {
-      "types": "./form-controls/time-picker/index.d.ts",
-      "esm2022": "./esm2022/form-controls/time-picker/updevs-components-form-controls-time-picker.mjs",
-      "esm": "./esm2022/form-controls/time-picker/updevs-components-form-controls-time-picker.mjs",
-      "default": "./fesm2022/updevs-components-form-controls-time-picker.mjs"
-    }
-  }
-}
+    "name": "@updevs/components",
+    "version": "1.0.0-alpha.9",
+    "scripts": {
+        "build": "ng build @updevs/components"
+    },
+    "peerDependencies": {
+        "@angular/common": "^18.0.1",
+        "@angular/core": "^18.0.1",
+        "@jsverse/transloco": "^7.4.2",
+        "@updevs/icons": "^1.0.9",
+        "@updevs/sdk": "^1.0.0-alpha.19"
+    },
+    "dependencies": {
+        "tslib": "^2.3.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "sideEffects": false
+}

package/paginator/index.ts

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

package/paginator/ng-package.json

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

package/paginator/src/assets/i18n/en.json

@@ -0,0 +1,15 @@
+{
+    "UpDevs": {
+        "Paginator": {
+            "Previous": "Previous",
+            "Next": "Next",
+            "PreviousShort": "prev",
+            "NextShort": "next",
+            "First": "first",
+            "Last": "last",
+            "FromToOf": "{{first}} - {{last}} of {{totalRecords}}",
+            "ItemsPerPage": "Items per page:",
+            "NoRecords": "no records"
+        }
+    }
+}

package/paginator/src/assets/i18n/pt.json

@@ -0,0 +1,15 @@
+{
+    "UpDevs": {
+        "Paginator": {
+            "Previous": "Anterior",
+            "Next": "Próximo",
+            "PreviousShort": "próx",
+            "NextShort": "ant",
+            "First": "primeira",
+            "Last": "última",
+            "FromToOf": "{{first}} - {{last}} de {{totalRecords}}",
+            "ItemsPerPage": "Itens por página:",
+            "NoRecords": "sem registros"
+        }
+    }
+}

package/paginator/src/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/paginator/src/paginator.component.html

@@ -0,0 +1,83 @@
+<ng-container *transloco="let t; prefix: 'UpDevs.Paginator'">
+    <div class="d-flex m-0 ms-auto align-items-center">
+        <div class="text-secondary me-2">
+            {{ t('ItemsPerPage') }}
+        </div>
+        <upd-select [items]="pageOptions()" [selected]="selectedPageSize()" (selectedItem)="onSelectPageSize($event)"
+            [shouldShowClearButton]="false" [isCompact]="true" [useSystemStyle]="true"></upd-select>
+        <p class="m-0 text-secondary ms-4">
+            @if (totalRecords() > 0) {
+                {{ t('FromToOf', { first: currentFirstDisplayed(), last: currentLastDisplayed(), totalRecords: totalRecords() }) }}
+            } @else {
+                {{ t('NoRecords') }}
+            }
+        </p>
+        <ul class="pagination m-0 ms-4">
+            @if (!previousDescription()) {
+                <li class="page-item">
+                    <upd-button customClasses="page-link" [isLink]="true" [isIcon]="!shouldDisplayFirstText()" colorStyle="secondary"
+                        [attr.tabindex]="isFirstDisabled() ? -1 : 0" [attr.aria-disabled]="isFirstDisabled()"
+                        [isDisabled]="isPreviousDisabled()" (clicked)="selectPage(startPageIndex())">
+                        @if (shouldDisplayFirstIcon()) {
+                            <upd-icon tablerIcon="chevron-left-pipe"></upd-icon>
+                        }
+                        @if (shouldDisplayFirstText()) {
+                            {{ t('First') }}
+                        }
+                    </upd-button>
+                </li>
+            }
+
+            <li class="page-item" [class.page-prev]="!!previousDescription()">
+                <upd-button customClasses="page-link" [isLink]="true" [isIcon]="!shouldDisplayPreviousText()" colorStyle="secondary"
+                    [attr.tabindex]="isPreviousDisabled() ? -1 : 0" [attr.aria-disabled]="isPreviousDisabled()"
+                    [isDisabled]="isPreviousDisabled()" (clicked)="selectPage(currentPage() - 1)">
+                    @if (!!previousDescription()) {
+                        <div class="page-item-subtitle">{{ t('Previous') }}</div>
+                        <div class="page-item-title">{{ textService.getText(previousDescription()) }}</div>
+                    } @else {
+                        @if (shouldDisplayPreviousIcon()) {
+                            <upd-icon tablerIcon="chevron-left"></upd-icon>
+                        }
+                        @if (shouldDisplayPreviousText()) {
+                            {{ t('PreviousShort') }}
+                        }
+                    }
+                </upd-button>
+            </li>
+
+            <li class="page-item" [class.page-next]="!!nextDescription()">
+                <upd-button customClasses="page-link" [isLink]="true" [isIcon]="!shouldDisplayNextText()" colorStyle="secondary"
+                    [attr.tabindex]="isNextDisabled() ? -1 : 0" [attr.aria-disabled]="isNextDisabled()" [isDisabled]="isNextDisabled()"
+                    (clicked)="selectPage(currentPage() + 1)">
+                    @if (!!nextDescription()) {
+                        <div class="page-item-subtitle">{{ t('Next') }}</div>
+                        <div class="page-item-title">{{ textService.getText(nextDescription()) }}</div>
+                    } @else {
+                        @if (shouldDisplayNextText()) {
+                            {{ t('NextShort') }}
+                        }
+                        @if (shouldDisplayNextIcon()) {
+                            <upd-icon tablerIcon="chevron-right"></upd-icon>
+                        }
+                    }
+                </upd-button>
+            </li>
+
+            @if (!nextDescription()) {
+                <li class="page-item">
+                    <upd-button customClasses="page-link" [isLink]="true" [isIcon]="!shouldDisplayLastText()" colorStyle="secondary"
+                        [attr.tabindex]="isLastDisabled() ? -1 : 0" [attr.aria-disabled]="isLastDisabled()" [isDisabled]="isNextDisabled()"
+                        (clicked)="selectPage(totalPages() - (startPageIndex() === 0 ? 1 : 0))">
+                        @if (shouldDisplayLastText()) {
+                            {{ t('Last') }}
+                        }
+                        @if (shouldDisplayLastIcon()) {
+                            <upd-icon tablerIcon="chevron-right-pipe"></upd-icon>
+                        }
+                    </upd-button>
+                </li>
+            }
+        </ul>
+    </div>
+</ng-container>

package/paginator/src/paginator.component.scss

@@ -0,0 +1 @@
+

package/paginator/src/paginator.component.spec.ts

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

package/paginator/src/paginator.component.ts

@@ -0,0 +1,62 @@
+import { Component, inject, HostBinding, effect, input, computed, Signal, model, Output, EventEmitter } from '@angular/core';
+import { TextModel, TextService } from '@updevs/sdk';
+import { SelectItem } from '@updevs/components/form-controls/select';
+
+@Component({
+    selector: 'upd-paginator',
+    templateUrl: './paginator.component.html',
+    styleUrl: './paginator.component.scss'
+})
+export class PaginatorComponent {
+    @HostBinding('class') hostClasses = '';
+    @Output() readonly changed = new EventEmitter<void>();
+
+    startPageIndex = input<0 | 1>(0);
+    currentPage = model<number>(this.startPageIndex());
+    wrapperClasses = input<string>('');
+    availablePageSizes = input<number[]>([5, 10, 15, 25, 50]);
+    defaultInitPageSize = input<number>(10);
+    pageSize = model<number>(this.defaultInitPageSize());
+    shouldDisplayFirstIcon = input<boolean>(true);
+    shouldDisplayFirstText = input<boolean>(true);
+    shouldDisplayPreviousIcon = input<boolean>(true);
+    shouldDisplayPreviousText = input<boolean>(true);
+    shouldDisplayNextIcon = input<boolean>(true);
+    shouldDisplayNextText = input<boolean>(true);
+    shouldDisplayLastIcon = input<boolean>(true);
+    shouldDisplayLastText = input<boolean>(true);
+    previousDescription = input<TextModel>();
+    nextDescription = input<TextModel>();
+    totalRecords = input<number>(0);
+    isFirstDisabled = computed(() => this.currentPage() === this.startPageIndex() || this.totalRecords() === 0);
+    isPreviousDisabled = computed(() => this.currentPage() === this.startPageIndex() || this.totalRecords() === 0);
+    isNextDisabled = computed(() => this.currentPage() + 1 === this.totalPages() || this.totalRecords() === 0);
+    isLastDisabled = computed(() => this.currentPage() + 1 === this.totalPages() || this.totalRecords() === 0);
+    pageOptions: Signal<SelectItem[]> = computed(() => this.availablePageSizes().map(ps => ({ value: ps, text: ps.toString() })));
+    selectedPageSize = computed(() => this.pageOptions().find(po => po.value === this.pageSize()));
+    totalPages = computed(() => Math.ceil(this.totalRecords() / this.pageSize()));
+    currentFirstDisplayed = computed(() => ((this.currentPage() - this.startPageIndex()) * this.pageSize()) + 1);
+    currentLastDisplayed = computed(() => (this.expectedLast() > this.totalRecords() ? this.totalRecords() : this.expectedLast()));
+
+    readonly textService = inject(TextService);
+
+    private expectedLast = computed(() => (this.currentPage() + (this.startPageIndex() === 1 ? 0 : 1)) * this.pageSize());
+    private readonly defaultWrapperClasses = 'd-flex align-items-center';
+
+    constructor() {
+        effect(() => {
+            this.hostClasses = `${this.defaultWrapperClasses} ${this.wrapperClasses()}`;
+        });
+    }
+
+    onSelectPageSize(page?: SelectItem): void {
+        console.log('page', page);
+        this.pageSize.set(page?.value || 1);
+        this.changed.emit();
+    }
+
+    selectPage(page: number): void {
+        this.currentPage.set(page);
+        this.changed.emit();
+    }
+}

package/paginator/src/public-api.ts

@@ -0,0 +1,2 @@
+export * from './paginator.component';
+export * from './upd-paginator.module';

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

@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { UpdIconsModule } from '@updevs/icons';
+import { UpdButtonModule } from '@updevs/components/button';
+import { UpdSelectModule } from '@updevs/components/form-controls/select';
+import { TranslocoDirective, TranslocoService } from '@jsverse/transloco';
+
+import * as en from './assets/i18n/en.json';
+import * as pt from './assets/i18n/pt.json';
+import { PaginatorComponent } from './paginator.component';
+
+@NgModule({
+    imports: [
+        CommonModule,
+        UpdIconsModule,
+        UpdButtonModule,
+        UpdSelectModule,
+        TranslocoDirective
+    ],
+    declarations: [
+        PaginatorComponent
+    ],
+    exports: [
+        PaginatorComponent
+    ]
+})
+export class UpdPaginatorModule {
+    constructor(translocoService: TranslocoService) {
+        translocoService.setTranslation(en, 'en');
+        translocoService.setTranslation(pt, 'pt');
+    }
+}

package/popover/index.ts

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

package/popover/ng-package.json

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

package/popover/src/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/popover/src/popover.component.html

@@ -0,0 +1,21 @@
+<div class="popover-arrow upd-popover-arrow -{{placement}}"></div>
+@if (!!title || !!titleTemplate) {
+    @if (!!title) {
+        <h3 [innerHTML]="title" class="popover-header"></h3>
+    } @else {
+        <div class="popover-header">
+            <ng-template [ngTemplateOutlet]="titleTemplate!"></ng-template>
+        </div>
+    }
+}
+<div class="popover-body">
+    @if (!!text) {
+        <span [innerHTML]="text"></span>
+    } @else {
+        @if (!template) {
+            <ng-content></ng-content>
+        } @else {
+            <ng-template [ngTemplateOutlet]="template!"></ng-template>
+        }
+    }
+</div>

package/popover/src/popover.component.scss

@@ -0,0 +1,8 @@
+.upd-popover {
+    position: absolute;
+    margin: 0;
+}
+
+.upd-popover-arrow {
+    position: absolute;
+}

package/popover/src/popover.component.spec.ts

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