@progress/kendo-angular-common 17.0.0-develop.4 → 17.0.0-develop.40

package/fesm2015/progress-kendo-angular-common.mjs

@@ -1,1628 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, Output, NgModule, Injectable, Component, HostBinding, ViewChild, Optional, isDevMode } from '@angular/core';
-import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
-import { take, auditTime } from 'rxjs/operators';
-import { Draggable } from '@progress/kendo-draggable';
-import { merge, fromEvent, from, Subscription } from 'rxjs';
-import { NgIf, NgStyle } from '@angular/common';
-
-/**
- * @hidden
- */
-const isDocumentAvailable = () => typeof document !== 'undefined';
-
-/**
- * @hidden
- */
-const isChanged = (propertyName, changes, skipFirstChange = true) => (typeof changes[propertyName] !== 'undefined' &&
-    (!changes[propertyName].isFirstChange() || !skipFirstChange) &&
-    changes[propertyName].previousValue !== changes[propertyName].currentValue);
-
-/**
- * @hidden
- */
-const anyChanged = (propertyNames, changes, skipFirstChange = true) => propertyNames.some(name => isChanged(name, changes, skipFirstChange));
-
-/**
- * @hidden
- */
-const hasObservers = (emitter) => emitter && emitter.observers.length > 0;
-
-/**
- * @hidden
- */
-const guid = () => {
-    let id = "";
-    for (let i = 0; i < 32; i++) {
-        const random = Math.random() * 16 | 0; // eslint-disable-line no-bitwise
-        if (i === 8 || i === 12 || i === 16 || i === 20) {
-            id += "-";
-        }
-        // eslint-disable-next-line no-bitwise
-        id += (i === 12 ? 4 : (i === 16 ? (random & 3 | 8) : random)).toString(16);
-    }
-    return id;
-};
-
-/**
- * @hidden
- *
- * Returns true if the used browser is Safari.
- */
-const isSafari = (userAgent) => {
-    return detectDesktopBrowser(userAgent).safari ||
-        (detectMobileOS(userAgent) && detectMobileOS(userAgent).browser === 'mobilesafari');
-};
-/**
- * @hidden
- *
- * Returns true if the used browser is Firefox.
- */
-const isFirefox = (userAgent) => {
-    const desktopBrowser = detectDesktopBrowser(userAgent);
-    const mobileOS = detectMobileOS(userAgent);
-    return (desktopBrowser && desktopBrowser.mozilla) || (mobileOS && mobileOS.browser === 'firefox');
-};
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/**
- * @hidden
- */
-const isPresent = (value) => value !== null && value !== undefined;
-/**
- * @hidden
- */
-const isObjectPresent = (value) => {
-    return isObject(value) && Object.keys(value).length > 0;
-};
-/**
- * @hidden
- */
-const isString = (value) => value instanceof String || typeof value === 'string';
-/**
- * @hidden
- */
-const isObject = (value) => isPresent(value) && !Array.isArray(value) && typeof value === 'object';
-/**
- * @hidden
- */
-const splitStringToArray = (value) => value.trim().replace(/\s+/g, " ").split(' ');
-/**
- * Receives CSS class declarations either as an object, string or array and returns an array of the class names.
- *
- * @hidden
- */
-const parseCSSClassNames = (value) => {
-    if (Array.isArray(value)) {
-        return parseArrayClassNames(value);
-    }
-    if (isObject(value)) {
-        return parseObjectClassNames(value);
-    }
-    if (isString(value)) {
-        return parseStringClassNames(value);
-    }
-};
-const parseObjectClassNames = (value) => {
-    const classes = [];
-    Object.keys(value).forEach((className) => {
-        const currentClassName = splitStringToArray(className);
-        if (value[className] && currentClassName.length) {
-            classes.push(...currentClassName);
-        }
-    });
-    return classes;
-};
-const parseStringClassNames = (value) => {
-    const classes = [];
-    const classesArray = splitStringToArray(value);
-    classesArray.forEach((className) => {
-        classes.push(className);
-    });
-    return classes;
-};
-const parseArrayClassNames = (value) => {
-    const classes = [];
-    value.forEach((className) => {
-        const current = splitStringToArray(className);
-        if (current[0]) {
-            classes.push(...current);
-        }
-    });
-    return classes;
-};
-
-/**
- * @hidden
- */
-const setHTMLAttributes = (attributes, renderer, element, zone) => {
-    zone ? zone.onStable.pipe(take(1)).subscribe(() => {
-        applyAttributes(attributes, renderer, element);
-    }) : applyAttributes(attributes, renderer, element);
-};
-/**
- * @hidden
- */
-const removeHTMLAttributes = (attributes, renderer, element) => {
-    for (const attribute in attributes) {
-        if (attribute) {
-            renderer.removeAttribute(element, attribute);
-        }
-    }
-};
-/**
- * @hidden
- */
-const parseAttributes = (target, source) => {
-    const targetObj = target;
-    Object.keys(source).forEach(key => {
-        delete targetObj[key];
-    });
-    return targetObj;
-};
-/**
- * @hidden
- */
-const applyAttributes = (attributes, renderer, element) => {
-    for (const attribute in attributes) {
-        if (attribute && isPresent(attributes[attribute])) {
-            renderer.setAttribute(element, attribute, attributes[attribute]);
-        }
-    }
-};
-
-/**
- * @hidden
- */
-const isControlRequired = (control) => {
-    var _a;
-    if (!(control === null || control === void 0 ? void 0 : control.validator)) {
-        return false;
-    }
-    return (_a = control.validator(control)) === null || _a === void 0 ? void 0 : _a.hasOwnProperty('required');
-};
-
-class DraggableDirective {
-    constructor(element, ngZone) {
-        this.element = element;
-        this.ngZone = ngZone;
-        this.enableDrag = true;
-        this.kendoPress = new EventEmitter();
-        this.kendoDrag = new EventEmitter();
-        this.kendoRelease = new EventEmitter();
-    }
-    ngOnInit() {
-        this.toggleDraggable();
-    }
-    ngOnChanges(changes) {
-        if (isChanged('enableDrag', changes)) {
-            this.toggleDraggable();
-        }
-    }
-    ngOnDestroy() {
-        this.destroyDraggable();
-    }
-    toggleDraggable() {
-        if (isDocumentAvailable()) {
-            this.destroyDraggable();
-            if (this.enableDrag) {
-                this.draggable = new Draggable({
-                    drag: (e) => this.kendoDrag.next(e),
-                    press: (e) => this.kendoPress.next(e),
-                    release: (e) => this.kendoRelease.next(e)
-                });
-                this.ngZone.runOutsideAngular(() => { var _a; return (_a = this.draggable) === null || _a === void 0 ? void 0 : _a.bindTo(this.element.nativeElement); });
-            }
-        }
-    }
-    destroyDraggable() {
-        if (this.draggable) {
-            this.draggable.destroy();
-            this.draggable = undefined;
-        }
-    }
-}
-DraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { enableDrag: "enableDrag" }, outputs: { kendoPress: "kendoPress", kendoDrag: "kendoDrag", kendoRelease: "kendoRelease" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDraggable]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { enableDrag: [{
-                type: Input
-            }], kendoPress: [{
-                type: Output
-            }], kendoDrag: [{
-                type: Output
-            }], kendoRelease: [{
-                type: Output
-            }] } });
-
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class DraggableModule {
-}
-DraggableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DraggableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DraggableModule, imports: [DraggableDirective], exports: [DraggableDirective] });
-DraggableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [DraggableDirective],
-                    imports: [DraggableDirective]
-                }]
-        }] });
-
-const closestInScope = (node, predicate, scope) => {
-    while (node && node !== scope && !predicate(node)) {
-        node = node.parentNode;
-    }
-    if (node !== scope) {
-        return node;
-    }
-    return undefined;
-};
-
-const closest = (node, predicate) => {
-    while (node && !predicate(node)) {
-        node = node.parentNode;
-    }
-    return node;
-};
-
-const contains = (parent, node, matchSelf = false) => {
-    const outside = !closest(node, (child) => child === parent);
-    if (outside) {
-        return false;
-    }
-    const el = closest(node, (child) => child === node);
-    return el && (matchSelf || el !== parent);
-};
-
-const findElement = (node, predicate, matchSelf = true) => {
-    if (!node) {
-        return;
-    }
-    if (matchSelf && predicate(node)) {
-        return node;
-    }
-    node = node.firstChild;
-    while (node) {
-        if (node.nodeType === 1) {
-            const element = findElement(node, predicate);
-            if (element) {
-                return element;
-            }
-        }
-        node = node.nextSibling;
-    }
-};
-
-const focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
-const isFocusable = (element) => {
-    if (!element.tagName) {
-        return false;
-    }
-    const tagName = element.tagName.toLowerCase();
-    const hasTabIndex = Boolean(element.getAttribute('tabIndex'));
-    const focusable = !element.disabled && focusableRegex.test(tagName);
-    return focusable || hasTabIndex;
-};
-
-const isVisible = (element) => {
-    const rect = element.getBoundingClientRect();
-    const hasSize = rect.width > 0 && rect.height > 0;
-    const hasPosition = rect.x !== 0 && rect.y !== 0;
-    // Elements can have zero size due to styling, but they will still count as visible.
-    // For example, the selection checkbox has no size, but is made visible through styling.
-    return (hasSize || hasPosition) && window.getComputedStyle(element).visibility !== 'hidden';
-};
-
-const isFocusableWithTabKey = (element, checkVisibility = true) => {
-    if (!isFocusable(element)) {
-        return false;
-    }
-    const tabIndex = element.getAttribute('tabIndex');
-    const visible = !checkVisibility || isVisible(element);
-    return visible && tabIndex !== '-1';
-};
-
-const findFocusableChild = (element, checkVisibility = true) => {
-    return findElement(element, (node) => isFocusableWithTabKey(node, checkVisibility), false);
-};
-
-const findFocusable = (element, checkVisibility = true) => {
-    return findElement(element, (node) => isFocusableWithTabKey(node, checkVisibility));
-};
-
-const toClassList = (classNames) => String(classNames).trim().split(' ');
-const hasClasses = (element, classNames) => {
-    const namesList = toClassList(classNames);
-    return Boolean(toClassList(element.className).find((className) => namesList.indexOf(className) >= 0));
-};
-
-const matchesClasses = (classNames) => (element) => hasClasses(element, classNames);
-
-const NODE_NAME_PREDICATES = {};
-const matchesNodeName = (nodeName) => {
-    if (!NODE_NAME_PREDICATES[nodeName]) {
-        NODE_NAME_PREDICATES[nodeName] = (element) => String(element.nodeName).toLowerCase() === nodeName.toLowerCase();
-    }
-    return NODE_NAME_PREDICATES[nodeName];
-};
-
-/**
- * Normalizes a scroll position value in RTL mode.
- */
-function rtlScrollPosition(position, element, initial) {
-    let result = position;
-    if (initial < 0) {
-        result = -position;
-    }
-    else if (initial > 0) {
-        result = element.scrollWidth - element.offsetWidth - position;
-    }
-    return result;
-}
-
-function closestBySelector(element, selector) {
-    if (element.closest) {
-        return element.closest(selector);
-    }
-    const matches = Element.prototype.matches ?
-        (el, sel) => el.matches(sel)
-        : (el, sel) => el.msMatchesSelector(sel);
-    let node = element;
-    while (node && !isDocumentNode(node)) {
-        if (matches(node, selector)) {
-            return node;
-        }
-        node = node.parentNode;
-    }
-}
-const isDocumentNode = (container) => container.nodeType === 9;
-
-/**
- * @hidden
- */
-class EventsOutsideAngularDirective {
-    constructor(element, ngZone, renderer) {
-        this.element = element;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.events = {};
-    }
-    ngOnInit() {
-        if (!this.element || !this.element.nativeElement) {
-            return;
-        }
-        const events = this.events;
-        this.subscriptions = [];
-        this.ngZone.runOutsideAngular(() => {
-            var _a;
-            for (const name in events) {
-                if (Object.hasOwnProperty.call(events, name)) {
-                    (_a = this.subscriptions) === null || _a === void 0 ? void 0 : _a.push(this.renderer.listen(this.element.nativeElement, name, this.scope ? events[name].bind(this.scope) : events[name]));
-                }
-            }
-        });
-    }
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            for (let idx = 0; idx < this.subscriptions.length; idx++) {
-                this.subscriptions[idx]();
-            }
-            this.subscriptions = null;
-        }
-    }
-}
-EventsOutsideAngularDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsOutsideAngularDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-EventsOutsideAngularDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EventsOutsideAngularDirective, isStandalone: true, selector: "[kendoEventsOutsideAngular]", inputs: { events: ["kendoEventsOutsideAngular", "events"], scope: "scope" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsOutsideAngularDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoEventsOutsideAngular]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { events: [{
-                type: Input,
-                args: ['kendoEventsOutsideAngular']
-            }], scope: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class EventsModule {
-}
-EventsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-EventsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: EventsModule, imports: [EventsOutsideAngularDirective], exports: [EventsOutsideAngularDirective] });
-EventsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [EventsOutsideAngularDirective],
-                    exports: [EventsOutsideAngularDirective]
-                }]
-        }] });
-
-class ResizeService {
-    constructor(resizeBatchService) {
-        this.resizeBatchService = resizeBatchService;
-        this.resize = new EventEmitter();
-        this.acceptedSize = false;
-        this.state = 0 /* ServiceState.Initial */;
-    }
-    acceptSize(size = this.measure()) {
-        this.lastWidth = size.width;
-        this.lastHeight = size.height;
-        this.acceptedSize = true;
-    }
-    checkChanges() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        if (this.state === 0 /* ServiceState.Initial */) {
-            this.state = 1 /* ServiceState.Initializing */;
-            // batch initial measure
-            this.resizeBatchService.schedule(this, this.init);
-        }
-    }
-    destroy() {
-        this.resizeBatchService.cancel(this);
-    }
-    checkSize() {
-        if (!this.parentElement) {
-            return false;
-        }
-        const { width, height } = this.measure();
-        const sameSize = width === this.lastWidth && height === this.lastHeight;
-        if (sameSize) {
-            return false;
-        }
-        this.lastWidth = width;
-        this.lastHeight = height;
-        this.acceptedSize = false;
-        this.resize.emit();
-        return true;
-    }
-    initSize() {
-        const size = this.measure();
-        this.lastWidth = size.width;
-        this.lastHeight = size.height;
-    }
-    measure() {
-        let width = 0;
-        let height = 0;
-        if (this.parentElement) {
-            height = this.parentElement.offsetHeight;
-            width = this.parentElement.offsetWidth;
-        }
-        return { height, width };
-    }
-}
-
-// eslint-disable import/no-deprecated
-// TODO:NG13 CSP
-const div = (style) => {
-    const el = document.createElement('div');
-    el.style.cssText = style;
-    return el;
-};
-const computedProp = (elem, prop) => getComputedStyle(elem, null).getPropertyValue(prop);
-const WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;' +
-    'overflow: hidden; visibility: hidden;';
-const EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
-const SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
-class ResizeCompatService extends ResizeService {
-    constructor(resizeBatchService, element, ngZone) {
-        super(resizeBatchService);
-        this.element = element;
-        this.ngZone = ngZone;
-    }
-    checkChanges() {
-        if (this.state === 2 /* ServiceState.Initialized */) {
-            if (!this.resizeBatchService.isScheduled(this)) {
-                this.resizeBatchService.schedule(this, this.checkSize);
-            }
-            return;
-        }
-        super.checkChanges();
-    }
-    destroy() {
-        var _a;
-        super.destroy();
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-        if (this.expand) {
-            const element = (_a = this.element) === null || _a === void 0 ? void 0 : _a.nativeElement;
-            element.removeChild(this.expand);
-            element.removeChild(this.shrink);
-            this.expand.removeChild(this.expandChild);
-            this.expand = this.expandChild = this.shrink = this.element = null;
-        }
-    }
-    checkSize() {
-        if (super.checkSize()) {
-            this.reset();
-            return true;
-        }
-        return false;
-    }
-    init() {
-        var _a;
-        const parentElement = this.parentElement = (_a = this.element) === null || _a === void 0 ? void 0 : _a.nativeElement.parentElement;
-        if (computedProp(parentElement, 'position') === 'static') {
-            parentElement.style.position = 'relative';
-        }
-        this.state = 2 /* ServiceState.Initialized */;
-        this.render();
-        this.reset();
-        this.initSize();
-        this.subscribe();
-    }
-    render() {
-        var _a;
-        const element = (_a = this.element) === null || _a === void 0 ? void 0 : _a.nativeElement;
-        element.style.cssText = WRAP_STYLE;
-        element.setAttribute('dir', 'ltr');
-        this.expand = div(WRAP_STYLE);
-        this.expandChild = div(EXPAND_CHILD_STYLE);
-        this.expand.appendChild(this.expandChild);
-        element.appendChild(this.expand);
-        this.shrink = div(WRAP_STYLE);
-        const shrinkChild = div(SHRINK_CHILD_STYLE);
-        this.shrink.appendChild(shrinkChild);
-        element.appendChild(this.shrink);
-    }
-    reset() {
-        const expandChild = this.expandChild;
-        expandChild.style.width = 100000 + 'px';
-        expandChild.style.height = 100000 + 'px';
-        const expand = this.expand;
-        expand.scrollLeft = 100000;
-        expand.scrollTop = 100000;
-        const shrink = this.shrink;
-        shrink.scrollLeft = 100000;
-        shrink.scrollTop = 100000;
-    }
-    subscribe() {
-        this.ngZone.runOutsideAngular(() => {
-            this.subscription = merge(fromEvent(this.shrink, 'scroll'), fromEvent(this.expand, 'scroll'))
-                .subscribe(() => {
-                this.checkSize();
-            });
-        });
-    }
-}
-
-const HAS_OBSERVER = typeof ResizeObserver !== 'undefined';
-/**
- * @hidden
- */
-class ResizeObserverService extends ResizeService {
-    constructor(resizeBatchService, element, ngZone) {
-        super(resizeBatchService);
-        this.element = element;
-        this.ngZone = ngZone;
-    }
-    static supported() {
-        return HAS_OBSERVER;
-    }
-    destroy() {
-        super.destroy();
-        if (this.resizeObserver) {
-            this.resizeObserver.disconnect();
-            this.resizeObserver = null;
-        }
-        this.parentElement = null;
-    }
-    init() {
-        this.parentElement = this.element.nativeElement.parentElement;
-        this.initSize();
-        this.state = 2 /* ServiceState.Initialized */;
-        this.ngZone.runOutsideAngular(() => {
-            this.resizeObserver = new ResizeObserver(() => {
-                this.checkSize();
-            });
-            this.resizeObserver.observe(this.parentElement);
-        });
-    }
-}
-
-/**
- * @hidden
- */
-class ResizeBatchService {
-    constructor(ngZone) {
-        this.ngZone = ngZone;
-        this.scheduled = [];
-        this.resolvedPromise = Promise.resolve(null);
-        this.flush = this.flush.bind(this);
-    }
-    schedule(instance, method) {
-        this.scheduled.push({ instance, method });
-        if (!this.subscription) {
-            this.ngZone.runOutsideAngular(() => {
-                this.subscription = from(this.resolvedPromise)
-                    .subscribe(this.flush);
-            });
-        }
-    }
-    isScheduled(instance) {
-        return Boolean(this.scheduled.find(item => item.instance === instance));
-    }
-    cancel(instance) {
-        const scheduled = this.scheduled;
-        const count = scheduled.length;
-        for (let idx = 0; idx < count; idx++) {
-            if (scheduled[idx].instance === instance) {
-                scheduled.splice(idx, 1);
-                if (!scheduled.length) {
-                    this.unsubscribe();
-                }
-                return;
-            }
-        }
-    }
-    ngOnDestroy() {
-        this.unsubscribe();
-    }
-    unsubscribe() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-            this.subscription = null;
-        }
-    }
-    flush() {
-        this.scheduled.forEach(item => {
-            item.method.call(item.instance);
-        });
-        this.scheduled = [];
-        this.unsubscribe();
-    }
-}
-ResizeBatchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeBatchService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ResizeBatchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeBatchService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeBatchService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
-
-/**
- * Emit up to 10 resize events per second by default.
- * Chosen as a compromise between responsiveness and performance.
- */
-const DEFAULT_RATE_LIMIT = 10;
-/**
- * Resize Sensor Component
- *
- * Triggers a "resize" event whenever the parent DOM element size changes.
- */
-class ResizeSensorComponent {
-    constructor(resizeBatchService, element, ngZone) {
-        /**
-         * The maximum number of resize events to emit per second.
-         *
-         * Defaults to 10.
-         */
-        this.rateLimit = DEFAULT_RATE_LIMIT;
-        /**
-         * Fires when the parent DOM element has been resized.
-         */
-        this.resize = new EventEmitter();
-        const serviceType = ResizeObserverService.supported() ? ResizeObserverService : ResizeCompatService;
-        this.resizeService = new serviceType(resizeBatchService, element, ngZone);
-        const throttleTime = 1000 / (this.rateLimit || DEFAULT_RATE_LIMIT);
-        this.subscription = this.resizeService.resize
-            .pipe(auditTime(throttleTime))
-            .subscribe(() => {
-            if (!this.resizeService.acceptedSize) {
-                this.resize.emit();
-            }
-        });
-    }
-    ngAfterViewChecked() {
-        this.resizeService.checkChanges();
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-        this.resizeService.destroy();
-    }
-    acceptSize(size) {
-        this.resizeService.acceptSize(size);
-    }
-}
-ResizeSensorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorComponent, deps: [{ token: ResizeBatchService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ResizeSensorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ResizeSensorComponent, isStandalone: true, selector: "kendo-resize-sensor", inputs: { rateLimit: "rateLimit" }, outputs: { resize: "resize" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-resize-sensor',
-                    template: '',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: ResizeBatchService }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { rateLimit: [{
-                type: Input
-            }], resize: [{
-                type: Output
-            }] } });
-
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class ResizeSensorModule {
-}
-ResizeSensorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ResizeSensorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorModule, imports: [ResizeSensorComponent], exports: [ResizeSensorComponent] });
-ResizeSensorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorModule, providers: [ResizeBatchService], imports: [ResizeSensorComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ResizeSensorComponent],
-                    exports: [ResizeSensorComponent],
-                    providers: [ResizeBatchService]
-                }]
-        }] });
-
-class KendoInput {
-}
-
-/**
- * Enum with key codes.
- */
-var Keys;
-(function (Keys) {
-    Keys[Keys["Alt"] = 18] = "Alt";
-    Keys[Keys["ArrowDown"] = 40] = "ArrowDown";
-    Keys[Keys["ArrowLeft"] = 37] = "ArrowLeft";
-    Keys[Keys["ArrowRight"] = 39] = "ArrowRight";
-    Keys[Keys["ArrowUp"] = 38] = "ArrowUp";
-    Keys[Keys["Backspace"] = 8] = "Backspace";
-    Keys[Keys["Control"] = 17] = "Control";
-    Keys[Keys["Delete"] = 46] = "Delete";
-    Keys[Keys["Digit0"] = 48] = "Digit0";
-    Keys[Keys["Digit1"] = 49] = "Digit1";
-    Keys[Keys["Digit2"] = 50] = "Digit2";
-    Keys[Keys["Digit3"] = 51] = "Digit3";
-    Keys[Keys["Digit4"] = 52] = "Digit4";
-    Keys[Keys["Digit5"] = 53] = "Digit5";
-    Keys[Keys["Digit6"] = 54] = "Digit6";
-    Keys[Keys["Digit7"] = 55] = "Digit7";
-    Keys[Keys["Digit8"] = 56] = "Digit8";
-    Keys[Keys["Digit9"] = 57] = "Digit9";
-    Keys[Keys["End"] = 35] = "End";
-    Keys[Keys["Enter"] = 13] = "Enter";
-    Keys[Keys["Escape"] = 27] = "Escape";
-    Keys[Keys["F1"] = 112] = "F1";
-    Keys[Keys["F2"] = 113] = "F2";
-    Keys[Keys["F10"] = 121] = "F10";
-    Keys[Keys["Home"] = 36] = "Home";
-    Keys[Keys["Insert"] = 45] = "Insert";
-    Keys[Keys["KeyA"] = 65] = "KeyA";
-    Keys[Keys["KeyB"] = 66] = "KeyB";
-    Keys[Keys["KeyC"] = 67] = "KeyC";
-    Keys[Keys["KeyD"] = 68] = "KeyD";
-    Keys[Keys["KeyE"] = 69] = "KeyE";
-    Keys[Keys["KeyF"] = 70] = "KeyF";
-    Keys[Keys["KeyG"] = 71] = "KeyG";
-    Keys[Keys["KeyH"] = 72] = "KeyH";
-    Keys[Keys["KeyI"] = 73] = "KeyI";
-    Keys[Keys["KeyJ"] = 74] = "KeyJ";
-    Keys[Keys["KeyK"] = 75] = "KeyK";
-    Keys[Keys["KeyL"] = 76] = "KeyL";
-    Keys[Keys["KeyM"] = 77] = "KeyM";
-    Keys[Keys["KeyN"] = 78] = "KeyN";
-    Keys[Keys["KeyO"] = 79] = "KeyO";
-    Keys[Keys["KeyP"] = 80] = "KeyP";
-    Keys[Keys["KeyQ"] = 81] = "KeyQ";
-    Keys[Keys["KeyR"] = 82] = "KeyR";
-    Keys[Keys["KeyS"] = 83] = "KeyS";
-    Keys[Keys["KeyT"] = 84] = "KeyT";
-    Keys[Keys["KeyU"] = 85] = "KeyU";
-    Keys[Keys["KeyV"] = 86] = "KeyV";
-    Keys[Keys["KeyW"] = 87] = "KeyW";
-    Keys[Keys["KeyX"] = 88] = "KeyX";
-    Keys[Keys["KeyY"] = 89] = "KeyY";
-    Keys[Keys["KeyZ"] = 90] = "KeyZ";
-    Keys[Keys["NumpadDecimal"] = 110] = "NumpadDecimal";
-    Keys[Keys["PageDown"] = 34] = "PageDown";
-    Keys[Keys["PageUp"] = 33] = "PageUp";
-    Keys[Keys["Shift"] = 16] = "Shift";
-    Keys[Keys["Space"] = 32] = "Space";
-    Keys[Keys["Tab"] = 9] = "Tab";
-})(Keys || (Keys = {}));
-
-/**
- * @hidden
- */
-const focusableSelector = [
-    'a[href]:not([tabindex^="-"]):not([disabled])',
-    'area[href]:not([tabindex^="-"]):not([disabled])',
-    'input:not([tabindex^="-"]):not([disabled])',
-    'select:not([tabindex^="-"]):not([disabled])',
-    'textarea:not([tabindex^="-"]):not([disabled])',
-    'button:not([tabindex^="-"]):not([disabled])',
-    'iframe:not([tabindex^="-"]):not([disabled])',
-    'object:not([tabindex^="-"]):not([disabled])',
-    'embed:not([tabindex^="-"]):not([disabled])',
-    '*[tabindex]:not([tabindex^="-"]):not([disabled])',
-    '*[contenteditable]:not([tabindex^="-"]):not([disabled]):not([contenteditable="false"])'
-].join(',');
-
-/**
- * @hidden
- */
-const watermarkStyles = `
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    opacity: 0.2;
-    zIndex: 101;
-    pointerEvents: none;
-    backgroundImage: url(\'data:image/png;base64,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\');
-`;
-/**
- * @hidden
- */
-const bannerStyles = {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'fixed',
-    top: '16px',
-    right: '16px',
-    padding: '12px',
-    borderRadius: '4px',
-    boxShadow: '0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.03)',
-    fontSize: '14px',
-    fontWeight: 400,
-    lineHeight: '20px',
-    backgroundColor: '#FFC000',
-    color: '#1E1E1E',
-    zIndex: 20000
-};
-/**
- * @hidden
- */
-const buttonStyles = {
-    display: 'inline-flex',
-    position: 'relative',
-    border: 'none',
-    borderRadius: '4px',
-    padding: '5px',
-    backgroundColor: 'transparent',
-    transition: 'color 0.2s ease-in-out',
-    outline: 'none',
-    cursor: 'pointer'
-};
-/**
- * @hidden
- */
-const licenseKeyUrl = 'https://www.telerik.com/kendo-angular-ui/components/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-banner';
-
-let bannerPresentOnPage = false;
-/**
- * @hidden
- */
-class WatermarkOverlayComponent {
-    constructor() {
-        this.watermarkStyle = watermarkStyles;
-        this.isOpen = true;
-        this.bannerMounted = false;
-        this.bannerStyles = bannerStyles;
-        this.buttonStyles = buttonStyles;
-        this.licenseKeyUrl = licenseKeyUrl;
-    }
-    ngOnInit() {
-        if (!bannerPresentOnPage) {
-            this.bannerMounted = true;
-            bannerPresentOnPage = true;
-        }
-    }
-    ngAfterViewInit() {
-        if (this.isBannerRendered) {
-            document.body.appendChild(this.banner.nativeElement);
-        }
-    }
-    ngOnDestroy() {
-        if (this.isBannerRendered) {
-            document.body.removeChild(this.banner.nativeElement);
-        }
-    }
-    closeBanner() {
-        this.isOpen = false;
-    }
-    get isBannerRendered() {
-        return isDocumentAvailable() && this.banner && this.banner.nativeElement;
-    }
-}
-WatermarkOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WatermarkOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
-        <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
-            <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
-                <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
-                </svg>
-            </span>
-
-            <span>No valid license found for Kendo UI for Angular. Learn how to activate your license.</span>
-
-            <div [ngStyle]="{ display: 'flex', alignItems: 'center', marginLeft: '24px' }">
-                <a [href]="licenseKeyUrl" [ngStyle]="{marginRight: '8px', display: 'flex'}">
-                    <button title='Learn More' [ngStyle]="buttonStyles">
-                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-                            <path d="M15 8C15 11.8656 11.8656 15 8 15C4.13437 15 1 11.8656 1 8C1 4.13437 4.13437 1 8 1C11.8656 1 15 4.13437 15 8ZM14 8C14 4.6875 11.3125 2 8 2C4.6875 2 2 4.6875 2 8C2 11.3125 4.6875 14 8 14C11.3125 14 14 11.3125 14 8ZM11 6C11 7.4125 10.2687 8.05937 9.73125 8.53125C9.25937 8.94688 9 9.17813 9 10H7C7 8.275 7.84688 7.525 8.40938 7.03125C8.84062 6.65312 9 6.50938 9 6C9 5.45 8.55 5 8 5C7.45 5 7 5.45 7 6H5C5 4.34375 6.34375 3 8 3C9.65625 3 11 4.34375 11 6ZM9 13V11H7V13H9Z" fill="#1E1E1E"/>
-                        </svg>
-                    </button>
-                </a>
-
-                <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
-                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-                        <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
-                    </svg>
-                </button>
-            </div>
-        </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkOverlayComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'div[kendoWatermarkOverlay]',
-                    template: `
-        <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
-            <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
-                <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
-                </svg>
-            </span>
-
-            <span>No valid license found for Kendo UI for Angular. Learn how to activate your license.</span>
-
-            <div [ngStyle]="{ display: 'flex', alignItems: 'center', marginLeft: '24px' }">
-                <a [href]="licenseKeyUrl" [ngStyle]="{marginRight: '8px', display: 'flex'}">
-                    <button title='Learn More' [ngStyle]="buttonStyles">
-                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-                            <path d="M15 8C15 11.8656 11.8656 15 8 15C4.13437 15 1 11.8656 1 8C1 4.13437 4.13437 1 8 1C11.8656 1 15 4.13437 15 8ZM14 8C14 4.6875 11.3125 2 8 2C4.6875 2 2 4.6875 2 8C2 11.3125 4.6875 14 8 14C11.3125 14 14 11.3125 14 8ZM11 6C11 7.4125 10.2687 8.05937 9.73125 8.53125C9.25937 8.94688 9 9.17813 9 10H7C7 8.275 7.84688 7.525 8.40938 7.03125C8.84062 6.65312 9 6.50938 9 6C9 5.45 8.55 5 8 5C7.45 5 7 5.45 7 6H5C5 4.34375 6.34375 3 8 3C9.65625 3 11 4.34375 11 6ZM9 13V11H7V13H9Z" fill="#1E1E1E"/>
-                        </svg>
-                    </button>
-                </a>
-
-                <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
-                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-                        <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
-                    </svg>
-                </button>
-            </div>
-        </div>
-    `,
-                    standalone: true,
-                    imports: [NgIf, NgStyle]
-                }]
-        }], propDecorators: { watermarkStyle: [{
-                type: HostBinding,
-                args: ['style']
-            }], banner: [{
-                type: ViewChild,
-                args: ['banner']
-            }] } });
-
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class WatermarkModule {
-}
-WatermarkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WatermarkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: WatermarkModule, imports: [WatermarkOverlayComponent], exports: [WatermarkOverlayComponent] });
-WatermarkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkModule, imports: [WatermarkOverlayComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WatermarkModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [WatermarkOverlayComponent],
-                    imports: [WatermarkOverlayComponent]
-                }]
-        }] });
-
-const allowed = ['telerik.com', 'progress.com', 'stackblitz.io', 'csb.app'];
-/**
- * @hidden
- */
-function shouldShowValidationUI(isPackageValid) {
-    const skip = allowed.some((hostname) => { var _a; return (_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.location.hostname.endsWith(hostname); });
-    return !skip && !isPackageValid;
-}
-
-/**
- * Specifies the adornments in the prefix container of the [Inputs](slug:adornments_textbox#toc-prefix-adornments) and [DropDowns](slug:adornments_multiselect#toc-prefix-adornments).
- * ```ts-no-run
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-textbox>
- *      <ng-template kendoPrefixTemplate>
- *          <button kendoButton look="clear" icon="image"></button>
- *      </ng-template>
- *  </kendo-textbox>
- *
- *  <kendo-multiselect [data]="data" [(ngModel)]="value">
- *      <ng-template kendoPrefixTemplate>
- *          <button kendoButton look="clear" icon="image"></button>
- *      </ng-template>
- *  </kendo-multiselect>
- * `
- * })
- * class AppComponent {}
- * ```
- */
-class PrefixTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._showSeparator = false;
-    }
-    /**
-     * Sets the `showSeparator` attribute of the `prefixTemplate`.
-     *
-     * @default false
-     */
-    set showSeparator(value) {
-        this._showSeparator = value;
-    }
-    get showSeparator() {
-        return this._showSeparator;
-    }
-}
-PrefixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-PrefixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PrefixTemplateDirective, isStandalone: true, selector: "[kendoPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PrefixTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoPrefixTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i0.TemplateRef, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { showSeparator: [{
-                type: Input
-            }] } });
-
-/**
- * Specifies the adornments in the suffix container of the [Inputs](slug:adornments_textbox#toc-suffix-adornments) and [DropDowns](slug:adornments_multiselect#toc-suffix-adornments).
- * ```ts-no-run
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-textbox>
- *      <ng-template kendoSuffixTemplate>
- *          <button kendoButton look="clear" icon="image"></button>
- *      </ng-template>
- *  </kendo-textbox>
- * `
- *  <kendo-multiselect [data]="data" [(ngModel)]="value">
- *      <ng-template kendoSuffixTemplate>
- *          <button kendoButton look="clear" icon="image"></button>
- *      </ng-template>
- *  </kendo-multiselect>
- * })
- * class AppComponent {}
- * ```
- */
-class SuffixTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._showSeparator = false;
-    }
-    /**
-     * Sets the `showSeparator` attribute of the `suffixTemplate`.
-     *
-     * @default false
-     */
-    set showSeparator(value) {
-        this._showSeparator = value;
-    }
-    get showSeparator() {
-        return this._showSeparator;
-    }
-}
-SuffixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SuffixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SuffixTemplateDirective, isStandalone: true, selector: "[kendoSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SuffixTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoSuffixTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i0.TemplateRef, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { showSeparator: [{
-                type: Input
-            }] } });
-
-/**
- * Specifies a separator in the content of the [Inputs]({% slug adornments_textbox %}#toc-separator) and [DropDowns]({% slug adornments_multiselect %}#toc-separator).
- * @example
- * ```ts-no-run
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-textbox>
- *      <ng-template kendoSuffixTemplate>
- *          <button kendoButton look="clear" icon="image"></button>
- *          <kendo-separator></kendo-separator>
- *          <button kendoButton look="clear" icon="image"></button>
- *      </ng-template>
- *  </kendo-textbox>
- * `
- * })
- * class AppComponent {}
- * ```
- */
-class SeparatorComponent {
-    constructor() {
-        /**
-         * Specifies the orientation of the separator. Applicable for the adornments of the [`TextAreaComponent`](slug:api_inputs_textareacomponent).
-         *
-         * @default 'vertical'
-         */
-        this.orientation = 'vertical';
-        /**
-         * @hidden
-         */
-        this.hostClass = true;
-    }
-    /**
-     * @hidden
-     */
-    get vertical() {
-        return this.orientation === 'vertical';
-    }
-    /**
-     * @hidden
-     */
-    get horizontal() {
-        return this.orientation === 'horizontal';
-    }
-}
-SeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SeparatorComponent, isStandalone: true, selector: "kendo-separator", inputs: { orientation: "orientation" }, host: { properties: { "class.k-input-separator-vertical": "this.vertical", "class.k-input-separator-horizontal": "this.horizontal", "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SeparatorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-separator',
-                    template: ``,
-                    standalone: true
-                }]
-        }], propDecorators: { orientation: [{
-                type: Input
-            }], vertical: [{
-                type: HostBinding,
-                args: ['class.k-input-separator-vertical']
-            }], horizontal: [{
-                type: HostBinding,
-                args: ['class.k-input-separator-horizontal']
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-input-separator']
-            }] } });
-
-/**
- * @hidden
- */
-class TemplateContextDirective {
-    constructor(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
-    }
-    set templateContext(context) {
-        if (this.insertedViewRef) {
-            this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef));
-            this.insertedViewRef = undefined;
-        }
-        if (context.templateRef) {
-            this.insertedViewRef = this.viewContainerRef.createEmbeddedView(context.templateRef, context);
-        }
-    }
-}
-TemplateContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TemplateContextDirective, isStandalone: true, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateContextDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: '[templateContext]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { templateContext: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- */
-class MultiTabStop {
-}
-
-const tags = ['kendo-splitbutton', 'kendo-combobox', 'kendo-multicolumncombobox', 'kendo-datepicker', 'kendo-timepicker', 'kendo-datetimepicker'];
-/**
- * Includes the button that toggles the Popup in the tab sequence when applied
- * to a SplitButton, ComboBox, MultiComboBox, DatePicker, TimePicker, and DateTimePicker component.
- * ```ts-no-run
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-combobox [data]="data"
- *      kendoToggleButtonTabStop>
- *  </kendo-combobox>
- *
- *  <kendo-datepicker [(ngModel)]="value"
- *      kendoToggleButtonTabStop>
- *  </kendo-datepicker>
- * `
- * })
- * class AppComponent {}
- * ```
- */
-class ToggleButtonTabStopDirective {
-    /**
-     * @hidden
-     */
-    constructor(hostEl, renderer, zone, hostComponent) {
-        this.hostEl = hostEl;
-        this.renderer = renderer;
-        this.zone = zone;
-        this.hostComponent = hostComponent;
-        /**
-         * Defines the value of the `aria-label` attribute of the toggle button when active.
-         *
-         * @default "toggle popup"
-         */
-        this.toggleButtonAriaLabel = 'toggle popup';
-        this.sub = new Subscription();
-        this.onFocus = () => {
-            this.renderer.setStyle(this.button, 'box-shadow', 'inset 0 0 0 1px rgba(0, 0, 0, 0.08)');
-        };
-        this.onBlur = () => {
-            this.renderer.removeStyle(this.button, 'box-shadow');
-        };
-        this.onClick = (e) => {
-            const splitButtonToggleEnter = e instanceof KeyboardEvent && e.keyCode === Keys.Enter;
-            const isClick = e instanceof PointerEvent;
-            (splitButtonToggleEnter || isClick) && (this.focusButton = true);
-        };
-        this.onKeyDown = (e) => {
-            if (e.keyCode === Keys.ArrowDown && e.altKey) {
-                e.stopImmediatePropagation();
-                this.focusButton = true;
-                this.button.click();
-            }
-        };
-        if (isDevMode() && tags.indexOf(hostEl.nativeElement.tagName.toLowerCase()) === -1) {
-            console.warn(`The kendoToggleButtonTabStop directive can be applied to the following components only: ${tags}`);
-        }
-    }
-    ngOnInit() {
-        this.active = true;
-    }
-    ngAfterViewInit() {
-        var _a, _b;
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.isSplitButton = this.hostEl.nativeElement.classList.contains('k-split-button');
-        if (this.active) {
-            this.activateButton();
-        }
-        if (((_a = this.hostComponent) === null || _a === void 0 ? void 0 : _a.escape) instanceof EventEmitter) {
-            this.sub = (_b = this.hostComponent) === null || _b === void 0 ? void 0 : _b.escape.subscribe(() => {
-                this.returnFocusToToggleButton();
-            });
-            // Returns the focus to the toggle button when component is opened through it, and the Popup is closed
-            // while the active element is within the component or popup.
-            this.sub.add(this.hostComponent.close.subscribe((e) => {
-                if (!e.isDefaultPrevented() && this.focusButton) {
-                    this.zone.onStable.pipe(take(1)).subscribe(() => {
-                        this.zone.runOutsideAngular(() => {
-                            setTimeout(() => this.focusButton = false);
-                        });
-                    });
-                    const mainFocusableElement = this.hostEl.nativeElement.querySelector('.k-split-button > .k-button:first-child, .k-input-inner');
-                    const optionsListContainer = document.getElementById(`${mainFocusableElement.getAttribute('aria-controls')}`);
-                    const inList = !!optionsListContainer && optionsListContainer.contains(document.activeElement);
-                    const inWrapper = this.hostEl.nativeElement.contains(document.activeElement);
-                    const focusInComponent = inList || inWrapper;
-                    if (focusInComponent) {
-                        this.returnFocusToToggleButton();
-                    }
-                }
-            }));
-        }
-        const close = this.hostComponent.close;
-    }
-    ngOnChanges(changes) {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        if (changes['active']) {
-            changes['active'].currentValue ? this.activateButton() : this.deactivateButton();
-        }
-        if (changes['toggleButtonAriaLabel']) {
-            this.button && this.renderer.setAttribute(this.button, 'aria-label', changes['toggleButtonAriaLabel'].currentValue);
-        }
-    }
-    ngOnDestroy() {
-        this.removeListeners();
-        this.sub.unsubscribe();
-    }
-    activateButton() {
-        var _a;
-        const el = this.hostEl.nativeElement;
-        const tabindex = (_a = el.querySelector('button:not([tabindex^="-"]), input:not([tabindex^="-"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('tabindex');
-        this.button = el.querySelector('.k-input-button, .k-split-button-arrow');
-        this.button && this.renderer.setAttribute(this.button, 'tabindex', tabindex);
-        this.button && this.renderer.setAttribute(this.button, 'aria-label', this.toggleButtonAriaLabel);
-        this.button && this.renderer.removeAttribute(this.button, 'aria-hidden');
-        if (!this.observer) {
-            this.initializeObserver(el);
-        }
-        this.removeListeners();
-        this.addListeners();
-    }
-    deactivateButton() {
-        this.button && this.renderer.setAttribute(this.button, 'tabindex', '-1');
-        this.button && this.renderer.setAttribute(this.button, 'aria-hidden', 'true');
-        this.button && this.renderer.removeAttribute(this.button, 'aria-label');
-        this.removeListeners();
-        this.observer && this.observer.disconnect();
-        this.observer = null;
-    }
-    addListeners() {
-        if (this.button) {
-            this.zone.runOutsideAngular(() => this.button.addEventListener('focus', this.onFocus));
-            this.zone.runOutsideAngular(() => this.button.addEventListener('blur', this.onBlur));
-            this.zone.runOutsideAngular(() => this.button.addEventListener('click', this.onClick));
-            this.isSplitButton && this.zone.runOutsideAngular(() => this.button.addEventListener('keyup', this.onClick));
-            this.zone.runOutsideAngular(() => this.button.addEventListener('keydown', this.onKeyDown, true));
-        }
-    }
-    removeListeners() {
-        if (this.button) {
-            this.zone.runOutsideAngular(() => this.button.removeEventListener('focus', this.onFocus));
-            this.zone.runOutsideAngular(() => this.button.removeEventListener('blur', this.onBlur));
-            this.zone.runOutsideAngular(() => this.button.removeEventListener('click', this.onClick));
-            this.isSplitButton && this.zone.runOutsideAngular(() => this.button.removeEventListener('keyup', this.onClick));
-            this.zone.runOutsideAngular(() => this.button.removeEventListener('keydown', this.onKeyDown));
-        }
-    }
-    focusToggleButton() {
-        this.focusButton && this.zone.runOutsideAngular(() => this.button.focus());
-        this.focusButton = false;
-    }
-    returnFocusToToggleButton() {
-        if (this.isSplitButton) {
-            this.zone.onStable.pipe(take(1)).subscribe(() => {
-                this.focusToggleButton();
-            });
-        }
-        else {
-            this.focusToggleButton();
-        }
-    }
-    // Keeps the `aria-controls` and `aria-expanded` attributes of the main focusable element of the component
-    // and the toggle button element in sync.
-    initializeObserver(element) {
-        const mainFocusableElement = element.querySelector('.k-split-button > .k-button:first-child, .k-input-inner');
-        const initialExpanded = mainFocusableElement.getAttribute('aria-expanded');
-        const initialControls = mainFocusableElement.getAttribute('aria-controls');
-        this.button && this.renderer.setAttribute(this.button, 'aria-expanded', initialExpanded);
-        this.button && initialControls && this.renderer.setAttribute(this.button, 'aria-controls', initialControls);
-        this.zone.runOutsideAngular(() => {
-            const mutationConfig = { attributes: true };
-            const callback = (mutationList) => {
-                for (const mutation of mutationList) {
-                    if (mutation.attributeName === 'aria-expanded') {
-                        this.renderer.setAttribute(this.button, 'aria-expanded', mainFocusableElement.getAttribute('aria-expanded'));
-                    }
-                    else if (mutation.attributeName === 'aria-controls') {
-                        const controlsRef = mainFocusableElement.getAttribute('aria-controls');
-                        !this.isSplitButton && controlsRef ? this.renderer.setAttribute(this.button, 'aria-controls', controlsRef) : this.renderer.removeAttribute(this.button, 'aria-controls');
-                    }
-                }
-            };
-            this.observer = new MutationObserver(callback);
-            this.observer.observe(mainFocusableElement, mutationConfig);
-        });
-    }
-}
-ToggleButtonTabStopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: MultiTabStop }], target: i0.ɵɵFactoryTarget.Directive });
-ToggleButtonTabStopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToggleButtonTabStopDirective, isStandalone: true, selector: "[kendoToggleButtonTabStop]", inputs: { active: ["kendoToggleButtonTabStop", "active"], toggleButtonAriaLabel: "toggleButtonAriaLabel" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoToggleButtonTabStop]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: MultiTabStop }]; }, propDecorators: { active: [{
-                type: Input,
-                args: ['kendoToggleButtonTabStop']
-            }], toggleButtonAriaLabel: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- */
-const KENDO_ADORNMENTS = [
-    PrefixTemplateDirective,
-    SuffixTemplateDirective,
-    SeparatorComponent
-];
-/**
- * @hidden
- */
-const KENDO_COMMON = [
-    ...KENDO_ADORNMENTS,
-    DraggableDirective,
-    EventsOutsideAngularDirective,
-    ResizeSensorComponent,
-    ToggleButtonTabStopDirective,
-    WatermarkOverlayComponent,
-];
-/**
- * @hidden
- */
-const KENDO_DRAGGABLE = [
-    DraggableDirective
-];
-/**
- * @hidden
- */
-const KENDO_EVENTS = [
-    EventsOutsideAngularDirective
-];
-/**
- * @hidden
- */
-const KENDO_RESIZESENSOR = [
-    ResizeSensorComponent
-];
-/**
- * @hidden
- */
-const KENDO_TOGGLEBUTTONTABSTOP = [
-    ToggleButtonTabStopDirective
-];
-/**
- * @hidden
- */
-const KENDO_WATERMARK = [
-    WatermarkOverlayComponent
-];
-/**
- * @hidden
- */
-const KENDO_TEMPLATE_CONTEXT = [
-    TemplateContextDirective
-];
-
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class AdornmentsModule {
-}
-AdornmentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdornmentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AdornmentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AdornmentsModule, imports: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent], exports: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent] });
-AdornmentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdornmentsModule, imports: [SeparatorComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdornmentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_ADORNMENTS],
-                    exports: [...KENDO_ADORNMENTS]
-                }]
-        }] });
-
-class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
-    /**
-     * Prevents the default action for a specified event.
-     * In this way, the source component suppresses
-     * the built-in behavior that follows the event.
-     */
-    preventDefault() {
-        this.prevented = true;
-    }
-    /**
-     * Returns `true` if the event was prevented
-     * by any of its subscribers.
-     *
-     * @returns `true` if the default action was prevented.
-     * Otherwise, returns `false`.
-     */
-    isDefaultPrevented() {
-        return this.prevented;
-    }
-}
-
-const canCreateElement = () => isDocumentAvailable() && document.createElement;
-const propName = '--kendo-scrollbar-width';
-/**
- * @hidden
- */
-const scrollbarWidth = () => {
-    let scrollbarWidth = 0;
-    if (canCreateElement()) {
-        const div = document.createElement('div');
-        div.style.cssText = 'overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block';
-        div.innerHTML = '&nbsp;';
-        document.body.appendChild(div);
-        scrollbarWidth = div.offsetWidth - div.scrollWidth;
-        document.body.removeChild(div);
-    }
-    return scrollbarWidth;
-};
-/**
- * @hidden
- */
-class ScrollbarWidthService {
-    constructor() {
-        this.changes = new EventEmitter();
-        if (typeof window !== 'undefined' && isDocumentAvailable()) {
-            document.body.style.setProperty(propName, `${scrollbarWidth()}px`);
-        }
-    }
-}
-ScrollbarWidthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollbarWidthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ScrollbarWidthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollbarWidthService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollbarWidthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
- */
-class ToggleButtonTabStopModule {
-}
-ToggleButtonTabStopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ToggleButtonTabStopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopModule, imports: [ToggleButtonTabStopDirective], exports: [ToggleButtonTabStopDirective] });
-ToggleButtonTabStopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ToggleButtonTabStopDirective],
-                    exports: [ToggleButtonTabStopDirective]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KENDO_ADORNMENTS, KENDO_COMMON, KENDO_DRAGGABLE, KENDO_EVENTS, KENDO_RESIZESENSOR, KENDO_TEMPLATE_CONTEXT, KENDO_TOGGLEBUTTONTABSTOP, KENDO_WATERMARK, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ResizeSensorModule, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, TemplateContextDirective, ToggleButtonTabStopDirective, ToggleButtonTabStopModule, WatermarkModule, WatermarkOverlayComponent, anyChanged, applyAttributes, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, removeHTMLAttributes, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
-