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

package/types/updevs-components-modal.d.ts

@@ -0,0 +1,155 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, Type, ElementRef, ComponentRef } from '@angular/core';
+import { OptionalType, BgColorStyleType, TopBottomLeftRightType, ComponentType } from '@updevs/sdk/types';
+import { TextModel } from '@updevs/sdk';
+import * as i3 from '@updevs/sdk/layout';
+import { ButtonModel, BaseComponent, Overlay } from '@updevs/sdk/layout';
+import * as i5 from '@updevs/icons';
+import { IconModel } from '@updevs/icons';
+import { Observable } from 'rxjs';
+import * as i6 from '@updevs/sdk/messages';
+import { MessagesService } from '@updevs/sdk/messages';
+import * as i7 from '@jsverse/transloco';
+import { TranslocoService } from '@jsverse/transloco';
+import * as i2 from '@angular/common';
+import { NgComponentOutlet } from '@angular/common';
+import * as i4 from '@updevs/components/button';
+
+interface ModalRef {
+    afterClose?: (result?: any) => void;
+    close(result?: any): void;
+    getBodyInstance<T>(): OptionalType<T>;
+}
+
+declare abstract class BaseModal<TData = any> {
+    modalRef: i0.InputSignal<ModalRef>;
+    data: i0.InputSignal<TData>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseModal<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseModal<any>, never, never, { "modalRef": { "alias": "modalRef"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+type ModalSizeType = 'regular' | 'small' | 'extra-large' | 'large';
+
+type ModalFooterStyleType = 'full-width' | 'default' | 'centered';
+
+interface ModalConfig {
+    size?: ModalSizeType;
+    isVerticallyCentered?: boolean;
+    isScrollable?: boolean;
+    showCancelButton?: boolean;
+    showCloseButton?: boolean;
+    shouldDismissOnEsc?: boolean;
+    shouldDismissOnOutsideClick?: boolean;
+    isAlert?: boolean;
+    isTextCentered?: boolean;
+    statusColor?: BgColorStyleType;
+    headerTemplateRef?: TemplateRef<any>;
+    footerTemplateRef?: TemplateRef<any>;
+    bodyTemplateRef?: TemplateRef<any>;
+    bodyContentType?: Type<any>;
+    body?: TextModel;
+    title?: TextModel;
+    titleIcon?: IconModel;
+    titleIconPosition?: TopBottomLeftRightType;
+    footerLayout?: ModalFooterStyleType;
+    actionButtons?: ButtonModel[];
+    data?: any;
+}
+
+declare class ModalService {
+    private readonly dynamicComponentLoaderService;
+    private readonly overlayService;
+    private readonly applicationRef;
+    open<T>(contentType?: ComponentType<T>, config?: ModalConfig, rootElement?: Element, shouldDisposeOnClick?: boolean, shouldDisposeOnEsc?: boolean): ModalRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
+}
+
+declare class ModalAlertService {
+    private readonly modalService;
+    private readonly defaultIconModel;
+    showWarning(message: TextModel, title?: TextModel, actionButtons?: ButtonModel[]): ModalRef;
+    showError(message: TextModel, title?: TextModel, actionButtons?: ButtonModel[]): ModalRef;
+    showInfo(message: TextModel, title?: TextModel, actionButtons?: ButtonModel[]): ModalRef;
+    showSuccess(message: TextModel, title?: TextModel, actionButtons?: ButtonModel[]): ModalRef;
+    showConfirm(message: TextModel, title?: TextModel, actionButtons?: ButtonModel[]): Observable<boolean>;
+    showCustom(message: TextModel, title: TextModel, titleIcon: IconModel, titleIconPosition: TopBottomLeftRightType, statusColor: BgColorStyleType, actionButtons?: ButtonModel[], size?: ModalSizeType, footerLayout?: ModalFooterStyleType): ModalRef;
+    private open;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalAlertService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalAlertService>;
+}
+
+declare class ModalContainerComponent extends BaseComponent implements ModalConfig, ModalRef {
+    id: string;
+    hostClass: string[];
+    role: string;
+    ariaHidden: boolean;
+    ariaModal: boolean;
+    tabIndex: number;
+    styleDisplay?: string;
+    dialog: i0.Signal<ElementRef<any>>;
+    content: i0.Signal<ElementRef<any>>;
+    bodyContentOutlet: i0.Signal<NgComponentOutlet<any> | undefined>;
+    size: ModalSizeType;
+    isVerticallyCentered: boolean;
+    isScrollable: boolean;
+    showCloseButton: boolean;
+    showCancelButton: boolean;
+    isTextCentered: boolean;
+    shouldDismissOnEsc: boolean;
+    shouldDismissOnOutsideClick: boolean;
+    isAlert: boolean;
+    statusColor?: BgColorStyleType;
+    headerTemplateRef?: TemplateRef<any>;
+    footerTemplateRef?: TemplateRef<any>;
+    bodyTemplateRef?: TemplateRef<any>;
+    bodyContentType?: Type<any>;
+    contentType?: Type<any>;
+    body?: TextModel;
+    title?: TextModel;
+    titleIcon?: IconModel;
+    titleIconPosition?: TopBottomLeftRightType;
+    footerLayout?: ModalFooterStyleType;
+    actionButtons: ButtonModel[];
+    overlay: Overlay;
+    modalContainerRef: ComponentRef<ModalContainerComponent>;
+    data?: any;
+    afterClose?: (result?: any) => void;
+    get classes(): string[];
+    get titleText(): string;
+    get bodyText(): string;
+    get statusColorClass(): string;
+    get sizeClass(): string;
+    private readonly openClass;
+    private readonly textService;
+    private readonly elementRef;
+    private readonly layoutService;
+    private readonly scrollbarService;
+    private readonly renderer;
+    private readonly document;
+    private get element();
+    prepareToShow(config?: ModalConfig): void;
+    show(): void;
+    close(result?: any): void;
+    buttonClick(event: MouseEvent, btn: ButtonModel): void;
+    getBodyInstance<T>(): OptionalType<T>;
+    private adjustDialog;
+    private setupConfig;
+    private setupActionButtons;
+    private setupListeners;
+    private clickCallback;
+    private escCallback;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalContainerComponent, "upd-modal-container", never, {}, {}, never, never, false, never>;
+}
+
+declare class UpdModalModule {
+    constructor(translocoService: TranslocoService, modalAlertService: ModalAlertService, messagesService: MessagesService);
+    private setupMessagesService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdModalModule, [typeof ModalContainerComponent], [typeof i2.CommonModule, typeof i3.UpdCoreLayoutModule, typeof i4.UpdButtonModule, typeof i5.UpdIconsModule, typeof i6.UpdMessagesModule, typeof i7.TranslocoDirective], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdModalModule>;
+}
+
+export { BaseModal, ModalAlertService, ModalService, UpdModalModule };
+export type { ModalConfig, ModalRef };

package/types/updevs-components-paginator.d.ts

@@ -0,0 +1,58 @@
+import * as _angular_core from '@angular/core';
+import { EventEmitter, Signal } from '@angular/core';
+import { TextModel, TextService } from '@updevs/sdk';
+import * as i5 from '@updevs/components/form-controls/select';
+import { SelectItem } from '@updevs/components/form-controls/select';
+import * as i6 from '@jsverse/transloco';
+import { TranslocoService } from '@jsverse/transloco';
+import * as i2 from '@angular/common';
+import * as i3 from '@updevs/icons';
+import * as i4 from '@updevs/components/button';
+
+declare class PaginatorComponent {
+    hostClasses: string;
+    readonly changed: EventEmitter<void>;
+    startPageIndex: _angular_core.InputSignal<0 | 1>;
+    currentPage: _angular_core.ModelSignal<number>;
+    wrapperClasses: _angular_core.InputSignal<string>;
+    availablePageSizes: _angular_core.InputSignal<number[]>;
+    defaultInitPageSize: _angular_core.InputSignal<number>;
+    pageSize: _angular_core.ModelSignal<number>;
+    shouldDisplayFirstIcon: _angular_core.InputSignal<boolean>;
+    shouldDisplayFirstText: _angular_core.InputSignal<boolean>;
+    shouldDisplayPreviousIcon: _angular_core.InputSignal<boolean>;
+    shouldDisplayPreviousText: _angular_core.InputSignal<boolean>;
+    shouldDisplayNextIcon: _angular_core.InputSignal<boolean>;
+    shouldDisplayNextText: _angular_core.InputSignal<boolean>;
+    shouldDisplayLastIcon: _angular_core.InputSignal<boolean>;
+    shouldDisplayLastText: _angular_core.InputSignal<boolean>;
+    previousDescription: _angular_core.InputSignal<TextModel | undefined>;
+    nextDescription: _angular_core.InputSignal<TextModel | undefined>;
+    totalRecords: _angular_core.InputSignal<number>;
+    isFirstDisabled: Signal<boolean>;
+    isPreviousDisabled: Signal<boolean>;
+    isNextDisabled: Signal<boolean>;
+    isLastDisabled: Signal<boolean>;
+    pageOptions: Signal<SelectItem[]>;
+    selectedPageSize: Signal<SelectItem | undefined>;
+    totalPages: Signal<number>;
+    currentFirstDisplayed: Signal<number>;
+    currentLastDisplayed: Signal<number>;
+    readonly textService: TextService;
+    private expectedLast;
+    private readonly defaultWrapperClasses;
+    constructor();
+    onSelectPageSize(page?: SelectItem): void;
+    selectPage(page: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginatorComponent, "upd-paginator", never, { "startPageIndex": { "alias": "startPageIndex"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "availablePageSizes": { "alias": "availablePageSizes"; "required": false; "isSignal": true; }; "defaultInitPageSize": { "alias": "defaultInitPageSize"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "shouldDisplayFirstIcon": { "alias": "shouldDisplayFirstIcon"; "required": false; "isSignal": true; }; "shouldDisplayFirstText": { "alias": "shouldDisplayFirstText"; "required": false; "isSignal": true; }; "shouldDisplayPreviousIcon": { "alias": "shouldDisplayPreviousIcon"; "required": false; "isSignal": true; }; "shouldDisplayPreviousText": { "alias": "shouldDisplayPreviousText"; "required": false; "isSignal": true; }; "shouldDisplayNextIcon": { "alias": "shouldDisplayNextIcon"; "required": false; "isSignal": true; }; "shouldDisplayNextText": { "alias": "shouldDisplayNextText"; "required": false; "isSignal": true; }; "shouldDisplayLastIcon": { "alias": "shouldDisplayLastIcon"; "required": false; "isSignal": true; }; "shouldDisplayLastText": { "alias": "shouldDisplayLastText"; "required": false; "isSignal": true; }; "previousDescription": { "alias": "previousDescription"; "required": false; "isSignal": true; }; "nextDescription": { "alias": "nextDescription"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; }, never, never, false, never>;
+}
+
+declare class UpdPaginatorModule {
+    constructor(translocoService: TranslocoService);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdPaginatorModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdPaginatorModule, [typeof PaginatorComponent], [typeof i2.CommonModule, typeof i3.UpdIconsModule, typeof i4.UpdButtonModule, typeof i5.UpdSelectModule, typeof i6.TranslocoDirective], [typeof PaginatorComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdPaginatorModule>;
+}
+
+export { PaginatorComponent, UpdPaginatorModule };

package/types/updevs-components-popover.d.ts

@@ -0,0 +1,63 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, TemplateRef } from '@angular/core';
+import { TopBottomLeftRightType } from '@updevs/sdk/types';
+import * as i3 from '@angular/common';
+
+declare class PopoverComponent implements OnInit, OnChanges {
+    classes: string;
+    popperPlacement: string;
+    readonly role = "tooltip";
+    title?: string;
+    text?: string;
+    titleTemplate?: TemplateRef<any>;
+    template?: TemplateRef<any>;
+    placement: TopBottomLeftRightType;
+    customClasses?: string;
+    get isVisible(): boolean;
+    private _isVisible;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    setVisible(isVisible: boolean): void;
+    private updateClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "upd-popover", never, { "title": { "alias": "title"; "required": false; }; "text": { "alias": "text"; "required": false; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; }; "template": { "alias": "template"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class PopoverDirective {
+    text?: string;
+    title?: string;
+    popoverTitleTemplate?: TemplateRef<any>;
+    popoverTemplate?: TemplateRef<any>;
+    placement: TopBottomLeftRightType;
+    customClasses?: string;
+    /**
+     * 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.
+     */
+    actAsTooltip: boolean;
+    private popoverComponentRef?;
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly viewContainerRef;
+    private readonly ngZone;
+    private readonly injector;
+    private readonly positioningService;
+    private readonly dynamicComponentLoaderService;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onClick(): void;
+    private initPopover;
+    private disposePopover;
+    private setupPopover;
+    private updatePosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirective, "[updPopover]", never, { "text": { "alias": "updPopover"; "required": false; }; "title": { "alias": "updPopoverTitle"; "required": false; }; "popoverTitleTemplate": { "alias": "updPopoverTitleTemplate"; "required": false; }; "popoverTemplate": { "alias": "updPopoverTemplate"; "required": false; }; "placement": { "alias": "updPopoverPlacement"; "required": false; }; "customClasses": { "alias": "updPopoverCustomClasses"; "required": false; }; "actAsTooltip": { "alias": "updPopoverActAsTooltip"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class UpdPopoverModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdPopoverModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdPopoverModule, [typeof PopoverComponent, typeof PopoverDirective], [typeof i3.CommonModule], [typeof PopoverComponent, typeof PopoverDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdPopoverModule>;
+}
+
+export { PopoverComponent, PopoverDirective, UpdPopoverModule };

package/types/updevs-components-pricing.d.ts

@@ -0,0 +1,91 @@
+import * as i5 from '@updevs/icons';
+import { IconModel } from '@updevs/icons';
+import { TextModel, TextService } from '@updevs/sdk';
+import { BaseEntityModel } from '@updevs/sdk/core';
+import { BgColorStyleType } from '@updevs/sdk/types';
+import * as i4 from '@updevs/components/card';
+import { RibbonStyleType } from '@updevs/components/card';
+import * as _angular_core from '@angular/core';
+import * as i3 from '@angular/common';
+import * as i6 from '@updevs/components/button';
+import * as i7 from '@updevs/components/badge';
+import * as i8 from '@updevs/components/popover';
+
+interface PriceItemFeature {
+    text: string;
+    extraInfo?: string;
+    itemDescription?: string;
+    isIncluded: boolean;
+    isHighlighted: boolean;
+}
+
+interface PriceItemFeaturesGroup {
+    name: string;
+    features: PriceItemFeature[];
+}
+
+interface PriceItemTagModel {
+    text: TextModel;
+    backgroundColor: BgColorStyleType;
+}
+
+interface PriceItemModel extends BaseEntityModel {
+    title: string;
+    price: string;
+    description?: string;
+    isPriceCentered?: boolean;
+    chooseThisText: TextModel;
+    currentText?: TextModel;
+    tags?: PriceItemTagModel[];
+    highlightColor?: BgColorStyleType;
+    ribbonStyle?: RibbonStyleType;
+    ribbonIcon?: IconModel;
+    groupedFeatures?: PriceItemFeaturesGroup[];
+    features?: PriceItemFeature[];
+}
+
+declare class PricingCardsComponent {
+    readonly isLoading: _angular_core.InputSignal<boolean>;
+    readonly items: _angular_core.InputSignal<PriceItemModel[]>;
+    readonly selected: _angular_core.OutputEmitterRef<PriceItemModel>;
+    readonly textService: TextService;
+    selectOption(item: PriceItemModel): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PricingCardsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PricingCardsComponent, "upd-pricing-cards", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "selected": "selected"; }, never, never, false, never>;
+}
+
+type DisplayRow = {
+    isHeader: true;
+    name: string;
+} | {
+    isHeader: false;
+    text: string;
+    extraInfo?: string;
+    cells: {
+        isIncluded: boolean;
+        itemDescription?: string;
+    }[];
+};
+declare class PricingTableComponent {
+    readonly isLoading: _angular_core.InputSignal<boolean>;
+    readonly shouldRemoveCardStyle: _angular_core.InputSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly items: _angular_core.InputSignal<PriceItemModel[]>;
+    readonly selected: _angular_core.OutputEmitterRef<PriceItemModel>;
+    readonly tableBodyRows: _angular_core.Signal<DisplayRow[]>;
+    readonly textService: TextService;
+    selectOption(item: PriceItemModel): void;
+    private findFeature;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PricingTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PricingTableComponent, "upd-pricing-table", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "shouldRemoveCardStyle": { "alias": "shouldRemoveCardStyle"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "selected": "selected"; }, never, never, false, never>;
+}
+
+declare class UpdPricingModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UpdPricingModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UpdPricingModule, [typeof PricingCardsComponent, typeof PricingTableComponent], [typeof i3.CommonModule, typeof i4.UpdCardModule, typeof i5.UpdIconsModule, typeof i6.UpdButtonModule, typeof i7.UpdBadgeModule, typeof i8.UpdPopoverModule], [typeof PricingCardsComponent, typeof PricingTableComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UpdPricingModule>;
+}
+
+export { PricingCardsComponent, PricingTableComponent, UpdPricingModule };
+export type { PriceItemFeature, PriceItemFeaturesGroup, PriceItemModel, PriceItemTagModel };