@progress/kendo-angular-navigation 11.1.1-develop.1 → 11.2.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.
- package/actionsheet/actionsheet.component.d.ts +11 -2
- package/actionsheet/models/index.d.ts +1 -0
- package/actionsheet/templates/actionsheet-template.d.ts +17 -0
- package/actionsheet.module.d.ts +4 -3
- package/esm2020/actionsheet/actionsheet.component.mjs +111 -90
- package/esm2020/actionsheet/models/index.mjs +1 -0
- package/esm2020/actionsheet/templates/actionsheet-template.mjs +26 -0
- package/esm2020/actionsheet.module.mjs +7 -4
- package/esm2020/index.mjs +1 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-navigation.mjs +142 -95
- package/fesm2020/progress-kendo-angular-navigation.mjs +140 -95
- package/index.d.ts +1 -1
- package/package.json +5 -5
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
|
|
6
|
-
import { ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective } from './models';
|
|
6
|
+
import { ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './models';
|
|
7
7
|
import { ActionSheetItem } from './models/actionsheet-item.interface';
|
|
8
8
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
@@ -36,6 +36,11 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
|
|
|
36
36
|
* The collection of items that will be rendered in the ActionSheet.
|
|
37
37
|
*/
|
|
38
38
|
items: Array<ActionSheetItem>;
|
|
39
|
+
/**
|
|
40
|
+
* The CSS classes that will be rendered on the inner ActionSheet element.
|
|
41
|
+
* Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']).
|
|
42
|
+
*/
|
|
43
|
+
cssClass: any;
|
|
39
44
|
/**
|
|
40
45
|
* Fires when an ActionSheet item is clicked.
|
|
41
46
|
*/
|
|
@@ -44,6 +49,10 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
|
|
|
44
49
|
* Fires when the modal overlay is clicked.
|
|
45
50
|
*/
|
|
46
51
|
overlayClick: EventEmitter<any>;
|
|
52
|
+
/**
|
|
53
|
+
* @hidden
|
|
54
|
+
*/
|
|
55
|
+
actionSheetTemplate: ActionSheetTemplateDirective;
|
|
47
56
|
/**
|
|
48
57
|
* @hidden
|
|
49
58
|
*/
|
|
@@ -96,5 +105,5 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
|
|
|
96
105
|
private keepFocusWithinComponent;
|
|
97
106
|
private triggerItemClick;
|
|
98
107
|
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, never>;
|
|
99
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": "title"; "subtitle": "subtitle"; "items": "items"; }, { "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate"], never>;
|
|
108
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": "title"; "subtitle": "subtitle"; "items": "items"; "cssClass": "cssClass"; }, { "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate"], never>;
|
|
100
109
|
}
|
|
@@ -9,3 +9,4 @@ export { ActionSheetHeaderTemplateDirective } from '../templates/header-template
|
|
|
9
9
|
export { ActionSheetItemTemplateDirective } from '../templates/item-template.directive';
|
|
10
10
|
export { ActionSheetContentTemplateDirective } from '../templates/content-template.directive';
|
|
11
11
|
export { ActionSheetFooterTemplateDirective } from '../templates/footer-template.directive';
|
|
12
|
+
export { ActionSheetTemplateDirective } from '../templates/actionsheet-template';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { TemplateRef } from '@angular/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* Represents a template that defines the content of the ActionSheet.
|
|
9
|
+
* To define the template, nest an `<ng-template>` tag
|
|
10
|
+
* with the `kendoActionSheetTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
11
|
+
*/
|
|
12
|
+
export declare class ActionSheetTemplateDirective {
|
|
13
|
+
templateRef: TemplateRef<any>;
|
|
14
|
+
constructor(templateRef: TemplateRef<any>);
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetTemplateDirective, [{ optional: true; }]>;
|
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetTemplateDirective, "[kendoActionSheetTemplate]", never, {}, {}, never>;
|
|
17
|
+
}
|
package/actionsheet.module.d.ts
CHANGED
|
@@ -10,8 +10,9 @@ import * as i4 from "./actionsheet/templates/header-template.directive";
|
|
|
10
10
|
import * as i5 from "./actionsheet/templates/item-template.directive";
|
|
11
11
|
import * as i6 from "./actionsheet/templates/content-template.directive";
|
|
12
12
|
import * as i7 from "./actionsheet/templates/footer-template.directive";
|
|
13
|
-
import * as i8 from "
|
|
14
|
-
import * as i9 from "@
|
|
13
|
+
import * as i8 from "./actionsheet/templates/actionsheet-template";
|
|
14
|
+
import * as i9 from "@angular/common";
|
|
15
|
+
import * as i10 from "@progress/kendo-angular-icons";
|
|
15
16
|
/**
|
|
16
17
|
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
17
18
|
* definition for the ActionSheet component.
|
|
@@ -46,6 +47,6 @@ import * as i9 from "@progress/kendo-angular-icons";
|
|
|
46
47
|
*/
|
|
47
48
|
export declare class ActionSheetModule {
|
|
48
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetModule, never>;
|
|
49
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, [typeof i1.ActionSheetItemComponent, typeof i2.ActionSheetListComponent, typeof i3.ActionSheetComponent, typeof i4.ActionSheetHeaderTemplateDirective, typeof i5.ActionSheetItemTemplateDirective, typeof i6.ActionSheetContentTemplateDirective, typeof i7.ActionSheetFooterTemplateDirective], [typeof
|
|
50
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, [typeof i1.ActionSheetItemComponent, typeof i2.ActionSheetListComponent, typeof i3.ActionSheetComponent, typeof i4.ActionSheetHeaderTemplateDirective, typeof i5.ActionSheetItemTemplateDirective, typeof i6.ActionSheetContentTemplateDirective, typeof i7.ActionSheetFooterTemplateDirective, typeof i8.ActionSheetTemplateDirective], [typeof i9.CommonModule, typeof i10.IconsModule], [typeof i3.ActionSheetComponent, typeof i4.ActionSheetHeaderTemplateDirective, typeof i5.ActionSheetItemTemplateDirective, typeof i6.ActionSheetContentTemplateDirective, typeof i7.ActionSheetFooterTemplateDirective, typeof i8.ActionSheetTemplateDirective]>;
|
|
50
51
|
static ɵinj: i0.ɵɵInjectorDeclaration<ActionSheetModule>;
|
|
51
52
|
}
|
|
@@ -6,7 +6,7 @@ import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input,
|
|
|
6
6
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
7
7
|
import { packageMetadata } from '../package-metadata';
|
|
8
8
|
import { Subscription } from 'rxjs';
|
|
9
|
-
import { ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective } from './models';
|
|
9
|
+
import { ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './models';
|
|
10
10
|
import { Keys } from '@progress/kendo-angular-common';
|
|
11
11
|
import { getId, getActionSheetItemIndex, getFirstAndLastFocusable, ACTIONSHEET_ITEM_INDEX_ATTRIBUTE } from '../common/util';
|
|
12
12
|
import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
@@ -147,71 +147,79 @@ export class ActionSheetComponent {
|
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
150
|
-
ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: { title: "title", subtitle: "subtitle", items: "items" }, outputs: { itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
150
|
+
ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: { title: "title", subtitle: "subtitle", items: "items", cssClass: "cssClass" }, outputs: { itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
151
151
|
LocalizationService,
|
|
152
152
|
{
|
|
153
153
|
provide: L10N_PREFIX,
|
|
154
154
|
useValue: 'kendo.actionsheet.component'
|
|
155
155
|
}
|
|
156
|
-
], queries: [{ propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }], exportAs: ["kendoActionSheet"], ngImport: i0, template: `
|
|
156
|
+
], queries: [{ propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }], exportAs: ["kendoActionSheet"], ngImport: i0, template: `
|
|
157
157
|
<div class="k-overlay" (click)="onOverlayClick()"></div>
|
|
158
158
|
<div class="k-animation-container">
|
|
159
159
|
<div class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
|
|
160
160
|
<div class="k-actionsheet k-actionsheet-bottom"
|
|
161
161
|
[style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
|
|
162
|
+
[ngClass]="cssClass"
|
|
162
163
|
role="dialog"
|
|
163
164
|
aria-modal="true"
|
|
164
165
|
[attr.aria-labelledby]="titleId">
|
|
165
166
|
|
|
166
|
-
<
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
167
|
+
<ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
|
|
168
|
+
[ngTemplateOutlet]="actionSheetTemplate?.templateRef">
|
|
169
|
+
</ng-template>
|
|
170
|
+
|
|
171
|
+
<ng-template #defaultTemplate>
|
|
172
|
+
<div *ngIf="title || subtitle || headerTemplate" class="k-actionsheet-titlebar">
|
|
173
|
+
<ng-template *ngIf="headerTemplate; else defaultHeaderTemplate"
|
|
174
|
+
[ngTemplateOutlet]="headerTemplate?.templateRef">
|
|
175
|
+
</ng-template>
|
|
176
|
+
|
|
177
|
+
<ng-template #defaultHeaderTemplate>
|
|
178
|
+
<div class="k-actionsheet-titlebar-group k-hbox">
|
|
179
|
+
<div class="k-actionsheet-title" [id]="titleId">
|
|
180
|
+
<div *ngIf="title" class="k-text-center">{{title}}</div>
|
|
181
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
</ng-template>
|
|
177
185
|
</div>
|
|
178
|
-
</div>
|
|
179
186
|
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
187
|
+
<div *ngIf="items || contentTemplate" class="k-actionsheet-content">
|
|
188
|
+
<ng-template *ngIf="contentTemplate; else defaultContentTemplate"
|
|
189
|
+
[ngTemplateOutlet]="contentTemplate?.templateRef">
|
|
190
|
+
</ng-template>
|
|
191
|
+
<ng-template #defaultContentTemplate>
|
|
192
|
+
<div *ngIf="topGroupItems" kendoActionSheetList
|
|
193
|
+
class="k-list-ul"
|
|
194
|
+
role="group"
|
|
195
|
+
[groupItems]="topGroupItems"
|
|
196
|
+
[allItems]="items"
|
|
197
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
198
|
+
(itemClick)="onItemClick($event)">
|
|
199
|
+
</div>
|
|
200
|
+
|
|
201
|
+
<hr *ngIf="shouldRenderSeparator" class="k-hr"/>
|
|
202
|
+
|
|
203
|
+
<div *ngIf="bottomGroupItems" kendoActionSheetList
|
|
204
|
+
class="k-list-ul"
|
|
205
|
+
role="group"
|
|
206
|
+
[groupItems]="bottomGroupItems"
|
|
207
|
+
[allItems]="items"
|
|
208
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
209
|
+
(itemClick)="onItemClick($event)">
|
|
210
|
+
</div>
|
|
211
|
+
</ng-template>
|
|
212
|
+
</div>
|
|
213
|
+
<div *ngIf="footerTemplate" class="k-actionsheet-footer">
|
|
214
|
+
<ng-template
|
|
215
|
+
[ngTemplateOutlet]="footerTemplate?.templateRef">
|
|
216
|
+
</ng-template>
|
|
217
|
+
</div>
|
|
218
|
+
</ng-template>
|
|
211
219
|
</div>
|
|
212
220
|
</div>
|
|
213
221
|
</div>
|
|
214
|
-
`, isInline: true, components: [{ type: i2.ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: ["groupItems", "allItems", "itemTemplate"], outputs: ["itemClick"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
222
|
+
`, isInline: true, components: [{ type: i2.ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: ["groupItems", "allItems", "itemTemplate"], outputs: ["itemClick"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
215
223
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetComponent, decorators: [{
|
|
216
224
|
type: Component,
|
|
217
225
|
args: [{
|
|
@@ -223,55 +231,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
223
231
|
<div class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
|
|
224
232
|
<div class="k-actionsheet k-actionsheet-bottom"
|
|
225
233
|
[style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
|
|
234
|
+
[ngClass]="cssClass"
|
|
226
235
|
role="dialog"
|
|
227
236
|
aria-modal="true"
|
|
228
237
|
[attr.aria-labelledby]="titleId">
|
|
229
238
|
|
|
230
|
-
<
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
239
|
+
<ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
|
|
240
|
+
[ngTemplateOutlet]="actionSheetTemplate?.templateRef">
|
|
241
|
+
</ng-template>
|
|
242
|
+
|
|
243
|
+
<ng-template #defaultTemplate>
|
|
244
|
+
<div *ngIf="title || subtitle || headerTemplate" class="k-actionsheet-titlebar">
|
|
245
|
+
<ng-template *ngIf="headerTemplate; else defaultHeaderTemplate"
|
|
246
|
+
[ngTemplateOutlet]="headerTemplate?.templateRef">
|
|
247
|
+
</ng-template>
|
|
248
|
+
|
|
249
|
+
<ng-template #defaultHeaderTemplate>
|
|
250
|
+
<div class="k-actionsheet-titlebar-group k-hbox">
|
|
251
|
+
<div class="k-actionsheet-title" [id]="titleId">
|
|
252
|
+
<div *ngIf="title" class="k-text-center">{{title}}</div>
|
|
253
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
|
|
254
|
+
</div>
|
|
255
|
+
</div>
|
|
256
|
+
</ng-template>
|
|
241
257
|
</div>
|
|
242
|
-
</div>
|
|
243
258
|
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
259
|
+
<div *ngIf="items || contentTemplate" class="k-actionsheet-content">
|
|
260
|
+
<ng-template *ngIf="contentTemplate; else defaultContentTemplate"
|
|
261
|
+
[ngTemplateOutlet]="contentTemplate?.templateRef">
|
|
262
|
+
</ng-template>
|
|
263
|
+
<ng-template #defaultContentTemplate>
|
|
264
|
+
<div *ngIf="topGroupItems" kendoActionSheetList
|
|
265
|
+
class="k-list-ul"
|
|
266
|
+
role="group"
|
|
267
|
+
[groupItems]="topGroupItems"
|
|
268
|
+
[allItems]="items"
|
|
269
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
270
|
+
(itemClick)="onItemClick($event)">
|
|
271
|
+
</div>
|
|
272
|
+
|
|
273
|
+
<hr *ngIf="shouldRenderSeparator" class="k-hr"/>
|
|
274
|
+
|
|
275
|
+
<div *ngIf="bottomGroupItems" kendoActionSheetList
|
|
276
|
+
class="k-list-ul"
|
|
277
|
+
role="group"
|
|
278
|
+
[groupItems]="bottomGroupItems"
|
|
279
|
+
[allItems]="items"
|
|
280
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
281
|
+
(itemClick)="onItemClick($event)">
|
|
282
|
+
</div>
|
|
283
|
+
</ng-template>
|
|
284
|
+
</div>
|
|
285
|
+
<div *ngIf="footerTemplate" class="k-actionsheet-footer">
|
|
286
|
+
<ng-template
|
|
287
|
+
[ngTemplateOutlet]="footerTemplate?.templateRef">
|
|
288
|
+
</ng-template>
|
|
289
|
+
</div>
|
|
290
|
+
</ng-template>
|
|
275
291
|
</div>
|
|
276
292
|
</div>
|
|
277
293
|
</div>
|
|
@@ -296,10 +312,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
296
312
|
type: Input
|
|
297
313
|
}], items: [{
|
|
298
314
|
type: Input
|
|
315
|
+
}], cssClass: [{
|
|
316
|
+
type: Input
|
|
299
317
|
}], itemClick: [{
|
|
300
318
|
type: Output
|
|
301
319
|
}], overlayClick: [{
|
|
302
320
|
type: Output
|
|
321
|
+
}], actionSheetTemplate: [{
|
|
322
|
+
type: ContentChild,
|
|
323
|
+
args: [ActionSheetTemplateDirective]
|
|
303
324
|
}], headerTemplate: [{
|
|
304
325
|
type: ContentChild,
|
|
305
326
|
args: [ActionSheetHeaderTemplateDirective]
|
|
@@ -7,3 +7,4 @@ export { ActionSheetHeaderTemplateDirective } from '../templates/header-template
|
|
|
7
7
|
export { ActionSheetItemTemplateDirective } from '../templates/item-template.directive';
|
|
8
8
|
export { ActionSheetContentTemplateDirective } from '../templates/content-template.directive';
|
|
9
9
|
export { ActionSheetFooterTemplateDirective } from '../templates/footer-template.directive';
|
|
10
|
+
export { ActionSheetTemplateDirective } from '../templates/actionsheet-template';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* Represents a template that defines the content of the ActionSheet.
|
|
9
|
+
* To define the template, nest an `<ng-template>` tag
|
|
10
|
+
* with the `kendoActionSheetTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
11
|
+
*/
|
|
12
|
+
export class ActionSheetTemplateDirective {
|
|
13
|
+
constructor(templateRef) {
|
|
14
|
+
this.templateRef = templateRef;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
ActionSheetTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
ActionSheetTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]", ngImport: i0 });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetTemplateDirective, decorators: [{
|
|
20
|
+
type: Directive,
|
|
21
|
+
args: [{
|
|
22
|
+
selector: '[kendoActionSheetTemplate]'
|
|
23
|
+
}]
|
|
24
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
|
|
25
|
+
type: Optional
|
|
26
|
+
}] }]; } });
|
|
@@ -6,7 +6,7 @@ import { NgModule } from '@angular/core';
|
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
7
|
import { IconsModule } from '@progress/kendo-angular-icons';
|
|
8
8
|
import { ActionSheetComponent } from './actionsheet/actionsheet.component';
|
|
9
|
-
import { ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective } from './actionsheet/models';
|
|
9
|
+
import { ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './actionsheet/models';
|
|
10
10
|
import { ActionSheetItemComponent } from './actionsheet/item.component';
|
|
11
11
|
import { ActionSheetListComponent } from './actionsheet/list.component';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
@@ -14,7 +14,8 @@ const templateDirectives = [
|
|
|
14
14
|
ActionSheetHeaderTemplateDirective,
|
|
15
15
|
ActionSheetItemTemplateDirective,
|
|
16
16
|
ActionSheetContentTemplateDirective,
|
|
17
|
-
ActionSheetFooterTemplateDirective
|
|
17
|
+
ActionSheetFooterTemplateDirective,
|
|
18
|
+
ActionSheetTemplateDirective
|
|
18
19
|
];
|
|
19
20
|
const exportedModules = [
|
|
20
21
|
ActionSheetComponent,
|
|
@@ -64,10 +65,12 @@ ActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
|
|
|
64
65
|
ActionSheetListComponent, ActionSheetComponent, ActionSheetHeaderTemplateDirective,
|
|
65
66
|
ActionSheetItemTemplateDirective,
|
|
66
67
|
ActionSheetContentTemplateDirective,
|
|
67
|
-
ActionSheetFooterTemplateDirective
|
|
68
|
+
ActionSheetFooterTemplateDirective,
|
|
69
|
+
ActionSheetTemplateDirective], imports: [CommonModule, IconsModule], exports: [ActionSheetComponent, ActionSheetHeaderTemplateDirective,
|
|
68
70
|
ActionSheetItemTemplateDirective,
|
|
69
71
|
ActionSheetContentTemplateDirective,
|
|
70
|
-
ActionSheetFooterTemplateDirective
|
|
72
|
+
ActionSheetFooterTemplateDirective,
|
|
73
|
+
ActionSheetTemplateDirective] });
|
|
71
74
|
ActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetModule, imports: [[CommonModule, IconsModule]] });
|
|
72
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetModule, decorators: [{
|
|
73
76
|
type: NgModule,
|
package/esm2020/index.mjs
CHANGED
|
@@ -21,5 +21,5 @@ export { BreadCrumbItemComponent } from './breadcrumb/breadcrumb-item.component'
|
|
|
21
21
|
export { BreadCrumbListComponent } from './breadcrumb/list.component';
|
|
22
22
|
//ActionSheet exports
|
|
23
23
|
export { ActionSheetComponent } from './actionsheet/actionsheet.component';
|
|
24
|
-
export { ActionSheetItemClickEvent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective } from './actionsheet/models';
|
|
24
|
+
export { ActionSheetItemClickEvent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './actionsheet/models';
|
|
25
25
|
export { ActionSheetModule } from './actionsheet.module';
|
|
@@ -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:
|
|
13
|
-
version: '11.
|
|
12
|
+
publishDate: 1675345521,
|
|
13
|
+
version: '11.2.0-develop.2',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -24,8 +24,8 @@ const packageMetadata = {
|
|
|
24
24
|
name: '@progress/kendo-angular-navigation',
|
|
25
25
|
productName: 'Kendo UI for Angular',
|
|
26
26
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
27
|
-
publishDate:
|
|
28
|
-
version: '11.
|
|
27
|
+
publishDate: 1675345521,
|
|
28
|
+
version: '11.2.0-develop.2',
|
|
29
29
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
30
30
|
};
|
|
31
31
|
|
|
@@ -1779,6 +1779,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
1779
1779
|
}] }];
|
|
1780
1780
|
} });
|
|
1781
1781
|
|
|
1782
|
+
/**
|
|
1783
|
+
* Represents a template that defines the content of the ActionSheet.
|
|
1784
|
+
* To define the template, nest an `<ng-template>` tag
|
|
1785
|
+
* with the `kendoActionSheetTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
1786
|
+
*/
|
|
1787
|
+
class ActionSheetTemplateDirective {
|
|
1788
|
+
constructor(templateRef) {
|
|
1789
|
+
this.templateRef = templateRef;
|
|
1790
|
+
}
|
|
1791
|
+
}
|
|
1792
|
+
ActionSheetTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1793
|
+
ActionSheetTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]", ngImport: i0 });
|
|
1794
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetTemplateDirective, decorators: [{
|
|
1795
|
+
type: Directive,
|
|
1796
|
+
args: [{
|
|
1797
|
+
selector: '[kendoActionSheetTemplate]'
|
|
1798
|
+
}]
|
|
1799
|
+
}], ctorParameters: function () {
|
|
1800
|
+
return [{ type: i0.TemplateRef, decorators: [{
|
|
1801
|
+
type: Optional
|
|
1802
|
+
}] }];
|
|
1803
|
+
} });
|
|
1804
|
+
|
|
1782
1805
|
/**
|
|
1783
1806
|
* @hidden
|
|
1784
1807
|
*/
|
|
@@ -2090,71 +2113,79 @@ class ActionSheetComponent {
|
|
|
2090
2113
|
}
|
|
2091
2114
|
}
|
|
2092
2115
|
ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2093
|
-
ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: { title: "title", subtitle: "subtitle", items: "items" }, outputs: { itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
2116
|
+
ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: { title: "title", subtitle: "subtitle", items: "items", cssClass: "cssClass" }, outputs: { itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
2094
2117
|
LocalizationService,
|
|
2095
2118
|
{
|
|
2096
2119
|
provide: L10N_PREFIX,
|
|
2097
2120
|
useValue: 'kendo.actionsheet.component'
|
|
2098
2121
|
}
|
|
2099
|
-
], queries: [{ propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }], exportAs: ["kendoActionSheet"], ngImport: i0, template: `
|
|
2122
|
+
], queries: [{ propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }], exportAs: ["kendoActionSheet"], ngImport: i0, template: `
|
|
2100
2123
|
<div class="k-overlay" (click)="onOverlayClick()"></div>
|
|
2101
2124
|
<div class="k-animation-container">
|
|
2102
2125
|
<div class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
|
|
2103
2126
|
<div class="k-actionsheet k-actionsheet-bottom"
|
|
2104
2127
|
[style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
|
|
2128
|
+
[ngClass]="cssClass"
|
|
2105
2129
|
role="dialog"
|
|
2106
2130
|
aria-modal="true"
|
|
2107
2131
|
[attr.aria-labelledby]="titleId">
|
|
2108
2132
|
|
|
2109
|
-
<
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2133
|
+
<ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
|
|
2134
|
+
[ngTemplateOutlet]="actionSheetTemplate?.templateRef">
|
|
2135
|
+
</ng-template>
|
|
2136
|
+
|
|
2137
|
+
<ng-template #defaultTemplate>
|
|
2138
|
+
<div *ngIf="title || subtitle || headerTemplate" class="k-actionsheet-titlebar">
|
|
2139
|
+
<ng-template *ngIf="headerTemplate; else defaultHeaderTemplate"
|
|
2140
|
+
[ngTemplateOutlet]="headerTemplate?.templateRef">
|
|
2141
|
+
</ng-template>
|
|
2142
|
+
|
|
2143
|
+
<ng-template #defaultHeaderTemplate>
|
|
2144
|
+
<div class="k-actionsheet-titlebar-group k-hbox">
|
|
2145
|
+
<div class="k-actionsheet-title" [id]="titleId">
|
|
2146
|
+
<div *ngIf="title" class="k-text-center">{{title}}</div>
|
|
2147
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
|
|
2148
|
+
</div>
|
|
2149
|
+
</div>
|
|
2150
|
+
</ng-template>
|
|
2120
2151
|
</div>
|
|
2121
|
-
</div>
|
|
2122
2152
|
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2153
|
+
<div *ngIf="items || contentTemplate" class="k-actionsheet-content">
|
|
2154
|
+
<ng-template *ngIf="contentTemplate; else defaultContentTemplate"
|
|
2155
|
+
[ngTemplateOutlet]="contentTemplate?.templateRef">
|
|
2156
|
+
</ng-template>
|
|
2157
|
+
<ng-template #defaultContentTemplate>
|
|
2158
|
+
<div *ngIf="topGroupItems" kendoActionSheetList
|
|
2159
|
+
class="k-list-ul"
|
|
2160
|
+
role="group"
|
|
2161
|
+
[groupItems]="topGroupItems"
|
|
2162
|
+
[allItems]="items"
|
|
2163
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
2164
|
+
(itemClick)="onItemClick($event)">
|
|
2165
|
+
</div>
|
|
2166
|
+
|
|
2167
|
+
<hr *ngIf="shouldRenderSeparator" class="k-hr"/>
|
|
2168
|
+
|
|
2169
|
+
<div *ngIf="bottomGroupItems" kendoActionSheetList
|
|
2170
|
+
class="k-list-ul"
|
|
2171
|
+
role="group"
|
|
2172
|
+
[groupItems]="bottomGroupItems"
|
|
2173
|
+
[allItems]="items"
|
|
2174
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
2175
|
+
(itemClick)="onItemClick($event)">
|
|
2176
|
+
</div>
|
|
2177
|
+
</ng-template>
|
|
2178
|
+
</div>
|
|
2179
|
+
<div *ngIf="footerTemplate" class="k-actionsheet-footer">
|
|
2180
|
+
<ng-template
|
|
2181
|
+
[ngTemplateOutlet]="footerTemplate?.templateRef">
|
|
2182
|
+
</ng-template>
|
|
2183
|
+
</div>
|
|
2184
|
+
</ng-template>
|
|
2154
2185
|
</div>
|
|
2155
2186
|
</div>
|
|
2156
2187
|
</div>
|
|
2157
|
-
`, isInline: true, components: [{ type: ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: ["groupItems", "allItems", "itemTemplate"], outputs: ["itemClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
2188
|
+
`, isInline: true, components: [{ type: ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: ["groupItems", "allItems", "itemTemplate"], outputs: ["itemClick"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
2158
2189
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetComponent, decorators: [{
|
|
2159
2190
|
type: Component,
|
|
2160
2191
|
args: [{
|
|
@@ -2166,55 +2197,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2166
2197
|
<div class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
|
|
2167
2198
|
<div class="k-actionsheet k-actionsheet-bottom"
|
|
2168
2199
|
[style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
|
|
2200
|
+
[ngClass]="cssClass"
|
|
2169
2201
|
role="dialog"
|
|
2170
2202
|
aria-modal="true"
|
|
2171
2203
|
[attr.aria-labelledby]="titleId">
|
|
2172
2204
|
|
|
2173
|
-
<
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2205
|
+
<ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
|
|
2206
|
+
[ngTemplateOutlet]="actionSheetTemplate?.templateRef">
|
|
2207
|
+
</ng-template>
|
|
2208
|
+
|
|
2209
|
+
<ng-template #defaultTemplate>
|
|
2210
|
+
<div *ngIf="title || subtitle || headerTemplate" class="k-actionsheet-titlebar">
|
|
2211
|
+
<ng-template *ngIf="headerTemplate; else defaultHeaderTemplate"
|
|
2212
|
+
[ngTemplateOutlet]="headerTemplate?.templateRef">
|
|
2213
|
+
</ng-template>
|
|
2214
|
+
|
|
2215
|
+
<ng-template #defaultHeaderTemplate>
|
|
2216
|
+
<div class="k-actionsheet-titlebar-group k-hbox">
|
|
2217
|
+
<div class="k-actionsheet-title" [id]="titleId">
|
|
2218
|
+
<div *ngIf="title" class="k-text-center">{{title}}</div>
|
|
2219
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
|
|
2220
|
+
</div>
|
|
2221
|
+
</div>
|
|
2222
|
+
</ng-template>
|
|
2184
2223
|
</div>
|
|
2185
|
-
</div>
|
|
2186
2224
|
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2225
|
+
<div *ngIf="items || contentTemplate" class="k-actionsheet-content">
|
|
2226
|
+
<ng-template *ngIf="contentTemplate; else defaultContentTemplate"
|
|
2227
|
+
[ngTemplateOutlet]="contentTemplate?.templateRef">
|
|
2228
|
+
</ng-template>
|
|
2229
|
+
<ng-template #defaultContentTemplate>
|
|
2230
|
+
<div *ngIf="topGroupItems" kendoActionSheetList
|
|
2231
|
+
class="k-list-ul"
|
|
2232
|
+
role="group"
|
|
2233
|
+
[groupItems]="topGroupItems"
|
|
2234
|
+
[allItems]="items"
|
|
2235
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
2236
|
+
(itemClick)="onItemClick($event)">
|
|
2237
|
+
</div>
|
|
2238
|
+
|
|
2239
|
+
<hr *ngIf="shouldRenderSeparator" class="k-hr"/>
|
|
2240
|
+
|
|
2241
|
+
<div *ngIf="bottomGroupItems" kendoActionSheetList
|
|
2242
|
+
class="k-list-ul"
|
|
2243
|
+
role="group"
|
|
2244
|
+
[groupItems]="bottomGroupItems"
|
|
2245
|
+
[allItems]="items"
|
|
2246
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
2247
|
+
(itemClick)="onItemClick($event)">
|
|
2248
|
+
</div>
|
|
2249
|
+
</ng-template>
|
|
2250
|
+
</div>
|
|
2251
|
+
<div *ngIf="footerTemplate" class="k-actionsheet-footer">
|
|
2252
|
+
<ng-template
|
|
2253
|
+
[ngTemplateOutlet]="footerTemplate?.templateRef">
|
|
2254
|
+
</ng-template>
|
|
2255
|
+
</div>
|
|
2256
|
+
</ng-template>
|
|
2218
2257
|
</div>
|
|
2219
2258
|
</div>
|
|
2220
2259
|
</div>
|
|
@@ -2239,10 +2278,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2239
2278
|
type: Input
|
|
2240
2279
|
}], items: [{
|
|
2241
2280
|
type: Input
|
|
2281
|
+
}], cssClass: [{
|
|
2282
|
+
type: Input
|
|
2242
2283
|
}], itemClick: [{
|
|
2243
2284
|
type: Output
|
|
2244
2285
|
}], overlayClick: [{
|
|
2245
2286
|
type: Output
|
|
2287
|
+
}], actionSheetTemplate: [{
|
|
2288
|
+
type: ContentChild,
|
|
2289
|
+
args: [ActionSheetTemplateDirective]
|
|
2246
2290
|
}], headerTemplate: [{
|
|
2247
2291
|
type: ContentChild,
|
|
2248
2292
|
args: [ActionSheetHeaderTemplateDirective]
|
|
@@ -2261,7 +2305,8 @@ const templateDirectives = [
|
|
|
2261
2305
|
ActionSheetHeaderTemplateDirective,
|
|
2262
2306
|
ActionSheetItemTemplateDirective,
|
|
2263
2307
|
ActionSheetContentTemplateDirective,
|
|
2264
|
-
ActionSheetFooterTemplateDirective
|
|
2308
|
+
ActionSheetFooterTemplateDirective,
|
|
2309
|
+
ActionSheetTemplateDirective
|
|
2265
2310
|
];
|
|
2266
2311
|
const exportedModules = [
|
|
2267
2312
|
ActionSheetComponent,
|
|
@@ -2311,10 +2356,12 @@ ActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
|
|
|
2311
2356
|
ActionSheetListComponent, ActionSheetComponent, ActionSheetHeaderTemplateDirective,
|
|
2312
2357
|
ActionSheetItemTemplateDirective,
|
|
2313
2358
|
ActionSheetContentTemplateDirective,
|
|
2314
|
-
ActionSheetFooterTemplateDirective
|
|
2359
|
+
ActionSheetFooterTemplateDirective,
|
|
2360
|
+
ActionSheetTemplateDirective], imports: [CommonModule, IconsModule], exports: [ActionSheetComponent, ActionSheetHeaderTemplateDirective,
|
|
2315
2361
|
ActionSheetItemTemplateDirective,
|
|
2316
2362
|
ActionSheetContentTemplateDirective,
|
|
2317
|
-
ActionSheetFooterTemplateDirective
|
|
2363
|
+
ActionSheetFooterTemplateDirective,
|
|
2364
|
+
ActionSheetTemplateDirective] });
|
|
2318
2365
|
ActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetModule, imports: [[CommonModule, IconsModule]] });
|
|
2319
2366
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetModule, decorators: [{
|
|
2320
2367
|
type: NgModule,
|
|
@@ -2385,5 +2432,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2385
2432
|
* Generated bundle index. Do not edit.
|
|
2386
2433
|
*/
|
|
2387
2434
|
|
|
2388
|
-
export { ActionSheetComponent, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetModule, AppBarComponent, AppBarModule, AppBarSectionComponent, AppBarSpacerComponent, BottomNavigationComponent, BottomNavigationItemTemplateDirective, BottomNavigationModule, BottomNavigationSelectEvent, BreadCrumbComponent, BreadCrumbItemComponent, BreadCrumbItemTemplateDirective, BreadCrumbListComponent, BreadCrumbModule, NavigationModule };
|
|
2435
|
+
export { ActionSheetComponent, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetModule, ActionSheetTemplateDirective, AppBarComponent, AppBarModule, AppBarSectionComponent, AppBarSpacerComponent, BottomNavigationComponent, BottomNavigationItemTemplateDirective, BottomNavigationModule, BottomNavigationSelectEvent, BreadCrumbComponent, BreadCrumbItemComponent, BreadCrumbItemTemplateDirective, BreadCrumbListComponent, BreadCrumbModule, NavigationModule };
|
|
2389
2436
|
|
|
@@ -24,8 +24,8 @@ const packageMetadata = {
|
|
|
24
24
|
name: '@progress/kendo-angular-navigation',
|
|
25
25
|
productName: 'Kendo UI for Angular',
|
|
26
26
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
27
|
-
publishDate:
|
|
28
|
-
version: '11.
|
|
27
|
+
publishDate: 1675345521,
|
|
28
|
+
version: '11.2.0-develop.2',
|
|
29
29
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
30
30
|
};
|
|
31
31
|
|
|
@@ -1767,6 +1767,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
1767
1767
|
type: Optional
|
|
1768
1768
|
}] }]; } });
|
|
1769
1769
|
|
|
1770
|
+
/**
|
|
1771
|
+
* Represents a template that defines the content of the ActionSheet.
|
|
1772
|
+
* To define the template, nest an `<ng-template>` tag
|
|
1773
|
+
* with the `kendoActionSheetTemplate` directive inside the `<kendo-actionsheet>` tag.
|
|
1774
|
+
*/
|
|
1775
|
+
class ActionSheetTemplateDirective {
|
|
1776
|
+
constructor(templateRef) {
|
|
1777
|
+
this.templateRef = templateRef;
|
|
1778
|
+
}
|
|
1779
|
+
}
|
|
1780
|
+
ActionSheetTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1781
|
+
ActionSheetTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]", ngImport: i0 });
|
|
1782
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetTemplateDirective, decorators: [{
|
|
1783
|
+
type: Directive,
|
|
1784
|
+
args: [{
|
|
1785
|
+
selector: '[kendoActionSheetTemplate]'
|
|
1786
|
+
}]
|
|
1787
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
|
|
1788
|
+
type: Optional
|
|
1789
|
+
}] }]; } });
|
|
1790
|
+
|
|
1770
1791
|
/**
|
|
1771
1792
|
* @hidden
|
|
1772
1793
|
*/
|
|
@@ -2075,71 +2096,79 @@ class ActionSheetComponent {
|
|
|
2075
2096
|
}
|
|
2076
2097
|
}
|
|
2077
2098
|
ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2078
|
-
ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: { title: "title", subtitle: "subtitle", items: "items" }, outputs: { itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
2099
|
+
ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: { title: "title", subtitle: "subtitle", items: "items", cssClass: "cssClass" }, outputs: { itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
2079
2100
|
LocalizationService,
|
|
2080
2101
|
{
|
|
2081
2102
|
provide: L10N_PREFIX,
|
|
2082
2103
|
useValue: 'kendo.actionsheet.component'
|
|
2083
2104
|
}
|
|
2084
|
-
], queries: [{ propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }], exportAs: ["kendoActionSheet"], ngImport: i0, template: `
|
|
2105
|
+
], queries: [{ propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }], exportAs: ["kendoActionSheet"], ngImport: i0, template: `
|
|
2085
2106
|
<div class="k-overlay" (click)="onOverlayClick()"></div>
|
|
2086
2107
|
<div class="k-animation-container">
|
|
2087
2108
|
<div class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
|
|
2088
2109
|
<div class="k-actionsheet k-actionsheet-bottom"
|
|
2089
2110
|
[style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
|
|
2111
|
+
[ngClass]="cssClass"
|
|
2090
2112
|
role="dialog"
|
|
2091
2113
|
aria-modal="true"
|
|
2092
2114
|
[attr.aria-labelledby]="titleId">
|
|
2093
2115
|
|
|
2094
|
-
<
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2116
|
+
<ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
|
|
2117
|
+
[ngTemplateOutlet]="actionSheetTemplate?.templateRef">
|
|
2118
|
+
</ng-template>
|
|
2119
|
+
|
|
2120
|
+
<ng-template #defaultTemplate>
|
|
2121
|
+
<div *ngIf="title || subtitle || headerTemplate" class="k-actionsheet-titlebar">
|
|
2122
|
+
<ng-template *ngIf="headerTemplate; else defaultHeaderTemplate"
|
|
2123
|
+
[ngTemplateOutlet]="headerTemplate?.templateRef">
|
|
2124
|
+
</ng-template>
|
|
2125
|
+
|
|
2126
|
+
<ng-template #defaultHeaderTemplate>
|
|
2127
|
+
<div class="k-actionsheet-titlebar-group k-hbox">
|
|
2128
|
+
<div class="k-actionsheet-title" [id]="titleId">
|
|
2129
|
+
<div *ngIf="title" class="k-text-center">{{title}}</div>
|
|
2130
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
|
|
2131
|
+
</div>
|
|
2132
|
+
</div>
|
|
2133
|
+
</ng-template>
|
|
2105
2134
|
</div>
|
|
2106
|
-
</div>
|
|
2107
2135
|
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2136
|
+
<div *ngIf="items || contentTemplate" class="k-actionsheet-content">
|
|
2137
|
+
<ng-template *ngIf="contentTemplate; else defaultContentTemplate"
|
|
2138
|
+
[ngTemplateOutlet]="contentTemplate?.templateRef">
|
|
2139
|
+
</ng-template>
|
|
2140
|
+
<ng-template #defaultContentTemplate>
|
|
2141
|
+
<div *ngIf="topGroupItems" kendoActionSheetList
|
|
2142
|
+
class="k-list-ul"
|
|
2143
|
+
role="group"
|
|
2144
|
+
[groupItems]="topGroupItems"
|
|
2145
|
+
[allItems]="items"
|
|
2146
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
2147
|
+
(itemClick)="onItemClick($event)">
|
|
2148
|
+
</div>
|
|
2149
|
+
|
|
2150
|
+
<hr *ngIf="shouldRenderSeparator" class="k-hr"/>
|
|
2151
|
+
|
|
2152
|
+
<div *ngIf="bottomGroupItems" kendoActionSheetList
|
|
2153
|
+
class="k-list-ul"
|
|
2154
|
+
role="group"
|
|
2155
|
+
[groupItems]="bottomGroupItems"
|
|
2156
|
+
[allItems]="items"
|
|
2157
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
2158
|
+
(itemClick)="onItemClick($event)">
|
|
2159
|
+
</div>
|
|
2160
|
+
</ng-template>
|
|
2161
|
+
</div>
|
|
2162
|
+
<div *ngIf="footerTemplate" class="k-actionsheet-footer">
|
|
2163
|
+
<ng-template
|
|
2164
|
+
[ngTemplateOutlet]="footerTemplate?.templateRef">
|
|
2165
|
+
</ng-template>
|
|
2166
|
+
</div>
|
|
2167
|
+
</ng-template>
|
|
2139
2168
|
</div>
|
|
2140
2169
|
</div>
|
|
2141
2170
|
</div>
|
|
2142
|
-
`, isInline: true, components: [{ type: ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: ["groupItems", "allItems", "itemTemplate"], outputs: ["itemClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
2171
|
+
`, isInline: true, components: [{ type: ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: ["groupItems", "allItems", "itemTemplate"], outputs: ["itemClick"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
2143
2172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetComponent, decorators: [{
|
|
2144
2173
|
type: Component,
|
|
2145
2174
|
args: [{
|
|
@@ -2151,55 +2180,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2151
2180
|
<div class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
|
|
2152
2181
|
<div class="k-actionsheet k-actionsheet-bottom"
|
|
2153
2182
|
[style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
|
|
2183
|
+
[ngClass]="cssClass"
|
|
2154
2184
|
role="dialog"
|
|
2155
2185
|
aria-modal="true"
|
|
2156
2186
|
[attr.aria-labelledby]="titleId">
|
|
2157
2187
|
|
|
2158
|
-
<
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2188
|
+
<ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
|
|
2189
|
+
[ngTemplateOutlet]="actionSheetTemplate?.templateRef">
|
|
2190
|
+
</ng-template>
|
|
2191
|
+
|
|
2192
|
+
<ng-template #defaultTemplate>
|
|
2193
|
+
<div *ngIf="title || subtitle || headerTemplate" class="k-actionsheet-titlebar">
|
|
2194
|
+
<ng-template *ngIf="headerTemplate; else defaultHeaderTemplate"
|
|
2195
|
+
[ngTemplateOutlet]="headerTemplate?.templateRef">
|
|
2196
|
+
</ng-template>
|
|
2197
|
+
|
|
2198
|
+
<ng-template #defaultHeaderTemplate>
|
|
2199
|
+
<div class="k-actionsheet-titlebar-group k-hbox">
|
|
2200
|
+
<div class="k-actionsheet-title" [id]="titleId">
|
|
2201
|
+
<div *ngIf="title" class="k-text-center">{{title}}</div>
|
|
2202
|
+
<div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
|
|
2203
|
+
</div>
|
|
2204
|
+
</div>
|
|
2205
|
+
</ng-template>
|
|
2169
2206
|
</div>
|
|
2170
|
-
</div>
|
|
2171
2207
|
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2208
|
+
<div *ngIf="items || contentTemplate" class="k-actionsheet-content">
|
|
2209
|
+
<ng-template *ngIf="contentTemplate; else defaultContentTemplate"
|
|
2210
|
+
[ngTemplateOutlet]="contentTemplate?.templateRef">
|
|
2211
|
+
</ng-template>
|
|
2212
|
+
<ng-template #defaultContentTemplate>
|
|
2213
|
+
<div *ngIf="topGroupItems" kendoActionSheetList
|
|
2214
|
+
class="k-list-ul"
|
|
2215
|
+
role="group"
|
|
2216
|
+
[groupItems]="topGroupItems"
|
|
2217
|
+
[allItems]="items"
|
|
2218
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
2219
|
+
(itemClick)="onItemClick($event)">
|
|
2220
|
+
</div>
|
|
2221
|
+
|
|
2222
|
+
<hr *ngIf="shouldRenderSeparator" class="k-hr"/>
|
|
2223
|
+
|
|
2224
|
+
<div *ngIf="bottomGroupItems" kendoActionSheetList
|
|
2225
|
+
class="k-list-ul"
|
|
2226
|
+
role="group"
|
|
2227
|
+
[groupItems]="bottomGroupItems"
|
|
2228
|
+
[allItems]="items"
|
|
2229
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
2230
|
+
(itemClick)="onItemClick($event)">
|
|
2231
|
+
</div>
|
|
2232
|
+
</ng-template>
|
|
2233
|
+
</div>
|
|
2234
|
+
<div *ngIf="footerTemplate" class="k-actionsheet-footer">
|
|
2235
|
+
<ng-template
|
|
2236
|
+
[ngTemplateOutlet]="footerTemplate?.templateRef">
|
|
2237
|
+
</ng-template>
|
|
2238
|
+
</div>
|
|
2239
|
+
</ng-template>
|
|
2203
2240
|
</div>
|
|
2204
2241
|
</div>
|
|
2205
2242
|
</div>
|
|
@@ -2224,10 +2261,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2224
2261
|
type: Input
|
|
2225
2262
|
}], items: [{
|
|
2226
2263
|
type: Input
|
|
2264
|
+
}], cssClass: [{
|
|
2265
|
+
type: Input
|
|
2227
2266
|
}], itemClick: [{
|
|
2228
2267
|
type: Output
|
|
2229
2268
|
}], overlayClick: [{
|
|
2230
2269
|
type: Output
|
|
2270
|
+
}], actionSheetTemplate: [{
|
|
2271
|
+
type: ContentChild,
|
|
2272
|
+
args: [ActionSheetTemplateDirective]
|
|
2231
2273
|
}], headerTemplate: [{
|
|
2232
2274
|
type: ContentChild,
|
|
2233
2275
|
args: [ActionSheetHeaderTemplateDirective]
|
|
@@ -2246,7 +2288,8 @@ const templateDirectives = [
|
|
|
2246
2288
|
ActionSheetHeaderTemplateDirective,
|
|
2247
2289
|
ActionSheetItemTemplateDirective,
|
|
2248
2290
|
ActionSheetContentTemplateDirective,
|
|
2249
|
-
ActionSheetFooterTemplateDirective
|
|
2291
|
+
ActionSheetFooterTemplateDirective,
|
|
2292
|
+
ActionSheetTemplateDirective
|
|
2250
2293
|
];
|
|
2251
2294
|
const exportedModules = [
|
|
2252
2295
|
ActionSheetComponent,
|
|
@@ -2296,10 +2339,12 @@ ActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
|
|
|
2296
2339
|
ActionSheetListComponent, ActionSheetComponent, ActionSheetHeaderTemplateDirective,
|
|
2297
2340
|
ActionSheetItemTemplateDirective,
|
|
2298
2341
|
ActionSheetContentTemplateDirective,
|
|
2299
|
-
ActionSheetFooterTemplateDirective
|
|
2342
|
+
ActionSheetFooterTemplateDirective,
|
|
2343
|
+
ActionSheetTemplateDirective], imports: [CommonModule, IconsModule], exports: [ActionSheetComponent, ActionSheetHeaderTemplateDirective,
|
|
2300
2344
|
ActionSheetItemTemplateDirective,
|
|
2301
2345
|
ActionSheetContentTemplateDirective,
|
|
2302
|
-
ActionSheetFooterTemplateDirective
|
|
2346
|
+
ActionSheetFooterTemplateDirective,
|
|
2347
|
+
ActionSheetTemplateDirective] });
|
|
2303
2348
|
ActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetModule, imports: [[CommonModule, IconsModule]] });
|
|
2304
2349
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionSheetModule, decorators: [{
|
|
2305
2350
|
type: NgModule,
|
|
@@ -2370,5 +2415,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2370
2415
|
* Generated bundle index. Do not edit.
|
|
2371
2416
|
*/
|
|
2372
2417
|
|
|
2373
|
-
export { ActionSheetComponent, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetModule, AppBarComponent, AppBarModule, AppBarSectionComponent, AppBarSpacerComponent, BottomNavigationComponent, BottomNavigationItemTemplateDirective, BottomNavigationModule, BottomNavigationSelectEvent, BreadCrumbComponent, BreadCrumbItemComponent, BreadCrumbItemTemplateDirective, BreadCrumbListComponent, BreadCrumbModule, NavigationModule };
|
|
2418
|
+
export { ActionSheetComponent, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetModule, ActionSheetTemplateDirective, AppBarComponent, AppBarModule, AppBarSectionComponent, AppBarSpacerComponent, BottomNavigationComponent, BottomNavigationItemTemplateDirective, BottomNavigationModule, BottomNavigationSelectEvent, BreadCrumbComponent, BreadCrumbItemComponent, BreadCrumbItemTemplateDirective, BreadCrumbListComponent, BreadCrumbModule, NavigationModule };
|
|
2374
2419
|
|
package/index.d.ts
CHANGED
|
@@ -27,5 +27,5 @@ export { BottomNavigationModule } from './bottomnavigation.module';
|
|
|
27
27
|
export { BreadCrumbItemComponent } from './breadcrumb/breadcrumb-item.component';
|
|
28
28
|
export { BreadCrumbListComponent } from './breadcrumb/list.component';
|
|
29
29
|
export { ActionSheetComponent } from './actionsheet/actionsheet.component';
|
|
30
|
-
export { ActionSheetItem, ActionSheetItemGroup, ActionSheetItemClickEvent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective } from './actionsheet/models';
|
|
30
|
+
export { ActionSheetItem, ActionSheetItemGroup, ActionSheetItemClickEvent, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './actionsheet/models';
|
|
31
31
|
export { ActionSheetModule } from './actionsheet.module';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-navigation",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.2.0-develop.2",
|
|
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.
|
|
25
|
-
"@progress/kendo-angular-icons": "11.
|
|
26
|
-
"@progress/kendo-angular-l10n": "11.
|
|
24
|
+
"@progress/kendo-angular-common": "11.2.0-develop.2",
|
|
25
|
+
"@progress/kendo-angular-icons": "11.2.0-develop.2",
|
|
26
|
+
"@progress/kendo-angular-l10n": "11.2.0-develop.2",
|
|
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.
|
|
31
|
+
"@progress/kendo-angular-schematics": "11.2.0-develop.2"
|
|
32
32
|
},
|
|
33
33
|
"schematics": "./schematics/collection.json",
|
|
34
34
|
"module": "fesm2015/progress-kendo-angular-navigation.mjs",
|