@progress/kendo-vue-common 8.0.3-develop.2 → 8.0.3-develop.4

package/icons/FontIcon.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseIconProps } from './BaseIconProps';
+/**
+ * Represents the props of the [Kendo UI for Vue Icon component]({% slug overview_icon %}).
+ */
+export interface FontIconProps extends BaseIconProps {
+    /**
+     * Represents the name of the icon.
+     */
+    name?: string;
+}
+/**
+ * @hidden
+ */
+export interface FontIconState {
+}
+/**
+ * @hidden
+ */
+export interface FontIconComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FontIconMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FontIconData {
+}
+/**
+ * @hidden
+ */
+export interface FontIconAll extends FontIconMethods, FontIconData, FontIconComputed, FontIconState {
+}
+/**
+ * @hidden
+ */
+declare const FontIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: StringConstructor;
+    themeColor: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    flip: {
+        type: StringConstructor;
+    };
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
+    title: StringConstructor;
+    tabIndex: NumberConstructor;
+}>, {}, {}, {
+    fontClassNames(this: FontIconAll): {
+        [x: string]: any;
+        [x: number]: any;
+        'k-icon': boolean;
+        'k-font-icon': boolean;
+        'k-flip-h': boolean;
+        'k-flip-v': boolean;
+    };
+}, {
+    handleClick(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: StringConstructor;
+    themeColor: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    flip: {
+        type: StringConstructor;
+    };
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
+    title: StringConstructor;
+    tabIndex: NumberConstructor;
+}>> & Readonly<{
+    onClick?: (...args: any[] | unknown[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { FontIcon };

package/icons/Icon.d.ts

@@ -0,0 +1,97 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SvgIconProps } from './SvgIcon';
+/**
+ * @hidden
+ */
+export interface IconProps extends SvgIconProps {
+    iconType?: string;
+    name?: string;
+}
+/**
+ * @hidden
+ */
+export interface IconState {
+}
+/**
+ * @hidden
+ */
+export interface IconComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface IconMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface IconData {
+}
+/**
+ * @hidden
+ */
+export interface IconAll extends IconMethods, IconData, IconComputed, IconState {
+}
+/**
+ * @hidden
+ */
+declare const Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: StringConstructor;
+    icon: ObjectConstructor;
+    title: StringConstructor;
+    themeColor: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    flip: {
+        type: StringConstructor;
+    };
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
+    viewBox: {
+        type: StringConstructor;
+        default: string;
+    };
+    tabIndex: NumberConstructor;
+    role: StringConstructor;
+}>, {}, {}, {}, {
+    handleClick(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: StringConstructor;
+    icon: ObjectConstructor;
+    title: StringConstructor;
+    themeColor: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    flip: {
+        type: StringConstructor;
+    };
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
+    viewBox: {
+        type: StringConstructor;
+        default: string;
+    };
+    tabIndex: NumberConstructor;
+    role: StringConstructor;
+}>> & Readonly<{
+    onClick?: (...args: any[] | unknown[]) => any;
+}>, {
+    viewBox: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Icon };

package/icons/SvgIcon.d.ts

@@ -0,0 +1,158 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseIconProps } from './BaseIconProps';
+/**
+ * Specifies the SVG icon.
+ */
+export interface SVGIcon {
+    /**
+     * The unique name of the icon.
+     */
+    name: string;
+    /**
+     * The entire SVG content of the icon.
+     */
+    content: string;
+    /**
+     * The [viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
+     * definition that should be used for the icon.
+     */
+    viewBox: string;
+}
+/**
+ * @hidden
+ */
+export interface SvgIconHandle {
+    /**
+     * The SvgIconHandle element.
+     */
+    element: HTMLSpanElement | null;
+}
+/**
+ * Represents the props of the [Kendo UI for Vue SvgIcon component]({% slug overview_svgicon %}).
+ */
+export interface SvgIconProps extends BaseIconProps {
+    /**
+     * Represents the name of the icon.
+     */
+    name?: string;
+    /**
+     * Specifies the SVG icon.
+     *
+     * * The possible keys are:
+     * * `name`—The unique name of the icon.
+     * * `content`—The entire SVG content of the icon.
+     * * `viewBox`—The viewBox definition that should be used for the icon.
+     */
+    icon?: SVGIcon;
+    /**
+     * Specifies the viewBox of the custom SVG icon.
+     */
+    viewBox?: string;
+    /**
+     * Specifies a list of CSS classes that will be added to the svg element.
+     */
+    svgClassName?: string;
+    /**
+     * Sets additional CSS styles to the svg element.
+     */
+    svgStyle?: object;
+}
+/**
+ * @hidden
+ */
+export interface SvgIconState {
+}
+/**
+ * @hidden
+ */
+export interface SvgIconComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SvgIconMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SvgIconData {
+}
+/**
+ * @hidden
+ */
+export interface SvgIconAll extends SvgIconMethods, SvgIconData, SvgIconComputed, SvgIconState {
+}
+/**
+ * @hidden
+ */
+declare const SvgIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: StringConstructor;
+    icon: ObjectConstructor;
+    themeColor: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    flip: {
+        type: StringConstructor;
+    };
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
+    title: StringConstructor;
+    viewBox: {
+        type: StringConstructor;
+        default: string;
+    };
+    tabIndex: NumberConstructor;
+    svgClassName: StringConstructor;
+    svgStyle: ObjectConstructor;
+}>, {}, {}, {
+    wrapperClass(this: SvgIconAll): {
+        [x: string]: any;
+        [x: number]: any;
+        'k-icon': boolean;
+        'k-svg-icon': boolean;
+        'k-flip-h': boolean;
+        'k-flip-v': boolean;
+    };
+}, {
+    handleClick(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: StringConstructor;
+    icon: ObjectConstructor;
+    themeColor: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    flip: {
+        type: StringConstructor;
+    };
+    id: StringConstructor;
+    ariaLabel: StringConstructor;
+    title: StringConstructor;
+    viewBox: {
+        type: StringConstructor;
+        default: string;
+    };
+    tabIndex: NumberConstructor;
+    svgClassName: StringConstructor;
+    svgStyle: ObjectConstructor;
+}>> & Readonly<{
+    onClick?: (...args: any[] | unknown[]) => any;
+}>, {
+    viewBox: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { SvgIcon };

package/icons/constants.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const SIZE_CLASSES: {
+    default: string;
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    xxlarge: string;
+    xxxlarge: string;
+};

package/icons/getIconName.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const getIconName: (iconName: string) => string;
+export { getIconName };

package/icons/models/flip.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the icon flip direction.
+ *
+ * The possible values are:
+ * * `default` (Default)—No flipping applied.
+ * * `horizontal`—Flips the icon in horizontal direction.
+ * * `vertical`—Flips the icon in vertical direction.
+ * * `both`—Flips the icon in both horizontal and vertical directions.
+ *
+ */
+export type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';

package/icons/models/size.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the size of the icon.
+ *
+ * The possible values are:
+ * * `default` (Default)—Font-size: 16px; Width: 16px; Height: 16px.
+ * * `xsmall`—Font-size: 12px; Width: 12px; Height: 12px.
+ * * `small`—Font-size: 14px; Width: 14px; Height: 14px.
+ * * `medium`—Font-size: 16px; Width: 16px; Height: 16px.
+ * * `large`—Font-size: 20px; Width: 20px; Height: 20px.
+ * * `xlarge`—Font-size: 24px; Width: 24px; Height: 24px.
+ * * `xxlarge`—Font-size: 32px; Width: 32px; Height: 32px.
+ * * `xxxlarge`—Font-size: 48px; Width: 48px; Height: 48px.
+ *
+ */
+export type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';

package/icons/models/theme-color.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the theme color of the Icon.
+ *
+ * The possible values are:
+ * * `inherit` (Default)—Applies coloring based on the current color.
+ * * `primary` —Applies coloring based on primary theme color.
+ * * `secondary`—Applies coloring based on secondary theme color.
+ * * `tertiary`— Applies coloring based on tertiary theme color.
+ * * `info`—Applies coloring based on info theme color.
+ * * `success`— Applies coloring based on success theme color.
+ * * `warning`— Applies coloring based on warning theme color.
+ * * `error`— Applies coloring based on error theme color.
+ * * `dark`— Applies coloring based on dark theme color.
+ * * `light`— Applies coloring based on light theme color.
+ * * `inverse`— Applies coloring based on inverse theme color.
+ *
+ * If the property is not set, the icon inherits the color from its parent.
+ *
+ * You can use the `style` prop to apply custom color related properties to the icon.
+ */
+export type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';