@progress/kendo-angular-dropdowns 21.4.1 → 22.0.0-develop.1

package/esm2022/common/searchbar.component.mjs

@@ -1,386 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, Renderer2, Input, Output, EventEmitter, ElementRef, HostBinding, Injector, NgZone } from '@angular/core';
-import { isDocumentAvailable, isObjectPresent, isSafari, removeHTMLAttributes, setHTMLAttributes, Keys, parseAttributes, normalizeKeys } from '@progress/kendo-angular-common';
-import { combineStr, isJapanese } from './util';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Subscription } from 'rxjs';
-import { NgControl } from '@angular/forms';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class SearchBarComponent {
-    localization;
-    injector;
-    input;
-    ngZone;
-    direction;
-    tagListId;
-    set readonly(readonly) {
-        this._readonly = readonly;
-        if (this._readonly) {
-            this.renderer.setAttribute(this.input.nativeElement, 'readonly', '');
-        }
-        else {
-            this.renderer.removeAttribute(this.input.nativeElement, 'readonly');
-        }
-    }
-    get readonly() {
-        return this._readonly;
-    }
-    set disabled(disabled) {
-        this._disabled = disabled;
-        if (this._disabled) {
-            this.renderer.setAttribute(this.input.nativeElement, 'disabled', '');
-        }
-        else {
-            this.renderer.removeAttribute(this.input.nativeElement, 'disabled');
-        }
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set isRequired(isRequired) {
-        this._isRequired = isRequired;
-        if (this._isRequired) {
-            this.renderer.setAttribute(this.input.nativeElement, 'required', '');
-        }
-        else {
-            this.renderer.removeAttribute(this.input.nativeElement, 'required');
-        }
-    }
-    get isRequired() {
-        return this._isRequired;
-    }
-    set isSuggestable(isSuggestable) {
-        this._isSuggestable = isSuggestable;
-        this.setAriaAutocomplete();
-    }
-    get isSuggestable() {
-        return this._isSuggestable;
-    }
-    set isFilterable(isFilterable) {
-        this._isFilterable = isFilterable;
-        this.setAriaAutocomplete();
-    }
-    get isFilterable() {
-        return this._isFilterable;
-    }
-    get userInput() {
-        return this._userInput;
-    }
-    set userInput(userInput) {
-        this._userInput = userInput || "";
-    }
-    /**
-     * @hidden
-     */
-    get formControl() {
-        const ngControl = this.injector.get(NgControl, null);
-        return ngControl?.control || null;
-    }
-    suggestedText;
-    /**
-     * @hidden
-     */
-    set inputAttributes(attributes) {
-        if (isObjectPresent(this.parsedAttributes)) {
-            removeHTMLAttributes(this.parsedAttributes, this.renderer, this.input.nativeElement);
-        }
-        this._inputAttributes = attributes;
-        this.parsedAttributes = this.inputAttributes ?
-            parseAttributes(this.inputAttributes, this.defaultAttributes) :
-            this.inputAttributes;
-        this.setInputAttributes();
-    }
-    get inputAttributes() {
-        return this._inputAttributes;
-    }
-    id;
-    activeDescendant;
-    tabIndex;
-    isLoading;
-    ariaControls;
-    ariaExpanded = null;
-    get attrAriaInvalid() {
-        return this.formControl?.invalid ? true : null;
-    }
-    set placeholder(text) {
-        this._placeholder = text || '';
-        this.setInputSize();
-    }
-    get placeholder() {
-        return this._placeholder;
-    }
-    role = 'combobox';
-    get dir() {
-        return this.direction;
-    }
-    valueChange = new EventEmitter();
-    onBlur = new EventEmitter();
-    onFocus = new EventEmitter();
-    onClick = new EventEmitter();
-    onNavigate = new EventEmitter();
-    get value() {
-        return this.input.nativeElement.value;
-    }
-    _isRequired;
-    _readonly;
-    _disabled;
-    _userInput = "";
-    _previousValue = "";
-    _placeholder = "";
-    _isSuggestable = false;
-    _isFilterable = false;
-    renderer;
-    subs = new Subscription();
-    _inputAttributes;
-    parsedAttributes = {};
-    get defaultAttributes() {
-        return {
-            id: this.id,
-            disabled: this.disabled ? '' : null,
-            readonly: this.readonly ? '' : null,
-            placeholder: this.placeholder,
-            tabIndex: this.tabIndex,
-            tabindex: this.tabIndex,
-            dir: this.direction,
-            required: this.isRequired ? '' : null,
-            'aria-haspopup': 'listbox',
-            'aria-expanded': this.ariaExpanded,
-            'aria-controls': this.ariaControls,
-            'aria-activedescendant': this.activeDescendant,
-            'aria-busy': this.isLoading,
-            'aria-invalid': this.formControl?.invalid
-        };
-    }
-    get mutableAttributes() {
-        return {
-            autocomplete: 'off',
-            role: this.role,
-            'aria-describedby': this.tagListId
-        };
-    }
-    constructor(localization, renderer, injector, input, ngZone) {
-        this.localization = localization;
-        this.injector = injector;
-        this.input = input;
-        this.ngZone = ngZone;
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.renderer = renderer;
-        this.renderer.addClass(this.input.nativeElement, 'k-input-inner');
-        this.renderer.setAttribute(this.input.nativeElement, 'aria-haspopup', 'listbox');
-        this.renderer.setAttribute(this.input.nativeElement, 'autocomplete', 'off');
-    }
-    ngOnInit() {
-        this.subs.add(this.localization
-            .changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
-    }
-    ngOnChanges(changes) {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        let previousUserInput;
-        if (this.input && (changes.userInput || changes.suggestedText)) {
-            if (changes.userInput && changes.userInput.previousValue) {
-                if (this._previousValue === changes.userInput.previousValue) {
-                    previousUserInput = this._previousValue;
-                }
-                else {
-                    previousUserInput = changes.userInput.currentValue || "";
-                }
-            }
-            else {
-                previousUserInput = this._previousValue;
-            }
-            const caretStart = this.input.nativeElement.selectionStart;
-            const caretAtEnd = previousUserInput.length === caretStart;
-            this.writeInputValue(this.suggestedText ? combineStr(this.userInput, this.suggestedText) : this.userInput);
-            if (this.suggestedText) {
-                this.setInputSelection(this.userInput.length, this.suggestedText.length);
-            }
-            else if (isSafari(navigator.userAgent) && !caretAtEnd) {
-                this.setInputSelection(caretStart, this.userInput.length);
-            }
-            else if (caretAtEnd) {
-                this.setInputSelection(this.userInput.length, this.userInput.length);
-            }
-            else {
-                this.setInputSelection(caretStart, caretStart);
-            }
-            this._previousValue = this.userInput;
-        }
-    }
-    ngAfterViewInit() {
-        this.subs.add(this.renderer.listen(this.input.nativeElement, 'input', (event) => this.handleInput(event)));
-        this.subs.add(this.renderer.listen(this.input.nativeElement, 'focus', (event) => this.handleFocus(event)));
-        this.subs.add(this.renderer.listen(this.input.nativeElement, 'blur', (event) => this.handleBlur(event)));
-        this.subs.add(this.ngZone.runOutsideAngular(() => this.renderer.listen(this.input.nativeElement, 'keydown', (event) => this.handleKeydown(event))));
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    writeInputValue(text) {
-        if (isDocumentAvailable()) {
-            this.renderer.setProperty(this.input.nativeElement, 'value', text);
-        }
-    }
-    setInputSelection(start, end) {
-        if (isDocumentAvailable() && this.input.nativeElement === document.activeElement) {
-            try {
-                this.input.nativeElement.setSelectionRange(start, end);
-            }
-            catch (_e) {
-                //Make sure that the element is in the DOM before you invoke its methods
-            }
-        }
-    }
-    setAriaAutocomplete() {
-        if (this.isFilterable) {
-            this.renderer.setAttribute(this.input.nativeElement, 'aria-autocomplete', 'list');
-        }
-        if (this.isSuggestable) {
-            this.renderer.setAttribute(this.input.nativeElement, 'aria-autocomplete', 'inline');
-        }
-        if (this.isFilterable && this.isSuggestable) {
-            this.renderer.setAttribute(this.input.nativeElement, 'aria-autocomplete', 'both');
-        }
-        if (!this.isFilterable && !this.isSuggestable) {
-            this.renderer.removeAttribute(this.input.nativeElement, 'aria-autocomplete');
-        }
-    }
-    handleInput(event) {
-        const target = event.target;
-        const isBrowserSafari = isSafari(navigator.userAgent);
-        const value = isBrowserSafari && isJapanese(target.value) ? event.data : target.value;
-        if (value !== this.userInput) {
-            this._previousValue = value;
-            this.valueChange.emit(value);
-        }
-    }
-    handleFocus(event) {
-        this.onFocus.emit(event);
-    }
-    handleBlur(event) {
-        this.onBlur.emit(event);
-    }
-    handleKeydown(event) {
-        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-        const keyCode = normalizeKeys(event);
-        const keys = [Keys.ArrowUp, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.Enter,
-            Keys.Escape, Keys.Delete, Keys.Backspace, Keys.Home, Keys.End, Keys.PageDown, Keys.PageUp];
-        if (keys.indexOf(keyCode) > -1) {
-            this.ngZone.run(() => {
-                this.onNavigate.emit(event);
-            });
-        }
-    }
-    focus() {
-        if (isDocumentAvailable()) {
-            this.input.nativeElement.focus();
-        }
-    }
-    blur() {
-        if (isDocumentAvailable()) {
-            this.input.nativeElement.blur();
-        }
-    }
-    setInputSize() {
-        const lengthOf = x => x ? x.length : 0;
-        const input = this.input.nativeElement;
-        const placeholderLength = lengthOf(this.placeholder);
-        const textLength = lengthOf(this.value);
-        const size = Math.max(placeholderLength, textLength, 1);
-        this.renderer.setAttribute(input, 'size', size.toString());
-    }
-    setInputAttributes() {
-        const attributesToRender = Object.assign({}, this.mutableAttributes, this.parsedAttributes);
-        setHTMLAttributes(attributesToRender, this.renderer, this.input.nativeElement, this.ngZone);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SearchBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SearchBarComponent, isStandalone: true, selector: "input[kendoSearchbar]", inputs: { tagListId: "tagListId", readonly: "readonly", disabled: "disabled", isRequired: "isRequired", isSuggestable: "isSuggestable", isFilterable: "isFilterable", userInput: "userInput", suggestedText: "suggestedText", inputAttributes: "inputAttributes", id: "id", activeDescendant: "activeDescendant", tabIndex: "tabIndex", isLoading: "isLoading", ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", placeholder: "placeholder" }, outputs: { valueChange: "valueChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onNavigate: "onNavigate" }, host: { properties: { "attr.id": "this.id", "attr.aria-activedescendant": "this.activeDescendant", "attr.tabindex": "this.tabIndex", "attr.aria-busy": "this.isLoading", "attr.aria-controls": "this.ariaControls", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-invalid": "this.attrAriaInvalid", "attr.placeholder": "this.placeholder", "attr.role": "this.role", "attr.dir": "this.dir" } }, usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SearchBarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'input[kendoSearchbar]',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { tagListId: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], isRequired: [{
-                type: Input
-            }], isSuggestable: [{
-                type: Input
-            }], isFilterable: [{
-                type: Input
-            }], userInput: [{
-                type: Input
-            }], suggestedText: [{
-                type: Input
-            }], inputAttributes: [{
-                type: Input
-            }], id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }, {
-                type: Input
-            }], activeDescendant: [{
-                type: HostBinding,
-                args: ['attr.aria-activedescendant']
-            }, {
-                type: Input
-            }], tabIndex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }, {
-                type: Input
-            }], isLoading: [{
-                type: HostBinding,
-                args: ['attr.aria-busy']
-            }, {
-                type: Input
-            }], ariaControls: [{
-                type: HostBinding,
-                args: ['attr.aria-controls']
-            }, {
-                type: Input
-            }], ariaExpanded: [{
-                type: HostBinding,
-                args: ['attr.aria-expanded']
-            }, {
-                type: Input
-            }], attrAriaInvalid: [{
-                type: HostBinding,
-                args: ['attr.aria-invalid']
-            }], placeholder: [{
-                type: HostBinding,
-                args: ['attr.placeholder']
-            }, {
-                type: Input
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], dir: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], valueChange: [{
-                type: Output
-            }], onBlur: [{
-                type: Output
-            }], onFocus: [{
-                type: Output
-            }], onClick: [{
-                type: Output
-            }], onNavigate: [{
-                type: Output
-            }] } });

package/esm2022/common/selection/selectable.directive.mjs

@@ -1,83 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input, HostBinding, HostListener } from '@angular/core';
-import { SelectionService } from './selection.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./selection.service";
-/**
- * @hidden
- */
-export class SelectableDirective {
-    index;
-    checkboxes = { enabled: false };
-    height;
-    isMultiselect;
-    multipleSelection = false;
-    selectionService;
-    constructor(selectionService) {
-        this.selectionService = selectionService;
-    }
-    get focusedClassName() {
-        return this.selectionService.isFocused(this.index);
-    }
-    get selectedClassName() {
-        return !this.checkboxes.enabled && this.selectionService.isSelected(this.index);
-    }
-    onClick(event) {
-        event.stopPropagation();
-        this.selectionService.lastClickedIndex = this.index;
-        if (this.checkboxes.enabled && !this.checkboxes.checkOnClick) {
-            return;
-        }
-        if (this.multipleSelection) {
-            if (this.selectionService.isSelected(this.index)) {
-                this.selectionService.deselect(this.index);
-            }
-            else {
-                this.selectionService.add(this.index);
-            }
-        }
-        else {
-            this.selectionService.change(this.index);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectableDirective, deps: [{ token: i1.SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SelectableDirective, isStandalone: true, selector: "[kendoDropDownsSelectable]", inputs: { index: "index", checkboxes: "checkboxes", height: "height", isMultiselect: "isMultiselect", multipleSelection: "multipleSelection" }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.index": "this.index", "style.height.px": "this.height", "style.minHeight.px": "this.height", "class.k-focus": "this.focusedClassName", "class.k-selected": "this.selectedClassName" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDropDownsSelectable]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.SelectionService }], propDecorators: { index: [{
-                type: HostBinding,
-                args: ['attr.index']
-            }, {
-                type: Input
-            }], checkboxes: [{
-                type: Input
-            }], height: [{
-                type: HostBinding,
-                args: ['style.height.px']
-            }, {
-                type: HostBinding,
-                args: ['style.minHeight.px']
-            }, {
-                type: Input
-            }], isMultiselect: [{
-                type: Input
-            }], multipleSelection: [{
-                type: Input
-            }], focusedClassName: [{
-                type: HostBinding,
-                args: ['class.k-focus']
-            }], selectedClassName: [{
-                type: HostBinding,
-                args: ['class.k-selected']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });

package/esm2022/common/selection/selection.service.mjs

@@ -1,166 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable, EventEmitter } from '@angular/core';
-import { DisabledItemsService } from '../disabled-items/disabled-items.service';
-import { isPresent } from '../util';
-import * as i0 from "@angular/core";
-import * as i1 from "../disabled-items/disabled-items.service";
-/**
- * @hidden
- */
-export class SelectionService {
-    disabledItemsService;
-    onSelect = new EventEmitter();
-    onChange = new EventEmitter();
-    onFocus = new EventEmitter();
-    total = 0;
-    lastClickedIndex;
-    selectedIndices = [];
-    focusedIndex;
-    constructor(disabledItemsService) {
-        this.disabledItemsService = disabledItemsService;
-    }
-    getTotal() {
-        return this.total;
-    }
-    isSelected(index) {
-        return isPresent(this.selectedIndices.find(current => current === index));
-    }
-    isFocused(index) {
-        return index === this.focused;
-    }
-    focus(index) {
-        if (this.isFocused(index)) {
-            return;
-        }
-        this.focused = index;
-        this.onFocus.emit(index);
-    }
-    select(index) {
-        if (this.isSelected(index)) {
-            return;
-        }
-        this.selectedIndices = [index];
-        this.focused = index;
-        this.onSelect.emit({
-            indices: [index],
-            newSelection: isPresent(index)
-        });
-    }
-    add(index, preventClosingPopup) {
-        if (this.isSelected(index)) {
-            return;
-        }
-        this.selectedIndices.push(index);
-        this.focused = index;
-        this.onChange.emit({
-            added: index,
-            indices: this.selectedIndices.slice(),
-            preventClosingPopup: preventClosingPopup
-        });
-    }
-    indicesToBeRemoved = [];
-    indicesToBeAdded = [];
-    emitMultipleAddedRemoved() {
-        this.onChange.emit({
-            added: this.indicesToBeAdded,
-            removed: this.indicesToBeRemoved,
-            indices: this.selectedIndices.slice(),
-            preventClosingPopup: true,
-            isMultipleSelection: true
-        });
-        this.indicesToBeAdded = [];
-        this.indicesToBeRemoved = [];
-    }
-    addMultiple(indices) {
-        this.indicesToBeAdded = indices.slice();
-        this.selectedIndices.push(...indices);
-    }
-    deselect(index, preventClosingPopup) {
-        if (!this.isSelected(index)) {
-            return;
-        }
-        const position = this.selectedIndices.indexOf(index);
-        this.selectedIndices.splice(position, 1);
-        this.focused = index;
-        if (this.selected.length === 0) {
-            this.lastClickedIndex = null;
-        }
-        this.onChange.emit({
-            indices: this.selectedIndices.slice(),
-            removed: index,
-            preventClosingPopup: preventClosingPopup
-        });
-    }
-    unselectMultiple(indices) {
-        indices.forEach((index) => {
-            const position = this.selectedIndices.indexOf(index);
-            this.selectedIndices.splice(position, 1);
-        });
-        this.indicesToBeRemoved = indices.slice();
-    }
-    change(index) {
-        const newSelection = isPresent(index) && !this.isSelected(index);
-        this.selectedIndices = [index];
-        this.focused = index;
-        this.onChange.emit({
-            indices: [index],
-            newSelection: newSelection
-        });
-    }
-    resetSelection(index) {
-        this.selectedIndices = index instanceof Array ? index : [index];
-        this.focused = this.selectedIndices[this.selectedIndices.length - 1];
-    }
-    get selected() {
-        return this.selectedIndices.slice();
-    }
-    get focused() {
-        return this.focusedIndex;
-    }
-    set focused(index) {
-        if (this.focusedIndex !== index) {
-            this.focusedIndex = index;
-            this.onFocus.emit(index);
-        }
-    }
-    selectFromTo(from, to) {
-        const addedIndices = [];
-        for (let i = from; i <= to; i++) {
-            if (!this.isSelected(i) && !this.disabledItemsService.isIndexDisabled(i)) {
-                addedIndices.push(i);
-            }
-        }
-        this.addMultiple(addedIndices);
-    }
-    unselectFromTo(from, to) {
-        const indicesToBeUnselected = [];
-        for (let i = from; i >= to; i--) {
-            if (this.isSelected(i) && !this.disabledItemsService.isIndexDisabled(i)) {
-                indicesToBeUnselected.push(i);
-            }
-        }
-        this.unselectMultiple(indicesToBeUnselected);
-    }
-    unselectNotNeededIndices(startOfSelection, endOfSelection, totalItems) {
-        const indicesToBeUnselected = [];
-        for (let i = 0; i < startOfSelection; i++) {
-            if (this.isSelected(i)) {
-                indicesToBeUnselected.push(i);
-            }
-        }
-        for (let i = endOfSelection + 1; i < totalItems; i++) {
-            if (this.isSelected(i)) {
-                indicesToBeUnselected.push(i);
-            }
-        }
-        this.unselectMultiple(indicesToBeUnselected);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectionService, deps: [{ token: i1.DisabledItemsService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectionService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectionService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.DisabledItemsService }] });