@syncfusion/ej2-splitbuttons 30.1.37 → 30.1.39

package/dist/ts/common/common.ts

@@ -1,218 +0,0 @@
-import { ChildProperty, extend, deleteObject, Property, BaseEventArgs, addClass, isNullOrUndefined } from '@syncfusion/ej2-base';
-import { ItemModel } from './common-model';
-/**
- * Defines the icon position of Split Button.
- */
-export type SplitButtonIconPosition = 'Left' | 'Top';
-
-/**
- * @param {Object} props - Specifies the properties
- * @param {string[]} model - Specifies the model
- * @returns {Object} Component Model
- */
-export function getModel(props: Object, model: string[]): Object {
-
-    const obj: Object = extend({}, props);
-    for (const prop of Object.keys(obj)) {
-        if ((model).indexOf(prop) < 0) {
-            deleteObject(obj, prop);
-        }
-    }
-
-    return obj as Object;
-}
-
-/** @hidden
- * @param {HTMLElement} ul - Specifies the UL element
- * @param {number} keyCode - Specifies the keycode
- * @returns {void}
- */
-export function upDownKeyHandler(ul: HTMLElement, keyCode: number): void {
-    const defaultIdx: number = keyCode === 40 ? 0 : ul.childElementCount - 1;
-    let liIdx: number = defaultIdx;
-    let li: Element;
-    const selectedLi: Element = ul.querySelector('.e-selected');
-    if (selectedLi) { selectedLi.classList.remove('e-selected'); }
-    for (let i: number = 0, len: number = ul.children.length; i < len; i++) {
-        if (ul.children[i as number].classList.contains('e-focused')) {
-            li = ul.children[i as number];
-            liIdx = i;
-            li.classList.remove('e-focused');
-            if (keyCode === 40) {
-                liIdx++;
-            } else {
-                liIdx--;
-            }
-            if (liIdx === (keyCode === 40 ? ul.childElementCount : -1)) {
-                liIdx = defaultIdx;
-            }
-        }
-    }
-    li = ul.children[liIdx as number];
-    liIdx = isValidLI(ul, li, liIdx, keyCode);
-    if (liIdx !== -1) {
-        addClass([ul.children[liIdx as number]], 'e-focused');
-        (ul.children[liIdx as number] as HTMLElement).focus();
-    }
-}
-
-/**
- * Get Valid LI element
- *
- * @param {HTMLElement} ul - Specifies the UL element
- * @param {Element} li - Specifies the LI element
- * @param {number} index - Specifies the index
- * @param {number} keyCode - Specifies the keycode
- * @param {number} count - Specifies the count
- * @returns {number} - Index
- */
-function isValidLI(ul: HTMLElement, li: Element, index: number, keyCode: number, count: number = 0): number {
-    if (li.classList.contains('e-separator') || li.classList.contains('e-disabled')) {
-        if (index === (keyCode === 40 ? ul.childElementCount - 1 : 0)) {
-            index = keyCode === 40 ? 0 : ul.childElementCount - 1;
-        } else {
-            if (keyCode === 40) {
-                index++;
-            } else {
-                index--;
-            }
-        }
-    }
-    li = ul.children[index as number];
-    if (li.classList.contains('e-separator') || li.classList.contains('e-disabled')) {
-        count++;
-        if (count === ul.childElementCount) {
-            return index = -1;
-        }
-        index = isValidLI(ul, li, index, keyCode, count);
-    }
-    return index;
-}
-
-/** @hidden
- * @param {HTMLElement} popup - Specifies the popup element.
- * @param {boolean} blankIcon - Specifies the blankIcon value.
- * @returns {void}
- */
-export function setBlankIconStyle(popup: HTMLElement, blankIcon?: boolean): void {
-    const blankIconList: HTMLElement[] = [].slice.call(popup.getElementsByClassName('e-blank-icon'));
-    if (blankIcon) {
-        const menuItem: HTMLElement[] = [].slice.call(popup.getElementsByClassName('e-item'));
-        menuItem.forEach((li: HTMLElement): void => {
-            if (li.style.paddingLeft || li.style.paddingRight) {
-                li.removeAttribute('style');
-            }
-        });
-    }
-    if (!blankIconList.length) { return; }
-    let iconLi: HTMLElement = popup.querySelector('.e-item:not(.e-blank-icon):not(.e-separator)') as HTMLElement;
-    if (isNullOrUndefined(iconLi)) {return; }
-    if (iconLi.classList.contains('e-url')) { iconLi = iconLi.querySelector('.e-menu-url'); }
-    const icon: HTMLElement = iconLi.querySelector('.e-menu-icon') as HTMLElement;
-    let cssProp: { padding: string, margin: string };
-    const enableRtl: boolean = popup.classList.contains('e-rtl');
-    if (enableRtl) {
-        cssProp = { padding: 'paddingRight', margin: 'marginLeft' };
-    } else {
-        cssProp = { padding: 'paddingLeft', margin: 'marginRight' };
-    }
-    /* eslint-disable */
-    let size: string = `${parseInt(getComputedStyle(icon).fontSize, 10) + parseInt(
-        (enableRtl ? (getComputedStyle(icon) as any)[cssProp.margin] : (getComputedStyle(icon) as any)[cssProp.margin]), 10)
-        + parseInt(getComputedStyle(iconLi).paddingLeft, 10)}px`;
-    blankIconList.forEach((li: HTMLElement): void => {
-        if (li.classList.contains('e-url') && (li.querySelector('.e-menu-url') as HTMLElement)) {
-            ((li.querySelector('.e-menu-url') as HTMLElement).style as any)[cssProp.padding] = size;
-        } else {
-            (li.style as any)[cssProp.padding] = size;
-        }
-    });
-    /* eslint-enable */
-}
-
-/**
- * Defines the items of Split Button/DropDownButton.
- */
-export class Item extends ChildProperty<Item> {
-    /**
-     * Defines class/multiple classes separated by a space for the item that is used to include an icon.
-     * Action item can include font icon and sprite image.
-     *
-     * @default ''
-     */
-    @Property('')
-    public iconCss: string;
-
-    /**
-     * Specifies the id for item.
-     *
-     * @default ''
-     */
-    @Property('')
-    public id: string;
-
-    /**
-     * Specifies separator between the items. Separator are horizontal lines used to group action items.
-     *
-     * @default false
-     */
-    @Property(false)
-    public separator: boolean;
-
-    /**
-     * Specifies text for item.
-     *
-     * @default ''
-     */
-    @Property('')
-    public text: string;
-
-    /**
-     * Specifies url for item that creates the anchor link to navigate to the url provided.
-     *
-     * @default ''
-     */
-    @Property('')
-    public url: string;
-
-    /**
-     * Used to enable or disable the item.
-     *
-     * @default false
-     */
-    @Property(false)
-    public disabled: boolean;
-}
-
-/**
- * Interface for before item render / select event.
- */
-export interface MenuEventArgs extends BaseEventArgs {
-    element: HTMLElement;
-    item: ItemModel;
-    event?: Event;
-}
-
-/**
- * Interface for before open / close event.
- */
-export interface BeforeOpenCloseMenuEventArgs extends BaseEventArgs {
-    element: HTMLElement;
-    items: ItemModel[];
-    event: Event;
-    cancel?: boolean;
-}
-
-/**
- * Interface for open/close event.
- */
-export interface OpenCloseMenuEventArgs extends BaseEventArgs {
-    element: HTMLElement;
-    items: ItemModel[];
-    parentItem?: ItemModel;
-}
-
-/**
- * Interface for animation effects.
- */
-export type DropDownAnimationEffect = 'None' | 'SlideDown' | 'ZoomIn' | 'FadeIn';

package/dist/ts/common/index.d.ts

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

package/dist/ts/common/index.ts

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

package/dist/ts/drop-down-button/drop-down-button-model.d.ts

@@ -1,195 +0,0 @@
-import { Collection, Event, NotifyPropertyChanges, detach, Property, EventHandler, EmitType, isRippleEnabled, isNullOrUndefined, append, formatUnit, Animation } from '@syncfusion/ej2-base';import { addClass, INotifyPropertyChanged, getUniqueID, rippleEffect, getComponent, ChildProperty, Complex, AnimationModel } from '@syncfusion/ej2-base';import { attributes, Component, closest, select, KeyboardEventArgs, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { classList, removeClass, compile } from '@syncfusion/ej2-base';import { Button } from '@syncfusion/ej2-buttons';import { Popup } from '@syncfusion/ej2-popups';import { SplitButton } from '../split-button/split-button';import { MenuEventArgs, BeforeOpenCloseMenuEventArgs, OpenCloseMenuEventArgs, upDownKeyHandler, DropDownAnimationEffect } from './../common/common';import { getModel, SplitButtonIconPosition, Item, setBlankIconStyle } from './../common/common';import { ItemModel } from './../common/common-model';
-import {ComponentModel} from '@syncfusion/ej2-base';
-
-/**
- * Interface for a class DropDownMenuAnimationSettings
- */
-export interface DropDownMenuAnimationSettingsModel {
-
-    /**
-     * Specifies the animation effect applied when the DropDownMenu is shown.
-     * The possible effects are:
-     * * None: Specifies that the DropDownMenu appears without any animation effect.
-     * * SlideDown: Specifies that the DropDownMenu appears with a slide down effect.
-     * * ZoomIn: Specifies that the DropDownMenu appears with a zoom in effect.
-     * * FadeIn: Specifies that the DropDownMenu appears with a fade in effect.
-     *
-     * @default 'SlideDown'
-     * @isEnumeration true
-     */
-    effect?: DropDownAnimationEffect;
-
-    /**
-     * Specifies the time duration (in milliseconds) of the animation effect when the DropDownMenu is displayed.
-     *
-     * @default 400
-     */
-    duration?: number;
-
-    /**
-     * Specifies the easing function applied during the animation effect of the DropDownMenu.
-     *
-     * @default 'ease'
-     */
-    easing?: string;
-
-}
-
-/**
- * Interface for a class DropDownButton
- */
-export interface DropDownButtonModel extends ComponentModel{
-
-    /**
-     * Defines the content of the DropDownButton element that can either be a text or HTML elements.
-     *
-     * @default ""
-     */
-    content?: string;
-
-    /**
-     * Defines class/multiple classes separated by a space in the DropDownButton element. The
-     * DropDownButton size and styles can be customized by using this.
-     *
-     * @default ""
-     */
-    cssClass?: string;
-
-    /**
-     * Specifies a value that indicates whether the DropDownButton is `disabled` or not.
-     *
-     * @default false.
-     */
-    disabled?: boolean;
-
-    /**
-     * Defines class/multiple classes separated by a space for the DropDownButton that is used to
-     * include an icon. DropDownButton can also include font icon and sprite image.
-     *
-     * @default ""
-     */
-    iconCss?: string;
-
-    /**
-     * Positions the icon before/top of the text content in the DropDownButton. The possible values are:
-     * * Left: The icon will be positioned to the left of the text content.
-     * * Top: The icon will be positioned to the top of the text content.
-     *
-     * @default "Left"
-     */
-    iconPosition?: SplitButtonIconPosition;
-
-    /**
-     * Specifies whether to enable the rendering of untrusted HTML values in the DropDownButton component.
-     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
-     *
-     * @default true
-     */
-    enableHtmlSanitizer?: boolean;
-
-    /**
-     * Specifies action items with its properties which will be rendered as DropDownButton popup.
-     *
-     * @default []
-     */
-    items?: ItemModel[];
-
-    /**
-     * Specifies the popup element creation on open.
-     *
-     * @default false
-     */
-    createPopupOnClick?: boolean;
-
-    /**
-     * Allows to specify the DropDownButton popup item element.
-     *
-     * @default ""
-     */
-    target?: string | Element;
-
-    /**
-     * Specifies the event to close the DropDownButton popup.
-     *
-     * @default ""
-     */
-    closeActionEvents?: string;
-
-    /**
-     * Specifies the template content to be displayed.
-     *
-     * @default null
-     * @aspType string
-     */
-    itemTemplate?: string | Function;
-
-    /**
-     * This property defines the width of the dropdown popup for the DropDownButton component.
-     *
-     * @property {string | number} popupWidth - A string or number representing the width of the dropdown.
-     * It can be a valid CSS unit such as `px`, `%`, or `rem`, or a number interpreted as pixels.
-     * @default "auto"
-     * @remarks
-     * The `popupWidth` property allows developers to control the width of the dropdown popup, ensuring it fits their design requirements.
-     * The default value of `auto` allows the popup to adjust based on the content length, but a specific width can be provided for more precise control.
-     */
-    popupWidth?: string | number;
-
-    /**
-     * Specifies the animation settings for opening the sub menu in the DropDownMenu.
-     * The settings control the duration, easing, and effect of the animation applied when the sub menu opens.
-     *
-     * @default { effect: 'None' }
-     */
-    animationSettings?: DropDownMenuAnimationSettingsModel;
-
-    /**
-     * Triggers while rendering each Popup item of DropDownButton.
-     *
-     * @event beforeItemRender
-     */
-    beforeItemRender?: EmitType<MenuEventArgs>;
-
-    /**
-     * Triggers before opening the DropDownButton popup.
-     *
-     * @event beforeOpen
-     */
-    beforeOpen?: EmitType<BeforeOpenCloseMenuEventArgs>;
-
-    /**
-     * Triggers before closing the DropDownButton popup.
-     *
-     * @event beforeClose
-     */
-    beforeClose?: EmitType<BeforeOpenCloseMenuEventArgs>;
-
-    /**
-     * Triggers while closing the DropDownButton popup.
-     *
-     * @event close
-     */
-    close?: EmitType<OpenCloseMenuEventArgs>;
-
-    /**
-     * Triggers while opening the DropDownButton popup.
-     *
-     * @event open
-     */
-    open?: EmitType<OpenCloseMenuEventArgs>;
-
-    /**
-     * Triggers while selecting action item in DropDownButton popup.
-     *
-     * @event select
-     */
-    select?: EmitType<MenuEventArgs>;
-
-    /**
-     * Triggers once the component rendering is completed.
-     *
-     * @event created
-     */
-    created?: EmitType<Event>;
-
-}