@progress/kendo-angular-common 17.0.0-develop.4 → 17.0.0-develop.41
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/adornments/prefix.directive.d.ts +1 -1
- package/adornments/separator-orientation.d.ts +1 -1
- package/adornments/separator.component.d.ts +1 -1
- package/adornments/suffix.directive.d.ts +1 -1
- package/adornments.d.ts +0 -1
- package/draggable/draggable.directive.d.ts +1 -1
- package/draggable.d.ts +0 -1
- package/{esm2020 → esm2022}/adornments/prefix.directive.mjs +8 -7
- package/{esm2020 → esm2022}/adornments/separator.component.mjs +13 -15
- package/{esm2020 → esm2022}/adornments/suffix.directive.mjs +8 -7
- package/{esm2020 → esm2022}/adornments.mjs +0 -1
- package/{esm2020 → esm2022}/draggable/draggable.directive.mjs +10 -7
- package/{esm2020 → esm2022}/draggable.mjs +0 -1
- package/{esm2020 → esm2022}/events/events-outside-angular.directive.mjs +9 -4
- package/{esm2020 → esm2022}/events.mjs +0 -1
- package/{esm2020 → esm2022}/preventable-event.mjs +1 -3
- package/{esm2020 → esm2022}/resize-sensor/compat.service.mjs +6 -0
- package/{esm2020 → esm2022}/resize-sensor/observer.service.mjs +6 -3
- package/{esm2020 → esm2022}/resize-sensor/resize-batch.service.mjs +7 -5
- package/{esm2020 → esm2022}/resize-sensor/resize-sensor.component.mjs +15 -13
- package/{esm2020 → esm2022}/resize-sensor/resize.service.mjs +7 -3
- package/{esm2020 → esm2022}/resize-sensor.mjs +0 -1
- package/{esm2020 → esm2022}/template-context/template-context.directive.mjs +8 -6
- package/{esm2020 → esm2022}/toggle-button-tab-stop/toggle-button-tab-stop.directive.mjs +44 -28
- package/{esm2020 → esm2022}/toggle-button-tab-stop/toggle-button-tab-stop.mjs +1 -0
- package/{esm2020 → esm2022}/toggle-button-tab-stop.mjs +0 -1
- package/{esm2020 → esm2022}/utils/scrollbar-width.service.mjs +4 -4
- package/{esm2020 → esm2022}/watermark/index.mjs +0 -1
- package/{esm2020 → esm2022}/watermark/watermark.component.mjs +11 -12
- package/events/events-outside-angular.directive.d.ts +1 -1
- package/events.d.ts +0 -1
- package/{fesm2020 → fesm2022}/progress-kendo-angular-common.mjs +228 -290
- package/package.json +10 -16
- package/resize-sensor/resize-sensor.component.d.ts +1 -1
- package/resize-sensor.d.ts +0 -1
- package/template-context/template-context.directive.d.ts +1 -1
- package/toggle-button-tab-stop/toggle-button-tab-stop.directive.d.ts +1 -1
- package/toggle-button-tab-stop.d.ts +0 -1
- package/watermark/index.d.ts +0 -1
- package/adornments/adornments.module.d.ts +0 -17
- package/draggable/draggable.module.d.ts +0 -15
- package/esm2020/adornments/adornments.module.mjs +0 -26
- package/esm2020/draggable/draggable.module.mjs +0 -23
- package/esm2020/events/events.module.mjs +0 -23
- package/esm2020/resize-sensor/resize-sensor.module.mjs +0 -25
- package/esm2020/toggle-button-tab-stop/toggle-button-tab-stop.module.mjs +0 -23
- package/esm2020/watermark/watermark.module.mjs +0 -23
- package/events/events.module.d.ts +0 -15
- package/fesm2015/progress-kendo-angular-common.mjs +0 -1628
- package/resize-sensor/resize-sensor.module.d.ts +0 -15
- package/toggle-button-tab-stop/toggle-button-tab-stop.module.d.ts +0 -15
- package/watermark/watermark.module.d.ts +0 -15
- /package/{esm2020 → esm2022}/adornments/separator-orientation.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/closest-by-selector.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/closest-in-scope.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/closest.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/contains.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/find-element.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/find-focusable-child.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/find-focusable.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/has-classes.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/is-focusable-with-tab-key.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/is-focusable.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/is-visible.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/matches-classes.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/matches-node-name.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries/rtl-scroll-position.mjs +0 -0
- /package/{esm2020 → esm2022}/dom-queries.mjs +0 -0
- /package/{esm2020 → esm2022}/enums/keys.mjs +0 -0
- /package/{esm2020 → esm2022}/enums.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-common.mjs +0 -0
- /package/{esm2020 → esm2022}/template-context/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tokens.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/any-changed.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/detect-browser.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/focusable-selectors.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/forms-utils.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/guid.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/has-observers.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/html-attributes.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/is-changed.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/is-document-available.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/ng-class-parser.mjs +0 -0
- /package/{esm2020 → esm2022}/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/watermark/utils.mjs +0 -0
- /package/{esm2020 → esm2022}/watermark/validation.mjs +0 -0
|
@@ -38,5 +38,5 @@ export declare class PrefixTemplateDirective {
|
|
|
38
38
|
private _showSeparator;
|
|
39
39
|
constructor(templateRef: TemplateRef<any>);
|
|
40
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<PrefixTemplateDirective, [{ optional: true; }]>;
|
|
41
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PrefixTemplateDirective, "[kendoPrefixTemplate]", never, { "showSeparator": "showSeparator"; }, {}, never, never, true, never>;
|
|
41
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PrefixTemplateDirective, "[kendoPrefixTemplate]", never, { "showSeparator": { "alias": "showSeparator"; "required": false; }; }, {}, never, never, true, never>;
|
|
42
42
|
}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export
|
|
5
|
+
export type SeparatorOrientation = 'horizontal' | 'vertical';
|
|
@@ -43,5 +43,5 @@ export declare class SeparatorComponent {
|
|
|
43
43
|
*/
|
|
44
44
|
hostClass: boolean;
|
|
45
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<SeparatorComponent, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SeparatorComponent, "kendo-separator", never, { "orientation": "orientation"; }, {}, never, never, true, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SeparatorComponent, "kendo-separator", never, { "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, never, true, never>;
|
|
47
47
|
}
|
|
@@ -37,5 +37,5 @@ export declare class SuffixTemplateDirective {
|
|
|
37
37
|
private _showSeparator;
|
|
38
38
|
constructor(templateRef: TemplateRef<any>);
|
|
39
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<SuffixTemplateDirective, [{ optional: true; }]>;
|
|
40
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SuffixTemplateDirective, "[kendoSuffixTemplate]", never, { "showSeparator": "showSeparator"; }, {}, never, never, true, never>;
|
|
40
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SuffixTemplateDirective, "[kendoSuffixTemplate]", never, { "showSeparator": { "alias": "showSeparator"; "required": false; }; }, {}, never, never, true, never>;
|
|
41
41
|
}
|
package/adornments.d.ts
CHANGED
|
@@ -6,4 +6,3 @@ export { PrefixTemplateDirective } from './adornments/prefix.directive';
|
|
|
6
6
|
export { SuffixTemplateDirective } from './adornments/suffix.directive';
|
|
7
7
|
export { SeparatorComponent } from './adornments/separator.component';
|
|
8
8
|
export { SeparatorOrientation } from './adornments/separator-orientation';
|
|
9
|
-
export { AdornmentsModule } from './adornments/adornments.module';
|
|
@@ -19,5 +19,5 @@ export declare class DraggableDirective implements OnInit, OnChanges, OnDestroy
|
|
|
19
19
|
private toggleDraggable;
|
|
20
20
|
private destroyDraggable;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective, never>;
|
|
22
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[kendoDraggable]", never, { "enableDrag": "enableDrag"; }, { "kendoPress": "kendoPress"; "kendoDrag": "kendoDrag"; "kendoRelease": "kendoRelease"; }, never, never, true, never>;
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[kendoDraggable]", never, { "enableDrag": { "alias": "enableDrag"; "required": false; }; }, { "kendoPress": "kendoPress"; "kendoDrag": "kendoDrag"; "kendoRelease": "kendoRelease"; }, never, never, true, never>;
|
|
23
23
|
}
|
package/draggable.d.ts
CHANGED
|
@@ -3,4 +3,3 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export { DraggableDirective } from './draggable/draggable.directive';
|
|
6
|
-
export { DraggableModule } from './draggable/draggable.module';
|
|
@@ -27,10 +27,7 @@ import * as i0 from "@angular/core";
|
|
|
27
27
|
* ```
|
|
28
28
|
*/
|
|
29
29
|
export class PrefixTemplateDirective {
|
|
30
|
-
|
|
31
|
-
this.templateRef = templateRef;
|
|
32
|
-
this._showSeparator = false;
|
|
33
|
-
}
|
|
30
|
+
templateRef;
|
|
34
31
|
/**
|
|
35
32
|
* Sets the `showSeparator` attribute of the `prefixTemplate`.
|
|
36
33
|
*
|
|
@@ -42,10 +39,14 @@ export class PrefixTemplateDirective {
|
|
|
42
39
|
get showSeparator() {
|
|
43
40
|
return this._showSeparator;
|
|
44
41
|
}
|
|
42
|
+
_showSeparator = false;
|
|
43
|
+
constructor(templateRef) {
|
|
44
|
+
this.templateRef = templateRef;
|
|
45
|
+
}
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
47
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PrefixTemplateDirective, isStandalone: true, selector: "[kendoPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
|
|
45
48
|
}
|
|
46
|
-
|
|
47
|
-
PrefixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PrefixTemplateDirective, isStandalone: true, selector: "[kendoPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PrefixTemplateDirective, decorators: [{
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrefixTemplateDirective, decorators: [{
|
|
49
50
|
type: Directive,
|
|
50
51
|
args: [{
|
|
51
52
|
selector: '[kendoPrefixTemplate]',
|
|
@@ -24,18 +24,12 @@ import * as i0 from "@angular/core";
|
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
26
|
export class SeparatorComponent {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
this.orientation = 'vertical';
|
|
34
|
-
/**
|
|
35
|
-
* @hidden
|
|
36
|
-
*/
|
|
37
|
-
this.hostClass = true;
|
|
38
|
-
}
|
|
27
|
+
/**
|
|
28
|
+
* Specifies the orientation of the separator. Applicable for the adornments of the [`TextAreaComponent`](slug:api_inputs_textareacomponent).
|
|
29
|
+
*
|
|
30
|
+
* @default 'vertical'
|
|
31
|
+
*/
|
|
32
|
+
orientation = 'vertical';
|
|
39
33
|
/**
|
|
40
34
|
* @hidden
|
|
41
35
|
*/
|
|
@@ -48,10 +42,14 @@ export class SeparatorComponent {
|
|
|
48
42
|
get horizontal() {
|
|
49
43
|
return this.orientation === 'horizontal';
|
|
50
44
|
}
|
|
45
|
+
/**
|
|
46
|
+
* @hidden
|
|
47
|
+
*/
|
|
48
|
+
hostClass = true;
|
|
49
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SeparatorComponent, isStandalone: true, selector: "kendo-separator", inputs: { orientation: "orientation" }, host: { properties: { "class.k-input-separator-vertical": "this.vertical", "class.k-input-separator-horizontal": "this.horizontal", "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
|
|
51
51
|
}
|
|
52
|
-
|
|
53
|
-
SeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SeparatorComponent, isStandalone: true, selector: "kendo-separator", inputs: { orientation: "orientation" }, host: { properties: { "class.k-input-separator-vertical": "this.vertical", "class.k-input-separator-horizontal": "this.horizontal", "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SeparatorComponent, decorators: [{
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeparatorComponent, decorators: [{
|
|
55
53
|
type: Component,
|
|
56
54
|
args: [{
|
|
57
55
|
selector: 'kendo-separator',
|
|
@@ -26,10 +26,7 @@ import * as i0 from "@angular/core";
|
|
|
26
26
|
* ```
|
|
27
27
|
*/
|
|
28
28
|
export class SuffixTemplateDirective {
|
|
29
|
-
|
|
30
|
-
this.templateRef = templateRef;
|
|
31
|
-
this._showSeparator = false;
|
|
32
|
-
}
|
|
29
|
+
templateRef;
|
|
33
30
|
/**
|
|
34
31
|
* Sets the `showSeparator` attribute of the `suffixTemplate`.
|
|
35
32
|
*
|
|
@@ -41,10 +38,14 @@ export class SuffixTemplateDirective {
|
|
|
41
38
|
get showSeparator() {
|
|
42
39
|
return this._showSeparator;
|
|
43
40
|
}
|
|
41
|
+
_showSeparator = false;
|
|
42
|
+
constructor(templateRef) {
|
|
43
|
+
this.templateRef = templateRef;
|
|
44
|
+
}
|
|
45
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
46
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SuffixTemplateDirective, isStandalone: true, selector: "[kendoSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
|
|
44
47
|
}
|
|
45
|
-
|
|
46
|
-
SuffixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SuffixTemplateDirective, isStandalone: true, selector: "[kendoSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SuffixTemplateDirective, decorators: [{
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuffixTemplateDirective, decorators: [{
|
|
48
49
|
type: Directive,
|
|
49
50
|
args: [{
|
|
50
51
|
selector: '[kendoSuffixTemplate]',
|
|
@@ -5,4 +5,3 @@
|
|
|
5
5
|
export { PrefixTemplateDirective } from './adornments/prefix.directive';
|
|
6
6
|
export { SuffixTemplateDirective } from './adornments/suffix.directive';
|
|
7
7
|
export { SeparatorComponent } from './adornments/separator.component';
|
|
8
|
-
export { AdornmentsModule } from './adornments/adornments.module';
|
|
@@ -7,13 +7,16 @@ import { isDocumentAvailable, isChanged } from '../utils';
|
|
|
7
7
|
import { Draggable } from '@progress/kendo-draggable';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class DraggableDirective {
|
|
10
|
+
element;
|
|
11
|
+
ngZone;
|
|
12
|
+
enableDrag = true;
|
|
13
|
+
kendoPress = new EventEmitter();
|
|
14
|
+
kendoDrag = new EventEmitter();
|
|
15
|
+
kendoRelease = new EventEmitter();
|
|
16
|
+
draggable;
|
|
10
17
|
constructor(element, ngZone) {
|
|
11
18
|
this.element = element;
|
|
12
19
|
this.ngZone = ngZone;
|
|
13
|
-
this.enableDrag = true;
|
|
14
|
-
this.kendoPress = new EventEmitter();
|
|
15
|
-
this.kendoDrag = new EventEmitter();
|
|
16
|
-
this.kendoRelease = new EventEmitter();
|
|
17
20
|
}
|
|
18
21
|
ngOnInit() {
|
|
19
22
|
this.toggleDraggable();
|
|
@@ -45,10 +48,10 @@ export class DraggableDirective {
|
|
|
45
48
|
this.draggable = undefined;
|
|
46
49
|
}
|
|
47
50
|
}
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
52
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { enableDrag: "enableDrag" }, outputs: { kendoPress: "kendoPress", kendoDrag: "kendoDrag", kendoRelease: "kendoRelease" }, usesOnChanges: true, ngImport: i0 });
|
|
48
53
|
}
|
|
49
|
-
|
|
50
|
-
DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { enableDrag: "enableDrag" }, outputs: { kendoPress: "kendoPress", kendoDrag: "kendoDrag", kendoRelease: "kendoRelease" }, usesOnChanges: true, ngImport: i0 });
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableDirective, decorators: [{
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableDirective, decorators: [{
|
|
52
55
|
type: Directive,
|
|
53
56
|
args: [{
|
|
54
57
|
selector: '[kendoDraggable]',
|
|
@@ -3,4 +3,3 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export { DraggableDirective } from './draggable/draggable.directive';
|
|
6
|
-
export { DraggableModule } from './draggable/draggable.module';
|
|
@@ -8,11 +8,16 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
export class EventsOutsideAngularDirective {
|
|
11
|
+
element;
|
|
12
|
+
ngZone;
|
|
13
|
+
renderer;
|
|
14
|
+
events = {};
|
|
15
|
+
scope;
|
|
16
|
+
subscriptions;
|
|
11
17
|
constructor(element, ngZone, renderer) {
|
|
12
18
|
this.element = element;
|
|
13
19
|
this.ngZone = ngZone;
|
|
14
20
|
this.renderer = renderer;
|
|
15
|
-
this.events = {};
|
|
16
21
|
}
|
|
17
22
|
ngOnInit() {
|
|
18
23
|
if (!this.element || !this.element.nativeElement) {
|
|
@@ -36,10 +41,10 @@ export class EventsOutsideAngularDirective {
|
|
|
36
41
|
this.subscriptions = null;
|
|
37
42
|
}
|
|
38
43
|
}
|
|
44
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventsOutsideAngularDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
45
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EventsOutsideAngularDirective, isStandalone: true, selector: "[kendoEventsOutsideAngular]", inputs: { events: ["kendoEventsOutsideAngular", "events"], scope: "scope" }, ngImport: i0 });
|
|
39
46
|
}
|
|
40
|
-
|
|
41
|
-
EventsOutsideAngularDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EventsOutsideAngularDirective, isStandalone: true, selector: "[kendoEventsOutsideAngular]", inputs: { events: ["kendoEventsOutsideAngular", "events"], scope: "scope" }, ngImport: i0 });
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EventsOutsideAngularDirective, decorators: [{
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventsOutsideAngularDirective, decorators: [{
|
|
43
48
|
type: Directive,
|
|
44
49
|
args: [{
|
|
45
50
|
selector: '[kendoEventsOutsideAngular]',
|
|
@@ -3,4 +3,3 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export { EventsOutsideAngularDirective } from './events/events-outside-angular.directive';
|
|
6
|
-
export { EventsModule } from './events/events.module';
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export class PreventableEvent {
|
|
6
|
-
|
|
7
|
-
this.prevented = false;
|
|
8
|
-
}
|
|
6
|
+
prevented = false;
|
|
9
7
|
/**
|
|
10
8
|
* Prevents the default action for a specified event.
|
|
11
9
|
* In this way, the source component suppresses
|
|
@@ -17,6 +17,12 @@ const WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right:
|
|
|
17
17
|
const EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
|
|
18
18
|
const SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
|
|
19
19
|
export class ResizeCompatService extends ResizeService {
|
|
20
|
+
element;
|
|
21
|
+
ngZone;
|
|
22
|
+
expand;
|
|
23
|
+
expandChild;
|
|
24
|
+
shrink;
|
|
25
|
+
subscription;
|
|
20
26
|
constructor(resizeBatchService, element, ngZone) {
|
|
21
27
|
super(resizeBatchService);
|
|
22
28
|
this.element = element;
|
|
@@ -8,14 +8,17 @@ const HAS_OBSERVER = typeof ResizeObserver !== 'undefined';
|
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
export class ResizeObserverService extends ResizeService {
|
|
11
|
+
element;
|
|
12
|
+
ngZone;
|
|
13
|
+
resizeObserver;
|
|
14
|
+
static supported() {
|
|
15
|
+
return HAS_OBSERVER;
|
|
16
|
+
}
|
|
11
17
|
constructor(resizeBatchService, element, ngZone) {
|
|
12
18
|
super(resizeBatchService);
|
|
13
19
|
this.element = element;
|
|
14
20
|
this.ngZone = ngZone;
|
|
15
21
|
}
|
|
16
|
-
static supported() {
|
|
17
|
-
return HAS_OBSERVER;
|
|
18
|
-
}
|
|
19
22
|
destroy() {
|
|
20
23
|
super.destroy();
|
|
21
24
|
if (this.resizeObserver) {
|
|
@@ -9,10 +9,12 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
11
|
export class ResizeBatchService {
|
|
12
|
+
ngZone;
|
|
13
|
+
scheduled = [];
|
|
14
|
+
resolvedPromise = Promise.resolve(null);
|
|
15
|
+
subscription;
|
|
12
16
|
constructor(ngZone) {
|
|
13
17
|
this.ngZone = ngZone;
|
|
14
|
-
this.scheduled = [];
|
|
15
|
-
this.resolvedPromise = Promise.resolve(null);
|
|
16
18
|
this.flush = this.flush.bind(this);
|
|
17
19
|
}
|
|
18
20
|
schedule(instance, method) {
|
|
@@ -56,10 +58,10 @@ export class ResizeBatchService {
|
|
|
56
58
|
this.scheduled = [];
|
|
57
59
|
this.unsubscribe();
|
|
58
60
|
}
|
|
61
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeBatchService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
62
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeBatchService, providedIn: 'root' });
|
|
59
63
|
}
|
|
60
|
-
|
|
61
|
-
ResizeBatchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeBatchService, providedIn: 'root' });
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeBatchService, decorators: [{
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeBatchService, decorators: [{
|
|
63
65
|
type: Injectable,
|
|
64
66
|
args: [{
|
|
65
67
|
providedIn: 'root'
|
|
@@ -20,17 +20,19 @@ const DEFAULT_RATE_LIMIT = 10;
|
|
|
20
20
|
* Triggers a "resize" event whenever the parent DOM element size changes.
|
|
21
21
|
*/
|
|
22
22
|
export class ResizeSensorComponent {
|
|
23
|
+
/**
|
|
24
|
+
* The maximum number of resize events to emit per second.
|
|
25
|
+
*
|
|
26
|
+
* Defaults to 10.
|
|
27
|
+
*/
|
|
28
|
+
rateLimit = DEFAULT_RATE_LIMIT;
|
|
29
|
+
/**
|
|
30
|
+
* Fires when the parent DOM element has been resized.
|
|
31
|
+
*/
|
|
32
|
+
resize = new EventEmitter();
|
|
33
|
+
subscription;
|
|
34
|
+
resizeService;
|
|
23
35
|
constructor(resizeBatchService, element, ngZone) {
|
|
24
|
-
/**
|
|
25
|
-
* The maximum number of resize events to emit per second.
|
|
26
|
-
*
|
|
27
|
-
* Defaults to 10.
|
|
28
|
-
*/
|
|
29
|
-
this.rateLimit = DEFAULT_RATE_LIMIT;
|
|
30
|
-
/**
|
|
31
|
-
* Fires when the parent DOM element has been resized.
|
|
32
|
-
*/
|
|
33
|
-
this.resize = new EventEmitter();
|
|
34
36
|
const serviceType = ResizeObserverService.supported() ? ResizeObserverService : ResizeCompatService;
|
|
35
37
|
this.resizeService = new serviceType(resizeBatchService, element, ngZone);
|
|
36
38
|
const throttleTime = 1000 / (this.rateLimit || DEFAULT_RATE_LIMIT);
|
|
@@ -52,10 +54,10 @@ export class ResizeSensorComponent {
|
|
|
52
54
|
acceptSize(size) {
|
|
53
55
|
this.resizeService.acceptSize(size);
|
|
54
56
|
}
|
|
57
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeSensorComponent, deps: [{ token: i1.ResizeBatchService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResizeSensorComponent, isStandalone: true, selector: "kendo-resize-sensor", inputs: { rateLimit: "rateLimit" }, outputs: { resize: "resize" }, ngImport: i0, template: '', isInline: true });
|
|
55
59
|
}
|
|
56
|
-
|
|
57
|
-
ResizeSensorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ResizeSensorComponent, isStandalone: true, selector: "kendo-resize-sensor", inputs: { rateLimit: "rateLimit" }, outputs: { resize: "resize" }, ngImport: i0, template: '', isInline: true });
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeSensorComponent, decorators: [{
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeSensorComponent, decorators: [{
|
|
59
61
|
type: Component,
|
|
60
62
|
args: [{
|
|
61
63
|
selector: 'kendo-resize-sensor',
|
|
@@ -5,11 +5,15 @@
|
|
|
5
5
|
import { EventEmitter } from '@angular/core';
|
|
6
6
|
import { isDocumentAvailable } from '../utils';
|
|
7
7
|
export class ResizeService {
|
|
8
|
+
resizeBatchService;
|
|
9
|
+
resize = new EventEmitter();
|
|
10
|
+
acceptedSize = false;
|
|
11
|
+
lastWidth;
|
|
12
|
+
lastHeight;
|
|
13
|
+
state = 0 /* ServiceState.Initial */;
|
|
14
|
+
parentElement;
|
|
8
15
|
constructor(resizeBatchService) {
|
|
9
16
|
this.resizeBatchService = resizeBatchService;
|
|
10
|
-
this.resize = new EventEmitter();
|
|
11
|
-
this.acceptedSize = false;
|
|
12
|
-
this.state = 0 /* ServiceState.Initial */;
|
|
13
17
|
}
|
|
14
18
|
acceptSize(size = this.measure()) {
|
|
15
19
|
this.lastWidth = size.width;
|
|
@@ -6,4 +6,3 @@ export { ResizeSensorComponent } from './resize-sensor/resize-sensor.component';
|
|
|
6
6
|
export { ResizeBatchService } from './resize-sensor/resize-batch.service';
|
|
7
7
|
export { ResizeCompatService } from './resize-sensor/compat.service';
|
|
8
8
|
export { ResizeObserverService } from './resize-sensor/observer.service';
|
|
9
|
-
export { ResizeSensorModule } from './resize-sensor/resize-sensor.module';
|
|
@@ -8,9 +8,6 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
export class TemplateContextDirective {
|
|
11
|
-
constructor(viewContainerRef) {
|
|
12
|
-
this.viewContainerRef = viewContainerRef;
|
|
13
|
-
}
|
|
14
11
|
set templateContext(context) {
|
|
15
12
|
if (this.insertedViewRef) {
|
|
16
13
|
this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef));
|
|
@@ -20,10 +17,15 @@ export class TemplateContextDirective {
|
|
|
20
17
|
this.insertedViewRef = this.viewContainerRef.createEmbeddedView(context.templateRef, context);
|
|
21
18
|
}
|
|
22
19
|
}
|
|
20
|
+
insertedViewRef;
|
|
21
|
+
viewContainerRef;
|
|
22
|
+
constructor(viewContainerRef) {
|
|
23
|
+
this.viewContainerRef = viewContainerRef;
|
|
24
|
+
}
|
|
25
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
26
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TemplateContextDirective, isStandalone: true, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
|
|
23
27
|
}
|
|
24
|
-
|
|
25
|
-
TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TemplateContextDirective, isStandalone: true, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateContextDirective, decorators: [{
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateContextDirective, decorators: [{
|
|
27
29
|
type: Directive,
|
|
28
30
|
args: [{
|
|
29
31
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -31,6 +31,29 @@ const tags = ['kendo-splitbutton', 'kendo-combobox', 'kendo-multicolumncombobox'
|
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
33
|
export class ToggleButtonTabStopDirective {
|
|
34
|
+
hostEl;
|
|
35
|
+
renderer;
|
|
36
|
+
zone;
|
|
37
|
+
hostComponent;
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*
|
|
41
|
+
* Allows setting the interactive state of the toggle button.
|
|
42
|
+
*
|
|
43
|
+
* @default true
|
|
44
|
+
*/
|
|
45
|
+
active;
|
|
46
|
+
/**
|
|
47
|
+
* Defines the value of the `aria-label` attribute of the toggle button when active.
|
|
48
|
+
*
|
|
49
|
+
* @default "toggle popup"
|
|
50
|
+
*/
|
|
51
|
+
toggleButtonAriaLabel = 'toggle popup';
|
|
52
|
+
button;
|
|
53
|
+
sub = new Subscription();
|
|
54
|
+
focusButton;
|
|
55
|
+
isSplitButton;
|
|
56
|
+
observer;
|
|
34
57
|
/**
|
|
35
58
|
* @hidden
|
|
36
59
|
*/
|
|
@@ -39,31 +62,6 @@ export class ToggleButtonTabStopDirective {
|
|
|
39
62
|
this.renderer = renderer;
|
|
40
63
|
this.zone = zone;
|
|
41
64
|
this.hostComponent = hostComponent;
|
|
42
|
-
/**
|
|
43
|
-
* Defines the value of the `aria-label` attribute of the toggle button when active.
|
|
44
|
-
*
|
|
45
|
-
* @default "toggle popup"
|
|
46
|
-
*/
|
|
47
|
-
this.toggleButtonAriaLabel = 'toggle popup';
|
|
48
|
-
this.sub = new Subscription();
|
|
49
|
-
this.onFocus = () => {
|
|
50
|
-
this.renderer.setStyle(this.button, 'box-shadow', 'inset 0 0 0 1px rgba(0, 0, 0, 0.08)');
|
|
51
|
-
};
|
|
52
|
-
this.onBlur = () => {
|
|
53
|
-
this.renderer.removeStyle(this.button, 'box-shadow');
|
|
54
|
-
};
|
|
55
|
-
this.onClick = (e) => {
|
|
56
|
-
const splitButtonToggleEnter = e instanceof KeyboardEvent && e.keyCode === Keys.Enter;
|
|
57
|
-
const isClick = e instanceof PointerEvent;
|
|
58
|
-
(splitButtonToggleEnter || isClick) && (this.focusButton = true);
|
|
59
|
-
};
|
|
60
|
-
this.onKeyDown = (e) => {
|
|
61
|
-
if (e.keyCode === Keys.ArrowDown && e.altKey) {
|
|
62
|
-
e.stopImmediatePropagation();
|
|
63
|
-
this.focusButton = true;
|
|
64
|
-
this.button.click();
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
65
|
if (isDevMode() && tags.indexOf(hostEl.nativeElement.tagName.toLowerCase()) === -1) {
|
|
68
66
|
console.warn(`The kendoToggleButtonTabStop directive can be applied to the following components only: ${tags}`);
|
|
69
67
|
}
|
|
@@ -141,6 +139,24 @@ export class ToggleButtonTabStopDirective {
|
|
|
141
139
|
this.observer && this.observer.disconnect();
|
|
142
140
|
this.observer = null;
|
|
143
141
|
}
|
|
142
|
+
onFocus = () => {
|
|
143
|
+
this.renderer.setStyle(this.button, 'box-shadow', 'inset 0 0 0 1px rgba(0, 0, 0, 0.08)');
|
|
144
|
+
};
|
|
145
|
+
onBlur = () => {
|
|
146
|
+
this.renderer.removeStyle(this.button, 'box-shadow');
|
|
147
|
+
};
|
|
148
|
+
onClick = (e) => {
|
|
149
|
+
const splitButtonToggleEnter = e instanceof KeyboardEvent && e.keyCode === Keys.Enter;
|
|
150
|
+
const isClick = e instanceof PointerEvent;
|
|
151
|
+
(splitButtonToggleEnter || isClick) && (this.focusButton = true);
|
|
152
|
+
};
|
|
153
|
+
onKeyDown = (e) => {
|
|
154
|
+
if (e.keyCode === Keys.ArrowDown && e.altKey) {
|
|
155
|
+
e.stopImmediatePropagation();
|
|
156
|
+
this.focusButton = true;
|
|
157
|
+
this.button.click();
|
|
158
|
+
}
|
|
159
|
+
};
|
|
144
160
|
addListeners() {
|
|
145
161
|
if (this.button) {
|
|
146
162
|
this.zone.runOutsideAngular(() => this.button.addEventListener('focus', this.onFocus));
|
|
@@ -198,10 +214,10 @@ export class ToggleButtonTabStopDirective {
|
|
|
198
214
|
this.observer.observe(mainFocusableElement, mutationConfig);
|
|
199
215
|
});
|
|
200
216
|
}
|
|
217
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToggleButtonTabStopDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.MultiTabStop }], target: i0.ɵɵFactoryTarget.Directive });
|
|
218
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToggleButtonTabStopDirective, isStandalone: true, selector: "[kendoToggleButtonTabStop]", inputs: { active: ["kendoToggleButtonTabStop", "active"], toggleButtonAriaLabel: "toggleButtonAriaLabel" }, usesOnChanges: true, ngImport: i0 });
|
|
201
219
|
}
|
|
202
|
-
|
|
203
|
-
ToggleButtonTabStopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToggleButtonTabStopDirective, isStandalone: true, selector: "[kendoToggleButtonTabStop]", inputs: { active: ["kendoToggleButtonTabStop", "active"], toggleButtonAriaLabel: "toggleButtonAriaLabel" }, usesOnChanges: true, ngImport: i0 });
|
|
204
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToggleButtonTabStopDirective, decorators: [{
|
|
220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToggleButtonTabStopDirective, decorators: [{
|
|
205
221
|
type: Directive,
|
|
206
222
|
args: [{
|
|
207
223
|
selector: '[kendoToggleButtonTabStop]',
|
|
@@ -2,6 +2,5 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export { ToggleButtonTabStopModule } from './toggle-button-tab-stop/toggle-button-tab-stop.module';
|
|
6
5
|
export { ToggleButtonTabStopDirective } from './toggle-button-tab-stop/toggle-button-tab-stop.directive';
|
|
7
6
|
export { MultiTabStop } from './toggle-button-tab-stop/toggle-button-tab-stop';
|
|
@@ -26,16 +26,16 @@ export const scrollbarWidth = () => {
|
|
|
26
26
|
* @hidden
|
|
27
27
|
*/
|
|
28
28
|
export class ScrollbarWidthService {
|
|
29
|
+
changes = new EventEmitter();
|
|
29
30
|
constructor() {
|
|
30
|
-
this.changes = new EventEmitter();
|
|
31
31
|
if (typeof window !== 'undefined' && isDocumentAvailable()) {
|
|
32
32
|
document.body.style.setProperty(propName, `${scrollbarWidth()}px`);
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollbarWidthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
36
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollbarWidthService, providedIn: 'root' });
|
|
35
37
|
}
|
|
36
|
-
|
|
37
|
-
ScrollbarWidthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollbarWidthService, providedIn: 'root' });
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollbarWidthService, decorators: [{
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollbarWidthService, decorators: [{
|
|
39
39
|
type: Injectable,
|
|
40
40
|
args: [{
|
|
41
41
|
providedIn: 'root'
|
|
@@ -3,5 +3,4 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export { WatermarkOverlayComponent } from './watermark.component';
|
|
6
|
-
export { WatermarkModule } from './watermark.module';
|
|
7
6
|
export { shouldShowValidationUI } from './validation';
|
|
@@ -12,14 +12,13 @@ let bannerPresentOnPage = false;
|
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
14
|
export class WatermarkOverlayComponent {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
15
|
+
watermarkStyle = watermarkStyles;
|
|
16
|
+
banner;
|
|
17
|
+
isOpen = true;
|
|
18
|
+
bannerMounted = false;
|
|
19
|
+
bannerStyles = bannerStyles;
|
|
20
|
+
buttonStyles = buttonStyles;
|
|
21
|
+
licenseKeyUrl = licenseKeyUrl;
|
|
23
22
|
ngOnInit() {
|
|
24
23
|
if (!bannerPresentOnPage) {
|
|
25
24
|
this.bannerMounted = true;
|
|
@@ -42,9 +41,8 @@ export class WatermarkOverlayComponent {
|
|
|
42
41
|
get isBannerRendered() {
|
|
43
42
|
return isDocumentAvailable() && this.banner && this.banner.nativeElement;
|
|
44
43
|
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
WatermarkOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
|
|
44
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
|
|
48
46
|
<div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
|
|
49
47
|
<span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
|
|
50
48
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
@@ -71,7 +69,8 @@ WatermarkOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
71
69
|
</div>
|
|
72
70
|
</div>
|
|
73
71
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
74
|
-
|
|
72
|
+
}
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WatermarkOverlayComponent, decorators: [{
|
|
75
74
|
type: Component,
|
|
76
75
|
args: [{
|
|
77
76
|
selector: 'div[kendoWatermarkOverlay]',
|
|
@@ -18,5 +18,5 @@ export declare class EventsOutsideAngularDirective implements OnInit, OnDestroy
|
|
|
18
18
|
ngOnInit(): void;
|
|
19
19
|
ngOnDestroy(): void;
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<EventsOutsideAngularDirective, never>;
|
|
21
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<EventsOutsideAngularDirective, "[kendoEventsOutsideAngular]", never, { "events": "kendoEventsOutsideAngular"; "scope": "scope"; }, {}, never, never, true, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EventsOutsideAngularDirective, "[kendoEventsOutsideAngular]", never, { "events": { "alias": "kendoEventsOutsideAngular"; "required": false; }; "scope": { "alias": "scope"; "required": false; }; }, {}, never, never, true, never>;
|
|
22
22
|
}
|