@progress/kendo-angular-pdfviewer 19.3.0-develop.3 → 19.3.0-develop.31

package/annotations/annotation-editor.d.ts

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgZone, ViewContainerRef } from '@angular/core';
+import { DialogService } from '@progress/kendo-angular-dialog';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { PopupRef } from '@progress/kendo-angular-popup';
+import { PdfViewer } from '@progress/kendo-pdfviewer-common';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { AnnotationEditorType } from './../models/annotation-editor.type';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class AnnotationPopupToolbarContentComponent {
+    private dialogService;
+    private ngZone;
+    hostClasses: boolean;
+    paletteIcon: SVGIcon;
+    trashIcon: SVGIcon;
+    localizationService: LocalizationService;
+    pdfViewerWidget: PdfViewer;
+    anchor: HTMLElement;
+    annotationEditorType: AnnotationEditorType;
+    popupRef: PopupRef;
+    showToolbar: boolean;
+    initialColor: string;
+    fontSizes: number[];
+    initialFontSize: number;
+    dialogContainer: ViewContainerRef;
+    removeAnnotationConfirmation: boolean;
+    private dialogResultSub;
+    constructor(dialogService: DialogService, ngZone: NgZone);
+    ngOnDestroy(): void;
+    editAnnotation(): void;
+    deleteAnnotation(): void;
+    onColorValueChange(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnnotationPopupToolbarContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnotationPopupToolbarContentComponent, "[kendoPDFViewerAnnotationPopupToolbar]", never, {}, {}, never, never, true, never>;
+}

package/esm2022/annotations/annotation-editor.mjs

@@ -0,0 +1,199 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgIf } from '@angular/common';
+import { Component, HostBinding, NgZone } from '@angular/core';
+import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
+import { DialogService } from '@progress/kendo-angular-dialog';
+import { KENDO_DROPDOWNLIST } from '@progress/kendo-angular-dropdowns';
+import { KENDO_FLATCOLORPICKER } from '@progress/kendo-angular-inputs';
+import { checkIcon, paletteIcon, trashIcon, xIcon } from '@progress/kendo-svg-icons';
+import { take } from 'rxjs/operators';
+import { fontSizes } from './../util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dialog";
+import * as i2 from "@progress/kendo-angular-buttons";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "@progress/kendo-angular-dropdowns";
+/**
+ * @hidden
+ */
+export class AnnotationPopupToolbarContentComponent {
+    dialogService;
+    ngZone;
+    hostClasses = true;
+    paletteIcon = paletteIcon;
+    trashIcon = trashIcon;
+    localizationService;
+    pdfViewerWidget;
+    anchor;
+    annotationEditorType;
+    popupRef;
+    showToolbar = true;
+    initialColor;
+    fontSizes = fontSizes;
+    initialFontSize;
+    dialogContainer;
+    removeAnnotationConfirmation;
+    dialogResultSub;
+    constructor(dialogService, ngZone) {
+        this.dialogService = dialogService;
+        this.ngZone = ngZone;
+    }
+    ngOnDestroy() {
+        if (this.dialogResultSub) {
+            this.dialogResultSub.unsubscribe();
+        }
+    }
+    editAnnotation() {
+        this.popupRef.popup.setInput('popupClass', 'k-pdf-viewer-annotation-editor');
+        this.hostClasses = false;
+        this.ngZone.run(() => this.showToolbar = false);
+    }
+    deleteAnnotation() {
+        const removeItem = (shouldRemove) => {
+            if (shouldRemove) {
+                this.pdfViewerWidget.deleteAnnotation();
+            }
+        };
+        if (this.removeAnnotationConfirmation) {
+            this.ngZone.run(() => {
+                const dialog = this.dialogService.open({
+                    appendTo: this.dialogContainer,
+                    title: this.localizationService.get('deleteAnnotationConfirmationDialogTitle'),
+                    content: this.localizationService.get('deleteAnnotationConfirmationDialogContent'),
+                    actions: [{
+                            text: this.localizationService.get('deleteAnnotationConfirmationDialogConfirmText'),
+                            themeColor: 'primary',
+                            svgIcon: checkIcon,
+                            icon: 'check'
+                        }, {
+                            text: this.localizationService.get('deleteAnnotationConfirmationDialogRejectText'),
+                            svgIcon: xIcon,
+                            icon: 'x'
+                        }],
+                });
+                this.dialogResultSub = dialog.result.pipe(take(1)).subscribe((e) => {
+                    const shouldRemove = e.text === (this.localizationService.get('deleteAnnotationConfirmationDialogConfirmText'));
+                    removeItem(shouldRemove);
+                    this.dialogResultSub.unsubscribe();
+                    this.dialogResultSub = null;
+                });
+            });
+        }
+        else {
+            removeItem(true);
+        }
+    }
+    onColorValueChange(value) {
+        this.pdfViewerWidget[this.annotationEditorType === 'highlight' ? 'setHighlightColor' : 'setFreeTextColor'](value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnotationPopupToolbarContentComponent, deps: [{ token: i1.DialogService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AnnotationPopupToolbarContentComponent, isStandalone: true, selector: "[kendoPDFViewerAnnotationPopupToolbar]", host: { properties: { "class.k-toolbar": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses", "class.k-toolbar-flat": "this.hostClasses" } }, providers: [DialogService], ngImport: i0, template: `
+        <ng-container *ngIf="showToolbar">
+            <button 
+                kendoButton
+                [attr.title]="localizationService?.get('annotationEditorTitle')"
+                [attr.aria-label]="localizationService?.get('annotationEditorTitle')"
+                [svgIcon]="paletteIcon"
+                icon="palette"
+                fillMode="flat"
+                type="button"
+                (click)="editAnnotation()"></button>
+            <button
+                kendoButton
+                [attr.title]="localizationService?.get('deleteAnnotationTitle')"
+                [attr.aria-label]="localizationService?.get('deleteAnnotationTitle')"
+                [svgIcon]="trashIcon"
+                icon="trash"
+                fillMode="flat"
+                type="button"
+                (click)="deleteAnnotation()"></button>
+        </ng-container>
+        <ng-container *ngIf="!showToolbar">
+            <ng-container *ngIf="annotationEditorType === 'freeText'">
+                 <span class="k-column-menu-group-header">
+                    <span id="text-font-size-label" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorFontSizeTitle') }}</span>
+                </span>
+                <kendo-dropdownlist
+                    [data]="fontSizes"
+                    [value]="initialFontSize"
+                    (valueChange)="pdfViewerWidget.setFreeTextFontSize($event)"
+                    fillMode="flat"
+                    aria-labelledby="text-font-size-label"></kendo-dropdownlist>
+            </ng-container>
+            <span class="k-column-menu-group-header">
+                <label [for]="flatColorPicker" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorColorTitle') }}</label>
+            </span>
+            <kendo-flatcolorpicker
+                #flatColorPicker
+                [preview]="false"
+                [value]="initialColor"
+                (valueChange)="onColorValueChange($event)"
+                fillMode="flat"></kendo-flatcolorpicker>
+        <ng-container>
+    `, isInline: true, dependencies: [{ kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i3.FlatColorPickerComponent, selector: "kendo-flatcolorpicker", inputs: ["readonly", "disabled", "format", "value", "tabindex", "clearButton", "preview", "actionsLayout", "activeView", "views", "gradientSettings", "adaptiveMode", "paletteSettings", "size"], outputs: ["valueChange", "cancel", "activeViewChange", "clearButtonClick", "actionButtonClick"], exportAs: ["kendoFlatColorPicker"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnnotationPopupToolbarContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[kendoPDFViewerAnnotationPopupToolbar]',
+                    standalone: true,
+                    providers: [DialogService],
+                    imports: [KENDO_BUTTON, KENDO_FLATCOLORPICKER, KENDO_DROPDOWNLIST, NgIf],
+                    template: `
+        <ng-container *ngIf="showToolbar">
+            <button 
+                kendoButton
+                [attr.title]="localizationService?.get('annotationEditorTitle')"
+                [attr.aria-label]="localizationService?.get('annotationEditorTitle')"
+                [svgIcon]="paletteIcon"
+                icon="palette"
+                fillMode="flat"
+                type="button"
+                (click)="editAnnotation()"></button>
+            <button
+                kendoButton
+                [attr.title]="localizationService?.get('deleteAnnotationTitle')"
+                [attr.aria-label]="localizationService?.get('deleteAnnotationTitle')"
+                [svgIcon]="trashIcon"
+                icon="trash"
+                fillMode="flat"
+                type="button"
+                (click)="deleteAnnotation()"></button>
+        </ng-container>
+        <ng-container *ngIf="!showToolbar">
+            <ng-container *ngIf="annotationEditorType === 'freeText'">
+                 <span class="k-column-menu-group-header">
+                    <span id="text-font-size-label" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorFontSizeTitle') }}</span>
+                </span>
+                <kendo-dropdownlist
+                    [data]="fontSizes"
+                    [value]="initialFontSize"
+                    (valueChange)="pdfViewerWidget.setFreeTextFontSize($event)"
+                    fillMode="flat"
+                    aria-labelledby="text-font-size-label"></kendo-dropdownlist>
+            </ng-container>
+            <span class="k-column-menu-group-header">
+                <label [for]="flatColorPicker" class="k-column-menu-group-header-text">{{ localizationService?.get('annotationEditorColorTitle') }}</label>
+            </span>
+            <kendo-flatcolorpicker
+                #flatColorPicker
+                [preview]="false"
+                [value]="initialColor"
+                (valueChange)="onColorValueChange($event)"
+                fillMode="flat"></kendo-flatcolorpicker>
+        <ng-container>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i0.NgZone }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-toolbar']
+            }, {
+                type: HostBinding,
+                args: ['class.k-toolbar-md']
+            }, {
+                type: HostBinding,
+                args: ['class.k-toolbar-flat']
+            }] } });

package/esm2022/localization/messages.mjs

@@ -109,8 +109,56 @@ export class Messages extends ComponentMessages {
      * Sets the placeholder text for the zoom tool input.
      */
     zoomInputPlaceholder;
+    /**
+     * Sets the title and label for the **Annotation Editor** tool.
+     */
+    annotationsTitle;
+    /**
+     * Sets the title and label for the **Annotation Editor** tool.
+     */
+    annotationEditorTitle;
+    /**
+     * Sets the title and label for the **Delete Annotation** tool.
+     */
+    deleteAnnotationTitle;
+    /**
+     * Sets the title and label for the **Highligh Annotation** tool.
+     */
+    highlightAnnotationTitle;
+    /**
+     * Sets the title and label for the **Free Text Annotation** tool.
+     */
+    freeTextAnnotationTitle;
+    /**
+     * Sets the title and label for the **Close Annotations Toolbar** tool.
+     */
+    closeAnnotationsToolbarTitle;
+    /**
+     * Sets the title of the **Delete Annotation** confirmation dialog.
+     */
+    deleteAnnotationConfirmationDialogTitle;
+    /**
+     * Sets the content text of the **Delete Annotation** confirmation dialog.
+     */
+    deleteAnnotationConfirmationDialogContent;
+    /**
+     * Sets the text of the **Delete Annotation** confirmation dialog confirm action button.
+     */
+    deleteAnnotationConfirmationDialogConfirmText;
+    /**
+     * Sets the text of the **Delete Annotation** confirmation dialog reject action button.
+     */
+    deleteAnnotationConfirmationDialogRejectText;
+    /**
+     * Sets the text of the **Font Size** section in the annotation editor dialog.
+     */
+    annotationEditorFontSizeTitle;
+    /**
+     * Sets the text of the **Color** section in the annotation editor dialog.
+     */
+    annotationEditorColorTitle;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendo-pdfviewer-messages-base", inputs: { zoomInTitle: "zoomInTitle", zoomOutTitle: "zoomOutTitle", selectionTitle: "selectionTitle", panningTitle: "panningTitle", searchTitle: "searchTitle", openTitle: "openTitle", downloadTitle: "downloadTitle", printTitle: "printTitle", pagerInputLabel: "pagerInputLabel", pagerInputTitle: "pagerInputTitle", pagerFirstPage: "pagerFirstPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerLastPage: "pagerLastPage", pagerOf: "pagerOf", pagerPage: "pagerPage", fitToPage: "fitToPage", fitToWidth: "fitToWidth", searchInputPlaceholder: "searchInputPlaceholder", searchMatchesOf: "searchMatchesOf", searchPreviousMatchTitle: "searchPreviousMatchTitle", searchNextMatchTitle: "searchNextMatchTitle", searchCloseTitle: "searchCloseTitle", searchMatchCaseTitle: "searchMatchCaseTitle", zoomInputPlaceholder: "zoomInputPlaceholder" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendo-pdfviewer-messages-base", inputs: { zoomInTitle: "zoomInTitle", zoomOutTitle: "zoomOutTitle", selectionTitle: "selectionTitle", panningTitle: "panningTitle", searchTitle: "searchTitle", openTitle: "openTitle", downloadTitle: "downloadTitle", printTitle: "printTitle", pagerInputLabel: "pagerInputLabel", pagerInputTitle: "pagerInputTitle", pagerFirstPage: "pagerFirstPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerLastPage: "pagerLastPage", pagerOf: "pagerOf", pagerPage: "pagerPage", fitToPage: "fitToPage", fitToWidth: "fitToWidth", searchInputPlaceholder: "searchInputPlaceholder", searchMatchesOf: "searchMatchesOf", searchPreviousMatchTitle: "searchPreviousMatchTitle", searchNextMatchTitle: "searchNextMatchTitle", searchCloseTitle: "searchCloseTitle", searchMatchCaseTitle: "searchMatchCaseTitle", zoomInputPlaceholder: "zoomInputPlaceholder", annotationsTitle: "annotationsTitle", annotationEditorTitle: "annotationEditorTitle", deleteAnnotationTitle: "deleteAnnotationTitle", highlightAnnotationTitle: "highlightAnnotationTitle", freeTextAnnotationTitle: "freeTextAnnotationTitle", closeAnnotationsToolbarTitle: "closeAnnotationsToolbarTitle", deleteAnnotationConfirmationDialogTitle: "deleteAnnotationConfirmationDialogTitle", deleteAnnotationConfirmationDialogContent: "deleteAnnotationConfirmationDialogContent", deleteAnnotationConfirmationDialogConfirmText: "deleteAnnotationConfirmationDialogConfirmText", deleteAnnotationConfirmationDialogRejectText: "deleteAnnotationConfirmationDialogRejectText", annotationEditorFontSizeTitle: "annotationEditorFontSizeTitle", annotationEditorColorTitle: "annotationEditorColorTitle" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
@@ -168,4 +216,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], zoomInputPlaceholder: [{
                 type: Input
+            }], annotationsTitle: [{
+                type: Input
+            }], annotationEditorTitle: [{
+                type: Input
+            }], deleteAnnotationTitle: [{
+                type: Input
+            }], highlightAnnotationTitle: [{
+                type: Input
+            }], freeTextAnnotationTitle: [{
+                type: Input
+            }], closeAnnotationsToolbarTitle: [{
+                type: Input
+            }], deleteAnnotationConfirmationDialogTitle: [{
+                type: Input
+            }], deleteAnnotationConfirmationDialogContent: [{
+                type: Input
+            }], deleteAnnotationConfirmationDialogConfirmText: [{
+                type: Input
+            }], deleteAnnotationConfirmationDialogRejectText: [{
+                type: Input
+            }], annotationEditorFontSizeTitle: [{
+                type: Input
+            }], annotationEditorColorTitle: [{
+                type: Input
             }] } });

package/esm2022/models/annotation-editor.type.mjs

@@ -0,0 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export const AnnotationEditorTypes = {
+    disable: -1,
+    none: 0,
+    freeText: 3,
+    highlight: 9
+};

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1751985210,
-    version: '19.3.0-develop.3',
+    publishDate: 1754576893,
+    version: '19.3.0-develop.31',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
 };