@progress/kendo-vue-buttons 2.7.3-dev.202201070829 → 2.8.0-dev.202201131525

package/dist/npm/ListButton/DropDownButton.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DropDownButtonVue3 = exports.DropDownButton = void 0; // @ts-ignore
+exports.DropDownButtonVue2 = exports.DropDownButton = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -44,7 +44,7 @@ var kendo_vue_common_2 = require("@progress/kendo-vue-common");
 var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-line-length
 
 
-var DropDownButton = {
+var DropDownButtonVue2 = {
   name: 'KendoDropDownButton',
   // @ts-ignore
   emits: {
@@ -73,6 +73,36 @@ var DropDownButton = {
     popupSettings: Object,
     itemRender: [String, Object, Function],
     item: Function,
+    size: {
+      type: String,
+      default: 'medium'
+    },
+    shape: {
+      type: String,
+      default: 'rectangle',
+      validator: function validator(value) {
+        return [null, 'rectangle', 'square'].includes(value);
+      }
+    },
+    rounded: {
+      type: String,
+      default: 'medium'
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return [null, 'flat', 'link', 'outline', 'solid'].includes(value);
+      }
+    },
+    // eslint-disable-next-line max-len
+    themeColor: {
+      type: String,
+      default: 'base',
+      validator: function validator(value) {
+        return [null, 'base', 'dark', 'error', 'info', 'inverse', 'inverse', 'light', 'primary', 'secondary', 'success', 'tertiary', 'warning'].includes(value);
+      }
+    },
     opened: {
       type: Boolean,
       default: undefined
@@ -121,9 +151,8 @@ var DropDownButton = {
     },
     wrapperClass: function wrapperClass() {
       return {
-        'k-widget': true,
         'k-dropdown-button': true,
-        'k-state-focused': this.focused
+        'k-focus': this.focused
       };
     }
   },
@@ -158,6 +187,7 @@ var DropDownButton = {
         }) : dataItem;
         return (// @ts-ignore
           h(ButtonItem_1.ButtonItem, {
+            "class": "k-menu-item",
             dataItem: currentDataItem,
             attrs: this.v3 ? undefined : {
               dataItem: currentDataItem,
@@ -189,8 +219,10 @@ var DropDownButton = {
     var renderPopup = function renderPopup() {
       var _this = this;
 
-      var _a = this.$props.popupSettings,
-          popupSettings = _a === void 0 ? {} : _a;
+      var _a = this.$props,
+          _b = _a.popupSettings,
+          popupSettings = _b === void 0 ? {} : _b,
+          size = _a.size;
       return (// @ts-ignore function children
         h(kendo_vue_popup_1.Popup, {
           anchor: this._anchor,
@@ -198,13 +230,13 @@ var DropDownButton = {
             anchor: this._anchor,
             show: this.computedOpened,
             animate: popupSettings.animate,
-            popupClass: kendo_vue_common_1.classNames('k-list-container k-reset k-group', popupSettings.popupClass),
+            popupClass: kendo_vue_common_1.classNames('k-menu-popup', popupSettings.popupClass),
             anchorAlign: popupSettings.anchorAlign || popup_1.getAnchorAlign(rtl),
             popupAlign: popupSettings.popupAlign || popup_1.getPopupAlign(rtl)
           },
           show: this.computedOpened,
           animate: popupSettings.animate,
-          popupClass: kendo_vue_common_1.classNames('k-list-container k-reset k-group', popupSettings.popupClass),
+          popupClass: kendo_vue_common_1.classNames('k-menu-popup', popupSettings.popupClass),
           anchorAlign: popupSettings.anchorAlign || popup_1.getAnchorAlign(rtl),
           popupAlign: popupSettings.popupAlign || popup_1.getPopupAlign(rtl),
           style: rtl ? {
@@ -212,7 +244,7 @@ var DropDownButton = {
           } : undefined
         }, this.v3 ? function () {
           return [h("ul", {
-            "class": "k-list k-reset",
+            "class": "k-group k-menu-group k-reset k-menu-group-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size),
             role: "menu",
             attrs: _this.v3 ? undefined : {
               role: "menu",
@@ -221,7 +253,7 @@ var DropDownButton = {
             id: _this.guid
           }, [renderChildItems.call(_this)])];
         } : [h("ul", {
-          "class": "k-list k-reset",
+          "class": "k-group k-menu-group k-reset k-menu-group-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size),
           role: "menu",
           attrs: _this.v3 ? undefined : {
             role: "menu",
@@ -248,14 +280,13 @@ var DropDownButton = {
       }
     }, [// @ts-ignore function children
     h(Button_1.Button, {
-      onClick: this.onClickMainButton,
-      on: this.v3 ? undefined : {
-        "click": this.onClickMainButton,
-        "mousedown": this.mouseDown
-      },
-      onMousedown: this.mouseDown,
-      disabled: disabled || undefined,
+      size: this.$props.size,
       attrs: this.v3 ? undefined : {
+        size: this.$props.size,
+        shape: this.$props.shape,
+        rounded: this.$props.rounded,
+        fillMode: this.$props.fillMode,
+        themeColor: this.$props.themeColor,
         disabled: disabled || undefined,
         tabIndex: tabIndex,
         accessKey: this.$props.accessKey,
@@ -273,6 +304,17 @@ var DropDownButton = {
         "aria-owns": this.guid,
         "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? this.guid + "-" + this.focusedIndex : undefined
       },
+      shape: this.$props.shape,
+      rounded: this.$props.rounded,
+      fillMode: this.$props.fillMode,
+      themeColor: this.$props.themeColor,
+      onClick: this.onClickMainButton,
+      on: this.v3 ? undefined : {
+        "click": this.onClickMainButton,
+        "mousedown": this.mouseDown
+      },
+      onMousedown: this.mouseDown,
+      disabled: disabled || undefined,
       tabIndex: tabIndex,
       accessKey: this.$props.accessKey,
       icon: this.$props.icon,
@@ -414,6 +456,6 @@ var DropDownButton = {
     }
   }
 };
-exports.DropDownButton = DropDownButton;
-var DropDownButtonVue3 = DropDownButton;
-exports.DropDownButtonVue3 = DropDownButtonVue3;
+exports.DropDownButtonVue2 = DropDownButtonVue2;
+var DropDownButton = DropDownButtonVue2;
+exports.DropDownButton = DropDownButton;

package/dist/npm/ListButton/SplitButton.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+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;
@@ -55,8 +54,8 @@ export interface SplitButtonState {
 /**
  * @hidden
  */
-export interface SplitButtonAll extends Vue, SplitButtonMethods, SplitButtonData, SplitButtonComputed, SplitButtonState {
+export interface SplitButtonAll extends Vue2type, SplitButtonMethods, SplitButtonData, SplitButtonComputed, SplitButtonState {
 }
-declare let SplitButton: ComponentOptions<SplitButtonAll, DefaultData<SplitButtonData>, DefaultMethods<SplitButtonAll>, SplitButtonComputed, RecordPropsDefinition<SplitButtonProps>>;
-declare const SplitButtonVue3: DefineComponent<SplitButtonProps, any, SplitButtonData, SplitButtonComputed, SplitButtonMethods, {}, {}, {}, string, SplitButtonProps, SplitButtonProps, {}>;
-export { SplitButton, SplitButtonVue3 };
+declare let SplitButtonVue2: ComponentOptions<SplitButtonAll, DefaultData<SplitButtonData>, DefaultMethods<SplitButtonAll>, SplitButtonComputed, RecordPropsDefinition<SplitButtonProps>>;
+declare const SplitButton: DefineComponent<SplitButtonProps, any, SplitButtonData, SplitButtonComputed, SplitButtonMethods, {}, {}, {}, string, SplitButtonProps, SplitButtonProps, {}>;
+export { SplitButton, SplitButtonVue2 };

package/dist/npm/ListButton/SplitButton.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SplitButtonVue3 = exports.SplitButton = void 0; // @ts-ignore
+exports.SplitButtonVue2 = exports.SplitButton = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -41,13 +41,10 @@ var popup_1 = require("./utils/popup");
 
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
 
-var package_metadata_1 = require("../package-metadata");
+var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-line-length
 
-var util_1 = require("../util");
 
-var styles = util_1.default.styles; // tslint:enable:max-line-length
-
-var SplitButton = {
+var SplitButtonVue2 = {
   name: 'KendoSplitButton',
   // @ts-ignore
   emits: {
@@ -71,6 +68,29 @@ var SplitButton = {
     tabIndex: Number,
     disabled: Boolean,
     icon: String,
+    size: {
+      type: String,
+      default: 'medium'
+    },
+    rounded: {
+      type: String,
+      default: 'medium'
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return [null, 'flat', 'link', 'outline', 'solid'].includes(value);
+      }
+    },
+    // eslint-disable-next-line max-len
+    themeColor: {
+      type: String,
+      default: 'base',
+      validator: function validator(value) {
+        return [null, 'base', 'dark', 'error', 'info', 'inverse', 'inverse', 'light', 'primary', 'secondary', 'success', 'tertiary', 'warning'].includes(value);
+      }
+    },
     opened: {
       type: Boolean,
       default: undefined
@@ -118,13 +138,11 @@ var SplitButton = {
       return this.$props.opened === undefined ? this.currentOpened : this.$props.opened;
     },
     wrapperClass: function wrapperClass() {
-      var _a;
-
-      return _a = {
-        'k-widget': true,
+      return {
         'k-split-button': true,
-        'k-button-group': true
-      }, _a[styles["" + this.$props.look]] = true, _a['k-state-focused'] = this.focused, _a;
+        'k-button-group': true,
+        'k-focus': this.focused
+      };
     }
   },
   // @ts-ignore
@@ -160,6 +178,7 @@ var SplitButton = {
         }) : dataItem;
         return (// @ts-ignore
           h(ButtonItem_1.ButtonItem, {
+            "class": "k-menu-item",
             dataItem: currentDataItem,
             attrs: this.v3 ? undefined : {
               dataItem: currentDataItem,
@@ -191,8 +210,10 @@ var SplitButton = {
     var renderPopup = function renderPopup() {
       var _this2 = this;
 
-      var _a = this.$props.popupSettings,
-          popupSettings = _a === void 0 ? {} : _a;
+      var _a = this.$props,
+          _b = _a.popupSettings,
+          popupSettings = _b === void 0 ? {} : _b,
+          size = _a.size;
       return (// @ts-ignore function children
         h(kendo_vue_popup_1.Popup, {
           anchor: this._anchor,
@@ -200,13 +221,13 @@ var SplitButton = {
             anchor: this._anchor,
             show: this.computedOpened,
             animate: popupSettings.animate,
-            popupClass: kendo_vue_common_1.classNames('k-list-container k-reset k-group', popupSettings.popupClass),
+            popupClass: kendo_vue_common_1.classNames('k-menu-popup', popupSettings.popupClass),
             anchorAlign: popupSettings.anchorAlign || popup_1.getAnchorAlign(rtl),
             popupAlign: popupSettings.popupAlign || popup_1.getPopupAlign(rtl)
           },
           show: this.computedOpened,
           animate: popupSettings.animate,
-          popupClass: kendo_vue_common_1.classNames('k-list-container k-reset k-group', popupSettings.popupClass),
+          popupClass: kendo_vue_common_1.classNames('k-menu-popup', popupSettings.popupClass),
           anchorAlign: popupSettings.anchorAlign || popup_1.getAnchorAlign(rtl),
           popupAlign: popupSettings.popupAlign || popup_1.getPopupAlign(rtl),
           style: rtl ? {
@@ -214,7 +235,7 @@ var SplitButton = {
           } : undefined
         }, this.v3 ? function () {
           return [h("ul", {
-            "class": "k-list k-reset",
+            "class": "k-group k-menu-group k-reset k-menu-group-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size),
             role: "menu",
             attrs: _this2.v3 ? undefined : {
               role: "menu",
@@ -223,7 +244,7 @@ var SplitButton = {
             id: _this2.guid
           }, [renderChildItems.call(_this2)])];
         } : [h("ul", {
-          "class": "k-list k-reset",
+          "class": "k-group k-menu-group k-reset k-menu-group-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size),
           role: "menu",
           attrs: _this2.v3 ? undefined : {
             role: "menu",
@@ -250,16 +271,12 @@ var SplitButton = {
       }
     }, [// @ts-ignore function children
     h(Button_1.Button, {
-      onClick: function onClick(event) {
-        return _this.onItemClick(event, -1);
-      },
-      on: this.v3 ? undefined : {
-        "click": function onClick(event) {
-          return _this.onItemClick(event, -1);
-        }
-      },
-      disabled: disabled || undefined,
+      size: this.$props.size,
       attrs: this.v3 ? undefined : {
+        size: this.$props.size,
+        rounded: this.$props.rounded,
+        fillMode: this.$props.fillMode,
+        themeColor: this.$props.themeColor,
         disabled: disabled || undefined,
         tabIndex: tabIndex,
         accessKey: this.$props.accessKey,
@@ -276,6 +293,18 @@ var SplitButton = {
         "aria-owns": this.guid,
         "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? this.guid + "-" + this.focusedIndex : undefined
       },
+      rounded: this.$props.rounded,
+      fillMode: this.$props.fillMode,
+      themeColor: this.$props.themeColor,
+      onClick: function onClick(event) {
+        return _this.onItemClick(event, -1);
+      },
+      on: this.v3 ? undefined : {
+        "click": function onClick(event) {
+          return _this.onItemClick(event, -1);
+        }
+      },
+      disabled: disabled || undefined,
       tabIndex: tabIndex,
       accessKey: this.$props.accessKey,
       "class": this.$props.buttonClass,
@@ -296,8 +325,12 @@ var SplitButton = {
       return [_this3.$props.text];
     } : [_this3.$props.text]), // @ts-ignore
     h(Button_1.Button, {
-      icon: "arrow-s",
+      size: this.$props.size,
       attrs: this.v3 ? undefined : {
+        size: this.$props.size,
+        rounded: this.$props.rounded,
+        fillMode: this.$props.fillMode,
+        themeColor: this.$props.themeColor,
         icon: "arrow-s",
         disabled: disabled || undefined,
         tabIndex: -1,
@@ -305,6 +338,10 @@ var SplitButton = {
         dir: dir,
         "aria-label": "menu toggling button"
       },
+      rounded: this.$props.rounded,
+      fillMode: this.$props.fillMode,
+      themeColor: this.$props.themeColor,
+      icon: "arrow-s",
       disabled: disabled || undefined,
       tabIndex: -1,
       look: this.$props.look,
@@ -480,6 +517,6 @@ var SplitButton = {
     }
   }
 };
-exports.SplitButton = SplitButton;
-var SplitButtonVue3 = SplitButton;
-exports.SplitButtonVue3 = SplitButtonVue3;
+exports.SplitButtonVue2 = SplitButtonVue2;
+var SplitButton = SplitButtonVue2;
+exports.SplitButton = SplitButton;

package/dist/npm/ListButton/models/ListButtonProps.d.ts

@@ -68,6 +68,75 @@ export interface DropDownButtonProps {
      * Sets the direction of the component.
      */
     dir?: string;
+    /**
+     * Configures the `size` of the Button.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `className`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `shape` of the Button.
+     *
+     * The available options are:
+     * - rectangle
+     * - square
+     * - null—Does not set a shape `className`.
+     *
+     * @default `rectangle`
+     */
+    shape?: null | 'rectangle' | 'square' | string;
+    /**
+     * Configures the `roundness` of the Button.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - circle
+     * - full
+     * - null—Does not set a rounded `className`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the Button.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null—Does not set a fillMode `className`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | string;
+    /**
+     * Configures the `themeColor` of the Button.
+     *
+     * The available options are:
+     * - base
+     * - primary
+     * - secondary
+     * - tertiary
+     * - info
+     * - success
+     * - warning
+     * - dark
+     * - light
+     * - inverse
+     * - null—Does not set a themeColor `className`.
+     *
+     * @default `base`
+     */
+    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse' | string;
     /**
      * Adds visual weight to the button and makes it primary ([see example]({% slug overview_dropdownbutton %}#toc-basic-usage)).
      */
@@ -163,6 +232,75 @@ export interface SplitButtonProps {
      * Sets the direction of the component.
      */
     dir?: string;
+    /**
+     * Configures the `size` of the Button.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `className`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `shape` of the Button.
+     *
+     * The available options are:
+     * - rectangle
+     * - square
+     * - null—Does not set a shape `className`.
+     *
+     * @default `rectangle`
+     */
+    shape?: null | 'rectangle' | 'square' | string;
+    /**
+     * Configures the `roundness` of the Button.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - circle
+     * - full
+     * - null—Does not set a rounded `className`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the Button.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null—Does not set a fillMode `className`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | string;
+    /**
+     * Configures the `themeColor` of the Button.
+     *
+     * The available options are:
+     * - base
+     * - primary
+     * - secondary
+     * - tertiary
+     * - info
+     * - success
+     * - warning
+     * - dark
+     * - light
+     * - inverse
+     * - null—Does not set a themeColor `className`.
+     *
+     * @default `base`
+     */
+    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse' | string;
     /**
      * Fires when the main button is clicked ([see example]({% slug overview_splitbutton %}#toc-events)).
      */

package/dist/npm/additionalTypes.ts

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

package/dist/npm/buttonLook.d.ts

@@ -8,7 +8,6 @@
  *
  * @example
  * ```ts-no-run
- * <k-button :look="'flat'"></k-button>
  * ```
  */
 export declare type ButtonLook = 'default' | 'flat' | 'outline';

package/dist/npm/main.d.ts

@@ -1,13 +1,13 @@
-import { Button, ButtonProps } from './Button';
-import { ButtonGroup, ButtonGroupVue3, ButtonGroupProps } from './ButtonGroup';
+import { Button, ButtonVue2, ButtonProps } from './Button';
+import { ButtonGroup, ButtonGroupVue2, ButtonGroupProps } from './ButtonGroup';
 import { ButtonLook } from './buttonLook';
-import { Chip, ChipVue3, ChipProps, ChipHandle } from './Chip/Chip';
-import { ChipList, ChipListVue3, ChipListProps, ChipListHandle } from './Chip/ChipList';
+import { Chip, ChipVue2, ChipProps, ChipHandle } from './Chip/Chip';
+import { ChipList, ChipListVue2, ChipListProps, ChipListHandle } from './Chip/ChipList';
 import { ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipListChangeEvent, ChipListDataChangeEvent } from './models/index';
-import { FloatingActionButton, FloatingActionButtonVue3 } from './FloatingActionButton/FloatingActionButton';
+import { FloatingActionButton, FloatingActionButtonVue2 } from './FloatingActionButton/FloatingActionButton';
 import { FloatingActionButtonHandle } from './FloatingActionButton/interfaces/FloatingActionButtonHandle';
 import { FloatingActionButtonProps } from './FloatingActionButton/interfaces/FloatingActionButtonProps';
-import { FloatingActionButtonItem, FloatingActionButtonItemVue3, FloatingActionButtonItemHandle, FloatingActionButtonItemProps } from './FloatingActionButton/FloatingActionButtonItem';
+import { FloatingActionButtonItem, FloatingActionButtonItemVue2, FloatingActionButtonItemHandle, FloatingActionButtonItemProps } from './FloatingActionButton/FloatingActionButtonItem';
 import { FloatingActionButtonPopupSettings } from './FloatingActionButton/interfaces/FloatingActionButtonPopupSettings';
 export * from './FloatingActionButton/models/events';
 import { FloatingActionButtonAlign } from './FloatingActionButton/models/align';
@@ -16,15 +16,15 @@ import { FloatingActionButtonPositionMode } from './FloatingActionButton/models/
 import { FloatingActionButtonShape } from './FloatingActionButton/models/shape';
 import { FloatingActionButtonSize } from './FloatingActionButton/models/size';
 import { FloatingActionButtonThemeColor } from './FloatingActionButton/models/theme-color';
-import { SplitButton, SplitButtonVue3 } from './ListButton/SplitButton';
-import { DropDownButton, DropDownButtonVue3 } from './ListButton/DropDownButton';
+import { SplitButton, SplitButtonVue2 } from './ListButton/SplitButton';
+import { DropDownButton, DropDownButtonVue2 } from './ListButton/DropDownButton';
 import { DropDownButtonProps } from './ListButton/models/ListButtonProps';
 import { SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent } from './ListButton/models/events';
 import { ButtonItem } from './ListButton/models/ButtonItem';
 import { ButtonItemProps } from './ListButton/ButtonItem';
 import { ButtonsPopupSettings } from './ListButton/models/PopupSettings';
-import { Toolbar, ToolbarVue3, ToolbarProps, ToolbarResizeEvent } from './toolbar/Toolbar';
-import { ToolbarItem, ToolbarItemVue3 } from './toolbar/tools/ToolbarItem';
-import { ToolbarSeparator, ToolbarSeparatorVue3 } from './toolbar/tools/ToolbarSeparator';
-import { ToolbarSpacer, ToolbarSpacerVue3 } from './toolbar/tools/ToolbarSpacer';
-export { Toolbar, ToolbarVue3, ToolbarProps, ToolbarItem, ToolbarItemVue3, ToolbarSeparator, ToolbarSeparatorVue3, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerVue3, Button, ButtonProps, ButtonLook, ButtonGroup, ButtonGroupVue3, ButtonGroupProps, SplitButton, SplitButtonVue3, DropDownButton, DropDownButtonVue3, DropDownButtonProps, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipVue3, ChipProps, ChipHandle, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListVue3, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonVue3, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemVue3, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonShape, FloatingActionButtonThemeColor };
+import { Toolbar, ToolbarVue2, ToolbarProps, ToolbarResizeEvent } from './toolbar/Toolbar';
+import { ToolbarItem, ToolbarItemVue2 } from './toolbar/tools/ToolbarItem';
+import { ToolbarSeparator, ToolbarSeparatorVue2 } from './toolbar/tools/ToolbarSeparator';
+import { ToolbarSpacer, ToolbarSpacerVue2 } from './toolbar/tools/ToolbarSpacer';
+export { Toolbar, ToolbarVue2, ToolbarProps, ToolbarItem, ToolbarItemVue2, ToolbarSeparator, ToolbarSeparatorVue2, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerVue2, Button, ButtonVue2, ButtonProps, ButtonLook, ButtonGroup, ButtonGroupVue2, ButtonGroupProps, SplitButton, SplitButtonVue2, DropDownButton, DropDownButtonVue2, DropDownButtonProps, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipVue2, ChipProps, ChipHandle, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListVue2, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonVue2, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemVue2, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonShape, FloatingActionButtonThemeColor };

package/dist/npm/main.js

@@ -10,40 +10,41 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FloatingActionButtonItemVue3 = exports.FloatingActionButtonItem = exports.FloatingActionButtonVue3 = exports.FloatingActionButton = exports.ChipListVue3 = exports.ChipList = exports.ChipVue3 = exports.Chip = exports.DropDownButtonVue3 = exports.DropDownButton = exports.SplitButtonVue3 = exports.SplitButton = exports.ButtonGroupVue3 = exports.ButtonGroup = exports.Button = exports.ToolbarSpacerVue3 = exports.ToolbarSpacer = exports.ToolbarSeparatorVue3 = exports.ToolbarSeparator = exports.ToolbarItemVue3 = exports.ToolbarItem = exports.ToolbarVue3 = exports.Toolbar = void 0;
+exports.FloatingActionButtonItemVue2 = exports.FloatingActionButtonItem = exports.FloatingActionButtonVue2 = exports.FloatingActionButton = exports.ChipListVue2 = exports.ChipList = exports.ChipVue2 = exports.Chip = exports.DropDownButtonVue2 = exports.DropDownButton = exports.SplitButtonVue2 = exports.SplitButton = exports.ButtonGroupVue2 = exports.ButtonGroup = exports.ButtonVue2 = exports.Button = exports.ToolbarSpacerVue2 = exports.ToolbarSpacer = exports.ToolbarSeparatorVue2 = exports.ToolbarSeparator = exports.ToolbarItemVue2 = exports.ToolbarItem = exports.ToolbarVue2 = exports.Toolbar = void 0;
 var Button_1 = require("./Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+Object.defineProperty(exports, "ButtonVue2", { enumerable: true, get: function () { return Button_1.ButtonVue2; } });
 var ButtonGroup_1 = require("./ButtonGroup");
 Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
-Object.defineProperty(exports, "ButtonGroupVue3", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroupVue3; } });
+Object.defineProperty(exports, "ButtonGroupVue2", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroupVue2; } });
 var Chip_1 = require("./Chip/Chip");
 Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
-Object.defineProperty(exports, "ChipVue3", { enumerable: true, get: function () { return Chip_1.ChipVue3; } });
+Object.defineProperty(exports, "ChipVue2", { enumerable: true, get: function () { return Chip_1.ChipVue2; } });
 var ChipList_1 = require("./Chip/ChipList");
 Object.defineProperty(exports, "ChipList", { enumerable: true, get: function () { return ChipList_1.ChipList; } });
-Object.defineProperty(exports, "ChipListVue3", { enumerable: true, get: function () { return ChipList_1.ChipListVue3; } });
+Object.defineProperty(exports, "ChipListVue2", { enumerable: true, get: function () { return ChipList_1.ChipListVue2; } });
 var FloatingActionButton_1 = require("./FloatingActionButton/FloatingActionButton");
 Object.defineProperty(exports, "FloatingActionButton", { enumerable: true, get: function () { return FloatingActionButton_1.FloatingActionButton; } });
-Object.defineProperty(exports, "FloatingActionButtonVue3", { enumerable: true, get: function () { return FloatingActionButton_1.FloatingActionButtonVue3; } });
+Object.defineProperty(exports, "FloatingActionButtonVue2", { enumerable: true, get: function () { return FloatingActionButton_1.FloatingActionButtonVue2; } });
 var FloatingActionButtonItem_1 = require("./FloatingActionButton/FloatingActionButtonItem");
 Object.defineProperty(exports, "FloatingActionButtonItem", { enumerable: true, get: function () { return FloatingActionButtonItem_1.FloatingActionButtonItem; } });
-Object.defineProperty(exports, "FloatingActionButtonItemVue3", { enumerable: true, get: function () { return FloatingActionButtonItem_1.FloatingActionButtonItemVue3; } });
+Object.defineProperty(exports, "FloatingActionButtonItemVue2", { enumerable: true, get: function () { return FloatingActionButtonItem_1.FloatingActionButtonItemVue2; } });
 __exportStar(require("./FloatingActionButton/models/events"), exports);
 var SplitButton_1 = require("./ListButton/SplitButton");
 Object.defineProperty(exports, "SplitButton", { enumerable: true, get: function () { return SplitButton_1.SplitButton; } });
-Object.defineProperty(exports, "SplitButtonVue3", { enumerable: true, get: function () { return SplitButton_1.SplitButtonVue3; } });
+Object.defineProperty(exports, "SplitButtonVue2", { enumerable: true, get: function () { return SplitButton_1.SplitButtonVue2; } });
 var DropDownButton_1 = require("./ListButton/DropDownButton");
 Object.defineProperty(exports, "DropDownButton", { enumerable: true, get: function () { return DropDownButton_1.DropDownButton; } });
-Object.defineProperty(exports, "DropDownButtonVue3", { enumerable: true, get: function () { return DropDownButton_1.DropDownButtonVue3; } });
+Object.defineProperty(exports, "DropDownButtonVue2", { enumerable: true, get: function () { return DropDownButton_1.DropDownButtonVue2; } });
 var Toolbar_1 = require("./toolbar/Toolbar");
 Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return Toolbar_1.Toolbar; } });
-Object.defineProperty(exports, "ToolbarVue3", { enumerable: true, get: function () { return Toolbar_1.ToolbarVue3; } });
+Object.defineProperty(exports, "ToolbarVue2", { enumerable: true, get: function () { return Toolbar_1.ToolbarVue2; } });
 var ToolbarItem_1 = require("./toolbar/tools/ToolbarItem");
 Object.defineProperty(exports, "ToolbarItem", { enumerable: true, get: function () { return ToolbarItem_1.ToolbarItem; } });
-Object.defineProperty(exports, "ToolbarItemVue3", { enumerable: true, get: function () { return ToolbarItem_1.ToolbarItemVue3; } });
+Object.defineProperty(exports, "ToolbarItemVue2", { enumerable: true, get: function () { return ToolbarItem_1.ToolbarItemVue2; } });
 var ToolbarSeparator_1 = require("./toolbar/tools/ToolbarSeparator");
 Object.defineProperty(exports, "ToolbarSeparator", { enumerable: true, get: function () { return ToolbarSeparator_1.ToolbarSeparator; } });
-Object.defineProperty(exports, "ToolbarSeparatorVue3", { enumerable: true, get: function () { return ToolbarSeparator_1.ToolbarSeparatorVue3; } });
+Object.defineProperty(exports, "ToolbarSeparatorVue2", { enumerable: true, get: function () { return ToolbarSeparator_1.ToolbarSeparatorVue2; } });
 var ToolbarSpacer_1 = require("./toolbar/tools/ToolbarSpacer");
 Object.defineProperty(exports, "ToolbarSpacer", { enumerable: true, get: function () { return ToolbarSpacer_1.ToolbarSpacer; } });
-Object.defineProperty(exports, "ToolbarSpacerVue3", { enumerable: true, get: function () { return ToolbarSpacer_1.ToolbarSpacerVue3; } });
+Object.defineProperty(exports, "ToolbarSpacerVue2", { enumerable: true, get: function () { return ToolbarSpacer_1.ToolbarSpacerVue2; } });