@progress/kendo-angular-inputs 21.4.1 → 22.0.0

package/esm2022/common/radio-checkbox.base.mjs

@@ -1,295 +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 { Input, Component, Renderer2, Output, EventEmitter, ViewChild, ElementRef, Injector, ChangeDetectorRef, NgZone, Inject } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { guid, hasObservers, isControlRequired, isObjectPresent, isPresent, parseAttributes, removeHTMLAttributes, setHTMLAttributes } from '@progress/kendo-angular-common';
-import { COMPONENT_TYPE, getStylingClasses, requiresZoneOnBlur } from './utils';
-import * as i0 from "@angular/core";
-const FOCUSED = 'k-focus';
-const DEFAULT_SIZE = 'medium';
-/**
- * @hidden
- */
-export class RadioCheckBoxBase {
-    componentType;
-    hostElement;
-    renderer;
-    cdr;
-    ngZone;
-    injector;
-    /**
-     * @hidden
-     */
-    focusableId = `k-${guid()}`;
-    /**
-     * Sets the `title` attribute of the `input` element of the component.
-     */
-    title;
-    /**
-     * Sets the `name` attribute for the component.
-     */
-    name;
-    /**
-     * Sets the disabled state of the component.
-     *
-     * @default false
-     */
-    disabled = false;
-    /**
-     * Specifies the `tabindex` of the component.
-     *
-     * @default 0
-     */
-    tabindex = 0;
-    /**
-     * @hidden
-     */
-    set tabIndex(tabIndex) {
-        this.tabindex = tabIndex;
-    }
-    get tabIndex() {
-        return this.tabindex;
-    }
-    /**
-     * Provides a value for the component.
-     */
-    value;
-    /**
-     * The size property specifies the width and height of the component.
-     *
-     * @default 'medium'
-     *
-     */
-    set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE;
-        this.handleClasses(newSize, 'size');
-        this._size = newSize;
-    }
-    get size() {
-        return this._size;
-    }
-    /**
-     * Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
-     */
-    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;
-    }
-    ngOnInit() {
-        this.control = this.injector.get(NgControl, null);
-    }
-    /**
-     * Fires each time the user focuses the component.
-     *
-     */
-    onFocus = new EventEmitter();
-    /**
-     * Fires each time the component gets blurred.
-     *
-     */
-    onBlur = new EventEmitter();
-    /**
-     * Focuses the component.
-     */
-    focus() {
-        if (!this.input) {
-            return;
-        }
-        this.focusChangedProgrammatically = true;
-        this.isFocused = true;
-        this.input.nativeElement.focus();
-        this.focusChangedProgrammatically = false;
-    }
-    /**
-     * Blurs the component.
-     */
-    blur() {
-        this.focusChangedProgrammatically = true;
-        const isFocusedElement = this.hostElement.nativeElement.querySelector(':focus');
-        if (isFocusedElement) {
-            isFocusedElement.blur();
-        }
-        this.isFocused = false;
-        this.focusChangedProgrammatically = false;
-    }
-    /**
-     * @hidden
-     */
-    handleInputBlur = () => {
-        this.cdr.markForCheck();
-        if (requiresZoneOnBlur(this.control)) {
-            this.ngZone.run(() => {
-                this.ngTouched();
-            });
-        }
-    };
-    /**
-     * @hidden
-     */
-    handleFocus() {
-        this.ngZone.run(() => {
-            if (!this.focusChangedProgrammatically && hasObservers(this.onFocus)) {
-                this.onFocus.emit();
-            }
-            this.isFocused = true;
-        });
-    }
-    /**
-     * @hidden
-     */
-    handleBlur() {
-        this.ngZone.run(() => {
-            if (!this.focusChangedProgrammatically) {
-                this.ngTouched();
-                this.onBlur.emit();
-            }
-            this.isFocused = false;
-        });
-    }
-    /**
-     * @hidden
-     */
-    registerOnChange(fn) {
-        this.ngChange = fn;
-    }
-    /**
-     * @hidden
-     */
-    registerOnTouched(fn) {
-        this.ngTouched = fn;
-    }
-    /**
-     * @hidden
-     */
-    get isControlRequired() {
-        return isControlRequired(this.control?.control);
-    }
-    /**
-     * @hidden
-     */
-    get isControlInvalid() {
-        return this.control?.touched && this.control?.invalid;
-    }
-    /**
-     * Represents the visible `input` element.
-     */
-    input;
-    /**
-     * @hidden
-     */
-    get isFocused() {
-        return this._isFocused;
-    }
-    /**
-     * @hidden
-     */
-    set isFocused(value) {
-        if (this._isFocused !== value && this.input) {
-            const element = this.input.nativeElement;
-            if (value && !this.disabled) {
-                this.renderer.addClass(element, FOCUSED);
-            }
-            else {
-                this.renderer.removeClass(element, FOCUSED);
-            }
-            this._isFocused = value;
-        }
-    }
-    /**
-     * @hidden
-     * Called when the status of the component changes to or from `disabled`.
-     * Depending on the value, it enables or disables the appropriate DOM element.
-     *
-     * @param isDisabled
-     */
-    setDisabledState(isDisabled) {
-        this.cdr.markForCheck();
-        this.disabled = isDisabled;
-    }
-    control;
-    focusChangedProgrammatically = false;
-    get defaultAttributes() { return null; }
-    parsedAttributes = {};
-    _inputAttributes;
-    ngChange = (_) => { };
-    ngTouched = () => { };
-    _isFocused = false;
-    _size = DEFAULT_SIZE;
-    constructor(componentType, hostElement, renderer, cdr, ngZone, injector) {
-        this.componentType = componentType;
-        this.hostElement = hostElement;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.ngZone = ngZone;
-        this.injector = injector;
-    }
-    /**
-     * @hidden
-     */
-    writeValue(_value) { }
-    handleClasses(value, input) {
-        if (!isPresent(this.input)) {
-            return;
-        }
-        const inputElem = this.input.nativeElement;
-        const classes = getStylingClasses(this.componentType, input, this[input], value);
-        if (classes.toRemove) {
-            this.renderer.removeClass(inputElem, classes.toRemove);
-        }
-        if (classes.toAdd) {
-            this.renderer.addClass(inputElem, classes.toAdd);
-        }
-    }
-    setInputAttributes() {
-        setHTMLAttributes(this.parsedAttributes, this.renderer, this.input.nativeElement, this.ngZone);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioCheckBoxBase, deps: [{ token: COMPONENT_TYPE }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RadioCheckBoxBase, selector: "ng-component", inputs: { focusableId: "focusableId", title: "title", name: "name", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex", value: "value", size: "size", inputAttributes: "inputAttributes" }, outputs: { onFocus: "focus", onBlur: "blur" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioCheckBoxBase, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [COMPONENT_TYPE]
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { focusableId: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], inputAttributes: [{
-                type: Input
-            }], onFocus: [{
-                type: Output,
-                args: ['focus']
-            }], onBlur: [{
-                type: Output,
-                args: ['blur']
-            }], input: [{
-                type: ViewChild,
-                args: ['input', { static: true }]
-            }] } });

package/esm2022/common/utils.mjs

@@ -1,88 +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 { InjectionToken } from "@angular/core";
-/**
- * @hidden
- *
- * Checks if the value is `null` or `undefined`. Falsy values like '', 0, false, NaN, etc. are regarded as present.
- */
-export const isPresent = (value) => value !== null && value !== undefined;
-/**
- * @hidden
- */
-export const areSame = (value1, value2) => value1 === value2 || (value1 === null && value2 === undefined) || (value1 === undefined && value2 === null);
-/**
- * @hidden
- */
-export const requiresZoneOnBlur = (ngControl) => ngControl &&
-    (!ngControl.touched || (ngControl.control && ngControl.control.updateOn === 'blur'));
-/**
- * @hidden
- *
- * Fits the contender number into the specified bounds. If the number is NaN or null, the min is returned.
- *
- * @param contender Represents the number you want to fit into specified bounds.
- * @param min The inclusive lower bound number.
- * @param max The inclusive upper bound number.
- */
-export const fitIntoBounds = (contender, min, max) => {
-    if (!isPresent(contender) || isNaN(contender)) {
-        return min;
-    }
-    return contender <= min ? min : contender >= max ? max : contender;
-};
-/**
- * @hidden
- */
-export const SIZE_MAP = {
-    small: 'sm',
-    medium: 'md',
-    large: 'lg'
-};
-/**
- * @hidden
- */
-export const ROUNDED_MAP = {
-    small: 'sm',
-    medium: 'md',
-    large: 'lg',
-    full: 'full'
-};
-/**
- * @hidden
- */
-export const isNone = (style) => style === 'none';
-/**
- * @hidden
- *
- * Returns the styling classes to be added and removed
- */
-export const getStylingClasses = (componentType, stylingOption, previousValue, newValue) => {
-    switch (stylingOption) {
-        case 'size':
-            return {
-                toRemove: `k-${componentType}-${SIZE_MAP[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZE_MAP[newValue]}` : ''
-            };
-        case 'rounded':
-            return {
-                toRemove: `k-rounded-${ROUNDED_MAP[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-rounded-${ROUNDED_MAP[newValue]}` : ''
-            };
-        case 'fillMode':
-            return {
-                toRemove: `k-${componentType}-${previousValue}`,
-                toAdd: newValue !== 'none' ? `k-${componentType}-${newValue}` : ''
-            };
-        default:
-            break;
-    }
-};
-/**
- * @hidden
- *
- * Used to differentiate between the Radio and CheckBox components in their base class.
- */
-export const COMPONENT_TYPE = new InjectionToken('TYPE_TOKEN');