@progress/kendo-angular-buttons 7.0.0-next.202111120840 → 7.0.2-dev.202201201235
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/LICENSE.md +1 -1
- package/NOTICE.txt +119 -79
- package/README.md +1 -1
- package/dist/cdn/js/kendo-angular-buttons.js +20 -0
- package/dist/cdn/main.js +5 -0
- package/dist/es/button/button.directive.js +769 -0
- package/{esm2015 → dist/es}/button/button.module.js +13 -13
- package/dist/es/button/button.service.js +24 -0
- package/{esm2015 → dist/es}/button/selection-settings.js +0 -1
- package/dist/es/buttongroup/buttongroup.component.js +353 -0
- package/dist/es/buttongroup/buttongroup.module.js +30 -0
- package/{esm2015 → dist/es}/buttons.module.js +12 -12
- package/{esm2015 → dist/es}/chip/chip-content-click-event-args.interface.js +0 -1
- package/{esm2015 → dist/es}/chip/chip-list-remove-event-args.interface.js +0 -1
- package/dist/es/chip/chip-list.component.js +214 -0
- package/{esm2015 → dist/es}/chip/chip-remove-event-args.interface.js +0 -1
- package/dist/es/chip/chip.component.js +449 -0
- package/dist/es/chip/chip.module.js +55 -0
- package/{esm2015 → dist/es}/chip/models/selection.js +0 -1
- package/dist/es/common/models/fillmode.js +4 -0
- package/dist/es/common/models/rounded.js +4 -0
- package/{esm2015 → dist/es}/common/models/shape.js +0 -1
- package/{esm2015 → dist/es}/common/models/size.js +0 -1
- package/dist/es/common/models/styling-classes.js +4 -0
- package/{esm2015 → dist/es}/common/models/theme-color.js +0 -1
- package/{esm2015/button-look.js → dist/es/common/models.js} +0 -1
- package/{esm2015 → dist/es}/direction.js +0 -1
- package/dist/es/dropdownbutton/dropdownbutton.component.js +704 -0
- package/dist/es/dropdownbutton/dropdownbutton.module.js +32 -0
- package/dist/es/floatingactionbutton/animations/animations.js +33 -0
- package/dist/es/floatingactionbutton/dial-item.component.js +143 -0
- package/dist/es/floatingactionbutton/dial-list.component.js +76 -0
- package/dist/es/floatingactionbutton/floatingactionbutton.component.js +903 -0
- package/dist/es/floatingactionbutton/floatingactionbutton.module.js +65 -0
- package/{esm2015 → dist/es}/floatingactionbutton/models/align.js +0 -1
- package/{esm2015 → dist/es}/floatingactionbutton/models/item-animation.interface.js +0 -1
- package/{esm2015 → dist/es}/floatingactionbutton/models/item-click.event.js +0 -1
- package/{esm2015 → dist/es}/floatingactionbutton/models/item.interface.js +0 -1
- package/{esm2015 → dist/es}/floatingactionbutton/models/offset.js +0 -1
- package/{esm2015 → dist/es}/floatingactionbutton/models/position-mode.js +0 -1
- package/dist/es/floatingactionbutton/templates/dial-item-template.directive.js +26 -0
- package/dist/es/floatingactionbutton/templates/fab-template.directive.js +26 -0
- package/dist/es/floatingactionbutton/utils.js +38 -0
- package/dist/es/focusable/focus.service.js +43 -0
- package/dist/es/focusable/focusable.directive.js +68 -0
- package/dist/es/index.js +22 -0
- package/dist/es/listbutton/button-item-template.directive.js +68 -0
- package/dist/es/listbutton/list-button.js +243 -0
- package/{esm2015 → dist/es}/listbutton/list-item-model.js +0 -1
- package/dist/es/listbutton/list.component.js +85 -0
- package/dist/es/listbutton/list.module.js +33 -0
- package/{esm2015 → dist/es}/listbutton/popup-settings.js +0 -1
- package/dist/es/listbutton/template-context.directive.js +40 -0
- package/{esm2015 → dist/es}/main.js +1 -5
- package/{esm2015 → dist/es}/navigation/key-events.js +0 -0
- package/{esm2015 → dist/es}/navigation/navigation-action.js +0 -0
- package/dist/es/navigation/navigation-config.js +9 -0
- package/dist/es/navigation/navigation.service.js +114 -0
- package/dist/es/package-metadata.js +15 -0
- package/dist/es/preventable-event.js +29 -0
- package/dist/es/splitbutton/localization/custom-messages.component.js +44 -0
- package/dist/es/splitbutton/localization/localized-messages.directive.js +35 -0
- package/dist/es/splitbutton/localization/messages.js +22 -0
- package/dist/es/splitbutton/splitbutton.component.js +830 -0
- package/dist/es/splitbutton/splitbutton.module.js +34 -0
- package/dist/es/util.js +97 -0
- package/{button → dist/es2015/button}/button.directive.d.ts +101 -46
- package/dist/es2015/button/button.directive.js +671 -0
- package/{button → dist/es2015/button}/button.module.d.ts +0 -5
- package/dist/es2015/button/button.module.js +47 -0
- package/{button → dist/es2015/button}/button.service.d.ts +1 -7
- package/dist/es2015/button/button.service.js +26 -0
- package/{button → dist/es2015/button}/selection-settings.d.ts +0 -0
- package/dist/es2015/button/selection-settings.js +4 -0
- package/{buttongroup → dist/es2015/buttongroup}/buttongroup.component.d.ts +9 -28
- package/{esm2015 → dist/es2015}/buttongroup/buttongroup.component.js +116 -121
- package/dist/es2015/buttongroup/buttongroup.module.d.ts +14 -0
- package/dist/es2015/buttongroup/buttongroup.module.js +27 -0
- package/{buttons.module.d.ts → dist/es2015/buttons.module.d.ts} +0 -10
- package/dist/es2015/buttons.module.js +51 -0
- package/{chip → dist/es2015/chip}/chip-content-click-event-args.interface.d.ts +0 -0
- package/dist/es2015/chip/chip-content-click-event-args.interface.js +4 -0
- package/{chip → dist/es2015/chip}/chip-list-remove-event-args.interface.d.ts +0 -0
- package/dist/es2015/chip/chip-list-remove-event-args.interface.js +4 -0
- package/{chip → dist/es2015/chip}/chip-list.component.d.ts +21 -8
- package/dist/es2015/chip/chip-list.component.js +197 -0
- package/{chip → dist/es2015/chip}/chip-remove-event-args.interface.d.ts +0 -0
- package/dist/es2015/chip/chip-remove-event-args.interface.js +4 -0
- package/{chip → dist/es2015/chip}/chip.component.d.ts +72 -38
- package/dist/es2015/chip/chip.component.js +431 -0
- package/{chip → dist/es2015/chip}/chip.module.d.ts +0 -7
- package/{esm2015 → dist/es2015}/chip/chip.module.js +11 -16
- package/{chip → dist/es2015/chip}/models/selection.d.ts +0 -0
- package/dist/es2015/chip/models/selection.js +4 -0
- package/{util.d.ts → dist/es2015/common/models/fillmode.d.ts} +4 -8
- package/dist/es2015/common/models/fillmode.js +4 -0
- package/dist/es2015/common/models/rounded.d.ts +12 -0
- package/dist/es2015/common/models/rounded.js +4 -0
- package/dist/es2015/common/models/shape.d.ts +9 -0
- package/dist/es2015/common/models/shape.js +4 -0
- package/dist/es2015/common/models/size.d.ts +17 -0
- package/dist/es2015/common/models/size.js +4 -0
- package/{esm2015/kendo-angular-buttons.js → dist/es2015/common/models/styling-classes.d.ts} +5 -2
- package/dist/es2015/common/models/styling-classes.js +4 -0
- package/{common → dist/es2015/common}/models/theme-color.d.ts +15 -4
- package/dist/es2015/common/models/theme-color.js +4 -0
- package/{common/models/size.d.ts → dist/es2015/common/models.d.ts} +6 -10
- package/dist/es2015/common/models.js +4 -0
- package/{direction.d.ts → dist/es2015/direction.d.ts} +0 -0
- package/dist/es2015/direction.js +4 -0
- package/{dropdownbutton → dist/es2015/dropdownbutton}/dropdownbutton.component.d.ts +74 -29
- package/{esm2015 → dist/es2015}/dropdownbutton/dropdownbutton.component.js +257 -179
- package/dist/es2015/dropdownbutton/dropdownbutton.module.d.ts +14 -0
- package/dist/es2015/dropdownbutton/dropdownbutton.module.js +29 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/animations/animations.d.ts +0 -0
- package/{esm2015 → dist/es2015}/floatingactionbutton/animations/animations.js +0 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/dial-item.component.d.ts +5 -8
- package/dist/es2015/floatingactionbutton/dial-item.component.js +133 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/dial-list.component.d.ts +2 -5
- package/dist/es2015/floatingactionbutton/dial-list.component.js +81 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/floatingactionbutton.component.d.ts +47 -49
- package/{esm2015 → dist/es2015}/floatingactionbutton/floatingactionbutton.component.js +212 -192
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/floatingactionbutton.module.d.ts +0 -13
- package/{esm2015 → dist/es2015}/floatingactionbutton/floatingactionbutton.module.js +11 -19
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/models/align.d.ts +0 -0
- package/dist/es2015/floatingactionbutton/models/align.js +4 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/models/item-animation.interface.d.ts +0 -0
- package/dist/es2015/floatingactionbutton/models/item-animation.interface.js +4 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/models/item-click.event.d.ts +0 -0
- package/dist/es2015/floatingactionbutton/models/item-click.event.js +4 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/models/item.interface.d.ts +0 -0
- package/dist/es2015/floatingactionbutton/models/item.interface.js +4 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/models/offset.d.ts +0 -0
- package/dist/es2015/floatingactionbutton/models/offset.js +4 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/models/position-mode.d.ts +0 -0
- package/dist/es2015/floatingactionbutton/models/position-mode.js +4 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/templates/dial-item-template.directive.d.ts +0 -3
- package/dist/es2015/floatingactionbutton/templates/dial-item-template.directive.js +25 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/templates/fab-template.directive.d.ts +0 -3
- package/dist/es2015/floatingactionbutton/templates/fab-template.directive.js +25 -0
- package/{floatingactionbutton → dist/es2015/floatingactionbutton}/utils.d.ts +0 -0
- package/{esm2015 → dist/es2015}/floatingactionbutton/utils.js +0 -0
- package/{focusable → dist/es2015/focusable}/focus.service.d.ts +1 -5
- package/{esm2015 → dist/es2015}/focusable/focus.service.js +10 -8
- package/{focusable → dist/es2015/focusable}/focusable.directive.d.ts +0 -3
- package/{esm2015 → dist/es2015}/focusable/focusable.directive.js +20 -19
- package/dist/es2015/index.d.ts +22 -0
- package/dist/es2015/index.js +22 -0
- package/dist/es2015/index.metadata.json +1 -0
- package/{listbutton → dist/es2015/listbutton}/button-item-template.directive.d.ts +0 -3
- package/{esm2015 → dist/es2015}/listbutton/button-item-template.directive.js +12 -13
- package/{listbutton → dist/es2015/listbutton}/list-button.d.ts +2 -6
- package/{esm2015 → dist/es2015}/listbutton/list-button.js +6 -16
- package/{listbutton → dist/es2015/listbutton}/list-item-model.d.ts +0 -0
- package/dist/es2015/listbutton/list-item-model.js +4 -0
- package/{listbutton → dist/es2015/listbutton}/list.component.d.ts +3 -3
- package/dist/es2015/listbutton/list.component.js +113 -0
- package/dist/es2015/listbutton/list.module.d.ts +9 -0
- package/dist/es2015/listbutton/list.module.js +30 -0
- package/{listbutton → dist/es2015/listbutton}/popup-settings.d.ts +0 -0
- package/dist/es2015/listbutton/popup-settings.js +4 -0
- package/{listbutton → dist/es2015/listbutton}/template-context.directive.d.ts +1 -4
- package/dist/es2015/listbutton/template-context.directive.js +35 -0
- package/{main.d.ts → dist/es2015/main.d.ts} +5 -9
- package/dist/es2015/main.js +22 -0
- package/{navigation → dist/es2015/navigation}/key-events.d.ts +0 -0
- package/dist/es2015/navigation/key-events.js +13 -0
- package/{navigation → dist/es2015/navigation}/navigation-action.d.ts +0 -0
- package/dist/es2015/navigation/navigation-action.js +19 -0
- package/{navigation → dist/es2015/navigation}/navigation-config.d.ts +0 -0
- package/{esm2015 → dist/es2015}/navigation/navigation-config.js +0 -0
- package/{navigation → dist/es2015/navigation}/navigation.service.d.ts +0 -3
- package/{esm2015 → dist/es2015}/navigation/navigation.service.js +9 -11
- package/{package-metadata.d.ts → dist/es2015/package-metadata.d.ts} +0 -0
- package/{esm2015 → dist/es2015}/package-metadata.js +1 -1
- package/{preventable-event.d.ts → dist/es2015/preventable-event.d.ts} +0 -0
- package/{esm2015 → dist/es2015}/preventable-event.js +0 -0
- package/dist/es2015/splitbutton/localization/custom-messages.component.d.ts +15 -0
- package/dist/es2015/splitbutton/localization/custom-messages.component.js +36 -0
- package/dist/es2015/splitbutton/localization/localized-messages.directive.d.ts +13 -0
- package/dist/es2015/splitbutton/localization/localized-messages.directive.js +31 -0
- package/dist/es2015/splitbutton/localization/messages.d.ts +32 -0
- package/dist/es2015/splitbutton/localization/messages.js +16 -0
- package/{splitbutton → dist/es2015/splitbutton}/splitbutton.component.d.ts +74 -34
- package/{esm2015 → dist/es2015}/splitbutton/splitbutton.component.js +288 -203
- package/dist/es2015/splitbutton/splitbutton.module.d.ts +14 -0
- package/dist/es2015/splitbutton/splitbutton.module.js +31 -0
- package/dist/es2015/util.d.ts +41 -0
- package/dist/es2015/util.js +95 -0
- package/{fesm2015/kendo-angular-buttons.js → dist/fesm2015/index.js} +2394 -1838
- package/dist/fesm5/index.js +5561 -0
- package/dist/npm/button/button.directive.js +771 -0
- package/dist/npm/button/button.module.js +52 -0
- package/dist/npm/button/button.service.js +26 -0
- package/dist/npm/button/selection-settings.js +6 -0
- package/dist/npm/buttongroup/buttongroup.component.js +355 -0
- package/dist/npm/buttongroup/buttongroup.module.js +32 -0
- package/dist/npm/buttons.module.js +56 -0
- package/dist/npm/chip/chip-content-click-event-args.interface.js +6 -0
- package/dist/npm/chip/chip-list-remove-event-args.interface.js +6 -0
- package/dist/npm/chip/chip-list.component.js +216 -0
- package/dist/npm/chip/chip-remove-event-args.interface.js +6 -0
- package/dist/npm/chip/chip.component.js +451 -0
- package/dist/npm/chip/chip.module.js +57 -0
- package/dist/npm/chip/models/selection.js +6 -0
- package/dist/npm/common/models/fillmode.js +6 -0
- package/dist/npm/common/models/rounded.js +6 -0
- package/dist/npm/common/models/shape.js +6 -0
- package/dist/npm/common/models/size.js +6 -0
- package/dist/npm/common/models/styling-classes.js +6 -0
- package/dist/npm/common/models/theme-color.js +6 -0
- package/dist/npm/common/models.js +6 -0
- package/dist/npm/direction.js +6 -0
- package/dist/npm/dropdownbutton/dropdownbutton.component.js +706 -0
- package/dist/npm/dropdownbutton/dropdownbutton.module.js +34 -0
- package/dist/npm/floatingactionbutton/animations/animations.js +37 -0
- package/dist/npm/floatingactionbutton/dial-item.component.js +145 -0
- package/dist/npm/floatingactionbutton/dial-list.component.js +78 -0
- package/dist/npm/floatingactionbutton/floatingactionbutton.component.js +905 -0
- package/dist/npm/floatingactionbutton/floatingactionbutton.module.js +67 -0
- package/dist/npm/floatingactionbutton/models/align.js +6 -0
- package/dist/npm/floatingactionbutton/models/item-animation.interface.js +6 -0
- package/dist/npm/floatingactionbutton/models/item-click.event.js +6 -0
- package/dist/npm/floatingactionbutton/models/item.interface.js +6 -0
- package/dist/npm/floatingactionbutton/models/offset.js +6 -0
- package/dist/npm/floatingactionbutton/models/position-mode.js +6 -0
- package/dist/npm/floatingactionbutton/templates/dial-item-template.directive.js +28 -0
- package/dist/npm/floatingactionbutton/templates/fab-template.directive.js +28 -0
- package/dist/npm/floatingactionbutton/utils.js +42 -0
- package/dist/npm/focusable/focus.service.js +45 -0
- package/dist/npm/focusable/focusable.directive.js +70 -0
- package/dist/npm/index.js +39 -0
- package/dist/npm/listbutton/button-item-template.directive.js +70 -0
- package/dist/npm/listbutton/list-button.js +245 -0
- package/dist/npm/listbutton/list-item-model.js +6 -0
- package/dist/npm/listbutton/list.component.js +87 -0
- package/dist/npm/listbutton/list.module.js +35 -0
- package/dist/npm/listbutton/popup-settings.js +6 -0
- package/dist/npm/listbutton/template-context.directive.js +42 -0
- package/dist/npm/main.js +45 -0
- package/dist/npm/navigation/key-events.js +15 -0
- package/dist/npm/navigation/navigation-action.js +21 -0
- package/dist/npm/navigation/navigation-config.js +11 -0
- package/dist/npm/navigation/navigation.service.js +116 -0
- package/dist/npm/package-metadata.js +17 -0
- package/dist/npm/preventable-event.js +31 -0
- package/dist/npm/splitbutton/localization/custom-messages.component.js +46 -0
- package/dist/npm/splitbutton/localization/localized-messages.directive.js +37 -0
- package/dist/npm/splitbutton/localization/messages.js +24 -0
- package/dist/npm/splitbutton/splitbutton.component.js +832 -0
- package/dist/npm/splitbutton/splitbutton.module.js +36 -0
- package/dist/npm/util.js +100 -0
- package/dist/systemjs/kendo-angular-buttons.js +5 -0
- package/package.json +110 -35
- package/schematics/ngAdd/index.js +2 -5
- package/schematics/ngAdd/index.js.map +1 -1
- package/bundles/kendo-angular-buttons.umd.js +0 -5
- package/button-look.d.ts +0 -21
- package/buttongroup/buttongroup.module.d.ts +0 -21
- package/chip/models/chip-look.d.ts +0 -18
- package/chip/models/type.d.ts +0 -21
- package/common/models/shape.d.ts +0 -16
- package/dropdownbutton/dropdownbutton.module.d.ts +0 -23
- package/esm2015/button/button.directive.js +0 -488
- package/esm2015/button/button.service.js +0 -28
- package/esm2015/buttongroup/buttongroup.module.js +0 -30
- package/esm2015/chip/chip-list.component.js +0 -145
- package/esm2015/chip/chip.component.js +0 -335
- package/esm2015/chip/models/chip-look.js +0 -5
- package/esm2015/chip/models/type.js +0 -5
- package/esm2015/dropdownbutton/dropdownbutton.module.js +0 -32
- package/esm2015/floatingactionbutton/dial-item.component.js +0 -126
- package/esm2015/floatingactionbutton/dial-list.component.js +0 -89
- package/esm2015/floatingactionbutton/templates/dial-item-template.directive.js +0 -27
- package/esm2015/floatingactionbutton/templates/fab-template.directive.js +0 -27
- package/esm2015/listbutton/list.component.js +0 -120
- package/esm2015/listbutton/list.module.js +0 -39
- package/esm2015/listbutton/template-context.directive.js +0 -33
- package/esm2015/splitbutton/splitbutton.module.js +0 -32
- package/esm2015/util.js +0 -39
- package/kendo-angular-buttons.d.ts +0 -9
- package/listbutton/list.module.d.ts +0 -18
- package/splitbutton/splitbutton.module.d.ts +0 -23
|
@@ -0,0 +1,431 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import * as tslib_1 from "tslib";
|
|
6
|
+
import { Component, HostBinding, Input, Output, EventEmitter, ElementRef, Renderer2, NgZone, isDevMode } from '@angular/core';
|
|
7
|
+
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
8
|
+
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
9
|
+
import { validatePackage } from '@progress/kendo-licensing';
|
|
10
|
+
import { packageMetadata } from '../package-metadata';
|
|
11
|
+
import { closest, getStylingClasses, getThemeColorClasses } from '../util';
|
|
12
|
+
/**
|
|
13
|
+
* Displays a Chip that represents an input, attribute or an action.
|
|
14
|
+
*/
|
|
15
|
+
let ChipComponent = class ChipComponent {
|
|
16
|
+
constructor(element, renderer, ngZone, localizationService) {
|
|
17
|
+
this.element = element;
|
|
18
|
+
this.renderer = renderer;
|
|
19
|
+
this.ngZone = ngZone;
|
|
20
|
+
this.localizationService = localizationService;
|
|
21
|
+
/**
|
|
22
|
+
* Specifies the selected state of the Chip.
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
this.selected = false;
|
|
26
|
+
/**
|
|
27
|
+
* Specifies if the Chip will be removable or not.
|
|
28
|
+
* If the property is set to `true`, the Chip renders a remove icon.
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
this.removable = false;
|
|
32
|
+
/**
|
|
33
|
+
* If set to `true`, the Chip will be disabled.
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
this.disabled = false;
|
|
37
|
+
/**
|
|
38
|
+
* Fires each time the user clicks the remove icon of the Chip.
|
|
39
|
+
*/
|
|
40
|
+
this.remove = new EventEmitter();
|
|
41
|
+
/**
|
|
42
|
+
* Fires each time the user clicks the content of the Chip.
|
|
43
|
+
*/
|
|
44
|
+
this.contentClick = new EventEmitter();
|
|
45
|
+
this.tabIndex = 0;
|
|
46
|
+
this.hostClass = true;
|
|
47
|
+
this._size = 'medium';
|
|
48
|
+
this._rounded = 'medium';
|
|
49
|
+
this._fillMode = 'solid';
|
|
50
|
+
this._themeColor = 'base';
|
|
51
|
+
this.focused = false;
|
|
52
|
+
validatePackage(packageMetadata);
|
|
53
|
+
this.direction = localizationService.rtl ? 'rtl' : 'ltr';
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* The size property specifies the padding of the Chip
|
|
57
|
+
* ([see example]({% slug appearance_chip %}#toc-size)).
|
|
58
|
+
*
|
|
59
|
+
* The possible values are:
|
|
60
|
+
* * `'small'`
|
|
61
|
+
* * `'medium'` (default)
|
|
62
|
+
* * `'large'`
|
|
63
|
+
* * `null`
|
|
64
|
+
*/
|
|
65
|
+
set size(size) {
|
|
66
|
+
this.handleClasses(size, 'size');
|
|
67
|
+
this._size = size;
|
|
68
|
+
}
|
|
69
|
+
get size() {
|
|
70
|
+
return this._size;
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* The rounded property specifies the border radius of the Chip
|
|
74
|
+
* ([see example]({% slug appearance_chip %}#toc-rounded)).
|
|
75
|
+
*
|
|
76
|
+
* The possible values are:
|
|
77
|
+
* * `'small'`
|
|
78
|
+
* * `'medium'` (default)
|
|
79
|
+
* * `'large'`
|
|
80
|
+
* * `'full'`
|
|
81
|
+
* * `null`
|
|
82
|
+
*/
|
|
83
|
+
set rounded(rounded) {
|
|
84
|
+
this.handleClasses(rounded, 'rounded');
|
|
85
|
+
this._rounded = rounded;
|
|
86
|
+
}
|
|
87
|
+
get rounded() {
|
|
88
|
+
return this._rounded;
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* The fillMode property specifies the background and border styles of the Chip
|
|
92
|
+
* ([see example]({% slug appearance_chip %}#toc-fillMode)).
|
|
93
|
+
*
|
|
94
|
+
* The possible values are:
|
|
95
|
+
* * `'solid'` (default)
|
|
96
|
+
* * `'outline'`
|
|
97
|
+
* * `null`
|
|
98
|
+
*/
|
|
99
|
+
set fillMode(fillMode) {
|
|
100
|
+
this.handleClasses(fillMode, 'fillMode');
|
|
101
|
+
this._fillMode = fillMode;
|
|
102
|
+
}
|
|
103
|
+
get fillMode() {
|
|
104
|
+
return this._fillMode;
|
|
105
|
+
}
|
|
106
|
+
/**
|
|
107
|
+
* The Chip allows you to specify predefined theme colors.
|
|
108
|
+
* The theme color will be applied as a background and border color while also amending the text color accordingly
|
|
109
|
+
* ([see example]({% slug appearance_chip %}#toc-themeColor)).
|
|
110
|
+
*
|
|
111
|
+
* The possible values are:
|
|
112
|
+
* * `'base'` (default)
|
|
113
|
+
* * `'info'`
|
|
114
|
+
* * `'success'`
|
|
115
|
+
* * `'warning'`
|
|
116
|
+
* * `'error'`
|
|
117
|
+
* * `null`
|
|
118
|
+
*/
|
|
119
|
+
set themeColor(themeColor) {
|
|
120
|
+
this.handleThemeColor(themeColor);
|
|
121
|
+
this._themeColor = themeColor;
|
|
122
|
+
}
|
|
123
|
+
get themeColor() {
|
|
124
|
+
return this._themeColor;
|
|
125
|
+
}
|
|
126
|
+
get ariaChecked() {
|
|
127
|
+
return this.selected;
|
|
128
|
+
}
|
|
129
|
+
get hasIconClass() {
|
|
130
|
+
return this.icon || this.iconClass || this.avatarClass ? true : false;
|
|
131
|
+
}
|
|
132
|
+
get disabledClass() {
|
|
133
|
+
return this.disabled;
|
|
134
|
+
}
|
|
135
|
+
get selectedClass() {
|
|
136
|
+
return this.selected;
|
|
137
|
+
}
|
|
138
|
+
get focusedClass() {
|
|
139
|
+
return this.focused;
|
|
140
|
+
}
|
|
141
|
+
ngOnInit() {
|
|
142
|
+
this.dynamicRTLSubscription = this.localizationService.changes
|
|
143
|
+
.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
|
|
144
|
+
}
|
|
145
|
+
ngOnDestroy() {
|
|
146
|
+
if (this.dynamicRTLSubscription) {
|
|
147
|
+
this.dynamicRTLSubscription.unsubscribe();
|
|
148
|
+
}
|
|
149
|
+
if (this.detachDomEvents) {
|
|
150
|
+
this.detachDomEvents();
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
ngAfterViewInit() {
|
|
154
|
+
const chip = this.element.nativeElement;
|
|
155
|
+
const stylingOptions = ['size', 'rounded', 'fillMode'];
|
|
156
|
+
stylingOptions.forEach(input => {
|
|
157
|
+
this.handleClasses(this[input], input);
|
|
158
|
+
});
|
|
159
|
+
this.attachElementEventHandlers(chip);
|
|
160
|
+
}
|
|
161
|
+
/**
|
|
162
|
+
* @hidden
|
|
163
|
+
*/
|
|
164
|
+
get kendoIconClass() {
|
|
165
|
+
this.verifyIconSettings([this.iconClass, this.avatarClass]);
|
|
166
|
+
return `k-i-${this.icon}`;
|
|
167
|
+
}
|
|
168
|
+
/**
|
|
169
|
+
* @hidden
|
|
170
|
+
*/
|
|
171
|
+
get customIconClass() {
|
|
172
|
+
this.verifyIconSettings([this.icon, this.avatarClass]);
|
|
173
|
+
return `${this.iconClass}`;
|
|
174
|
+
}
|
|
175
|
+
/**
|
|
176
|
+
* @hidden
|
|
177
|
+
*/
|
|
178
|
+
get chipAvatarClass() {
|
|
179
|
+
this.verifyIconSettings([this.icon, this.iconClass]);
|
|
180
|
+
return `${this.avatarClass}`;
|
|
181
|
+
}
|
|
182
|
+
/**
|
|
183
|
+
* @hidden
|
|
184
|
+
*/
|
|
185
|
+
get removeIconClass() {
|
|
186
|
+
if (this.removeIcon) {
|
|
187
|
+
return `${this.removeIcon}`;
|
|
188
|
+
}
|
|
189
|
+
return `k-i-close-circle`;
|
|
190
|
+
}
|
|
191
|
+
/**
|
|
192
|
+
* Focuses the Chip component.
|
|
193
|
+
*/
|
|
194
|
+
focus() {
|
|
195
|
+
if (isDocumentAvailable()) {
|
|
196
|
+
this.element.nativeElement.focus();
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
/**
|
|
200
|
+
* Blurs the Chip component.
|
|
201
|
+
*/
|
|
202
|
+
blur() {
|
|
203
|
+
if (isDocumentAvailable()) {
|
|
204
|
+
this.element.nativeElement.blur();
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
/**
|
|
208
|
+
* @hidden
|
|
209
|
+
*/
|
|
210
|
+
onRemoveClick(e) {
|
|
211
|
+
if (this.removable) {
|
|
212
|
+
this.remove.emit({ sender: this, originalEvent: e });
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
attachElementEventHandlers(chip) {
|
|
216
|
+
this.ngZone.runOutsideAngular(() => {
|
|
217
|
+
const focusListener = this.renderer.listen(chip, 'focus', () => {
|
|
218
|
+
this.renderer.addClass(chip, 'k-focus');
|
|
219
|
+
});
|
|
220
|
+
const blurListener = this.renderer.listen(chip, 'blur', () => {
|
|
221
|
+
this.renderer.removeClass(chip, 'k-focus');
|
|
222
|
+
});
|
|
223
|
+
const contentClickListener = this.renderer.listen(chip, 'click', (e) => {
|
|
224
|
+
const isRemoveClicked = closest(e.target, '.k-chip-remove-action');
|
|
225
|
+
if (!isRemoveClicked) {
|
|
226
|
+
this.ngZone.run(() => {
|
|
227
|
+
this.contentClick.emit({ sender: this, originalEvent: e });
|
|
228
|
+
});
|
|
229
|
+
}
|
|
230
|
+
});
|
|
231
|
+
this.detachDomEvents = () => {
|
|
232
|
+
focusListener();
|
|
233
|
+
blurListener();
|
|
234
|
+
contentClickListener();
|
|
235
|
+
};
|
|
236
|
+
});
|
|
237
|
+
}
|
|
238
|
+
/**
|
|
239
|
+
* @hidden
|
|
240
|
+
*/
|
|
241
|
+
verifyIconSettings(iconsToCheck) {
|
|
242
|
+
if (isDevMode()) {
|
|
243
|
+
if (iconsToCheck.filter(icon => icon !== null && icon !== undefined).length > 0) {
|
|
244
|
+
this.renderer.removeClass(this.element.nativeElement, 'k-chip-has-icon');
|
|
245
|
+
throw new Error('Invalid configuration: Having multiple icons is not supported. Only a single icon on a chip can be displayed.');
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
handleClasses(value, input) {
|
|
250
|
+
const elem = this.element.nativeElement;
|
|
251
|
+
const classes = getStylingClasses('chip', input, this[input], value);
|
|
252
|
+
if (input === 'fillMode') {
|
|
253
|
+
this.handleThemeColor(this.themeColor, this[input], value);
|
|
254
|
+
}
|
|
255
|
+
if (classes.toRemove) {
|
|
256
|
+
this.renderer.removeClass(elem, classes.toRemove);
|
|
257
|
+
}
|
|
258
|
+
if (classes.toAdd) {
|
|
259
|
+
this.renderer.addClass(elem, classes.toAdd);
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
handleThemeColor(value, prevFillMode, fillMode) {
|
|
263
|
+
const elem = this.element.nativeElement;
|
|
264
|
+
const removeFillMode = prevFillMode ? prevFillMode : this.fillMode;
|
|
265
|
+
const addFillMode = fillMode ? fillMode : this.fillMode;
|
|
266
|
+
const themeColorClass = getThemeColorClasses('chip', removeFillMode, addFillMode, this.themeColor, value);
|
|
267
|
+
this.renderer.removeClass(elem, themeColorClass.toRemove);
|
|
268
|
+
if (addFillMode !== null && fillMode !== null) {
|
|
269
|
+
if (themeColorClass.toAdd) {
|
|
270
|
+
this.renderer.addClass(elem, themeColorClass.toAdd);
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
};
|
|
275
|
+
tslib_1.__decorate([
|
|
276
|
+
Input(),
|
|
277
|
+
tslib_1.__metadata("design:type", String)
|
|
278
|
+
], ChipComponent.prototype, "label", void 0);
|
|
279
|
+
tslib_1.__decorate([
|
|
280
|
+
Input(),
|
|
281
|
+
tslib_1.__metadata("design:type", String)
|
|
282
|
+
], ChipComponent.prototype, "icon", void 0);
|
|
283
|
+
tslib_1.__decorate([
|
|
284
|
+
Input(),
|
|
285
|
+
tslib_1.__metadata("design:type", String)
|
|
286
|
+
], ChipComponent.prototype, "iconClass", void 0);
|
|
287
|
+
tslib_1.__decorate([
|
|
288
|
+
Input(),
|
|
289
|
+
tslib_1.__metadata("design:type", String)
|
|
290
|
+
], ChipComponent.prototype, "avatarClass", void 0);
|
|
291
|
+
tslib_1.__decorate([
|
|
292
|
+
Input(),
|
|
293
|
+
tslib_1.__metadata("design:type", Boolean)
|
|
294
|
+
], ChipComponent.prototype, "selected", void 0);
|
|
295
|
+
tslib_1.__decorate([
|
|
296
|
+
Input(),
|
|
297
|
+
tslib_1.__metadata("design:type", Boolean)
|
|
298
|
+
], ChipComponent.prototype, "removable", void 0);
|
|
299
|
+
tslib_1.__decorate([
|
|
300
|
+
Input(),
|
|
301
|
+
tslib_1.__metadata("design:type", String)
|
|
302
|
+
], ChipComponent.prototype, "removeIcon", void 0);
|
|
303
|
+
tslib_1.__decorate([
|
|
304
|
+
Input(),
|
|
305
|
+
tslib_1.__metadata("design:type", Boolean)
|
|
306
|
+
], ChipComponent.prototype, "disabled", void 0);
|
|
307
|
+
tslib_1.__decorate([
|
|
308
|
+
Input(),
|
|
309
|
+
tslib_1.__metadata("design:type", String),
|
|
310
|
+
tslib_1.__metadata("design:paramtypes", [String])
|
|
311
|
+
], ChipComponent.prototype, "size", null);
|
|
312
|
+
tslib_1.__decorate([
|
|
313
|
+
Input(),
|
|
314
|
+
tslib_1.__metadata("design:type", String),
|
|
315
|
+
tslib_1.__metadata("design:paramtypes", [String])
|
|
316
|
+
], ChipComponent.prototype, "rounded", null);
|
|
317
|
+
tslib_1.__decorate([
|
|
318
|
+
Input(),
|
|
319
|
+
tslib_1.__metadata("design:type", String),
|
|
320
|
+
tslib_1.__metadata("design:paramtypes", [String])
|
|
321
|
+
], ChipComponent.prototype, "fillMode", null);
|
|
322
|
+
tslib_1.__decorate([
|
|
323
|
+
Input(),
|
|
324
|
+
tslib_1.__metadata("design:type", String),
|
|
325
|
+
tslib_1.__metadata("design:paramtypes", [String])
|
|
326
|
+
], ChipComponent.prototype, "themeColor", null);
|
|
327
|
+
tslib_1.__decorate([
|
|
328
|
+
Output(),
|
|
329
|
+
tslib_1.__metadata("design:type", EventEmitter)
|
|
330
|
+
], ChipComponent.prototype, "remove", void 0);
|
|
331
|
+
tslib_1.__decorate([
|
|
332
|
+
Output(),
|
|
333
|
+
tslib_1.__metadata("design:type", EventEmitter)
|
|
334
|
+
], ChipComponent.prototype, "contentClick", void 0);
|
|
335
|
+
tslib_1.__decorate([
|
|
336
|
+
HostBinding('attr.tabindex'),
|
|
337
|
+
tslib_1.__metadata("design:type", Number)
|
|
338
|
+
], ChipComponent.prototype, "tabIndex", void 0);
|
|
339
|
+
tslib_1.__decorate([
|
|
340
|
+
HostBinding('attr.aria-checked'),
|
|
341
|
+
tslib_1.__metadata("design:type", Boolean),
|
|
342
|
+
tslib_1.__metadata("design:paramtypes", [])
|
|
343
|
+
], ChipComponent.prototype, "ariaChecked", null);
|
|
344
|
+
tslib_1.__decorate([
|
|
345
|
+
HostBinding('class.k-chip'),
|
|
346
|
+
tslib_1.__metadata("design:type", Boolean)
|
|
347
|
+
], ChipComponent.prototype, "hostClass", void 0);
|
|
348
|
+
tslib_1.__decorate([
|
|
349
|
+
HostBinding('class.k-chip-has-icon'),
|
|
350
|
+
tslib_1.__metadata("design:type", Boolean),
|
|
351
|
+
tslib_1.__metadata("design:paramtypes", [])
|
|
352
|
+
], ChipComponent.prototype, "hasIconClass", null);
|
|
353
|
+
tslib_1.__decorate([
|
|
354
|
+
HostBinding('attr.aria-disabled'),
|
|
355
|
+
HostBinding('class.k-disabled'),
|
|
356
|
+
tslib_1.__metadata("design:type", Boolean),
|
|
357
|
+
tslib_1.__metadata("design:paramtypes", [])
|
|
358
|
+
], ChipComponent.prototype, "disabledClass", null);
|
|
359
|
+
tslib_1.__decorate([
|
|
360
|
+
HostBinding('class.k-selected'),
|
|
361
|
+
tslib_1.__metadata("design:type", Boolean),
|
|
362
|
+
tslib_1.__metadata("design:paramtypes", [])
|
|
363
|
+
], ChipComponent.prototype, "selectedClass", null);
|
|
364
|
+
tslib_1.__decorate([
|
|
365
|
+
HostBinding('class.k-focus'),
|
|
366
|
+
tslib_1.__metadata("design:type", Boolean),
|
|
367
|
+
tslib_1.__metadata("design:paramtypes", [])
|
|
368
|
+
], ChipComponent.prototype, "focusedClass", null);
|
|
369
|
+
tslib_1.__decorate([
|
|
370
|
+
HostBinding('attr.dir'),
|
|
371
|
+
tslib_1.__metadata("design:type", String)
|
|
372
|
+
], ChipComponent.prototype, "direction", void 0);
|
|
373
|
+
ChipComponent = tslib_1.__decorate([
|
|
374
|
+
Component({
|
|
375
|
+
selector: 'kendo-chip',
|
|
376
|
+
template: `
|
|
377
|
+
<span
|
|
378
|
+
*ngIf="icon"
|
|
379
|
+
class="k-chip-icon k-icon"
|
|
380
|
+
[ngClass]="kendoIconClass"
|
|
381
|
+
>
|
|
382
|
+
</span>
|
|
383
|
+
|
|
384
|
+
<span
|
|
385
|
+
*ngIf="iconClass"
|
|
386
|
+
class="k-chip-icon"
|
|
387
|
+
[ngClass]="customIconClass"
|
|
388
|
+
>
|
|
389
|
+
</span>
|
|
390
|
+
|
|
391
|
+
<span
|
|
392
|
+
*ngIf="avatarClass"
|
|
393
|
+
class="k-chip-avatar k-avatar k-rounded-full"
|
|
394
|
+
>
|
|
395
|
+
<span class="k-avatar-image" [ngClass]="chipAvatarClass"></span>
|
|
396
|
+
</span>
|
|
397
|
+
|
|
398
|
+
<span class="k-chip-content">
|
|
399
|
+
<span class="k-chip-label" *ngIf="label">
|
|
400
|
+
{{ label }}
|
|
401
|
+
</span>
|
|
402
|
+
<ng-content *ngIf="!label"></ng-content>
|
|
403
|
+
</span>
|
|
404
|
+
|
|
405
|
+
<span class="k-chip-actions">
|
|
406
|
+
<span class="k-chip-action k-chip-remove-action"
|
|
407
|
+
*ngIf="removable"
|
|
408
|
+
(click)="onRemoveClick($event)"
|
|
409
|
+
>
|
|
410
|
+
<span
|
|
411
|
+
class="k-icon"
|
|
412
|
+
[ngClass]="removeIconClass"
|
|
413
|
+
>
|
|
414
|
+
</span>
|
|
415
|
+
</span>
|
|
416
|
+
</span>
|
|
417
|
+
`,
|
|
418
|
+
providers: [
|
|
419
|
+
LocalizationService,
|
|
420
|
+
{
|
|
421
|
+
provide: L10N_PREFIX,
|
|
422
|
+
useValue: 'kendo.chip'
|
|
423
|
+
}
|
|
424
|
+
]
|
|
425
|
+
}),
|
|
426
|
+
tslib_1.__metadata("design:paramtypes", [ElementRef,
|
|
427
|
+
Renderer2,
|
|
428
|
+
NgZone,
|
|
429
|
+
LocalizationService])
|
|
430
|
+
], ChipComponent);
|
|
431
|
+
export { ChipComponent };
|
|
@@ -2,10 +2,6 @@
|
|
|
2
2
|
* Copyright © 2021 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
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./chip.component";
|
|
7
|
-
import * as i2 from "./chip-list.component";
|
|
8
|
-
import * as i3 from "@angular/common";
|
|
9
5
|
/**
|
|
10
6
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
11
7
|
* definition for the Chip and ChipList components.
|
|
@@ -35,7 +31,4 @@ import * as i3 from "@angular/common";
|
|
|
35
31
|
* ```
|
|
36
32
|
*/
|
|
37
33
|
export declare class ChipModule {
|
|
38
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ChipModule, never>;
|
|
39
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ChipModule, [typeof i1.ChipComponent, typeof i2.ChipListComponent], [typeof i3.CommonModule], [typeof i1.ChipComponent, typeof i2.ChipListComponent]>;
|
|
40
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ChipModule>;
|
|
41
34
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
* Copyright © 2021 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
|
+
import * as tslib_1 from "tslib";
|
|
5
6
|
import { NgModule } from '@angular/core';
|
|
6
7
|
import { CommonModule } from '@angular/common';
|
|
7
8
|
import { ChipComponent } from '../chip/chip.component';
|
|
8
9
|
import { ChipListComponent } from './chip-list.component';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
10
|
const exportedModules = [
|
|
11
11
|
ChipComponent,
|
|
12
12
|
ChipListComponent
|
|
@@ -42,18 +42,13 @@ const declarations = [
|
|
|
42
42
|
*
|
|
43
43
|
* ```
|
|
44
44
|
*/
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
ChipModule
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
declarations: [declarations],
|
|
56
|
-
exports: [exportedModules],
|
|
57
|
-
imports: [CommonModule]
|
|
58
|
-
}]
|
|
59
|
-
}] });
|
|
45
|
+
let ChipModule = class ChipModule {
|
|
46
|
+
};
|
|
47
|
+
ChipModule = tslib_1.__decorate([
|
|
48
|
+
NgModule({
|
|
49
|
+
declarations: [declarations],
|
|
50
|
+
exports: [exportedModules],
|
|
51
|
+
imports: [CommonModule]
|
|
52
|
+
})
|
|
53
|
+
], ChipModule);
|
|
54
|
+
export { ChipModule };
|
|
File without changes
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
@@ -3,14 +3,10 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Represents the possible fillMode options of the buttons.
|
|
7
7
|
*/
|
|
8
|
-
export declare
|
|
8
|
+
export declare type ButtonFillMode = 'solid' | 'flat' | 'outline' | 'link' | 'clear';
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Represents the possible fillMode options of the Chip.
|
|
11
11
|
*/
|
|
12
|
-
export declare
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare function closest(element: any, selector: string): any;
|
|
12
|
+
export declare type ChipFillMode = 'solid' | 'outline';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/**
|
|
6
|
+
* Represents the possible rounded options of the buttons.
|
|
7
|
+
*/
|
|
8
|
+
export declare type ButtonRounded = 'small' | 'medium' | 'large' | 'full';
|
|
9
|
+
/**
|
|
10
|
+
* Represents the possible rounded options of the Chip.
|
|
11
|
+
*/
|
|
12
|
+
export declare type ChipRounded = 'small' | 'medium' | 'large' | 'full';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/**
|
|
6
|
+
* Represents the possible shapes of the buttons.
|
|
7
|
+
*
|
|
8
|
+
*/
|
|
9
|
+
export declare type ButtonShape = 'rectangle' | 'square';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/**
|
|
6
|
+
* Specifies the possible sizes of the buttons.
|
|
7
|
+
*
|
|
8
|
+
*/
|
|
9
|
+
export declare type ButtonSize = 'small' | 'medium' | 'large';
|
|
10
|
+
/**
|
|
11
|
+
* Specifies the possible sizes of the Chip.
|
|
12
|
+
*/
|
|
13
|
+
export declare type ChipSize = 'small' | 'medium' | 'large';
|
|
14
|
+
/**
|
|
15
|
+
* Specifies the possible gap between Chips in a ChipList.
|
|
16
|
+
*/
|
|
17
|
+
export declare type ChipListSize = 'small' | 'medium' | 'large';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
@@ -3,6 +3,9 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* @hidden
|
|
7
7
|
*/
|
|
8
|
-
export
|
|
8
|
+
export interface ButtonStylingClasses {
|
|
9
|
+
toRemove?: string;
|
|
10
|
+
toAdd?: string;
|
|
11
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* Specifies the theme
|
|
6
|
+
* Specifies the possible theme colors of the buttons.
|
|
7
7
|
*
|
|
8
8
|
* The possible values are:
|
|
9
|
-
* * `
|
|
9
|
+
* * `base` —Applies coloring based on the `base` theme color.
|
|
10
|
+
* * `primary` —Applies coloring based on the `primary` theme color.
|
|
10
11
|
* * `secondary`—Applies coloring based on the `secondary` theme color.
|
|
11
12
|
* * `tertiary`— Applies coloring based on the `tertiary` theme color.
|
|
12
|
-
* * `inherit`— Applies inherited coloring value.
|
|
13
13
|
* * `info`—Applies coloring based on the `info` theme color.
|
|
14
14
|
* * `success`— Applies coloring based on the `success` theme color.
|
|
15
15
|
* * `warning`— Applies coloring based on the `warning` theme color.
|
|
@@ -19,4 +19,15 @@
|
|
|
19
19
|
* * `inverse`— Applies coloring based on the `inverse` theme color.
|
|
20
20
|
*
|
|
21
21
|
*/
|
|
22
|
-
export declare type ButtonThemeColor = '
|
|
22
|
+
export declare type ButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
|
|
23
|
+
/**
|
|
24
|
+
* Specifies the possible theme colors of the Chip.
|
|
25
|
+
*
|
|
26
|
+
* The possible values are:
|
|
27
|
+
* * `base` —Applies coloring based on the `base` theme color.
|
|
28
|
+
* * `info`—Applies coloring based on the `info` theme color.
|
|
29
|
+
* * `success`— Applies coloring based on the `success` theme color.
|
|
30
|
+
* * `warning`— Applies coloring based on the `warning` theme color.
|
|
31
|
+
* * `error`— Applies coloring based on the `error` theme color.
|
|
32
|
+
*/
|
|
33
|
+
export declare type ChipThemeColor = 'base' | 'info' | 'success' | 'warning' | 'error';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
@@ -2,13 +2,9 @@
|
|
|
2
2
|
* Copyright © 2021 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
|
-
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* * `large`
|
|
12
|
-
*
|
|
13
|
-
*/
|
|
14
|
-
export declare type ButtonSize = 'small' | 'medium' | 'large';
|
|
5
|
+
export * from './models/shape';
|
|
6
|
+
export * from './models/size';
|
|
7
|
+
export * from './models/theme-color';
|
|
8
|
+
export * from './models/fillmode';
|
|
9
|
+
export * from './models/rounded';
|
|
10
|
+
export * from './models/styling-classes';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|