@progress/kendo-angular-layout 13.0.0-develop.1 → 13.0.0-develop.10
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/esm2020/avatar/avatar.component.mjs +1 -1
- package/esm2020/drawer/item.component.mjs +1 -1
- package/esm2020/expansionpanel/expansionpanel.component.mjs +1 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/panelbar/panelbar-item.component.mjs +1 -1
- package/esm2020/splitter/splitter-bar.component.mjs +33 -13
- package/esm2020/stepper/step.component.mjs +1 -1
- package/esm2020/tabstrip/scrollable-button.component.mjs +35 -9
- package/fesm2015/progress-kendo-angular-layout.mjs +71 -28
- package/fesm2020/progress-kendo-angular-layout.mjs +71 -28
- package/package.json +7 -7
- package/tabstrip/scrollable-button.component.d.ts +7 -1
|
@@ -276,7 +276,7 @@ AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
276
276
|
</kendo-icon-wrapper>
|
|
277
277
|
</span>
|
|
278
278
|
</ng-container>
|
|
279
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.LocalizedAvatarMessagesDirective, selector: "[kendoAvatarLocalizedMessages]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
279
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.LocalizedAvatarMessagesDirective, selector: "[kendoAvatarLocalizedMessages]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
280
280
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
281
281
|
type: Component,
|
|
282
282
|
args: [{
|
|
@@ -101,7 +101,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
101
101
|
</kendo-icon-wrapper>
|
|
102
102
|
</ng-container>
|
|
103
103
|
</ng-template>
|
|
104
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
104
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
105
105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DrawerItemComponent, decorators: [{
|
|
106
106
|
type: Component,
|
|
107
107
|
args: [{
|
|
@@ -385,7 +385,7 @@ ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
385
385
|
<ng-content></ng-content>
|
|
386
386
|
</div>
|
|
387
387
|
</div>
|
|
388
|
-
`, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
388
|
+
`, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
389
389
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
390
390
|
type: Component,
|
|
391
391
|
args: [{
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-layout',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '13.0.0-develop.
|
|
12
|
+
publishDate: 1685119627,
|
|
13
|
+
version: '13.0.0-develop.10',
|
|
14
14
|
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'
|
|
15
15
|
};
|
|
@@ -406,7 +406,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
406
406
|
</ng-template>
|
|
407
407
|
<ng-template [ngIf]="!template">{{content}}</ng-template>
|
|
408
408
|
</div>
|
|
409
|
-
</div>`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
409
|
+
</div>`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
410
410
|
trigger('toggle', [
|
|
411
411
|
state('inactive', style({ display: 'none' })),
|
|
412
412
|
transition('* => active', [
|
|
@@ -126,9 +126,10 @@ export class SplitterBarComponent {
|
|
|
126
126
|
const isCollapsible = pane.collapsible;
|
|
127
127
|
const isCollapsed = pane.collapsed;
|
|
128
128
|
const isHorizontal = this.orientation === 'horizontal';
|
|
129
|
+
const isRTL = this.direction === 'rtl';
|
|
129
130
|
return classFromObject({
|
|
130
|
-
'caret-alt-left': isCollapsible && isHorizontal && !isCollapsed,
|
|
131
|
-
'caret-alt-right': isCollapsible && isHorizontal && isCollapsed,
|
|
131
|
+
'caret-alt-left': isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL)),
|
|
132
|
+
'caret-alt-right': isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL)),
|
|
132
133
|
'caret-alt-up': isCollapsible && !isHorizontal && !isCollapsed,
|
|
133
134
|
'caret-alt-down': isCollapsible && !isHorizontal && isCollapsed
|
|
134
135
|
});
|
|
@@ -138,10 +139,11 @@ export class SplitterBarComponent {
|
|
|
138
139
|
const isCollapsible = pane.collapsible;
|
|
139
140
|
const isCollapsed = pane.collapsed;
|
|
140
141
|
const isHorizontal = this.orientation === 'horizontal';
|
|
141
|
-
|
|
142
|
+
const isRTL = this.direction === 'rtl';
|
|
143
|
+
if (isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL))) {
|
|
142
144
|
return caretAltLeftIcon;
|
|
143
145
|
}
|
|
144
|
-
if (isCollapsible && isHorizontal && isCollapsed) {
|
|
146
|
+
if (isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL))) {
|
|
145
147
|
return caretAltRightIcon;
|
|
146
148
|
}
|
|
147
149
|
if (isCollapsible && !isHorizontal && !isCollapsed) {
|
|
@@ -156,9 +158,10 @@ export class SplitterBarComponent {
|
|
|
156
158
|
const isCollapsible = pane.collapsible;
|
|
157
159
|
const isCollapsed = pane.collapsed;
|
|
158
160
|
const isHorizontal = this.orientation === 'horizontal';
|
|
161
|
+
const isRTL = this.direction === 'rtl';
|
|
159
162
|
return classFromObject({
|
|
160
|
-
'caret-alt-right': isCollapsible && isHorizontal && !isCollapsed,
|
|
161
|
-
'caret-alt-left': isCollapsible && isHorizontal && isCollapsed,
|
|
163
|
+
'caret-alt-right': isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL)),
|
|
164
|
+
'caret-alt-left': isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL)),
|
|
162
165
|
'caret-alt-down': isCollapsible && !isHorizontal && !isCollapsed,
|
|
163
166
|
'caret-alt-up': isCollapsible && !isHorizontal && isCollapsed
|
|
164
167
|
});
|
|
@@ -168,10 +171,11 @@ export class SplitterBarComponent {
|
|
|
168
171
|
const isCollapsible = pane.collapsible;
|
|
169
172
|
const isCollapsed = pane.collapsed;
|
|
170
173
|
const isHorizontal = this.orientation === 'horizontal';
|
|
171
|
-
|
|
174
|
+
const isRTL = this.direction === 'rtl';
|
|
175
|
+
if (isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL))) {
|
|
172
176
|
return caretAltRightIcon;
|
|
173
177
|
}
|
|
174
|
-
if (isCollapsible && isHorizontal && isCollapsed) {
|
|
178
|
+
if (isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL))) {
|
|
175
179
|
return caretAltLeftIcon;
|
|
176
180
|
}
|
|
177
181
|
if (isCollapsible && !isHorizontal && !isCollapsed) {
|
|
@@ -221,24 +225,40 @@ export class SplitterBarComponent {
|
|
|
221
225
|
SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1.DraggableDirective, host: true }, { token: i2.LocalizationService }, { token: i3.SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
222
226
|
SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
|
|
223
227
|
<div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
|
|
224
|
-
<kendo-icon-wrapper
|
|
228
|
+
<kendo-icon-wrapper
|
|
229
|
+
size="xsmall"
|
|
230
|
+
[name]="previousArrowClass()"
|
|
231
|
+
[svgIcon]="previousSVGArrowClass()"
|
|
232
|
+
></kendo-icon-wrapper>
|
|
225
233
|
</div>
|
|
226
234
|
<div class="k-resize-handle"></div>
|
|
227
235
|
<div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
|
|
228
|
-
<kendo-icon-wrapper
|
|
236
|
+
<kendo-icon-wrapper
|
|
237
|
+
size="xsmall"
|
|
238
|
+
[name]="nextArrowClass()"
|
|
239
|
+
[svgIcon]="nextSVGArrowClass()"
|
|
240
|
+
></kendo-icon-wrapper>
|
|
229
241
|
</div>
|
|
230
|
-
`, isInline: true, components: [{ type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
242
|
+
`, isInline: true, components: [{ type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
231
243
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, decorators: [{
|
|
232
244
|
type: Component,
|
|
233
245
|
args: [{
|
|
234
246
|
selector: 'kendo-splitter-bar',
|
|
235
247
|
template: `
|
|
236
248
|
<div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
|
|
237
|
-
<kendo-icon-wrapper
|
|
249
|
+
<kendo-icon-wrapper
|
|
250
|
+
size="xsmall"
|
|
251
|
+
[name]="previousArrowClass()"
|
|
252
|
+
[svgIcon]="previousSVGArrowClass()"
|
|
253
|
+
></kendo-icon-wrapper>
|
|
238
254
|
</div>
|
|
239
255
|
<div class="k-resize-handle"></div>
|
|
240
256
|
<div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
|
|
241
|
-
<kendo-icon-wrapper
|
|
257
|
+
<kendo-icon-wrapper
|
|
258
|
+
size="xsmall"
|
|
259
|
+
[name]="nextArrowClass()"
|
|
260
|
+
[svgIcon]="nextSVGArrowClass()"
|
|
261
|
+
></kendo-icon-wrapper>
|
|
242
262
|
</div>
|
|
243
263
|
`
|
|
244
264
|
}]
|
|
@@ -245,7 +245,7 @@ StepperStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
245
245
|
</span>
|
|
246
246
|
</ng-container>
|
|
247
247
|
</a>
|
|
248
|
-
`, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
248
|
+
`, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
249
249
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StepperStepComponent, decorators: [{
|
|
250
250
|
type: Component,
|
|
251
251
|
args: [{
|
|
@@ -8,19 +8,27 @@ import { Subscription } from 'rxjs';
|
|
|
8
8
|
import { DIRECTION_CLASSES, HIDDEN_CLASS } from './constants';
|
|
9
9
|
import { isTablistHorizontal } from './util';
|
|
10
10
|
import { TabScrollEvent } from './events/tabscroll-event';
|
|
11
|
+
import { caretAltLeftIcon, caretAltRightIcon, caretAltUpIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
|
|
12
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
11
13
|
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "@progress/kendo-angular-
|
|
14
|
+
import * as i1 from "@progress/kendo-angular-l10n";
|
|
15
|
+
import * as i2 from "@progress/kendo-angular-icons";
|
|
13
16
|
/**
|
|
14
17
|
* @hidden
|
|
15
18
|
*/
|
|
16
19
|
export class TabStripScrollableButtonComponent {
|
|
17
|
-
constructor(host, renderer, ngZone) {
|
|
20
|
+
constructor(host, renderer, ngZone, localization) {
|
|
18
21
|
this.host = host;
|
|
19
22
|
this.renderer = renderer;
|
|
20
23
|
this.ngZone = ngZone;
|
|
24
|
+
this.localization = localization;
|
|
21
25
|
this.prev = false;
|
|
22
26
|
this.tabScroll = new EventEmitter();
|
|
23
27
|
this.onClick = new EventEmitter();
|
|
28
|
+
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
29
|
+
this.caretAltRightIcon = caretAltRightIcon;
|
|
30
|
+
this.caretAltUpIcon = caretAltUpIcon;
|
|
31
|
+
this.caretAltDownIcon = caretAltDownIcon;
|
|
24
32
|
this.subs = new Subscription();
|
|
25
33
|
this.clickHandler = (scrollEvent) => {
|
|
26
34
|
const tabStripScrollEvent = this.emitScrollEvent(scrollEvent);
|
|
@@ -62,8 +70,16 @@ export class TabStripScrollableButtonComponent {
|
|
|
62
70
|
this.renderer[show ? 'removeClass' : 'addClass'](this.host.nativeElement, HIDDEN_CLASS);
|
|
63
71
|
}
|
|
64
72
|
get scrollButtonIconClass() {
|
|
65
|
-
const defaultPrevIcon = isTablistHorizontal(this.tabPosition) ?
|
|
66
|
-
|
|
73
|
+
const defaultPrevIcon = isTablistHorizontal(this.tabPosition) ?
|
|
74
|
+
!this.localization.rtl ?
|
|
75
|
+
DIRECTION_CLASSES.left :
|
|
76
|
+
DIRECTION_CLASSES.right :
|
|
77
|
+
DIRECTION_CLASSES.up;
|
|
78
|
+
const defaultNextIcon = isTablistHorizontal(this.tabPosition) ?
|
|
79
|
+
!this.localization.rtl ?
|
|
80
|
+
DIRECTION_CLASSES.right :
|
|
81
|
+
DIRECTION_CLASSES.left :
|
|
82
|
+
DIRECTION_CLASSES.down;
|
|
67
83
|
if (typeof this.scrollable === 'object') {
|
|
68
84
|
const prevIcon = typeof this.scrollable.prevButtonIcon === 'undefined' ? defaultPrevIcon : '';
|
|
69
85
|
const nextIcon = typeof this.scrollable.nextButtonIcon === 'undefined' ? defaultNextIcon : '';
|
|
@@ -88,9 +104,19 @@ export class TabStripScrollableButtonComponent {
|
|
|
88
104
|
}
|
|
89
105
|
}
|
|
90
106
|
get scrollButtonSVGIcon() {
|
|
107
|
+
const defaultPrevSVGIcon = isTablistHorizontal(this.tabPosition) ?
|
|
108
|
+
!this.localization.rtl ?
|
|
109
|
+
this.caretAltLeftIcon :
|
|
110
|
+
this.caretAltRightIcon :
|
|
111
|
+
this.caretAltUpIcon;
|
|
112
|
+
const defaultNextSVGIcon = isTablistHorizontal(this.tabPosition) ?
|
|
113
|
+
!this.localization.rtl ?
|
|
114
|
+
this.caretAltRightIcon :
|
|
115
|
+
this.caretAltLeftIcon :
|
|
116
|
+
this.caretAltDownIcon;
|
|
91
117
|
if (typeof this.scrollable === 'object') {
|
|
92
|
-
const prevIcon = this.scrollable.prevSVGButtonIcon !== undefined ? this.scrollable.prevSVGButtonIcon :
|
|
93
|
-
const nextIcon = this.scrollable.nextSVGButtonIcon !== undefined ? this.scrollable.nextSVGButtonIcon :
|
|
118
|
+
const prevIcon = this.scrollable.prevSVGButtonIcon !== undefined ? this.scrollable.prevSVGButtonIcon : defaultPrevSVGIcon;
|
|
119
|
+
const nextIcon = this.scrollable.nextSVGButtonIcon !== undefined ? this.scrollable.nextSVGButtonIcon : defaultNextSVGIcon;
|
|
94
120
|
if (prevIcon || nextIcon) {
|
|
95
121
|
return this.prev ? prevIcon : nextIcon;
|
|
96
122
|
}
|
|
@@ -104,7 +130,7 @@ export class TabStripScrollableButtonComponent {
|
|
|
104
130
|
return scrollEvent;
|
|
105
131
|
}
|
|
106
132
|
}
|
|
107
|
-
TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
133
|
+
TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
108
134
|
TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
|
|
109
135
|
<kendo-icon-wrapper
|
|
110
136
|
[name]="iconClass"
|
|
@@ -113,7 +139,7 @@ TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
|
|
|
113
139
|
innerCssClass="k-button-icon"
|
|
114
140
|
>
|
|
115
141
|
</kendo-icon-wrapper>
|
|
116
|
-
`, isInline: true, components: [{ type:
|
|
142
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
117
143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabStripScrollableButtonComponent, decorators: [{
|
|
118
144
|
type: Component,
|
|
119
145
|
args: [{
|
|
@@ -129,7 +155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
129
155
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
130
156
|
selector: '[kendoTabStripScrollableButton]'
|
|
131
157
|
}]
|
|
132
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { prevClass: [{
|
|
158
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { prevClass: [{
|
|
133
159
|
type: HostBinding,
|
|
134
160
|
args: ['class.k-tabstrip-prev']
|
|
135
161
|
}], nextClass: [{
|
|
@@ -31,8 +31,8 @@ const packageMetadata = {
|
|
|
31
31
|
name: '@progress/kendo-angular-layout',
|
|
32
32
|
productName: 'Kendo UI for Angular',
|
|
33
33
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
34
|
-
publishDate:
|
|
35
|
-
version: '13.0.0-develop.
|
|
34
|
+
publishDate: 1685119627,
|
|
35
|
+
version: '13.0.0-develop.10',
|
|
36
36
|
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'
|
|
37
37
|
};
|
|
38
38
|
|
|
@@ -676,7 +676,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
676
676
|
</ng-template>
|
|
677
677
|
<ng-template [ngIf]="!template">{{content}}</ng-template>
|
|
678
678
|
</div>
|
|
679
|
-
</div>`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
679
|
+
</div>`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
680
680
|
trigger('toggle', [
|
|
681
681
|
state('inactive', style({ display: 'none' })),
|
|
682
682
|
transition('* => active', [
|
|
@@ -2102,9 +2102,10 @@ class SplitterBarComponent {
|
|
|
2102
2102
|
const isCollapsible = pane.collapsible;
|
|
2103
2103
|
const isCollapsed = pane.collapsed;
|
|
2104
2104
|
const isHorizontal = this.orientation === 'horizontal';
|
|
2105
|
+
const isRTL = this.direction === 'rtl';
|
|
2105
2106
|
return classFromObject({
|
|
2106
|
-
'caret-alt-left': isCollapsible && isHorizontal && !isCollapsed,
|
|
2107
|
-
'caret-alt-right': isCollapsible && isHorizontal && isCollapsed,
|
|
2107
|
+
'caret-alt-left': isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL)),
|
|
2108
|
+
'caret-alt-right': isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL)),
|
|
2108
2109
|
'caret-alt-up': isCollapsible && !isHorizontal && !isCollapsed,
|
|
2109
2110
|
'caret-alt-down': isCollapsible && !isHorizontal && isCollapsed
|
|
2110
2111
|
});
|
|
@@ -2114,10 +2115,11 @@ class SplitterBarComponent {
|
|
|
2114
2115
|
const isCollapsible = pane.collapsible;
|
|
2115
2116
|
const isCollapsed = pane.collapsed;
|
|
2116
2117
|
const isHorizontal = this.orientation === 'horizontal';
|
|
2117
|
-
|
|
2118
|
+
const isRTL = this.direction === 'rtl';
|
|
2119
|
+
if (isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL))) {
|
|
2118
2120
|
return caretAltLeftIcon;
|
|
2119
2121
|
}
|
|
2120
|
-
if (isCollapsible && isHorizontal && isCollapsed) {
|
|
2122
|
+
if (isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL))) {
|
|
2121
2123
|
return caretAltRightIcon;
|
|
2122
2124
|
}
|
|
2123
2125
|
if (isCollapsible && !isHorizontal && !isCollapsed) {
|
|
@@ -2132,9 +2134,10 @@ class SplitterBarComponent {
|
|
|
2132
2134
|
const isCollapsible = pane.collapsible;
|
|
2133
2135
|
const isCollapsed = pane.collapsed;
|
|
2134
2136
|
const isHorizontal = this.orientation === 'horizontal';
|
|
2137
|
+
const isRTL = this.direction === 'rtl';
|
|
2135
2138
|
return classFromObject({
|
|
2136
|
-
'caret-alt-right': isCollapsible && isHorizontal && !isCollapsed,
|
|
2137
|
-
'caret-alt-left': isCollapsible && isHorizontal && isCollapsed,
|
|
2139
|
+
'caret-alt-right': isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL)),
|
|
2140
|
+
'caret-alt-left': isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL)),
|
|
2138
2141
|
'caret-alt-down': isCollapsible && !isHorizontal && !isCollapsed,
|
|
2139
2142
|
'caret-alt-up': isCollapsible && !isHorizontal && isCollapsed
|
|
2140
2143
|
});
|
|
@@ -2144,10 +2147,11 @@ class SplitterBarComponent {
|
|
|
2144
2147
|
const isCollapsible = pane.collapsible;
|
|
2145
2148
|
const isCollapsed = pane.collapsed;
|
|
2146
2149
|
const isHorizontal = this.orientation === 'horizontal';
|
|
2147
|
-
|
|
2150
|
+
const isRTL = this.direction === 'rtl';
|
|
2151
|
+
if (isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL))) {
|
|
2148
2152
|
return caretAltRightIcon;
|
|
2149
2153
|
}
|
|
2150
|
-
if (isCollapsible && isHorizontal && isCollapsed) {
|
|
2154
|
+
if (isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL))) {
|
|
2151
2155
|
return caretAltLeftIcon;
|
|
2152
2156
|
}
|
|
2153
2157
|
if (isCollapsible && !isHorizontal && !isCollapsed) {
|
|
@@ -2197,24 +2201,40 @@ class SplitterBarComponent {
|
|
|
2197
2201
|
SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i1.LocalizationService }, { token: SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
2198
2202
|
SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
|
|
2199
2203
|
<div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
|
|
2200
|
-
<kendo-icon-wrapper
|
|
2204
|
+
<kendo-icon-wrapper
|
|
2205
|
+
size="xsmall"
|
|
2206
|
+
[name]="previousArrowClass()"
|
|
2207
|
+
[svgIcon]="previousSVGArrowClass()"
|
|
2208
|
+
></kendo-icon-wrapper>
|
|
2201
2209
|
</div>
|
|
2202
2210
|
<div class="k-resize-handle"></div>
|
|
2203
2211
|
<div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
|
|
2204
|
-
<kendo-icon-wrapper
|
|
2212
|
+
<kendo-icon-wrapper
|
|
2213
|
+
size="xsmall"
|
|
2214
|
+
[name]="nextArrowClass()"
|
|
2215
|
+
[svgIcon]="nextSVGArrowClass()"
|
|
2216
|
+
></kendo-icon-wrapper>
|
|
2205
2217
|
</div>
|
|
2206
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2218
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2207
2219
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, decorators: [{
|
|
2208
2220
|
type: Component,
|
|
2209
2221
|
args: [{
|
|
2210
2222
|
selector: 'kendo-splitter-bar',
|
|
2211
2223
|
template: `
|
|
2212
2224
|
<div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
|
|
2213
|
-
<kendo-icon-wrapper
|
|
2225
|
+
<kendo-icon-wrapper
|
|
2226
|
+
size="xsmall"
|
|
2227
|
+
[name]="previousArrowClass()"
|
|
2228
|
+
[svgIcon]="previousSVGArrowClass()"
|
|
2229
|
+
></kendo-icon-wrapper>
|
|
2214
2230
|
</div>
|
|
2215
2231
|
<div class="k-resize-handle"></div>
|
|
2216
2232
|
<div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
|
|
2217
|
-
<kendo-icon-wrapper
|
|
2233
|
+
<kendo-icon-wrapper
|
|
2234
|
+
size="xsmall"
|
|
2235
|
+
[name]="nextArrowClass()"
|
|
2236
|
+
[svgIcon]="nextSVGArrowClass()"
|
|
2237
|
+
></kendo-icon-wrapper>
|
|
2218
2238
|
</div>
|
|
2219
2239
|
`
|
|
2220
2240
|
}]
|
|
@@ -3151,13 +3171,18 @@ class TabScrollEvent extends PreventableEvent$1 {
|
|
|
3151
3171
|
* @hidden
|
|
3152
3172
|
*/
|
|
3153
3173
|
class TabStripScrollableButtonComponent {
|
|
3154
|
-
constructor(host, renderer, ngZone) {
|
|
3174
|
+
constructor(host, renderer, ngZone, localization) {
|
|
3155
3175
|
this.host = host;
|
|
3156
3176
|
this.renderer = renderer;
|
|
3157
3177
|
this.ngZone = ngZone;
|
|
3178
|
+
this.localization = localization;
|
|
3158
3179
|
this.prev = false;
|
|
3159
3180
|
this.tabScroll = new EventEmitter();
|
|
3160
3181
|
this.onClick = new EventEmitter();
|
|
3182
|
+
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
3183
|
+
this.caretAltRightIcon = caretAltRightIcon;
|
|
3184
|
+
this.caretAltUpIcon = caretAltUpIcon;
|
|
3185
|
+
this.caretAltDownIcon = caretAltDownIcon;
|
|
3161
3186
|
this.subs = new Subscription();
|
|
3162
3187
|
this.clickHandler = (scrollEvent) => {
|
|
3163
3188
|
const tabStripScrollEvent = this.emitScrollEvent(scrollEvent);
|
|
@@ -3199,8 +3224,16 @@ class TabStripScrollableButtonComponent {
|
|
|
3199
3224
|
this.renderer[show ? 'removeClass' : 'addClass'](this.host.nativeElement, HIDDEN_CLASS);
|
|
3200
3225
|
}
|
|
3201
3226
|
get scrollButtonIconClass() {
|
|
3202
|
-
const defaultPrevIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3203
|
-
|
|
3227
|
+
const defaultPrevIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3228
|
+
!this.localization.rtl ?
|
|
3229
|
+
DIRECTION_CLASSES.left :
|
|
3230
|
+
DIRECTION_CLASSES.right :
|
|
3231
|
+
DIRECTION_CLASSES.up;
|
|
3232
|
+
const defaultNextIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3233
|
+
!this.localization.rtl ?
|
|
3234
|
+
DIRECTION_CLASSES.right :
|
|
3235
|
+
DIRECTION_CLASSES.left :
|
|
3236
|
+
DIRECTION_CLASSES.down;
|
|
3204
3237
|
if (typeof this.scrollable === 'object') {
|
|
3205
3238
|
const prevIcon = typeof this.scrollable.prevButtonIcon === 'undefined' ? defaultPrevIcon : '';
|
|
3206
3239
|
const nextIcon = typeof this.scrollable.nextButtonIcon === 'undefined' ? defaultNextIcon : '';
|
|
@@ -3225,9 +3258,19 @@ class TabStripScrollableButtonComponent {
|
|
|
3225
3258
|
}
|
|
3226
3259
|
}
|
|
3227
3260
|
get scrollButtonSVGIcon() {
|
|
3261
|
+
const defaultPrevSVGIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3262
|
+
!this.localization.rtl ?
|
|
3263
|
+
this.caretAltLeftIcon :
|
|
3264
|
+
this.caretAltRightIcon :
|
|
3265
|
+
this.caretAltUpIcon;
|
|
3266
|
+
const defaultNextSVGIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3267
|
+
!this.localization.rtl ?
|
|
3268
|
+
this.caretAltRightIcon :
|
|
3269
|
+
this.caretAltLeftIcon :
|
|
3270
|
+
this.caretAltDownIcon;
|
|
3228
3271
|
if (typeof this.scrollable === 'object') {
|
|
3229
|
-
const prevIcon = this.scrollable.prevSVGButtonIcon !== undefined ? this.scrollable.prevSVGButtonIcon :
|
|
3230
|
-
const nextIcon = this.scrollable.nextSVGButtonIcon !== undefined ? this.scrollable.nextSVGButtonIcon :
|
|
3272
|
+
const prevIcon = this.scrollable.prevSVGButtonIcon !== undefined ? this.scrollable.prevSVGButtonIcon : defaultPrevSVGIcon;
|
|
3273
|
+
const nextIcon = this.scrollable.nextSVGButtonIcon !== undefined ? this.scrollable.nextSVGButtonIcon : defaultNextSVGIcon;
|
|
3231
3274
|
if (prevIcon || nextIcon) {
|
|
3232
3275
|
return this.prev ? prevIcon : nextIcon;
|
|
3233
3276
|
}
|
|
@@ -3241,7 +3284,7 @@ class TabStripScrollableButtonComponent {
|
|
|
3241
3284
|
return scrollEvent;
|
|
3242
3285
|
}
|
|
3243
3286
|
}
|
|
3244
|
-
TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
3287
|
+
TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3245
3288
|
TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
|
|
3246
3289
|
<kendo-icon-wrapper
|
|
3247
3290
|
[name]="iconClass"
|
|
@@ -3250,7 +3293,7 @@ TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
|
|
|
3250
3293
|
innerCssClass="k-button-icon"
|
|
3251
3294
|
>
|
|
3252
3295
|
</kendo-icon-wrapper>
|
|
3253
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }] });
|
|
3296
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
3254
3297
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabStripScrollableButtonComponent, decorators: [{
|
|
3255
3298
|
type: Component,
|
|
3256
3299
|
args: [{
|
|
@@ -3266,7 +3309,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
3266
3309
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
3267
3310
|
selector: '[kendoTabStripScrollableButton]'
|
|
3268
3311
|
}]
|
|
3269
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { prevClass: [{
|
|
3312
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { prevClass: [{
|
|
3270
3313
|
type: HostBinding,
|
|
3271
3314
|
args: ['class.k-tabstrip-prev']
|
|
3272
3315
|
}], nextClass: [{
|
|
@@ -4626,7 +4669,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4626
4669
|
</kendo-icon-wrapper>
|
|
4627
4670
|
</ng-container>
|
|
4628
4671
|
</ng-template>
|
|
4629
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
4672
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
4630
4673
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DrawerItemComponent, decorators: [{
|
|
4631
4674
|
type: Component,
|
|
4632
4675
|
args: [{
|
|
@@ -5836,7 +5879,7 @@ StepperStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
5836
5879
|
</span>
|
|
5837
5880
|
</ng-container>
|
|
5838
5881
|
</a>
|
|
5839
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
5882
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
5840
5883
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StepperStepComponent, decorators: [{
|
|
5841
5884
|
type: Component,
|
|
5842
5885
|
args: [{
|
|
@@ -6859,7 +6902,7 @@ AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
6859
6902
|
</kendo-icon-wrapper>
|
|
6860
6903
|
</span>
|
|
6861
6904
|
</ng-container>
|
|
6862
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedAvatarMessagesDirective, selector: "[kendoAvatarLocalizedMessages]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
6905
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedAvatarMessagesDirective, selector: "[kendoAvatarLocalizedMessages]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
6863
6906
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
6864
6907
|
type: Component,
|
|
6865
6908
|
args: [{
|
|
@@ -7835,7 +7878,7 @@ ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
7835
7878
|
<ng-content></ng-content>
|
|
7836
7879
|
</div>
|
|
7837
7880
|
</div>
|
|
7838
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
7881
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
7839
7882
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
7840
7883
|
type: Component,
|
|
7841
7884
|
args: [{
|
|
@@ -31,8 +31,8 @@ const packageMetadata = {
|
|
|
31
31
|
name: '@progress/kendo-angular-layout',
|
|
32
32
|
productName: 'Kendo UI for Angular',
|
|
33
33
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
34
|
-
publishDate:
|
|
35
|
-
version: '13.0.0-develop.
|
|
34
|
+
publishDate: 1685119627,
|
|
35
|
+
version: '13.0.0-develop.10',
|
|
36
36
|
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'
|
|
37
37
|
};
|
|
38
38
|
|
|
@@ -674,7 +674,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
674
674
|
</ng-template>
|
|
675
675
|
<ng-template [ngIf]="!template">{{content}}</ng-template>
|
|
676
676
|
</div>
|
|
677
|
-
</div>`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
677
|
+
</div>`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
678
678
|
trigger('toggle', [
|
|
679
679
|
state('inactive', style({ display: 'none' })),
|
|
680
680
|
transition('* => active', [
|
|
@@ -2096,9 +2096,10 @@ class SplitterBarComponent {
|
|
|
2096
2096
|
const isCollapsible = pane.collapsible;
|
|
2097
2097
|
const isCollapsed = pane.collapsed;
|
|
2098
2098
|
const isHorizontal = this.orientation === 'horizontal';
|
|
2099
|
+
const isRTL = this.direction === 'rtl';
|
|
2099
2100
|
return classFromObject({
|
|
2100
|
-
'caret-alt-left': isCollapsible && isHorizontal && !isCollapsed,
|
|
2101
|
-
'caret-alt-right': isCollapsible && isHorizontal && isCollapsed,
|
|
2101
|
+
'caret-alt-left': isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL)),
|
|
2102
|
+
'caret-alt-right': isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL)),
|
|
2102
2103
|
'caret-alt-up': isCollapsible && !isHorizontal && !isCollapsed,
|
|
2103
2104
|
'caret-alt-down': isCollapsible && !isHorizontal && isCollapsed
|
|
2104
2105
|
});
|
|
@@ -2108,10 +2109,11 @@ class SplitterBarComponent {
|
|
|
2108
2109
|
const isCollapsible = pane.collapsible;
|
|
2109
2110
|
const isCollapsed = pane.collapsed;
|
|
2110
2111
|
const isHorizontal = this.orientation === 'horizontal';
|
|
2111
|
-
|
|
2112
|
+
const isRTL = this.direction === 'rtl';
|
|
2113
|
+
if (isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL))) {
|
|
2112
2114
|
return caretAltLeftIcon;
|
|
2113
2115
|
}
|
|
2114
|
-
if (isCollapsible && isHorizontal && isCollapsed) {
|
|
2116
|
+
if (isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL))) {
|
|
2115
2117
|
return caretAltRightIcon;
|
|
2116
2118
|
}
|
|
2117
2119
|
if (isCollapsible && !isHorizontal && !isCollapsed) {
|
|
@@ -2126,9 +2128,10 @@ class SplitterBarComponent {
|
|
|
2126
2128
|
const isCollapsible = pane.collapsible;
|
|
2127
2129
|
const isCollapsed = pane.collapsed;
|
|
2128
2130
|
const isHorizontal = this.orientation === 'horizontal';
|
|
2131
|
+
const isRTL = this.direction === 'rtl';
|
|
2129
2132
|
return classFromObject({
|
|
2130
|
-
'caret-alt-right': isCollapsible && isHorizontal && !isCollapsed,
|
|
2131
|
-
'caret-alt-left': isCollapsible && isHorizontal && isCollapsed,
|
|
2133
|
+
'caret-alt-right': isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL)),
|
|
2134
|
+
'caret-alt-left': isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL)),
|
|
2132
2135
|
'caret-alt-down': isCollapsible && !isHorizontal && !isCollapsed,
|
|
2133
2136
|
'caret-alt-up': isCollapsible && !isHorizontal && isCollapsed
|
|
2134
2137
|
});
|
|
@@ -2138,10 +2141,11 @@ class SplitterBarComponent {
|
|
|
2138
2141
|
const isCollapsible = pane.collapsible;
|
|
2139
2142
|
const isCollapsed = pane.collapsed;
|
|
2140
2143
|
const isHorizontal = this.orientation === 'horizontal';
|
|
2141
|
-
|
|
2144
|
+
const isRTL = this.direction === 'rtl';
|
|
2145
|
+
if (isCollapsible && isHorizontal && ((!isCollapsed && !isRTL) || (isCollapsed && isRTL))) {
|
|
2142
2146
|
return caretAltRightIcon;
|
|
2143
2147
|
}
|
|
2144
|
-
if (isCollapsible && isHorizontal && isCollapsed) {
|
|
2148
|
+
if (isCollapsible && isHorizontal && ((isCollapsed && !isRTL) || (!isCollapsed && isRTL))) {
|
|
2145
2149
|
return caretAltLeftIcon;
|
|
2146
2150
|
}
|
|
2147
2151
|
if (isCollapsible && !isHorizontal && !isCollapsed) {
|
|
@@ -2191,24 +2195,40 @@ class SplitterBarComponent {
|
|
|
2191
2195
|
SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i1.LocalizationService }, { token: SplitterService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
2192
2196
|
SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { properties: { "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.aria-orientation": "this.hostOrientation", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
|
|
2193
2197
|
<div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
|
|
2194
|
-
<kendo-icon-wrapper
|
|
2198
|
+
<kendo-icon-wrapper
|
|
2199
|
+
size="xsmall"
|
|
2200
|
+
[name]="previousArrowClass()"
|
|
2201
|
+
[svgIcon]="previousSVGArrowClass()"
|
|
2202
|
+
></kendo-icon-wrapper>
|
|
2195
2203
|
</div>
|
|
2196
2204
|
<div class="k-resize-handle"></div>
|
|
2197
2205
|
<div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
|
|
2198
|
-
<kendo-icon-wrapper
|
|
2206
|
+
<kendo-icon-wrapper
|
|
2207
|
+
size="xsmall"
|
|
2208
|
+
[name]="nextArrowClass()"
|
|
2209
|
+
[svgIcon]="nextSVGArrowClass()"
|
|
2210
|
+
></kendo-icon-wrapper>
|
|
2199
2211
|
</div>
|
|
2200
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2212
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2201
2213
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SplitterBarComponent, decorators: [{
|
|
2202
2214
|
type: Component,
|
|
2203
2215
|
args: [{
|
|
2204
2216
|
selector: 'kendo-splitter-bar',
|
|
2205
2217
|
template: `
|
|
2206
2218
|
<div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
|
|
2207
|
-
<kendo-icon-wrapper
|
|
2219
|
+
<kendo-icon-wrapper
|
|
2220
|
+
size="xsmall"
|
|
2221
|
+
[name]="previousArrowClass()"
|
|
2222
|
+
[svgIcon]="previousSVGArrowClass()"
|
|
2223
|
+
></kendo-icon-wrapper>
|
|
2208
2224
|
</div>
|
|
2209
2225
|
<div class="k-resize-handle"></div>
|
|
2210
2226
|
<div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
|
|
2211
|
-
<kendo-icon-wrapper
|
|
2227
|
+
<kendo-icon-wrapper
|
|
2228
|
+
size="xsmall"
|
|
2229
|
+
[name]="nextArrowClass()"
|
|
2230
|
+
[svgIcon]="nextSVGArrowClass()"
|
|
2231
|
+
></kendo-icon-wrapper>
|
|
2212
2232
|
</div>
|
|
2213
2233
|
`
|
|
2214
2234
|
}]
|
|
@@ -3141,13 +3161,18 @@ class TabScrollEvent extends PreventableEvent$1 {
|
|
|
3141
3161
|
* @hidden
|
|
3142
3162
|
*/
|
|
3143
3163
|
class TabStripScrollableButtonComponent {
|
|
3144
|
-
constructor(host, renderer, ngZone) {
|
|
3164
|
+
constructor(host, renderer, ngZone, localization) {
|
|
3145
3165
|
this.host = host;
|
|
3146
3166
|
this.renderer = renderer;
|
|
3147
3167
|
this.ngZone = ngZone;
|
|
3168
|
+
this.localization = localization;
|
|
3148
3169
|
this.prev = false;
|
|
3149
3170
|
this.tabScroll = new EventEmitter();
|
|
3150
3171
|
this.onClick = new EventEmitter();
|
|
3172
|
+
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
3173
|
+
this.caretAltRightIcon = caretAltRightIcon;
|
|
3174
|
+
this.caretAltUpIcon = caretAltUpIcon;
|
|
3175
|
+
this.caretAltDownIcon = caretAltDownIcon;
|
|
3151
3176
|
this.subs = new Subscription();
|
|
3152
3177
|
this.clickHandler = (scrollEvent) => {
|
|
3153
3178
|
const tabStripScrollEvent = this.emitScrollEvent(scrollEvent);
|
|
@@ -3189,8 +3214,16 @@ class TabStripScrollableButtonComponent {
|
|
|
3189
3214
|
this.renderer[show ? 'removeClass' : 'addClass'](this.host.nativeElement, HIDDEN_CLASS);
|
|
3190
3215
|
}
|
|
3191
3216
|
get scrollButtonIconClass() {
|
|
3192
|
-
const defaultPrevIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3193
|
-
|
|
3217
|
+
const defaultPrevIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3218
|
+
!this.localization.rtl ?
|
|
3219
|
+
DIRECTION_CLASSES.left :
|
|
3220
|
+
DIRECTION_CLASSES.right :
|
|
3221
|
+
DIRECTION_CLASSES.up;
|
|
3222
|
+
const defaultNextIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3223
|
+
!this.localization.rtl ?
|
|
3224
|
+
DIRECTION_CLASSES.right :
|
|
3225
|
+
DIRECTION_CLASSES.left :
|
|
3226
|
+
DIRECTION_CLASSES.down;
|
|
3194
3227
|
if (typeof this.scrollable === 'object') {
|
|
3195
3228
|
const prevIcon = typeof this.scrollable.prevButtonIcon === 'undefined' ? defaultPrevIcon : '';
|
|
3196
3229
|
const nextIcon = typeof this.scrollable.nextButtonIcon === 'undefined' ? defaultNextIcon : '';
|
|
@@ -3215,9 +3248,19 @@ class TabStripScrollableButtonComponent {
|
|
|
3215
3248
|
}
|
|
3216
3249
|
}
|
|
3217
3250
|
get scrollButtonSVGIcon() {
|
|
3251
|
+
const defaultPrevSVGIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3252
|
+
!this.localization.rtl ?
|
|
3253
|
+
this.caretAltLeftIcon :
|
|
3254
|
+
this.caretAltRightIcon :
|
|
3255
|
+
this.caretAltUpIcon;
|
|
3256
|
+
const defaultNextSVGIcon = isTablistHorizontal(this.tabPosition) ?
|
|
3257
|
+
!this.localization.rtl ?
|
|
3258
|
+
this.caretAltRightIcon :
|
|
3259
|
+
this.caretAltLeftIcon :
|
|
3260
|
+
this.caretAltDownIcon;
|
|
3218
3261
|
if (typeof this.scrollable === 'object') {
|
|
3219
|
-
const prevIcon = this.scrollable.prevSVGButtonIcon !== undefined ? this.scrollable.prevSVGButtonIcon :
|
|
3220
|
-
const nextIcon = this.scrollable.nextSVGButtonIcon !== undefined ? this.scrollable.nextSVGButtonIcon :
|
|
3262
|
+
const prevIcon = this.scrollable.prevSVGButtonIcon !== undefined ? this.scrollable.prevSVGButtonIcon : defaultPrevSVGIcon;
|
|
3263
|
+
const nextIcon = this.scrollable.nextSVGButtonIcon !== undefined ? this.scrollable.nextSVGButtonIcon : defaultNextSVGIcon;
|
|
3221
3264
|
if (prevIcon || nextIcon) {
|
|
3222
3265
|
return this.prev ? prevIcon : nextIcon;
|
|
3223
3266
|
}
|
|
@@ -3231,7 +3274,7 @@ class TabStripScrollableButtonComponent {
|
|
|
3231
3274
|
return scrollEvent;
|
|
3232
3275
|
}
|
|
3233
3276
|
}
|
|
3234
|
-
TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
3277
|
+
TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3235
3278
|
TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
|
|
3236
3279
|
<kendo-icon-wrapper
|
|
3237
3280
|
[name]="iconClass"
|
|
@@ -3240,7 +3283,7 @@ TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
|
|
|
3240
3283
|
innerCssClass="k-button-icon"
|
|
3241
3284
|
>
|
|
3242
3285
|
</kendo-icon-wrapper>
|
|
3243
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }] });
|
|
3286
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
3244
3287
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TabStripScrollableButtonComponent, decorators: [{
|
|
3245
3288
|
type: Component,
|
|
3246
3289
|
args: [{
|
|
@@ -3256,7 +3299,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
3256
3299
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
3257
3300
|
selector: '[kendoTabStripScrollableButton]'
|
|
3258
3301
|
}]
|
|
3259
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { prevClass: [{
|
|
3302
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { prevClass: [{
|
|
3260
3303
|
type: HostBinding,
|
|
3261
3304
|
args: ['class.k-tabstrip-prev']
|
|
3262
3305
|
}], nextClass: [{
|
|
@@ -4608,7 +4651,7 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4608
4651
|
</kendo-icon-wrapper>
|
|
4609
4652
|
</ng-container>
|
|
4610
4653
|
</ng-template>
|
|
4611
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
4654
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
4612
4655
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DrawerItemComponent, decorators: [{
|
|
4613
4656
|
type: Component,
|
|
4614
4657
|
args: [{
|
|
@@ -5811,7 +5854,7 @@ StepperStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
5811
5854
|
</span>
|
|
5812
5855
|
</ng-container>
|
|
5813
5856
|
</a>
|
|
5814
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
5857
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
5815
5858
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StepperStepComponent, decorators: [{
|
|
5816
5859
|
type: Component,
|
|
5817
5860
|
args: [{
|
|
@@ -6834,7 +6877,7 @@ AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
6834
6877
|
</kendo-icon-wrapper>
|
|
6835
6878
|
</span>
|
|
6836
6879
|
</ng-container>
|
|
6837
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedAvatarMessagesDirective, selector: "[kendoAvatarLocalizedMessages]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
6880
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedAvatarMessagesDirective, selector: "[kendoAvatarLocalizedMessages]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
6838
6881
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
6839
6882
|
type: Component,
|
|
6840
6883
|
args: [{
|
|
@@ -7808,7 +7851,7 @@ ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
7808
7851
|
<ng-content></ng-content>
|
|
7809
7852
|
</div>
|
|
7810
7853
|
</div>
|
|
7811
|
-
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
7854
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
7812
7855
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
7813
7856
|
type: Component,
|
|
7814
7857
|
args: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
|
3
|
-
"version": "13.0.0-develop.
|
|
3
|
+
"version": "13.0.0-develop.10",
|
|
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",
|
|
@@ -39,16 +39,16 @@
|
|
|
39
39
|
"@angular/core": "13 - 16",
|
|
40
40
|
"@angular/platform-browser": "13 - 16",
|
|
41
41
|
"@progress/kendo-licensing": "^1.0.2",
|
|
42
|
-
"@progress/kendo-angular-common": "13.0.0-develop.
|
|
43
|
-
"@progress/kendo-angular-l10n": "13.0.0-develop.
|
|
44
|
-
"@progress/kendo-angular-progressbar": "13.0.0-develop.
|
|
45
|
-
"@progress/kendo-angular-icons": "13.0.0-develop.
|
|
46
|
-
"@progress/kendo-angular-buttons": "13.0.0-develop.
|
|
42
|
+
"@progress/kendo-angular-common": "13.0.0-develop.10",
|
|
43
|
+
"@progress/kendo-angular-l10n": "13.0.0-develop.10",
|
|
44
|
+
"@progress/kendo-angular-progressbar": "13.0.0-develop.10",
|
|
45
|
+
"@progress/kendo-angular-icons": "13.0.0-develop.10",
|
|
46
|
+
"@progress/kendo-angular-buttons": "13.0.0-develop.10",
|
|
47
47
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"tslib": "^2.3.1",
|
|
51
|
-
"@progress/kendo-angular-schematics": "13.0.0-develop.
|
|
51
|
+
"@progress/kendo-angular-schematics": "13.0.0-develop.10",
|
|
52
52
|
"@progress/kendo-draggable": "^3.0.2"
|
|
53
53
|
},
|
|
54
54
|
"schematics": "./schematics/collection.json",
|
|
@@ -8,6 +8,7 @@ import { TabStripScrollableSettings } from './models/scrollable-settings';
|
|
|
8
8
|
import { TabScrollEvent } from './events/tabscroll-event';
|
|
9
9
|
import { ScrollButtonType } from './models/scroll-button-type';
|
|
10
10
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
11
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
11
12
|
import * as i0 from "@angular/core";
|
|
12
13
|
/**
|
|
13
14
|
* @hidden
|
|
@@ -16,6 +17,7 @@ export declare class TabStripScrollableButtonComponent implements AfterViewInit,
|
|
|
16
17
|
host: ElementRef;
|
|
17
18
|
private renderer;
|
|
18
19
|
private ngZone;
|
|
20
|
+
private localization;
|
|
19
21
|
get prevClass(): boolean;
|
|
20
22
|
get nextClass(): boolean;
|
|
21
23
|
prev: boolean;
|
|
@@ -27,8 +29,12 @@ export declare class TabStripScrollableButtonComponent implements AfterViewInit,
|
|
|
27
29
|
get iconClass(): string;
|
|
28
30
|
get customIconClass(): string;
|
|
29
31
|
get svgIcon(): SVGIcon;
|
|
32
|
+
caretAltLeftIcon: SVGIcon;
|
|
33
|
+
caretAltRightIcon: SVGIcon;
|
|
34
|
+
caretAltUpIcon: SVGIcon;
|
|
35
|
+
caretAltDownIcon: SVGIcon;
|
|
30
36
|
private subs;
|
|
31
|
-
constructor(host: ElementRef, renderer: Renderer2, ngZone: NgZone);
|
|
37
|
+
constructor(host: ElementRef, renderer: Renderer2, ngZone: NgZone, localization: LocalizationService);
|
|
32
38
|
ngAfterViewInit(): void;
|
|
33
39
|
ngOnDestroy(): void;
|
|
34
40
|
toggle(show: boolean): void;
|