@progress/kendo-angular-layout 7.1.0 → 7.1.1-dev.202207281410

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/bundles/kendo-angular-layout.umd.js +1 -1
  2. package/drawer/util.d.ts +1 -1
  3. package/esm2015/drawer/item.component.js +3 -3
  4. package/esm2015/drawer/util.js +1 -1
  5. package/esm2015/expansionpanel/expansionpanel.component.js +3 -3
  6. package/esm2015/package-metadata.js +1 -1
  7. package/esm2015/panelbar/panelbar-item.component.js +6 -6
  8. package/esm2015/splitter/splitter-bar.component.js +3 -3
  9. package/esm2015/tabstrip/rendering/tab.component.js +4 -4
  10. package/esm2015/tabstrip/tabstrip.component.js +2 -2
  11. package/esm2015/tilelayout/tilelayout.component.js +2 -2
  12. package/fesm2015/kendo-angular-layout.js +25 -25
  13. package/package.json +1 -1
  14. package/tilelayout/tilelayout.component.d.ts +2 -2
package/drawer/util.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare const DRAWER_LINK_SELECTOR = ".k-drawer-link";
9
9
  /**
10
10
  * @hidden
11
11
  */
12
- export declare const ACTIVE_NESTED_LINK_SELECTOR = ":focus:not(.k-state-disabled) .k-drawer-link";
12
+ export declare const ACTIVE_NESTED_LINK_SELECTOR = ":focus:not(.k-disabled) .k-drawer-link";
13
13
  /**
14
14
  * @hidden
15
15
  */
package/esm2015/drawer/item.component.js CHANGED
@@ -47,7 +47,7 @@ export class DrawerItemComponent {
47
47
  }
48
48
  }
49
49
  DrawerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerItemComponent, deps: [{ token: i1.DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
50
- DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-state-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
50
+ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
51
51
  <ng-template *ngIf="itemTemplate; else defaultTemplate"
52
52
  [ngTemplateOutlet]="itemTemplate"
53
53
  [ngTemplateOutletContext]="{
@@ -126,13 +126,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
126
126
  args: ['attr.aria-disabled']
127
127
  }, {
128
128
  type: HostBinding,
129
- args: ['class.k-state-disabled']
129
+ args: ['class.k-disabled']
130
130
  }], selectedClass: [{
131
131
  type: HostBinding,
132
132
  args: ['attr.aria-current']
133
133
  }, {
134
134
  type: HostBinding,
135
- args: ['class.k-state-selected']
135
+ args: ['class.k-selected']
136
136
  }], label: [{
137
137
  type: HostBinding,
138
138
  args: ['attr.aria-label']
package/esm2015/drawer/util.js CHANGED
@@ -9,7 +9,7 @@ export const DRAWER_LINK_SELECTOR = '.k-drawer-link';
9
9
  /**
10
10
  * @hidden
11
11
  */
12
- export const ACTIVE_NESTED_LINK_SELECTOR = ':focus:not(.k-state-disabled) .k-drawer-link';
12
+ export const ACTIVE_NESTED_LINK_SELECTOR = ':focus:not(.k-disabled) .k-drawer-link';
13
13
  /**
14
14
  * @hidden
15
15
  */
package/esm2015/expansionpanel/expansionpanel.component.js CHANGED
@@ -299,7 +299,7 @@ export class ExpansionPanelComponent {
299
299
  }
300
300
  }
301
301
  ExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
302
- ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { listeners: { "blur": "onComponentBlur()", "focus": "onComponentFocus()" }, properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "class.k-state-focus": "this.focusClass", "attr.aria-disabled": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "attr.dir": "this.direction", "attr.tabindex": "this.tabindex" } }, providers: [
302
+ ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { listeners: { "blur": "onComponentBlur()", "focus": "onComponentFocus()" }, properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "class.k-focus": "this.focusClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.dir": "this.direction", "attr.tabindex": "this.tabindex" } }, providers: [
303
303
  LocalizationService,
304
304
  {
305
305
  provide: L10N_PREFIX,
@@ -408,13 +408,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
408
408
  args: ['class.k-expanded']
409
409
  }], focusClass: [{
410
410
  type: HostBinding,
411
- args: ['class.k-state-focus']
411
+ args: ['class.k-focus']
412
412
  }], disabledClass: [{
413
413
  type: HostBinding,
414
414
  args: ['attr.aria-disabled']
415
415
  }, {
416
416
  type: HostBinding,
417
- args: ['class.k-state-disabled']
417
+ args: ['class.k-disabled']
418
418
  }], direction: [{
419
419
  type: HostBinding,
420
420
  args: ['attr.dir']
package/esm2015/package-metadata.js CHANGED
@@ -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: 1655110279,
12
+ publishDate: 1659017391,
13
13
  version: '',
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
  };
package/esm2015/panelbar/panelbar-item.component.js CHANGED
@@ -244,12 +244,12 @@ export class PanelBarItemComponent {
244
244
  }
245
245
  }
246
246
  PanelBarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarItemComponent, deps: [{ token: PanelBarItemComponent, host: true, optional: true, skipSelf: true }, { token: i1.PanelBarService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
247
- PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-item": "this.kItemClass", "class.k-state-default": "this.kStateDefaultClass", "class.k-state-disabled": "this.kStateDisabledClass", "class.k-state-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass", "class.k-panelbar-item": "this.childClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
247
+ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-item": "this.kItemClass", "class.k-state-default": "this.kStateDefaultClass", "class.k-disabled": "this.kStateDisabledClass", "class.k-state-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass", "class.k-panelbar-item": "this.childClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
248
248
  <span
249
249
  #header
250
250
  [class.k-link]="true"
251
- [class.k-state-selected]="!disabled && selected"
252
- [class.k-state-focused]="focused && wrapperFocused"
251
+ [class.k-selected]="!disabled && selected"
252
+ [class.k-focus]="focused && wrapperFocused"
253
253
  (click)="onItemClick($event)">
254
254
  <span
255
255
  *ngIf="icon || iconClass"
@@ -389,8 +389,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
389
389
  <span
390
390
  #header
391
391
  [class.k-link]="true"
392
- [class.k-state-selected]="!disabled && selected"
393
- [class.k-state-focused]="focused && wrapperFocused"
392
+ [class.k-selected]="!disabled && selected"
393
+ [class.k-focus]="focused && wrapperFocused"
394
394
  (click)="onItemClick($event)">
395
395
  <span
396
396
  *ngIf="icon || iconClass"
@@ -545,7 +545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
545
545
  args: ['class.k-state-default']
546
546
  }], kStateDisabledClass: [{
547
547
  type: HostBinding,
548
- args: ['class.k-state-disabled']
548
+ args: ['class.k-disabled']
549
549
  }], kStateExpandedClass: [{
550
550
  type: HostBinding,
551
551
  args: ['class.k-state-expanded']
package/esm2015/splitter/splitter-bar.component.js CHANGED
@@ -49,7 +49,7 @@ export class SplitterBarComponent {
49
49
  const isDraggable = this.splitter.isDraggable(this.index);
50
50
  const isStatic = this.splitter.isStatic(this.index);
51
51
  return classFromObject({
52
- 'k-state-focused': this.focused,
52
+ 'k-focus': this.focused,
53
53
  'k-splitbar': true,
54
54
  'k-splitbar-horizontal': isHorizontal,
55
55
  'k-splitbar-vertical': !isHorizontal,
@@ -176,7 +176,7 @@ export class SplitterBarComponent {
176
176
  }
177
177
  }
178
178
  SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i2.SplitterService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
179
- SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { listeners: { "dblclick": "collapseAny()", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "keydown": "onKeyDown($event)" }, properties: { "attr.aria-orientation": "this.orientation", "attr.role": "this.ariaRole", "class.k-state-focused": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
179
+ SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { listeners: { "dblclick": "collapseAny()", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "keydown": "onKeyDown($event)" }, properties: { "attr.aria-orientation": "this.orientation", "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
180
180
  <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>
181
181
  <div class="k-resize-handle"></div>
182
182
  <div [class]="nextArrowClass()" (click)="toggleNext()"></div>
@@ -205,7 +205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
205
205
  args: ['attr.role']
206
206
  }], focused: [{
207
207
  type: HostBinding,
208
- args: ['class.k-state-focused']
208
+ args: ['class.k-focus']
209
209
  }], tabIndex: [{
210
210
  type: HostBinding,
211
211
  args: ['attr.tabindex']
package/esm2015/tabstrip/rendering/tab.component.js CHANGED
@@ -50,7 +50,7 @@ export class TabComponent {
50
50
  }
51
51
  }
52
52
  TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
53
- TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabComponent, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "class.k-state-default": "this.hostClasses", "attr.aria-selected]": "this.activeClass", "class.k-state-active": "this.activeClass", "attr.aria-disabled]": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "class.k-state-focused": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
53
+ TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabComponent, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "class.k-state-default": "this.hostClasses", "attr.aria-selected]": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled]": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
54
54
  <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>
55
55
  <span class="k-link" *ngIf="tab.tabTitle">
56
56
  <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">
@@ -107,16 +107,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
107
107
  args: ['attr.aria-selected]']
108
108
  }, {
109
109
  type: HostBinding,
110
- args: ['class.k-state-active']
110
+ args: ['class.k-active']
111
111
  }], disabledClass: [{
112
112
  type: HostBinding,
113
113
  args: ['attr.aria-disabled]']
114
114
  }, {
115
115
  type: HostBinding,
116
- args: ['class.k-state-disabled']
116
+ args: ['class.k-disabled']
117
117
  }], focusedClass: [{
118
118
  type: HostBinding,
119
- args: ['class.k-state-focused']
119
+ args: ['class.k-focus']
120
120
  }], tabIndex: [{
121
121
  type: HostBinding,
122
122
  args: ['attr.tabindex']
package/esm2015/tabstrip/tabstrip.component.js CHANGED
@@ -427,7 +427,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
427
427
  <div
428
428
  [@state]="tab.selected && animate ? 'active' : 'inactive'"
429
429
  *ngIf="tab.selected || keepTabContent"
430
- [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'"
430
+ [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-active' : 'k-content'"
431
431
  [tabIndex]="0"
432
432
  role="tabpanel"
433
433
  [id]="'k-tabstrip-tabpanel-' + i"
@@ -542,7 +542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
542
542
  <div
543
543
  [@state]="tab.selected && animate ? 'active' : 'inactive'"
544
544
  *ngIf="tab.selected || keepTabContent"
545
- [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'"
545
+ [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-active' : 'k-content'"
546
546
  [tabIndex]="0"
547
547
  role="tabpanel"
548
548
  [id]="'k-tabstrip-tabpanel-' + i"
package/esm2015/tilelayout/tilelayout.component.js CHANGED
@@ -70,12 +70,12 @@ export class TileLayoutComponent {
70
70
  */
71
71
  this.autoFlow = 'column';
72
72
  /**
73
- * Fires when the user completes the reordering of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
73
+ * Fires when the user completes the reordering of the item ([see example]({% slug reordering_tilelayout %})).
74
74
  * This event is preventable. If you cancel it, the item will not be reordered.
75
75
  */
76
76
  this.reorder = new EventEmitter();
77
77
  /**
78
- * Fires when the user completes the resizing of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
78
+ * Fires when the user completes the resizing of the item ([see example]({% slug resizing_tilelayout %})).
79
79
  * This event is preventable. If you cancel it, the item will not be resized.
80
80
  */
81
81
  this.resize = new EventEmitter();
package/fesm2015/kendo-angular-layout.js CHANGED
@@ -26,7 +26,7 @@ const packageMetadata = {
26
26
  name: '@progress/kendo-angular-layout',
27
27
  productName: 'Kendo UI for Angular',
28
28
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
29
- publishDate: 1655110279,
29
+ publishDate: 1659017391,
30
30
  version: '',
31
31
  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'
32
32
  };
@@ -510,12 +510,12 @@ class PanelBarItemComponent {
510
510
  }
511
511
  }
512
512
  PanelBarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarItemComponent, deps: [{ token: PanelBarItemComponent, host: true, optional: true, skipSelf: true }, { token: PanelBarService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
513
- PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-item": "this.kItemClass", "class.k-state-default": "this.kStateDefaultClass", "class.k-state-disabled": "this.kStateDisabledClass", "class.k-state-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass", "class.k-panelbar-item": "this.childClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
513
+ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-item": "this.kItemClass", "class.k-state-default": "this.kStateDefaultClass", "class.k-disabled": "this.kStateDisabledClass", "class.k-state-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass", "class.k-panelbar-item": "this.childClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
514
514
  <span
515
515
  #header
516
516
  [class.k-link]="true"
517
- [class.k-state-selected]="!disabled && selected"
518
- [class.k-state-focused]="focused && wrapperFocused"
517
+ [class.k-selected]="!disabled && selected"
518
+ [class.k-focus]="focused && wrapperFocused"
519
519
  (click)="onItemClick($event)">
520
520
  <span
521
521
  *ngIf="icon || iconClass"
@@ -655,8 +655,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
655
655
  <span
656
656
  #header
657
657
  [class.k-link]="true"
658
- [class.k-state-selected]="!disabled && selected"
659
- [class.k-state-focused]="focused && wrapperFocused"
658
+ [class.k-selected]="!disabled && selected"
659
+ [class.k-focus]="focused && wrapperFocused"
660
660
  (click)="onItemClick($event)">
661
661
  <span
662
662
  *ngIf="icon || iconClass"
@@ -811,7 +811,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
811
811
  args: ['class.k-state-default']
812
812
  }], kStateDisabledClass: [{
813
813
  type: HostBinding,
814
- args: ['class.k-state-disabled']
814
+ args: ['class.k-disabled']
815
815
  }], kStateExpandedClass: [{
816
816
  type: HostBinding,
817
817
  args: ['class.k-state-expanded']
@@ -1908,7 +1908,7 @@ class SplitterBarComponent {
1908
1908
  const isDraggable = this.splitter.isDraggable(this.index);
1909
1909
  const isStatic = this.splitter.isStatic(this.index);
1910
1910
  return classFromObject({
1911
- 'k-state-focused': this.focused,
1911
+ 'k-focus': this.focused,
1912
1912
  'k-splitbar': true,
1913
1913
  'k-splitbar-horizontal': isHorizontal,
1914
1914
  'k-splitbar-vertical': !isHorizontal,
@@ -2035,7 +2035,7 @@ class SplitterBarComponent {
2035
2035
  }
2036
2036
  }
2037
2037
  SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: SplitterService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
2038
- SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { listeners: { "dblclick": "collapseAny()", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "keydown": "onKeyDown($event)" }, properties: { "attr.aria-orientation": "this.orientation", "attr.role": "this.ariaRole", "class.k-state-focused": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
2038
+ SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { listeners: { "dblclick": "collapseAny()", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "keydown": "onKeyDown($event)" }, properties: { "attr.aria-orientation": "this.orientation", "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
2039
2039
  <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>
2040
2040
  <div class="k-resize-handle"></div>
2041
2041
  <div [class]="nextArrowClass()" (click)="toggleNext()"></div>
@@ -2064,7 +2064,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
2064
2064
  args: ['attr.role']
2065
2065
  }], focused: [{
2066
2066
  type: HostBinding,
2067
- args: ['class.k-state-focused']
2067
+ args: ['class.k-focus']
2068
2068
  }], tabIndex: [{
2069
2069
  type: HostBinding,
2070
2070
  args: ['attr.tabindex']
@@ -3115,7 +3115,7 @@ class TabComponent {
3115
3115
  }
3116
3116
  }
3117
3117
  TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
3118
- TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabComponent, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "class.k-state-default": "this.hostClasses", "attr.aria-selected]": "this.activeClass", "class.k-state-active": "this.activeClass", "attr.aria-disabled]": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "class.k-state-focused": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
3118
+ TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabComponent, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "class.k-state-default": "this.hostClasses", "attr.aria-selected]": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled]": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
3119
3119
  <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>
3120
3120
  <span class="k-link" *ngIf="tab.tabTitle">
3121
3121
  <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">
@@ -3172,16 +3172,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
3172
3172
  args: ['attr.aria-selected]']
3173
3173
  }, {
3174
3174
  type: HostBinding,
3175
- args: ['class.k-state-active']
3175
+ args: ['class.k-active']
3176
3176
  }], disabledClass: [{
3177
3177
  type: HostBinding,
3178
3178
  args: ['attr.aria-disabled]']
3179
3179
  }, {
3180
3180
  type: HostBinding,
3181
- args: ['class.k-state-disabled']
3181
+ args: ['class.k-disabled']
3182
3182
  }], focusedClass: [{
3183
3183
  type: HostBinding,
3184
- args: ['class.k-state-focused']
3184
+ args: ['class.k-focus']
3185
3185
  }], tabIndex: [{
3186
3186
  type: HostBinding,
3187
3187
  args: ['attr.tabindex']
@@ -3634,7 +3634,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
3634
3634
  <div
3635
3635
  [@state]="tab.selected && animate ? 'active' : 'inactive'"
3636
3636
  *ngIf="tab.selected || keepTabContent"
3637
- [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'"
3637
+ [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-active' : 'k-content'"
3638
3638
  [tabIndex]="0"
3639
3639
  role="tabpanel"
3640
3640
  [id]="'k-tabstrip-tabpanel-' + i"
@@ -3749,7 +3749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
3749
3749
  <div
3750
3750
  [@state]="tab.selected && animate ? 'active' : 'inactive'"
3751
3751
  *ngIf="tab.selected || keepTabContent"
3752
- [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'"
3752
+ [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-active' : 'k-content'"
3753
3753
  [tabIndex]="0"
3754
3754
  role="tabpanel"
3755
3755
  [id]="'k-tabstrip-tabpanel-' + i"
@@ -4174,7 +4174,7 @@ const DRAWER_LINK_SELECTOR = '.k-drawer-link';
4174
4174
  /**
4175
4175
  * @hidden
4176
4176
  */
4177
- const ACTIVE_NESTED_LINK_SELECTOR = ':focus:not(.k-state-disabled) .k-drawer-link';
4177
+ const ACTIVE_NESTED_LINK_SELECTOR = ':focus:not(.k-disabled) .k-drawer-link';
4178
4178
  /**
4179
4179
  * @hidden
4180
4180
  */
@@ -4233,7 +4233,7 @@ class DrawerItemComponent {
4233
4233
  }
4234
4234
  }
4235
4235
  DrawerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerItemComponent, deps: [{ token: DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
4236
- DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-state-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
4236
+ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
4237
4237
  <ng-template *ngIf="itemTemplate; else defaultTemplate"
4238
4238
  [ngTemplateOutlet]="itemTemplate"
4239
4239
  [ngTemplateOutletContext]="{
@@ -4312,13 +4312,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
4312
4312
  args: ['attr.aria-disabled']
4313
4313
  }, {
4314
4314
  type: HostBinding,
4315
- args: ['class.k-state-disabled']
4315
+ args: ['class.k-disabled']
4316
4316
  }], selectedClass: [{
4317
4317
  type: HostBinding,
4318
4318
  args: ['attr.aria-current']
4319
4319
  }, {
4320
4320
  type: HostBinding,
4321
- args: ['class.k-state-selected']
4321
+ args: ['class.k-selected']
4322
4322
  }], label: [{
4323
4323
  type: HostBinding,
4324
4324
  args: ['attr.aria-label']
@@ -7102,7 +7102,7 @@ class ExpansionPanelComponent {
7102
7102
  }
7103
7103
  }
7104
7104
  ExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i1$2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
7105
- ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { listeners: { "blur": "onComponentBlur()", "focus": "onComponentFocus()" }, properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "class.k-state-focus": "this.focusClass", "attr.aria-disabled": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "attr.dir": "this.direction", "attr.tabindex": "this.tabindex" } }, providers: [
7105
+ ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { listeners: { "blur": "onComponentBlur()", "focus": "onComponentFocus()" }, properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "class.k-focus": "this.focusClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.dir": "this.direction", "attr.tabindex": "this.tabindex" } }, providers: [
7106
7106
  LocalizationService,
7107
7107
  {
7108
7108
  provide: L10N_PREFIX,
@@ -7211,13 +7211,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
7211
7211
  args: ['class.k-expanded']
7212
7212
  }], focusClass: [{
7213
7213
  type: HostBinding,
7214
- args: ['class.k-state-focus']
7214
+ args: ['class.k-focus']
7215
7215
  }], disabledClass: [{
7216
7216
  type: HostBinding,
7217
7217
  args: ['attr.aria-disabled']
7218
7218
  }, {
7219
7219
  type: HostBinding,
7220
- args: ['class.k-state-disabled']
7220
+ args: ['class.k-disabled']
7221
7221
  }], direction: [{
7222
7222
  type: HostBinding,
7223
7223
  args: ['attr.dir']
@@ -8154,12 +8154,12 @@ class TileLayoutComponent {
8154
8154
  */
8155
8155
  this.autoFlow = 'column';
8156
8156
  /**
8157
- * Fires when the user completes the reordering of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
8157
+ * Fires when the user completes the reordering of the item ([see example]({% slug reordering_tilelayout %})).
8158
8158
  * This event is preventable. If you cancel it, the item will not be reordered.
8159
8159
  */
8160
8160
  this.reorder = new EventEmitter();
8161
8161
  /**
8162
- * Fires when the user completes the resizing of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
8162
+ * Fires when the user completes the resizing of the item ([see example]({% slug resizing_tilelayout %})).
8163
8163
  * This event is preventable. If you cancel it, the item will not be resized.
8164
8164
  */
8165
8165
  this.resize = new EventEmitter();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-layout",
3
- "version": "7.1.0",
3
+ "version": "7.1.1-dev.202207281410",
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",
package/tilelayout/tilelayout.component.d.ts CHANGED
@@ -69,12 +69,12 @@ export declare class TileLayoutComponent implements OnInit, AfterViewInit, After
69
69
  */
70
70
  autoFlow: TileLayoutFlowMode;
71
71
  /**
72
- * Fires when the user completes the reordering of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
72
+ * Fires when the user completes the reordering of the item ([see example]({% slug reordering_tilelayout %})).
73
73
  * This event is preventable. If you cancel it, the item will not be reordered.
74
74
  */
75
75
  reorder: EventEmitter<TileLayoutReorderEvent>;
76
76
  /**
77
- * Fires when the user completes the resizing of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
77
+ * Fires when the user completes the resizing of the item ([see example]({% slug resizing_tilelayout %})).
78
78
  * This event is preventable. If you cancel it, the item will not be resized.
79
79
  */
80
80
  resize: EventEmitter<TileLayoutResizeEvent>;