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

package/dist/esm/focus.js

@@ -1,84 +0,0 @@
-import { Keys } from './keys.js';
-var FOCUSABLE_SELECTOR = 'input, [tabindex]:not([tabindex="-1"])';
-/**
- * @hidden
- */
-export var firstFocusableChild = function (element) {
-    if (element) {
-        // should focus wrapper if it's focusable in future versions
-        var elements = element.querySelectorAll(FOCUSABLE_SELECTOR);
-        if (elements.length && elements[0].focus) {
-            return elements[0];
-        }
-    }
-    return undefined;
-};
-/**
- * @hidden
- */
-export var lastFocusableChild = function (element) {
-    if (element) {
-        // should focus wrapper if it's focusable in future versions
-        var elements = element.querySelectorAll(FOCUSABLE_SELECTOR);
-        if (elements.length && elements[elements.length - 1].focus) {
-            return elements[elements.length - 1];
-        }
-    }
-    return undefined;
-};
-/**
- * @hidden
- */
-export var focusFirstFocusableChild = function (element) {
-    if (element) {
-        // should focus wrapper if it's focusable in future versions
-        var elements = element.querySelectorAll(FOCUSABLE_SELECTOR);
-        if (elements.length && elements[0].focus) {
-            elements[0].focus();
-        }
-    }
-};
-/**
- * @hidden
- */
-export var focusLastFocusableChild = function (element) {
-    if (element) {
-        // should focus wrapper if it's focusable in future versions
-        var elements = element.querySelectorAll(FOCUSABLE_SELECTOR);
-        if (elements.length && elements[elements.length - 1].focus) {
-            elements[elements.length - 1].focus();
-        }
-    }
-};
-/**
- * @hidden
- */
-export var focusContainer = function (e, containerElement) {
-    var focusState = true;
-    if (e.keyCode !== Keys.enter && e.target === containerElement) {
-        return false;
-    }
-    if (e.keyCode === Keys.enter && e.target === containerElement) {
-        focusState = true;
-        setTimeout(function () {
-            focusFirstFocusableChild(containerElement);
-        }, 1);
-    }
-    else if (e.keyCode === Keys.esc) {
-        focusState = false;
-        containerElement.focus();
-    }
-    else if (e.keyCode === Keys.tab) {
-        var firstChild = firstFocusableChild(containerElement);
-        var lastChild = lastFocusableChild(containerElement);
-        if (lastChild && !e.shiftKey && e.target === lastChild) {
-            e.preventDefault();
-            firstChild.focus();
-        }
-        if (firstChild && e.shiftKey && e.target === firstChild) {
-            e.preventDefault();
-            lastChild.focus();
-        }
-    }
-    return focusState;
-};

package/dist/esm/getActiveElement.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare const getInnerActiveElement: any;
-/**
- * @hidden
- */
-export declare const getActiveElement: (document: any) => HTMLElement | undefined;

package/dist/esm/getActiveElement.js

@@ -1,23 +0,0 @@
-/**
- * @hidden
- */
-export var getInnerActiveElement = function (element) {
-    var shadowRoot = element.shadowRoot;
-    var contentDocument = element.contentDocument;
-    if (shadowRoot && shadowRoot.activeElement) {
-        return getInnerActiveElement(shadowRoot.activeElement);
-    }
-    if (contentDocument && contentDocument.activeElement) {
-        return getInnerActiveElement(contentDocument.activeElement);
-    }
-    return element;
-};
-/**
- * @hidden
- */
-export var getActiveElement = function (document) {
-    if (!document || !document.activeElement) {
-        return undefined;
-    }
-    return getInnerActiveElement(document.activeElement);
-};

package/dist/esm/getTabIndex.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const getTabIndex: (tabIndex?: number | string, disabled?: boolean, useDefaultTabIndexWhenDisabled?: boolean) => number | undefined;

package/dist/esm/getTabIndex.js

@@ -1,22 +0,0 @@
-/**
- * @hidden
- */
-var DISABLED_TABINDEX = -1;
-/**
- * @hidden
- */
-var DEFAULT_TABINDEX = 0;
-/**
- * @hidden
- */
-export var getTabIndex = function (tabIndex, disabled, useDefaultTabIndexWhenDisabled) {
-    var parsedTabIndex = typeof tabIndex === 'string' ? parseInt(tabIndex, undefined) : tabIndex;
-    if (parsedTabIndex === NaN) {
-        return undefined;
-    }
-    return parsedTabIndex !== undefined
-        ? parsedTabIndex
-        : disabled ?
-            (useDefaultTabIndexWhenDisabled ? undefined : DISABLED_TABINDEX)
-            : DEFAULT_TABINDEX;
-};

package/dist/esm/getter.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare function getter(field: string): any;

package/dist/esm/getter.js

@@ -1,23 +0,0 @@
-import { FIELD_REGEX } from './constants/main.js';
-var getterCache = {};
-getterCache.undefined = function () { return undefined; };
-/**
- * @hidden
- */
-export function getter(field) {
-    if (getterCache[field]) {
-        return getterCache[field];
-    }
-    var fields = [];
-    field.replace(FIELD_REGEX, function (_match, index, indexAccessor, fieldName) {
-        fields.push(index !== undefined ? index : (indexAccessor || fieldName));
-    });
-    getterCache[field] = function (obj) {
-        var result = obj;
-        for (var idx = 0; idx < fields.length && result; idx++) {
-            result = result[fields[idx]];
-        }
-        return result;
-    };
-    return getterCache[field];
-}

package/dist/esm/guid.d.ts

@@ -1,5 +0,0 @@
-/**
- * @hidden
- */
-declare const guid: Function;
-export { guid };

package/dist/esm/guid.js

@@ -1,18 +0,0 @@
-/* tslint:disable:no-bitwise */
-/**
- * @hidden
- */
-var guid = function () {
-    var id = '';
-    var i;
-    var random;
-    for (i = 0; i < 32; i++) {
-        random = Math.random() * 16 | 0;
-        if (i === 8 || i === 12 || i === 16 || i === 20) {
-            id += '-';
-        }
-        id += (i === 12 ? 4 : (i === 16 ? (random & 3 | 8) : random)).toString(16);
-    }
-    return id;
-};
-export { guid };

package/dist/esm/hasRelativeStackingContext.d.ts

@@ -1,2 +0,0 @@
-/** @hidden */
-export declare const hasRelativeStackingContext: (elementSource?: HTMLElement) => boolean;

package/dist/esm/hasRelativeStackingContext.js

@@ -1,25 +0,0 @@
-import { canUseDOM } from './canUseDOM.js';
-/** @hidden */
-export var hasRelativeStackingContext = function (elementSource) {
-    if (!canUseDOM) {
-        return false;
-    }
-    // Component need to pass element to make sure document owner is correct.
-    // This however might be performance hit if checked for example on each drag event.
-    var currentDocument = elementSource ? elementSource.ownerDocument : document;
-    if (!currentDocument || !currentDocument.body) {
-        return false;
-    }
-    var top = 10;
-    var parent = currentDocument.createElement('div');
-    parent.style.transform = 'matrix(10, 0, 0, 10, 0, 0)';
-    var child = currentDocument.createElement('div');
-    child.appendChild(currentDocument.createTextNode('child'));
-    child.style.position = 'fixed';
-    child.style.top = top + 'px';
-    parent.appendChild(child);
-    currentDocument.body.appendChild(parent);
-    var isDifferent = child.getBoundingClientRect().top !== top;
-    currentDocument.body.removeChild(parent);
-    return isDifferent;
-};

package/dist/esm/icons/BaseIconProps.d.ts

@@ -1,77 +0,0 @@
-import { IconThemeColor } from './models/theme-color';
-import { IconSize } from './models/size';
-import { IconFlip } from './models/flip';
-/**
- * @hidden
- */
-export interface BaseIconProps {
-    /**
-     * Sets the `tabIndex` of the icon element.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `id` of the icon element.
-     */
-    id?: string;
-    /**
-     * Sets the `aria-label` of the icon element.
-     */
-    ariaLabel?: string;
-    /**
-     * Sets the `title` of the icon element.
-     */
-    title?: string;
-    /**
-     * Specifies a list of CSS classes that will be added to the root DOM element.
-     */
-    class?: string;
-    /**
-     * 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.
-     */
-    themeColor?: IconThemeColor | string;
-    /**
-     * 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.
-     *
-     *
-     * You can use the `style` prop to apply custom font size to the icon.
-     */
-    size?: IconSize | string;
-    /**
-     * 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.
-     *
-     */
-    flip?: IconFlip | string;
-}

package/dist/esm/icons/BaseIconProps.js

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

package/dist/esm/icons/FontIcon.d.ts

@@ -1,51 +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';
-/**
- * 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 Vue2type, FontIconMethods, FontIconData, FontIconComputed, FontIconState {
-}
-/**
- * @hidden
- */
-declare let FontIconVue2: ComponentOptions<FontIconAll, DefaultData<FontIconData>, DefaultMethods<FontIconAll>, FontIconComputed, RecordPropsDefinition<FontIconProps>>;
-/**
- * @hidden
- */
-declare const FontIcon: DefineComponent<FontIconProps, any, FontIconData, FontIconComputed, FontIconMethods, {}, {}, {}, string, FontIconProps, FontIconProps, {}>;
-export { FontIcon, FontIconVue2 };

package/dist/esm/icons/FontIcon.js

@@ -1,91 +0,0 @@
-// @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.js';
-/**
- * @hidden
- */
-var FontIconVue2 = {
-  name: 'KendoFontIcon',
-  // @ts-ignore
-  emits: {
-    click: null
-  },
-  props: {
-    name: String,
-    themeColor: {
-      type: String
-    },
-    size: {
-      type: String
-    },
-    flip: {
-      type: String
-    },
-    id: String,
-    ariaLabel: String,
-    title: String,
-    tabIndex: Number
-  },
-  computed: {
-    fontClassNames: function fontClassNames() {
-      var _a;
-      var _b = this.$props,
-        name = _b.name,
-        flip = _b.flip,
-        size = _b.size,
-        themeColor = _b.themeColor;
-      return _a = {
-        'k-icon': true,
-        'k-font-icon': true
-      }, _a['k-i-' + name] = name, _a['k-color-' + themeColor] = themeColor, _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 _a = this.$props,
-      id = _a.id,
-      title = _a.title,
-      tabIndex = _a.tabIndex,
-      ariaLabel = _a.ariaLabel;
-    return h("span", {
-      "class": this.fontClassNames,
-      id: id,
-      attrs: this.v3 ? undefined : {
-        id: id,
-        title: title,
-        "aria-label": ariaLabel,
-        tabIndex: tabIndex,
-        role: "presentation"
-      },
-      title: title,
-      "aria-label": ariaLabel,
-      tabIndex: tabIndex,
-      role: "presentation",
-      onClick: this.handleClick,
-      on: this.v3 ? undefined : {
-        "click": this.handleClick
-      }
-    });
-  },
-  methods: {
-    handleClick: function handleClick(e) {
-      this.$emit('click', e);
-    }
-  }
-};
-/**
- * @hidden
- */
-var FontIcon = FontIconVue2;
-export { FontIcon, FontIconVue2 };

package/dist/esm/icons/Icon.d.ts

@@ -1,49 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-import { SvgIconProps } from './SvgIcon';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * @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 Vue2type, IconMethods, IconData, IconComputed, IconState {
-}
-/**
- * @hidden
- */
-declare let IconVue2: ComponentOptions<IconAll, DefaultData<IconData>, DefaultMethods<IconAll>, IconComputed, RecordPropsDefinition<IconProps>>;
-/**
- * @hidden
- */
-declare const Icon: DefineComponent<IconProps, any, IconData, IconComputed, IconMethods, {}, {}, {}, string, IconProps, IconProps, {}>;
-export { Icon, IconVue2 };

package/dist/esm/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.js';
-import { SvgIcon } from './SvgIcon.js';
-/**
- * @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 };