@progress/kendo-angular-dialog 17.0.0-develop.2 → 17.0.0-develop.21
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/README.md +38 -21
- package/esm2020/dialog/dialog-titlebar.component.mjs +1 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-dialog.mjs +3 -3
- package/fesm2020/progress-kendo-angular-dialog.mjs +3 -3
- package/package.json +6 -6
- package/schematics/ngAdd/index.js +1 -1
package/README.md
CHANGED
|
@@ -1,34 +1,51 @@
|
|
|
1
|
-
<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
|
|
1
|
+
<a href="https://www.telerik.com/kendo-angular-ui/components/dialogs" target="_blank">
|
|
2
2
|
<img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
|
|
3
3
|
</a>
|
|
4
4
|
|
|
5
|
-
## Kendo UI for Angular Dialogs
|
|
5
|
+
## Kendo UI for Angular Dialogs Package
|
|
6
6
|
|
|
7
|
-
>
|
|
8
|
-
> *
|
|
9
|
-
> *
|
|
10
|
-
> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs).
|
|
11
|
-
> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
|
|
12
|
-
>
|
|
13
|
-
> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-dialogs) and speed up your development process!
|
|
7
|
+
> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)—a commercial UI library.
|
|
8
|
+
> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
|
|
9
|
+
> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
|
|
14
10
|
|
|
15
|
-
The Kendo UI for Angular
|
|
11
|
+
The Kendo UI for Angular Dialogs components communicate specific information to the users, and prompt them to take actions.
|
|
16
12
|
|
|
17
|
-
|
|
13
|
+
## What's Included in the Angular Dialogs Package
|
|
18
14
|
|
|
19
|
-
|
|
15
|
+
The [Angular Dialogs](https://www.telerik.com/kendo-angular-ui/components/dialogs) package includes two built-in components:
|
|
20
16
|
|
|
21
|
-
* [
|
|
22
|
-
* [
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
* [Angular Dialog Component](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog)
|
|
18
|
+
* [Angular Window Component](https://www.telerik.com/kendo-angular-ui/components/dialogs/window)
|
|
19
|
+
|
|
20
|
+
## Key Features
|
|
21
|
+
|
|
22
|
+
Among the many features which the Kendo UI for Angular Dialogs deliver are:
|
|
23
|
+
|
|
24
|
+
* Action Buttons—The Dialogs support different approaches for rendering action buttons and also for customizing their content and appearance. [Read more about the action buttons of the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/action-buttons)
|
|
25
|
+
* Initial Focus—You can use the options provided by the Dialogs components to define which element will be focused upon their initial loading. [Read more about the initial element focus of the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/initial-focus)
|
|
26
|
+
* State Management—The Kendo UI for Angular Dialogs support various rendering states. The Dialog always displays an overlay element preventing the interaction with other elements on the page, while the Window supports maximized and minimized state. [Read more about the maximized and minizimed state of the Window...](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/minimizing-maximizing)
|
|
27
|
+
* Sizing—All Kendo UI for Angular Dialogs allow you to customize their dimensions. By default, the components automatically calculate their height so they can fit the displayed content. Read more about the dimensions of the [Dialog](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/dimensions) and [Window](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/dimensions-resizing).
|
|
28
|
+
* Angular Service Support—All Kendo UI for Angular Dialogs enable you to create their instances dynamically avoiding, in this way, the necessity for defining the components in templates. [Read more about the service implementation in the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service)
|
|
29
|
+
* Appearance—You can use the options provided by the Dialogs components to customize their appearance. Read more about the customizable appearance of the [Dialog](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/appearance) and [Window...](https://www.telerik.com/kendo-angular-ui/components/dialogs/window/appearance).
|
|
30
|
+
* Globalization—The Kendo UI for Angular Dialogs support globalization to ensure that each Dialogs component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Dialogs support rendering in a right-to-left (RTL) direction. [Read more about Dialogs globalization...](https://www.telerik.com/kendo-angular-ui/components/dialogs/globalization)
|
|
31
|
+
* Accessibility—The Dialogs are accessible for screen readers and support WAI-ARIA attributes. [Read more about accessibility support of the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/accessibility)
|
|
32
|
+
* Keyboard Navigation—The Dialogs support a number of keyboard shortcuts which alow users to accomplish various commands. [Read more about the keyboard navigation of the Dialog...](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/keyboard-navigation)
|
|
25
33
|
|
|
26
|
-
##
|
|
34
|
+
## Support Options
|
|
27
35
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
* [
|
|
31
|
-
* [
|
|
36
|
+
For any issues you might encounter while working with the Kendo UI for Angular Dialogs, you have the following support channels available:
|
|
37
|
+
|
|
38
|
+
* Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-center/contact-us/technical-support).
|
|
39
|
+
* Product forums—The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
|
|
40
|
+
* Feedback portal—The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
|
|
41
|
+
|
|
42
|
+
## Resources
|
|
43
|
+
|
|
44
|
+
* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
|
|
45
|
+
* [Getting Started with the Kendo UI for Angular Dialogs](https://www.telerik.com/kendo-angular-ui/components/dialogs/installation/getting-started)
|
|
46
|
+
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
|
|
47
|
+
* [Blogs](http://www.telerik.com/blogs/kendo-ui)
|
|
48
|
+
* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
|
|
32
49
|
|
|
33
50
|
*Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
|
|
34
51
|
|
|
@@ -88,7 +88,7 @@ DialogTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
88
88
|
</button>
|
|
89
89
|
</div>
|
|
90
90
|
</ng-container>
|
|
91
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n " }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]
|
|
91
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n " }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
92
92
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogTitleBarComponent, decorators: [{
|
|
93
93
|
type: Component,
|
|
94
94
|
args: [{
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-dialog',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '17.0.0-develop.
|
|
12
|
+
publishDate: 1729874065,
|
|
13
|
+
version: '17.0.0-develop.21',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -546,7 +546,7 @@ DialogTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
546
546
|
</button>
|
|
547
547
|
</div>
|
|
548
548
|
</ng-container>
|
|
549
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n " }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]
|
|
549
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n " }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
550
550
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogTitleBarComponent, decorators: [{
|
|
551
551
|
type: Component,
|
|
552
552
|
args: [{
|
|
@@ -616,8 +616,8 @@ const packageMetadata = {
|
|
|
616
616
|
name: '@progress/kendo-angular-dialog',
|
|
617
617
|
productName: 'Kendo UI for Angular',
|
|
618
618
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
619
|
-
publishDate:
|
|
620
|
-
version: '17.0.0-develop.
|
|
619
|
+
publishDate: 1729874065,
|
|
620
|
+
version: '17.0.0-develop.21',
|
|
621
621
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
622
622
|
};
|
|
623
623
|
|
|
@@ -544,7 +544,7 @@ DialogTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
544
544
|
</button>
|
|
545
545
|
</div>
|
|
546
546
|
</ng-container>
|
|
547
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n " }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]
|
|
547
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDialogLocalizedMessages],\n [kendoWindowLocalizedMessages],\n [kendoDialogTitleBarLocalizedMessages]\n " }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
548
548
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogTitleBarComponent, decorators: [{
|
|
549
549
|
type: Component,
|
|
550
550
|
args: [{
|
|
@@ -612,8 +612,8 @@ const packageMetadata = {
|
|
|
612
612
|
name: '@progress/kendo-angular-dialog',
|
|
613
613
|
productName: 'Kendo UI for Angular',
|
|
614
614
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
615
|
-
publishDate:
|
|
616
|
-
version: '17.0.0-develop.
|
|
615
|
+
publishDate: 1729874065,
|
|
616
|
+
version: '17.0.0-develop.21',
|
|
617
617
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
618
618
|
};
|
|
619
619
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-dialog",
|
|
3
|
-
"version": "17.0.0-develop.
|
|
3
|
+
"version": "17.0.0-develop.21",
|
|
4
4
|
"description": "Dialog Package for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -27,15 +27,15 @@
|
|
|
27
27
|
"@angular/core": "15 - 18",
|
|
28
28
|
"@angular/platform-browser": "15 - 18",
|
|
29
29
|
"@progress/kendo-licensing": "^1.0.2",
|
|
30
|
-
"@progress/kendo-angular-buttons": "17.0.0-develop.
|
|
31
|
-
"@progress/kendo-angular-common": "17.0.0-develop.
|
|
32
|
-
"@progress/kendo-angular-icons": "17.0.0-develop.
|
|
33
|
-
"@progress/kendo-angular-l10n": "17.0.0-develop.
|
|
30
|
+
"@progress/kendo-angular-buttons": "17.0.0-develop.21",
|
|
31
|
+
"@progress/kendo-angular-common": "17.0.0-develop.21",
|
|
32
|
+
"@progress/kendo-angular-icons": "17.0.0-develop.21",
|
|
33
|
+
"@progress/kendo-angular-l10n": "17.0.0-develop.21",
|
|
34
34
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"tslib": "^2.3.1",
|
|
38
|
-
"@progress/kendo-angular-schematics": "17.0.0-develop.
|
|
38
|
+
"@progress/kendo-angular-schematics": "17.0.0-develop.21",
|
|
39
39
|
"@progress/kendo-popup-common": "^1.7.0"
|
|
40
40
|
},
|
|
41
41
|
"schematics": "./schematics/collection.json",
|
|
@@ -4,7 +4,7 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DialogsModule', package: 'dialog', peerDependencies: {
|
|
6
6
|
// Peer dependency of buttons
|
|
7
|
-
'@progress/kendo-angular-popup': '17.0.0-develop.
|
|
7
|
+
'@progress/kendo-angular-popup': '17.0.0-develop.21',
|
|
8
8
|
// Peer dependency of icons
|
|
9
9
|
'@progress/kendo-svg-icons': '^3.0.0'
|
|
10
10
|
} });
|