@progress/kendo-vue-common 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/dist/es/icons/Icon.js

@@ -1,129 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { FontIcon } from './FontIcon';
-import { SvgIcon } from './SvgIcon';
-/**
- * @hidden
- */
-var IconVue2 = {
-  name: 'KendoIcon',
-  // @ts-ignore
-  emits: {
-    click: null
-  },
-  inject: {
-    kendoIcons: {
-      default: {
-        type: 'svg',
-        icons: {}
-      }
-    }
-  },
-  props: {
-    name: String,
-    icon: Object,
-    title: String,
-    themeColor: {
-      type: String
-    },
-    size: {
-      type: String
-    },
-    flip: {
-      type: String
-    },
-    id: String,
-    ariaLabel: String,
-    viewBox: {
-      type: String,
-      default: '0 0 24 24'
-    },
-    tabIndex: Number
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      name = _a.name,
-      icon = _a.icon,
-      themeColor = _a.themeColor,
-      size = _a.size,
-      flip = _a.flip,
-      id = _a.id,
-      viewBox = _a.viewBox,
-      tabIndex = _a.tabIndex,
-      title = _a.title,
-      ariaLabel = _a.ariaLabel;
-    var svg = name && this.kendoIcons && this.kendoIcons.icons && this.kendoIcons.icons[name] || icon;
-    var renderSVG = this.kendoIcons && this.kendoIcons.type === 'svg' && svg !== undefined;
-    var newSize = this.kendoIcons && this.kendoIcons.size ? this.kendoIcons.size : size;
-    var newFlip = this.kendoIcons && this.kendoIcons.flip ? this.kendoIcons.flip : flip;
-    var resolvedName = name || (icon && icon.name ? icon.name : undefined);
-    var commonProps = {
-      themeColor: themeColor,
-      size: newSize,
-      flip: newFlip,
-      id: id,
-      tabIndex: tabIndex,
-      title: title,
-      ariaLabel: ariaLabel
-    };
-    var fontIcon = h(FontIcon, __assign(__assign({}, commonProps), {
-      name: resolvedName,
-      attrs: this.v3 ? undefined : __assign(__assign({}, commonProps), {
-        name: resolvedName
-      }),
-      onClick: this.handleClick,
-      on: this.v3 ? undefined : {
-        'click': this.handleClick
-      }
-    }));
-    var svgIcon = h(SvgIcon, __assign(__assign({}, commonProps), {
-      icon: svg,
-      viewBox: viewBox,
-      name: resolvedName,
-      attrs: this.v3 ? undefined : __assign(__assign({}, commonProps), {
-        icon: svg,
-        viewBox: viewBox,
-        name: resolvedName
-      }),
-      onClick: this.handleClick,
-      on: this.v3 ? undefined : {
-        'click': this.handleClick
-      }
-    }));
-    return renderSVG ? svgIcon : fontIcon;
-  },
-  methods: {
-    handleClick: function handleClick(e) {
-      this.$emit('click', e);
-    }
-  }
-};
-/**
- * @hidden
- */
-var Icon = IconVue2;
-export { Icon, IconVue2 };

package/dist/es/icons/SvgIcon.d.ts

@@ -1,99 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-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`&mdash;The unique name of the icon.
-     * * `content`&mdash;The entire SVG content of the icon.
-     * * `viewBox`&mdash;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 Vue2type, SvgIconMethods, SvgIconData, SvgIconComputed, SvgIconState {
-}
-/**
- * @hidden
- */
-declare let SvgIconVue2: ComponentOptions<SvgIconAll, DefaultData<SvgIconData>, DefaultMethods<SvgIconAll>, SvgIconComputed, RecordPropsDefinition<SvgIconProps>>;
-/**
- * @hidden
- */
-declare const SvgIcon: DefineComponent<SvgIconProps, any, SvgIconData, SvgIconComputed, SvgIconMethods, {}, {}, {}, string, SvgIconProps, SvgIconProps, {}>;
-export { SvgIcon, SvgIconVue2 };

package/dist/es/icons/SvgIcon.js

@@ -1,128 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { SIZE_CLASSES } from './constants';
-import { getDefaultSlots } from '../defaultSlots';
-/**
- * @hidden
- */
-var SvgIconVue2 = {
-  name: 'KendoSvgIcon',
-  // @ts-ignore
-  emits: {
-    click: null
-  },
-  props: {
-    name: String,
-    icon: Object,
-    themeColor: {
-      type: String
-    },
-    size: {
-      type: String
-    },
-    flip: {
-      type: String
-    },
-    id: String,
-    ariaLabel: String,
-    title: String,
-    viewBox: {
-      type: String,
-      default: '0 0 24 24'
-    },
-    tabIndex: Number,
-    svgClassName: String,
-    svgStyle: Object
-  },
-  computed: {
-    wrapperClass: function wrapperClass() {
-      var _a;
-      var _b = this.$props,
-        name = _b.name,
-        flip = _b.flip,
-        size = _b.size,
-        themeColor = _b.themeColor;
-      return _a = {
-        'k-icon': true,
-        'k-svg-icon': true
-      }, _a['k-color-' + themeColor] = themeColor, _a['k-svg-i-' + name] = name, _a['k-flip-h'] = flip === 'horizontal' || flip === 'both', _a['k-flip-v'] = flip === 'vertical' || flip === 'both', _a[SIZE_CLASSES[size]] = size, _a;
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = getDefaultSlots(this);
-    var _a = this.$props,
-      svgClassName = _a.svgClassName,
-      icon = _a.icon,
-      id = _a.id,
-      tabIndex = _a.tabIndex,
-      svgStyle = _a.svgStyle,
-      viewBox = _a.viewBox,
-      title = _a.title,
-      ariaLabel = _a.ariaLabel;
-    var innerHTML = icon ? icon.content : undefined;
-    var attrs = {
-      id: id,
-      title: title,
-      'aria-hidden': true,
-      tabIndex: tabIndex,
-      ariaLabel: ariaLabel,
-      focusable: 'false',
-      xmlns: 'http://www.w3.org/2000/svg',
-      viewBox: icon ? icon.viewBox : viewBox
-    };
-    var svg = h('svg', __assign(__assign({}, attrs), {
-      attrs: this.v3 ? undefined : attrs,
-      domProps: this.v3 ? undefined : {
-        innerHTML: innerHTML
-      },
-      innerHTML: innerHTML,
-      'class': svgClassName,
-      style: svgStyle
-    }), icon ? [] : [defaultSlot]);
-    return h("span", {
-      "class": this.wrapperClass,
-      onClick: this.handleClick,
-      on: this.v3 ? undefined : {
-        "click": this.handleClick
-      },
-      "aria-hidden": true,
-      attrs: this.v3 ? undefined : {
-        "aria-hidden": true
-      }
-    }, [svg]);
-  },
-  methods: {
-    handleClick: function handleClick(e) {
-      this.$emit('click', e);
-    }
-  }
-};
-/**
- * @hidden
- */
-var SvgIcon = SvgIconVue2;
-export { SvgIcon, SvgIconVue2 };

package/dist/es/icons/constants.d.ts

@@ -1,13 +0,0 @@
-/**
- * @hidden
- */
-export declare const SIZE_CLASSES: {
-    default: string;
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    xxlarge: string;
-    xxxlarge: string;
-};

package/dist/es/icons/constants.js

@@ -1,13 +0,0 @@
-/**
- * @hidden
- */
-export var SIZE_CLASSES = {
-    'default': '',
-    'xsmall': 'k-icon-xs',
-    'small': 'k-icon-sm',
-    'medium': 'k-icon-md',
-    'large': 'k-icon-lg',
-    'xlarge': 'k-icon-xl',
-    'xxlarge': 'k-icon-xxl',
-    'xxxlarge': 'k-icon-xxxl'
-};

package/dist/es/icons/getIconName.d.ts

@@ -1,2 +0,0 @@
-declare const getIconName: (iconName: string) => string;
-export { getIconName };

package/dist/es/icons/getIconName.js

@@ -1,6 +0,0 @@
-var getIconName = function (iconName) {
-    return (iconName && iconName.indexOf('k-i-') !== -1)
-        ? iconName.split('k-i-')[1]
-        : iconName;
-};
-export { getIconName };

package/dist/es/icons/models/flip.d.ts

@@ -1,11 +0,0 @@
-/**
- * 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 declare type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';

package/dist/es/icons/models/flip.js

@@ -1 +0,0 @@
-export {};

package/dist/es/icons/models/size.d.ts

@@ -1,15 +0,0 @@
-/**
- * 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 declare type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';

package/dist/es/icons/models/size.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,21 +0,0 @@
-/**
- * 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 declare type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/dist/es/icons/models/theme-color.js

@@ -1 +0,0 @@
-export {};

package/dist/es/isObject.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const isObject: (value: any) => boolean;

package/dist/es/isObject.js

@@ -1,6 +0,0 @@
-/**
- * @hidden
- */
-export var isObject = function (value) {
-    return typeof value === 'object';
-};

package/dist/es/isRtl.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare function isRtl(element: Element | null): boolean;
-/**
- * @hidden
- */
-export declare function getDir(element: Element | null, initialDir: string): string;

package/dist/es/isRtl.js

@@ -1,21 +0,0 @@
-import { canUseDOM } from './canUseDOM';
-/**
- * @hidden
- */
-export function isRtl(element) {
-    return Boolean(canUseDOM && element && getComputedStyle(element).direction === 'rtl');
-}
-/**
- * @hidden
- */
-export function getDir(element, initialDir) {
-    if (!initialDir && canUseDOM && element) {
-        // Note: getComputedStyle forces reflow
-        var rtlCandidate = window.getComputedStyle(element).direction;
-        if (rtlCandidate) {
-            // rerender is needed as DOM is read after first render
-            return rtlCandidate;
-        }
-    }
-    return initialDir;
-}

package/dist/es/keys.d.ts

@@ -1,21 +0,0 @@
-/**
- * @hidden
- */
-declare const Keys: {
-    backspace: number;
-    tab: number;
-    enter: number;
-    shift: number;
-    esc: number;
-    space: number;
-    pageUp: number;
-    pageDown: number;
-    end: number;
-    home: number;
-    left: number;
-    up: number;
-    right: number;
-    down: number;
-    delete: number;
-};
-export { Keys };

package/dist/es/keys.js

@@ -1,21 +0,0 @@
-/**
- * @hidden
- */
-var Keys = {
-    backspace: 8,
-    tab: 9,
-    enter: 13,
-    shift: 16,
-    esc: 27,
-    space: 32,
-    pageUp: 33,
-    pageDown: 34,
-    end: 35,
-    home: 36,
-    left: 37,
-    up: 38,
-    right: 39,
-    down: 40,
-    delete: 46
-};
-export { Keys };

package/dist/es/listeners.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare function hasListener(this: any, eventName: string): any;
-/**
- * @hidden
- */
-export declare function getListeners(this: any): any;

package/dist/es/listeners.js

@@ -1,41 +0,0 @@
-/**
- * @hidden
- */
-export function hasListener(eventName) {
-    if (this.v3) {
-        var eventInAttrs = Object.keys(this.$attrs).map(function (name) { return name.toLowerCase(); })
-            .some(function (event) { return event.endsWith(eventName.toLowerCase()); });
-        var eventInProps = Object.entries(this.$props)
-            .some(function (_a) {
-            var name = _a[0], value = _a[1];
-            var event = name.toLowerCase();
-            return value !== undefined && event.startsWith('on') && event.endsWith(eventName.toLowerCase());
-        });
-        return eventInAttrs || eventInProps;
-    }
-    else {
-        return this.$listeners[eventName];
-    }
-}
-/**
- * @hidden
- */
-export function getListeners() {
-    if (this.v3) {
-        var listeners = {};
-        for (var key in (this.$attrs)) {
-            if (key.startsWith('on')) {
-                listeners[key] = this.$attrs[key];
-            }
-        }
-        for (var key in (this.$props)) {
-            if (key.startsWith('on')) {
-                listeners[key] = this.$props[key];
-            }
-        }
-        return listeners;
-    }
-    else {
-        return this.$listeners;
-    }
-}

package/dist/es/main.d.ts

@@ -1,35 +0,0 @@
-import { classNames } from './classNames';
-import { guid } from './guid';
-import { Keys } from './keys';
-import { FormComponentProps, FormComponentValidity } from './FormComponent';
-import { canUseDOM } from './canUseDOM';
-import { getRef, setRef } from './refs';
-import { focusFirstFocusableChild, focusLastFocusableChild, focusContainer, firstFocusableChild, lastFocusableChild } from './focus';
-import { Draggable, DraggablePressEvent, DraggableDragEvent, DraggableReleaseEvent } from './Draggable';
-import { clone, cloneArray, cloneValue, cloneObject, cloneDate } from './clone';
-import { isObject } from './isObject';
-import { noop } from './noop';
-import { getter } from './getter';
-import { setter } from './setter';
-import { hasListener, getListeners } from './listeners';
-import { templateRendering, getTemplate, templateDefinition } from './templateRendering';
-import { getTabIndex } from './getTabIndex';
-import { getDefaultSlots } from './defaultSlots';
-import { isRtl, getDir } from './isRtl';
-import { validatePackage, shouldShowValidationUI } from './validate-package';
-export { getRef, setRef, classNames, guid, Keys, noop, isObject, getListeners, hasListener, FormComponentProps, FormComponentValidity, canUseDOM, firstFocusableChild, focusFirstFocusableChild, lastFocusableChild, focusLastFocusableChild, focusContainer, clone, Draggable, DraggablePressEvent, DraggableDragEvent, DraggableReleaseEvent, cloneArray, cloneValue, cloneObject, cloneDate, getTemplate, templateRendering, templateDefinition, getTabIndex, getDefaultSlots, isRtl, getDir, getter, setter, validatePackage, shouldShowValidationUI };
-export * from './theme';
-export * from './treeDataOperations';
-export * from './browser-support.service';
-export * from './scrollbarWidth';
-export * from './hasRelativeStackingContext';
-export * from './icons/Icon';
-export * from './icons/FontIcon';
-export * from './icons/SvgIcon';
-export * from './icons/getIconName';
-export * from './icons/models/flip';
-export * from './icons/models/size';
-export * from './icons/models/theme-color';
-export * from './navigation';
-export * from './getActiveElement';
-export * from './watermark/WatermarkOverlay';

package/dist/es/main.js

@@ -1,34 +0,0 @@
-import { classNames } from './classNames';
-import { guid } from './guid';
-import { Keys } from './keys';
-import { canUseDOM } from './canUseDOM';
-import { getRef, setRef } from './refs';
-import { focusFirstFocusableChild, focusLastFocusableChild, focusContainer, firstFocusableChild, lastFocusableChild } from './focus';
-import { Draggable } from './Draggable';
-import { clone, cloneArray, cloneValue, cloneObject, cloneDate } from './clone';
-import { isObject } from './isObject';
-import { noop } from './noop';
-import { getter } from './getter';
-import { setter } from './setter';
-import { hasListener, getListeners } from './listeners';
-import { templateRendering, getTemplate, templateDefinition } from './templateRendering';
-import { getTabIndex } from './getTabIndex';
-import { getDefaultSlots } from './defaultSlots';
-import { isRtl, getDir } from './isRtl';
-import { validatePackage, shouldShowValidationUI } from './validate-package';
-export { getRef, setRef, classNames, guid, Keys, noop, isObject, getListeners, hasListener, canUseDOM, firstFocusableChild, focusFirstFocusableChild, lastFocusableChild, focusLastFocusableChild, focusContainer, clone, Draggable, cloneArray, cloneValue, cloneObject, cloneDate, getTemplate, templateRendering, templateDefinition, getTabIndex, getDefaultSlots, isRtl, getDir, getter, setter, validatePackage, shouldShowValidationUI };
-export * from './theme';
-export * from './treeDataOperations';
-export * from './browser-support.service';
-export * from './scrollbarWidth';
-export * from './hasRelativeStackingContext';
-export * from './icons/Icon';
-export * from './icons/FontIcon';
-export * from './icons/SvgIcon';
-export * from './icons/getIconName';
-export * from './icons/models/flip';
-export * from './icons/models/size';
-export * from './icons/models/theme-color';
-export * from './navigation';
-export * from './getActiveElement';
-export * from './watermark/WatermarkOverlay';