@syncfusion/ej2-inputs 24.2.7 → 25.1.35

package/src/signature/signature.js

@@ -60,6 +60,8 @@ var Signature = /** @class */ (function (_super) {
         this.initialize();
     };
     Signature.prototype.initialize = function () {
+        this.element.setAttribute('role', 'img');
+        this.element.setAttribute('aria-label', 'signature');
         addClass([this.element], 'e-' + this.getModuleName());
         _super.prototype.initialize.call(this, this.element);
         if (this.enablePersistence) {

package/src/slider/slider-model.d.ts

@@ -342,9 +342,10 @@ export interface SliderModel extends ComponentModel{
     cssClass?: string;
 
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to display or remove the untrusted HTML values in the Slider component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer?: boolean;
 

package/src/slider/slider.d.ts

@@ -490,9 +490,10 @@ export declare class Slider extends Component<HTMLElement> implements INotifyPro
      */
     cssClass: string;
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to display or remove the untrusted HTML values in the Slider component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer: boolean;
     /**

package/src/slider/slider.js

@@ -2991,7 +2991,7 @@ var Slider = /** @class */ (function (_super) {
         Property('')
     ], Slider.prototype, "cssClass", void 0);
     __decorate([
-        Property(false)
+        Property(true)
     ], Slider.prototype, "enableHtmlSanitizer", void 0);
     __decorate([
         Event()

package/src/textarea/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Uploader modules
+ */
+export * from './textarea';
+export * from './textarea-model';

package/src/textarea/index.js

@@ -0,0 +1,4 @@
+/**
+ * Uploader modules
+ */
+export * from './textarea';

package/src/textarea/textarea-model.d.ts

@@ -0,0 +1,155 @@
+import { Component, Property, NotifyPropertyChanges, INotifyPropertyChanged, isNullOrUndefined, setValue, getValue } from '@syncfusion/ej2-base';import { detach, getUniqueID, Event, EventHandler, EmitType, Internationalization, L10n, addClass, removeClass, closest, formatUnit } from '@syncfusion/ej2-base';import { FloatLabelType, Input, InputObject, TEXTBOX_FOCUS } from '../input/input';import { FocusInEventArgs, FocusOutEventArgs, InputEventArgs, ChangedEventArgs } from '../textbox/textbox';
+import {Resize} from "./textarea";
+import {ComponentModel} from '@syncfusion/ej2-base';
+
+/**
+ * Interface for a class TextArea
+ */
+export interface TextAreaModel extends ComponentModel{
+
+    /**
+     * Specifies the boolean value whether the TextArea allows user to change the text.
+     *
+     * @default false
+     */
+    readonly?: boolean;
+
+    /**
+     * Sets the content of the TextArea.
+     *
+     * @default null
+     */
+    value?: string;
+
+    /**
+     * Specifies the floating label behavior of the TextArea that the placeholder text floats above the TextArea based on the below values.
+     * Possible values are:
+     * * `Never` - The placeholder text should not be float ever.
+     * * `Always` - The placeholder text floats above the TextArea always.
+     * * `Auto` - The placeholder text floats above the TextArea while focusing or enter a value in TextArea.
+     *
+     * @default Never
+     */
+    floatLabelType?: FloatLabelType;
+
+    /**
+     * Specifies the CSS class value that is appended to wrapper of Textbox.
+     *
+     * @default ''
+     */
+    cssClass?: string;
+
+    /**
+     * Specifies the text that is shown as a hint/placeholder until the user focus or enter a value in TextArea.
+     * The property is depending on the floatLabelType property.
+     *
+     * @default null
+     */
+    placeholder?: string;
+
+    /**
+     * You can add the additional html attributes such as disabled, value etc., to the element.
+     * If you configured both property and equivalent html attribute then the component considers the property value.
+     *
+     * @default {}
+     */
+    htmlAttributes?: { [key: string]: string };
+
+    /**
+     * Specifies a Boolean value that indicates whether the TextArea allow user to interact with it.
+     *
+     * @default true
+     */
+    enabled?: boolean;
+
+    /**
+     * Specifies a Boolean value that indicates whether the clear button is displayed in TextArea.
+     *
+     * @default false
+     */
+    showClearButton?: boolean;
+
+    /**
+     * Enable or disable persisting TextArea state between page reloads. If enabled, the `value` state will be persisted.
+     *
+     * @default false
+     */
+    enablePersistence?: boolean;
+
+    /**
+     * Specifies the width of the TextArea component.
+     *
+     * @default null
+     */
+    width?: number | string;
+
+    /**
+     * Specifies the resize mode of textarea.
+     * possible values are:
+     * * `Vertical` - The textarea element can be resized vertically.
+     * * `Horizontal` - The textarea element can be resized horizontally.
+     * * `Both` - The textarea element can be resized both vertically and horizontally.
+     * * `None` - The textarea element cannot be resized.
+     *
+     * @default None
+     */
+    resizeMode?: Resize;
+
+    /**
+     * Specifies the maximum number of characters allowed in TextArea.
+     */
+    maxLength?: number;
+
+    /**
+     * specifies the visible width of the textarea, measured in average character widths.
+     */
+    columnsCount?: number;
+
+    /**
+     * specifies the visible height of the textarea, measured in lines
+     */
+    rowsCount?: number;
+
+    /**
+     * Triggers when the TextArea component is created.
+     *
+     * @event created
+     */
+    created?: EmitType<Object>;
+
+    /**
+     * Triggers when the TextArea component is destroyed.
+     *
+     * @event destroyed
+     */
+    destroyed?: EmitType<Object>;
+
+    /**
+     * Triggers when the content of TextArea has changed and gets focus-out.
+     *
+     * @event change
+     */
+    change?: EmitType<ChangedEventArgs>;
+
+    /**
+     * Triggers when the TextArea has focus-out.
+     *
+     * @event blur
+     */
+    blur?: EmitType<FocusOutEventArgs>;
+
+    /**
+     * Triggers when the TextArea gets focus.
+     *
+     * @event focus
+     */
+    focus?: EmitType<FocusInEventArgs>;
+
+    /**
+     * Triggers each time when the value of TextArea has changed.
+     *
+     * @event input
+     */
+    input?: EmitType<InputEventArgs>;
+
+}

package/src/textarea/textarea.d.ts

@@ -0,0 +1,231 @@
+import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
+import { EmitType } from '@syncfusion/ej2-base';
+import { FloatLabelType } from '../input/input';
+import { FocusInEventArgs, FocusOutEventArgs, InputEventArgs, ChangedEventArgs } from '../textbox/textbox';
+import { TextAreaModel } from './textarea-model';
+export declare type Resize = 'Vertical' | 'Horizontal' | 'Both' | 'None';
+export declare class TextArea extends Component<HTMLTextAreaElement> implements INotifyPropertyChanged {
+    private textareaWrapper;
+    private textareaOptions;
+    private globalize;
+    private l10n;
+    private previousValue;
+    private formElement;
+    private isForm;
+    private initialValue;
+    private inputPreviousValue;
+    private isAngular;
+    private isVue;
+    private preventChange;
+    private clearButton;
+    /**
+     * Specifies the boolean value whether the TextArea allows user to change the text.
+     *
+     * @default false
+     */
+    readonly: boolean;
+    /**
+     * Sets the content of the TextArea.
+     *
+     * @default null
+     */
+    value: string;
+    /**
+     * Specifies the floating label behavior of the TextArea that the placeholder text floats above the TextArea based on the below values.
+     * Possible values are:
+     * * `Never` - The placeholder text should not be float ever.
+     * * `Always` - The placeholder text floats above the TextArea always.
+     * * `Auto` - The placeholder text floats above the TextArea while focusing or enter a value in TextArea.
+     *
+     * @default Never
+     */
+    floatLabelType: FloatLabelType;
+    /**
+     * Specifies the CSS class value that is appended to wrapper of Textbox.
+     *
+     * @default ''
+     */
+    cssClass: string;
+    /**
+     * Specifies the text that is shown as a hint/placeholder until the user focus or enter a value in TextArea.
+     * The property is depending on the floatLabelType property.
+     *
+     * @default null
+     */
+    placeholder: string;
+    /**
+     * You can add the additional html attributes such as disabled, value etc., to the element.
+     * If you configured both property and equivalent html attribute then the component considers the property value.
+     *
+     * @default {}
+     */
+    htmlAttributes: {
+        [key: string]: string;
+    };
+    /**
+     * Specifies a Boolean value that indicates whether the TextArea allow user to interact with it.
+     *
+     * @default true
+     */
+    enabled: boolean;
+    /**
+     * Specifies a Boolean value that indicates whether the clear button is displayed in TextArea.
+     *
+     * @default false
+     */
+    showClearButton: boolean;
+    /**
+     * Enable or disable persisting TextArea state between page reloads. If enabled, the `value` state will be persisted.
+     *
+     * @default false
+     */
+    enablePersistence: boolean;
+    /**
+     * Specifies the width of the TextArea component.
+     *
+     * @default null
+     */
+    width: number | string;
+    /**
+     * Specifies the resize mode of textarea.
+     * possible values are:
+     * * `Vertical` - The textarea element can be resized vertically.
+     * * `Horizontal` - The textarea element can be resized horizontally.
+     * * `Both` - The textarea element can be resized both vertically and horizontally.
+     * * `None` - The textarea element cannot be resized.
+     *
+     * @default None
+     */
+    resizeMode: Resize;
+    /**
+     * Specifies the maximum number of characters allowed in TextArea.
+     */
+    maxLength: number;
+    /**
+     * specifies the visible width of the textarea, measured in average character widths.
+     */
+    columnsCount: number;
+    /**
+     * specifies the visible height of the textarea, measured in lines
+     */
+    rowsCount: number;
+    /**
+     * Triggers when the TextArea component is created.
+     *
+     * @event created
+     */
+    created: EmitType<Object>;
+    /**
+     * Triggers when the TextArea component is destroyed.
+     *
+     * @event destroyed
+     */
+    destroyed: EmitType<Object>;
+    /**
+     * Triggers when the content of TextArea has changed and gets focus-out.
+     *
+     * @event change
+     */
+    change: EmitType<ChangedEventArgs>;
+    /**
+     * Triggers when the TextArea has focus-out.
+     *
+     * @event blur
+     */
+    blur: EmitType<FocusOutEventArgs>;
+    /**
+     * Triggers when the TextArea gets focus.
+     *
+     * @event focus
+     */
+    focus: EmitType<FocusInEventArgs>;
+    /**
+     * Triggers each time when the value of TextArea has changed.
+     *
+     * @event input
+     */
+    input: EmitType<InputEventArgs>;
+    constructor(options?: TextAreaModel, element?: string | HTMLTextAreaElement);
+    /**
+     * Calls internally if any of the property value is changed.
+     *
+     * @param {TextAreaModel} newProp - Returns the dynamic property value of the component.
+     * @param {TextAreaModel} oldProp - Returns the previous property value of the component.
+     * @returns {void}
+     * @private
+     */
+    onPropertyChanged(newProp: TextAreaModel, oldProp: TextAreaModel): void;
+    protected preRender(): void;
+    /**
+     * To Initialize the control rendering
+     *
+     * @returns {void}
+     * @private
+     */
+    render(): void;
+    getModuleName(): string;
+    /**
+     * Gets the properties to be maintained in the persisted state.
+     *
+     */
+    getPersistData(): string;
+    private checkAttributes;
+    private wireEvents;
+    private unWireEvents;
+    /**
+     * Removes the component from the DOM and detaches all its related event handlers.
+     * Also, it maintains the initial TextArea element from the DOM.
+     *
+     * @method destroy
+     * @returns {void}
+     */
+    destroy(): void;
+    private focusHandler;
+    private focusOutHandler;
+    private keydownHandler;
+    private inputHandler;
+    private changeHandler;
+    private raiseChangeEvent;
+    private updateHTMLAttributesToWrapper;
+    private updateHTMLAttributesToElement;
+    private bindClearEvent;
+    private resetInputHandler;
+    /**
+     * Adding the multiple attributes as key-value pair to the TextArea element.
+     *
+     * @param {string} attributes - Specifies the attributes to be add to TextArea element.
+     * @returns {void}
+     */
+    addAttributes(attributes: {
+        [key: string]: string;
+    }): void;
+    /**
+     * Removing the multiple attributes as key-value pair to the TextArea element.
+     *
+     * @param { string[] } attributes - Specifies the attributes name to be removed from TextArea element.
+     * @returns {void}
+     */
+    removeAttributes(attributes: string[]): void;
+    /**
+     * Sets the focus to widget for interaction.
+     *
+     * @returns {void}
+     */
+    focusIn(): void;
+    /**
+     * Remove the focus from widget, if the widget is in focus state.
+     *
+     * @returns {void}
+     */
+    focusOut(): void;
+    /**
+     * Sets up the width for the textarea wrapper.
+     *
+     * @returns {void}
+     */
+    private setWrapperWidth;
+    private resetForm;
+    private resetValue;
+    private setElementWidth;
+    private getCurrentResizeClass;
+}