@progress/kendo-angular-dropdowns 22.1.0-develop.9 → 23.0.0-develop.10

package/fesm2022/progress-kendo-angular-dropdowns.mjs

@@ -5,7 +5,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, HostBinding, Input, Component, Directive, Injectable, HostListener, ViewChild, ViewChildren, forwardRef, isDevMode, ViewContainerRef, ContentChild, ContentChildren, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import * as i10 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, isObjectPresent, removeHTMLAttributes, parseAttributes, isSafari, normalizeKeys, Keys, setHTMLAttributes, replaceMessagePlaceholder, isChanged, TemplateContextDirective, ResizeSensorComponent, closest as closest$1, parseCSSClassNames, isControlRequired, guid, hasObservers, SeparatorComponent, SuffixTemplateDirective, PrefixTemplateDirective, KendoInput, MultiTabStop, anyChanged, EventsOutsideAngularDirective, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_ADORNMENTS, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isObjectPresent, removeHTMLAttributes, parseAttributes, isSafari, normalizeKeys, Keys, setHTMLAttributes, replaceMessagePlaceholder, isChanged, TemplateContextDirective, ResizeSensorComponent, closest as closest$1, hasFocusableParent, parseCSSClassNames, isControlRequired, guid, hasObservers, SeparatorComponent, SuffixTemplateDirective, PrefixTemplateDirective, KendoInput, MultiTabStop, anyChanged, EventsOutsideAngularDirective, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_ADORNMENTS, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
 export { PrefixTemplateDirective, SeparatorComponent, SuffixTemplateDirective, ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
 import * as i7 from '@progress/kendo-angular-utils';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
@@ -38,7 +38,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.9',
+    version: '23.0.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -329,7 +329,8 @@ const getRoundedClass = (rounded) => {
         'small': 'k-rounded-sm',
         'medium': 'k-rounded-md',
         'large': 'k-rounded-lg',
-        'full': 'k-rounded-full'
+        'full': 'k-rounded-full',
+        'none': 'k-rounded-none'
     };
     return ROUNDED_CLASSES[rounded];
 };
@@ -793,10 +794,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * with the `kendo<ComponentName>ItemTemplate` directive inside the component tag. The template context is
  * set to the current component. To get a reference to the current data item, use the `let-dataItem` directive.
  *
- * - [Using `ItemTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-item-template)
- * - [Using `ItemTemplate` with the ComboBox]({% slug templates_combobox %}#toc-item-template)
- * - [Using `ItemTemplate` with the DropDownList]({% slug templates_ddl %}#toc-item-template)
- * - [Using `ItemTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-item-template)
+ * - [Using `ItemTemplate` with the AutoComplete](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/templates#item-template)
+ * - [Using `ItemTemplate` with the ComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/templates#item-template)
+ * - [Using `ItemTemplate` with the DropDownList](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/templates#item-template)
+ * - [Using `ItemTemplate` with the MultiSelect](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/templates#item-template)
  *
  * @example
  * ```ts
@@ -835,12 +836,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Renders the header content of the list. To define the header template, nest an `<ng-template>` tag
  * with the `kendo<ComponentName>HeaderTemplate` directive inside the component tag.
  *
- * - [Using `HeaderTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-header-template)
- * - [Using `HeaderTemplate` with the ComboBox]({% slug templates_combobox %}#toc-header-template)
- * - [Using `HeaderTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-header-template)
- * - [Using `HeaderTemplate` with the DropDownList]({% slug templates_ddl %}#toc-header-template)
- * - [Using `HeaderTemplate` with the DropDownTree]({% slug templates_ddt %}#toc-header-template)
- * - [Using `HeaderTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-header-template)
+ * - [Using `HeaderTemplate` with the AutoComplete](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/templates#header-template)
+ * - [Using `HeaderTemplate` with the ComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/templates#header-template)
+ * - [Using `HeaderTemplate` with the MultiColumnComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/templates#header-template)
+ * - [Using `HeaderTemplate` with the DropDownList](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/templates#header-template)
+ * - [Using `HeaderTemplate` with the DropDownTree](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/templates#header-template)
+ * - [Using `HeaderTemplate` with the MultiSelect](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/templates#header-template)
  *
  * @example
  * ```ts
@@ -879,12 +880,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Renders the footer content of the list. To define the footer template, nest an `<ng-template>` tag
  * with the `kendo<ComponentName>FooterTemplate` directive inside the component tag.
  *
- * - [Using `FooterTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-footer-template)
- * - [Using `FooterTemplate` with the ComboBox]({% slug templates_combobox %}#toc-footer-template)
- * - [Using `FooterTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-footer-template)
- * - [Using `FooterTemplate` with the DropDownList]({% slug templates_ddl %}#toc-footer-template)
- * - [Using `FooterTemplate` with the DropDownTree]({% slug templates_ddt %}#toc-footer-template)
- * - [Using `FooterTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-footer-template)
+ * - [Using `FooterTemplate` with the AutoComplete](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/templates#footer-template)
+ * - [Using `FooterTemplate` with the ComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/templates#footer-template)
+ * - [Using `FooterTemplate` with the MultiColumnComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/templates#footer-template)
+ * - [Using `FooterTemplate` with the DropDownList](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/templates#footer-template)
+ * - [Using `FooterTemplate` with the DropDownTree](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/templates#footer-template)
+ * - [Using `FooterTemplate` with the MultiSelect](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/templates#footer-template)
  *
  * @example
  * ```ts
@@ -924,11 +925,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * with the `kendo<ComponentName>GroupTemplate` directive inside the component tag. The template context is
  * set to the current component. To get a reference to the current data item, use the `let-groupName` directive.
  *
- * - [Using `GroupTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-group-header-template)
- * - [Using `GroupTemplate` with the ComboBox]({% slug templates_combobox %}#toc-group-header-template)
- * - [Using `GroupTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-group-header-template)
- * - [Using `GroupTemplate` with the DropDownList]({% slug templates_ddl %}#toc-group-header-template)
- * - [Using `GroupTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-group-header-template)
+ * - [Using `GroupTemplate` with the AutoComplete](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/templates#group-header-template)
+ * - [Using `GroupTemplate` with the ComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/templates#group-header-template)
+ * - [Using `GroupTemplate` with the MultiColumnComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/templates#group-header-template)
+ * - [Using `GroupTemplate` with the DropDownList](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/templates#group-header-template)
+ * - [Using `GroupTemplate` with the MultiSelect](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/templates#group-header-template)
  *
  * @example
  * ```ts
@@ -974,11 +975,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * with the `kendo<ComponentName>FixedGroupTemplate` directive inside the component tag. The template context is
  * set to the current component. To get a reference to the current data item, use the `let-groupName` directive.
  *
- * - [Using `FixedGroupTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-fixed-group-header-template)
- * - [Using `FixedGroupTemplate` with the ComboBox]({% slug templates_combobox %}#toc-fixed-group-header-template)
- * - [Using `FixedGroupTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-fixed-group-header-template)
- * - [Using `FixedGroupTemplate` with the DropDownList]({% slug templates_ddl %}#toc-fixed-group-header-template)
- * - [Using `FixedGroupTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-fixed-group-header-template)
+ * - [Using `FixedGroupTemplate` with the AutoComplete](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/templates#fixed-group-header-template)
+ * - [Using `FixedGroupTemplate` with the ComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/templates#fixed-group-header-template)
+ * - [Using `FixedGroupTemplate` with the MultiColumnComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/templates#fixed-group-header-template)
+ * - [Using `FixedGroupTemplate` with the DropDownList](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/templates#fixed-group-header-template)
+ * - [Using `FixedGroupTemplate` with the MultiSelect](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/templates#fixed-group-header-template)
  *
  * @example
  * ```ts
@@ -1669,12 +1670,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Renders content when no data is available. To define the no-data template, nest a `<ng-template>` tag
  * with the `kendo<ComponentName>NoDataTemplate` directive inside the component tag.
  *
- * - [Using `NoDataTemplate` with the AutoComplete]({% slug templates_autocomplete %}#toc-no-data-template)
- * - [Using `NoDataTemplate` with the ComboBox]({% slug templates_combobox %}#toc-no-data-template)
- * - [Using `NoDataTemplate` with the MultiColumnComboBox]({% slug templates_multicolumncombobox %}#toc-no-data-template)
- * - [Using `NoDataTemplate` with the DropDownList]({% slug templates_ddl %}#toc-no-data-template)
- * - [Using `NoDataTemplate` with the DropDownTree]({% slug templates_ddt %}#toc-no-data-template)
- * - [Using `NoDataTemplate` with the MultiSelect]({% slug templates_multiselect %}#toc-no-data-template)
+ * - [Using `NoDataTemplate` with the AutoComplete](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/templates#no-data-template)
+ * - [Using `NoDataTemplate` with the ComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/templates#no-data-template)
+ * - [Using `NoDataTemplate` with the MultiColumnComboBox](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/templates#no-data-template)
+ * - [Using `NoDataTemplate` with the DropDownList](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/templates#no-data-template)
+ * - [Using `NoDataTemplate` with the DropDownTree](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/templates#no-data-template)
+ * - [Using `NoDataTemplate` with the MultiSelect](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/templates#no-data-template)
  *
  * @example
  * ```ts
@@ -1860,7 +1861,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Renders the content of the custom list item in the MultiSelect
- * ([see example](slug:templates_multiselect#toc-rendering-custom-item-content)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/templates#rendering-custom-item-content)).
  * The template context is set to the current component.
  * To get a reference to the current text that is typed by the
  * user, use the `let-customItem` directive.
@@ -1968,7 +1969,7 @@ class ListComponent {
         return this._size;
     }
     groupedData;
-    rounded = 'medium';
+    rounded = undefined;
     onClick = new EventEmitter();
     pageChange = new EventEmitter();
     listResize = new EventEmitter();
@@ -1993,7 +1994,7 @@ class ListComponent {
     _data;
     scrollSubscription;
     selectSubscription;
-    _size = 'medium';
+    _size;
     get pageSize() {
         if (this.virtual.pageSize) {
             return this.virtual.pageSize;
@@ -2849,7 +2850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 const DEFAULTS = {
     pageSize: 50,
-    itemHeight: 28
+    itemHeight: 36
 };
 /**
  * @hidden
@@ -3152,6 +3153,19 @@ class SharedDropDownEventsDirective {
                     this.handleBlur.emit();
                 }
             }));
+            this.subscriptions.add(this.renderer.listen(hostElement, 'click', (args) => {
+                if (!this.isFocused) {
+                    return;
+                }
+                const element = args.target;
+                const adornmentContainer = element.closest('.k-input-prefix') || element.closest('.k-input-suffix');
+                if (adornmentContainer) {
+                    const isFocusable = hasFocusableParent(element, adornmentContainer);
+                    if (!isFocusable) {
+                        this.handleBlur.emit();
+                    }
+                }
+            }));
             this.subscriptions.add(this.renderer.listen(hostElement, 'mouseenter', () => {
                 cursorInsideWrapper = true;
             }));
@@ -3305,9 +3319,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1.LocalizationService }] });
 
 const NO_VALUE = "";
-const DEFAULT_SIZE$5 = 'medium';
-const DEFAULT_ROUNDED$5 = 'medium';
-const DEFAULT_FILL_MODE$5 = 'solid';
 /**
  * @hidden
  */
@@ -3317,7 +3328,7 @@ const AUTOCOMPLETE_VALUE_ACCESSOR = {
     useExisting: forwardRef(() => AutoCompleteComponent)
 };
 /**
- * Represents the [Kendo UI AutoComplete component for Angular]({% slug overview_autocomplete %}).
+ * Represents the [Kendo UI AutoComplete component for Angular](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete).
  *
  * @example
  * ```html
@@ -3490,7 +3501,7 @@ class AutoCompleteComponent {
     highlightFirst = true;
     /**
      * Shows or hides the current group sticky header when using grouped data.
-     * By default, the sticky header is displayed ([see example]({% slug grouping_autocomplete %}#toc-sticky-header)).
+     * By default, the sticky header is displayed ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/grouping#sticky-header)).
      *
      * @default true
      */
@@ -3633,14 +3644,14 @@ class AutoCompleteComponent {
      */
     suggest;
     /**
-     * Sets the disabled state of the component. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_autocomplete#toc-managing-the-autocomplete-disabled-state-in-reactive-forms).
+     * Sets the disabled state of the component. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/forms#managing-the-autocomplete-disabled-state-in-reactive-forms).
      *
      * @default false
      */
     disabled = false;
     /**
      * Defines a Boolean function that is executed for each data item in the component
-     * ([see examples]({% slug disableditems_autocomplete %})).
+     * ([see examples](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/disabled-items)).
      * Determines whether the item will be disabled.
      */
     set itemDisabled(fn) {
@@ -3671,14 +3682,14 @@ class AutoCompleteComponent {
         return this.tabindex;
     }
     /**
-     * Enables the [filtering]({% slug filtering_autocomplete %}) functionality.
+     * Enables the [filtering](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/filtering) functionality.
      * If set to `true`, the component emits the `filterChange` event.
      *
      * @default false
      */
     filterable = false;
     /**
-     * Enables the [virtualization]({% slug virtualization_autocomplete %}) functionality.
+     * Enables the [virtualization](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/virtualization) functionality.
      *
      * @default false
      */
@@ -3689,49 +3700,40 @@ class AutoCompleteComponent {
         return this._virtualSettings;
     }
     /**
-     * Sets the size of the component.
-     *
-     * @default 'medium'
+     * Sets the size of the component. The default value is set by the Kendo theme.
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$5;
         this.renderer.removeClass(this.wrapper, getSizeClass('input', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper, getSizeClass('input', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper, getSizeClass('input', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
     }
     /**
-     * Sets the border radius of the component.
-     *
-     * @default 'medium'
+     * Sets the border radius of the component. The default value is set by the Kendo theme.
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$5;
         this.renderer.removeClass(this.wrapper, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
     }
     /**
-     * Sets the fillMode of the component.
-     *
-     * @default 'solid'
+     * Sets the fillMode of the component. The default value is set by the Kendo theme.
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$5;
         this.renderer.removeClass(this.wrapper, getFillModeClass('input', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper, getFillModeClass('input', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -3743,7 +3745,7 @@ class AutoCompleteComponent {
     /**
      * Fires each time the value changes&mdash;
      * when the component is blurred or the value is cleared through the **Clear** button
-     * ([see example](slug:events_autocomplete)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/events).
      * When the value of the component is programmatically changed to `ngModel` or `formControl`
      * through its API or form binding, the `valueChange` event is not triggered because it
      * might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
@@ -3752,7 +3754,7 @@ class AutoCompleteComponent {
     /**
      * Fires each time the user types in the input field.
      * You can filter the source based on the passed filtration value
-     * ([see example](slug:events_autocomplete)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/events)).
      */
     filterChange = new EventEmitter();
     /**
@@ -4222,9 +4224,9 @@ class AutoCompleteComponent {
     wrapper;
     _isFocused = false;
     direction;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size = undefined;
+    _rounded = undefined;
+    _fillMode = undefined;
     subscribeEvents() {
         if (!isDocumentAvailable()) {
             return;
@@ -4400,13 +4402,13 @@ class AutoCompleteComponent {
         }
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper, getSizeClass('input', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper, getFillModeClass('input', this.fillMode));
         }
     }
@@ -4468,18 +4470,18 @@ class AutoCompleteComponent {
         <ng-container kendoAutoCompleteLocalizedMessages
           i18n-noDataText="kendo.autocomplete.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-clearTitle="kendo.autocomplete.clearTitle|The title of the clear button"
           clearTitle="clear"
-        
+
           i18n-popupLabel="kendo.autocomplete.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.autocomplete.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
           >
         </ng-container>
-        
+
         <ng-container
           kendoDropDownSharedEvents
           [hostElement]="hostElement"
@@ -4549,7 +4551,7 @@ class AutoCompleteComponent {
             </span>
           }
         </ng-container>
-        
+
         <ng-template #popupTemplate>
           <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
         </ng-template>
@@ -4557,7 +4559,7 @@ class AutoCompleteComponent {
         @if (isOpen || isAdaptiveModeEnabled) {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -4569,7 +4571,7 @@ class AutoCompleteComponent {
           [placeholder]="placeholder"
           [searchBarValue]="text">
         </kendo-adaptive-renderer>
-        
+
         <ng-template #sharedPopupActionSheetTemplate>
           <!--header template-->
           @if (headerTemplate) {
@@ -4654,18 +4656,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         <ng-container kendoAutoCompleteLocalizedMessages
           i18n-noDataText="kendo.autocomplete.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-clearTitle="kendo.autocomplete.clearTitle|The title of the clear button"
           clearTitle="clear"
-        
+
           i18n-popupLabel="kendo.autocomplete.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.autocomplete.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
           >
         </ng-container>
-        
+
         <ng-container
           kendoDropDownSharedEvents
           [hostElement]="hostElement"
@@ -4735,7 +4737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             </span>
           }
         </ng-container>
-        
+
         <ng-template #popupTemplate>
           <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
         </ng-template>
@@ -4743,7 +4745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         @if (isOpen || isAdaptiveModeEnabled) {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -4755,7 +4757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           [placeholder]="placeholder"
           [searchBarValue]="text">
         </kendo-adaptive-renderer>
-        
+
         <ng-template #sharedPopupActionSheetTemplate>
           <!--header template-->
           @if (headerTemplate) {
@@ -4952,30 +4954,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 const MultiselectMessages = {
     'array': 'Expected values of array type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/value-binding',
-    'object': 'Expected values of Object type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/value-binding/#toc-object-values',
-    'primitive': 'Expected values of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/value-binding/#toc-primitive-values',
-    'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/data-binding/#toc-arrays-of-complex-data'
+    'object': 'Expected values of Object type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/value-binding/#object-values',
+    'primitive': 'Expected values of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/value-binding/#primitive-values',
+    'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/data-binding/#arrays-of-complex-data'
 };
 /**
  * @hidden
  */
 const MultiSelectTreeMessages = {
     'array': 'Expected values of array type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding',
-    'primitive': 'Expected values of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding/#toc-primitive-values',
-    'object': 'Expected values of type Object. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding/#toc-object-values',
-    'dataItems': 'Expected dataItems of type Object[] to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#toc-dataitems',
-    'dataItemsLength': 'Expected dataItems length to match the number of provided values. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#toc-dataitems',
+    'primitive': 'Expected values of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding/#primitive-values',
+    'object': 'Expected values of type Object. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding/#object-values',
+    'dataItems': 'Expected dataItems of type Object[] to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#dataitems',
+    'dataItemsLength': 'Expected dataItems length to match the number of provided values. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#dataitems',
     'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding',
-    'valueDepth': 'Expected valueDepth of type number[] to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#toc-valuedepth',
-    'valueDepthLength': 'Expected valueDepth length to match the number of provided values. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#toc-valuedepth'
+    'valueDepth': 'Expected valueDepth of type number[] to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#valuedepth',
+    'valueDepthLength': 'Expected valueDepth length to match the number of provided values. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#valuedepth'
 };
 /**
  * @hidden
  */
 const ComboBoxMessages = {
-    'object': 'Expected value of type Object. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/value-binding/#toc-object-values',
-    'primitive': 'Expected value of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/value-binding/#toc-primitive-values',
-    'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/data-binding/#toc-arrays-of-complex-data',
+    'object': 'Expected value of type Object. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/value-binding/#object-values',
+    'primitive': 'Expected value of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/value-binding/#primitive-values',
+    'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/data-binding/#arrays-of-complex-data',
     'noItemHeight': 'Expected virtual.itemHeight of type number.'
 };
 /**
@@ -4983,26 +4985,26 @@ const ComboBoxMessages = {
  */
 const MultiColumnComboBoxMessages = {
     'data': 'Provided data must consist only of objects. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/data-binding/',
-    'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/data-binding/#toc-fields-configuration'
+    'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/data-binding/#fields-configuration'
 };
 /**
  * @hidden
  */
 const DropDownListMessages = {
-    'defaultItem': 'defaultItem and data items must be of same type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownListComponent/#toc-defaultitem',
-    'object': 'Expected value of type Object. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/value-binding/#toc-object-values',
-    'primitive': 'Expected value of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/value-binding/#toc-primitive-values',
-    'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/data-binding/#toc-arrays-of-complex-data'
+    'defaultItem': 'defaultItem and data items must be of same type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownListComponent/#defaultitem',
+    'object': 'Expected value of type Object. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/value-binding/#object-values',
+    'primitive': 'Expected value of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/value-binding/#primitive-values',
+    'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/data-binding/#arrays-of-complex-data'
 };
 /**
  * @hidden
  */
 const DropDownTreeMessages = {
-    'primitive': 'Expected value of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding/#toc-primitive-values',
-    'object': 'Expected value of type Object. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding/#toc-object-values',
-    'dataItem': 'Expected dataItem of type Object to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownTreeComponent/#toc-dataitem',
+    'primitive': 'Expected value of primitive type. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding/#primitive-values',
+    'object': 'Expected value of type Object. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding/#object-values',
+    'dataItem': 'Expected dataItem of type Object to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownTreeComponent/#dataitem',
     'textAndValue': 'Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding',
-    'valueDepth': 'Expected valueDepth to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownTreeComponent/#toc-valuedepth'
+    'valueDepth': 'Expected valueDepth to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownTreeComponent/#valuedepth'
 };
 
 /**
@@ -5013,11 +5015,8 @@ const COMBOBOX_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => ComboBoxComponent)
 };
-const DEFAULT_SIZE$4 = 'medium';
-const DEFAULT_ROUNDED$4 = 'medium';
-const DEFAULT_FILL_MODE$4 = 'solid';
 /**
- * Represents the [Kendo UI ComboBox component for Angular]({% slug overview_combobox %}).
+ * Represents the [Kendo UI ComboBox component for Angular](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox).
  * @example
  * ```html
  * <kendo-combobox [data]="listItems"> </kendo-combobox>
@@ -5128,7 +5127,7 @@ class ComboBoxComponent extends MultiTabStop {
     selected = [];
     /**
      * Shows or hides the current group sticky header when using grouped data.
-     * By default the sticky header is displayed ([see example]({% slug grouping_autocomplete %}#toc-sticky-header)).
+     * By default the sticky header is displayed ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/grouping#sticky-header)).
      * @default true
      */
     showStickyHeader = true;
@@ -5138,7 +5137,7 @@ class ComboBoxComponent extends MultiTabStop {
     focusableId = `k-${guid()}`;
     /**
      * Specifies whether the ComboBox allows user-defined values that are not present in the dataset
-     * ([more information and examples]({% slug custom_values_combobox %})).
+     * ([more information and examples](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/custom-values)).
      * Defaults to `false`.
      *
      * The feature is not available when using adaptive mode.
@@ -5203,7 +5202,7 @@ class ComboBoxComponent extends MultiTabStop {
     valueField;
     /**
      * Specifies the type of the selected value. If set to `true`, the selected value must be a primitive type.
-     * ([more information and example]({% slug valuebinding_combobox %}#toc-primitive-values-from-object-fields))
+     * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/value-binding#primitive-values-from-object-fields))
      */
     set valuePrimitive(isPrimitive) {
         this._valuePrimitive = isPrimitive;
@@ -5327,11 +5326,11 @@ class ComboBoxComponent extends MultiTabStop {
      */
     clearButton = true;
     /**
-     * Sets the disabled state of the component. To learn how to disable the component in reactive forms, refer to the articles on [ComboBox Forms Support](slug:formssupport_combobox#toc-managing-the-combobox-disabled-state-in-reactive-forms) and [MultiColumnComboBox Forms Support](slug:formssupport_multicolumncombobox#toc-managing-the-multicolumncombobox-disabled-state-in-reactive-forms).
+     * Sets the disabled state of the component. To learn how to disable the component in reactive forms, refer to the articles on [ComboBox Forms Support](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/forms#managing-the-combobox-disabled-state-in-reactive-forms) and [MultiColumnComboBox Forms Support](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/forms#managing-the-multicolumncombobox-disabled-state-in-reactive-forms).
      */
     disabled = false;
     /**
-     * Defines a Boolean function that is executed for each data item in the component ([see examples]({% slug disableditems_combobox %})). Determines whether the item is disabled.
+     * Defines a Boolean function that is executed for each data item in the component ([see examples](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/disabled-items)). Determines whether the item is disabled.
      */
     set itemDisabled(fn) {
         if (typeof fn !== 'function') {
@@ -5358,12 +5357,12 @@ class ComboBoxComponent extends MultiTabStop {
         return this.tabindex;
     }
     /**
-     * Enables the [filtering]({% slug filtering_combobox %}) functionality.
+     * Enables the [filtering](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/filtering) functionality.
      * If set to `true`, the component emits the `filterChange` event.
      */
     filterable = false;
     /**
-     * Enables the [virtualization]({% slug virtualization_combobox %}) functionality.
+     * Enables the [virtualization](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/virtualization) functionality.
      */
     set virtual(settings) {
         this._virtualSettings = normalizeVirtualizationSettings(settings, {
@@ -5375,65 +5374,40 @@ class ComboBoxComponent extends MultiTabStop {
         return this._virtualSettings;
     }
     /**
-     * Sets the size of the component.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `none`
-     *
+     * Sets the size of the component. The default value is set by the Kendo theme.
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$4;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
     }
     /**
-     * Sets the border radius of the component.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `full`
-     * * `none`
-     *
+     * Sets the border radius of the component. The default value is set by the Kendo theme.
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$4;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
     }
     /**
-     * Sets the fillMode of the component.
-     *
-     * The possible values are:
-     * * `flat`
-     * * `solid` (default)
-     * * `outline`
-     * * `none`
-     *
+     * Sets the fillMode of the component. The default value is set by the Kendo theme.
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$4;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -5441,18 +5415,18 @@ class ComboBoxComponent extends MultiTabStop {
     /**
      * Fires each time the value is changed&mdash;
      * when the component is blurred or the value is cleared through the **Clear** button
-     * ([see example](slug:events_combobox)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/events)).
      * When the value of the component is programmatically changed to `ngModel` or `formControl`
      * through its API or form binding, the `valueChange` event is not triggered because it
      * might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
      */
     valueChange = new EventEmitter();
     /**
-     * Fires each time an item selection is changed ([see example](slug:events_combobox)).
+     * Fires each time an item selection is changed ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/events)).
      */
     selectionChange = new EventEmitter();
     /**
-     * Fires each time the user types in the input field. You can filter the source based on the passed filtration value ([see example](slug:events_combobox)).
+     * Fires each time the user types in the input field. You can filter the source based on the passed filtration value ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/events)).
      */
     filterChange = new EventEmitter();
     /**
@@ -5603,9 +5577,9 @@ class ComboBoxComponent extends MultiTabStop {
     subs = new Subscription();
     touchstartDisposeHandler;
     selectClickDisposeHandler;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size = undefined;
+    _rounded = undefined;
+    _fillMode = undefined;
     constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, zone, cdr, renderer, injector, hostElement, adaptiveService) {
         super();
         this.wrapper = wrapper;
@@ -5934,8 +5908,7 @@ class ComboBoxComponent extends MultiTabStop {
      * @hidden
      */
     get selectButtonClasses() {
-        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''} ${this.fillMode ? 'k-button-' + this.fillMode + '-base' : ''}
-        `;
+        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''}`;
     }
     /**
      * @hidden
@@ -6470,13 +6443,13 @@ class ComboBoxComponent extends MultiTabStop {
         this.selectClickDisposeHandler = this.renderer.listen(selectElement, event, this.selectClick.bind(this));
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
     }
@@ -6561,21 +6534,21 @@ class ComboBoxComponent extends MultiTabStop {
         <ng-container kendoComboBoxLocalizedMessages
           i18n-noDataText="kendo.combobox.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-clearTitle="kendo.combobox.clearTitle|The title of the clear button"
           clearTitle="clear"
-        
+
           i18n-selectButtonText="kendo.combobox.selectButtonText|The text set as aria-label on the select button"
           selectButtonText="Select"
-        
+
           i18n-popupLabel="kendo.combobox.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.combobox.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
           >
         </ng-container>
-        
+
         <ng-container
           kendoDropDownSharedEvents
           [hostElement]="hostElement"
@@ -6667,7 +6640,7 @@ class ComboBoxComponent extends MultiTabStop {
             </kendo-icon-wrapper>
           </button>
         </ng-container>
-        
+
         <ng-template #popupTemplate>
           <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
         </ng-template>
@@ -6675,7 +6648,7 @@ class ComboBoxComponent extends MultiTabStop {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
         <ng-container #container></ng-container>
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -6773,21 +6746,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         <ng-container kendoComboBoxLocalizedMessages
           i18n-noDataText="kendo.combobox.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-clearTitle="kendo.combobox.clearTitle|The title of the clear button"
           clearTitle="clear"
-        
+
           i18n-selectButtonText="kendo.combobox.selectButtonText|The text set as aria-label on the select button"
           selectButtonText="Select"
-        
+
           i18n-popupLabel="kendo.combobox.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.combobox.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
           >
         </ng-container>
-        
+
         <ng-container
           kendoDropDownSharedEvents
           [hostElement]="hostElement"
@@ -6879,7 +6852,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             </kendo-icon-wrapper>
           </button>
         </ng-container>
-        
+
         <ng-template #popupTemplate>
           <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
         </ng-template>
@@ -6887,7 +6860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
         <ng-container #container></ng-container>
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -7117,8 +7090,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  *
  * > The `ValueTemplate` directive can only be used with the DropDownList and DropDownTree components.
  *
- * - [Using `ValueTemplate` with the DropDownList]({% slug templates_ddl %}#toc-value-template)
- * - [Using `ValueTemplate` with the DropDownTree]({% slug templates_ddt %}#toc-value-template)
+ * - [Using `ValueTemplate` with the DropDownList](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/templates#value-template)
+ * - [Using `ValueTemplate` with the DropDownTree](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/templates#value-template)
  *
  * @example
  * ```ts
@@ -7195,11 +7168,8 @@ const DROPDOWNLIST_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => DropDownListComponent)
 };
-const DEFAULT_SIZE$3 = 'medium';
-const DEFAULT_ROUNDED$3 = 'medium';
-const DEFAULT_FILL_MODE$3 = 'solid';
 /**
- * Represents the Kendo UI for Angular [DropDownList]({% slug overview_ddl %}) component.
+ * Represents the Kendo UI for Angular [DropDownList](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist) component.
  *
  * @example
  * ```html
@@ -7313,7 +7283,7 @@ class DropDownListComponent {
     }
     /**
      * Shows or hides the current group sticky header when using grouped data.
-     * The sticky header displays by default. [see example.]({% slug grouping_autocomplete %}#toc-sticky-header)
+     * The sticky header displays by default. [see example.](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/grouping#sticky-header)
      */
     showStickyHeader = true;
     /**
@@ -7460,11 +7430,11 @@ class DropDownListComponent {
      */
     defaultItem;
     /**
-     * Sets the disabled state of the component. To disable the component in reactive forms, see [Forms Support](slug:formssupport_ddl#toc-managing-the-dropdownlist-disabled-state-in-reactive-forms).
+     * Sets the disabled state of the component. To disable the component in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/forms#managing-the-dropdownlist-disabled-state-in-reactive-forms).
      */
     disabled;
     /**
-     * Defines a Boolean function executed for each data item in the component. Determines whether the item is disabled. [See examples.]({% slug disableditems_ddl %})
+     * Defines a Boolean function executed for each data item in the component. Determines whether the item is disabled. [See examples.](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/disabled-items)
      */
     set itemDisabled(fn) {
         if (typeof fn !== 'function') {
@@ -7479,11 +7449,11 @@ class DropDownListComponent {
      */
     readonly = false;
     /**
-     * Enables the [filtering]({% slug filtering_ddl %}) functionality of the `DropDownListComponent`.
+     * Enables the [filtering](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/filtering) functionality of the `DropDownListComponent`.
      */
     filterable = false;
     /**
-     * Enables the [virtualization]({% slug virtualization_ddl %}) functionality.
+     * Enables the [virtualization](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/virtualization) functionality.
      */
     set virtual(settings) {
         this._virtualSettings = normalizeVirtualizationSettings(settings);
@@ -7501,7 +7471,7 @@ class DropDownListComponent {
     delay = 500;
     /**
      * Specifies the type of the selected value. If set to `true`, the selected value must be a primitive value.
-     * * [More information and example.]({% slug valuebinding_ddl %}#toc-primitive-values-from-object-fields)
+     * * [More information and example.](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/value-binding#primitive-values-from-object-fields)
      */
     set valuePrimitive(isPrimitive) {
         this._valuePrimitive = isPrimitive;
@@ -7526,44 +7496,25 @@ class DropDownListComponent {
         return this.tabindex;
     }
     /**
-     * Sets the size of the component.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `none`
-     *
-     * @default 'medium'
+     * Sets the size of the component. The default value is set by the Kendo theme.
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$3;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
     }
     /**
-     * Sets the border radius of the component.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `full`
-     * * `none`
-     *
-     * @default 'medium'
+     * Sets the border radius of the component. The default value is set by the Kendo theme.
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$3;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
         this._rounded = rounded;
     }
@@ -7571,23 +7522,14 @@ class DropDownListComponent {
         return this._rounded;
     }
     /**
-     * Sets the fillMode of the component.
-     *
-     * The possible values are:
-     * * `flat`
-     * * `solid` (default)
-     * * `outline`
-     * * `none`
-     *
-     * @default 'solid'
+     * Sets the fillMode of the component. The default value is set by the Kendo theme.
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$3;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -7598,19 +7540,19 @@ class DropDownListComponent {
      */
     leftRightArrowsNavigation = true;
     /**
-     * Fires each time the value changes. [See example.](slug:events_ddl).
+     * Fires each time the value changes. [See example.](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/events).
      */
     valueChange = new EventEmitter();
     /**
-     ** Fires each time the user types in the input field. You can filter the source based on the filtration value. When the value is programmatically changed, the `valueChange` event is not triggered. [See example.](slug:events_ddl).
+     ** Fires each time the user types in the input field. You can filter the source based on the filtration value. When the value is programmatically changed, the `valueChange` event is not triggered. [See example.](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/events).
      */
     filterChange = new EventEmitter();
     /**
-     * Fires each time the item selection changes. [see example.](slug:events_ddl).
+     * Fires each time the item selection changes. [see example.](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/events).
      */
     selectionChange = new EventEmitter();
     /**
-     * Fires each time the popup is about to open. This event is preventable. If you cancel it, the popup remains closed. [see example.]({% slug openstate_ddl %}#toc-preventing-opening-and-closing)
+     * Fires each time the popup is about to open. This event is preventable. If you cancel it, the popup remains closed. [see example.](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/open-state#preventing-opening-and-closing)
      */
     open = new EventEmitter();
     /**
@@ -7618,7 +7560,7 @@ class DropDownListComponent {
      */
     opened = new EventEmitter();
     /**
-     * Fires each time the popup is about to close. This event is preventable. If you cancel it, the popup remains open. [see example.]({% slug openstate_ddl %}#toc-preventing-opening-and-closing)
+     * Fires each time the popup is about to close. This event is preventable. If you cancel it, the popup remains open. [see example.](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/open-state#preventing-opening-and-closing)
      */
     close = new EventEmitter();
     /**
@@ -7837,9 +7779,9 @@ class DropDownListComponent {
     text;
     _popupSettings = { animate: true };
     _virtualSettings;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size = undefined;
+    _rounded = undefined;
+    _fillMode = undefined;
     constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, _zone, renderer, cdr, injector, adaptiveService) {
         this.wrapper = wrapper;
         this.localization = localization;
@@ -8059,7 +8001,7 @@ class DropDownListComponent {
      * @hidden
      */
     get selectButtonClasses() {
-        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''} ${this.fillMode ? 'k-button-' + this.fillMode + '-base' : ''}`;
+        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''}`;
     }
     /**
      * @hidden
@@ -8561,13 +8503,13 @@ class DropDownListComponent {
         this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-describedby', newValue);
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
         }
     }
@@ -8618,19 +8560,19 @@ class DropDownListComponent {
         <ng-container kendoDropDownListLocalizedMessages
           i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-selectButtonText="kendo.dropdownlist.selectButtonText|The text set as aria-label on the select button"
           selectButtonText="Select"
-        
+
           i18n-filterInputLabel="kendo.dropdownlist.filterInputLabel|The text set as aria-label on the filter input"
           filterInputLabel="Filter"
-        
+
           i18n-popupLabel="kendo.dropdownlist.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.dropdownlist.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
-        
+
           i18n-filterPlaceholder="kendo.dropdownlist.filterPlaceholder|The text for the input's placeholder when filtering is enabled"
           filterInputPlaceholder="Filter"
           >
@@ -8678,7 +8620,7 @@ class DropDownListComponent {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
         <ng-container #container></ng-container>
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -8688,7 +8630,7 @@ class DropDownListComponent {
           (textInputChange)="onFilterChange($event)"
           [filterable]="filterable">
         </kendo-adaptive-renderer>
-        
+
         <ng-template #sharedPopupActionSheetTemplate>
           <!--filterable-->
           @if (filterable && !isActionSheetExpanded) {
@@ -8804,19 +8746,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         <ng-container kendoDropDownListLocalizedMessages
           i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-selectButtonText="kendo.dropdownlist.selectButtonText|The text set as aria-label on the select button"
           selectButtonText="Select"
-        
+
           i18n-filterInputLabel="kendo.dropdownlist.filterInputLabel|The text set as aria-label on the filter input"
           filterInputLabel="Filter"
-        
+
           i18n-popupLabel="kendo.dropdownlist.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.dropdownlist.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
-        
+
           i18n-filterPlaceholder="kendo.dropdownlist.filterPlaceholder|The text for the input's placeholder when filtering is enabled"
           filterInputPlaceholder="Filter"
           >
@@ -8864,7 +8806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
         <ng-container #container></ng-container>
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -8874,7 +8816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           (textInputChange)="onFilterChange($event)"
           [filterable]="filterable">
         </kendo-adaptive-renderer>
-        
+
         <ng-template #sharedPopupActionSheetTemplate>
           <!--filterable-->
           @if (filterable && !isActionSheetExpanded) {
@@ -9141,7 +9083,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Renders the selected tag value of the MultiSelect
- * ([see example]({% slug templates_multiselect %}#toc-tag-template)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/templates#tag-template)).
  * The template context is set to the current component.
  * To get a reference to the current data item, use the `let-dataItem` directive.
  *
@@ -9182,7 +9124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Renders the grouped tag values in the MultiSelect
- * ([see example]({% slug summarytagmode_multiselect %})).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/summary-tag-mode)).
  * The template context is set to the current component.
  * To get a reference to the current grouped
  * data items collection, use the `let-dataItems` directive.
@@ -9282,8 +9224,8 @@ class TagListComponent {
     get size() {
         return this._size;
     }
-    rounded = 'medium';
-    fillMode = 'solid';
+    rounded;
+    fillMode;
     /**
      * A collection with the disabled tags' indices.
      */
@@ -9295,7 +9237,7 @@ class TagListComponent {
     }
     taglistRole = 'listbox';
     multiselectable = true;
-    _size = 'medium';
+    _size;
     constructor(renderer, hostElement) {
         this.renderer = renderer;
         this.hostElement = hostElement;
@@ -9366,9 +9308,11 @@ class TagListComponent {
                 'k-rounded-md': rounded === 'medium',
                 'k-rounded-lg': rounded === 'large',
                 'k-rounded-full': rounded === 'full',
-                'k-chip-solid k-chip-solid-base': fillMode === 'solid',
-                'k-chip-flat k-chip-flat-base': fillMode === 'flat',
-                'k-chip-outline k-chip-outline-base': fillMode === 'outline'
+                'k-rounded-none': rounded === 'none',
+                'k-chip-solid': fillMode === 'solid',
+                'k-chip-flat': fillMode === 'flat',
+                'k-chip-outline': fillMode === 'outline',
+                'k-chip-base': fillMode
             }"
             >
             <span class="k-chip-content">
@@ -9438,9 +9382,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 'k-rounded-md': rounded === 'medium',
                 'k-rounded-lg': rounded === 'large',
                 'k-rounded-full': rounded === 'full',
-                'k-chip-solid k-chip-solid-base': fillMode === 'solid',
-                'k-chip-flat k-chip-flat-base': fillMode === 'flat',
-                'k-chip-outline k-chip-outline-base': fillMode === 'outline'
+                'k-rounded-none': rounded === 'none',
+                'k-chip-solid': fillMode === 'solid',
+                'k-chip-flat': fillMode === 'flat',
+                'k-chip-outline': fillMode === 'outline',
+                'k-chip-base': fillMode
             }"
             >
             <span class="k-chip-content">
@@ -9540,14 +9486,11 @@ const MULTISELECT_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MultiSelectComponent)
 };
-const DEFAULT_SIZE$2 = 'medium';
-const DEFAULT_ROUNDED$2 = 'medium';
-const DEFAULT_FILL_MODE$2 = 'solid';
 /**
- * Represents the [Kendo UI MultiSelect component for Angular]({% slug overview_multiselect %}).
+ * Represents the [Kendo UI MultiSelect component for Angular](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect).
  *
  * Use the `MultiSelectComponent` to show a dropdown list where users can select multiple items.
- * [See example]({% slug overview_multiselect %}).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect).
  *
  * @example
  * ```typescript
@@ -9764,7 +9707,7 @@ class MultiSelectComponent {
     }
     /**
      * Shows or hides the current group sticky header when using grouped data.
-     * By default the sticky header is displayed ([see example]({% slug grouping_autocomplete %}#toc-sticky-header)).
+     * By default the sticky header is displayed ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/grouping#sticky-header)).
      */
     showStickyHeader = true;
     /**
@@ -9772,7 +9715,7 @@ class MultiSelectComponent {
      */
     focusableId = `k-${guid()}`;
     /**
-     * Controls whether the options list closes after item selection finishes ([see example]({% slug openstate_multiselect %}#toc-keeping-the-options-list-open-while-on-focus)).
+     * Controls whether the options list closes after item selection finishes ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/open-state#keeping-the-options-list-open-while-on-focus)).
      * Set to `false` to keep the list open while the component has focus.
      *
      * @default true
@@ -9854,49 +9797,40 @@ class MultiSelectComponent {
         return this.tabindex;
     }
     /**
-     * Sets the size of the component.
-     *
-     * @default "medium"
+     * Sets the size of the component. The default value is set by the Kendo theme.
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$2;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
     }
     /**
-     * Sets the border radius of the component.
-     *
-     * @default "medium"
+     * Sets the border radius of the component. The default value is set by the Kendo theme.
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$2;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
     }
     /**
-     * Sets the fill mode of the component.
-     *
-     * @default "solid"
+     * Sets the fill mode of the component. The default value is set by the Kendo theme.
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$2;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -9937,7 +9871,7 @@ class MultiSelectComponent {
     /**
      * Controls the disabled state of the component.
      * When true, sets the component to disabled.
-     * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_multiselect#toc-managing-the-multiselect-disabled-state-in-reactive-forms).
+     * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/forms#managing-the-multiselect-disabled-state-in-reactive-forms).
      *
      * @default false
      */
@@ -10186,9 +10120,9 @@ class MultiSelectComponent {
     }
     disabledIndices;
     initialized = false;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size;
+    _rounded;
+    _fillMode;
     _valueHolder = [];
     isCustomValueSelected = false;
     constructor(wrapper, localization, popupService, dataService, selectionService, navigationService, disabledItemsService, cdr, differs, renderer, _zone, injector, hostElement, adaptiveService) {
@@ -10568,7 +10502,7 @@ class MultiSelectComponent {
     }
     /**
      * Toggles the visibility of the popup or actionSheet
-     * ([see example]({% slug openstate_multiselect %}#toc-setting-the-initially-opened-component)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/open-state#setting-the-initially-opened-component)).
      * If you use the `toggle` method to open or close the popup or actionSheet, the respective `open` and `close` events will not be fired.
      *
      * @param open - The state of the popup.
@@ -11226,13 +11160,13 @@ class MultiSelectComponent {
         });
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
     }
@@ -11866,12 +11800,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Renders the column cell content of the MultiColumnComboBox component.
  *
- * To define a column cell template, nest an `<ng-template>` tag with the `kendoMultiColumnComboBoxColumnCellTemplate` directive inside the [`<kendo-combobox-column>`]({% slug api_dropdowns_comboboxcolumncomponent %}) tag.
- * [See example]({% slug templates_multicolumncombobox %}).
+ * To define a column cell template, nest an `<ng-template>` tag with the `kendoMultiColumnComboBoxColumnCellTemplate` directive inside the [`<kendo-combobox-column>`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/comboboxcolumncomponent) tag.
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/templates).
  *
  * The context variables are:
  * - `let-dataItem="dataItem"` (`any`)&mdash;The current data item. Also available as the implicit context variable.
- * - `let-column="column"` ([`ColumnComponent`]({% slug api_dropdowns_comboboxcolumncomponent %}))&mdash;The current column configuration object.
+ * - `let-column="column"` ([`ColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/comboboxcolumncomponent))&mdash;The current column configuration object.
  *
  * @example
  * ```html
@@ -11881,7 +11815,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  *       {{ dataItem[column.field] }}
  *     </ng-template>
  *   </kendo-combobox-column>
- * <kendo-multicolumncombobox>
+ * </kendo-multicolumncombobox>
  * ```
  */
 class ColumnCellTemplateDirective {
@@ -11903,10 +11837,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Renders the column header content of the MultiColumnComboBox component.
  *
- * To define a column header template, nest an `<ng-template>` tag with the `kendoMultiColumnComboBoxColumnHeaderTemplate` directive inside the [`<kendo-combobox-column>`]({% slug api_dropdowns_comboboxcolumncomponent %}) tag.
- * [See example]({% slug templates_multicolumncombobox %}).
+ * To define a column header template, nest an `<ng-template>` tag with the `kendoMultiColumnComboBoxColumnHeaderTemplate` directive inside the [`<kendo-combobox-column>`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/comboboxcolumncomponent) tag.
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/templates).
  *
- * The current [`column`]({% slug api_dropdowns_comboboxcolumncomponent %}) is available as the implicit context variable.
+ * The current [`column`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/comboboxcolumncomponent) is available as the implicit context variable.
  *
  * @example
  * ```html
@@ -11916,7 +11850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  *       {{ column.title }}
  *     </ng-template>
  *   </kendo-combobox-column>
- * <kendo-multicolumncombobox>
+ * </kendo-multicolumncombobox>
  * ```
  */
 class ColumnHeaderTemplateDirective {
@@ -11939,13 +11873,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Represents the column definition for the MultiColumnComboBox component.
  *
  * Use this component to define columns inside the MultiColumnComboBox.
- * [See example]({% slug columns_multicolumncombobox %}).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/columns).
  *
  * @example
  * ```html
  * <kendo-multicolumncombobox ...>
  *   <kendo-combobox-column field="name" title="Name" width="200"></kendo-combobox-column>
- * <kendo-multicolumncombobox ...>
+ * </kendo-multicolumncombobox>
  * ```
  */
 class ComboBoxColumnComponent {
@@ -12001,7 +11935,7 @@ class ComboBoxColumnComponent {
      */
     headerClass;
     /**
-     * Sets the condition that needs to be satisfied for a column to remain visible. If you set the [`hidden`]({% slug api_dropdowns_comboboxcolumncomponent %}#toc-hidden) property, the behavior of media is overridden.
+     * Sets the condition that needs to be satisfied for a column to remain visible. If you set the [`hidden`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/comboboxcolumncomponent#hidden) property, the behavior of media is overridden.
      */
     media;
     /**
@@ -12104,7 +12038,7 @@ const getRowWidthFromColumnsMeta = (columns) => {
  * Represents the Kendo UI MultiColumnComboBox component for Angular.
  *
  * Use the `MultiColumnComboBoxComponent` to show a dropdown list with multiple columns.
- * [See example]({% slug overview_multicolumncombobox %}).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox).
  *
  * @example
  * ```html
@@ -12978,12 +12912,9 @@ const hasChildren$1 = () => false;
 const fetchChildren$1 = () => of([]);
 const itemDisabled$1 = () => false;
 const isNodeVisible$1 = () => true;
-const DEFAULT_SIZE$1 = 'medium';
-const DEFAULT_ROUNDED$1 = 'medium';
-const DEFAULT_FILL_MODE$1 = 'solid';
 const stopPropagation = (event) => event.stopImmediatePropagation();
 /**
- * Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
+ * Represents the [Kendo UI DropDownTree component for Angular](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree).
  * @example
  * ```html
  * <kendo-dropdowntree [data]="data" textField="text" valueField="value"></kendo-dropdowntree>
@@ -13104,7 +13035,7 @@ class DropDownTreeComponent {
     filterInput;
     /**
      * Fires each time the popup is about to open
-     * ([see example]({% slug openstate_ddt %})).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/open-state)).
      * This event is preventable. If you cancel it, the popup will remain closed.
      */
     open = new EventEmitter();
@@ -13114,7 +13045,7 @@ class DropDownTreeComponent {
     opened = new EventEmitter();
     /**
      * Fires each time the popup is about to close
-     * ([see example]({% slug openstate_ddt %})).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/open-state)).
      * This event is preventable. If you cancel it, the popup will remain open.
      */
     close = new EventEmitter();
@@ -13140,7 +13071,7 @@ class DropDownTreeComponent {
     onBlur = new EventEmitter();
     /**
      * Fires each time the value is changed
-     * ([see example](slug:events_ddt)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/events)).
      */
     valueChange = new EventEmitter();
     /**
@@ -13183,7 +13114,7 @@ class DropDownTreeComponent {
     }
     /**
      * The fields of the data item that provide the text content of the nodes inside the
-     * DropDownTree ([see example]({% slug databinding_ddt %})). If the `textField`
+     * DropDownTree ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/data-binding)). If the `textField`
      * input is set to an array, each hierarchical level uses the field that corresponds
      * to the same index in the array, or the last item in the array.
      *
@@ -13192,7 +13123,7 @@ class DropDownTreeComponent {
     textField;
     /**
      * The fields of the data item that provide the value of the nodes inside the
-     * DropDownTree ([see example]({% slug databinding_ddt %})). If the `valueField`
+     * DropDownTree ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/data-binding)). If the `valueField`
      * input is set to an array, each hierarchical level uses the field that corresponds
      * to the same index in the array, or the last item in the array.
      *
@@ -13262,7 +13193,7 @@ class DropDownTreeComponent {
     }
     _listHeight = 200;
     /**
-     * Sets the disabled state of the component. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_ddt#toc-managing-the-dropdowntree-disabled-state-in-reactive-forms).
+     * Sets the disabled state of the component. To learn how to disable the component in reactive forms, refer to the article on [Forms Support](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/forms#managing-the-dropdowntree-disabled-state-in-reactive-forms).
      */
     disabled = false;
     /**
@@ -13273,7 +13204,7 @@ class DropDownTreeComponent {
     readonly = false;
     /**
      * Specifies the type of the selected value
-     * ([more information and example]({% slug valuebinding_ddt %}#toc-primitive-values)).
+     * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding#primitive-values)).
      * If set to `true`, the selected value has to be of a primitive value.
      */
     valuePrimitive = false;
@@ -13289,65 +13220,40 @@ class DropDownTreeComponent {
         return this.disabled ? -1 : this._tabindex;
     }
     /**
-     * Sets the size of the component.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `none`
-     *
+     * Sets the size of the component. The default value is set by the Kendo theme.
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE$1;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
     }
     /**
-     * Sets the border radius of the component.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `full`
-     * * `none`
-     *
+     * Sets the border radius of the component. The default value is set by the Kendo theme.
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED$1;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
     }
     /**
-     * Sets the fillMode of the component.
-     *
-     * The possible values are:
-     * * `flat`
-     * * `solid` (default)
-     * * `outline`
-     * * `none`
-     *
+     * Sets the fillMode of the component. The default value is set by the Kendo theme.
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE$1;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -13372,8 +13278,8 @@ class DropDownTreeComponent {
     loadOnDemand = true;
     /**
      * Renders the built-in input element for filtering the DropDownTree.
-     * If set to `true`, the component emits the `filterChange` event, which can be used to [filter the DropDownTree manually]({% slug filtering_ddt %}#toc-manual-filtering).
-     * A built-in filtering implementation is available to use with the [`kendoDropDownTreeHierarchyBinding`]({% slug api_dropdowns_dropdowntreehierarchybindingdirective %}) and [`kendoDropDownTreeFlatBinding`]({% slug api_dropdowns_dropdowntreeflatbindingdirective %}) directives.
+     * If set to `true`, the component emits the `filterChange` event, which can be used to [filter the DropDownTree manually](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/filtering#manual-filtering).
+     * A built-in filtering implementation is available to use with the [`kendoDropDownTreeHierarchyBinding`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/dropdowntreehierarchybindingdirective) and [`kendoDropDownTreeFlatBinding`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/dropdowntreeflatbindingdirective) directives.
      */
     filterable = false;
     /**
@@ -13570,9 +13476,9 @@ class DropDownTreeComponent {
     _isFocused = false;
     _dataItem;
     _treeview;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size;
+    _rounded;
+    _fillMode;
     _searchableNodes = [];
     _typedValue = '';
     printableCharacters = new Subject();
@@ -13797,7 +13703,7 @@ class DropDownTreeComponent {
     }
     /**
      * Toggles the visibility of the popup or actionSheet.
-     * ([see example]({% slug openstate_ddt %})).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/open-state)).
      * If you use the `toggle` method to open or close the popup or actionSheet, the `open` and `close` events will not be fired.
      *
      * @param open - The state of the popup.
@@ -13929,7 +13835,7 @@ class DropDownTreeComponent {
      * @hidden
      */
     get selectButtonClasses() {
-        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-button-' + this.fillMode : ''} ${this.fillMode ? 'k-button-' + this.fillMode + '-base' : ''}`;
+        return `${this.size ? getSizeClass('button', this.size) : ''} ${this.fillMode ? 'k-input-' + this.fillMode : ''}`;
     }
     /**
      * @hidden
@@ -14237,13 +14143,13 @@ class DropDownTreeComponent {
         this.renderer.setAttribute(this.wrapper.nativeElement, 'aria-describedby', newValue);
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('picker', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
         }
     }
@@ -14307,22 +14213,22 @@ class DropDownTreeComponent {
         <ng-container kendoDropDownTreeLocalizedMessages
           i18n-noDataText="kendo.dropdowntree.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-clearTitle="kendo.dropdowntree.clearTitle|The title of the clear button"
           clearTitle="clear"
-        
+
           i18n-selectButtonText="kendo.dropdowntree.selectButtonText|The text set as aria-label on the select button"
           selectButtonText="Select"
-        
+
           i18n-filterInputLabel="kendo.dropdowntree.filterInputLabel|The text set as aria-label on the filter input"
           filterInputLabel="Filter"
-        
+
           i18n-popupLabel="kendo.dropdowntree.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.dropdowntree.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
-        
+
           i18n-filterInputPlaceholder="kendo.dropdowntree.filterInputPlaceholder|The text for the input's placeholder when filtering is enabled"
           filterInputPlaceholder="Filter"
           >
@@ -14385,7 +14291,7 @@ class DropDownTreeComponent {
           <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
         </ng-template>
         <ng-container #container></ng-container>
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -14397,7 +14303,7 @@ class DropDownTreeComponent {
           [searchBarValue]="filter"
           [filterable]="filterable">
         </kendo-adaptive-renderer>
-        
+
         <ng-template #sharedPopupActionSheetTemplate>
           @if (filterable && !isActionSheetExpanded) {
             <span
@@ -14495,7 +14401,7 @@ class DropDownTreeComponent {
             </div>
           }
         </ng-template>
-        
+
         @if (isOpen || isAdaptiveModeEnabled) {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
@@ -14538,22 +14444,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         <ng-container kendoDropDownTreeLocalizedMessages
           i18n-noDataText="kendo.dropdowntree.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-clearTitle="kendo.dropdowntree.clearTitle|The title of the clear button"
           clearTitle="clear"
-        
+
           i18n-selectButtonText="kendo.dropdowntree.selectButtonText|The text set as aria-label on the select button"
           selectButtonText="Select"
-        
+
           i18n-filterInputLabel="kendo.dropdowntree.filterInputLabel|The text set as aria-label on the filter input"
           filterInputLabel="Filter"
-        
+
           i18n-popupLabel="kendo.dropdowntree.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.dropdowntree.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
-        
+
           i18n-filterInputPlaceholder="kendo.dropdowntree.filterInputPlaceholder|The text for the input's placeholder when filtering is enabled"
           filterInputPlaceholder="Filter"
           >
@@ -14616,7 +14522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
         </ng-template>
         <ng-container #container></ng-container>
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -14628,7 +14534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           [searchBarValue]="filter"
           [filterable]="filterable">
         </kendo-adaptive-renderer>
-        
+
         <ng-template #sharedPopupActionSheetTemplate>
           @if (filterable && !isActionSheetExpanded) {
             <span
@@ -14726,7 +14632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             </div>
           }
         </ng-template>
-        
+
         @if (isOpen || isAdaptiveModeEnabled) {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
@@ -15375,11 +15281,8 @@ const hasChildren = () => false;
 const fetchChildren = () => of([]);
 const itemDisabled = () => false;
 const isNodeVisible = () => true;
-const DEFAULT_SIZE = 'medium';
-const DEFAULT_ROUNDED = 'medium';
-const DEFAULT_FILL_MODE = 'solid';
 /**
- * Represents the Kendo UI for Angular [MultiSelectTree]({% slug overview_multiselecttree %}) component.
+ * Represents the Kendo UI for Angular [MultiSelectTree](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree) component.
  *
  * The `MultiSelectTree` lets you select multiple items from hierarchical data in a tree structure.
  * It provides built-in filtering, checkboxes, and adaptive rendering for mobile devices.
@@ -15627,49 +15530,40 @@ class MultiSelectTreeComponent {
         return this.disabled ? -1 : this._tabindex;
     }
     /**
-     * Sets the visual size of the component.
-     *
-     * @default 'medium'
+     * Sets the visual size of the component. The default value is set by the Kendo theme.
      */
     set size(size) {
-        const newSize = size ? size : DEFAULT_SIZE;
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        if (size !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
+        if (size) {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
         }
-        this._size = newSize;
+        this._size = size;
     }
     get size() {
         return this._size;
     }
     /**
-     * Sets the border radius style of the component.
-     *
-     * @default 'medium'
+     * Sets the border radius style of the component. The default value is set by the Kendo theme.
      */
     set rounded(rounded) {
-        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
+        if (rounded) {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
         }
-        this._rounded = newRounded;
+        this._rounded = rounded;
     }
     get rounded() {
         return this._rounded;
     }
     /**
-     * Sets the fill style for the component background and borders.
-     *
-     * @default 'solid'
+     * Sets the fill style for the component background and borders. The default value is set by the Kendo theme.
      */
     set fillMode(fillMode) {
-        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        if (fillMode !== 'none') {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
+        if (fillMode) {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
         }
-        this._fillMode = newFillMode;
+        this._fillMode = fillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -15894,7 +15788,7 @@ class MultiSelectTreeComponent {
      */
     onBlur = new EventEmitter();
     /**
-     * Fires when the popup is about to open. ([See example]({% slug openstate_multiselecttree %})).
+     * Fires when the popup is about to open. ([See example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/open-state)).
      * This event is preventable. When cancelled, the popup remains closed.
      */
     open = new EventEmitter();
@@ -16132,9 +16026,9 @@ class MultiSelectTreeComponent {
     _isFocused = false;
     _treeview;
     _dataItems;
-    _size = 'medium';
-    _rounded = 'medium';
-    _fillMode = 'solid';
+    _size;
+    _rounded;
+    _fillMode;
     _searchableNodes = [];
     _typedValue = '';
     printableCharacters = new Subject();
@@ -16911,13 +16805,13 @@ class MultiSelectTreeComponent {
         }, []));
     }
     setComponentClasses() {
-        if (this.size !== 'none') {
+        if (this.size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded !== 'none') {
+        if (this.rounded) {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode !== 'none') {
+        if (this.fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
     }
@@ -17009,22 +16903,22 @@ class MultiSelectTreeComponent {
         <ng-container kendoMultiSelectTreeLocalizedMessages
           i18n-noDataText="kendo.multiselecttree.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-clearTitle="kendo.multiselecttree.clearTitle|The title of the clear button"
           clearTitle="clear"
-        
+
           i18n-checkAllText="kendo.multiselecttree.checkAllText|The text displayed for the check-all checkbox"
           checkAllText="Check all"
-        
+
           i18n-filterInputLabel="kendo.multiselecttree.filterInputLabel|The text set as aria-label on the filter input"
           filterInputLabel="Filter"
-        
+
           i18n-popupLabel="kendo.multiselecttree.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.multiselecttree.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
-        
+
           i18n-filterInputPlaceholder="kendo.multiselecttree.filterInputPlaceholder|The text for the input's placeholder when filtering is enabled"
           filterInputPlaceholder="Filter"
           >
@@ -17083,7 +16977,7 @@ class MultiSelectTreeComponent {
           <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
         </ng-template>
         <ng-container #container></ng-container>
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -17095,7 +16989,7 @@ class MultiSelectTreeComponent {
           [placeholder]="placeholder"
           [filterable]="filterable">
         </kendo-adaptive-renderer>
-        
+
         <ng-template #sharedPopupActionSheetTemplate>
           @if (filterable && !isActionSheetExpanded) {
             <div
@@ -17232,7 +17126,7 @@ class MultiSelectTreeComponent {
             </div>
           }
         </ng-template>
-        
+
         @if (isOpen || isAdaptiveModeEnabled) {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
@@ -17276,22 +17170,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         <ng-container kendoMultiSelectTreeLocalizedMessages
           i18n-noDataText="kendo.multiselecttree.noDataText|The text displayed in the popup when there are no items"
           noDataText="NO DATA FOUND"
-        
+
           i18n-clearTitle="kendo.multiselecttree.clearTitle|The title of the clear button"
           clearTitle="clear"
-        
+
           i18n-checkAllText="kendo.multiselecttree.checkAllText|The text displayed for the check-all checkbox"
           checkAllText="Check all"
-        
+
           i18n-filterInputLabel="kendo.multiselecttree.filterInputLabel|The text set as aria-label on the filter input"
           filterInputLabel="Filter"
-        
+
           i18n-popupLabel="kendo.multiselecttree.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
           popupLabel="Options list"
-        
+
           i18n-adaptiveCloseButtonTitle="kendo.multiselecttree.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode"
           adaptiveCloseButtonTitle="Close"
-        
+
           i18n-filterInputPlaceholder="kendo.multiselecttree.filterInputPlaceholder|The text for the input's placeholder when filtering is enabled"
           filterInputPlaceholder="Filter"
           >
@@ -17350,7 +17244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
         </ng-template>
         <ng-container #container></ng-container>
-        
+
         <kendo-adaptive-renderer
           [sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
           [title]="adaptiveTitle"
@@ -17362,7 +17256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           [placeholder]="placeholder"
           [filterable]="filterable">
         </kendo-adaptive-renderer>
-        
+
         <ng-template #sharedPopupActionSheetTemplate>
           @if (filterable && !isActionSheetExpanded) {
             <div
@@ -17499,7 +17393,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             </div>
           }
         </ng-template>
-        
+
         @if (isOpen || isAdaptiveModeEnabled) {
           <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
         }
@@ -17963,7 +17857,7 @@ const DEFAULT_FILTER_SETTINGS = {
 /**
  * Implements an event handler for the `filterChange` event of a DropDowns component
  * which performs simple data filtering.
- * Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
+ * Currently, the built-in filtering does not work with [grouped data](https://www.telerik.com/kendo-angular-ui/components/data-query/api/groupby).
  *
  * @example
  * ```ts
@@ -17998,7 +17892,7 @@ class FilterDirective {
     }
     /**
      * The configuration object which sets the behavior of the `kendoDropDownFilter` directive.
-     * If no [DropDownFilterSettings]({% slug api_dropdowns_dropdownfiltersettings %}) object is provided to this input, the directive will use the default interface settings.
+     * If no [DropDownFilterSettings](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/dropdownfiltersettings) object is provided to this input, the directive will use the default interface settings.
      */
     rawSettings;
     /**
@@ -18086,7 +17980,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Custom component messages override default component messages
- * ([see example]({% slug rtl_dropdowns %}#toc-messages)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/globalization#messages)).
  *
  * @example
  * ```html
@@ -18175,7 +18069,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Configures the MultiSelect to show one summary tag for all selected items.
  * Set a number to display the summary tag after the respective number of items are selected.
- * [See example]({% slug summarytagmode_multiselect %}).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/summary-tag-mode).
  *
  * @example
  * ```ts-no-run
@@ -18235,7 +18129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Configures the MultiSelectTree to show one single summary tag for all selected data items.
  * When a number is set, the summary tag is shown after the corresponding number of data items are selected (see examples).
- * See [more information and examples]({% slug api_dropdowns_multiselecttreesummarytagdirective %}).
+ * See [more information and examples](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/multiselecttreesummarytagdirective).
  *
  * @example
  * ```html
@@ -18739,5 +18633,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AdaptiveRendererComponent, AutoCompleteComponent, AutoCompleteModule, CheckAllDirective, CheckDirective, ColumnCellTemplateDirective, ColumnHeaderTemplateDirective, ComboBoxColumnComponent, ComboBoxComponent, ComboBoxModule, CustomItemTemplateDirective, CustomMessagesComponent, DropDownListComponent, DropDownListModule, DropDownTreeComponent, DropDownTreeFlatBindingDirective, DropDownTreeHierarchyBindingDirective, DropDownTreesExpandDirective, DropDownTreesModule, DropDownsModule, FilterDirective, FilterInputDirective, FilterableComponent, FixedGroupTemplateDirective, FooterTemplateDirective, GroupTagTemplateDirective, GroupTemplateDirective, HeaderTemplateDirective, ItemTemplateDirective, KENDO_AUTOCOMPLETE, KENDO_COMBOBOX, KENDO_DROPDOWNLIST, KENDO_DROPDOWNS, KENDO_DROPDOWNTREE, KENDO_MULTICOLUMNCOMBOBOX, KENDO_MULTISELECT, KENDO_MULTISELECTTREE, ListComponent, ListItemDirective, LocalizedMessagesDirective, MultiColumnComboBoxComponent, MultiSelectComponent, MultiSelectModule, MultiSelectTreeComponent, MultiSelectTreeFlatBindingDirective, MultiSelectTreeHierarchyBindingDirective, MultiSelectTreeSummaryTagDirective, NoDataTemplateDirective, NodeTemplateDirective, PreventableEvent, RemoveTagEvent, SearchBarComponent, SelectableDirective, SummaryTagDirective, TagListComponent, TagTemplateDirective, ValueTemplateDirective };
+export { AdaptiveRendererComponent, AutoCompleteComponent, AutoCompleteModule, CheckAllDirective, CheckDirective, ColumnCellTemplateDirective, ColumnHeaderTemplateDirective, ComboBoxColumnComponent, ComboBoxComponent, ComboBoxModule, CustomItemTemplateDirective, CustomMessagesComponent, DataService, DisabledItemsService, DropDownListComponent, DropDownListModule, DropDownTreeComponent, DropDownTreeFlatBindingDirective, DropDownTreeHierarchyBindingDirective, DropDownTreesExpandDirective, DropDownTreesModule, DropDownsModule, FilterDirective, FilterInputDirective, FilterableComponent, FixedGroupTemplateDirective, FooterTemplateDirective, GroupTagTemplateDirective, GroupTemplateDirective, HeaderTemplateDirective, ItemTemplateDirective, KENDO_AUTOCOMPLETE, KENDO_COMBOBOX, KENDO_DROPDOWNLIST, KENDO_DROPDOWNS, KENDO_DROPDOWNTREE, KENDO_MULTICOLUMNCOMBOBOX, KENDO_MULTISELECT, KENDO_MULTISELECTTREE, ListComponent, ListItemDirective, LocalizedMessagesDirective, MultiColumnComboBoxComponent, MultiSelectComponent, MultiSelectModule, MultiSelectTreeComponent, MultiSelectTreeFlatBindingDirective, MultiSelectTreeHierarchyBindingDirective, MultiSelectTreeSummaryTagDirective, NavigationService, NoDataTemplateDirective, NodeTemplateDirective, PreventableEvent, RemoveTagEvent, SearchBarComponent, SelectableDirective, SelectionService, SummaryTagDirective, TagListComponent, TagTemplateDirective, ValueTemplateDirective };