@updevs/components 1.0.0-alpha.1 → 1.0.0-alpha.100

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

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-modal.mjs","sources":["../../../../libs/components/modal/src/models/base.modal.ts","../../../../libs/components/modal/src/models/modal-config.model.ts","../../../../libs/components/modal/src/components/modal-container/modal-container.component.ts","../../../../libs/components/modal/src/components/modal-container/modal-container.component.html","../../../../libs/components/modal/src/services/modal.service.ts","../../../../libs/components/modal/src/services/modal-alert.service.ts","../../../../libs/components/modal/src/upd-modal.module.ts","../../../../libs/components/modal/src/updevs-components-modal.ts"],"sourcesContent":["import { input, Directive } from '@angular/core';\n\nimport { ModalRef } from './modal-ref';\n\n@Directive({ standalone: false })\nexport abstract class BaseModal<TData = any> {\n    modalRef = input.required<ModalRef>();\n    data = input.required<TData>();\n}\n","import { TemplateRef, Type } from '@angular/core';\nimport { ButtonModel } from '@updevs/sdk/layout';\nimport { TextModel } from '@updevs/sdk';\nimport { TopBottomLeftRightType, BgColorStyleType } from '@updevs/sdk/types';\nimport { IconModel } from '@updevs/icons';\n\nimport { ModalConfig } from './modal.config';\nimport { ModalSizeType } from '../types/modal-size.type';\nimport { ModalFooterStyleType } from '../types/modal-footer-style.type';\n\nexport class ModalConfigModel implements ModalConfig {\n    size: ModalSizeType = 'regular';\n    isVerticallyCentered = true;\n    isScrollable = false;\n    showCancelButton = false;\n    showCloseButton = true;\n    isTextCentered = true;\n    shouldDismissOnEsc = false;\n    shouldDismissOnOutsideClick = false;\n    isAlert = false;\n    statusColor?: BgColorStyleType;\n    headerTemplateRef?: TemplateRef<any>;\n    footerTemplateRef?: TemplateRef<any>;\n    bodyTemplateRef?: TemplateRef<any>;\n    bodyContentType?: Type<any>;\n    body?: TextModel;\n    title?: TextModel;\n    titleIcon?: IconModel;\n    titleIconPosition?: TopBottomLeftRightType = 'top';\n    footerLayout?: ModalFooterStyleType = 'default';\n    actionButtons: ButtonModel[] = [];\n    data?: any;\n\n    constructor(init?: Partial<ModalConfig>) {\n        if (!!init) {\n            Object.assign(this, init);\n        }\n    }\n}\n","import { DOCUMENT, NgComponentOutlet } from '@angular/common';\nimport { Component, HostBinding, TemplateRef, inject, Type, ElementRef, Renderer2, viewChild, ComponentRef } from '@angular/core';\nimport { TextService, TextModel } from '@updevs/sdk';\nimport {\n    Utils as LayoutUtils,\n    LayoutService,\n    ScrollbarService,\n    BaseComponent,\n    Overlay,\n    ButtonModel\n} from '@updevs/sdk/layout';\nimport { TopBottomLeftRightType, OptionalType, BgColorStyleType } from '@updevs/sdk/types';\nimport { IconModel } from '@updevs/icons';\n\nimport { ModalSizeType } from '../../types/modal-size.type';\nimport { ModalConfig } from '../../models/modal.config';\nimport { ModalConfigModel } from '../../models/modal-config.model';\nimport { ModalFooterStyleType } from '../../types/modal-footer-style.type';\nimport { ModalRef } from '../../models/modal-ref';\n\nlet containerId = 1;\n\n@Component({\n    standalone: false,\n    selector: 'upd-modal-container',\n    templateUrl: './modal-container.component.html',\n    styleUrl: './modal-container.component.scss'\n})\nexport class ModalContainerComponent extends BaseComponent implements ModalConfig, ModalRef {\n    @HostBinding('id') id = `modal-${containerId++}`;\n    @HostBinding('class') hostClass = ['modal', 'modal-blur', 'fade'];\n    @HostBinding('attr.role') role = 'dialog';\n    @HostBinding('aria-hidden') ariaHidden = true;\n    @HostBinding('aria-modal') ariaModal = false;\n    @HostBinding('tabindex') tabIndex = -1;\n    @HostBinding('style.display') styleDisplay?: string;\n\n    dialog = viewChild.required('dialog', { read: ElementRef });\n    content = viewChild.required('content', { read: ElementRef });\n    bodyContentOutlet = viewChild<NgComponentOutlet>(NgComponentOutlet);\n    size: ModalSizeType = 'regular';\n    isVerticallyCentered = true;\n    isScrollable = false;\n    showCloseButton = true;\n    showCancelButton = false;\n    isTextCentered = true;\n    shouldDismissOnEsc = false;\n    shouldDismissOnOutsideClick = false;\n    isAlert = false;\n    statusColor?: BgColorStyleType;\n    headerTemplateRef?: TemplateRef<any>;\n    footerTemplateRef?: TemplateRef<any>;\n    bodyTemplateRef?: TemplateRef<any>;\n    bodyContentType?: Type<any>;\n    contentType?: Type<any>;\n    body?: TextModel;\n    title?: TextModel;\n    titleIcon?: IconModel;\n    titleIconPosition?: TopBottomLeftRightType = 'top';\n    footerLayout?: ModalFooterStyleType = 'default';\n    actionButtons: ButtonModel[] = [];\n    overlay!: Overlay;\n    modalContainerRef!: ComponentRef<ModalContainerComponent>;\n    data?: any;\n    afterClose?: (result?: any) => void;\n\n    get classes(): string[] {\n        return [\n            'modal-dialog',\n            this.isVerticallyCentered ? 'modal-dialog-centered' : '',\n            this.isScrollable ? 'modal-dialog-scrollable' : '',\n            this.sizeClass\n        ];\n    }\n\n    get titleText(): string {\n        return this.textService.getText(this.title);\n    }\n\n    get bodyText(): string {\n        return this.textService.getText(this.body);\n    }\n\n    get statusColorClass(): string {\n        return `bg-${this.statusColor}`;\n    }\n\n    get sizeClass(): string {\n        let cls = '';\n\n        switch (this.size) {\n            case 'small':\n                cls = 'modal-sm';\n                break;\n            case 'large':\n                cls = 'modal-lg';\n                break;\n            case 'extra-large':\n                cls = 'modal-xl';\n                break;\n        }\n\n        return cls;\n    }\n\n    private readonly openClass = 'modal-open';\n    private readonly textService = inject(TextService);\n    private readonly elementRef = inject(ElementRef);\n    private readonly layoutService = inject(LayoutService);\n    private readonly scrollbarService = inject(ScrollbarService);\n    private readonly renderer = inject(Renderer2);\n    private readonly document = inject(DOCUMENT);\n\n    private get element(): any {\n        return this.elementRef.nativeElement;\n    }\n\n    prepareToShow(config?: ModalConfig): void {\n        this.setupConfig(config);\n        this.scrollbarService.hide();\n        this.layoutService.addBodyClasses(this.openClass);\n        this.adjustDialog();\n        this.setupActionButtons();\n    }\n\n    show(): void {\n        this.setupListeners();\n\n        this.styleDisplay = 'block';\n        this.ariaHidden = false;\n        this.ariaModal = true;\n        this.element.scrollTop = 0;\n        this.dialog().nativeElement.scrollTop = 0;\n\n        LayoutUtils.reflow(this.element);\n\n        const transitionSub = LayoutUtils.executeAfterTransition(this.element).subscribe(() => {\n            this.element.classList.add('show');\n            this.content().nativeElement.focus();\n        });\n\n        this.addSubscriptions(transitionSub);\n    }\n\n    close(result?: any): void {\n        const transitionSub = LayoutUtils.executeAfterTransition(this.element).subscribe(() => {\n            this.styleDisplay = undefined;\n            this.ariaHidden = true;\n            this.ariaModal = false;\n\n            if (!!this.afterClose) {\n                this.afterClose(result);\n            }\n\n            this.overlay.hide();\n            this.layoutService.removeBodyClasses(this.openClass);\n            this.modalContainerRef.destroy();\n        });\n\n        this.element.classList.remove('show');\n        this.addSubscriptions(transitionSub);\n    }\n\n    buttonClick(event: MouseEvent, btn: ButtonModel): void {\n        if (!!btn.clickFunction) {\n            btn.clickFunction({ event, data: btn });\n        }\n    }\n\n    getBodyInstance<T>(): OptionalType<T> {\n        return <T>this.bodyContentOutlet()?.['_componentRef'].instance;\n    }\n\n    private adjustDialog(): void {\n        const isModalOverflowing = this.element.scrollHeight > this.document.documentElement.clientHeight;\n        const scrollbarWidth = this.scrollbarService.getWidth();\n        const isBodyOverflowing = scrollbarWidth > 0;\n\n        if (isBodyOverflowing && !isModalOverflowing) {\n            this.renderer.setStyle(this.element, 'paddingRight', `${scrollbarWidth}px`);\n        }\n\n        if (!isBodyOverflowing && isModalOverflowing) {\n            this.renderer.setStyle(this.element, 'paddingLeft', `${scrollbarWidth}px`);\n        }\n    }\n\n    private setupConfig(config?: ModalConfig): void {\n        if (!config) {\n            return;\n        }\n\n        const configModel = new ModalConfigModel(config);\n        this.size = configModel.size;\n        this.isVerticallyCentered = configModel.isVerticallyCentered;\n        this.isScrollable = configModel.isScrollable;\n        this.showCancelButton = configModel.showCancelButton;\n        this.showCloseButton = configModel.showCloseButton;\n        this.shouldDismissOnEsc = configModel.shouldDismissOnEsc;\n        this.shouldDismissOnOutsideClick = configModel.shouldDismissOnOutsideClick;\n        this.isAlert = configModel.isAlert;\n        this.isTextCentered = configModel.isTextCentered;\n        this.statusColor = configModel.statusColor;\n        this.headerTemplateRef = configModel.headerTemplateRef;\n        this.footerTemplateRef = configModel.footerTemplateRef;\n        this.bodyTemplateRef = configModel.bodyTemplateRef;\n        this.bodyContentType = configModel.bodyContentType;\n        this.body = configModel.body;\n        this.title = configModel.title;\n        this.titleIcon = configModel.titleIcon;\n        this.titleIconPosition = configModel.titleIconPosition;\n        this.footerLayout = configModel.footerLayout;\n        this.actionButtons = configModel.actionButtons;\n        this.data = configModel.data;\n    }\n\n    private setupActionButtons(): void {\n        this.actionButtons.forEach(btn => {\n            const fnBackup = btn.clickFunction;\n            btn.clickFunction = event => {\n                event.data = this;\n                fnBackup!(event);\n            };\n        });\n    }\n\n    private setupListeners(): void {\n        if (this.shouldDismissOnOutsideClick) {\n            this.element.addEventListener('click', this.clickCallback);\n        }\n\n        if (this.shouldDismissOnEsc) {\n            this.element.addEventListener('keydown', this.escCallback);\n        }\n    }\n\n    private clickCallback = (evt: Event) => {\n        if (evt.target === this.element) {\n            this.close();\n        }\n    };\n\n    private escCallback = (evt: KeyboardEvent) => {\n        if (evt.key === 'Escape') {\n            this.close();\n        }\n    };\n}\n","<ng-container *transloco=\"let t; prefix: 'UpDevs.Modal'\">\n    <div [ngClass]=\"classes\" #dialog>\n        <div class=\"modal-content\" tabindex=\"-1\" #content>\n            @if (!!contentType) {\n                <ng-container [ngComponentOutlet]=\"contentType\" [ngComponentOutletInputs]=\"{modalRef: this, data: data}\"></ng-container>\n            } @else {\n                @if (!isAlert && (!!titleText || !!headerTemplateRef)) {\n                    <div class=\"modal-header\">\n                        @if (!!headerTemplateRef) {\n                            <ng-container [ngTemplateOutlet]=\"headerTemplateRef\" [ngTemplateOutletContext]=\"{modalRef: this, data: data}\">\n                            </ng-container>\n                        } @else {\n                            <h5 class=\"modal-title\">{{ titleText }}</h5>\n                            @if (showCloseButton) {\n                                <ng-container [ngTemplateOutlet]=\"closeBtnTpl\"></ng-container>\n                            }\n                        }\n                    </div>\n                } @else if (showCloseButton) {\n                    <ng-container [ngTemplateOutlet]=\"closeBtnTpl\"></ng-container>\n                }\n\n                <div class=\"modal-body py-4\" [class.text-center]=\"isTextCentered || isAlert\">\n                    @if (isAlert && !!titleText) {\n                        <div class=\"d-flex justify-content-center align-content-start\"\n                            [class.flex-row]=\"titleIconPosition === 'left' || titleIconPosition === 'right'\"\n                            [class.flex-column]=\"titleIconPosition === 'top' || titleIconPosition === 'bottom'\">\n                            @if (!!titleIcon && (titleIconPosition === 'top' || titleIconPosition === 'left')) {\n                                <upd-icon [model]=\"titleIcon\" [class.me-2]=\"titleIconPosition === 'left'\"\n                                    [class.mb-2]=\"titleIconPosition === 'top'\"></upd-icon>\n                            }\n\n                            <span class=\"align-self-center fs-3 fw-bold\" [class.mb-3]=\"!!titleIcon && titleIconPosition === 'top'\">\n                                {{ titleText }}\n                            </span>\n\n                            @if (!!titleIcon && (titleIconPosition === 'bottom' || titleIconPosition === 'right')) {\n                                <upd-icon [model]=\"titleIcon\" [class.ms-2]=\"titleIconPosition === 'right'\"\n                                    [class.mb-2]=\"titleIconPosition === 'bottom'\"></upd-icon>\n                            }\n                        </div>\n                    }\n\n                    @if (!!bodyTemplateRef) {\n                        <ng-container [ngTemplateOutlet]=\"bodyTemplateRef!\" [ngTemplateOutletContext]=\"{modalRef: this, data: data}\">\n                        </ng-container>\n                    } @else if (!!bodyContentType) {\n                        <ng-container [ngComponentOutlet]=\"bodyContentType\" [ngComponentOutletInputs]=\"{modalRef: this, data: data}\">\n                        </ng-container>\n                    } @else {\n                        <div [innerHTML]=\"bodyText\" [class.text-secondary]=\"isAlert\"></div>\n                    }\n                </div>\n\n                @if (!!statusColor) {\n                    <div class=\"modal-status\" [style.position]=\"'relative'\" [ngClass]=\"statusColorClass\"></div>\n                }\n\n                @if (showCancelButton || actionButtons.length > 0 || !!footerTemplateRef) {\n                    <div class=\"modal-footer\">\n                        @if (!!footerTemplateRef) {\n                            <ng-container [ngTemplateOutlet]=\"footerTemplateRef\" [ngTemplateOutletContext]=\"{modalRef: this, data: data}\">\n                            </ng-container>\n                        } @else {\n                            @switch (footerLayout) {\n                                @case ('full-width') {\n                                    <div class=\"w-100\">\n                                        <div class=\"row\">\n                                            @if (showCancelButton) {\n                                                <div class=\"col\">\n                                                    <upd-button class=\"w-100\" [isNavigationLink]=\"true\" (clicked)=\"close()\">\n                                                        {{ t('Cancel') }}\n                                                    </upd-button>\n                                                </div>\n                                            }\n\n                                            @for (btn of actionButtons; track btn) {\n                                                <div class=\"col\">\n                                                    <upd-button class=\"w-100\" [model]=\"btn\"></upd-button>\n                                                </div>\n                                            }\n                                        </div>\n                                    </div>\n                                }\n                                @case ('centered') {\n                                    <div class=\"d-flex justify-content-center w-100\">\n                                        <ng-container [ngTemplateOutlet]=\"buttonsTpl\"></ng-container>\n                                    </div>\n                                }\n                                @default {\n                                    <ng-container [ngTemplateOutlet]=\"buttonsTpl\"></ng-container>\n                                }\n                            }\n                        }\n                    </div>\n                }\n            }\n        </div>\n    </div>\n\n    <ng-template #closeBtnTpl>\n        <upd-button (clicked)=\"close()\" [shouldIgnoreBtnClass]=\"true\" customClasses=\"btn-close\"></upd-button>\n    </ng-template>\n\n    <ng-template #buttonsTpl>\n        @if (showCancelButton) {\n            <upd-button colorStyle=\"secondary\" [isLink]=\"true\" (clicked)=\"close()\">\n                {{ t('Cancel') }}\n            </upd-button>\n        }\n\n        @for (btn of actionButtons; track btn) {\n            <upd-button [model]=\"btn\" (clicked)=\"buttonClick($event, btn)\"></upd-button>\n        }\n    </ng-template>\n</ng-container>\n","import { Injectable, inject, ViewContainerRef, ApplicationRef } from '@angular/core';\nimport { DynamicComponentLoaderService, OverlayService } from '@updevs/sdk/layout';\nimport { ComponentType } from '@updevs/sdk/types';\n\nimport { ModalContainerComponent } from '../components/modal-container/modal-container.component';\nimport { ModalConfig } from '../models/modal.config';\nimport { ModalRef } from '../models/modal-ref';\n\n@Injectable()\nexport class ModalService {\n    private readonly dynamicComponentLoaderService = inject(DynamicComponentLoaderService);\n    private readonly overlayService = inject(OverlayService);\n    private readonly applicationRef = inject(ApplicationRef);\n\n    open<T>(\n        contentType?: ComponentType<T>,\n        config?: ModalConfig,\n        rootElement?: Element,\n        shouldDisposeOnClick = false,\n        shouldDisposeOnEsc = false\n    ): ModalRef {\n        const viewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);\n        const modalContainerRef = this.dynamicComponentLoaderService.load(ModalContainerComponent, viewContainerRef);\n        const overlay = this.overlayService.create({ rootElement, customClasses: ['modal-backdrop'] });\n\n        modalContainerRef.instance.prepareToShow(config);\n\n        modalContainerRef.instance.modalContainerRef = modalContainerRef;\n        modalContainerRef.instance.overlay = overlay;\n        modalContainerRef.instance.contentType = contentType;\n        modalContainerRef.instance.shouldDismissOnOutsideClick = config?.shouldDismissOnOutsideClick || shouldDisposeOnClick;\n        modalContainerRef.instance.shouldDismissOnEsc = config?.shouldDismissOnEsc || shouldDisposeOnEsc;\n\n        overlay.show().subscribe(() => modalContainerRef.instance.show());\n\n        return modalContainerRef.instance;\n    }\n}\n","import { Injectable, inject, signal } from '@angular/core';\nimport { TextModel } from '@updevs/sdk';\nimport { ButtonModel } from '@updevs/sdk/layout';\nimport { TopBottomLeftRightType, BgColorStyleType } from '@updevs/sdk/types';\nimport { IconModel, TablerIconsType } from '@updevs/icons';\nimport { Observable, Subject } from 'rxjs';\n\nimport { ModalService } from './modal.service';\nimport { ModalSizeType } from '../types/modal-size.type';\nimport { ModalFooterStyleType } from '../types/modal-footer-style.type';\nimport { ModalRef } from '../models/modal-ref';\n\n@Injectable()\nexport class ModalAlertService {\n    private readonly modalService = inject(ModalService);\n    private readonly defaultIconModel: IconModel = { tablerIconWeight: 'medium-light', tablerIconSize: 48 };\n\n    showWarning(message: TextModel, title?: TextModel, actionButtons: ButtonModel[] = []): ModalRef {\n        return this.open(\n            message,\n            title || { text: 'UpDevs.ModalAlert.WarningTitle', isTranslated: false },\n            'alert-triangle',\n            'text-warning',\n            'warning',\n            actionButtons\n        );\n    }\n\n    showError(message: TextModel, title?: TextModel, actionButtons: ButtonModel[] = []): ModalRef {\n        return this.open(\n            message,\n            title || { text: 'UpDevs.ModalAlert.ErrorTitle', isTranslated: false },\n            'exclamation-circle',\n            'text-danger',\n            'danger',\n            actionButtons\n        );\n    }\n\n    showInfo(message: TextModel, title?: TextModel, actionButtons: ButtonModel[] = []): ModalRef {\n        return this.open(\n            message,\n            title || { text: 'UpDevs.ModalAlert.InfoTitle', isTranslated: false },\n            'info-circle',\n            'text-info',\n            'info',\n            actionButtons\n        );\n    }\n\n    showSuccess(message: TextModel, title?: TextModel, actionButtons: ButtonModel[] = []): ModalRef {\n        return this.open(\n            message,\n            title || { text: 'UpDevs.ModalAlert.SuccessTitle', isTranslated: false },\n            'circle-check',\n            'text-success',\n            'success',\n            actionButtons\n        );\n    }\n\n    showConfirm(message: TextModel, title?: TextModel, actionButtons: ButtonModel[] = []): Observable<boolean> {\n        // eslint-disable-next-line prefer-const\n        let modalRef: ModalRef;\n        const statusColor: BgColorStyleType = 'indigo';\n        const result = new Subject<boolean>();\n\n        if (actionButtons.length < 1) {\n            actionButtons = [\n                new ButtonModel({\n                    text: signal({ text: 'UpDevs.ModalAlert.ConfirmNo', isTranslated: false }),\n                    isOutline: signal(true),\n                    clickFunction: () => {\n                        result.next(false);\n                        modalRef.close();\n                    }\n                }),\n                new ButtonModel({\n                    text: signal({ text: 'UpDevs.ModalAlert.ConfirmYes', isTranslated: false }),\n                    colorStyle: signal(statusColor),\n                    clickFunction: () => {\n                        result.next(true);\n                        modalRef.close();\n                    }\n                })\n            ];\n        }\n\n        modalRef = this.open(\n            message,\n            title || { text: 'UpDevs.ModalAlert.ConfirmationTitle', isTranslated: false },\n            'checklist',\n            'text-indigo',\n            statusColor,\n            actionButtons,\n            'full-width'\n        );\n\n        return result;\n    }\n\n    showCustom(\n        message: TextModel,\n        title: TextModel,\n        titleIcon: IconModel,\n        titleIconPosition: TopBottomLeftRightType,\n        statusColor: BgColorStyleType,\n        actionButtons: ButtonModel[] = [],\n        size: ModalSizeType = 'small',\n        footerLayout: ModalFooterStyleType = 'default'\n    ): ModalRef {\n        return this.modalService.open(undefined, {\n            isAlert: true,\n            title,\n            titleIcon,\n            titleIconPosition,\n            size,\n            body: message,\n            statusColor,\n            footerLayout,\n            actionButtons\n        });\n    }\n\n    private open(\n        message: TextModel,\n        title: TextModel,\n        titleIconType: TablerIconsType,\n        titleIconColorClass: string,\n        statusColor: BgColorStyleType,\n        actionButtons: ButtonModel[],\n        footerLayout: ModalFooterStyleType = 'default'\n    ): ModalRef {\n        // eslint-disable-next-line prefer-const\n        let modalRef: ModalRef;\n        const titleIcon: IconModel = {\n            ...this.defaultIconModel,\n            tablerIcon: titleIconType,\n            colorClass: titleIconColorClass\n        };\n\n        if (actionButtons.length < 1) {\n            actionButtons.push(\n                new ButtonModel({\n                    text: signal({ text: 'UpDevs.ModalAlert.OkButtonTitle', isTranslated: false }),\n                    colorStyle: signal(statusColor),\n                    clickFunction: () => modalRef.close()\n                })\n            );\n        }\n\n        modalRef = this.modalService.open(undefined, {\n            isAlert: true,\n            title,\n            titleIcon,\n            titleIconPosition: 'top',\n            size: 'small',\n            body: message,\n            statusColor,\n            footerLayout,\n            actionButtons,\n            showCloseButton: false\n        });\n\n        return modalRef;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UpdCoreLayoutModule } from '@updevs/sdk/layout';\nimport { UpdIconsModule } from '@updevs/icons';\nimport { UpdMessagesModule, MessagesService, MessageTypeEnum } from '@updevs/sdk/messages';\nimport { OptionalType } from '@updevs/sdk/types';\nimport { UpdButtonModule } from '@updevs/components/button';\nimport { TranslocoService, TranslocoDirective } from '@jsverse/transloco';\n\nimport * as en from './assets/i18n/en.json';\nimport * as pt from './assets/i18n/pt.json';\nimport { ModalService } from './services/modal.service';\nimport { ModalContainerComponent } from './components/modal-container/modal-container.component';\nimport { ModalAlertService } from './services/modal-alert.service';\nimport { ModalRef } from './models/modal-ref';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        UpdCoreLayoutModule,\n        UpdButtonModule,\n        UpdIconsModule,\n        UpdMessagesModule,\n        TranslocoDirective\n    ],\n    declarations: [\n        ModalContainerComponent\n    ],\n    providers: [\n        ModalService,\n        ModalAlertService\n    ]\n})\nexport class UpdModalModule {\n    constructor(translocoService: TranslocoService, modalAlertService: ModalAlertService, messagesService: MessagesService) {\n        translocoService.setFallbackLangForMissingTranslation({ fallbackLang: 'en' });\n        translocoService.setTranslation(en, 'en');\n        translocoService.setTranslation(pt, 'pt');\n        this.setupMessagesService(modalAlertService, messagesService);\n    }\n\n    private setupMessagesService(modalAlertService: ModalAlertService, messagesService: MessagesService): void {\n        messagesService.onNewMessage.subscribe(msg => {\n            if (msg.isModal) {\n                if (!!msg.onShown) {\n                    msg.onShown();\n                }\n\n                let modalRef: OptionalType<ModalRef>;\n\n                switch (msg.type) {\n                    case MessageTypeEnum.Warning:\n                        modalRef = modalAlertService.showWarning(msg.message, msg.title);\n                        break;\n                    case MessageTypeEnum.Info:\n                        modalRef = modalAlertService.showInfo(msg.message, msg.title);\n                        break;\n                    case MessageTypeEnum.Error:\n                        modalRef = modalAlertService.showError(msg.message, msg.title);\n                        break;\n                    case MessageTypeEnum.Success:\n                        modalRef = modalAlertService.showSuccess(msg.message, msg.title);\n                        break;\n                    case MessageTypeEnum.Confirm:\n                        modalAlertService.showConfirm(msg.message, msg.title);\n                        break;\n                }\n\n                if (!!modalRef && !!msg.onHidden) {\n                    modalRef.afterClose = msg.onHidden;\n                }\n            }\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["LayoutUtils","i4","en","pt","i1","i2.ModalAlertService","i3"],"mappings":"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"}

package/fesm2022/updevs-components-paginator.mjs

@@ -0,0 +1,160 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, input, model, computed, inject, effect, Output, HostBinding, Component, 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, ...(ngDevMode ? [{ debugName: "startPageIndex" }] : []));
+        this.currentPage = model(this.startPageIndex(), ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+        this.wrapperClasses = input('', ...(ngDevMode ? [{ debugName: "wrapperClasses" }] : []));
+        this.availablePageSizes = input([5, 10, 15, 25, 50], ...(ngDevMode ? [{ debugName: "availablePageSizes" }] : []));
+        this.defaultInitPageSize = input(10, ...(ngDevMode ? [{ debugName: "defaultInitPageSize" }] : []));
+        this.pageSize = model(this.defaultInitPageSize(), ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+        this.shouldDisplayFirstIcon = input(true, ...(ngDevMode ? [{ debugName: "shouldDisplayFirstIcon" }] : []));
+        this.shouldDisplayFirstText = input(true, ...(ngDevMode ? [{ debugName: "shouldDisplayFirstText" }] : []));
+        this.shouldDisplayPreviousIcon = input(true, ...(ngDevMode ? [{ debugName: "shouldDisplayPreviousIcon" }] : []));
+        this.shouldDisplayPreviousText = input(true, ...(ngDevMode ? [{ debugName: "shouldDisplayPreviousText" }] : []));
+        this.shouldDisplayNextIcon = input(true, ...(ngDevMode ? [{ debugName: "shouldDisplayNextIcon" }] : []));
+        this.shouldDisplayNextText = input(true, ...(ngDevMode ? [{ debugName: "shouldDisplayNextText" }] : []));
+        this.shouldDisplayLastIcon = input(true, ...(ngDevMode ? [{ debugName: "shouldDisplayLastIcon" }] : []));
+        this.shouldDisplayLastText = input(true, ...(ngDevMode ? [{ debugName: "shouldDisplayLastText" }] : []));
+        this.previousDescription = input(...(ngDevMode ? [undefined, { debugName: "previousDescription" }] : []));
+        this.nextDescription = input(...(ngDevMode ? [undefined, { debugName: "nextDescription" }] : []));
+        this.totalRecords = input(0, ...(ngDevMode ? [{ debugName: "totalRecords" }] : []));
+        this.isFirstDisabled = computed(() => this.currentPage() === this.startPageIndex() || this.totalRecords() === 0, ...(ngDevMode ? [{ debugName: "isFirstDisabled" }] : []));
+        this.isPreviousDisabled = computed(() => this.currentPage() === this.startPageIndex() || this.totalRecords() === 0, ...(ngDevMode ? [{ debugName: "isPreviousDisabled" }] : []));
+        this.isNextDisabled = computed(() => this.currentPage() + 1 === this.totalPages() || this.totalRecords() === 0, ...(ngDevMode ? [{ debugName: "isNextDisabled" }] : []));
+        this.isLastDisabled = computed(() => this.currentPage() + 1 === this.totalPages() || this.totalRecords() === 0, ...(ngDevMode ? [{ debugName: "isLastDisabled" }] : []));
+        this.pageOptions = computed(() => this.availablePageSizes().map(ps => ({ value: ps, text: ps.toString() })), ...(ngDevMode ? [{ debugName: "pageOptions" }] : []));
+        this.selectedPageSize = computed(() => this.pageOptions().find(po => po.value === this.pageSize()), ...(ngDevMode ? [{ debugName: "selectedPageSize" }] : []));
+        this.totalPages = computed(() => Math.ceil(this.totalRecords() / this.pageSize()), ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
+        this.currentFirstDisplayed = computed(() => ((this.currentPage() - this.startPageIndex()) * this.pageSize()) + 1, ...(ngDevMode ? [{ debugName: "currentFirstDisplayed" }] : []));
+        this.currentLastDisplayed = computed(() => (this.expectedLast() > this.totalRecords() ? this.totalRecords() : this.expectedLast()), ...(ngDevMode ? [{ debugName: "currentLastDisplayed" }] : []));
+        this.textService = inject(TextService);
+        this.expectedLast = computed(() => (this.currentPage() + (this.startPageIndex() === 1 ? 0 : 1)) * this.pageSize(), ...(ngDevMode ? [{ debugName: "expectedLast" }] : []));
+        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: "21.1.4", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: PaginatorComponent, isStandalone: false, 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()\" [value]=\"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", "stopPropagation"], outputs: ["clicked"] }, { kind: "component", type: i3.SelectComponent, selector: "upd-select", inputs: ["useSystemStyle", "shouldShowClearButton", "shouldTruncateSelectedText", "isCompact", "value"], outputs: ["valueChange", "selectedItem"] }, { kind: "directive", type: i1$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: PaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, 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()\" [value]=\"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
+            }], startPageIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "startPageIndex", required: false }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], wrapperClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrapperClasses", required: false }] }], availablePageSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "availablePageSizes", required: false }] }], defaultInitPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultInitPageSize", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], shouldDisplayFirstIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldDisplayFirstIcon", required: false }] }], shouldDisplayFirstText: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldDisplayFirstText", required: false }] }], shouldDisplayPreviousIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldDisplayPreviousIcon", required: false }] }], shouldDisplayPreviousText: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldDisplayPreviousText", required: false }] }], shouldDisplayNextIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldDisplayNextIcon", required: false }] }], shouldDisplayNextText: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldDisplayNextText", required: false }] }], shouldDisplayLastIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldDisplayLastIcon", required: false }] }], shouldDisplayLastText: [{ type: i0.Input, args: [{ isSignal: true, alias: "shouldDisplayLastText", required: false }] }], previousDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousDescription", required: false }] }], nextDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextDescription", required: false }] }], totalRecords: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalRecords", required: false }] }] } });
+
+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: "21.1.4", ngImport: i0, type: UpdPaginatorModule, deps: [{ token: i1$1.TranslocoService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: UpdPaginatorModule, declarations: [PaginatorComponent], imports: [CommonModule,
+            UpdIconsModule,
+            UpdButtonModule,
+            UpdSelectModule,
+            TranslocoDirective], exports: [PaginatorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdPaginatorModule, imports: [CommonModule,
+            UpdIconsModule,
+            UpdButtonModule,
+            UpdSelectModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", 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    standalone: false,\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()\" [value]=\"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,215 @@
+import * as i0 from '@angular/core';
+import { Input, HostBinding, ViewEncapsulation, Component, inject, ElementRef, Renderer2, ViewContainerRef, NgZone, Injector, afterNextRender, HostListener, Directive, 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: "21.1.4", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: PopoverComponent, isStandalone: false, 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", "attr.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: "21.1.4", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, 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: ['attr.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.popoverComponentRef.changeDetectorRef.detectChanges();
+        const arrowElement = this.popoverComponentRef.location.nativeElement.querySelector('.popover-arrow');
+        afterNextRender(() => {
+            this.ngZone.runOutsideAngular(() => this.positioningService
+                .computePosition(this.elementRef, this.popoverComponentRef.location, { placement: this.placement }, arrowElement)
+                .subscribe(resp => this.updatePosition(resp)));
+        }, { injector: this.injector });
+    }
+    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 = nativeElement?.querySelector('.popover-arrow');
+        if (!arrowElement) {
+            console.warn('Popover arrow element not found. Positioning may be incorrect.');
+            return;
+        }
+        this.renderer.setStyle(nativeElement, 'left', `${result.x}px`);
+        this.renderer.setStyle(nativeElement, 'top', `${result.y}px`);
+        if (arrowElement && result.middlewareData.arrow) {
+            const { x: arrowX, y: arrowY } = result.middlewareData.arrow;
+            this.renderer.setStyle(arrowElement, 'left', arrowX !== undefined ? `${arrowX}px` : '');
+            this.renderer.setStyle(arrowElement, 'top', arrowY !== undefined ? `${arrowY}px` : '');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: PopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.4", type: PopoverDirective, isStandalone: false, 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: "21.1.4", ngImport: i0, type: PopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: false,
+                    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: "21.1.4", ngImport: i0, type: UpdPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: UpdPopoverModule, declarations: [PopoverComponent,
+            PopoverDirective], imports: [CommonModule], exports: [PopoverComponent,
+            PopoverDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdPopoverModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", 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    standalone: false,\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('attr.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    afterNextRender\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    standalone: false,\n    selector: '[updPopover]'\n})\nexport class PopoverDirective {\n    @Input('updPopover') text?: string;\n    @Input('updPopoverTitle') title?: string;\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('updPopoverTitleTemplate') popoverTitleTemplate?: TemplateRef<any>;\n    // eslint-disable-next-line @angular-eslint/no-input-rename\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.popoverComponentRef!.changeDetectorRef.detectChanges();\n\n        const arrowElement = this.popoverComponentRef!.location.nativeElement.querySelector('.popover-arrow');\n\n        afterNextRender(() => {\n            this.ngZone.runOutsideAngular(() =>\n                this.positioningService\n                    .computePosition(this.elementRef, this.popoverComponentRef!.location, { placement: this.placement }, arrowElement)\n                    .subscribe(resp => this.updatePosition(resp))\n            );\n        }, { injector: this.injector });\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 = nativeElement?.querySelector('.popover-arrow');\n\n        if (!arrowElement) {\n            console.warn('Popover arrow element not found. Positioning may be incorrect.');\n            return;\n        }\n\n        this.renderer.setStyle(nativeElement, 'left', `${result.x}px`);\n        this.renderer.setStyle(nativeElement, 'top', `${result.y}px`);\n\n        if (arrowElement && result.middlewareData.arrow) {\n            const { x: arrowX, y: arrowY } = result.middlewareData.arrow;\n            this.renderer.setStyle(arrowElement, 'left', arrowX !== undefined ? `${arrowX}px` : '');\n            this.renderer.setStyle(arrowElement, 'top', arrowY !== undefined ? `${arrowY}px` : '');\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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"}