@progress/kendo-angular-common 21.1.1-develop.2 → 21.2.0-develop.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,7 @@
5
5
  import { Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';
6
6
  import { watermarkStyles, bannerStyles, licenseKeyUrl, buttonStyles } from './utils';
7
7
  import { isDocumentAvailable } from '../utils';
8
- import { NgIf, NgStyle } from '@angular/common';
8
+ import { NgStyle } from '@angular/common';
9
9
  import * as i0 from "@angular/core";
10
10
  let bannerPresentOnPage = false;
11
11
  /**
@@ -43,59 +43,67 @@ export class WatermarkOverlayComponent {
43
43
  return isDocumentAvailable() && !!this.banner?.nativeElement;
44
44
  }
45
45
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
46
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
47
- <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
46
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
47
+ @if (isOpen && bannerMounted) {
48
+ <div #banner [ngStyle]="bannerStyles">
48
49
  <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
49
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
50
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
51
- </svg>
50
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
51
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
52
+ </svg>
52
53
  </span>
53
-
54
- <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
55
- <span *ngIf="!licenseMessage">
54
+ @if (licenseMessage) {
55
+ <span [innerHtml]="licenseMessage"></span>
56
+ }
57
+ @if (!licenseMessage) {
58
+ <span>
56
59
  We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
57
60
  console for details and resolution steps.
58
- </span>
59
-
61
+ </span>
62
+ }
60
63
  <div [ngStyle]="{ display: 'flex', alignItems: 'center', marginLeft: '24px' }">
61
- <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
62
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
63
- <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
64
- </svg>
65
- </button>
64
+ <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
65
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
66
+ <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
67
+ </svg>
68
+ </button>
66
69
  </div>
67
- </div>
68
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
70
+ </div>
71
+ }
72
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
69
73
  }
70
74
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WatermarkOverlayComponent, decorators: [{
71
75
  type: Component,
72
76
  args: [{
73
77
  selector: 'div[kendoWatermarkOverlay]',
74
78
  template: `
75
- <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
79
+ @if (isOpen && bannerMounted) {
80
+ <div #banner [ngStyle]="bannerStyles">
76
81
  <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
77
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
78
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
79
- </svg>
82
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
83
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
84
+ </svg>
80
85
  </span>
81
-
82
- <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
83
- <span *ngIf="!licenseMessage">
86
+ @if (licenseMessage) {
87
+ <span [innerHtml]="licenseMessage"></span>
88
+ }
89
+ @if (!licenseMessage) {
90
+ <span>
84
91
  We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
85
92
  console for details and resolution steps.
86
- </span>
87
-
93
+ </span>
94
+ }
88
95
  <div [ngStyle]="{ display: 'flex', alignItems: 'center', marginLeft: '24px' }">
89
- <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
90
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
91
- <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
92
- </svg>
93
- </button>
96
+ <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
97
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
98
+ <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
99
+ </svg>
100
+ </button>
94
101
  </div>
95
- </div>
96
- `,
102
+ </div>
103
+ }
104
+ `,
97
105
  standalone: true,
98
- imports: [NgIf, NgStyle]
106
+ imports: [NgStyle]
99
107
  }]
100
108
  }], propDecorators: { watermarkStyle: [{
101
109
  type: HostBinding,
@@ -8,7 +8,7 @@ import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
8
8
  import { take, auditTime } from 'rxjs/operators';
9
9
  import { Draggable } from '@progress/kendo-draggable';
10
10
  import { merge, fromEvent, from, Subscription } from 'rxjs';
11
- import { NgIf, NgStyle } from '@angular/common';
11
+ import { NgStyle } from '@angular/common';
12
12
  import { getLicenseStatus } from '@progress/kendo-licensing';
13
13
 
14
14
  /**
@@ -1064,59 +1064,67 @@ class WatermarkOverlayComponent {
1064
1064
  return isDocumentAvailable() && !!this.banner?.nativeElement;
1065
1065
  }
1066
1066
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1067
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
1068
- <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
1067
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
1068
+ @if (isOpen && bannerMounted) {
1069
+ <div #banner [ngStyle]="bannerStyles">
1069
1070
  <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
1070
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
1071
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
1072
- </svg>
1071
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
1072
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
1073
+ </svg>
1073
1074
  </span>
1074
-
1075
- <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
1076
- <span *ngIf="!licenseMessage">
1075
+ @if (licenseMessage) {
1076
+ <span [innerHtml]="licenseMessage"></span>
1077
+ }
1078
+ @if (!licenseMessage) {
1079
+ <span>
1077
1080
  We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
1078
1081
  console for details and resolution steps.
1079
- </span>
1080
-
1082
+ </span>
1083
+ }
1081
1084
  <div [ngStyle]="{ display: 'flex', alignItems: 'center', marginLeft: '24px' }">
1082
- <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
1083
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
1084
- <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
1085
- </svg>
1086
- </button>
1085
+ <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
1086
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
1087
+ <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
1088
+ </svg>
1089
+ </button>
1087
1090
  </div>
1088
- </div>
1089
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
1091
+ </div>
1092
+ }
1093
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
1090
1094
  }
1091
1095
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WatermarkOverlayComponent, decorators: [{
1092
1096
  type: Component,
1093
1097
  args: [{
1094
1098
  selector: 'div[kendoWatermarkOverlay]',
1095
1099
  template: `
1096
- <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
1100
+ @if (isOpen && bannerMounted) {
1101
+ <div #banner [ngStyle]="bannerStyles">
1097
1102
  <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
1098
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
1099
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
1100
- </svg>
1103
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
1104
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z" fill="#1E1E1E"/>
1105
+ </svg>
1101
1106
  </span>
1102
-
1103
- <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
1104
- <span *ngIf="!licenseMessage">
1107
+ @if (licenseMessage) {
1108
+ <span [innerHtml]="licenseMessage"></span>
1109
+ }
1110
+ @if (!licenseMessage) {
1111
+ <span>
1105
1112
  We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
1106
1113
  console for details and resolution steps.
1107
- </span>
1108
-
1114
+ </span>
1115
+ }
1109
1116
  <div [ngStyle]="{ display: 'flex', alignItems: 'center', marginLeft: '24px' }">
1110
- <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
1111
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
1112
- <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
1113
- </svg>
1114
- </button>
1117
+ <button title='Close' [ngStyle]="buttonStyles" (click)="closeBanner()">
1118
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
1119
+ <path d="M13 4.41562L9.41563 8L13 11.5844L11.5844 13L8 9.41563L4.41562 13L3 11.5844L6.58437 8L3 4.41562L4.41562 3L8 6.58437L11.5844 3L13 4.41562Z" fill="#1E1E1E"/>
1120
+ </svg>
1121
+ </button>
1115
1122
  </div>
1116
- </div>
1117
- `,
1123
+ </div>
1124
+ }
1125
+ `,
1118
1126
  standalone: true,
1119
- imports: [NgIf, NgStyle]
1127
+ imports: [NgStyle]
1120
1128
  }]
1121
1129
  }], propDecorators: { watermarkStyle: [{
1122
1130
  type: HostBinding,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-common",
3
- "version": "21.1.1-develop.2",
3
+ "version": "21.2.0-develop.2",
4
4
  "description": "Kendo UI for Angular - Utility Package",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,7 +23,7 @@
23
23
  "@progress/kendo-common": "^1.0.1",
24
24
  "@progress/kendo-draggable": "^3.0.2",
25
25
  "tslib": "^2.3.1",
26
- "@progress/kendo-angular-schematics": "21.1.1-develop.2"
26
+ "@progress/kendo-angular-schematics": "21.2.0-develop.2"
27
27
  },
28
28
  "publishConfig": {
29
29
  "access": "public"