@updevs/components 1.0.0-alpha.3 → 1.0.0-alpha.31

package/fesm2022/updevs-components-paginator.mjs

@@ -0,0 +1,160 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, input, model, computed, inject, effect, Component, HostBinding, Output, NgModule } from '@angular/core';
+import { TextService } from '@updevs/sdk';
+import * as i1 from '@updevs/icons';
+import { UpdIconsModule } from '@updevs/icons';
+import * as i2 from '@updevs/components/button';
+import { UpdButtonModule } from '@updevs/components/button';
+import * as i3 from '@updevs/components/form-controls/select';
+import { UpdSelectModule } from '@updevs/components/form-controls/select';
+import * as i1$1 from '@jsverse/transloco';
+import { TranslocoDirective } from '@jsverse/transloco';
+import { CommonModule } from '@angular/common';
+
+class PaginatorComponent {
+    constructor() {
+        this.hostClasses = '';
+        this.changed = new EventEmitter();
+        this.startPageIndex = input(0);
+        this.currentPage = model(this.startPageIndex());
+        this.wrapperClasses = input('');
+        this.availablePageSizes = input([5, 10, 15, 25, 50]);
+        this.defaultInitPageSize = input(10);
+        this.pageSize = model(this.defaultInitPageSize());
+        this.shouldDisplayFirstIcon = input(true);
+        this.shouldDisplayFirstText = input(true);
+        this.shouldDisplayPreviousIcon = input(true);
+        this.shouldDisplayPreviousText = input(true);
+        this.shouldDisplayNextIcon = input(true);
+        this.shouldDisplayNextText = input(true);
+        this.shouldDisplayLastIcon = input(true);
+        this.shouldDisplayLastText = input(true);
+        this.previousDescription = input();
+        this.nextDescription = input();
+        this.totalRecords = input(0);
+        this.isFirstDisabled = computed(() => this.currentPage() === this.startPageIndex() || this.totalRecords() === 0);
+        this.isPreviousDisabled = computed(() => this.currentPage() === this.startPageIndex() || this.totalRecords() === 0);
+        this.isNextDisabled = computed(() => this.currentPage() + 1 === this.totalPages() || this.totalRecords() === 0);
+        this.isLastDisabled = computed(() => this.currentPage() + 1 === this.totalPages() || this.totalRecords() === 0);
+        this.pageOptions = computed(() => this.availablePageSizes().map(ps => ({ value: ps, text: ps.toString() })));
+        this.selectedPageSize = computed(() => this.pageOptions().find(po => po.value === this.pageSize()));
+        this.totalPages = computed(() => Math.ceil(this.totalRecords() / this.pageSize()));
+        this.currentFirstDisplayed = computed(() => ((this.currentPage() - this.startPageIndex()) * this.pageSize()) + 1);
+        this.currentLastDisplayed = computed(() => (this.expectedLast() > this.totalRecords() ? this.totalRecords() : this.expectedLast()));
+        this.textService = inject(TextService);
+        this.expectedLast = computed(() => (this.currentPage() + (this.startPageIndex() === 1 ? 0 : 1)) * this.pageSize());
+        this.defaultWrapperClasses = 'd-flex align-items-center';
+        effect(() => {
+            this.hostClasses = `${this.defaultWrapperClasses} ${this.wrapperClasses()}`;
+        });
+    }
+    onSelectPageSize(page) {
+        console.log('page', page);
+        this.pageSize.set(page?.value || 1);
+        this.changed.emit();
+    }
+    selectPage(page) {
+        this.currentPage.set(page);
+        this.changed.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PaginatorComponent, selector: "upd-paginator", inputs: { startPageIndex: { classPropertyName: "startPageIndex", publicName: "startPageIndex", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, availablePageSizes: { classPropertyName: "availablePageSizes", publicName: "availablePageSizes", isSignal: true, isRequired: false, transformFunction: null }, defaultInitPageSize: { classPropertyName: "defaultInitPageSize", publicName: "defaultInitPageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, shouldDisplayFirstIcon: { classPropertyName: "shouldDisplayFirstIcon", publicName: "shouldDisplayFirstIcon", isSignal: true, isRequired: false, transformFunction: null }, shouldDisplayFirstText: { classPropertyName: "shouldDisplayFirstText", publicName: "shouldDisplayFirstText", isSignal: true, isRequired: false, transformFunction: null }, shouldDisplayPreviousIcon: { classPropertyName: "shouldDisplayPreviousIcon", publicName: "shouldDisplayPreviousIcon", isSignal: true, isRequired: false, transformFunction: null }, shouldDisplayPreviousText: { classPropertyName: "shouldDisplayPreviousText", publicName: "shouldDisplayPreviousText", isSignal: true, isRequired: false, transformFunction: null }, shouldDisplayNextIcon: { classPropertyName: "shouldDisplayNextIcon", publicName: "shouldDisplayNextIcon", isSignal: true, isRequired: false, transformFunction: null }, shouldDisplayNextText: { classPropertyName: "shouldDisplayNextText", publicName: "shouldDisplayNextText", isSignal: true, isRequired: false, transformFunction: null }, shouldDisplayLastIcon: { classPropertyName: "shouldDisplayLastIcon", publicName: "shouldDisplayLastIcon", isSignal: true, isRequired: false, transformFunction: null }, shouldDisplayLastText: { classPropertyName: "shouldDisplayLastText", publicName: "shouldDisplayLastText", isSignal: true, isRequired: false, transformFunction: null }, previousDescription: { classPropertyName: "previousDescription", publicName: "previousDescription", isSignal: true, isRequired: false, transformFunction: null }, nextDescription: { classPropertyName: "nextDescription", publicName: "nextDescription", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", currentPage: "currentPageChange", pageSize: "pageSizeChange" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'UpDevs.Paginator'\">\n    <div class=\"d-flex m-0 ms-auto align-items-center\">\n        <div class=\"text-secondary me-2\">\n            {{ t('ItemsPerPage') }}\n        </div>\n        <upd-select [items]=\"pageOptions()\" [selected]=\"selectedPageSize()\" (selectedItem)=\"onSelectPageSize($event)\"\n            [shouldShowClearButton]=\"false\" [isCompact]=\"true\" [useSystemStyle]=\"true\"></upd-select>\n        <p class=\"m-0 text-secondary ms-4\">\n            @if (totalRecords() > 0) {\n                {{ t('FromToOf', { first: currentFirstDisplayed(), last: currentLastDisplayed(), totalRecords: totalRecords() }) }}\n            } @else {\n                {{ t('NoRecords') }}\n            }\n        </p>\n        <ul class=\"pagination m-0 ms-4\">\n            @if (!previousDescription()) {\n                <li class=\"page-item\">\n                    <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayFirstText()\" colorStyle=\"secondary\"\n                        [attr.tabindex]=\"isFirstDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isFirstDisabled()\"\n                        [isDisabled]=\"isPreviousDisabled()\" (clicked)=\"selectPage(startPageIndex())\">\n                        @if (shouldDisplayFirstIcon()) {\n                            <upd-icon tablerIcon=\"chevron-left-pipe\"></upd-icon>\n                        }\n                        @if (shouldDisplayFirstText()) {\n                            {{ t('First') }}\n                        }\n                    </upd-button>\n                </li>\n            }\n\n            <li class=\"page-item\" [class.page-prev]=\"!!previousDescription()\">\n                <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayPreviousText()\" colorStyle=\"secondary\"\n                    [attr.tabindex]=\"isPreviousDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isPreviousDisabled()\"\n                    [isDisabled]=\"isPreviousDisabled()\" (clicked)=\"selectPage(currentPage() - 1)\">\n                    @if (!!previousDescription()) {\n                        <div class=\"page-item-subtitle\">{{ t('Previous') }}</div>\n                        <div class=\"page-item-title\">{{ textService.getText(previousDescription()) }}</div>\n                    } @else {\n                        @if (shouldDisplayPreviousIcon()) {\n                            <upd-icon tablerIcon=\"chevron-left\"></upd-icon>\n                        }\n                        @if (shouldDisplayPreviousText()) {\n                            {{ t('PreviousShort') }}\n                        }\n                    }\n                </upd-button>\n            </li>\n\n            <li class=\"page-item\" [class.page-next]=\"!!nextDescription()\">\n                <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayNextText()\" colorStyle=\"secondary\"\n                    [attr.tabindex]=\"isNextDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isNextDisabled()\" [isDisabled]=\"isNextDisabled()\"\n                    (clicked)=\"selectPage(currentPage() + 1)\">\n                    @if (!!nextDescription()) {\n                        <div class=\"page-item-subtitle\">{{ t('Next') }}</div>\n                        <div class=\"page-item-title\">{{ textService.getText(nextDescription()) }}</div>\n                    } @else {\n                        @if (shouldDisplayNextText()) {\n                            {{ t('NextShort') }}\n                        }\n                        @if (shouldDisplayNextIcon()) {\n                            <upd-icon tablerIcon=\"chevron-right\"></upd-icon>\n                        }\n                    }\n                </upd-button>\n            </li>\n\n            @if (!nextDescription()) {\n                <li class=\"page-item\">\n                    <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayLastText()\" colorStyle=\"secondary\"\n                        [attr.tabindex]=\"isLastDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isLastDisabled()\" [isDisabled]=\"isNextDisabled()\"\n                        (clicked)=\"selectPage(totalPages() - (startPageIndex() === 0 ? 1 : 0))\">\n                        @if (shouldDisplayLastText()) {\n                            {{ t('Last') }}\n                        }\n                        @if (shouldDisplayLastIcon()) {\n                            <upd-icon tablerIcon=\"chevron-right-pipe\"></upd-icon>\n                        }\n                    </upd-button>\n                </li>\n            }\n        </ul>\n    </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "colorClass", "removeDefaultClasses", "customClasses", "tablerIcon", "tablerIconWeight", "tablerIconType", "tablerIconSize", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "component", type: i2.ButtonComponent, selector: "upd-button", inputs: ["model", "text", "brandColorStyle", "customClasses", "isOutline", "isGhost", "isSquare", "isPill", "isIcon", "isLoading", "isList", "isFloating", "isAction", "isNavigationLink", "isLink", "shouldIgnoreBtnClass", "iconModel", "iconPosition", "isDisabled", "isActive", "badgeConfig", "colorStyle", "size", "title"], outputs: ["clicked"] }, { kind: "component", type: i3.SelectComponent, selector: "upd-select", inputs: ["useSystemStyle", "shouldShowClearButton", "isCompact", "selected"], outputs: ["selectedItem"] }, { kind: "directive", type: i1$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-paginator', template: "<ng-container *transloco=\"let t; prefix: 'UpDevs.Paginator'\">\n    <div class=\"d-flex m-0 ms-auto align-items-center\">\n        <div class=\"text-secondary me-2\">\n            {{ t('ItemsPerPage') }}\n        </div>\n        <upd-select [items]=\"pageOptions()\" [selected]=\"selectedPageSize()\" (selectedItem)=\"onSelectPageSize($event)\"\n            [shouldShowClearButton]=\"false\" [isCompact]=\"true\" [useSystemStyle]=\"true\"></upd-select>\n        <p class=\"m-0 text-secondary ms-4\">\n            @if (totalRecords() > 0) {\n                {{ t('FromToOf', { first: currentFirstDisplayed(), last: currentLastDisplayed(), totalRecords: totalRecords() }) }}\n            } @else {\n                {{ t('NoRecords') }}\n            }\n        </p>\n        <ul class=\"pagination m-0 ms-4\">\n            @if (!previousDescription()) {\n                <li class=\"page-item\">\n                    <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayFirstText()\" colorStyle=\"secondary\"\n                        [attr.tabindex]=\"isFirstDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isFirstDisabled()\"\n                        [isDisabled]=\"isPreviousDisabled()\" (clicked)=\"selectPage(startPageIndex())\">\n                        @if (shouldDisplayFirstIcon()) {\n                            <upd-icon tablerIcon=\"chevron-left-pipe\"></upd-icon>\n                        }\n                        @if (shouldDisplayFirstText()) {\n                            {{ t('First') }}\n                        }\n                    </upd-button>\n                </li>\n            }\n\n            <li class=\"page-item\" [class.page-prev]=\"!!previousDescription()\">\n                <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayPreviousText()\" colorStyle=\"secondary\"\n                    [attr.tabindex]=\"isPreviousDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isPreviousDisabled()\"\n                    [isDisabled]=\"isPreviousDisabled()\" (clicked)=\"selectPage(currentPage() - 1)\">\n                    @if (!!previousDescription()) {\n                        <div class=\"page-item-subtitle\">{{ t('Previous') }}</div>\n                        <div class=\"page-item-title\">{{ textService.getText(previousDescription()) }}</div>\n                    } @else {\n                        @if (shouldDisplayPreviousIcon()) {\n                            <upd-icon tablerIcon=\"chevron-left\"></upd-icon>\n                        }\n                        @if (shouldDisplayPreviousText()) {\n                            {{ t('PreviousShort') }}\n                        }\n                    }\n                </upd-button>\n            </li>\n\n            <li class=\"page-item\" [class.page-next]=\"!!nextDescription()\">\n                <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayNextText()\" colorStyle=\"secondary\"\n                    [attr.tabindex]=\"isNextDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isNextDisabled()\" [isDisabled]=\"isNextDisabled()\"\n                    (clicked)=\"selectPage(currentPage() + 1)\">\n                    @if (!!nextDescription()) {\n                        <div class=\"page-item-subtitle\">{{ t('Next') }}</div>\n                        <div class=\"page-item-title\">{{ textService.getText(nextDescription()) }}</div>\n                    } @else {\n                        @if (shouldDisplayNextText()) {\n                            {{ t('NextShort') }}\n                        }\n                        @if (shouldDisplayNextIcon()) {\n                            <upd-icon tablerIcon=\"chevron-right\"></upd-icon>\n                        }\n                    }\n                </upd-button>\n            </li>\n\n            @if (!nextDescription()) {\n                <li class=\"page-item\">\n                    <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayLastText()\" colorStyle=\"secondary\"\n                        [attr.tabindex]=\"isLastDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isLastDisabled()\" [isDisabled]=\"isNextDisabled()\"\n                        (clicked)=\"selectPage(totalPages() - (startPageIndex() === 0 ? 1 : 0))\">\n                        @if (shouldDisplayLastText()) {\n                            {{ t('Last') }}\n                        }\n                        @if (shouldDisplayLastIcon()) {\n                            <upd-icon tablerIcon=\"chevron-right-pipe\"></upd-icon>\n                        }\n                    </upd-button>\n                </li>\n            }\n        </ul>\n    </div>\n</ng-container>\n" }]
+        }], ctorParameters: () => [], propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], changed: [{
+                type: Output
+            }] } });
+
+var UpDevs$1 = {
+	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"
+	}
+};
+var en = {
+	UpDevs: UpDevs$1
+};
+
+var en$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    UpDevs: UpDevs$1,
+    default: en
+});
+
+var 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"
+	}
+};
+var pt = {
+	UpDevs: UpDevs
+};
+
+var pt$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    UpDevs: UpDevs,
+    default: pt
+});
+
+class UpdPaginatorModule {
+    constructor(translocoService) {
+        translocoService.setFallbackLangForMissingTranslation({ fallbackLang: 'en' });
+        translocoService.setTranslation(en$1, 'en');
+        translocoService.setTranslation(pt$1, 'pt');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPaginatorModule, deps: [{ token: i1$1.TranslocoService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdPaginatorModule, declarations: [PaginatorComponent], imports: [CommonModule,
+            UpdIconsModule,
+            UpdButtonModule,
+            UpdSelectModule,
+            TranslocoDirective], exports: [PaginatorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPaginatorModule, imports: [CommonModule,
+            UpdIconsModule,
+            UpdButtonModule,
+            UpdSelectModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPaginatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        UpdIconsModule,
+                        UpdButtonModule,
+                        UpdSelectModule,
+                        TranslocoDirective
+                    ],
+                    declarations: [
+                        PaginatorComponent
+                    ],
+                    exports: [
+                        PaginatorComponent
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1$1.TranslocoService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PaginatorComponent, UpdPaginatorModule };
+//# sourceMappingURL=updevs-components-paginator.mjs.map

package/fesm2022/updevs-components-paginator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-paginator.mjs","sources":["../../../../libs/components/paginator/src/paginator.component.ts","../../../../libs/components/paginator/src/paginator.component.html","../../../../libs/components/paginator/src/upd-paginator.module.ts","../../../../libs/components/paginator/src/updevs-components-paginator.ts"],"sourcesContent":["import { Component, inject, HostBinding, effect, input, computed, Signal, model, Output, EventEmitter } from '@angular/core';\nimport { TextModel, TextService } from '@updevs/sdk';\nimport { SelectItem } from '@updevs/components/form-controls/select';\n\n@Component({\n    selector: 'upd-paginator',\n    templateUrl: './paginator.component.html',\n    styleUrl: './paginator.component.scss'\n})\nexport class PaginatorComponent {\n    @HostBinding('class') hostClasses = '';\n    @Output() readonly changed = new EventEmitter<void>();\n\n    startPageIndex = input<0 | 1>(0);\n    currentPage = model<number>(this.startPageIndex());\n    wrapperClasses = input<string>('');\n    availablePageSizes = input<number[]>([5, 10, 15, 25, 50]);\n    defaultInitPageSize = input<number>(10);\n    pageSize = model<number>(this.defaultInitPageSize());\n    shouldDisplayFirstIcon = input<boolean>(true);\n    shouldDisplayFirstText = input<boolean>(true);\n    shouldDisplayPreviousIcon = input<boolean>(true);\n    shouldDisplayPreviousText = input<boolean>(true);\n    shouldDisplayNextIcon = input<boolean>(true);\n    shouldDisplayNextText = input<boolean>(true);\n    shouldDisplayLastIcon = input<boolean>(true);\n    shouldDisplayLastText = input<boolean>(true);\n    previousDescription = input<TextModel>();\n    nextDescription = input<TextModel>();\n    totalRecords = input<number>(0);\n    isFirstDisabled = computed(() => this.currentPage() === this.startPageIndex() || this.totalRecords() === 0);\n    isPreviousDisabled = computed(() => this.currentPage() === this.startPageIndex() || this.totalRecords() === 0);\n    isNextDisabled = computed(() => this.currentPage() + 1 === this.totalPages() || this.totalRecords() === 0);\n    isLastDisabled = computed(() => this.currentPage() + 1 === this.totalPages() || this.totalRecords() === 0);\n    pageOptions: Signal<SelectItem[]> = computed(() => this.availablePageSizes().map(ps => ({ value: ps, text: ps.toString() })));\n    selectedPageSize = computed(() => this.pageOptions().find(po => po.value === this.pageSize()));\n    totalPages = computed(() => Math.ceil(this.totalRecords() / this.pageSize()));\n    currentFirstDisplayed = computed(() => ((this.currentPage() - this.startPageIndex()) * this.pageSize()) + 1);\n    currentLastDisplayed = computed(() => (this.expectedLast() > this.totalRecords() ? this.totalRecords() : this.expectedLast()));\n\n    readonly textService = inject(TextService);\n\n    private expectedLast = computed(() => (this.currentPage() + (this.startPageIndex() === 1 ? 0 : 1)) * this.pageSize());\n    private readonly defaultWrapperClasses = 'd-flex align-items-center';\n\n    constructor() {\n        effect(() => {\n            this.hostClasses = `${this.defaultWrapperClasses} ${this.wrapperClasses()}`;\n        });\n    }\n\n    onSelectPageSize(page?: SelectItem): void {\n        console.log('page', page);\n        this.pageSize.set(page?.value || 1);\n        this.changed.emit();\n    }\n\n    selectPage(page: number): void {\n        this.currentPage.set(page);\n        this.changed.emit();\n    }\n}\n","<ng-container *transloco=\"let t; prefix: 'UpDevs.Paginator'\">\n    <div class=\"d-flex m-0 ms-auto align-items-center\">\n        <div class=\"text-secondary me-2\">\n            {{ t('ItemsPerPage') }}\n        </div>\n        <upd-select [items]=\"pageOptions()\" [selected]=\"selectedPageSize()\" (selectedItem)=\"onSelectPageSize($event)\"\n            [shouldShowClearButton]=\"false\" [isCompact]=\"true\" [useSystemStyle]=\"true\"></upd-select>\n        <p class=\"m-0 text-secondary ms-4\">\n            @if (totalRecords() > 0) {\n                {{ t('FromToOf', { first: currentFirstDisplayed(), last: currentLastDisplayed(), totalRecords: totalRecords() }) }}\n            } @else {\n                {{ t('NoRecords') }}\n            }\n        </p>\n        <ul class=\"pagination m-0 ms-4\">\n            @if (!previousDescription()) {\n                <li class=\"page-item\">\n                    <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayFirstText()\" colorStyle=\"secondary\"\n                        [attr.tabindex]=\"isFirstDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isFirstDisabled()\"\n                        [isDisabled]=\"isPreviousDisabled()\" (clicked)=\"selectPage(startPageIndex())\">\n                        @if (shouldDisplayFirstIcon()) {\n                            <upd-icon tablerIcon=\"chevron-left-pipe\"></upd-icon>\n                        }\n                        @if (shouldDisplayFirstText()) {\n                            {{ t('First') }}\n                        }\n                    </upd-button>\n                </li>\n            }\n\n            <li class=\"page-item\" [class.page-prev]=\"!!previousDescription()\">\n                <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayPreviousText()\" colorStyle=\"secondary\"\n                    [attr.tabindex]=\"isPreviousDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isPreviousDisabled()\"\n                    [isDisabled]=\"isPreviousDisabled()\" (clicked)=\"selectPage(currentPage() - 1)\">\n                    @if (!!previousDescription()) {\n                        <div class=\"page-item-subtitle\">{{ t('Previous') }}</div>\n                        <div class=\"page-item-title\">{{ textService.getText(previousDescription()) }}</div>\n                    } @else {\n                        @if (shouldDisplayPreviousIcon()) {\n                            <upd-icon tablerIcon=\"chevron-left\"></upd-icon>\n                        }\n                        @if (shouldDisplayPreviousText()) {\n                            {{ t('PreviousShort') }}\n                        }\n                    }\n                </upd-button>\n            </li>\n\n            <li class=\"page-item\" [class.page-next]=\"!!nextDescription()\">\n                <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayNextText()\" colorStyle=\"secondary\"\n                    [attr.tabindex]=\"isNextDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isNextDisabled()\" [isDisabled]=\"isNextDisabled()\"\n                    (clicked)=\"selectPage(currentPage() + 1)\">\n                    @if (!!nextDescription()) {\n                        <div class=\"page-item-subtitle\">{{ t('Next') }}</div>\n                        <div class=\"page-item-title\">{{ textService.getText(nextDescription()) }}</div>\n                    } @else {\n                        @if (shouldDisplayNextText()) {\n                            {{ t('NextShort') }}\n                        }\n                        @if (shouldDisplayNextIcon()) {\n                            <upd-icon tablerIcon=\"chevron-right\"></upd-icon>\n                        }\n                    }\n                </upd-button>\n            </li>\n\n            @if (!nextDescription()) {\n                <li class=\"page-item\">\n                    <upd-button customClasses=\"page-link\" [isLink]=\"true\" [isIcon]=\"!shouldDisplayLastText()\" colorStyle=\"secondary\"\n                        [attr.tabindex]=\"isLastDisabled() ? -1 : 0\" [attr.aria-disabled]=\"isLastDisabled()\" [isDisabled]=\"isNextDisabled()\"\n                        (clicked)=\"selectPage(totalPages() - (startPageIndex() === 0 ? 1 : 0))\">\n                        @if (shouldDisplayLastText()) {\n                            {{ t('Last') }}\n                        }\n                        @if (shouldDisplayLastIcon()) {\n                            <upd-icon tablerIcon=\"chevron-right-pipe\"></upd-icon>\n                        }\n                    </upd-button>\n                </li>\n            }\n        </ul>\n    </div>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UpdIconsModule } from '@updevs/icons';\nimport { UpdButtonModule } from '@updevs/components/button';\nimport { UpdSelectModule } from '@updevs/components/form-controls/select';\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\n\nimport * as en from './assets/i18n/en.json';\nimport * as pt from './assets/i18n/pt.json';\nimport { PaginatorComponent } from './paginator.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UpdIconsModule,\n        UpdButtonModule,\n        UpdSelectModule,\n        TranslocoDirective\n    ],\n    declarations: [\n        PaginatorComponent\n    ],\n    exports: [\n        PaginatorComponent\n    ]\n})\nexport class UpdPaginatorModule {\n    constructor(translocoService: TranslocoService) {\n        translocoService.setFallbackLangForMissingTranslation({ fallbackLang: 'en' });\n        translocoService.setTranslation(en, 'en');\n        translocoService.setTranslation(pt, 'pt');\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i4","en","pt","i1"],"mappings":"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"}

package/fesm2022/updevs-components-popover.mjs

@@ -0,0 +1,223 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, HostBinding, Input, inject, ElementRef, Renderer2, ViewContainerRef, NgZone, Injector, Directive, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { PositioningService, DynamicComponentLoaderService } from '@updevs/sdk/layout';
+
+class PopoverComponent {
+    constructor() {
+        this.classes = '';
+        this.popperPlacement = '';
+        this.role = 'tooltip';
+        this.placement = 'top';
+        this._isVisible = false;
+    }
+    get isVisible() {
+        return this._isVisible;
+    }
+    ngOnInit() {
+        this.updateClasses();
+    }
+    ngOnChanges() {
+        this.updateClasses();
+    }
+    setVisible(isVisible) {
+        this._isVisible = isVisible;
+        this.updateClasses();
+    }
+    updateClasses() {
+        this.popperPlacement = this.placement;
+        this.classes = [
+            'popover',
+            'bs-popover-auto',
+            !this._isVisible ? 'fade' : '',
+            this._isVisible ? 'show' : '',
+            'upd-popover',
+            `-${this.placement}`,
+            ...(this.customClasses?.split(' ') || [])
+        ].join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: PopoverComponent, selector: "upd-popover", inputs: { title: "title", text: "text", titleTemplate: "titleTemplate", template: "template", placement: "placement", customClasses: "customClasses" }, host: { properties: { "class": "this.classes", "attr.data-popper-placement": "this.popperPlacement", "role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"popover-arrow upd-popover-arrow -{{placement}}\"></div>\n@if (!!title || !!titleTemplate) {\n    @if (!!title) {\n        <h3 [innerHTML]=\"title\" class=\"popover-header\"></h3>\n    } @else {\n        <div class=\"popover-header\">\n            <ng-template [ngTemplateOutlet]=\"titleTemplate!\"></ng-template>\n        </div>\n    }\n}\n<div class=\"popover-body\">\n    @if (!!text) {\n        <span [innerHTML]=\"text\"></span>\n    } @else {\n        @if (!template) {\n            <ng-content></ng-content>\n        } @else {\n            <ng-template [ngTemplateOutlet]=\"template!\"></ng-template>\n        }\n    }\n</div>\n", styles: [".upd-popover{position:absolute;margin:0}.upd-popover-arrow{position:absolute}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-popover', encapsulation: ViewEncapsulation.None, template: "<div class=\"popover-arrow upd-popover-arrow -{{placement}}\"></div>\n@if (!!title || !!titleTemplate) {\n    @if (!!title) {\n        <h3 [innerHTML]=\"title\" class=\"popover-header\"></h3>\n    } @else {\n        <div class=\"popover-header\">\n            <ng-template [ngTemplateOutlet]=\"titleTemplate!\"></ng-template>\n        </div>\n    }\n}\n<div class=\"popover-body\">\n    @if (!!text) {\n        <span [innerHTML]=\"text\"></span>\n    } @else {\n        @if (!template) {\n            <ng-content></ng-content>\n        } @else {\n            <ng-template [ngTemplateOutlet]=\"template!\"></ng-template>\n        }\n    }\n</div>\n", styles: [".upd-popover{position:absolute;margin:0}.upd-popover-arrow{position:absolute}\n"] }]
+        }], propDecorators: { classes: [{
+                type: HostBinding,
+                args: ['class']
+            }], popperPlacement: [{
+                type: HostBinding,
+                args: ['attr.data-popper-placement']
+            }], role: [{
+                type: HostBinding,
+                args: ['role']
+            }], title: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], titleTemplate: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }] } });
+
+class PopoverDirective {
+    constructor() {
+        this.placement = 'top';
+        /**
+         * This makes the popover behave like a tooltip.
+         * It means it'll show/hide depending on whether the mouse is over or not the element.
+         */
+        this.actAsTooltip = false;
+        this.elementRef = inject(ElementRef);
+        this.renderer = inject(Renderer2);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.ngZone = inject(NgZone);
+        this.injector = inject(Injector);
+        this.positioningService = inject(PositioningService);
+        this.dynamicComponentLoaderService = inject(DynamicComponentLoaderService);
+    }
+    onMouseEnter() {
+        if (this.actAsTooltip) {
+            this.initPopover();
+        }
+    }
+    onMouseLeave() {
+        if (this.actAsTooltip) {
+            this.disposePopover();
+        }
+    }
+    onClick() {
+        if (!this.actAsTooltip) {
+            if (this.popoverComponentRef?.instance.isVisible) {
+                this.disposePopover();
+            }
+            else {
+                this.initPopover();
+            }
+        }
+    }
+    initPopover() {
+        this.setupPopover();
+        this.popoverComponentRef.instance.setVisible(true);
+        this.ngZone.runOutsideAngular(() => this.positioningService
+            .computePosition(this.elementRef, this.popoverComponentRef.location, { placement: this.placement })
+            .subscribe(resp => this.updatePosition(resp)));
+    }
+    disposePopover() {
+        this.viewContainerRef.clear();
+        this.popoverComponentRef.instance.setVisible(false);
+    }
+    setupPopover() {
+        this.viewContainerRef.clear();
+        this.popoverComponentRef = this.dynamicComponentLoaderService.load(PopoverComponent, this.viewContainerRef, this.injector);
+        this.popoverComponentRef.instance.title = this.title;
+        this.popoverComponentRef.instance.text = this.text;
+        this.popoverComponentRef.instance.titleTemplate = this.popoverTitleTemplate;
+        this.popoverComponentRef.instance.template = this.popoverTemplate;
+        this.popoverComponentRef.instance.placement = this.placement;
+        this.popoverComponentRef.instance.customClasses = this.customClasses;
+    }
+    updatePosition(result) {
+        const nativeElement = this.popoverComponentRef.location.nativeElement;
+        const arrowElement = this.popoverComponentRef.location.nativeElement.querySelector('.popover-arrow');
+        const popoverBox = nativeElement.getBoundingClientRect();
+        const arrowBox = arrowElement.getBoundingClientRect();
+        switch (this.placement) {
+            case 'top':
+                this.renderer.setStyle(nativeElement, 'top', `${result.y - arrowBox.height}px`);
+                this.renderer.setStyle(nativeElement, 'left', `${result.x}px`);
+                this.renderer.setStyle(arrowElement, 'left', `${(popoverBox.width / 2) - (arrowBox.width / 2)}px`);
+                break;
+            case 'bottom':
+                this.renderer.setStyle(nativeElement, 'top', `${result.y + arrowBox.height}px`);
+                this.renderer.setStyle(nativeElement, 'left', `${result.x}px`);
+                this.renderer.setStyle(arrowElement, 'left', `${(popoverBox.width / 2) - (arrowBox.width / 2)}px`);
+                break;
+            case 'left':
+                this.renderer.setStyle(nativeElement, 'top', `${result.y}px`);
+                this.renderer.setStyle(nativeElement, 'left', `${result.x - arrowBox.width}px`);
+                this.renderer.setStyle(arrowElement, 'top', `${(popoverBox.height / 2) - (arrowBox.height / 2)}px`);
+                break;
+            case 'right':
+                this.renderer.setStyle(nativeElement, 'top', `${result.y}px`);
+                this.renderer.setStyle(nativeElement, 'left', `${result.x + arrowBox.width}px`);
+                this.renderer.setStyle(arrowElement, 'top', `${(popoverBox.height / 2) - (arrowBox.height / 2)}px`);
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: PopoverDirective, selector: "[updPopover]", inputs: { text: ["updPopover", "text"], title: ["updPopoverTitle", "title"], popoverTitleTemplate: ["updPopoverTitleTemplate", "popoverTitleTemplate"], popoverTemplate: ["updPopoverTemplate", "popoverTemplate"], placement: ["updPopoverPlacement", "placement"], customClasses: ["updPopoverCustomClasses", "customClasses"], actAsTooltip: ["updPopoverActAsTooltip", "actAsTooltip"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[updPopover]'
+                }]
+        }], propDecorators: { text: [{
+                type: Input,
+                args: ['updPopover']
+            }], title: [{
+                type: Input,
+                args: ['updPopoverTitle']
+            }], popoverTitleTemplate: [{
+                type: Input,
+                args: ['updPopoverTitleTemplate']
+            }], popoverTemplate: [{
+                type: Input,
+                args: ['updPopoverTemplate']
+            }], placement: [{
+                type: Input,
+                args: ['updPopoverPlacement']
+            }], customClasses: [{
+                type: Input,
+                args: ['updPopoverCustomClasses']
+            }], actAsTooltip: [{
+                type: Input,
+                args: ['updPopoverActAsTooltip']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class UpdPopoverModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdPopoverModule, declarations: [PopoverComponent,
+            PopoverDirective], imports: [CommonModule], exports: [PopoverComponent,
+            PopoverDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPopoverModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        PopoverComponent,
+                        PopoverDirective
+                    ],
+                    exports: [
+                        PopoverComponent,
+                        PopoverDirective
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PopoverComponent, PopoverDirective, UpdPopoverModule };
+//# sourceMappingURL=updevs-components-popover.mjs.map

package/fesm2022/updevs-components-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-popover.mjs","sources":["../../../../libs/components/popover/src/popover.component.ts","../../../../libs/components/popover/src/popover.component.html","../../../../libs/components/popover/src/popover.directive.ts","../../../../libs/components/popover/src/upd-popover.module.ts","../../../../libs/components/popover/src/updevs-components-popover.ts"],"sourcesContent":["import { Component, Input, HostBinding, OnInit, OnChanges, ViewEncapsulation, TemplateRef } from '@angular/core';\nimport { TopBottomLeftRightType } from '@updevs/sdk/types';\n\n@Component({\n    selector: 'upd-popover',\n    templateUrl: './popover.component.html',\n    styleUrls: ['./popover.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class PopoverComponent implements OnInit, OnChanges {\n    @HostBinding('class') classes = '';\n    @HostBinding('attr.data-popper-placement') popperPlacement = '';\n    @HostBinding('role') readonly role = 'tooltip';\n\n    @Input() title?: string;\n    @Input() text?: string;\n    @Input() titleTemplate?: TemplateRef<any>;\n    @Input() template?: TemplateRef<any>;\n    @Input() placement: TopBottomLeftRightType = 'top';\n    @Input() customClasses?: string;\n\n    get isVisible(): boolean {\n        return this._isVisible;\n    }\n\n    private _isVisible = false;\n\n    ngOnInit(): void {\n        this.updateClasses();\n    }\n\n    ngOnChanges(): void {\n        this.updateClasses();\n    }\n\n    setVisible(isVisible: boolean): void {\n        this._isVisible = isVisible;\n        this.updateClasses();\n    }\n\n    private updateClasses(): void {\n        this.popperPlacement = this.placement;\n        this.classes = [\n            'popover',\n            'bs-popover-auto',\n            !this._isVisible ? 'fade' : '',\n            this._isVisible ? 'show' : '',\n            'upd-popover',\n            `-${this.placement}`,\n            ...(this.customClasses?.split(' ') || [])\n        ].join(' ');\n    }\n}\n","<div class=\"popover-arrow upd-popover-arrow -{{placement}}\"></div>\n@if (!!title || !!titleTemplate) {\n    @if (!!title) {\n        <h3 [innerHTML]=\"title\" class=\"popover-header\"></h3>\n    } @else {\n        <div class=\"popover-header\">\n            <ng-template [ngTemplateOutlet]=\"titleTemplate!\"></ng-template>\n        </div>\n    }\n}\n<div class=\"popover-body\">\n    @if (!!text) {\n        <span [innerHTML]=\"text\"></span>\n    } @else {\n        @if (!template) {\n            <ng-content></ng-content>\n        } @else {\n            <ng-template [ngTemplateOutlet]=\"template!\"></ng-template>\n        }\n    }\n</div>\n","import {\n    Directive,\n    Input,\n    TemplateRef,\n    ViewContainerRef,\n    Renderer2,\n    ElementRef,\n    Injector,\n    NgZone,\n    ComponentRef,\n    HostListener, inject\n} from '@angular/core';\nimport { TopBottomLeftRightType } from '@updevs/sdk/types';\nimport { PositioningService, ComputePositionResult, DynamicComponentLoaderService } from '@updevs/sdk/layout';\n\nimport { PopoverComponent } from './popover.component';\n\n@Directive({\n    selector: '[updPopover]'\n})\nexport class PopoverDirective {\n    @Input('updPopover') text?: string;\n    @Input('updPopoverTitle') title?: string;\n    @Input('updPopoverTitleTemplate') popoverTitleTemplate?: TemplateRef<any>;\n    @Input('updPopoverTemplate') popoverTemplate?: TemplateRef<any>;\n    @Input('updPopoverPlacement') placement: TopBottomLeftRightType = 'top';\n    @Input('updPopoverCustomClasses') customClasses?: string;\n    /**\n     * This makes the popover behave like a tooltip.\n     * It means it'll show/hide depending on whether the mouse is over or not the element.\n     */\n    @Input('updPopoverActAsTooltip') actAsTooltip = false;\n\n    private popoverComponentRef?: ComponentRef<PopoverComponent>;\n\n    private readonly elementRef = inject(ElementRef);\n    private readonly renderer = inject(Renderer2);\n    private readonly viewContainerRef = inject(ViewContainerRef);\n    private readonly ngZone = inject(NgZone);\n    private readonly injector = inject(Injector);\n    private readonly positioningService = inject(PositioningService);\n    private readonly dynamicComponentLoaderService = inject(DynamicComponentLoaderService);\n\n    @HostListener('mouseenter')\n    onMouseEnter(): void {\n        if (this.actAsTooltip) {\n            this.initPopover();\n        }\n    }\n\n    @HostListener('mouseleave')\n    onMouseLeave(): void {\n        if (this.actAsTooltip) {\n            this.disposePopover();\n        }\n    }\n\n    @HostListener('click')\n    onClick(): void {\n        if (!this.actAsTooltip) {\n            if (this.popoverComponentRef?.instance.isVisible) {\n                this.disposePopover();\n            } else {\n                this.initPopover();\n            }\n        }\n    }\n\n    private initPopover(): void {\n        this.setupPopover();\n        this.popoverComponentRef!.instance.setVisible(true);\n        this.ngZone.runOutsideAngular(() =>\n            this.positioningService\n                .computePosition(this.elementRef, this.popoverComponentRef!.location, { placement: this.placement })\n                .subscribe(resp => this.updatePosition(resp))\n        );\n    }\n\n    private disposePopover(): void {\n        this.viewContainerRef.clear();\n        this.popoverComponentRef!.instance.setVisible(false);\n    }\n\n    private setupPopover(): void {\n        this.viewContainerRef.clear();\n\n        this.popoverComponentRef = this.dynamicComponentLoaderService.load(PopoverComponent, this.viewContainerRef, this.injector);\n        this.popoverComponentRef!.instance.title = this.title;\n        this.popoverComponentRef!.instance.text = this.text;\n        this.popoverComponentRef!.instance.titleTemplate = this.popoverTitleTemplate;\n        this.popoverComponentRef!.instance.template = this.popoverTemplate;\n        this.popoverComponentRef!.instance.placement = this.placement;\n        this.popoverComponentRef!.instance.customClasses = this.customClasses;\n    }\n\n    private updatePosition(result: ComputePositionResult): void {\n        const nativeElement = this.popoverComponentRef!.location.nativeElement;\n        const arrowElement = this.popoverComponentRef!.location.nativeElement.querySelector('.popover-arrow');\n        const popoverBox = nativeElement.getBoundingClientRect();\n        const arrowBox = arrowElement.getBoundingClientRect();\n\n        switch (this.placement) {\n            case 'top':\n                this.renderer.setStyle(nativeElement, 'top', `${result.y - arrowBox.height}px`);\n                this.renderer.setStyle(nativeElement, 'left', `${result.x}px`);\n                this.renderer.setStyle(arrowElement, 'left', `${(popoverBox.width / 2) - (arrowBox.width / 2)}px`);\n                break;\n            case 'bottom':\n                this.renderer.setStyle(nativeElement, 'top', `${result.y + arrowBox.height}px`);\n                this.renderer.setStyle(nativeElement, 'left', `${result.x}px`);\n                this.renderer.setStyle(arrowElement, 'left', `${(popoverBox.width / 2) - (arrowBox.width / 2)}px`);\n                break;\n            case 'left':\n                this.renderer.setStyle(nativeElement, 'top', `${result.y}px`);\n                this.renderer.setStyle(nativeElement, 'left', `${result.x - arrowBox.width}px`);\n                this.renderer.setStyle(arrowElement, 'top', `${(popoverBox.height / 2) - (arrowBox.height / 2)}px`);\n                break;\n            case 'right':\n                this.renderer.setStyle(nativeElement, 'top', `${result.y}px`);\n                this.renderer.setStyle(nativeElement, 'left', `${result.x + arrowBox.width}px`);\n                this.renderer.setStyle(arrowElement, 'top', `${(popoverBox.height / 2) - (arrowBox.height / 2)}px`);\n                break;\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PopoverComponent } from './popover.component';\nimport { PopoverDirective } from './popover.directive';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [\n        PopoverComponent,\n        PopoverDirective\n    ],\n    exports: [\n        PopoverComponent,\n        PopoverDirective\n    ]\n})\nexport class UpdPopoverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}