@progress/kendo-angular-buttons 23.0.0-develop.6 → 23.0.0-develop.8

package/fesm2022/progress-kendo-angular-buttons.mjs

@@ -3,12 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Injectable, isDevMode, EventEmitter, Input, HostListener, HostBinding, Output, Optional, Component, ContentChildren, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ViewChild, ContentChild, forwardRef, NgModule } from '@angular/core';
+import { Injectable, isDevMode, EventEmitter, Input, HostListener, HostBinding, Output, Optional, Component, ContentChildren, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ViewChild, ContentChild, forwardRef, SkipSelf, NgModule } from '@angular/core';
 import { Subject, Subscription, fromEvent, merge, of, from, Observable } from 'rxjs';
 import * as i12 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, normalizeKeys, Keys, TemplateContextDirective, MultiTabStop, guid, parseCSSClassNames, isPresent as isPresent$1, EventsOutsideAngularDirective, replaceMessagePlaceholder, anyChanged, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, normalizeKeys, Keys, TemplateContextDirective, MultiTabStop, guid, parseCSSClassNames, isPresent as isPresent$1, EventsOutsideAngularDirective, replaceMessagePlaceholder, anyChanged, PreventableEvent as PreventableEvent$1, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
-import { caretAltDownIcon, xCircleIcon, moreVerticalIcon, microphoneOutlineIcon, stopSmIcon } from '@progress/kendo-svg-icons';
+import { caretAltDownIcon, xCircleIcon, moreVerticalIcon, microphoneOutlineIcon, stopSmIcon, pasteSparkleIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -20,6 +20,10 @@ import { PopupService } from '@progress/kendo-angular-popup';
 import * as i4 from '@angular/animations';
 import { sequence, query, style, stagger, animate } from '@angular/animations';
 import { KendoSpeechRecognition } from '@progress/kendo-webspeech-common';
+import * as i2 from '@angular/common/http';
+import { HttpHeaders, HttpRequest, HttpEventType } from '@angular/common/http';
+import * as i3$1 from '@angular/forms';
+import { KendoSmartPaste } from '@progress/kendo-smartpaste-common';
 
 /**
  * @hidden
@@ -46,7 +50,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.0.0-develop.6',
+    version: '23.0.0-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -5852,6 +5856,716 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['blur']
             }] } });
 
+/**
+ * @hidden
+ */
+const DEFAULT_AI_REQUEST_OPTIONS = {
+    headers: new HttpHeaders({
+        'Content-Type': 'application/json'
+    }),
+    role: 'user',
+    method: 'POST',
+    responseType: 'json'
+};
+class SmartPasteRequestStartEvent extends PreventableEvent$1 {
+    /**
+     * Gets the request data to send to the AI service.
+     */
+    requestData;
+    constructor(requestData) {
+        super();
+        this.requestData = requestData;
+    }
+}
+class SmartPasteRequestEndEvent extends PreventableEvent$1 {
+    /**
+     * Gets the HTTP response from the AI service.
+     * Contains an error object when the request fails.
+     */
+    response;
+    constructor(response) {
+        super();
+        this.response = response;
+    }
+}
+
+/**
+ * Checks if a field should be ignored during Smart Paste.
+ *
+ * @hidden
+ */
+function isFieldIgnored(element) {
+    return element.hasAttribute('type') && element.type === 'hidden' ||
+        element.hasAttribute('disabled') ||
+        element.hasAttribute('readonly') ||
+        (element.hasAttribute('aria-disabled') && element.getAttribute('aria-disabled') === 'true') ||
+        (element.hasAttribute('aria-readonly') && element.getAttribute('aria-readonly') === 'true') ||
+        (element.hasAttribute('aria-hidden') && element.getAttribute('aria-hidden') === 'true');
+}
+/**
+ * @hidden
+ */
+const getElementIdentifier = (element) => {
+    if (!isDocumentAvailable()) {
+        return null;
+    }
+    return element.getAttribute('formcontrolname') ||
+        element.getAttribute('name') ||
+        element.id;
+};
+/**
+ * Specifies custom inputs (Kendo components) to include in Smart Paste.
+ * Each custom input has an identifier used to detect the component.
+ * Defaults to common Kendo UI components (DropDownList, ComboBox, AutoComplete, MultiSelect, DatePicker, etc.).
+ *
+ * @hidden
+ */
+const customInputs = [
+    { identifier: '.k-checkbox' },
+    { identifier: '.k-colorpalette' },
+    { identifier: '.k-colorgradient' },
+    { identifier: '.k-flatcolorpicker' },
+    { identifier: '.k-otp' },
+    { identifier: '.k-textbox' },
+    { identifier: '.k-radio' },
+    { identifier: '.k-slider' },
+    { identifier: '.k-rating' },
+    { identifier: '.k-signature' },
+    { identifier: '.k-switch' },
+    { identifier: '.k-textarea' },
+    { identifier: '.k-calendar' },
+    { identifier: '.k-timepicker' },
+    { identifier: '.k-dateinput' },
+    { identifier: '.k-datetimepicker' },
+    { identifier: '.k-dropdownlist' },
+    { identifier: '.k-combobox' },
+    { identifier: '.k-autocomplete' },
+    { identifier: '.k-multiselect' },
+    { identifier: '.k-datepicker' },
+    { identifier: '.k-numerictextbox' },
+    { identifier: '.k-maskedtextbox' },
+    { identifier: '.k-colorpicker' },
+    { identifier: '.k-dropdowntree' },
+    { identifier: '.k-multiselecttree' },
+];
+const DATEPICKER_SELECTOR = '.k-datepicker';
+const TIMEPICKER_SELECTOR = '.k-timepicker';
+const DATETIMEPICKER_SELECTOR = '.k-datetimepicker';
+const DATERANGEPICKER_SELECTOR = '.k-daterangepicker';
+const CHECKBOX_SELECTOR = '.k-checkbox';
+const RADIO_SELECTOR = '.k-radio';
+const NUMERICTEXTBOX_SELECTOR = '.k-numerictextbox';
+/**
+ * @hidden
+ */
+const requiresDateValue = (element) => {
+    const isDateInput = [DATEPICKER_SELECTOR, TIMEPICKER_SELECTOR, DATETIMEPICKER_SELECTOR, DATERANGEPICKER_SELECTOR];
+    return isDateInput.some(selector => element.classList.contains(selector.slice(1)));
+};
+/**
+ * @hidden
+ */
+const requiresBooleanValue = (element) => {
+    const isBooleanInput = [CHECKBOX_SELECTOR, RADIO_SELECTOR];
+    return isBooleanInput.some(selector => element.classList.contains(selector.slice(1)));
+};
+/**
+ * @hidden
+ */
+const requiresNumericValue = (element) => {
+    const isNumericInput = [NUMERICTEXTBOX_SELECTOR];
+    return isNumericInput.some(selector => element.classList.contains(selector.slice(1)));
+};
+/**
+ * @hidden
+ */
+const populateCustomInputs = (element, value) => {
+    const parseNumericValue = requiresNumericValue(element);
+    if (parseNumericValue) {
+        const numericValue = parseFloat(value);
+        return !isNaN(numericValue) ? numericValue : null;
+    }
+    const parseBooleanValue = requiresBooleanValue(element);
+    if (parseBooleanValue) {
+        return value.toLowerCase() === 'true';
+    }
+    const parseDateValue = requiresDateValue(element);
+    if (parseDateValue) {
+        const dateValue = new Date(value);
+        return !isNaN(dateValue.getTime()) ? dateValue : null;
+    }
+    return value;
+};
+/**
+ * @hidden
+ */
+const readClipboard = async () => {
+    return await navigator.clipboard.readText();
+};
+/**
+ * @hidden
+ */
+const sendSmartPasteRequest = (http, requestData) => {
+    const body = {
+        formFields: requestData.formFields,
+        content: requestData.content
+    };
+    const request = new HttpRequest(requestData.requestOptions?.method || 'POST', requestData.url, body, requestData.requestOptions);
+    return http.request(request).pipe(filter((event) => event.type === HttpEventType.Response));
+};
+
+const DEFAULT_SVG_ICON = pasteSparkleIcon;
+const DEFAULT_ICON = 'paste-sparkle';
+/**
+ * Represents the Kendo UI SmartPasteButton component for Angular.
+ *
+ * Fills form fields with AI-powered data extraction from clipboard content.
+ */
+class SmartPasteButtonComponent {
+    renderer;
+    ngZone;
+    http;
+    controlContainer;
+    /**
+     * Specifies the form controls to include in Smart Paste.
+     * When not set, all form controls are included.
+     *
+     * @default null
+     */
+    formFields = null;
+    /**
+     * When `true`, disables the SmartPasteButton and prevents user interaction.
+     *
+     * @default false
+     */
+    set disabled(disabled) {
+        if (disabled && isDocumentAvailable() && isFirefox(navigator.userAgent)) {
+            this.blur();
+        }
+        this.isDisabled = disabled;
+        this.renderer.setProperty(this.element, 'disabled', disabled);
+    }
+    get disabled() {
+        return this.isDisabled;
+    }
+    /**
+     * Sets the padding of the SmartPasteButton.
+     *
+     * @default undefined
+     */
+    set size(size) {
+        this.handleClasses(size, 'size');
+        this._size = size;
+    }
+    get size() {
+        return this._size;
+    }
+    /**
+     * Sets the border radius of the SmartPasteButton.
+     *
+     * @default undefined
+     */
+    set rounded(rounded) {
+        this.handleClasses(rounded, 'rounded');
+        this._rounded = rounded;
+    }
+    get rounded() {
+        return this._rounded;
+    }
+    /**
+     * Sets the background and border styles of the SmartPasteButton.
+     *
+     * @default undefined
+     */
+    set fillMode(fillMode) {
+        this.handleClasses(fillMode, 'fillMode');
+        this._fillMode = fillMode;
+    }
+    get fillMode() {
+        return this._fillMode;
+    }
+    /**
+     * Sets a predefined theme color for the SmartPasteButton.
+     * The theme color applies as a background and border color and adjusts the text color.
+     *
+     * @default undefined
+     */
+    set themeColor(themeColor) {
+        this.handleThemeColor(themeColor);
+        this._themeColor = themeColor;
+    }
+    get themeColor() {
+        return this._themeColor;
+    }
+    /**
+     * Sets an SVG icon to display inside the SmartPasteButton.
+     */
+    set svgIcon(icon) {
+        if (isDevMode() && icon && this.iconClass) {
+            throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
+        }
+        this._svgIcon = icon;
+    }
+    get svgIcon() {
+        return this._svgIcon;
+    }
+    /**
+     * Specifies a URL for an `img` element inside the SmartPasteButton.
+     * The URL can be relative or absolute. When relative, the browser evaluates it relative to the web page URL.
+     */
+    imageUrl;
+    /**
+     * Defines one or more CSS classes separated by spaces for a `span` element inside the SmartPasteButton.
+     * Use `iconClass` to add custom icons.
+     */
+    set iconClass(value) {
+        const hasCustomIcon = this.icon !== DEFAULT_ICON || this.svgIcon !== DEFAULT_SVG_ICON;
+        if (isDevMode() && value && hasCustomIcon) {
+            throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
+        }
+        if (!hasCustomIcon) {
+            this._icon = null;
+            this._svgIcon = null;
+        }
+        this._iconClass = value;
+    }
+    get iconClass() {
+        return this._iconClass;
+    }
+    /**
+     * Specifies the icon name to display in the SmartPasteButton.
+     *
+     * @default 'paste-sparkle'
+     */
+    set icon(name) {
+        if (isDevMode() && name && this.iconClass) {
+            throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
+        }
+        this._icon = name;
+    }
+    get icon() {
+        return this._icon;
+    }
+    /**
+     * Sets the URL to which Smart Paste sends the AI request.
+     * When set, the component sends and handles an HTTP request automatically. Handle the `requestStart` event to modify request options before sending.
+     * When not set, the component does not send an HTTP request. Handle the `requestStart` event to send and manage a custom HTTP request.
+     */
+    requestUrl;
+    /**
+     * Configures the HTTP request options for the AI request.
+     * Use this to customize headers, method, credentials, and other request settings.
+     */
+    requestOptions;
+    /**
+     * Sets static form field metadata to bypass DOM extraction when Smart Paste runs.
+     * Use this when you want to provide form field configuration directly instead of extracting it from the DOM.
+     *
+     * @default null
+     */
+    smartPasteFormFields = null;
+    /**
+     * Fires when the Smart Paste request is about to start.
+     * Prevent the event to stop the request before sending it.
+     */
+    requestStart = new EventEmitter();
+    /**
+     * Fires when the Smart Paste request completes, either successfully or with an error.
+     * Prevent the event to cancel populating the form fields with the response data.
+     */
+    requestEnd = new EventEmitter();
+    /**
+     * Fires when the user cancels an ongoing Smart Paste request.
+     */
+    requestCancel = new EventEmitter();
+    get iconButtonClass() {
+        return !this.hasText;
+    }
+    classButton = true;
+    get classDisabled() {
+        return this.isDisabled;
+    }
+    get getDirection() {
+        return this.direction;
+    }
+    onFocus() {
+        this.isFocused = true;
+    }
+    onBlur() {
+        this.isFocused = false;
+    }
+    /**
+     * Focuses the SmartPasteButton.
+     */
+    focus() {
+        if (isDocumentAvailable()) {
+            this.element.focus();
+            this.isFocused = true;
+        }
+    }
+    /**
+     * Removes focus from the SmartPasteButton.
+     */
+    blur() {
+        if (isDocumentAvailable()) {
+            this.element.blur();
+            this.isFocused = false;
+        }
+    }
+    get hasText() {
+        return isDocumentAvailable() && this.element.textContent.trim().length > 0;
+    }
+    set isFocused(isFocused) {
+        toggleClass('k-focus', isFocused, this.renderer, this.element);
+        this._focused = isFocused;
+    }
+    get isFocused() {
+        return this._focused;
+    }
+    element;
+    isDisabled = false;
+    subs = new Subscription();
+    _size = undefined;
+    _rounded = undefined;
+    _fillMode = undefined;
+    _themeColor = undefined;
+    _focused = false;
+    direction;
+    _iconClass;
+    _icon = DEFAULT_ICON;
+    _svgIcon = DEFAULT_SVG_ICON;
+    kendoSmartPaste;
+    smartPasteBusy = false;
+    currentRequestSubscription = null;
+    nativeForm = null;
+    constructor(elementRef, renderer, localization, ngZone, http, controlContainer) {
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.http = http;
+        this.controlContainer = controlContainer;
+        validatePackage(packageMetadata);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.subs.add(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
+        this.element = elementRef.nativeElement;
+    }
+    ngOnInit() {
+        this.nativeForm = this.element.form;
+        this.kendoSmartPaste = new KendoSmartPaste({
+            getElement: () => this.nativeForm,
+            customInputs: customInputs || undefined,
+            getSmartPasteField: this.defaultGetSmartPasteField,
+            setKendoInputValue: this.defaultSetKendoInputValue
+        });
+        this.ngZone.runOutsideAngular(() => {
+            this.subs.add(this.renderer.listen(this.element, 'click', this.paste.bind(this)));
+            this.subs.add(this.renderer.listen(this.element, 'mousedown', (event) => {
+                const isBrowserSafari = isDocumentAvailable() && isSafari(navigator.userAgent);
+                if (!this.isDisabled && isBrowserSafari) {
+                    event.preventDefault();
+                    this.element.focus();
+                }
+            }));
+        });
+    }
+    ngOnDestroy() {
+        this.unsubscribeCurrentRequest();
+        this.subs.unsubscribe();
+    }
+    /**
+     * Starts the Smart Paste operation.
+     * Reads clipboard content and sends it to the AI service for processing.
+     */
+    async paste() {
+        if (!this.nativeForm) {
+            return;
+        }
+        if (this.smartPasteBusy) {
+            this.requestCancel.emit();
+            this.unsubscribeCurrentRequest();
+            this.smartPasteBusy = false;
+            return;
+        }
+        let clipboardContent;
+        try {
+            clipboardContent = await readClipboard();
+        }
+        catch (error) {
+            this.ngZone.run(() => {
+                const responseErrorEvent = new SmartPasteRequestEndEvent(error);
+                this.requestEnd.emit(responseErrorEvent);
+            });
+            return;
+        }
+        if (!clipboardContent || clipboardContent.trim() === '') {
+            return;
+        }
+        this.smartPasteBusy = true;
+        this.unsubscribeCurrentRequest();
+        const formFields = this.extractFormFields();
+        const requestData = {
+            formFields,
+            content: clipboardContent,
+            url: this.requestUrl,
+            requestOptions: {
+                ...this.requestOptions
+            }
+        };
+        if (!this.requestUrl) {
+            this.smartPasteBusy = false;
+            return;
+        }
+        this.ngZone.run(() => {
+            const requestStartEvent = new SmartPasteRequestStartEvent(requestData);
+            this.requestStart.emit(requestStartEvent);
+            if (requestStartEvent.isDefaultPrevented()) {
+                this.smartPasteBusy = false;
+                return;
+            }
+            if (!this.smartPasteBusy) {
+                return;
+            }
+            this.handleSmartPasteRequest(requestData, formFields);
+        });
+    }
+    sendSmartPasteRequest(requestData) {
+        const body = {
+            formFields: requestData.formFields,
+            content: requestData.content
+        };
+        const request = new HttpRequest(requestData.requestOptions?.method || 'POST', requestData.url, body, requestData.requestOptions);
+        return this.http.request(request).pipe(filter((event) => event.type === HttpEventType.Response));
+    }
+    unsubscribeCurrentRequest() {
+        if (this.currentRequestSubscription) {
+            this.currentRequestSubscription.unsubscribe();
+            this.currentRequestSubscription = null;
+        }
+    }
+    defaultGetSmartPasteField = (field) => {
+        const element = field.element;
+        if (isFieldIgnored(element)) {
+            return null;
+        }
+        const hasKendoWrapper = customInputs.some(input => {
+            if (!element.classList.contains(input.identifier.slice(1)) && element.closest(input.identifier)) {
+                return true;
+            }
+        });
+        if (hasKendoWrapper) {
+            return null;
+        }
+        if (field.type === 'kendo-input') {
+            const identifier = getElementIdentifier(element);
+            if (!identifier) {
+                return null;
+            }
+            if (requiresBooleanValue(element)) {
+                field.allowedValues = ['true', 'false'];
+            }
+            field.field = identifier;
+        }
+        return field;
+    };
+    defaultSetKendoInputValue = (field, value) => {
+        const element = field.element;
+        const controlName = getElementIdentifier(element);
+        if (!controlName || !this.controlContainer) {
+            return;
+        }
+        const control = this.controlContainer.control.get?.(controlName);
+        if (!control || typeof control.setValue !== 'function') {
+            return;
+        }
+        const updatedValue = populateCustomInputs(element, value);
+        if (!isPresent$1(updatedValue)) {
+            return;
+        }
+        this.setControlValue(control, updatedValue);
+    };
+    setControlValue(control, value) {
+        this.ngZone.run(() => {
+            control.setValue(value);
+            control.markAsDirty();
+            control.updateValueAndValidity();
+        });
+    }
+    extractFormFields() {
+        if (!this.formFields || this.formFields.length === 0) {
+            return this.kendoSmartPaste.extractFormConfig();
+        }
+        else {
+            const formFields = this.formFields.map(field => {
+                const element = this.nativeForm?.querySelector(`#${field.field}`);
+                return {
+                    ...field,
+                    element
+                };
+            });
+            return formFields;
+        }
+    }
+    handleClasses(value, input) {
+        const elem = this.element;
+        const classes = getStylingClasses('button', input, this[input], value);
+        if (input === 'fillMode') {
+            this.handleThemeColor(this.themeColor);
+        }
+        if (classes.toRemove) {
+            this.renderer.removeClass(elem, classes.toRemove);
+        }
+        if (classes.toAdd) {
+            this.renderer.addClass(elem, classes.toAdd);
+        }
+    }
+    handleThemeColor(value) {
+        const elem = this.element;
+        const themeColorClass = getThemeColorClasses('button', this.themeColor, value);
+        if (themeColorClass.toRemove) {
+            this.renderer.removeClass(elem, themeColorClass.toRemove);
+        }
+        if (themeColorClass.toAdd) {
+            this.renderer.addClass(elem, themeColorClass.toAdd);
+        }
+    }
+    handleSmartPasteRequest(requestData, formFields) {
+        this.currentRequestSubscription = this.sendSmartPasteRequest(requestData).subscribe((response) => {
+            if (!this.smartPasteBusy) {
+                return;
+            }
+            const responseEvent = new SmartPasteRequestEndEvent(response);
+            this.requestEnd.emit(responseEvent);
+            if (responseEvent.isDefaultPrevented()) {
+                this.smartPasteBusy = false;
+                return;
+            }
+            if (response?.body?.fieldValues) {
+                this.kendoSmartPaste.populateFormFields(response.body, formFields);
+            }
+            this.smartPasteBusy = false;
+            this.currentRequestSubscription = null;
+        }, (error) => {
+            if (!this.smartPasteBusy) {
+                return;
+            }
+            const responseErrorEvent = new SmartPasteRequestEndEvent(error);
+            this.requestEnd.emit(responseErrorEvent);
+            this.smartPasteBusy = false;
+            this.currentRequestSubscription = null;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartPasteButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i2.HttpClient }, { token: i3$1.ControlContainer, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: SmartPasteButtonComponent, isStandalone: true, selector: "button[kendoSmartPasteButton]", inputs: { formFields: "formFields", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", requestUrl: "requestUrl", requestOptions: "requestOptions", smartPasteFormFields: "smartPasteFormFields" }, outputs: { requestStart: "requestStart", requestEnd: "requestEnd", requestCancel: "requestCancel" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-icon-button": "this.iconButtonClass", "class.k-button": "this.classButton", "class.k-disabled": "this.classDisabled", "attr.dir": "this.getDirection" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.smartpastebutton'
+            }
+        ], exportAs: ["kendoSmartPasteButton"], ngImport: i0, template: `
+        @if (icon || svgIcon) {
+          <kendo-icon-wrapper
+            innerCssClass="k-button-icon"
+            [name]="icon"
+            [svgIcon]="svgIcon"></kendo-icon-wrapper>
+        }
+        @if (imageUrl) {
+          <span class="k-button-icon k-icon">
+            <img [src]="imageUrl" class="k-image" role="presentation" />
+          </span>
+        }
+        @if (iconClass) {
+          <span class="k-button-icon" [ngClass]="iconClass"></span>
+        }
+        <span class="k-button-text"><ng-content></ng-content></span>
+    `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartPasteButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoSmartPasteButton',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.smartpastebutton'
+                        }
+                    ],
+                    selector: 'button[kendoSmartPasteButton]',
+                    standalone: true,
+                    imports: [IconWrapperComponent, NgClass],
+                    template: `
+        @if (icon || svgIcon) {
+          <kendo-icon-wrapper
+            innerCssClass="k-button-icon"
+            [name]="icon"
+            [svgIcon]="svgIcon"></kendo-icon-wrapper>
+        }
+        @if (imageUrl) {
+          <span class="k-button-icon k-icon">
+            <img [src]="imageUrl" class="k-image" role="presentation" />
+          </span>
+        }
+        @if (iconClass) {
+          <span class="k-button-icon" [ngClass]="iconClass"></span>
+        }
+        <span class="k-button-text"><ng-content></ng-content></span>
+    `
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.NgZone }, { type: i2.HttpClient }, { type: i3$1.ControlContainer, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }], propDecorators: { formFields: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], imageUrl: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], requestUrl: [{
+                type: Input
+            }], requestOptions: [{
+                type: Input
+            }], smartPasteFormFields: [{
+                type: Input
+            }], requestStart: [{
+                type: Output
+            }], requestEnd: [{
+                type: Output
+            }], requestCancel: [{
+                type: Output
+            }], iconButtonClass: [{
+                type: HostBinding,
+                args: ['class.k-icon-button']
+            }], classButton: [{
+                type: HostBinding,
+                args: ['class.k-button']
+            }], classDisabled: [{
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }], getDirection: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+
 /**
  * Use the `KENDO_BUTTON` utility array to add all Button-related components and directives to a standalone Angular component.
  *
@@ -5988,6 +6702,22 @@ const KENDO_SPLITBUTTON = [
 const KENDO_SPEECHTOTEXTBUTTON = [
     SpeechToTextButtonComponent
 ];
+/**
+ * Use the `KENDO_SMARTPASTEBUTTON` utility array to add all SmartPasteButton-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_SMARTPASTEBUTTON],
+ *   // ...
+ * })
+ * export class MyComponent {}
+ * ```
+ */
+const KENDO_SMARTPASTEBUTTON = [
+    SmartPasteButtonComponent
+];
 /**
  * Use the `KENDO_BUTTONS` utility array to add all `@progress/kendo-angular-buttons`-related components and directives to a standalone Angular component.
  *
@@ -6009,7 +6739,8 @@ const KENDO_BUTTONS = [
     ...KENDO_CHIPLIST,
     ...KENDO_FLOATINGACTIONBUTTON,
     ...KENDO_SPLITBUTTON,
-    ...KENDO_SPEECHTOTEXTBUTTON
+    ...KENDO_SPEECHTOTEXTBUTTON,
+    ...KENDO_SMARTPASTEBUTTON
 ];
 
 //IMPORTANT: NgModule export kept for backwards compatibility
@@ -6112,8 +6843,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 class ButtonsModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ButtonsModule, imports: [ButtonComponent, ButtonComponent, ButtonGroupComponent, DropDownButtonComponent, ButtonItemTemplateDirective, ChipComponent, ChipComponent, ChipListComponent, FloatingActionButtonComponent, DialItemTemplateDirective, FloatingActionButtonTemplateDirective, SplitButtonComponent, SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, ButtonItemTemplateDirective, SpeechToTextButtonComponent, i12.ToggleButtonTabStopDirective], exports: [ButtonComponent, ButtonComponent, ButtonGroupComponent, DropDownButtonComponent, ButtonItemTemplateDirective, ChipComponent, ChipComponent, ChipListComponent, FloatingActionButtonComponent, DialItemTemplateDirective, FloatingActionButtonTemplateDirective, SplitButtonComponent, SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, ButtonItemTemplateDirective, SpeechToTextButtonComponent, i12.ToggleButtonTabStopDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ButtonsModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [ButtonComponent, ButtonComponent, DropDownButtonComponent, ChipComponent, ChipComponent, FloatingActionButtonComponent, SplitButtonComponent, SpeechToTextButtonComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ButtonsModule, imports: [ButtonComponent, ButtonComponent, ButtonGroupComponent, DropDownButtonComponent, ButtonItemTemplateDirective, ChipComponent, ChipComponent, ChipListComponent, FloatingActionButtonComponent, DialItemTemplateDirective, FloatingActionButtonTemplateDirective, SplitButtonComponent, SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, ButtonItemTemplateDirective, SpeechToTextButtonComponent, SmartPasteButtonComponent, i12.ToggleButtonTabStopDirective], exports: [ButtonComponent, ButtonComponent, ButtonGroupComponent, DropDownButtonComponent, ButtonItemTemplateDirective, ChipComponent, ChipComponent, ChipListComponent, FloatingActionButtonComponent, DialItemTemplateDirective, FloatingActionButtonTemplateDirective, SplitButtonComponent, SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, ButtonItemTemplateDirective, SpeechToTextButtonComponent, SmartPasteButtonComponent, i12.ToggleButtonTabStopDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ButtonsModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [ButtonComponent, ButtonComponent, DropDownButtonComponent, ChipComponent, ChipComponent, FloatingActionButtonComponent, SplitButtonComponent, SpeechToTextButtonComponent, SmartPasteButtonComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ButtonsModule, decorators: [{
             type: NgModule,
@@ -6281,9 +7012,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }] });
 
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the SmartPasteButton component.
+ *
+ * The module is meant for backward compatibility. For new applications, use the standalone SmartPasteButton component.
+ *
+ * @example
+ * ```ts-no-run
+ * import { SmartPasteButtonModule } from '@progress/kendo-angular-buttons';
+ *
+ * _@NgModule({
+ *     imports: [SmartPasteButtonModule]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+class SmartPasteButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartPasteButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: SmartPasteButtonModule, imports: [SmartPasteButtonComponent], exports: [SmartPasteButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartPasteButtonModule, imports: [SmartPasteButtonComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartPasteButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SmartPasteButtonComponent],
+                    imports: [SmartPasteButtonComponent]
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent as Button, ButtonComponent, ButtonComponent as ButtonDirective, ButtonGroupComponent as ButtonGroup, ButtonGroupComponent, ButtonGroupModule, ButtonItemTemplateDirective, ButtonModule, ButtonsModule, ChipComponent, ChipListComponent, ChipModule, DialItemTemplateDirective, DropDownButtonComponent as DropDownButton, DropDownButtonComponent, DropDownButtonModule, FloatingActionButtonComponent, FloatingActionButtonModule, FloatingActionButtonTemplateDirective, FocusableDirective, KENDO_BUTTON, KENDO_BUTTONGROUP, KENDO_BUTTONS, KENDO_CHIP, KENDO_CHIPLIST, KENDO_DROPDOWNBUTTON, KENDO_FLOATINGACTIONBUTTON, KENDO_SPEECHTOTEXTBUTTON, KENDO_SPLITBUTTON, KendoButtonService, ListComponent, LocalizedSplitButtonMessagesDirective, PreventableEvent, SpeechToTextButtonComponent, SpeechToTextButtonModule, SplitButtonComponent as SplitButton, SplitButtonComponent, SplitButtonCustomMessagesComponent, SplitButtonModule };
+export { ButtonComponent as Button, ButtonComponent, ButtonComponent as ButtonDirective, ButtonGroupComponent as ButtonGroup, ButtonGroupComponent, ButtonGroupModule, ButtonItemTemplateDirective, ButtonModule, ButtonsModule, ChipComponent, ChipListComponent, ChipModule, DialItemTemplateDirective, DropDownButtonComponent as DropDownButton, DropDownButtonComponent, DropDownButtonModule, FloatingActionButtonComponent, FloatingActionButtonModule, FloatingActionButtonTemplateDirective, FocusableDirective, KENDO_BUTTON, KENDO_BUTTONGROUP, KENDO_BUTTONS, KENDO_CHIP, KENDO_CHIPLIST, KENDO_DROPDOWNBUTTON, KENDO_FLOATINGACTIONBUTTON, KENDO_SMARTPASTEBUTTON, KENDO_SPEECHTOTEXTBUTTON, KENDO_SPLITBUTTON, KendoButtonService, ListComponent, LocalizedSplitButtonMessagesDirective, PreventableEvent, SmartPasteButtonComponent, SmartPasteButtonModule, SmartPasteRequestEndEvent, SmartPasteRequestStartEvent, SpeechToTextButtonComponent, SpeechToTextButtonModule, SplitButtonComponent as SplitButton, SplitButtonComponent, SplitButtonCustomMessagesComponent, SplitButtonModule };