@progress/kendo-vue-dropdowns 3.14.2 → 3.15.0-dev.202309281301

package/dist/npm/common/DropDownBase.js

@@ -274,6 +274,18 @@ var DropDownBase = /** @class */function () {
       }
     }
   };
+  DropDownBase.prototype.getTemplateDef = function (template, h) {
+    var templateRender = kendo_vue_common_1.templateRendering.call(this, template, kendo_vue_common_1.getListeners.call(this));
+    return kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: templateRender
+    });
+  };
+  DropDownBase.prototype.getListItemHeight = function (listItem) {
+    var compStyles = listItem && window.getComputedStyle(listItem);
+    return compStyles ? compStyles.height.slice(0, compStyles.height.length - 2) : 0; // Get the height of the list item as Number
+  };
+
   DropDownBase.defaultProps = {
     popupSettings: {
       animate: true,

package/dist/npm/common/ListFilter.d.ts

@@ -13,6 +13,7 @@ export interface ListFilterProps {
     size?: null | 'small' | 'medium' | 'large' | string;
     rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
     fillMode?: null | 'solid' | 'flat' | 'outline' | string;
+    adaptiveMode?: boolean;
 }
 /**
  * @hidden

package/dist/npm/common/ListFilter.js

@@ -61,6 +61,10 @@ var ListFilterVue2 = {
       validator: function validator(value) {
         return ['small', 'medium', 'large'].includes(value);
       }
+    },
+    adaptiveMode: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -117,36 +121,38 @@ var ListFilterVue2 = {
     var _a = this.$props,
       size = _a.size,
       rounded = _a.rounded,
-      fillMode = _a.fillMode;
-    return h("div", {
-      "class": "k-list-filter"
-    }, [
-    // @ts-ignore
-    h(kendo_vue_inputs_1.TextBox, {
-      ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
-      value: this.$props.value,
-      attrs: this.v3 ? undefined : {
+      fillMode = _a.fillMode,
+      adaptiveMode = _a.adaptiveMode;
+    var listFilterComponent = function listFilterComponent() {
+      return h(kendo_vue_inputs_1.TextBox, {
+        ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
         value: this.$props.value,
+        attrs: this.v3 ? undefined : {
+          value: this.$props.value,
+          size: size,
+          fillMode: fillMode,
+          rounded: rounded,
+          inputPrefix: this.prefixRender
+        },
+        onInput: this.onChange,
+        on: this.v3 ? undefined : {
+          "input": this.onChange,
+          "keydown": this.onKeyDown,
+          "focus": this.handleFocus,
+          "blur": this.handleBlur
+        },
+        onKeydown: this.onKeyDown,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
         size: size,
         fillMode: fillMode,
         rounded: rounded,
         inputPrefix: this.prefixRender
-      },
-      onInput: this.onChange,
-      on: this.v3 ? undefined : {
-        "input": this.onChange,
-        "keydown": this.onKeyDown,
-        "focus": this.handleFocus,
-        "blur": this.handleBlur
-      },
-      onKeydown: this.onKeyDown,
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      size: size,
-      fillMode: fillMode,
-      rounded: rounded,
-      inputPrefix: this.prefixRender
-    })]);
+      });
+    };
+    return !adaptiveMode ? h("div", {
+      "class": "k-list-filter"
+    }, [listFilterComponent.call(this)]) : listFilterComponent.call(this);
   }
 };
 exports.ListFilterVue2 = ListFilterVue2;

package/dist/npm/common/constants.d.ts

@@ -0,0 +1,4 @@
+/** @hidden */
+export declare const MOBILE_SMALL_DEVICE: number;
+/** @hidden */
+export declare const MOBILE_MEDIUM_DEVICE: number;

package/dist/npm/common/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MOBILE_MEDIUM_DEVICE = exports.MOBILE_SMALL_DEVICE = void 0;
+/** @hidden */
+exports.MOBILE_SMALL_DEVICE = 500;
+/** @hidden */
+exports.MOBILE_MEDIUM_DEVICE = 768;

package/dist/npm/messages/main.d.ts

@@ -14,6 +14,14 @@ export declare const clear = "dropdowns.clear";
  * @hidden
  */
 export declare const selectButton = "dropdowns.select";
+/**
+ * @hidden
+ */
+export declare const adaptiveModeFooterApply = "dropdowns.adaptiveModeFooterApply";
+/**
+ * @hidden
+ */
+export declare const adaptiveModeFooterCancel = "dropdowns.adaptiveModeFooterCancel";
 /**
  * @hidden
  */
@@ -22,4 +30,6 @@ export declare const messages: {
     "dropdowns.expandbutton": string;
     "dropdowns.nodata": string;
     "dropdowns.select": string;
+    "dropdowns.adaptiveModeFooterApply": string;
+    "dropdowns.adaptiveModeFooterCancel": string;
 };

package/dist/npm/messages/main.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.messages = exports.selectButton = exports.clear = exports.expandButton = exports.nodata = void 0;
+exports.messages = exports.adaptiveModeFooterCancel = exports.adaptiveModeFooterApply = exports.selectButton = exports.clear = exports.expandButton = exports.nodata = void 0;
 /**
  * @hidden
  */
@@ -18,6 +18,14 @@ exports.clear = 'dropdowns.clear';
  * @hidden
  */
 exports.selectButton = 'dropdowns.select';
+/**
+ * @hidden
+ */
+exports.adaptiveModeFooterApply = 'dropdowns.adaptiveModeFooterApply';
+/**
+ * @hidden
+ */
+exports.adaptiveModeFooterCancel = 'dropdowns.adaptiveModeFooterCancel';
 /**
  * @hidden
  */
@@ -26,4 +34,6 @@ exports.messages = (_a = {},
     _a[exports.expandButton] = 'expand button',
     _a[exports.nodata] = 'NO DATA FOUND.',
     _a[exports.selectButton] = 'Select',
+    _a[exports.adaptiveModeFooterApply] = 'Apply',
+    _a[exports.adaptiveModeFooterCancel] = 'Cancel',
     _a);

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1695651659,
+    publishDate: 1695905442,
     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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dropdowns",
   "description": "Kendo UI for Vue Dropdowns package",
-  "version": "3.14.2",
+  "version": "3.15.0-dev.202309281301",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -49,23 +49,26 @@
     "@progress/kendo-vue-inputs": "^3.10.0",
     "@progress/kendo-vue-intl": "^3.10.0",
     "@progress/kendo-vue-labels": "^3.10.0",
+    "@progress/kendo-vue-layout": "^3.10.0",
     "@progress/kendo-vue-treeview": "^3.10.0",
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.14.2",
-    "@progress/kendo-vue-common": "3.14.2",
-    "@progress/kendo-vue-popup": "3.14.2"
+    "@progress/kendo-vue-buttons": "3.15.0-dev.202309281301",
+    "@progress/kendo-vue-common": "3.15.0-dev.202309281301",
+    "@progress/kendo-vue-layout": "3.15.0-dev.202309281301",
+    "@progress/kendo-vue-popup": "3.15.0-dev.202309281301"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-data-tools": "3.14.2",
-    "@progress/kendo-vue-inputs": "3.14.2",
-    "@progress/kendo-vue-intl": "3.14.2",
-    "@progress/kendo-vue-labels": "3.14.2",
-    "@progress/kendo-vue-treeview": "3.14.2"
+    "@progress/kendo-vue-data-tools": "3.15.0-dev.202309281301",
+    "@progress/kendo-vue-inputs": "3.15.0-dev.202309281301",
+    "@progress/kendo-vue-intl": "3.15.0-dev.202309281301",
+    "@progress/kendo-vue-labels": "3.15.0-dev.202309281301",
+    "@progress/kendo-vue-layout": "3.15.0-dev.202309281301",
+    "@progress/kendo-vue-treeview": "3.15.0-dev.202309281301"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",