@progress/kendo-angular-navigation 11.4.0-develop.8 → 11.4.0-develop.9

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.
@@ -142,6 +142,7 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
142
142
  */
143
143
  get shouldRenderSeparator(): boolean;
144
144
  private initDomEvents;
145
+ private setCssVariables;
145
146
  private onKeyDown;
146
147
  private handleInitialFocus;
147
148
  private keepFocusWithinComponent;
@@ -88,6 +88,7 @@ export class ActionSheetComponent {
88
88
  ;
89
89
  ngAfterViewInit() {
90
90
  this.initDomEvents();
91
+ this.setCssVariables();
91
92
  }
92
93
  ngOnChanges(changes) {
93
94
  if (changes['expanded'] && this.expanded) {
@@ -169,6 +170,12 @@ export class ActionSheetComponent {
169
170
  }));
170
171
  });
171
172
  }
173
+ setCssVariables() {
174
+ if (!this.element) {
175
+ return;
176
+ }
177
+ this.renderer.setAttribute(this.element.nativeElement, 'style', '--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none');
178
+ }
172
179
  onKeyDown(event) {
173
180
  const target = event.target;
174
181
  if (event.keyCode === Keys.Tab) {
@@ -261,7 +268,6 @@ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
261
268
  <div class="k-animation-container">
262
269
  <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
263
270
  <div class="k-actionsheet k-actionsheet-bottom"
264
- [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
265
271
  [ngClass]="cssClass"
266
272
  role="dialog"
267
273
  aria-modal="true"
@@ -335,7 +341,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
335
341
  <div class="k-animation-container">
336
342
  <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
337
343
  <div class="k-actionsheet k-actionsheet-bottom"
338
- [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
339
344
  [ngClass]="cssClass"
340
345
  role="dialog"
341
346
  aria-modal="true"
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-navigation',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1678794033,
13
- version: '11.4.0-develop.8',
12
+ publishDate: 1678800094,
13
+ version: '11.4.0-develop.9',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -26,8 +26,8 @@ const packageMetadata = {
26
26
  name: '@progress/kendo-angular-navigation',
27
27
  productName: 'Kendo UI for Angular',
28
28
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
29
- publishDate: 1678794033,
30
- version: '11.4.0-develop.8',
29
+ publishDate: 1678800094,
30
+ version: '11.4.0-develop.9',
31
31
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
32
32
  };
33
33
 
@@ -2069,6 +2069,7 @@ class ActionSheetComponent {
2069
2069
  ;
2070
2070
  ngAfterViewInit() {
2071
2071
  this.initDomEvents();
2072
+ this.setCssVariables();
2072
2073
  }
2073
2074
  ngOnChanges(changes) {
2074
2075
  if (changes['expanded'] && this.expanded) {
@@ -2153,6 +2154,12 @@ class ActionSheetComponent {
2153
2154
  }));
2154
2155
  });
2155
2156
  }
2157
+ setCssVariables() {
2158
+ if (!this.element) {
2159
+ return;
2160
+ }
2161
+ this.renderer.setAttribute(this.element.nativeElement, 'style', '--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none');
2162
+ }
2156
2163
  onKeyDown(event) {
2157
2164
  const target = event.target;
2158
2165
  if (event.keyCode === Keys.Tab) {
@@ -2245,7 +2252,6 @@ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
2245
2252
  <div class="k-animation-container">
2246
2253
  <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
2247
2254
  <div class="k-actionsheet k-actionsheet-bottom"
2248
- [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
2249
2255
  [ngClass]="cssClass"
2250
2256
  role="dialog"
2251
2257
  aria-modal="true"
@@ -2319,7 +2325,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
2319
2325
  <div class="k-animation-container">
2320
2326
  <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
2321
2327
  <div class="k-actionsheet k-actionsheet-bottom"
2322
- [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
2323
2328
  [ngClass]="cssClass"
2324
2329
  role="dialog"
2325
2330
  aria-modal="true"
@@ -26,8 +26,8 @@ const packageMetadata = {
26
26
  name: '@progress/kendo-angular-navigation',
27
27
  productName: 'Kendo UI for Angular',
28
28
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
29
- publishDate: 1678794033,
30
- version: '11.4.0-develop.8',
29
+ publishDate: 1678800094,
30
+ version: '11.4.0-develop.9',
31
31
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
32
32
  };
33
33
 
@@ -2055,6 +2055,7 @@ class ActionSheetComponent {
2055
2055
  ;
2056
2056
  ngAfterViewInit() {
2057
2057
  this.initDomEvents();
2058
+ this.setCssVariables();
2058
2059
  }
2059
2060
  ngOnChanges(changes) {
2060
2061
  if (changes['expanded'] && this.expanded) {
@@ -2136,6 +2137,12 @@ class ActionSheetComponent {
2136
2137
  }));
2137
2138
  });
2138
2139
  }
2140
+ setCssVariables() {
2141
+ if (!this.element) {
2142
+ return;
2143
+ }
2144
+ this.renderer.setAttribute(this.element.nativeElement, 'style', '--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none');
2145
+ }
2139
2146
  onKeyDown(event) {
2140
2147
  const target = event.target;
2141
2148
  if (event.keyCode === Keys.Tab) {
@@ -2228,7 +2235,6 @@ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
2228
2235
  <div class="k-animation-container">
2229
2236
  <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
2230
2237
  <div class="k-actionsheet k-actionsheet-bottom"
2231
- [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
2232
2238
  [ngClass]="cssClass"
2233
2239
  role="dialog"
2234
2240
  aria-modal="true"
@@ -2302,7 +2308,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
2302
2308
  <div class="k-animation-container">
2303
2309
  <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
2304
2310
  <div class="k-actionsheet k-actionsheet-bottom"
2305
- [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
2306
2311
  [ngClass]="cssClass"
2307
2312
  role="dialog"
2308
2313
  aria-modal="true"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-navigation",
3
- "version": "11.4.0-develop.8",
3
+ "version": "11.4.0-develop.9",
4
4
  "description": "Kendo UI Navigation for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -21,14 +21,14 @@
21
21
  "@angular/core": "13 - 15",
22
22
  "@angular/platform-browser": "13 - 15",
23
23
  "@progress/kendo-licensing": "^1.0.2",
24
- "@progress/kendo-angular-common": "11.4.0-develop.8",
25
- "@progress/kendo-angular-icons": "11.4.0-develop.8",
26
- "@progress/kendo-angular-l10n": "11.4.0-develop.8",
24
+ "@progress/kendo-angular-common": "11.4.0-develop.9",
25
+ "@progress/kendo-angular-icons": "11.4.0-develop.9",
26
+ "@progress/kendo-angular-l10n": "11.4.0-develop.9",
27
27
  "rxjs": "^6.5.3 || ^7.0.0"
28
28
  },
29
29
  "dependencies": {
30
30
  "tslib": "^2.3.1",
31
- "@progress/kendo-angular-schematics": "11.4.0-develop.8"
31
+ "@progress/kendo-angular-schematics": "11.4.0-develop.9"
32
32
  },
33
33
  "schematics": "./schematics/collection.json",
34
34
  "module": "fesm2015/progress-kendo-angular-navigation.mjs",