@progress/kendo-angular-buttons 7.0.6 → 8.0.0-dev.202204190655
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/bundles/kendo-angular-buttons.umd.js +5 -0
- package/{dist/es2015/button → button}/button.directive.d.ts +64 -62
- package/{dist/es2015/button → button}/button.module.d.ts +5 -0
- package/{dist/es2015/button → button}/button.service.d.ts +3 -0
- package/{dist/es2015/button → button}/selection-settings.d.ts +0 -0
- package/{dist/es2015/buttongroup → buttongroup}/buttongroup.component.d.ts +14 -11
- package/{dist/es2015/buttongroup → buttongroup}/buttongroup.module.d.ts +7 -0
- package/{dist/es2015/buttons.module.d.ts → buttons.module.d.ts} +10 -0
- package/{dist/es2015/chip → chip}/chip-content-click-event-args.interface.d.ts +0 -0
- package/{dist/es2015/chip → chip}/chip-list-remove-event-args.interface.d.ts +0 -0
- package/{dist/es2015/chip → chip}/chip-list.component.d.ts +8 -4
- package/{dist/es2015/chip → chip}/chip-remove-event-args.interface.d.ts +0 -0
- package/{dist/es2015/chip → chip}/chip.component.d.ts +39 -33
- package/{dist/es2015/chip → chip}/chip.module.d.ts +7 -0
- package/{dist/es2015/chip → chip}/models/selection.d.ts +0 -0
- package/{dist/es2015/common → common}/models/fillmode.d.ts +2 -2
- package/{dist/es2015/common → common}/models/rounded.d.ts +2 -2
- package/{dist/es2015/common → common}/models/size.d.ts +3 -3
- package/{dist/es2015/common → common}/models/styling-classes.d.ts +0 -0
- package/{dist/es2015/common → common}/models/theme-color.d.ts +3 -3
- package/{dist/es2015/common → common}/models.d.ts +0 -1
- package/{dist/es2015/direction.d.ts → direction.d.ts} +0 -0
- package/{dist/es2015/dropdownbutton → dropdownbutton}/dropdownbutton.component.d.ts +37 -38
- package/dropdownbutton/dropdownbutton.module.d.ts +23 -0
- package/{dist/es2015 → esm2015}/button/button.directive.js +145 -215
- package/{dist/es2015 → esm2015}/button/button.module.js +13 -10
- package/{dist/es2015 → esm2015}/button/button.service.js +8 -10
- package/{dist/es → esm2015}/button/selection-settings.js +1 -0
- package/{dist/es2015 → esm2015}/buttongroup/buttongroup.component.js +88 -111
- package/esm2015/buttongroup/buttongroup.module.js +30 -0
- package/{dist/es → esm2015}/buttons.module.js +12 -12
- package/{dist/es2015 → esm2015}/chip/chip-content-click-event-args.interface.js +1 -0
- package/{dist/es2015 → esm2015}/chip/chip-list-remove-event-args.interface.js +1 -0
- package/{dist/es2015 → esm2015}/chip/chip-list.component.js +62 -73
- package/{dist/es2015 → esm2015}/chip/chip-remove-event-args.interface.js +1 -0
- package/{dist/es2015 → esm2015}/chip/chip.component.js +171 -167
- package/{dist/es2015 → esm2015}/chip/chip.module.js +16 -11
- package/{dist/es → esm2015}/chip/models/selection.js +1 -0
- package/{dist/es → esm2015}/common/models/fillmode.js +1 -0
- package/{dist/es → esm2015}/common/models/rounded.js +1 -0
- package/{dist/es → esm2015}/common/models/size.js +1 -0
- package/{dist/es → esm2015}/common/models/styling-classes.js +1 -0
- package/{dist/es → esm2015}/common/models/theme-color.js +1 -0
- package/{dist/es → esm2015}/common/models.js +5 -0
- package/{dist/es → esm2015}/direction.js +1 -0
- package/{dist/es2015 → esm2015}/dropdownbutton/dropdownbutton.component.js +185 -214
- package/esm2015/dropdownbutton/dropdownbutton.module.js +32 -0
- package/{dist/es2015 → esm2015}/floatingactionbutton/animations/animations.js +0 -0
- package/esm2015/floatingactionbutton/dial-item.component.js +127 -0
- package/esm2015/floatingactionbutton/dial-list.component.js +90 -0
- package/{dist/es2015 → esm2015}/floatingactionbutton/floatingactionbutton.component.js +205 -210
- package/{dist/es2015 → esm2015}/floatingactionbutton/floatingactionbutton.module.js +19 -11
- package/{dist/es → esm2015}/floatingactionbutton/models/align.js +1 -0
- package/{dist/es → esm2015}/floatingactionbutton/models/item-animation.interface.js +1 -0
- package/{dist/es → esm2015}/floatingactionbutton/models/item-click.event.js +1 -0
- package/{dist/es → esm2015}/floatingactionbutton/models/item.interface.js +1 -0
- package/{dist/es → esm2015}/floatingactionbutton/models/offset.js +1 -0
- package/{dist/es → esm2015}/floatingactionbutton/models/position-mode.js +1 -0
- package/esm2015/floatingactionbutton/templates/dial-item-template.directive.js +27 -0
- package/esm2015/floatingactionbutton/templates/fab-template.directive.js +27 -0
- package/{dist/es2015 → esm2015}/floatingactionbutton/utils.js +0 -0
- package/{dist/es2015 → esm2015}/focusable/focus.service.js +8 -10
- package/{dist/es2015 → esm2015}/focusable/focusable.directive.js +20 -27
- package/{dist/es2015/listbutton/list.module.d.ts → esm2015/kendo-angular-buttons.js} +2 -3
- package/{dist/es2015 → esm2015}/listbutton/button-item-template.directive.js +12 -12
- package/{dist/es2015 → esm2015}/listbutton/list-button.js +30 -37
- package/{dist/es → esm2015}/listbutton/list-item-model.js +1 -0
- package/esm2015/listbutton/list.component.js +140 -0
- package/esm2015/listbutton/list.module.js +39 -0
- package/{dist/es → esm2015}/listbutton/popup-settings.js +1 -0
- package/esm2015/listbutton/template-context.directive.js +34 -0
- package/{dist/es2015 → esm2015}/main.js +7 -0
- package/{dist/es → esm2015}/navigation/key-events.js +0 -0
- package/{dist/es2015 → esm2015}/navigation/navigation-action.js +1 -0
- package/{dist/es2015 → esm2015}/navigation/navigation-config.js +0 -0
- package/{dist/es2015 → esm2015}/navigation/navigation.service.js +11 -9
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es2015 → esm2015}/preventable-event.js +0 -0
- package/esm2015/splitbutton/localization/custom-messages.component.js +37 -0
- package/esm2015/splitbutton/localization/localized-messages.directive.js +36 -0
- package/esm2015/splitbutton/localization/messages.js +23 -0
- package/{dist/es2015 → esm2015}/splitbutton/splitbutton.component.js +221 -209
- package/esm2015/splitbutton/splitbutton.module.js +34 -0
- package/{dist/es2015 → esm2015}/util.js +7 -7
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-buttons.js} +1885 -1941
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/animations/animations.d.ts +0 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/dial-item.component.d.ts +8 -5
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/dial-list.component.d.ts +5 -2
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/floatingactionbutton.component.d.ts +50 -51
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/floatingactionbutton.module.d.ts +13 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/align.d.ts +0 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/item-animation.interface.d.ts +0 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/item-click.event.d.ts +0 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/item.interface.d.ts +0 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/offset.d.ts +0 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/models/position-mode.d.ts +0 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/templates/dial-item-template.directive.d.ts +3 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/templates/fab-template.directive.d.ts +3 -0
- package/{dist/es2015/floatingactionbutton → floatingactionbutton}/utils.d.ts +0 -0
- package/{dist/es2015/focusable → focusable}/focus.service.d.ts +5 -1
- package/{dist/es2015/focusable → focusable}/focusable.directive.d.ts +4 -2
- package/{dist/es2015/common/models/shape.d.ts → kendo-angular-buttons.d.ts} +3 -3
- package/{dist/es2015/listbutton → listbutton}/button-item-template.directive.d.ts +3 -0
- package/{dist/es2015/listbutton → listbutton}/list-button.d.ts +7 -13
- package/{dist/es2015/listbutton → listbutton}/list-item-model.d.ts +0 -0
- package/{dist/es2015/listbutton → listbutton}/list.component.d.ts +4 -1
- package/listbutton/list.module.d.ts +18 -0
- package/{dist/es2015/listbutton → listbutton}/popup-settings.d.ts +0 -0
- package/{dist/es2015/listbutton → listbutton}/template-context.directive.d.ts +4 -1
- package/{dist/es2015/main.d.ts → main.d.ts} +7 -1
- package/{dist/es2015/navigation → navigation}/key-events.d.ts +0 -0
- package/{dist/es2015/navigation → navigation}/navigation-action.d.ts +0 -0
- package/{dist/es2015/navigation → navigation}/navigation-config.d.ts +0 -0
- package/{dist/es2015/navigation → navigation}/navigation.service.d.ts +3 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +38 -113
- package/{dist/es2015/preventable-event.d.ts → preventable-event.d.ts} +0 -0
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/splitbutton → splitbutton}/localization/custom-messages.component.d.ts +4 -1
- package/{dist/es2015/splitbutton → splitbutton}/localization/localized-messages.directive.d.ts +3 -0
- package/{dist/es2015/splitbutton → splitbutton}/localization/messages.d.ts +3 -0
- package/{dist/es2015/splitbutton → splitbutton}/splitbutton.component.d.ts +39 -27
- package/splitbutton/splitbutton.module.d.ts +25 -0
- package/{dist/es2015/util.d.ts → util.d.ts} +0 -0
- package/dist/cdn/js/kendo-angular-buttons.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/button/button.directive.js +0 -775
- package/dist/es/button/button.module.js +0 -50
- package/dist/es/button/button.service.js +0 -24
- package/dist/es/buttongroup/buttongroup.component.js +0 -353
- package/dist/es/buttongroup/buttongroup.module.js +0 -30
- package/dist/es/chip/chip-content-click-event-args.interface.js +0 -4
- package/dist/es/chip/chip-list-remove-event-args.interface.js +0 -4
- package/dist/es/chip/chip-list.component.js +0 -214
- package/dist/es/chip/chip-remove-event-args.interface.js +0 -4
- package/dist/es/chip/chip.component.js +0 -449
- package/dist/es/chip/chip.module.js +0 -55
- package/dist/es/common/models/shape.js +0 -4
- package/dist/es/dropdownbutton/dropdownbutton.component.js +0 -704
- package/dist/es/dropdownbutton/dropdownbutton.module.js +0 -32
- package/dist/es/floatingactionbutton/animations/animations.js +0 -33
- package/dist/es/floatingactionbutton/dial-item.component.js +0 -143
- package/dist/es/floatingactionbutton/dial-list.component.js +0 -76
- package/dist/es/floatingactionbutton/floatingactionbutton.component.js +0 -903
- package/dist/es/floatingactionbutton/floatingactionbutton.module.js +0 -65
- package/dist/es/floatingactionbutton/templates/dial-item-template.directive.js +0 -26
- package/dist/es/floatingactionbutton/templates/fab-template.directive.js +0 -26
- package/dist/es/floatingactionbutton/utils.js +0 -38
- package/dist/es/focusable/focus.service.js +0 -43
- package/dist/es/focusable/focusable.directive.js +0 -68
- package/dist/es/index.js +0 -22
- package/dist/es/listbutton/button-item-template.directive.js +0 -68
- package/dist/es/listbutton/list-button.js +0 -243
- package/dist/es/listbutton/list.component.js +0 -85
- package/dist/es/listbutton/list.module.js +0 -33
- package/dist/es/listbutton/template-context.directive.js +0 -40
- package/dist/es/main.js +0 -22
- package/dist/es/navigation/navigation-action.js +0 -19
- package/dist/es/navigation/navigation-config.js +0 -9
- package/dist/es/navigation/navigation.service.js +0 -114
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/preventable-event.js +0 -29
- package/dist/es/splitbutton/localization/custom-messages.component.js +0 -44
- package/dist/es/splitbutton/localization/localized-messages.directive.js +0 -35
- package/dist/es/splitbutton/localization/messages.js +0 -22
- package/dist/es/splitbutton/splitbutton.component.js +0 -830
- package/dist/es/splitbutton/splitbutton.module.js +0 -34
- package/dist/es/util.js +0 -108
- package/dist/es2015/button/selection-settings.js +0 -4
- package/dist/es2015/buttongroup/buttongroup.module.js +0 -27
- package/dist/es2015/buttons.module.js +0 -51
- package/dist/es2015/chip/models/selection.js +0 -4
- package/dist/es2015/common/models/fillmode.js +0 -4
- package/dist/es2015/common/models/rounded.js +0 -4
- package/dist/es2015/common/models/shape.js +0 -4
- package/dist/es2015/common/models/size.js +0 -4
- package/dist/es2015/common/models/styling-classes.js +0 -4
- package/dist/es2015/common/models/theme-color.js +0 -4
- package/dist/es2015/common/models.js +0 -4
- package/dist/es2015/direction.js +0 -4
- package/dist/es2015/dropdownbutton/dropdownbutton.module.d.ts +0 -14
- package/dist/es2015/dropdownbutton/dropdownbutton.module.js +0 -29
- package/dist/es2015/floatingactionbutton/dial-item.component.js +0 -133
- package/dist/es2015/floatingactionbutton/dial-list.component.js +0 -81
- package/dist/es2015/floatingactionbutton/models/align.js +0 -4
- package/dist/es2015/floatingactionbutton/models/item-animation.interface.js +0 -4
- package/dist/es2015/floatingactionbutton/models/item-click.event.js +0 -4
- package/dist/es2015/floatingactionbutton/models/item.interface.js +0 -4
- package/dist/es2015/floatingactionbutton/models/offset.js +0 -4
- package/dist/es2015/floatingactionbutton/models/position-mode.js +0 -4
- package/dist/es2015/floatingactionbutton/templates/dial-item-template.directive.js +0 -25
- package/dist/es2015/floatingactionbutton/templates/fab-template.directive.js +0 -25
- package/dist/es2015/index.d.ts +0 -22
- package/dist/es2015/index.js +0 -22
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/listbutton/list-item-model.js +0 -4
- package/dist/es2015/listbutton/list.component.js +0 -115
- package/dist/es2015/listbutton/list.module.js +0 -30
- package/dist/es2015/listbutton/popup-settings.js +0 -4
- package/dist/es2015/listbutton/template-context.directive.js +0 -35
- package/dist/es2015/navigation/key-events.js +0 -13
- package/dist/es2015/splitbutton/localization/custom-messages.component.js +0 -36
- package/dist/es2015/splitbutton/localization/localized-messages.directive.js +0 -31
- package/dist/es2015/splitbutton/localization/messages.js +0 -16
- package/dist/es2015/splitbutton/splitbutton.module.d.ts +0 -14
- package/dist/es2015/splitbutton/splitbutton.module.js +0 -31
- package/dist/fesm5/index.js +0 -5577
- package/dist/npm/button/button.directive.js +0 -777
- package/dist/npm/button/button.module.js +0 -52
- package/dist/npm/button/button.service.js +0 -26
- package/dist/npm/button/selection-settings.js +0 -6
- package/dist/npm/buttongroup/buttongroup.component.js +0 -355
- package/dist/npm/buttongroup/buttongroup.module.js +0 -32
- package/dist/npm/buttons.module.js +0 -56
- package/dist/npm/chip/chip-content-click-event-args.interface.js +0 -6
- package/dist/npm/chip/chip-list-remove-event-args.interface.js +0 -6
- package/dist/npm/chip/chip-list.component.js +0 -216
- package/dist/npm/chip/chip-remove-event-args.interface.js +0 -6
- package/dist/npm/chip/chip.component.js +0 -451
- package/dist/npm/chip/chip.module.js +0 -57
- package/dist/npm/chip/models/selection.js +0 -6
- package/dist/npm/common/models/fillmode.js +0 -6
- package/dist/npm/common/models/rounded.js +0 -6
- package/dist/npm/common/models/shape.js +0 -6
- package/dist/npm/common/models/size.js +0 -6
- package/dist/npm/common/models/styling-classes.js +0 -6
- package/dist/npm/common/models/theme-color.js +0 -6
- package/dist/npm/common/models.js +0 -6
- package/dist/npm/direction.js +0 -6
- package/dist/npm/dropdownbutton/dropdownbutton.component.js +0 -706
- package/dist/npm/dropdownbutton/dropdownbutton.module.js +0 -34
- package/dist/npm/floatingactionbutton/animations/animations.js +0 -37
- package/dist/npm/floatingactionbutton/dial-item.component.js +0 -145
- package/dist/npm/floatingactionbutton/dial-list.component.js +0 -78
- package/dist/npm/floatingactionbutton/floatingactionbutton.component.js +0 -905
- package/dist/npm/floatingactionbutton/floatingactionbutton.module.js +0 -67
- package/dist/npm/floatingactionbutton/models/align.js +0 -6
- package/dist/npm/floatingactionbutton/models/item-animation.interface.js +0 -6
- package/dist/npm/floatingactionbutton/models/item-click.event.js +0 -6
- package/dist/npm/floatingactionbutton/models/item.interface.js +0 -6
- package/dist/npm/floatingactionbutton/models/offset.js +0 -6
- package/dist/npm/floatingactionbutton/models/position-mode.js +0 -6
- package/dist/npm/floatingactionbutton/templates/dial-item-template.directive.js +0 -28
- package/dist/npm/floatingactionbutton/templates/fab-template.directive.js +0 -28
- package/dist/npm/floatingactionbutton/utils.js +0 -42
- package/dist/npm/focusable/focus.service.js +0 -45
- package/dist/npm/focusable/focusable.directive.js +0 -70
- package/dist/npm/index.js +0 -39
- package/dist/npm/listbutton/button-item-template.directive.js +0 -70
- package/dist/npm/listbutton/list-button.js +0 -245
- package/dist/npm/listbutton/list-item-model.js +0 -6
- package/dist/npm/listbutton/list.component.js +0 -87
- package/dist/npm/listbutton/list.module.js +0 -35
- package/dist/npm/listbutton/popup-settings.js +0 -6
- package/dist/npm/listbutton/template-context.directive.js +0 -42
- package/dist/npm/main.js +0 -45
- package/dist/npm/navigation/key-events.js +0 -15
- package/dist/npm/navigation/navigation-action.js +0 -21
- package/dist/npm/navigation/navigation-config.js +0 -11
- package/dist/npm/navigation/navigation.service.js +0 -116
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/preventable-event.js +0 -31
- package/dist/npm/splitbutton/localization/custom-messages.component.js +0 -46
- package/dist/npm/splitbutton/localization/localized-messages.directive.js +0 -37
- package/dist/npm/splitbutton/localization/messages.js +0 -24
- package/dist/npm/splitbutton/splitbutton.component.js +0 -832
- package/dist/npm/splitbutton/splitbutton.module.js +0 -36
- package/dist/npm/util.js +0 -111
- package/dist/systemjs/kendo-angular-buttons.js +0 -5
|
@@ -2,16 +2,13 @@
|
|
|
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
|
|
6
|
-
import { AnimationBuilder } from '@angular/animations';
|
|
7
|
-
import { Component, ElementRef, EventEmitter, HostBinding, Input, Output, NgZone, Renderer2, ViewChild, ContentChild, TemplateRef } from '@angular/core';
|
|
5
|
+
import { Component, EventEmitter, HostBinding, Input, Output, ViewChild, ContentChild } from '@angular/core';
|
|
8
6
|
import { merge, Subscription } from 'rxjs';
|
|
9
7
|
import { take } from 'rxjs/operators';
|
|
10
8
|
import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
11
9
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
12
10
|
import { packageMetadata } from '../package-metadata';
|
|
13
11
|
import { guid, isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
14
|
-
import { PopupService } from '@progress/kendo-angular-popup';
|
|
15
12
|
import { FocusService } from '../focusable/focus.service';
|
|
16
13
|
import { NavigationAction } from '../navigation/navigation-action';
|
|
17
14
|
import { NAVIGATION_CONFIG } from '../navigation/navigation-config';
|
|
@@ -22,23 +19,27 @@ import { closeAnimation, openAnimation } from './animations/animations';
|
|
|
22
19
|
import { PreventableEvent } from '../preventable-event';
|
|
23
20
|
import { DialItemTemplateDirective } from './templates/dial-item-template.directive';
|
|
24
21
|
import { FloatingActionButtonTemplateDirective } from './templates/fab-template.directive';
|
|
22
|
+
import * as i0 from "@angular/core";
|
|
23
|
+
import * as i1 from "../focusable/focus.service";
|
|
24
|
+
import * as i2 from "../navigation/navigation.service";
|
|
25
|
+
import * as i3 from "@progress/kendo-angular-popup";
|
|
26
|
+
import * as i4 from "@angular/animations";
|
|
27
|
+
import * as i5 from "@progress/kendo-angular-l10n";
|
|
28
|
+
import * as i6 from "./dial-list.component";
|
|
29
|
+
import * as i7 from "@angular/common";
|
|
30
|
+
import * as i8 from "@progress/kendo-angular-common";
|
|
25
31
|
const NAVIGATION_SETTINGS = {
|
|
26
32
|
useLeftRightArrows: false
|
|
27
33
|
};
|
|
28
|
-
const ɵ0 = NAVIGATION_SETTINGS;
|
|
29
34
|
const NAVIGATION_SETTINGS_PROVIDER = {
|
|
30
35
|
provide: NAVIGATION_CONFIG,
|
|
31
|
-
useValue:
|
|
36
|
+
useValue: NAVIGATION_SETTINGS
|
|
32
37
|
};
|
|
33
38
|
const SIZE_CLASSES = {
|
|
34
39
|
small: 'k-fab-sm',
|
|
35
40
|
medium: 'k-fab-md',
|
|
36
41
|
large: 'k-fab-lg'
|
|
37
42
|
};
|
|
38
|
-
const SHAPE_CLASSES = {
|
|
39
|
-
rectangle: 'k-fab-rectangle',
|
|
40
|
-
square: 'k-fab-square'
|
|
41
|
-
};
|
|
42
43
|
const ROUNDED_CLASSES = {
|
|
43
44
|
small: 'k-rounded-sm',
|
|
44
45
|
medium: 'k-rounded-md',
|
|
@@ -49,13 +50,16 @@ const FILLMODE_CLASS = 'k-fab-solid';
|
|
|
49
50
|
const DEFAULT_DURATION = 180;
|
|
50
51
|
const DEFAULT_ITEM_GAP = 90;
|
|
51
52
|
const DEFAULT_OFFSET = '16px';
|
|
53
|
+
const DEFAULT_ROUNDED = 'full';
|
|
54
|
+
const DEFAULT_SIZE = 'medium';
|
|
55
|
+
const DEFAULT_THEME_COLOR = 'primary';
|
|
52
56
|
/**
|
|
53
57
|
*
|
|
54
58
|
* Represents the [Kendo UI FloatingActionButton component for Angular]({% slug overview_floatingactionbutton %}).
|
|
55
59
|
* Used to specify the primary or the most common action in an application.
|
|
56
60
|
*
|
|
57
61
|
*/
|
|
58
|
-
|
|
62
|
+
export class FloatingActionButtonComponent {
|
|
59
63
|
constructor(renderer, element, focusService, navigationService, ngZone, popupService, builder, localizationService) {
|
|
60
64
|
this.renderer = renderer;
|
|
61
65
|
this.element = element;
|
|
@@ -123,13 +127,12 @@ let FloatingActionButtonComponent = class FloatingActionButtonComponent {
|
|
|
123
127
|
* @hidden
|
|
124
128
|
*/
|
|
125
129
|
this.id = `k-${guid()}`;
|
|
126
|
-
this._themeColor =
|
|
127
|
-
this._size =
|
|
128
|
-
this.
|
|
130
|
+
this._themeColor = DEFAULT_THEME_COLOR;
|
|
131
|
+
this._size = DEFAULT_SIZE;
|
|
132
|
+
this._rounded = DEFAULT_ROUNDED;
|
|
129
133
|
this._disabled = false;
|
|
130
134
|
this._align = { horizontal: 'end', vertical: 'bottom' };
|
|
131
135
|
this._offset = { x: DEFAULT_OFFSET, y: DEFAULT_OFFSET };
|
|
132
|
-
this._rounded = 'full';
|
|
133
136
|
this.subscriptions = new Subscription();
|
|
134
137
|
this.rtl = false;
|
|
135
138
|
this.animationEnd = new EventEmitter();
|
|
@@ -153,20 +156,22 @@ let FloatingActionButtonComponent = class FloatingActionButtonComponent {
|
|
|
153
156
|
* The theme color will be applied as background color of the component.
|
|
154
157
|
*
|
|
155
158
|
* The possible values are:
|
|
156
|
-
* * `
|
|
157
|
-
* * `
|
|
158
|
-
* * `
|
|
159
|
-
* * `
|
|
160
|
-
* * `
|
|
161
|
-
* * `
|
|
162
|
-
* * `
|
|
163
|
-
* * `
|
|
164
|
-
* * `
|
|
165
|
-
* * `
|
|
159
|
+
* * `primary` (Default)—Applies coloring based on the `primary` theme color.
|
|
160
|
+
* * `secondary`—Applies coloring based on the `secondary` theme color.
|
|
161
|
+
* * `tertiary`— Applies coloring based on the `tertiary` theme color.
|
|
162
|
+
* * `info`—Applies coloring based on the `info` theme color.
|
|
163
|
+
* * `success`— Applies coloring based on the `success` theme color.
|
|
164
|
+
* * `warning`— Applies coloring based on the `warning` theme color.
|
|
165
|
+
* * `error`— Applies coloring based on the `error` theme color.
|
|
166
|
+
* * `dark`— Applies coloring based on the `dark` theme color.
|
|
167
|
+
* * `light`— Applies coloring based on the `light` theme color.
|
|
168
|
+
* * `inverse`— Applies coloring based on the `inverse` theme color.
|
|
169
|
+
* * `none`— Removes the built in theme color.
|
|
166
170
|
*/
|
|
167
171
|
set themeColor(themeColor) {
|
|
168
|
-
|
|
169
|
-
this.
|
|
172
|
+
const newThemeColor = themeColor ? themeColor : DEFAULT_THEME_COLOR;
|
|
173
|
+
this.handleClasses(newThemeColor, 'themeColor');
|
|
174
|
+
this._themeColor = newThemeColor;
|
|
170
175
|
}
|
|
171
176
|
get themeColor() {
|
|
172
177
|
return this._themeColor;
|
|
@@ -176,13 +181,15 @@ let FloatingActionButtonComponent = class FloatingActionButtonComponent {
|
|
|
176
181
|
* ([see example]({% slug appearance_floatingactionbutton %}#toc-size)).
|
|
177
182
|
*
|
|
178
183
|
* The possible values are:
|
|
179
|
-
* * `
|
|
180
|
-
* * `
|
|
181
|
-
* * `
|
|
184
|
+
* * `small`
|
|
185
|
+
* * `medium` (Default)
|
|
186
|
+
* * `large`
|
|
187
|
+
* * `none`
|
|
182
188
|
*/
|
|
183
189
|
set size(size) {
|
|
184
|
-
|
|
185
|
-
this.
|
|
190
|
+
const newSize = size ? size : DEFAULT_SIZE;
|
|
191
|
+
this.handleClasses(newSize, 'size');
|
|
192
|
+
this._size = newSize;
|
|
186
193
|
}
|
|
187
194
|
get size() {
|
|
188
195
|
return this._size;
|
|
@@ -191,35 +198,20 @@ let FloatingActionButtonComponent = class FloatingActionButtonComponent {
|
|
|
191
198
|
* The rounded property specifies the border radius of the FloatingActionButton.
|
|
192
199
|
*
|
|
193
200
|
* The possible values are:
|
|
194
|
-
* * `
|
|
195
|
-
* * `
|
|
196
|
-
* * `
|
|
197
|
-
* * `
|
|
198
|
-
* * `
|
|
201
|
+
* * `small`
|
|
202
|
+
* * `medium`
|
|
203
|
+
* * `large`
|
|
204
|
+
* * `full` (default)
|
|
205
|
+
* * `none`
|
|
199
206
|
*/
|
|
200
207
|
set rounded(rounded) {
|
|
201
|
-
|
|
202
|
-
this.
|
|
208
|
+
const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
|
|
209
|
+
this.handleClasses(newRounded, 'rounded');
|
|
210
|
+
this._rounded = newRounded;
|
|
203
211
|
}
|
|
204
212
|
get rounded() {
|
|
205
213
|
return this._rounded;
|
|
206
214
|
}
|
|
207
|
-
/**
|
|
208
|
-
* Specifies the shape of the FloatingActionButton
|
|
209
|
-
* ([see example]({% slug appearance_floatingactionbutton %}#toc-shape)).
|
|
210
|
-
*
|
|
211
|
-
* The possible values are:
|
|
212
|
-
* * `rectangle` (Default)—Applies rectangular shape on the FloatingActionButton.
|
|
213
|
-
* * `square`—Applies square shape on the FloatingActionButton.
|
|
214
|
-
*
|
|
215
|
-
*/
|
|
216
|
-
set shape(shape) {
|
|
217
|
-
this.handleClasses(shape, 'shape');
|
|
218
|
-
this._shape = shape;
|
|
219
|
-
}
|
|
220
|
-
get shape() {
|
|
221
|
-
return this._shape;
|
|
222
|
-
}
|
|
223
215
|
/**
|
|
224
216
|
* Specifies whether the FloatingActionButton is disabled.
|
|
225
217
|
*/
|
|
@@ -267,7 +259,7 @@ let FloatingActionButtonComponent = class FloatingActionButtonComponent {
|
|
|
267
259
|
return this.disabled ? (-1) : this.tabIndex;
|
|
268
260
|
}
|
|
269
261
|
ngAfterViewInit() {
|
|
270
|
-
['
|
|
262
|
+
['size', 'rounded', 'themeColor'].forEach(option => this.handleClasses(this[option], option));
|
|
271
263
|
this.renderer.addClass(this.element.nativeElement, this.alignClass());
|
|
272
264
|
this.offsetStyles();
|
|
273
265
|
this.initialSetup = false;
|
|
@@ -311,7 +303,12 @@ let FloatingActionButtonComponent = class FloatingActionButtonComponent {
|
|
|
311
303
|
if (this.disabled || shouldOpen === this.isOpen) {
|
|
312
304
|
return;
|
|
313
305
|
}
|
|
314
|
-
|
|
306
|
+
if (shouldOpen) {
|
|
307
|
+
setTimeout(() => this.openDial());
|
|
308
|
+
}
|
|
309
|
+
else {
|
|
310
|
+
this.closeDial();
|
|
311
|
+
}
|
|
315
312
|
}
|
|
316
313
|
/**
|
|
317
314
|
* @hidden
|
|
@@ -417,13 +414,11 @@ let FloatingActionButtonComponent = class FloatingActionButtonComponent {
|
|
|
417
414
|
const classesToRemove = {
|
|
418
415
|
themeColor: `${FILLMODE_CLASS}-${this.themeColor}`,
|
|
419
416
|
size: SIZE_CLASSES[this.size],
|
|
420
|
-
shape: SHAPE_CLASSES[this.shape],
|
|
421
417
|
rounded: ROUNDED_CLASSES[this.rounded]
|
|
422
418
|
};
|
|
423
419
|
const classesToAdd = {
|
|
424
|
-
themeColor: inputValue ? `${FILLMODE_CLASS}-${inputValue}` :
|
|
420
|
+
themeColor: inputValue !== 'none' ? `${FILLMODE_CLASS}-${inputValue}` : '',
|
|
425
421
|
size: SIZE_CLASSES[inputValue],
|
|
426
|
-
shape: SHAPE_CLASSES[inputValue],
|
|
427
422
|
rounded: ROUNDED_CLASSES[inputValue]
|
|
428
423
|
};
|
|
429
424
|
this.renderer.removeClass(button, classesToRemove[input]);
|
|
@@ -489,11 +484,21 @@ let FloatingActionButtonComponent = class FloatingActionButtonComponent {
|
|
|
489
484
|
return;
|
|
490
485
|
}
|
|
491
486
|
const event = new PreventableEvent();
|
|
492
|
-
|
|
487
|
+
if (open) {
|
|
488
|
+
this.open.emit(event);
|
|
489
|
+
}
|
|
490
|
+
else {
|
|
491
|
+
this.close.emit(event);
|
|
492
|
+
}
|
|
493
493
|
if (event.isDefaultPrevented()) {
|
|
494
494
|
return;
|
|
495
495
|
}
|
|
496
|
-
|
|
496
|
+
if (open) {
|
|
497
|
+
this.openDial();
|
|
498
|
+
}
|
|
499
|
+
else {
|
|
500
|
+
this.closeDial();
|
|
501
|
+
}
|
|
497
502
|
}
|
|
498
503
|
openPopup() {
|
|
499
504
|
if (this.isOpen) {
|
|
@@ -662,142 +667,78 @@ let FloatingActionButtonComponent = class FloatingActionButtonComponent {
|
|
|
662
667
|
}
|
|
663
668
|
return DEFAULT_DURATION;
|
|
664
669
|
}
|
|
665
|
-
}
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
]
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
]
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
]
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
tslib_1.__metadata("design:type", String)
|
|
738
|
-
], FloatingActionButtonComponent.prototype, "icon", void 0);
|
|
739
|
-
tslib_1.__decorate([
|
|
740
|
-
Input(),
|
|
741
|
-
tslib_1.__metadata("design:type", String)
|
|
742
|
-
], FloatingActionButtonComponent.prototype, "iconClass", void 0);
|
|
743
|
-
tslib_1.__decorate([
|
|
744
|
-
Input(),
|
|
745
|
-
tslib_1.__metadata("design:type", Object)
|
|
746
|
-
], FloatingActionButtonComponent.prototype, "buttonClass", void 0);
|
|
747
|
-
tslib_1.__decorate([
|
|
748
|
-
Input(),
|
|
749
|
-
tslib_1.__metadata("design:type", Object)
|
|
750
|
-
], FloatingActionButtonComponent.prototype, "dialClass", void 0);
|
|
751
|
-
tslib_1.__decorate([
|
|
752
|
-
Input(),
|
|
753
|
-
tslib_1.__metadata("design:type", String)
|
|
754
|
-
], FloatingActionButtonComponent.prototype, "text", void 0);
|
|
755
|
-
tslib_1.__decorate([
|
|
756
|
-
Input(),
|
|
757
|
-
tslib_1.__metadata("design:type", Object)
|
|
758
|
-
], FloatingActionButtonComponent.prototype, "dialItemAnimation", void 0);
|
|
759
|
-
tslib_1.__decorate([
|
|
760
|
-
Input(),
|
|
761
|
-
tslib_1.__metadata("design:type", Number)
|
|
762
|
-
], FloatingActionButtonComponent.prototype, "tabIndex", void 0);
|
|
763
|
-
tslib_1.__decorate([
|
|
764
|
-
Input(),
|
|
765
|
-
tslib_1.__metadata("design:type", Array)
|
|
766
|
-
], FloatingActionButtonComponent.prototype, "dialItems", void 0);
|
|
767
|
-
tslib_1.__decorate([
|
|
768
|
-
Output('blur'),
|
|
769
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
770
|
-
], FloatingActionButtonComponent.prototype, "onBlur", void 0);
|
|
771
|
-
tslib_1.__decorate([
|
|
772
|
-
Output('focus'),
|
|
773
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
774
|
-
], FloatingActionButtonComponent.prototype, "onFocus", void 0);
|
|
775
|
-
tslib_1.__decorate([
|
|
776
|
-
Output('dialItemClick'),
|
|
777
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
778
|
-
], FloatingActionButtonComponent.prototype, "dialItemClick", void 0);
|
|
779
|
-
tslib_1.__decorate([
|
|
780
|
-
Output(),
|
|
781
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
782
|
-
], FloatingActionButtonComponent.prototype, "open", void 0);
|
|
783
|
-
tslib_1.__decorate([
|
|
784
|
-
Output(),
|
|
785
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
786
|
-
], FloatingActionButtonComponent.prototype, "close", void 0);
|
|
787
|
-
FloatingActionButtonComponent = tslib_1.__decorate([
|
|
788
|
-
Component({
|
|
789
|
-
selector: 'kendo-floatingactionbutton',
|
|
790
|
-
providers: [
|
|
791
|
-
FocusService,
|
|
792
|
-
NavigationService,
|
|
793
|
-
NAVIGATION_SETTINGS_PROVIDER,
|
|
794
|
-
LocalizationService,
|
|
795
|
-
{
|
|
796
|
-
provide: L10N_PREFIX,
|
|
797
|
-
useValue: 'kendo.floatingactionbutton'
|
|
798
|
-
}
|
|
799
|
-
],
|
|
800
|
-
template: `
|
|
670
|
+
}
|
|
671
|
+
FloatingActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingActionButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i4.AnimationBuilder }, { token: i5.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
672
|
+
FloatingActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FloatingActionButtonComponent, selector: "kendo-floatingactionbutton", inputs: { themeColor: "themeColor", size: "size", rounded: "rounded", disabled: "disabled", align: "align", offset: "offset", positionMode: "positionMode", icon: "icon", iconClass: "iconClass", buttonClass: "buttonClass", dialClass: "dialClass", text: "text", dialItemAnimation: "dialItemAnimation", tabIndex: "tabIndex", dialItems: "dialItems" }, outputs: { onBlur: "blur", onFocus: "focus", dialItemClick: "dialItemClick", open: "open", close: "close" }, host: { properties: { "class.k-pos-fixed": "this.fixedClass", "class.k-pos-absolute": "this.absoluteClass", "attr.dir": "this.direction" } }, providers: [
|
|
673
|
+
FocusService,
|
|
674
|
+
NavigationService,
|
|
675
|
+
NAVIGATION_SETTINGS_PROVIDER,
|
|
676
|
+
LocalizationService,
|
|
677
|
+
{
|
|
678
|
+
provide: L10N_PREFIX,
|
|
679
|
+
useValue: 'kendo.floatingactionbutton'
|
|
680
|
+
}
|
|
681
|
+
], queries: [{ propertyName: "dialItemTemplate", first: true, predicate: DialItemTemplateDirective, descendants: true }, { propertyName: "fabTemplate", first: true, predicate: FloatingActionButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0, template: `
|
|
682
|
+
<button
|
|
683
|
+
#button
|
|
684
|
+
[attr.id]="id"
|
|
685
|
+
[attr.role]="role"
|
|
686
|
+
[tabIndex]="componentTabIndex"
|
|
687
|
+
type="button"
|
|
688
|
+
class="k-fab k-fab-solid"
|
|
689
|
+
[class.k-disabled]="disabled"
|
|
690
|
+
[ngClass]="buttonClass"
|
|
691
|
+
[disabled]="disabled"
|
|
692
|
+
[attr.aria-disabled]="disabled"
|
|
693
|
+
[attr.aria-expanded]="ariaExpanded"
|
|
694
|
+
[attr.aria-haspopup]="ariaHasPopup"
|
|
695
|
+
(focus)="focusHandler()"
|
|
696
|
+
(blur)="blurHandler()"
|
|
697
|
+
[kendoEventsOutsideAngular]="{
|
|
698
|
+
keydown: keyDownHandler,
|
|
699
|
+
click: clickHandler
|
|
700
|
+
}"
|
|
701
|
+
[scope]="this"
|
|
702
|
+
>
|
|
703
|
+
<ng-template *ngIf="fabTemplate"
|
|
704
|
+
[ngTemplateOutlet]="fabTemplate?.templateRef"
|
|
705
|
+
>
|
|
706
|
+
</ng-template>
|
|
707
|
+
|
|
708
|
+
<ng-container *ngIf="!fabTemplate">
|
|
709
|
+
<span *ngIf="icon || iconClass" [ngClass]="iconClasses"></span>
|
|
710
|
+
<span *ngIf="text" class="k-fab-text">{{ text }}</span>
|
|
711
|
+
</ng-container>
|
|
712
|
+
</button>
|
|
713
|
+
|
|
714
|
+
<ng-template #popupTemplate>
|
|
715
|
+
<ul
|
|
716
|
+
kendoDialList
|
|
717
|
+
[ngClass]="dialClass"
|
|
718
|
+
[dialItems]="dialItems"
|
|
719
|
+
[dialItemTemplate]='dialItemTemplate?.templateRef'
|
|
720
|
+
[align]="align"
|
|
721
|
+
[attr.aria-labelledby]="id"
|
|
722
|
+
(click)="onItemClick($event)"
|
|
723
|
+
>
|
|
724
|
+
</ul>
|
|
725
|
+
</ng-template>
|
|
726
|
+
`, isInline: true, components: [{ type: i6.DialListComponent, selector: "[kendoDialList]", inputs: ["dialItems", "dialItemTemplate", "align"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingActionButtonComponent, decorators: [{
|
|
728
|
+
type: Component,
|
|
729
|
+
args: [{
|
|
730
|
+
selector: 'kendo-floatingactionbutton',
|
|
731
|
+
providers: [
|
|
732
|
+
FocusService,
|
|
733
|
+
NavigationService,
|
|
734
|
+
NAVIGATION_SETTINGS_PROVIDER,
|
|
735
|
+
LocalizationService,
|
|
736
|
+
{
|
|
737
|
+
provide: L10N_PREFIX,
|
|
738
|
+
useValue: 'kendo.floatingactionbutton'
|
|
739
|
+
}
|
|
740
|
+
],
|
|
741
|
+
template: `
|
|
801
742
|
<button
|
|
802
743
|
#button
|
|
803
744
|
[attr.id]="id"
|
|
@@ -843,15 +784,69 @@ FloatingActionButtonComponent = tslib_1.__decorate([
|
|
|
843
784
|
</ul>
|
|
844
785
|
</ng-template>
|
|
845
786
|
`
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
]
|
|
856
|
-
|
|
857
|
-
|
|
787
|
+
}]
|
|
788
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i4.AnimationBuilder }, { type: i5.LocalizationService }]; }, propDecorators: { fixedClass: [{
|
|
789
|
+
type: HostBinding,
|
|
790
|
+
args: ['class.k-pos-fixed']
|
|
791
|
+
}], absoluteClass: [{
|
|
792
|
+
type: HostBinding,
|
|
793
|
+
args: ['class.k-pos-absolute']
|
|
794
|
+
}], direction: [{
|
|
795
|
+
type: HostBinding,
|
|
796
|
+
args: ['attr.dir']
|
|
797
|
+
}], button: [{
|
|
798
|
+
type: ViewChild,
|
|
799
|
+
args: ['button', { static: true }]
|
|
800
|
+
}], popupTemplate: [{
|
|
801
|
+
type: ViewChild,
|
|
802
|
+
args: ['popupTemplate', { static: true }]
|
|
803
|
+
}], dialItemTemplate: [{
|
|
804
|
+
type: ContentChild,
|
|
805
|
+
args: [DialItemTemplateDirective, { static: false }]
|
|
806
|
+
}], fabTemplate: [{
|
|
807
|
+
type: ContentChild,
|
|
808
|
+
args: [FloatingActionButtonTemplateDirective, { static: false }]
|
|
809
|
+
}], themeColor: [{
|
|
810
|
+
type: Input
|
|
811
|
+
}], size: [{
|
|
812
|
+
type: Input
|
|
813
|
+
}], rounded: [{
|
|
814
|
+
type: Input
|
|
815
|
+
}], disabled: [{
|
|
816
|
+
type: Input
|
|
817
|
+
}], align: [{
|
|
818
|
+
type: Input
|
|
819
|
+
}], offset: [{
|
|
820
|
+
type: Input
|
|
821
|
+
}], positionMode: [{
|
|
822
|
+
type: Input
|
|
823
|
+
}], icon: [{
|
|
824
|
+
type: Input
|
|
825
|
+
}], iconClass: [{
|
|
826
|
+
type: Input
|
|
827
|
+
}], buttonClass: [{
|
|
828
|
+
type: Input
|
|
829
|
+
}], dialClass: [{
|
|
830
|
+
type: Input
|
|
831
|
+
}], text: [{
|
|
832
|
+
type: Input
|
|
833
|
+
}], dialItemAnimation: [{
|
|
834
|
+
type: Input
|
|
835
|
+
}], tabIndex: [{
|
|
836
|
+
type: Input
|
|
837
|
+
}], dialItems: [{
|
|
838
|
+
type: Input
|
|
839
|
+
}], onBlur: [{
|
|
840
|
+
type: Output,
|
|
841
|
+
args: ['blur']
|
|
842
|
+
}], onFocus: [{
|
|
843
|
+
type: Output,
|
|
844
|
+
args: ['focus']
|
|
845
|
+
}], dialItemClick: [{
|
|
846
|
+
type: Output,
|
|
847
|
+
args: ['dialItemClick']
|
|
848
|
+
}], open: [{
|
|
849
|
+
type: Output
|
|
850
|
+
}], close: [{
|
|
851
|
+
type: Output
|
|
852
|
+
}] } });
|
|
@@ -2,7 +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 tslib_1 from "tslib";
|
|
6
5
|
import { NgModule } from '@angular/core';
|
|
7
6
|
import { CommonModule } from '@angular/common';
|
|
8
7
|
import { FloatingActionButtonComponent } from './floatingactionbutton.component';
|
|
@@ -13,6 +12,7 @@ import { DialItemComponent } from './dial-item.component';
|
|
|
13
12
|
import { ListModule } from '../listbutton/list.module';
|
|
14
13
|
import { EventsModule } from '@progress/kendo-angular-common';
|
|
15
14
|
import { PopupModule } from '@progress/kendo-angular-popup';
|
|
15
|
+
import * as i0 from "@angular/core";
|
|
16
16
|
const exportedModules = [
|
|
17
17
|
FloatingActionButtonComponent,
|
|
18
18
|
DialItemTemplateDirective,
|
|
@@ -51,13 +51,21 @@ const declarations = [
|
|
|
51
51
|
*
|
|
52
52
|
* ```
|
|
53
53
|
*/
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
FloatingActionButtonModule =
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
imports: [CommonModule, PopupModule, ListModule, EventsModule]
|
|
61
|
-
|
|
62
|
-
]
|
|
63
|
-
|
|
54
|
+
export class FloatingActionButtonModule {
|
|
55
|
+
}
|
|
56
|
+
FloatingActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
57
|
+
FloatingActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingActionButtonModule, declarations: [FloatingActionButtonComponent,
|
|
58
|
+
DialItemTemplateDirective,
|
|
59
|
+
FloatingActionButtonTemplateDirective, DialListComponent,
|
|
60
|
+
DialItemComponent], imports: [CommonModule, PopupModule, ListModule, EventsModule], exports: [FloatingActionButtonComponent,
|
|
61
|
+
DialItemTemplateDirective,
|
|
62
|
+
FloatingActionButtonTemplateDirective] });
|
|
63
|
+
FloatingActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingActionButtonModule, imports: [[CommonModule, PopupModule, ListModule, EventsModule]] });
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FloatingActionButtonModule, decorators: [{
|
|
65
|
+
type: NgModule,
|
|
66
|
+
args: [{
|
|
67
|
+
declarations: [declarations],
|
|
68
|
+
exports: [exportedModules],
|
|
69
|
+
imports: [CommonModule, PopupModule, ListModule, EventsModule]
|
|
70
|
+
}]
|
|
71
|
+
}] });
|
|
@@ -2,3 +2,4 @@
|
|
|
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
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
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
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
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
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
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
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
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
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
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
|
+
export {};
|