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

package/dist/es/common/DropDownBase.d.ts

@@ -2,6 +2,11 @@ import VirtualScroll from './VirtualScroll';
 import { Navigation } from './Navigation';
 import { ListItemProps } from './ListItem';
 import { InternalState, DropDownStateBase, Page, DropDownsPopupSettings, VirtualizationSettings } from './settings';
+import { DropDownListAll } from '../DropDownList/DropDownList';
+import { ComboBoxAll } from '../ComboBox/ComboBox';
+import { DropDownTreeAll } from '../DropDownTree/DropDownTree';
+import { MultiSelectAll } from '../MultiSelect/MultiSelect';
+import { CreateElement } from 'vue';
 /**
  * @hidden
  */
@@ -84,4 +89,6 @@ export default class DropDownBase {
     scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
     getGroupedDataModernMode: (data: any[], groupField: string) => any[];
     resetGroupStickyHeader: (groupName: string, that: any) => void;
+    getTemplateDef(this: DropDownListAll | ComboBoxAll | DropDownTreeAll | MultiSelectAll, template: string, h: CreateElement): any;
+    getListItemHeight(listItem: HTMLElement): string | 0;
 }

package/dist/es/common/DropDownBase.js

@@ -13,7 +13,7 @@ var __assign = this && this.__assign || function () {
 import VirtualScroll from './VirtualScroll';
 import { Navigation } from './Navigation';
 import { scrollToItem, areSame } from './utils';
-import { guid, validatePackage } from '@progress/kendo-vue-common';
+import { guid, validatePackage, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
@@ -269,6 +269,18 @@ var DropDownBase = /** @class */function () {
       }
     }
   };
+  DropDownBase.prototype.getTemplateDef = function (template, h) {
+    var templateRender = templateRendering.call(this, template, getListeners.call(this));
+    return 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/es/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/es/common/ListFilter.js

@@ -55,6 +55,10 @@ var ListFilterVue2 = {
       validator: function validator(value) {
         return ['small', 'medium', 'large'].includes(value);
       }
+    },
+    adaptiveMode: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -111,36 +115,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(TextBox, {
-      ref: setRef(this, 'input'),
-      value: this.$props.value,
-      attrs: this.v3 ? undefined : {
+      fillMode = _a.fillMode,
+      adaptiveMode = _a.adaptiveMode;
+    var listFilterComponent = function listFilterComponent() {
+      return h(TextBox, {
+        ref: 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);
   }
 };
 /**

package/dist/es/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/es/common/constants.js

@@ -0,0 +1,4 @@
+/** @hidden */
+export var MOBILE_SMALL_DEVICE = 500;
+/** @hidden */
+export var MOBILE_MEDIUM_DEVICE = 768;

package/dist/es/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/es/messages/main.js

@@ -15,6 +15,14 @@ export var clear = 'dropdowns.clear';
  * @hidden
  */
 export var selectButton = 'dropdowns.select';
+/**
+ * @hidden
+ */
+export var adaptiveModeFooterApply = 'dropdowns.adaptiveModeFooterApply';
+/**
+ * @hidden
+ */
+export var adaptiveModeFooterCancel = 'dropdowns.adaptiveModeFooterCancel';
 /**
  * @hidden
  */
@@ -23,4 +31,6 @@ export var messages = (_a = {},
     _a[expandButton] = 'expand button',
     _a[nodata] = 'NO DATA FOUND.',
     _a[selectButton] = 'Select',
+    _a[adaptiveModeFooterApply] = 'Apply',
+    _a[adaptiveModeFooterCancel] = 'Cancel',
     _a);

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var 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'
 };