@rangertechnologies/ngnxt 2.1.348 → 2.1.350

package/lib/components/image-cropper/component/image-cropper.component.d.ts

@@ -67,7 +67,7 @@ export declare class ImageCropperComponent implements OnChanges, OnInit, OnDestr
     loadImageFailed: EventEmitter<void>;
     transformChange: EventEmitter<ImageTransform>;
     cropperChange: EventEmitter<CropperPosition>;
-    get alignImageStyle(): "left" | "center";
+    get alignImageStyle(): "center" | "left";
     constructor(sanitizer: DomSanitizer, cd: ChangeDetectorRef, zone: NgZone);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

package/lib/pages/pdfDesigner/pdf-designer/booklet.component.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BookletComponent {
+    referenceKey: string;
+    questions: any[];
+    isPreview: boolean;
+    currencySymbol: string;
+    questionChange: EventEmitter<{
+        value: any;
+        field: any;
+    }>;
+    onQuestionChange(value: any, field: any): void;
+    isVisible(field: any): boolean;
+    getElementStyle(field: any): any;
+    getLabelStyle(field: any): any;
+    getValue(field: any): string;
+    getMainColumns(field: any): any[];
+    getSummaryColumns(field: any): any[];
+    getRows(field: any): any[];
+    getHeaderStyle(column: any): any;
+    getCellStyle(column: any, rowIndex: number): any;
+    getSummaryColspan(field: any): number;
+    getCellValue(row: any, column: any): string;
+    getSummaryValue(field: any, column: any): string;
+    getRichTextLines(field: any): string[];
+    shouldRenderStyledTextLines(field: any): boolean;
+    getStyledTextLines(field: any): string[];
+    isTextHeadingLine(field: any, index: number, line: string): boolean;
+    getStyledTextLineStyle(field: any, index: number, line: string): any;
+    private isQuotationHeadingText;
+    private getDefaultTextHeadingColor;
+    private getDefaultTextHeadingSize;
+    isRichTextBullet(line: string): boolean;
+    getRichTextLineText(line: string): string;
+    isRichTextHeading(field: any, index: number, line: string): boolean;
+    getPdfMakePreview(field: any): string;
+    private getColumnWidth;
+    private formatCurrency;
+    private getPathValue;
+    private normalizeMargin;
+    private marginToCss;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BookletComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BookletComponent, "app-booklet", never, { "referenceKey": { "alias": "referenceKey"; "required": false; }; "questions": { "alias": "questions"; "required": false; }; "isPreview": { "alias": "isPreview"; "required": false; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; }; }, { "questionChange": "questionChange"; }, never, never, true, never>;
+}

package/lib/pages/pdfDesigner/pdf-designer/pdf-designer.component.d.ts

@@ -19,9 +19,11 @@ export declare class PdfDesignerComponent {
     from: any;
     dataBind: any;
     isPropertyHide: boolean;
+    pdfDefinitionOptions: any;
     pdfSaveHandlerEmit: EventEmitter<any>;
     templateMode: EventEmitter<boolean>;
     pdfPreviewEmit: EventEmitter<any>;
+    pdfOutputEmit: EventEmitter<any>;
     field: any;
     pdfElements: any[];
     elements: any[];
@@ -68,7 +70,17 @@ export declare class PdfDesignerComponent {
     private ratioMap;
     constructor(dataService: DataService, changeService: ChangeService, countryService: CountryService, pdfDesignerService: PdfDesignerService);
     ngAfterViewInit(): void;
-    handleQues(ques: any): Promise<void>;
+    handleQues(ques: any, dataBind?: any): void;
+    private getBoundReferenceValue;
+    private getBoundReferencePartsValue;
+    private getBoundTemplateValue;
+    private formatBoundDateValue;
+    private hasBindableValue;
+    private getBoundTableRows;
+    private buildTableSummaryValues;
+    private computeTableSummaryValue;
+    private resolveSummaryOperand;
+    private toNumericValue;
     getContrastColor(bgColor?: string): string;
     resizeAllTextareas(): void;
     ngOnInit(): void;
@@ -84,6 +96,7 @@ export declare class PdfDesignerComponent {
     selectHeading(event: any): void;
     generateUiId(): string;
     addElement(type: string): void;
+    private applyAdvancedElementDefaults;
     onTextAreaInput(event: Event, field: any): void;
     onQuestionChange(value: any, field: any): void;
     pdfPreview(pdf: any): void;
@@ -96,7 +109,7 @@ export declare class PdfDesignerComponent {
     onClose(): void;
     addOnTable(): void;
     addTableData(fieldId: any, fieldName: any): void;
-    columnSelected(event: any): void;
+    columnSelected(tableIndexOrEvent: number | any, event?: any, mouseEvent?: MouseEvent): void;
     removeColumn(event: any): void;
     fileChangeEvent(field: any, event: any): Promise<void>;
     private readFileAsDataURL;
@@ -125,6 +138,7 @@ export declare class PdfDesignerComponent {
     setAlignment(alignment: 'left' | 'center' | 'right'): void;
     updateContent(tempElement?: any): void;
     pdfSaveHandler(event: any): void;
+    exportPdf(action?: 'preview' | 'download' | 'definition' | string, dataBind?: any): any;
     selectColor(color: string): void;
     currencyChange(event: any): void;
     setupCanvas(element: HTMLCanvasElement): void;
@@ -136,6 +150,49 @@ export declare class PdfDesignerComponent {
     saveCanvasToField(canvas: HTMLCanvasElement, field: any): void;
     clearCanvas(element: HTMLCanvasElement, field: any): void;
     clearSignature(field: any): void;
+    getPdfSettings(): any;
+    getPageBackgroundColor(): string;
+    getPageContentStyle(): any;
+    getWatermarkText(): string;
+    getWatermarkStyle(): any;
+    shouldShowFooterOnCanvas(): boolean;
+    shouldShowHeaderOnCanvas(): boolean;
+    getHeaderStyle(): any;
+    getFooterStyle(): any;
+    getRunningBandColumns(type: 'header' | 'footer'): string[];
+    hasRunningBandBorder(type: 'header' | 'footer'): boolean;
+    getRunningBandBorderStyle(type: 'header' | 'footer'): any;
+    getElementTextStyle(field: any): any;
+    getElementLabelStyle(field: any): any;
+    displayFieldValue(field: any): string;
+    shouldRenderStyledTextLines(field: any): boolean;
+    getStyledTextLines(field: any): string[];
+    isTextHeadingLine(field: any, index: number, line: string): boolean;
+    getStyledTextLineStyle(field: any, index: number, line: string): any;
+    private isQuotationHeadingText;
+    private getDefaultTextHeadingColor;
+    private getDefaultTextHeadingSize;
+    getRichTextLines(field: any): string[];
+    isRichTextBullet(line: string): boolean;
+    getRichTextLineText(line: string): string;
+    isRichTextHeading(field: any, index: number, line: string): boolean;
+    getPdfMakePreview(field: any): string;
+    getMainTableColumns(field: any): any[];
+    getSummaryTableColumns(field: any): any[];
+    getTableRows(field: any): any[];
+    getTableHeaderStyle(column: any): any;
+    getTableCellStyle(column: any, rowIndex: number): any;
+    getTableSummaryLabelColspan(field: any): number;
+    getColumnCssWidth(column: any): string;
+    getTableCellValue(row: any, column: any): string;
+    getTableSummaryValue(field: any, column: any): string;
+    isSelectedTableColumn(column: any): boolean;
+    formatCurrencyValue(value: any, field?: any): string;
+    getCurrencySymbol(): string;
+    private normalizeCurrencyValue;
+    private resolveCurrencyOption;
+    private normalizeMargin;
+    private marginToCss;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdfDesignerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdfDesignerComponent, "app-pdf-designer", never, { "pdfJSON": { "alias": "pdfJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; "isPreview": { "alias": "isPreview"; "required": false; }; "from": { "alias": "from"; "required": false; }; "dataBind": { "alias": "dataBind"; "required": false; }; "isPropertyHide": { "alias": "isPropertyHide"; "required": false; }; }, { "pdfSaveHandlerEmit": "pdfSaveHandlerEmit"; "templateMode": "templateMode"; "pdfPreviewEmit": "pdfPreviewEmit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdfDesignerComponent, "app-pdf-designer", never, { "pdfJSON": { "alias": "pdfJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; "isPreview": { "alias": "isPreview"; "required": false; }; "from": { "alias": "from"; "required": false; }; "dataBind": { "alias": "dataBind"; "required": false; }; "isPropertyHide": { "alias": "isPropertyHide"; "required": false; }; "pdfDefinitionOptions": { "alias": "pdfDefinitionOptions"; "required": false; }; }, { "pdfSaveHandlerEmit": "pdfSaveHandlerEmit"; "templateMode": "templateMode"; "pdfPreviewEmit": "pdfPreviewEmit"; "pdfOutputEmit": "pdfOutputEmit"; }, never, never, true, never>;
 }

package/lib/pages/pdfDesigner/pdf-properties/pdf-properties.component.d.ts

@@ -369,6 +369,257 @@ export declare class PdfPropertiesComponent {
                 options?: undefined;
             })[];
         };
+        Section: {
+            elementProps: ({
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                labelPath?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                key: string;
+                labelPath: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                    labelPath: string;
+                }[];
+            } | {
+                label: string;
+                labelPath: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            })[];
+            appearance: ({
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                value: string;
+                options?: undefined;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                value: string;
+                labelPath?: undefined;
+                options?: undefined;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                value: number;
+                options?: undefined;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                value: string;
+                options: {
+                    value: string;
+                    label: string;
+                    labelPath: string;
+                }[];
+                placeholder?: undefined;
+            } | {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                placeholder: string;
+                value: number[];
+                options?: undefined;
+            })[];
+        };
+        RichText: {
+            elementProps: {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+            }[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                key: string;
+                labelPath: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                    labelPath: string;
+                }[];
+            } | {
+                label: string;
+                labelPath: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            })[];
+            appearance: ({
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                value: string;
+                placeholder?: undefined;
+                options?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                value: string;
+                labelPath?: undefined;
+                placeholder?: undefined;
+                options?: undefined;
+            } | {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                value: number;
+                placeholder?: undefined;
+                options?: undefined;
+            } | {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                placeholder: string;
+                value: number[];
+                options?: undefined;
+            } | {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                value: string;
+                options: {
+                    label: string;
+                    labelPath: string;
+                    value: string;
+                }[];
+                placeholder?: undefined;
+            })[];
+        };
+        Note: {
+            elementProps: ({
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+                labelPath?: undefined;
+            })[];
+            fieldProps: ({
+                label: string;
+                type: string;
+                key: string;
+                labelPath: string;
+                subQuestion: {
+                    label: string;
+                    placeholder: string;
+                    type: string;
+                    key: string;
+                    labelPath: string;
+                }[];
+            } | {
+                label: string;
+                labelPath: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            })[];
+            appearance: ({
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                value: string;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                value: string;
+                labelPath?: undefined;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                value: number;
+                placeholder?: undefined;
+            } | {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                placeholder: string;
+                value: number[];
+            })[];
+        };
+        PageBreak: {
+            elementProps: ({
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+                value?: undefined;
+                options?: undefined;
+            } | {
+                label: string;
+                type: string;
+                key: string;
+                value: string;
+                options: {
+                    label: string;
+                    value: string;
+                }[];
+                labelPath?: undefined;
+            })[];
+            fieldProps: any[];
+            appearance: any[];
+        };
+        PdfMake: {
+            elementProps: {
+                label: string;
+                labelPath: string;
+                type: string;
+                key: string;
+            }[];
+            fieldProps: {
+                label: string;
+                placeholder: string;
+                type: string;
+                key: string;
+            }[];
+            appearance: any[];
+        };
         Pdf: {
             elementProps: ({
                 label: string;
@@ -1114,6 +1365,25 @@ export declare class PdfPropertiesComponent {
     handleTemplateSelection(event: any): void;
     ngOnInit(): void;
     updateTitle(event: any): void;
+    getPdfSettings(): any;
+    getPdfSetting(path: string, fallback?: any): any;
+    setPdfSetting(path: string, value: any): void;
+    onPdfSettingInput(path: string, event: Event): void;
+    getStyleBuilderTitle(): string;
+    getActiveStyleValue(path: string, fallback?: any): any;
+    onActiveStyleInput(path: string, event: Event): void;
+    setActiveStyleValue(path: string, value: any): void;
+    getActiveMargin(index: number): number;
+    onActiveMarginInput(index: number, event: Event): void;
+    getElementArrayValue(path: string, index: number, fallback?: number): number;
+    onElementArrayInput(path: string, index: number, event: Event): void;
+    getActiveColumnWidthMode(): string;
+    onActiveColumnWidthModeChange(event: Event): void;
+    private getActiveStyleTarget;
+    private getSelectedTableColumn;
+    private normalizeStyleInputValue;
+    private normalizeStyleMargin;
+    private normalizePdfSettingValue;
     updatePdfpData(): void;
     updateField(value: string): void;
     onCheckboxChange(targetArrayPath: any, targetArrayKey: any, key: any, apiName: string, isChecked: boolean): void;

package/lib/services/pdf-designer/pdf-designer.service.d.ts

@@ -28,6 +28,51 @@ export declare class PdfDesignerService {
     selectTableColumn: any;
     currencyOption: any;
     constructor(countryService: CountryService, http: HttpClient, dataService: DataService);
+    getDefaultPdfSettings(): {
+        pageSize: string;
+        pageOrientation: string;
+        pageMargins: number[];
+        backgroundColor: string;
+        header: {
+            enabled: boolean;
+            showOn: string;
+            text: string;
+            leftText: string;
+            centerText: string;
+            rightText: string;
+            alignment: string;
+            fontSize: number;
+            color: string;
+            margin: number[];
+            bottomBorder: boolean;
+            borderColor: string;
+            borderWidth: number;
+        };
+        watermark: {
+            enabled: boolean;
+            text: string;
+            color: string;
+            opacity: number;
+            angle: number;
+            fontSize: number;
+        };
+        footer: {
+            enabled: boolean;
+            showOn: string;
+            text: string;
+            leftText: string;
+            centerText: string;
+            rightText: string;
+            alignment: string;
+            fontSize: number;
+            color: string;
+            margin: number[];
+            topBorder: boolean;
+            borderColor: string;
+            borderWidth: number;
+        };
+    };
+    private ensurePdfSettings;
     intializeBook(pdf: any): void;
     getRefQbData(refqbid: string): Observable<any>;
     addElementWithId(): string;
@@ -48,12 +93,77 @@ export declare class PdfDesignerService {
     sortElementsByOrder(): void;
     getBook(): any;
     downloadElement(): any;
+    buildPdfOutput(pdfJSON: any, dataBind?: any, pdfDefinitionOptions?: any, action?: 'preview' | 'download' | 'definition' | string, elements?: any[]): {
+        action: string;
+        title: any;
+        pdf: any;
+        book: any;
+        boundBook: any;
+        pdfJson: any;
+        pdfDefinition: any;
+        dataBind: any;
+    };
+    buildPdfOutputFromConfig(config: {
+        pdfJSON: any;
+        dataBind?: any;
+        pdfDefinitionOptions?: any;
+        action?: 'preview' | 'download' | 'definition' | string;
+        elements?: any[];
+    }): {
+        action: string;
+        title: any;
+        pdf: any;
+        book: any;
+        boundBook: any;
+        pdfJson: any;
+        pdfDefinition: any;
+        dataBind: any;
+    };
+    buildBoundPdfBook(pdfJSON?: any, dataBind?: any, elements?: any[]): any;
+    bindPdfElements(elements?: any[], dataBind?: any): any[];
+    createPdfDefinition(boundBook: any, pdfDefinitionOptions?: any): any;
+    private bindPdfQuestion;
+    private normalizeBindableMetadata;
+    private getBoundReferenceValue;
+    private getBoundReferencePartsValue;
+    private getBoundTemplateValue;
+    private formatBoundDateValue;
+    private hasBindableValue;
+    private getBoundTableRows;
+    private buildTableSummaryValues;
+    private computeTableSummaryValue;
+    private resolveSummaryOperand;
+    private toNumericValue;
+    private getPdfUniqueId;
+    private clonePlain;
+    buildPdfBook(pdf?: any, elements?: any[]): any;
+    private applyPdfPageSettings;
+    private hasRunningBandContent;
+    private buildRunningBand;
+    private replacePageTokens;
     convertToPdfLayout(input: any): any;
+    private buildTableLayout;
+    private isEmptyTableDataRow;
+    private buildRichTextStack;
+    private buildTextValueNode;
+    private buildStyledTextStack;
+    private isQuotationHeadingText;
+    private getDefaultTextHeadingColor;
+    private getDefaultTextHeadingSize;
+    private parsePdfMakeJson;
+    private formatCurrencyText;
+    private normalizeCurrencyValue;
+    private resolveCurrencySymbol;
+    private resolveCurrencyOption;
+    private removeUnavailableFonts;
+    private replaceUnsupportedCurrencySymbols;
     updateElementsOrder(updatedElements: any[]): void;
     removeElementComponent(id: any): void;
     elementUpdate(element: any, from?: any): void;
     dateTransform(value: any, type: 'date' | 'datetime' | 'month' | 'time', languageCode: string, dateFormatType: 'hijri' | 'gregorianAr' | 'gregorian'): string;
     private toArabicNumbers;
+    private normalizeMargin;
+    private normalizePdfStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdfDesignerService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PdfDesignerService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rangertechnologies/ngnxt",
-  "version": "2.1.348",
+  "version": "2.1.350",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14"

package/public-api.d.ts

@@ -8,6 +8,7 @@ export * from './lib/pages/builder/form/form.component';
 export * from './lib/components/datatable/datatable.component';
 export * from './lib/components/button/nxt-button.component';
 export * from './lib/pages/pdfDesigner/pdf-designer/pdf-designer.component';
+export * from './lib/services/pdf-designer/pdf-designer.service';
 export * from './lib/components/nxt-input/nxt-input.component';
 export * from './lib/components/nxt-dropdown/nxt-dropdown.component';
 export * from './lib/components/nxt-multi-select/nxt-multi-select.component';