@progress/kendo-angular-dropdowns 23.3.0-develop.2 → 23.3.0-develop.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/comboboxes/combobox-column/util.d.ts +0 -8
  2. package/fesm2022/progress-kendo-angular-dropdowns.mjs +21 -32
  3. package/package-metadata.mjs +2 -2
  4. package/package.json +10 -10
  5. package/schematics/ngAdd/index.js +2 -2
package/comboboxes/combobox-column/util.d.ts CHANGED
@@ -4,14 +4,6 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { QueryList } from '@angular/core';
6
6
  import { ComboBoxColumnComponent } from './combobox-column.component';
7
- /**
8
- * @hidden
9
- *
10
- * Gets the default scrollbar width for the current environment.
11
- *
12
- * Returns the scrollbar width in pixels.
13
- */
14
- export declare const scrollbarWidth: () => number;
15
7
  /**
16
8
  * @hidden
17
9
  *
package/fesm2022/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -5,7 +5,7 @@
5
5
  import * as i0 from '@angular/core';
6
6
  import { EventEmitter, Output, HostBinding, Input, Component, Directive, Injectable, HostListener, ViewChild, ViewChildren, forwardRef, isDevMode, ViewContainerRef, ContentChild, ContentChildren, ChangeDetectionStrategy, NgModule } from '@angular/core';
7
7
  import * as i10 from '@progress/kendo-angular-common';
8
- 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';
8
+ 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, scrollbarWidth, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_ADORNMENTS, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
9
9
  export { PrefixTemplateDirective, SeparatorComponent, SuffixTemplateDirective, ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
10
10
  import * as i7 from '@progress/kendo-angular-utils';
11
11
  import { AdaptiveService } from '@progress/kendo-angular-utils';
@@ -16,9 +16,9 @@ import { getter as getter$1, touchEnabled, pointers } from '@progress/kendo-comm
16
16
  import * as i1 from '@progress/kendo-angular-l10n';
17
17
  import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
18
18
  import { Subscription, merge, fromEvent, Subject, of, interval } from 'rxjs';
19
+ import { map, switchMap, take, auditTime, tap, filter, partition, throttleTime, catchError, skipWhile, concatMap, takeUntil, debounceTime } from 'rxjs/operators';
19
20
  import * as i2 from '@progress/kendo-angular-popup';
20
21
  import { PopupService } from '@progress/kendo-angular-popup';
21
- import { map, switchMap, take, auditTime, tap, filter, partition, throttleTime, catchError, skipWhile, concatMap, takeUntil, debounceTime } from 'rxjs/operators';
22
22
  import { NgStyle, NgClass, NgTemplateOutlet } from '@angular/common';
23
23
  import { checkIcon, xIcon, caretAltDownIcon, searchIcon, xCircleIcon } from '@progress/kendo-svg-icons';
24
24
  import { IconComponent, IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
@@ -37,8 +37,8 @@ const packageMetadata = {
37
37
  productName: 'Kendo UI for Angular',
38
38
  productCode: 'KENDOUIANGULAR',
39
39
  productCodes: ['KENDOUIANGULAR'],
40
- publishDate: 1773915089,
41
- version: '23.3.0-develop.2',
40
+ publishDate: 1774881169,
41
+ version: '23.3.0-develop.21',
42
42
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
43
43
  };
44
44
 
@@ -2983,7 +2983,7 @@ class AdaptiveRendererComponent {
2983
2983
  </div>
2984
2984
  </ng-template>
2985
2985
  </kendo-actionsheet>
2986
- `, isInline: true, dependencies: [{ kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
2986
+ `, isInline: true, dependencies: [{ kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["actions", "actionsLayout", "overlayClickClose", "title", "subtitle", "items", "cssClass", "cssStyle", "animation", "expanded", "titleId", "initialFocus"], outputs: ["expandedChange", "action", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
2987
2987
  }
2988
2988
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AdaptiveRendererComponent, decorators: [{
2989
2989
  type: Component,
@@ -4418,7 +4418,10 @@ class AutoCompleteComponent {
4418
4418
  this.adaptiveTitle = setActionSheetTitle(this.searchbar.input, this.adaptiveTitle);
4419
4419
  this.cdr.detectChanges();
4420
4420
  this.opened.emit();
4421
- this.optionsList.scrollToItem(this.selectionService.focused);
4421
+ // wait for the ActionSheet animation to complete to ensure the scroll calculation is accurate
4422
+ this.actionSheet.expand.pipe(take(1)).subscribe(() => {
4423
+ this.optionsList.scrollToItem(this.selectionService.focused);
4424
+ });
4422
4425
  this.selectionService.focus(this.selectionService.focused);
4423
4426
  this.actionSheetSearchBar.focus();
4424
4427
  }
@@ -6475,7 +6478,10 @@ class ComboBoxComponent extends MultiTabStop {
6475
6478
  this.adaptiveTitle = setActionSheetTitle(this.searchbar.input, this.adaptiveTitle);
6476
6479
  this.cdr.detectChanges();
6477
6480
  this.opened.emit();
6478
- this.optionsList.scrollToItem(this.selectionService.focused);
6481
+ // wait for the ActionSheet animation to complete to ensure the scroll calculation is accurate
6482
+ this.actionSheet.expand.pipe(take(1)).subscribe(() => {
6483
+ this.optionsList.scrollToItem(this.selectionService.focused);
6484
+ });
6479
6485
  this.selectionService.focus(this.selectionService.focused);
6480
6486
  this.actionSheetSearchBar.focus();
6481
6487
  }
@@ -8537,7 +8543,10 @@ class DropDownListComponent {
8537
8543
  this.setAriaactivedescendant();
8538
8544
  this.adaptiveTitle = setActionSheetTitle(this.wrapper, this.adaptiveTitle);
8539
8545
  this.cdr.detectChanges();
8540
- this.optionsList.scrollToItem(this.selectionService.focused);
8546
+ // wait for the ActionSheet animation to complete to ensure the scroll calculation is accurate
8547
+ this.actionSheet.expand.pipe(take(1)).subscribe(() => {
8548
+ this.optionsList.scrollToItem(this.selectionService.focused);
8549
+ });
8541
8550
  this.selectionService.focus(this.selectionService.focused);
8542
8551
  this.opened.emit();
8543
8552
  }
@@ -11192,7 +11201,10 @@ class MultiSelectComponent {
11192
11201
  this.adaptiveTitle = setActionSheetTitle(this.searchbar.input, this.adaptiveTitle);
11193
11202
  this.cdr.detectChanges();
11194
11203
  this.opened.emit();
11195
- this.optionsList.scrollToItem(this.selectionService.focused);
11204
+ // wait for the ActionSheet animation to complete to ensure the scroll calculation is accurate
11205
+ this.actionSheet.expand.pipe(take(1)).subscribe(() => {
11206
+ this.optionsList.scrollToItem(this.selectionService.focused);
11207
+ });
11196
11208
  this.selectionService.focus(this.selectionService.focused);
11197
11209
  this.actionSheetSearchBar.focus();
11198
11210
  }
@@ -11989,29 +12001,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
11989
12001
  type: Input
11990
12002
  }] } });
11991
12003
 
11992
- /**
11993
- * Stores the initially resolved scrollbar width value.
11994
- */
11995
- let SCROLLBAR_WIDTH;
11996
- /**
11997
- * @hidden
11998
- *
11999
- * Gets the default scrollbar width for the current environment.
12000
- *
12001
- * Returns the scrollbar width in pixels.
12002
- */
12003
- const scrollbarWidth = () => {
12004
- // calculate scrollbar width only once, then return the memoized value
12005
- if (isNaN(SCROLLBAR_WIDTH)) {
12006
- const div = document.createElement('div');
12007
- div.style.cssText = 'overflow: scroll; overflow-x: hidden; zoom: 1; clear: both; display: block;';
12008
- div.innerHTML = '&nbsp;';
12009
- document.body.appendChild(div);
12010
- SCROLLBAR_WIDTH = div.offsetWidth - div.scrollWidth;
12011
- document.body.removeChild(div);
12012
- }
12013
- return SCROLLBAR_WIDTH;
12014
- };
12015
12004
  /**
12016
12005
  * Checks if all columns have a valid user-defined width.
12017
12006
  *
package/package-metadata.mjs CHANGED
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1773915089,
11
- "version": "23.3.0-develop.2",
10
+ "publishDate": 1774881169,
11
+ "version": "23.3.0-develop.21",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "23.3.0-develop.2",
3
+ "version": "23.3.0-develop.21",
4
4
  "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -100,7 +100,7 @@
100
100
  "package": {
101
101
  "productName": "Kendo UI for Angular",
102
102
  "productCode": "KENDOUIANGULAR",
103
- "publishDate": 1773915089,
103
+ "publishDate": 1774881169,
104
104
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
105
105
  }
106
106
  },
@@ -111,18 +111,18 @@
111
111
  "@angular/forms": "19 - 21",
112
112
  "@angular/platform-browser": "19 - 21",
113
113
  "@progress/kendo-licensing": "^1.10.0",
114
- "@progress/kendo-angular-common": "23.3.0-develop.2",
115
- "@progress/kendo-angular-utils": "23.3.0-develop.2",
116
- "@progress/kendo-angular-l10n": "23.3.0-develop.2",
117
- "@progress/kendo-angular-navigation": "23.3.0-develop.2",
118
- "@progress/kendo-angular-popup": "23.3.0-develop.2",
119
- "@progress/kendo-angular-icons": "23.3.0-develop.2",
120
- "@progress/kendo-angular-treeview": "23.3.0-develop.2",
114
+ "@progress/kendo-angular-common": "23.3.0-develop.21",
115
+ "@progress/kendo-angular-utils": "23.3.0-develop.21",
116
+ "@progress/kendo-angular-l10n": "23.3.0-develop.21",
117
+ "@progress/kendo-angular-navigation": "23.3.0-develop.21",
118
+ "@progress/kendo-angular-popup": "23.3.0-develop.21",
119
+ "@progress/kendo-angular-icons": "23.3.0-develop.21",
120
+ "@progress/kendo-angular-treeview": "23.3.0-develop.21",
121
121
  "rxjs": "^6.5.3 || ^7.0.0"
122
122
  },
123
123
  "dependencies": {
124
124
  "tslib": "^2.3.1",
125
- "@progress/kendo-angular-schematics": "23.3.0-develop.2",
125
+ "@progress/kendo-angular-schematics": "23.3.0-develop.21",
126
126
  "@progress/kendo-common": "^1.0.1"
127
127
  },
128
128
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -9,9 +9,9 @@ const schematics_1 = require("@angular-devkit/schematics");
9
9
  function default_1(options) {
10
10
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
11
11
  // peers of the treeview
12
- '@progress/kendo-angular-inputs': '23.3.0-develop.2',
12
+ '@progress/kendo-angular-inputs': '23.3.0-develop.21',
13
13
  // peers of inputs
14
- '@progress/kendo-angular-intl': '23.3.0-develop.2',
14
+ '@progress/kendo-angular-intl': '23.3.0-develop.21',
15
15
  '@progress/kendo-drawing': '^1.17.2',
16
16
  // Peer dependency of icons
17
17
  '@progress/kendo-svg-icons': '^4.0.0'