@progress/kendo-vue-notification 5.3.0-dev.202410141143 → 5.3.0-develop.1

package/dist/es/Notification.js

@@ -1,174 +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 { packageMetadata } from './package-metadata';
-import { checkOutlineIcon, exclamationCircleIcon, infoCircleIcon, xIcon, xOutlineIcon } from '@progress/kendo-svg-icons';
-import { validatePackage, getDefaultSlots, Icon, guid } from '@progress/kendo-vue-common';
-var buttonTitle = 'Close';
-/**
- * @hidden
- */
-var NotificationVue2 = {
-  name: 'KendoNotification',
-  props: {
-    closable: {
-      type: [Object, Boolean],
-      default: function _default() {
-        return false;
-      }
-    },
-    dir: String,
-    type: {
-      type: Object,
-      default: function _default() {
-        return {
-          style: 'none',
-          icon: true
-        };
-      },
-      validator: function validator(value) {
-        return ['none', 'success', 'error', 'warning', 'info'].includes(value.style);
-      }
-    },
-    themeColor: {
-      type: String,
-      default: 'base',
-      validator: function validator(value) {
-        return [null, 'base', 'error', 'info', 'success', 'warning'].includes(value);
-      }
-    },
-    ariaLabel: {
-      type: String,
-      default: undefined
-    }
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-    this.notificationContentId = guid();
-  },
-  computed: {
-    computedTheme: function computedTheme() {
-      var _a = this.$props,
-        type = _a.type,
-        themeColor = _a.themeColor;
-      return type.style !== 'none' ? type.style : themeColor;
-    },
-    computedSvg: function computedSvg() {
-      switch (this.computedTheme) {
-        case 'success':
-          return {
-            name: 'check-outline',
-            icon: checkOutlineIcon
-          };
-        case 'error':
-          return {
-            name: 'x-outline',
-            icon: xOutlineIcon
-          };
-        case 'info':
-          return {
-            name: 'info-circle',
-            icon: infoCircleIcon
-          };
-        case 'warning':
-          return {
-            name: 'exclamation-circle',
-            icon: exclamationCircleIcon
-          };
-        default:
-          return {};
-      }
-    },
-    wrapperClass: function wrapperClass() {
-      var _a;
-      var closable = this.$props.closable;
-      return _a = {
-        'k-notification': true
-      }, _a["k-notification-".concat(this.computedTheme)] = this.computedTheme, _a['k-notification-closable'] = closable, _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,
-      closable = _a.closable,
-      type = _a.type;
-    return h("div", {
-      role: 'alert',
-      attrs: this.v3 ? undefined : {
-        role: 'alert',
-        "aria-live": 'polite',
-        "aria-label": this.$props.ariaLabel,
-        "aria-describedby": this.notificationContentId
-      },
-      "class": this.wrapperClass,
-      style: this.$props.style,
-      "aria-live": 'polite',
-      "aria-label": this.$props.ariaLabel,
-      "aria-describedby": this.notificationContentId
-    }, [type.icon && this.computedSvg.name && h(Icon, {
-      name: this.computedSvg.name,
-      attrs: this.v3 ? undefined : {
-        name: this.computedSvg.name,
-        icon: this.computedSvg.icon
-      },
-      icon: this.computedSvg.icon,
-      "class": 'k-notification-status'
-    }), h("div", {
-      "class": "k-notification-content",
-      id: this.notificationContentId,
-      attrs: this.v3 ? undefined : {
-        id: this.notificationContentId
-      }
-    }, [defaultSlot]), closable && h("span", {
-      "class": "k-notification-actions"
-    }, [h("span", {
-      "class": "k-notification-action k-notification-close-action",
-      "aria-hidden": true,
-      attrs: this.v3 ? undefined : {
-        "aria-hidden": true
-      }
-    }, [h(Icon, {
-      name: "x",
-      attrs: this.v3 ? undefined : {
-        name: "x",
-        icon: xIcon,
-        title: buttonTitle
-      },
-      icon: xIcon,
-      title: buttonTitle,
-      onClick: this.handleClick,
-      on: this.v3 ? undefined : {
-        "click": this.handleClick
-      }
-    })])])]);
-  },
-  methods: {
-    handleClick: function handleClick(event) {
-      this.$emit('close', {
-        component: this,
-        event: event
-      });
-    }
-  }
-};
-/**
- * Represents the [Kendo UI for Vue Native Notification component]({% slug overview_notification %}).
- *
- *
- * ### props <span class='code'>Readonly&lt;[NotificationProps]({% slug api_notification_notificationprops %})</span>
- * The props of the Notification component.
- *
- */
-var Notification = NotificationVue2;
-export { Notification, NotificationVue2 };

package/dist/es/NotificationGroup.d.ts

@@ -1,48 +0,0 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * Represents the props of the [Kendo UI for Vue NotificationGroup component]({% slug api_notification_notificationgroupprops %}).
- */
-export interface NotificationGroupProps {
-}
-/**
- * @hidden
- */
-export interface NotificationGroupState {
-}
-/**
- * @hidden
- */
-export interface NotificationGroupComputed {
-    [key: string]: any;
-    skeletonClasses: object;
-}
-/**
- * @hidden
- */
-export interface NotificationGroupMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface NotificationGroupData {
-}
-/**
- * @hidden
- */
-export interface NotificationGroupAll extends Vue, NotificationGroupMethods, NotificationGroupData, NotificationGroupComputed, NotificationGroupState {
-}
-/**
- * @hidden
- */
-declare let NotificationGroupVue2: ComponentOptions<NotificationGroupAll, DefaultData<NotificationGroupData>, DefaultMethods<NotificationGroupAll>, NotificationGroupComputed, RecordPropsDefinition<NotificationGroupProps>>;
-/**
- * @hidden
- */
-declare const NotificationGroup: DefineComponent<NotificationGroupProps, any, NotificationGroupData, NotificationGroupComputed, NotificationGroupMethods, {}, {}, {}, string, NotificationGroupProps, NotificationGroupProps, {}>;
-export { NotificationGroup, NotificationGroupVue2 };

package/dist/es/NotificationGroup.js

@@ -1,36 +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 { getDefaultSlots } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var NotificationGroupVue2 = {
-  name: 'KendoNotificationGroup',
-  // @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);
-    return h("div", {
-      "class": 'k-notification-group',
-      style: {
-        alignItems: 'center',
-        flexWrap: 'wrap'
-      }
-    }, [defaultSlot]);
-  }
-};
-/**
- * @hidden
- */
-var NotificationGroup = NotificationGroupVue2;
-export { NotificationGroup, NotificationGroupVue2 };

package/dist/es/additionalTypes.ts

@@ -1,21 +0,0 @@
-// @ts-ignore
-import { DefineComponent } from 'vue';
-// @ts-ignore
-import * as Vue from 'vue';
-
-/**
- * @hidden
- */
-// @ts-ignore
-type Vue2type = Vue.default;
-
-/**
- * @hidden
- */
-// @ts-ignore
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-/**
- * @hidden
- */
-// @ts-ignore
-export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/es/main.d.ts

@@ -1,3 +0,0 @@
-import { Notification, NotificationProps, NotificationEvent } from './Notification';
-import { NotificationGroup, NotificationGroupProps } from './NotificationGroup';
-export { Notification, NotificationProps, NotificationEvent, NotificationGroup, NotificationGroupProps };

package/dist/es/main.js

@@ -1,3 +0,0 @@
-import { Notification } from './Notification';
-import { NotificationGroup } from './NotificationGroup';
-export { Notification, NotificationGroup };

package/dist/es/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-vue-notification',
-    productName: 'Kendo UI for Vue',
-    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1728906015,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
-};

package/dist/esm/Notification.d.ts

@@ -1,106 +0,0 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * The `close` event object of the Notification.
- */
-export interface NotificationEvent {
-    /**
-     * A native DOM event.
-     */
-    event: Event;
-    /**
-     * An event target.
-     */
-    target: Notification;
-}
-/**
- * Represents the props of the [Kendo UI for Vue Notification component]({% slug overview_notification %}).
- */
-export interface NotificationProps {
-    /**
-     * Specifies if the Notification will require a user action to hide.
-     * If the property is set to `true`, the Notification renders a **Close** button.
-     * If the property is set to `object`, the Notification renders a **Close** button
-     * by extending the default props with the provided object.
-     *
-     * The possible values are:
-     * * (Default) `false`
-     * * `true`
-     * * `{ title: 'Hide', ... }`
-     */
-    closable?: boolean | any;
-    /**
-     * The `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * The Notification type
-     * ([see example]({% slug types_notification %})).
-     *
-     * The possible values are:
-     * * `style: 'none'|'success'|'error'|'warning'|'info'`. Defaults to `none`.
-     * * `icon?: 'true'|'false'`. Defaults to `true`.
-     */
-    type?: {
-        style?: 'none' | 'success' | 'error' | 'warning' | 'info';
-        icon?: boolean;
-    };
-    /**
-     * Configures the `themeColor` of the Notification.
-     */
-    themeColor?: string;
-    /**
-     * The `close` event which will be triggered when the **Close** button is clicked.
-     */
-    onClose?: (event: NotificationEvent) => void;
-    /**
-     * Defines the aria-label attribute of the Notification component. Defaults to `undefined`.
-     */
-    ariaLabel?: string;
-}
-/**
- * @hidden
- */
-export interface NotificationState {
-}
-/**
- * @hidden
- */
-export interface NotificationComputed {
-    [key: string]: any;
-    wrapperClass: object;
-}
-/**
- * @hidden
- */
-export interface NotificationMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface NotificationData {
-}
-/**
- * @hidden
- */
-export interface NotificationAll extends Vue, NotificationMethods, NotificationData, NotificationComputed, NotificationState {
-}
-/**
- * @hidden
- */
-declare let NotificationVue2: ComponentOptions<NotificationAll, DefaultData<NotificationData>, DefaultMethods<NotificationAll>, NotificationComputed, RecordPropsDefinition<NotificationProps>>;
-/**
- * Represents the [Kendo UI for Vue Native Notification component]({% slug overview_notification %}).
- *
- *
- * ### props <span class='code'>Readonly&lt;[NotificationProps]({% slug api_notification_notificationprops %})</span>
- * The props of the Notification component.
- *
- */
-declare const Notification: DefineComponent<NotificationProps, any, NotificationData, NotificationComputed, NotificationMethods, {}, {}, {}, string, NotificationProps, NotificationProps, {}>;
-export { Notification, NotificationVue2 };

package/dist/esm/Notification.js

@@ -1,174 +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 { packageMetadata } from './package-metadata.js';
-import { checkOutlineIcon, exclamationCircleIcon, infoCircleIcon, xIcon, xOutlineIcon } from '@progress/kendo-svg-icons';
-import { validatePackage, getDefaultSlots, Icon, guid } from '@progress/kendo-vue-common';
-var buttonTitle = 'Close';
-/**
- * @hidden
- */
-var NotificationVue2 = {
-  name: 'KendoNotification',
-  props: {
-    closable: {
-      type: [Object, Boolean],
-      default: function _default() {
-        return false;
-      }
-    },
-    dir: String,
-    type: {
-      type: Object,
-      default: function _default() {
-        return {
-          style: 'none',
-          icon: true
-        };
-      },
-      validator: function validator(value) {
-        return ['none', 'success', 'error', 'warning', 'info'].includes(value.style);
-      }
-    },
-    themeColor: {
-      type: String,
-      default: 'base',
-      validator: function validator(value) {
-        return [null, 'base', 'error', 'info', 'success', 'warning'].includes(value);
-      }
-    },
-    ariaLabel: {
-      type: String,
-      default: undefined
-    }
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-    this.notificationContentId = guid();
-  },
-  computed: {
-    computedTheme: function computedTheme() {
-      var _a = this.$props,
-        type = _a.type,
-        themeColor = _a.themeColor;
-      return type.style !== 'none' ? type.style : themeColor;
-    },
-    computedSvg: function computedSvg() {
-      switch (this.computedTheme) {
-        case 'success':
-          return {
-            name: 'check-outline',
-            icon: checkOutlineIcon
-          };
-        case 'error':
-          return {
-            name: 'x-outline',
-            icon: xOutlineIcon
-          };
-        case 'info':
-          return {
-            name: 'info-circle',
-            icon: infoCircleIcon
-          };
-        case 'warning':
-          return {
-            name: 'exclamation-circle',
-            icon: exclamationCircleIcon
-          };
-        default:
-          return {};
-      }
-    },
-    wrapperClass: function wrapperClass() {
-      var _a;
-      var closable = this.$props.closable;
-      return _a = {
-        'k-notification': true
-      }, _a["k-notification-".concat(this.computedTheme)] = this.computedTheme, _a['k-notification-closable'] = closable, _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,
-      closable = _a.closable,
-      type = _a.type;
-    return h("div", {
-      role: 'alert',
-      attrs: this.v3 ? undefined : {
-        role: 'alert',
-        "aria-live": 'polite',
-        "aria-label": this.$props.ariaLabel,
-        "aria-describedby": this.notificationContentId
-      },
-      "class": this.wrapperClass,
-      style: this.$props.style,
-      "aria-live": 'polite',
-      "aria-label": this.$props.ariaLabel,
-      "aria-describedby": this.notificationContentId
-    }, [type.icon && this.computedSvg.name && h(Icon, {
-      name: this.computedSvg.name,
-      attrs: this.v3 ? undefined : {
-        name: this.computedSvg.name,
-        icon: this.computedSvg.icon
-      },
-      icon: this.computedSvg.icon,
-      "class": 'k-notification-status'
-    }), h("div", {
-      "class": "k-notification-content",
-      id: this.notificationContentId,
-      attrs: this.v3 ? undefined : {
-        id: this.notificationContentId
-      }
-    }, [defaultSlot]), closable && h("span", {
-      "class": "k-notification-actions"
-    }, [h("span", {
-      "class": "k-notification-action k-notification-close-action",
-      "aria-hidden": true,
-      attrs: this.v3 ? undefined : {
-        "aria-hidden": true
-      }
-    }, [h(Icon, {
-      name: "x",
-      attrs: this.v3 ? undefined : {
-        name: "x",
-        icon: xIcon,
-        title: buttonTitle
-      },
-      icon: xIcon,
-      title: buttonTitle,
-      onClick: this.handleClick,
-      on: this.v3 ? undefined : {
-        "click": this.handleClick
-      }
-    })])])]);
-  },
-  methods: {
-    handleClick: function handleClick(event) {
-      this.$emit('close', {
-        component: this,
-        event: event
-      });
-    }
-  }
-};
-/**
- * Represents the [Kendo UI for Vue Native Notification component]({% slug overview_notification %}).
- *
- *
- * ### props <span class='code'>Readonly&lt;[NotificationProps]({% slug api_notification_notificationprops %})</span>
- * The props of the Notification component.
- *
- */
-var Notification = NotificationVue2;
-export { Notification, NotificationVue2 };

package/dist/esm/NotificationGroup.d.ts

@@ -1,48 +0,0 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * Represents the props of the [Kendo UI for Vue NotificationGroup component]({% slug api_notification_notificationgroupprops %}).
- */
-export interface NotificationGroupProps {
-}
-/**
- * @hidden
- */
-export interface NotificationGroupState {
-}
-/**
- * @hidden
- */
-export interface NotificationGroupComputed {
-    [key: string]: any;
-    skeletonClasses: object;
-}
-/**
- * @hidden
- */
-export interface NotificationGroupMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface NotificationGroupData {
-}
-/**
- * @hidden
- */
-export interface NotificationGroupAll extends Vue, NotificationGroupMethods, NotificationGroupData, NotificationGroupComputed, NotificationGroupState {
-}
-/**
- * @hidden
- */
-declare let NotificationGroupVue2: ComponentOptions<NotificationGroupAll, DefaultData<NotificationGroupData>, DefaultMethods<NotificationGroupAll>, NotificationGroupComputed, RecordPropsDefinition<NotificationGroupProps>>;
-/**
- * @hidden
- */
-declare const NotificationGroup: DefineComponent<NotificationGroupProps, any, NotificationGroupData, NotificationGroupComputed, NotificationGroupMethods, {}, {}, {}, string, NotificationGroupProps, NotificationGroupProps, {}>;
-export { NotificationGroup, NotificationGroupVue2 };

package/dist/esm/NotificationGroup.js

@@ -1,36 +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 { getDefaultSlots } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var NotificationGroupVue2 = {
-  name: 'KendoNotificationGroup',
-  // @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);
-    return h("div", {
-      "class": 'k-notification-group',
-      style: {
-        alignItems: 'center',
-        flexWrap: 'wrap'
-      }
-    }, [defaultSlot]);
-  }
-};
-/**
- * @hidden
- */
-var NotificationGroup = NotificationGroupVue2;
-export { NotificationGroup, NotificationGroupVue2 };

package/dist/esm/additionalTypes.ts

@@ -1,21 +0,0 @@
-// @ts-ignore
-import { DefineComponent } from 'vue';
-// @ts-ignore
-import * as Vue from 'vue';
-
-/**
- * @hidden
- */
-// @ts-ignore
-type Vue2type = Vue.default;
-
-/**
- * @hidden
- */
-// @ts-ignore
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-/**
- * @hidden
- */
-// @ts-ignore
-export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };