@progress/kendo-angular-layout 18.1.0-develop.18 → 18.1.0-develop.2

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/esm2022/package-metadata.mjs +2 -2
  2. package/esm2022/tabstrip/tabstrip-scroll.service.mjs +8 -25
  3. package/fesm2022/progress-kendo-angular-layout.mjs +10 -25
  4. package/package.json +9 -9
  5. package/tabstrip/tabstrip-scroll.service.d.ts +1 -3
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1738832882,
14
- version: '18.1.0-develop.18',
13
+ publishDate: 1738227197,
14
+ version: '18.1.0-develop.2',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
16
16
  };
package/esm2022/tabstrip/tabstrip-scroll.service.mjs CHANGED
@@ -7,15 +7,12 @@ import { Injectable, NgZone } from '@angular/core';
7
7
  import { isDocumentAvailable } from '@progress/kendo-angular-common';
8
8
  import { Subject } from 'rxjs';
9
9
  import { getActiveTab, isTablistHorizontal } from './util';
10
- import { LocalizationService } from '@progress/kendo-angular-l10n';
11
10
  import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-l10n";
13
11
  /**
14
12
  * @hidden
15
13
  */
16
14
  export class ScrollService {
17
15
  ngZone;
18
- localization;
19
16
  owner;
20
17
  position = 0;
21
18
  scrollButtonActiveStateChange = new Subject();
@@ -40,9 +37,8 @@ export class ScrollService {
40
37
  get tabsOverflow() {
41
38
  return this.tablistOverflowSize > 0;
42
39
  }
43
- constructor(ngZone, localization) {
40
+ constructor(ngZone) {
44
41
  this.ngZone = ngZone;
45
- this.localization = localization;
46
42
  }
47
43
  toggleScrollButtonsState() {
48
44
  const tabStrip = this.owner;
@@ -51,10 +47,8 @@ export class ScrollService {
51
47
  }
52
48
  const currentPrevButtonActive = !this.isDisabled('prev');
53
49
  const currentNextButtonActive = !this.isDisabled('next');
54
- const isHorizontal = isTablistHorizontal(this.owner.tabPosition);
55
- const rtlDelta = this.localization.rtl && isHorizontal ? -1 : 1;
56
- const calculatedPrevButtonActive = (this.position * rtlDelta) > 0 && this.tablistOverflowSize > 0;
57
- const calculatedNextButtonActive = (this.position * rtlDelta) < this.tablistOverflowSize && this.tablistOverflowSize > 0;
50
+ const calculatedPrevButtonActive = this.position > 0 && this.tablistOverflowSize > 0;
51
+ const calculatedNextButtonActive = this.position < this.tablistOverflowSize && this.tablistOverflowSize > 0;
58
52
  if (calculatedPrevButtonActive !== currentPrevButtonActive) {
59
53
  this.ngZone.run(() => this.toggleButtonActiveState('prev', calculatedPrevButtonActive));
60
54
  }
@@ -133,26 +127,15 @@ export class ScrollService {
133
127
  this.toggleScrollButtonsState();
134
128
  }
135
129
  calculateListPosition(direction, scrollSpeed) {
136
- const isHorizontal = isTablistHorizontal(this.owner.tabPosition);
137
- if (direction === 'prev') {
138
- if (this.localization.rtl && isHorizontal) {
139
- this.position = this.position + scrollSpeed >= 0 ? 0 : this.position + scrollSpeed;
140
- }
141
- else {
142
- this.position = this.position - scrollSpeed <= 0 ? 0 : this.position - scrollSpeed;
143
- }
130
+ if (direction === 'prev' && this.position > 0) {
131
+ this.position = this.position - scrollSpeed <= 0 ? 0 : this.position - scrollSpeed;
144
132
  }
145
133
  else if (direction === 'next' && this.position < this.tablistOverflowSize) {
146
134
  if (this.position + scrollSpeed > this.tablistOverflowSize) {
147
135
  this.position = this.tablistOverflowSize;
148
136
  return;
149
137
  }
150
- if (this.localization.rtl && isHorizontal) {
151
- this.position -= scrollSpeed;
152
- }
153
- else {
154
- this.position += scrollSpeed;
155
- }
138
+ this.position += scrollSpeed;
156
139
  }
157
140
  }
158
141
  restoreScrollPosition() {
@@ -168,9 +151,9 @@ export class ScrollService {
168
151
  this.scrollButtonActiveStateChange.next({ buttonType, active });
169
152
  }
170
153
  isDisabled = (buttonType) => this.owner[`${buttonType}ScrollButton`]?.host.nativeElement.classList.contains('k-disabled');
171
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
154
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
172
155
  static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService });
173
156
  }
174
157
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService, decorators: [{
175
158
  type: Injectable
176
- }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.LocalizationService }]; } });
159
+ }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
package/fesm2022/progress-kendo-angular-layout.mjs CHANGED
@@ -29,8 +29,8 @@ const packageMetadata = {
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCode: 'KENDOUIANGULAR',
31
31
  productCodes: ['KENDOUIANGULAR'],
32
- publishDate: 1738832882,
33
- version: '18.1.0-develop.18',
32
+ publishDate: 1738227197,
33
+ version: '18.1.0-develop.2',
34
34
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
35
35
  };
36
36
 
@@ -3334,7 +3334,6 @@ const DEFAULT_SCROLL_BEHAVIOR = 'smooth';
3334
3334
  */
3335
3335
  class ScrollService {
3336
3336
  ngZone;
3337
- localization;
3338
3337
  owner;
3339
3338
  position = 0;
3340
3339
  scrollButtonActiveStateChange = new Subject();
@@ -3359,9 +3358,8 @@ class ScrollService {
3359
3358
  get tabsOverflow() {
3360
3359
  return this.tablistOverflowSize > 0;
3361
3360
  }
3362
- constructor(ngZone, localization) {
3361
+ constructor(ngZone) {
3363
3362
  this.ngZone = ngZone;
3364
- this.localization = localization;
3365
3363
  }
3366
3364
  toggleScrollButtonsState() {
3367
3365
  const tabStrip = this.owner;
@@ -3370,10 +3368,8 @@ class ScrollService {
3370
3368
  }
3371
3369
  const currentPrevButtonActive = !this.isDisabled('prev');
3372
3370
  const currentNextButtonActive = !this.isDisabled('next');
3373
- const isHorizontal = isTablistHorizontal(this.owner.tabPosition);
3374
- const rtlDelta = this.localization.rtl && isHorizontal ? -1 : 1;
3375
- const calculatedPrevButtonActive = (this.position * rtlDelta) > 0 && this.tablistOverflowSize > 0;
3376
- const calculatedNextButtonActive = (this.position * rtlDelta) < this.tablistOverflowSize && this.tablistOverflowSize > 0;
3371
+ const calculatedPrevButtonActive = this.position > 0 && this.tablistOverflowSize > 0;
3372
+ const calculatedNextButtonActive = this.position < this.tablistOverflowSize && this.tablistOverflowSize > 0;
3377
3373
  if (calculatedPrevButtonActive !== currentPrevButtonActive) {
3378
3374
  this.ngZone.run(() => this.toggleButtonActiveState('prev', calculatedPrevButtonActive));
3379
3375
  }
@@ -3452,26 +3448,15 @@ class ScrollService {
3452
3448
  this.toggleScrollButtonsState();
3453
3449
  }
3454
3450
  calculateListPosition(direction, scrollSpeed) {
3455
- const isHorizontal = isTablistHorizontal(this.owner.tabPosition);
3456
- if (direction === 'prev') {
3457
- if (this.localization.rtl && isHorizontal) {
3458
- this.position = this.position + scrollSpeed >= 0 ? 0 : this.position + scrollSpeed;
3459
- }
3460
- else {
3461
- this.position = this.position - scrollSpeed <= 0 ? 0 : this.position - scrollSpeed;
3462
- }
3451
+ if (direction === 'prev' && this.position > 0) {
3452
+ this.position = this.position - scrollSpeed <= 0 ? 0 : this.position - scrollSpeed;
3463
3453
  }
3464
3454
  else if (direction === 'next' && this.position < this.tablistOverflowSize) {
3465
3455
  if (this.position + scrollSpeed > this.tablistOverflowSize) {
3466
3456
  this.position = this.tablistOverflowSize;
3467
3457
  return;
3468
3458
  }
3469
- if (this.localization.rtl && isHorizontal) {
3470
- this.position -= scrollSpeed;
3471
- }
3472
- else {
3473
- this.position += scrollSpeed;
3474
- }
3459
+ this.position += scrollSpeed;
3475
3460
  }
3476
3461
  }
3477
3462
  restoreScrollPosition() {
@@ -3487,12 +3472,12 @@ class ScrollService {
3487
3472
  this.scrollButtonActiveStateChange.next({ buttonType, active });
3488
3473
  }
3489
3474
  isDisabled = (buttonType) => this.owner[`${buttonType}ScrollButton`]?.host.nativeElement.classList.contains('k-disabled');
3490
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
3475
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
3491
3476
  static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService });
3492
3477
  }
3493
3478
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService, decorators: [{
3494
3479
  type: Injectable
3495
- }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.LocalizationService }]; } });
3480
+ }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
3496
3481
 
3497
3482
  /**
3498
3483
  * @hidden
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-layout",
3
- "version": "18.1.0-develop.18",
3
+ "version": "18.1.0-develop.2",
4
4
  "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -35,7 +35,7 @@
35
35
  "package": {
36
36
  "productName": "Kendo UI for Angular",
37
37
  "productCode": "KENDOUIANGULAR",
38
- "publishDate": 1738832882,
38
+ "publishDate": 1738227197,
39
39
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
40
40
  }
41
41
  },
@@ -45,17 +45,17 @@
45
45
  "@angular/core": "16 - 19",
46
46
  "@angular/platform-browser": "16 - 19",
47
47
  "@progress/kendo-licensing": "^1.0.2",
48
- "@progress/kendo-angular-common": "18.1.0-develop.18",
49
- "@progress/kendo-angular-l10n": "18.1.0-develop.18",
50
- "@progress/kendo-angular-progressbar": "18.1.0-develop.18",
51
- "@progress/kendo-angular-icons": "18.1.0-develop.18",
52
- "@progress/kendo-angular-buttons": "18.1.0-develop.18",
53
- "@progress/kendo-angular-intl": "18.1.0-develop.18",
48
+ "@progress/kendo-angular-common": "18.1.0-develop.2",
49
+ "@progress/kendo-angular-l10n": "18.1.0-develop.2",
50
+ "@progress/kendo-angular-progressbar": "18.1.0-develop.2",
51
+ "@progress/kendo-angular-icons": "18.1.0-develop.2",
52
+ "@progress/kendo-angular-buttons": "18.1.0-develop.2",
53
+ "@progress/kendo-angular-intl": "18.1.0-develop.2",
54
54
  "rxjs": "^6.5.3 || ^7.0.0"
55
55
  },
56
56
  "dependencies": {
57
57
  "tslib": "^2.3.1",
58
- "@progress/kendo-angular-schematics": "18.1.0-develop.18",
58
+ "@progress/kendo-angular-schematics": "18.1.0-develop.2",
59
59
  "@progress/kendo-draggable": "^3.0.2"
60
60
  },
61
61
  "schematics": "./schematics/collection.json",
package/tabstrip/tabstrip-scroll.service.d.ts CHANGED
@@ -6,14 +6,12 @@ import { ScrollButtonActiveStateChange } from './models/button-state-change';
6
6
  import { NgZone } from '@angular/core';
7
7
  import { Subject } from 'rxjs';
8
8
  import { TabStripComponent } from './tabstrip.component';
9
- import { LocalizationService } from '@progress/kendo-angular-l10n';
10
9
  import * as i0 from "@angular/core";
11
10
  /**
12
11
  * @hidden
13
12
  */
14
13
  export declare class ScrollService {
15
14
  private ngZone;
16
- private localization;
17
15
  owner: TabStripComponent;
18
16
  position: number;
19
17
  scrollButtonActiveStateChange: Subject<ScrollButtonActiveStateChange>;
@@ -21,7 +19,7 @@ export declare class ScrollService {
21
19
  get tabstripSize(): number;
22
20
  get tablistOverflowSize(): number;
23
21
  get tabsOverflow(): boolean;
24
- constructor(ngZone: NgZone, localization: LocalizationService);
22
+ constructor(ngZone: NgZone);
25
23
  toggleScrollButtonsState(): void;
26
24
  scrollToSelectedTab(): void;
27
25
  getScrollOffset(activeIndex: number): number;