@flywheel-io/vision 2.10.2 → 19.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/components/alert/alert.component.d.ts +1 -1
- package/components/alert/alert.module.d.ts +8 -5
- package/components/app-icon/app-icon.component.d.ts +1 -1
- package/components/app-icon/app-icon.module.d.ts +7 -4
- package/components/avatar/avatar.component.d.ts +1 -1
- package/components/avatar/avatar.module.d.ts +7 -4
- package/components/badge/badge.component.d.ts +1 -1
- package/components/badge/badge.module.d.ts +6 -3
- package/components/breadcrumbs/breadcrumbs.component.d.ts +1 -1
- package/components/breadcrumbs/breadcrumbs.module.d.ts +8 -5
- package/components/breadcrumbs/crumb.component.d.ts +1 -1
- package/components/button/button.component.d.ts +1 -1
- package/components/button/button.directives.d.ts +5 -5
- package/components/button/button.module.d.ts +9 -6
- package/components/button-group/button-group.component.d.ts +1 -1
- package/components/button-group/button-group.module.d.ts +8 -5
- package/components/button-toggle/button-toggle-item/button-toggle-item.component.d.ts +1 -1
- package/components/button-toggle/button-toggle.component.d.ts +1 -1
- package/components/button-toggle/button-toggle.module.d.ts +8 -5
- package/components/card/card-attribute/card-attribute.component.d.ts +1 -1
- package/components/card/card-author/card-author.component.d.ts +1 -1
- package/components/card/card-content/card-content.component.d.ts +1 -1
- package/components/card/card-footer/card-footer.component.d.ts +1 -1
- package/components/card/card-header/card-header.component.d.ts +1 -1
- package/components/card/card.component.d.ts +1 -1
- package/components/card/card.module.d.ts +13 -10
- package/components/checkbox/checkbox.component.d.ts +1 -1
- package/components/checkbox/checkbox.module.d.ts +7 -4
- package/components/chip/chip.component.d.ts +1 -1
- package/components/chip/chip.module.d.ts +8 -5
- package/components/contained-input/contained-input.component.d.ts +1 -1
- package/components/contained-input/contained-input.module.d.ts +10 -7
- package/components/date-input/date-input.component.d.ts +1 -1
- package/components/date-input/date-input.module.d.ts +8 -5
- package/components/dialog/dialog-actions.component.d.ts +1 -1
- package/components/dialog/dialog-confirm.component.d.ts +1 -1
- package/components/dialog/dialog-content.component.d.ts +1 -1
- package/components/dialog/dialog-header.component.d.ts +1 -1
- package/components/dialog/dialog-simple.component.d.ts +1 -1
- package/components/dialog/dialog.component.d.ts +1 -1
- package/components/dialog/dialogs.module.d.ts +16 -13
- package/components/form-heading/form-heading.component.d.ts +1 -1
- package/components/form-heading/form-heading.module.d.ts +9 -6
- package/components/icon/icon.component.d.ts +1 -1
- package/components/icon/icon.module.d.ts +6 -3
- package/components/icon-button/icon-button.component.d.ts +1 -1
- package/components/icon-button/icon-button.module.d.ts +7 -4
- package/components/layouts/context/context.component.d.ts +1 -1
- package/components/layouts/grid/grid.component.d.ts +2 -2
- package/components/layouts/layout-group.component.d.ts +1 -1
- package/components/layouts/layouts.module.d.ts +12 -9
- package/components/layouts/panel/panel.component.d.ts +1 -1
- package/components/layouts/sidebar/sidebar.component.d.ts +1 -1
- package/components/layouts/toolbar/toolbar.component.d.ts +1 -1
- package/components/menu/menu-close-triggers.directive.d.ts +1 -1
- package/components/menu/menu-container/menu-container.component.d.ts +1 -1
- package/components/menu/menu-header/menu-header.component.d.ts +1 -1
- package/components/menu/menu-item/menu-item.component.d.ts +1 -1
- package/components/menu/menu-item-group/menu-item-group.component.d.ts +1 -1
- package/components/menu/menu-separator/menu-separator.component.d.ts +1 -1
- package/components/menu/menu-sub-item/menu-sub-item.component.d.ts +1 -1
- package/components/menu/menu.component.d.ts +1 -1
- package/components/menu/menu.module.d.ts +22 -19
- package/components/navbar/navbar-header/navbar-header.component.d.ts +1 -1
- package/components/navbar/navbar-item/navbar-item.component.d.ts +1 -1
- package/components/navbar/navbar-sub-item/navbar-sub-item.component.d.ts +1 -1
- package/components/navbar/navbar.component.d.ts +1 -1
- package/components/navbar/navbar.module.d.ts +16 -13
- package/components/number-input/number-input.component.d.ts +1 -1
- package/components/number-input/number-input.module.d.ts +8 -5
- package/components/paginator/paginator-advanced/paginator-advanced.component.d.ts +1 -1
- package/components/paginator/paginator.component.d.ts +1 -1
- package/components/paginator/paginator.module.d.ts +12 -9
- package/components/phone-input/phone-input.component.d.ts +1 -1
- package/components/phone-input/phone-input.module.d.ts +11 -8
- package/components/popover/popover-panel/popover-panel.component.d.ts +1 -1
- package/components/popover/popover.component.d.ts +2 -2
- package/components/popover/popover.module.d.ts +9 -6
- package/components/progress/bar/bar.component.d.ts +1 -1
- package/components/progress/progress.module.d.ts +7 -4
- package/components/progress/spinner/spinner.component.d.ts +1 -1
- package/components/radio/radio-group.component.d.ts +1 -1
- package/components/radio/radio.component.d.ts +1 -1
- package/components/radio/radio.module.d.ts +8 -5
- package/components/section-heading/back-button/back-button.component.d.ts +1 -1
- package/components/section-heading/section-heading.component.d.ts +1 -1
- package/components/section-heading/section-heading.module.d.ts +10 -7
- package/components/section-heading/subsection-heading/subsection-heading.component.d.ts +1 -1
- package/components/select-menu/multi-select-menu/multi-select-menu.component.d.ts +1 -1
- package/components/select-menu/select-menu.component.d.ts +1 -1
- package/components/select-menu/select-menu.module.d.ts +15 -12
- package/components/shared/pipes/pipes.module.d.ts +4 -1
- package/components/shared/pipes/translate.pipe.d.ts +1 -1
- package/components/shared/pipes/trusthtml.pipe.d.ts +1 -1
- package/components/snackbar/snackbar/snackbar.component.d.ts +2 -2
- package/components/snackbar/snackbar-container/snackbar-container.component.d.ts +1 -1
- package/components/snackbar/snackbar.module.d.ts +10 -7
- package/components/stepper/step.component.d.ts +2 -2
- package/components/stepper/stepper.component.d.ts +1 -1
- package/components/stepper/stepper.module.d.ts +9 -6
- package/components/switch/switch.component.d.ts +1 -1
- package/components/switch/switch.module.d.ts +6 -3
- package/components/table/row.d.ts +7 -7
- package/components/table/table-dense.component.d.ts +1 -1
- package/components/table/table.component.d.ts +1 -1
- package/components/table/table.module.d.ts +10 -7
- package/components/tabs/tab/tab.component.d.ts +1 -1
- package/components/tabs/tab-panel/tab-panel.component.d.ts +1 -1
- package/components/tabs/tabs.component.d.ts +1 -1
- package/components/tabs/tabs.module.d.ts +9 -6
- package/components/tag/tag.component.d.ts +1 -1
- package/components/tag/tag.module.d.ts +7 -4
- package/components/text-input/text-input.component.d.ts +1 -1
- package/components/text-input/text-input.module.d.ts +9 -6
- package/components/textarea-input/textarea-input.component.d.ts +1 -1
- package/components/textarea-input/textarea-input.module.d.ts +9 -6
- package/components/tooltip/tooltip-panel/tooltip-panel.component.d.ts +1 -1
- package/components/tooltip/tooltip.component.d.ts +1 -1
- package/components/tooltip/tooltip.module.d.ts +11 -8
- package/components/wrapped-input/wrapped-input.component.d.ts +1 -1
- package/components/wrapped-input/wrapped-input.module.d.ts +7 -4
- package/fesm2022/flywheel-io-vision.mjs +1087 -836
- package/fesm2022/flywheel-io-vision.mjs.map +1 -1
- package/package.json +14 -7
- package/scss/icons/_icon-font-face.scss +5 -5
- package/scss/icons/_icon-glyphs.scss +2 -2
- package/scss/icons/_icon-variables.scss +350 -349
- package/styles.css +0 -1
- package/esm2022/color.utils.mjs +0 -27
- package/esm2022/components/alert/alert.component.mjs +0 -34
- package/esm2022/components/alert/alert.module.mjs +0 -32
- package/esm2022/components/app-icon/app-icon.component.mjs +0 -63
- package/esm2022/components/app-icon/app-icon.module.mjs +0 -28
- package/esm2022/components/avatar/avatar.component.mjs +0 -82
- package/esm2022/components/avatar/avatar.module.mjs +0 -28
- package/esm2022/components/avatar-list/avatar-list.component.mjs +0 -87
- package/esm2022/components/badge/badge.component.mjs +0 -45
- package/esm2022/components/badge/badge.module.mjs +0 -24
- package/esm2022/components/breadcrumbs/breadcrumbs.component.mjs +0 -22
- package/esm2022/components/breadcrumbs/breadcrumbs.module.mjs +0 -33
- package/esm2022/components/breadcrumbs/crumb.component.mjs +0 -34
- package/esm2022/components/button/button.component.mjs +0 -59
- package/esm2022/components/button/button.directives.mjs +0 -129
- package/esm2022/components/button/button.module.mjs +0 -53
- package/esm2022/components/button-group/button-group.component.mjs +0 -131
- package/esm2022/components/button-group/button-group.module.mjs +0 -32
- package/esm2022/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs +0 -56
- package/esm2022/components/button-toggle/button-toggle.component.mjs +0 -137
- package/esm2022/components/button-toggle/button-toggle.module.mjs +0 -33
- package/esm2022/components/card/card-attribute/card-attribute.component.mjs +0 -17
- package/esm2022/components/card/card-author/card-author.component.mjs +0 -15
- package/esm2022/components/card/card-content/card-content.component.mjs +0 -11
- package/esm2022/components/card/card-footer/card-footer.component.mjs +0 -29
- package/esm2022/components/card/card-header/card-header.component.mjs +0 -24
- package/esm2022/components/card/card.component.mjs +0 -27
- package/esm2022/components/card/card.module.mjs +0 -57
- package/esm2022/components/checkbox/checkbox.component.mjs +0 -79
- package/esm2022/components/checkbox/checkbox.module.mjs +0 -31
- package/esm2022/components/chip/chip.component.mjs +0 -55
- package/esm2022/components/chip/chip.module.mjs +0 -32
- package/esm2022/components/chip-list/chip-list.component.mjs +0 -96
- package/esm2022/components/contained-input/contained-input.component.mjs +0 -86
- package/esm2022/components/contained-input/contained-input.module.mjs +0 -40
- package/esm2022/components/date-input/date-input.component.mjs +0 -139
- package/esm2022/components/date-input/date-input.module.mjs +0 -32
- package/esm2022/components/dialog/dialog-actions.component.mjs +0 -32
- package/esm2022/components/dialog/dialog-confirm.component.mjs +0 -120
- package/esm2022/components/dialog/dialog-content.component.mjs +0 -38
- package/esm2022/components/dialog/dialog-header.component.mjs +0 -35
- package/esm2022/components/dialog/dialog-simple.component.mjs +0 -105
- package/esm2022/components/dialog/dialog.component.mjs +0 -93
- package/esm2022/components/dialog/dialog.service.mjs +0 -103
- package/esm2022/components/dialog/dialogs.module.mjs +0 -75
- package/esm2022/components/form-heading/form-heading.component.mjs +0 -30
- package/esm2022/components/form-heading/form-heading.module.mjs +0 -36
- package/esm2022/components/forms/validators.mjs +0 -81
- package/esm2022/components/icon/icon.component.mjs +0 -69
- package/esm2022/components/icon/icon.module.mjs +0 -24
- package/esm2022/components/icon/icon.types.mjs +0 -352
- package/esm2022/components/icon-button/icon-button.component.mjs +0 -40
- package/esm2022/components/icon-button/icon-button.module.mjs +0 -28
- package/esm2022/components/layouts/context/context.component.mjs +0 -46
- package/esm2022/components/layouts/grid/grid.component.mjs +0 -62
- package/esm2022/components/layouts/layout-group.component.mjs +0 -36
- package/esm2022/components/layouts/layouts.module.mjs +0 -57
- package/esm2022/components/layouts/panel/panel.component.mjs +0 -32
- package/esm2022/components/layouts/sidebar/sidebar.component.mjs +0 -26
- package/esm2022/components/layouts/toolbar/toolbar.component.mjs +0 -21
- package/esm2022/components/menu/menu-close-triggers.directive.mjs +0 -44
- package/esm2022/components/menu/menu-container/menu-container.component.mjs +0 -126
- package/esm2022/components/menu/menu-header/menu-header.component.mjs +0 -11
- package/esm2022/components/menu/menu-item/menu-item.component.mjs +0 -152
- package/esm2022/components/menu/menu-item-group/menu-item-group.component.mjs +0 -31
- package/esm2022/components/menu/menu-separator/menu-separator.component.mjs +0 -11
- package/esm2022/components/menu/menu-sub-item/menu-sub-item.component.mjs +0 -103
- package/esm2022/components/menu/menu.component.mjs +0 -132
- package/esm2022/components/menu/menu.module.mjs +0 -95
- package/esm2022/components/navbar/navbar-header/navbar-header.component.mjs +0 -11
- package/esm2022/components/navbar/navbar-item/navbar-item.component.mjs +0 -95
- package/esm2022/components/navbar/navbar-sub-item/navbar-sub-item.component.mjs +0 -76
- package/esm2022/components/navbar/navbar.component.mjs +0 -75
- package/esm2022/components/navbar/navbar.module.mjs +0 -67
- package/esm2022/components/number-input/number-input.component.mjs +0 -122
- package/esm2022/components/number-input/number-input.module.mjs +0 -32
- package/esm2022/components/paginator/paginator-advanced/paginator-advanced.component.mjs +0 -123
- package/esm2022/components/paginator/paginator.component.mjs +0 -133
- package/esm2022/components/paginator/paginator.model.mjs +0 -2
- package/esm2022/components/paginator/paginator.module.mjs +0 -49
- package/esm2022/components/phone-input/country-code.data.mjs +0 -495
- package/esm2022/components/phone-input/phone-input.component.mjs +0 -285
- package/esm2022/components/phone-input/phone-input.model.mjs +0 -2
- package/esm2022/components/phone-input/phone-input.module.mjs +0 -47
- package/esm2022/components/popover/popover-panel/popover-panel.component.mjs +0 -32
- package/esm2022/components/popover/popover.component.mjs +0 -164
- package/esm2022/components/popover/popover.module.mjs +0 -42
- package/esm2022/components/progress/bar/bar.component.mjs +0 -83
- package/esm2022/components/progress/progress.module.mjs +0 -29
- package/esm2022/components/progress/spinner/spinner.component.mjs +0 -101
- package/esm2022/components/radio/radio-group.component.mjs +0 -117
- package/esm2022/components/radio/radio.component.mjs +0 -48
- package/esm2022/components/radio/radio.module.mjs +0 -36
- package/esm2022/components/section-heading/back-button/back-button.component.mjs +0 -30
- package/esm2022/components/section-heading/section-heading.component.mjs +0 -31
- package/esm2022/components/section-heading/section-heading.module.mjs +0 -42
- package/esm2022/components/section-heading/subsection-heading/subsection-heading.component.mjs +0 -19
- package/esm2022/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +0 -374
- package/esm2022/components/select-menu/select-menu.component.mjs +0 -343
- package/esm2022/components/select-menu/select-menu.module.mjs +0 -60
- package/esm2022/components/shared/pipes/pipes.module.mjs +0 -36
- package/esm2022/components/shared/pipes/translate.pipe.mjs +0 -40
- package/esm2022/components/shared/pipes/trusthtml.pipe.mjs +0 -21
- package/esm2022/components/shared/services/menu-manager.service.mjs +0 -27
- package/esm2022/components/shared/translation.service.mjs +0 -26
- package/esm2022/components/snackbar/snackbar/snackbar.component.mjs +0 -95
- package/esm2022/components/snackbar/snackbar-container/snackbar-container.component.mjs +0 -63
- package/esm2022/components/snackbar/snackbar-message.model.mjs +0 -2
- package/esm2022/components/snackbar/snackbar-timer.service.mjs +0 -29
- package/esm2022/components/snackbar/snackbar.module.mjs +0 -41
- package/esm2022/components/snackbar/snackbar.service.mjs +0 -36
- package/esm2022/components/stepper/step.component.mjs +0 -113
- package/esm2022/components/stepper/stepper.component.mjs +0 -95
- package/esm2022/components/stepper/stepper.module.mjs +0 -41
- package/esm2022/components/switch/switch.component.mjs +0 -73
- package/esm2022/components/switch/switch.module.mjs +0 -24
- package/esm2022/components/table/cell.mjs +0 -151
- package/esm2022/components/table/row.mjs +0 -164
- package/esm2022/components/table/table-dense.component.mjs +0 -38
- package/esm2022/components/table/table.component.mjs +0 -38
- package/esm2022/components/table/table.module.mjs +0 -91
- package/esm2022/components/tabs/tab/tab.component.mjs +0 -79
- package/esm2022/components/tabs/tab-panel/tab-panel.component.mjs +0 -19
- package/esm2022/components/tabs/tabs.component.mjs +0 -68
- package/esm2022/components/tabs/tabs.module.mjs +0 -38
- package/esm2022/components/tag/tag.component.mjs +0 -25
- package/esm2022/components/tag/tag.module.mjs +0 -28
- package/esm2022/components/text-input/text-input.component.mjs +0 -129
- package/esm2022/components/text-input/text-input.module.mjs +0 -35
- package/esm2022/components/textarea-input/textarea-input.component.mjs +0 -95
- package/esm2022/components/textarea-input/textarea-input.module.mjs +0 -36
- package/esm2022/components/tooltip/tooltip-panel/tooltip-panel.component.mjs +0 -92
- package/esm2022/components/tooltip/tooltip.component.mjs +0 -59
- package/esm2022/components/tooltip/tooltip.directive.mjs +0 -177
- package/esm2022/components/tooltip/tooltip.module.mjs +0 -50
- package/esm2022/components/typeahead/typeahead.component.mjs +0 -264
- package/esm2022/components/wrapped-input/wrapped-input.component.mjs +0 -34
- package/esm2022/components/wrapped-input/wrapped-input.module.mjs +0 -28
- package/esm2022/directives/menu-register.directive.mjs +0 -38
- package/esm2022/flywheel-io-vision.mjs +0 -5
- package/esm2022/public-api.mjs +0 -132
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChild, ContentChildren, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { FwMenuItemComponent } from './menu-item/menu-item.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class FwMenuComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.disabled = false;
|
|
8
|
-
this.size = 'default';
|
|
9
|
-
this.multiSelect = false;
|
|
10
|
-
this.useCheckbox = undefined;
|
|
11
|
-
// eslint-disable-next-line @angular-eslint/no-output-native
|
|
12
|
-
this.change = new EventEmitter();
|
|
13
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
14
|
-
this.onChange = (value) => {
|
|
15
|
-
};
|
|
16
|
-
this.onTouched = () => {
|
|
17
|
-
};
|
|
18
|
-
this.subscriptions = [];
|
|
19
|
-
}
|
|
20
|
-
ngOnChanges() {
|
|
21
|
-
this.updateLayout();
|
|
22
|
-
}
|
|
23
|
-
ngOnDestroy() {
|
|
24
|
-
for (const subscription of this.subscriptions) {
|
|
25
|
-
subscription.unsubscribe();
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
ngAfterContentInit() {
|
|
29
|
-
this.menuItems.forEach(item => {
|
|
30
|
-
const sub = item.click.subscribe(value => this.handleSelect(value));
|
|
31
|
-
this.subscriptions.push(sub);
|
|
32
|
-
});
|
|
33
|
-
const menuItemChangeSub = this.menuItems.changes.subscribe((newMenuItems) => {
|
|
34
|
-
newMenuItems.forEach(item => {
|
|
35
|
-
const sub = item.click.subscribe(value => this.handleSelect(value));
|
|
36
|
-
this.subscriptions.push(sub);
|
|
37
|
-
});
|
|
38
|
-
this.updateLayout();
|
|
39
|
-
});
|
|
40
|
-
this.subscriptions.push(menuItemChangeSub);
|
|
41
|
-
this.updateLayout();
|
|
42
|
-
}
|
|
43
|
-
writeValue(value) {
|
|
44
|
-
this.value = value;
|
|
45
|
-
this.onChange(this.value);
|
|
46
|
-
this.change.emit(this.value);
|
|
47
|
-
this.updateLayout();
|
|
48
|
-
}
|
|
49
|
-
registerOnChange(fn) {
|
|
50
|
-
this.onChange = fn;
|
|
51
|
-
}
|
|
52
|
-
registerOnTouched(fn) {
|
|
53
|
-
this.onTouched = fn;
|
|
54
|
-
}
|
|
55
|
-
setDisabledState(isDisabled) {
|
|
56
|
-
this.disabled = isDisabled;
|
|
57
|
-
}
|
|
58
|
-
handleSelect(value) {
|
|
59
|
-
if (this.multiSelect) {
|
|
60
|
-
const newValues = [...this.value];
|
|
61
|
-
if (newValues.indexOf(value) >= 0) {
|
|
62
|
-
newValues.splice(newValues.indexOf(value), 1);
|
|
63
|
-
}
|
|
64
|
-
else {
|
|
65
|
-
newValues.push(value);
|
|
66
|
-
}
|
|
67
|
-
this.writeValue(newValues);
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
this.writeValue(value);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
updateLayout() {
|
|
74
|
-
if (this.menuItems) {
|
|
75
|
-
this.menuItems.forEach(item => {
|
|
76
|
-
if (this.size !== undefined) {
|
|
77
|
-
item.size = this.size;
|
|
78
|
-
}
|
|
79
|
-
if (this.useCheckbox !== undefined) {
|
|
80
|
-
item.showCheckbox = this.useCheckbox;
|
|
81
|
-
}
|
|
82
|
-
if (this.multiSelect !== undefined) {
|
|
83
|
-
item.multiSelect = this.multiSelect;
|
|
84
|
-
}
|
|
85
|
-
// only disable children if this is disabled
|
|
86
|
-
if (this.disabled) {
|
|
87
|
-
item.disabled = this.disabled;
|
|
88
|
-
}
|
|
89
|
-
if (this.value !== undefined) {
|
|
90
|
-
item.selected = Array.isArray(this.value) ? this.value.includes(item.value) : this.value === item.value;
|
|
91
|
-
}
|
|
92
|
-
item.subItems.forEach(sub => {
|
|
93
|
-
sub.selected = Array.isArray(this.value) ? this.value.includes(sub.value) : this.value === sub.value;
|
|
94
|
-
});
|
|
95
|
-
item.updateLayout();
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwMenuComponent, selector: "fw-menu", inputs: { disabled: "disabled", size: "size", multiSelect: "multiSelect", useCheckbox: "useCheckbox", value: "value" }, outputs: { change: "change" }, providers: [{
|
|
101
|
-
provide: NG_VALUE_ACCESSOR,
|
|
102
|
-
useExisting: FwMenuComponent,
|
|
103
|
-
multi: true,
|
|
104
|
-
}], queries: [{ propertyName: "menuContentWrapper", first: true, predicate: ["menuContentWrapper"], descendants: true }, { propertyName: "menuItems", predicate: FwMenuItemComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fw-menu\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;max-height:100%}\n"] }); }
|
|
105
|
-
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwMenuComponent, decorators: [{
|
|
107
|
-
type: Component,
|
|
108
|
-
args: [{ selector: 'fw-menu', providers: [{
|
|
109
|
-
provide: NG_VALUE_ACCESSOR,
|
|
110
|
-
useExisting: FwMenuComponent,
|
|
111
|
-
multi: true,
|
|
112
|
-
}], template: "<div class=\"fw-menu\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;max-height:100%}\n"] }]
|
|
113
|
-
}], propDecorators: { disabled: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}], size: [{
|
|
116
|
-
type: Input
|
|
117
|
-
}], multiSelect: [{
|
|
118
|
-
type: Input
|
|
119
|
-
}], useCheckbox: [{
|
|
120
|
-
type: Input
|
|
121
|
-
}], value: [{
|
|
122
|
-
type: Input
|
|
123
|
-
}], change: [{
|
|
124
|
-
type: Output
|
|
125
|
-
}], menuItems: [{
|
|
126
|
-
type: ContentChildren,
|
|
127
|
-
args: [FwMenuItemComponent, { descendants: true }]
|
|
128
|
-
}], menuContentWrapper: [{
|
|
129
|
-
type: ContentChild,
|
|
130
|
-
args: ['menuContentWrapper']
|
|
131
|
-
}] } });
|
|
132
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9tZW51L21lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbWVudS9tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHekUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBWXRFLE1BQU0sT0FBTyxlQUFlO0lBVjVCO1FBV1csYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixTQUFJLEdBQTJCLFNBQVMsQ0FBQztRQUN6QyxnQkFBVyxHQUFhLEtBQUssQ0FBQztRQUM5QixnQkFBVyxHQUFhLFNBQVMsQ0FBQztRQUUzQyw0REFBNEQ7UUFDbEQsV0FBTSxHQUFvQyxJQUFJLFlBQVksRUFBcUIsQ0FBQztRQUkxRiw2REFBNkQ7UUFDN0QsYUFBUSxHQUFHLENBQUMsS0FBd0IsRUFBUSxFQUFFO1FBQzlDLENBQUMsQ0FBQztRQUVGLGNBQVMsR0FBRyxHQUFTLEVBQUU7UUFDdkIsQ0FBQyxDQUFDO1FBRU0sa0JBQWEsR0FBbUIsRUFBRSxDQUFDO0tBNEY1QztJQTFGQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxXQUFXO1FBQ1QsS0FBSyxNQUFNLFlBQVksSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDOUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQzdCLENBQUM7SUFDSCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQzVCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQ3BFLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO1FBRUgsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxZQUFZLEVBQUUsRUFBRTtZQUMxRSxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUMxQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztnQkFDcEUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDL0IsQ0FBQyxDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDdEIsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRTNDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQXdCO1FBQ2pDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQXNDO1FBQ3JELElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWE7UUFDeEIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDckIsTUFBTSxTQUFTLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQyxJQUFJLFNBQVMsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7Z0JBQ2xDLFNBQVMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUNoRCxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN4QixDQUFDO1lBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM3QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsQ0FBQztJQUNILENBQUM7SUFFRCxZQUFZO1FBRVYsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQzVCLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUUsQ0FBQztvQkFDNUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUN4QixDQUFDO2dCQUNELElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxTQUFTLEVBQUUsQ0FBQztvQkFDbkMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO2dCQUN2QyxDQUFDO2dCQUNELElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxTQUFTLEVBQUUsQ0FBQztvQkFDbkMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO2dCQUN0QyxDQUFDO2dCQUNELDRDQUE0QztnQkFDNUMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7b0JBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztnQkFDaEMsQ0FBQztnQkFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUyxFQUFFLENBQUM7b0JBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDO2dCQUMxRyxDQUFDO2dCQUNELElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFO29CQUMxQixHQUFHLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEtBQUssR0FBRyxDQUFDLEtBQUssQ0FBQztnQkFDdkcsQ0FBQyxDQUFDLENBQUM7Z0JBRUgsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3RCLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7K0dBN0dVLGVBQWU7bUdBQWYsZUFBZSx5TEFOZixDQUFDO2dCQUNWLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxlQUFlO2dCQUM1QixLQUFLLEVBQUUsSUFBSTthQUNaLENBQUMsK0pBVWUsbUJBQW1CLHFFQ25DdEMsZ0VBR0E7OzRGRHdCYSxlQUFlO2tCQVYzQixTQUFTOytCQUNFLFNBQVMsYUFHUixDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsaUJBQWlCOzRCQUM1QixLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDOzhCQUdPLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNO2dCQUNzRCxTQUFTO3NCQUFyRSxlQUFlO3VCQUFDLG1CQUFtQixFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFDdkIsa0JBQWtCO3NCQUFyRCxZQUFZO3VCQUFDLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBDb250ZW50Q2hpbGRyZW4sIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgRndNZW51SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vbWVudS1pdGVtL21lbnUtaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tZW51LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogRndNZW51Q29tcG9uZW50LFxuICAgIG11bHRpOiB0cnVlLFxuICB9XSxcbn0pXG5leHBvcnQgY2xhc3MgRndNZW51Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBBZnRlckNvbnRlbnRJbml0IHtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZT86ICdkZWZhdWx0JyB8ICdjb21wYWN0JyA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgbXVsdGlTZWxlY3Q/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHVzZUNoZWNrYm94PzogYm9vbGVhbiA9IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgdmFsdWU/OiBzdHJpbmcgfCBzdHJpbmdbXTtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gIEBPdXRwdXQoKSBjaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmcgfCBzdHJpbmdbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZyB8IHN0cmluZ1tdPigpO1xuICBAQ29udGVudENoaWxkcmVuKEZ3TWVudUl0ZW1Db21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSkgbWVudUl0ZW1zOiBRdWVyeUxpc3Q8RndNZW51SXRlbUNvbXBvbmVudD47XG4gIEBDb250ZW50Q2hpbGQoJ21lbnVDb250ZW50V3JhcHBlcicpIG1lbnVDb250ZW50V3JhcHBlcjogRWxlbWVudFJlZjtcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcgfCBzdHJpbmdbXSk6IHZvaWQgPT4ge1xuICB9O1xuXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICBwcml2YXRlIHN1YnNjcmlwdGlvbnM6IFN1YnNjcmlwdGlvbltdID0gW107XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVMYXlvdXQoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGZvciAoY29uc3Qgc3Vic2NyaXB0aW9uIG9mIHRoaXMuc3Vic2NyaXB0aW9ucykge1xuICAgICAgc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHRoaXMubWVudUl0ZW1zLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICBjb25zdCBzdWIgPSBpdGVtLmNsaWNrLnN1YnNjcmliZSh2YWx1ZSA9PiB0aGlzLmhhbmRsZVNlbGVjdCh2YWx1ZSkpO1xuICAgICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2goc3ViKTtcbiAgICB9KTtcblxuICAgIGNvbnN0IG1lbnVJdGVtQ2hhbmdlU3ViID0gdGhpcy5tZW51SXRlbXMuY2hhbmdlcy5zdWJzY3JpYmUoKG5ld01lbnVJdGVtcykgPT4ge1xuICAgICAgbmV3TWVudUl0ZW1zLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICAgIGNvbnN0IHN1YiA9IGl0ZW0uY2xpY2suc3Vic2NyaWJlKHZhbHVlID0+IHRoaXMuaGFuZGxlU2VsZWN0KHZhbHVlKSk7XG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5wdXNoKHN1Yik7XG4gICAgICB9KTtcbiAgICAgIHRoaXMudXBkYXRlTGF5b3V0KCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMucHVzaChtZW51SXRlbUNoYW5nZVN1Yik7XG5cbiAgICB0aGlzLnVwZGF0ZUxheW91dCgpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nIHwgc3RyaW5nW10pOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICAgIHRoaXMudXBkYXRlTGF5b3V0KCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IHN0cmluZyB8IHN0cmluZ1tdKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgaGFuZGxlU2VsZWN0KHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5tdWx0aVNlbGVjdCkge1xuICAgICAgY29uc3QgbmV3VmFsdWVzID0gWy4uLnRoaXMudmFsdWVdO1xuICAgICAgaWYgKG5ld1ZhbHVlcy5pbmRleE9mKHZhbHVlKSA+PSAwKSB7XG4gICAgICAgIG5ld1ZhbHVlcy5zcGxpY2UobmV3VmFsdWVzLmluZGV4T2YodmFsdWUpLCAxKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIG5ld1ZhbHVlcy5wdXNoKHZhbHVlKTtcbiAgICAgIH1cbiAgICAgIHRoaXMud3JpdGVWYWx1ZShuZXdWYWx1ZXMpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLndyaXRlVmFsdWUodmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZUxheW91dCgpOiB2b2lkIHtcblxuICAgIGlmICh0aGlzLm1lbnVJdGVtcykge1xuICAgICAgdGhpcy5tZW51SXRlbXMuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgICAgaWYgKHRoaXMuc2l6ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgaXRlbS5zaXplID0gdGhpcy5zaXplO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLnVzZUNoZWNrYm94ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICBpdGVtLnNob3dDaGVja2JveCA9IHRoaXMudXNlQ2hlY2tib3g7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMubXVsdGlTZWxlY3QgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgIGl0ZW0ubXVsdGlTZWxlY3QgPSB0aGlzLm11bHRpU2VsZWN0O1xuICAgICAgICB9XG4gICAgICAgIC8vIG9ubHkgZGlzYWJsZSBjaGlsZHJlbiBpZiB0aGlzIGlzIGRpc2FibGVkXG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgaXRlbS5kaXNhYmxlZCA9IHRoaXMuZGlzYWJsZWQ7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMudmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgIGl0ZW0uc2VsZWN0ZWQgPSBBcnJheS5pc0FycmF5KHRoaXMudmFsdWUpID8gdGhpcy52YWx1ZS5pbmNsdWRlcyhpdGVtLnZhbHVlKSA6IHRoaXMudmFsdWUgPT09IGl0ZW0udmFsdWU7XG4gICAgICAgIH1cbiAgICAgICAgaXRlbS5zdWJJdGVtcy5mb3JFYWNoKHN1YiA9PiB7XG4gICAgICAgICAgc3ViLnNlbGVjdGVkID0gQXJyYXkuaXNBcnJheSh0aGlzLnZhbHVlKSA/IHRoaXMudmFsdWUuaW5jbHVkZXMoc3ViLnZhbHVlKSA6IHRoaXMudmFsdWUgPT09IHN1Yi52YWx1ZTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgaXRlbS51cGRhdGVMYXlvdXQoKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZ3LW1lbnVcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { CdkMenuModule } from '@angular/cdk/menu';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { NgModule } from '@angular/core';
|
|
4
|
-
import { FormsModule } from '@angular/forms';
|
|
5
|
-
import { FwBadgeModule } from '../badge/badge.module';
|
|
6
|
-
import { FwCheckboxModule } from '../checkbox/checkbox.module';
|
|
7
|
-
import { FwIconModule } from '../icon/icon.module';
|
|
8
|
-
import { FwIconButtonModule } from '../icon-button/icon-button.module';
|
|
9
|
-
import { FwRadioModule } from '../radio/radio.module';
|
|
10
|
-
import { FwTextInputModule } from '../text-input/text-input.module';
|
|
11
|
-
import { FwTooltipModule } from '../tooltip/tooltip.module';
|
|
12
|
-
import { FwMenuComponent } from './menu.component';
|
|
13
|
-
import { FwMenuCloseTriggersDirective } from './menu-close-triggers.directive';
|
|
14
|
-
import { FwMenuContainerComponent } from './menu-container/menu-container.component';
|
|
15
|
-
import { FwMenuHeaderComponent } from './menu-header/menu-header.component';
|
|
16
|
-
import { FwMenuItemComponent } from './menu-item/menu-item.component';
|
|
17
|
-
import { FwMenuItemGroupComponent } from './menu-item-group/menu-item-group.component';
|
|
18
|
-
import { FwMenuSeparatorComponent } from './menu-separator/menu-separator.component';
|
|
19
|
-
import { FwMenuSubItemComponent } from './menu-sub-item/menu-sub-item.component';
|
|
20
|
-
import * as i0 from "@angular/core";
|
|
21
|
-
export class FwMenuModule {
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
23
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwMenuModule, declarations: [FwMenuCloseTriggersDirective,
|
|
24
|
-
FwMenuComponent,
|
|
25
|
-
FwMenuContainerComponent,
|
|
26
|
-
FwMenuHeaderComponent,
|
|
27
|
-
FwMenuItemComponent,
|
|
28
|
-
FwMenuItemGroupComponent,
|
|
29
|
-
FwMenuSeparatorComponent,
|
|
30
|
-
FwMenuSubItemComponent], imports: [CdkMenuModule,
|
|
31
|
-
CommonModule,
|
|
32
|
-
FormsModule,
|
|
33
|
-
FwBadgeModule,
|
|
34
|
-
FwIconButtonModule,
|
|
35
|
-
FwIconModule,
|
|
36
|
-
FwTextInputModule,
|
|
37
|
-
FwTooltipModule,
|
|
38
|
-
FwCheckboxModule,
|
|
39
|
-
FwRadioModule], exports: [FwMenuCloseTriggersDirective,
|
|
40
|
-
FwMenuComponent,
|
|
41
|
-
FwMenuContainerComponent,
|
|
42
|
-
FwMenuHeaderComponent,
|
|
43
|
-
FwMenuItemComponent,
|
|
44
|
-
FwMenuItemGroupComponent,
|
|
45
|
-
FwMenuSeparatorComponent,
|
|
46
|
-
FwMenuSubItemComponent] }); }
|
|
47
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwMenuModule, imports: [CdkMenuModule,
|
|
48
|
-
CommonModule,
|
|
49
|
-
FormsModule,
|
|
50
|
-
FwBadgeModule,
|
|
51
|
-
FwIconButtonModule,
|
|
52
|
-
FwIconModule,
|
|
53
|
-
FwTextInputModule,
|
|
54
|
-
FwTooltipModule,
|
|
55
|
-
FwCheckboxModule,
|
|
56
|
-
FwRadioModule] }); }
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwMenuModule, decorators: [{
|
|
59
|
-
type: NgModule,
|
|
60
|
-
args: [{
|
|
61
|
-
imports: [
|
|
62
|
-
CdkMenuModule,
|
|
63
|
-
CommonModule,
|
|
64
|
-
FormsModule,
|
|
65
|
-
FwBadgeModule,
|
|
66
|
-
FwIconButtonModule,
|
|
67
|
-
FwIconModule,
|
|
68
|
-
FwTextInputModule,
|
|
69
|
-
FwTooltipModule,
|
|
70
|
-
FwCheckboxModule,
|
|
71
|
-
FwRadioModule,
|
|
72
|
-
],
|
|
73
|
-
exports: [
|
|
74
|
-
FwMenuCloseTriggersDirective,
|
|
75
|
-
FwMenuComponent,
|
|
76
|
-
FwMenuContainerComponent,
|
|
77
|
-
FwMenuHeaderComponent,
|
|
78
|
-
FwMenuItemComponent,
|
|
79
|
-
FwMenuItemGroupComponent,
|
|
80
|
-
FwMenuSeparatorComponent,
|
|
81
|
-
FwMenuSubItemComponent,
|
|
82
|
-
],
|
|
83
|
-
declarations: [
|
|
84
|
-
FwMenuCloseTriggersDirective,
|
|
85
|
-
FwMenuComponent,
|
|
86
|
-
FwMenuContainerComponent,
|
|
87
|
-
FwMenuHeaderComponent,
|
|
88
|
-
FwMenuItemComponent,
|
|
89
|
-
FwMenuItemGroupComponent,
|
|
90
|
-
FwMenuSeparatorComponent,
|
|
91
|
-
FwMenuSubItemComponent,
|
|
92
|
-
],
|
|
93
|
-
}]
|
|
94
|
-
}] });
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9tZW51L21lbnUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNyRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN2RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNyRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7QUFvQ2pGLE1BQU0sT0FBTyxZQUFZOytHQUFaLFlBQVk7Z0hBQVosWUFBWSxpQkFWckIsNEJBQTRCO1lBQzVCLGVBQWU7WUFDZix3QkFBd0I7WUFDeEIscUJBQXFCO1lBQ3JCLG1CQUFtQjtZQUNuQix3QkFBd0I7WUFDeEIsd0JBQXdCO1lBQ3hCLHNCQUFzQixhQTdCdEIsYUFBYTtZQUNiLFlBQVk7WUFDWixXQUFXO1lBQ1gsYUFBYTtZQUNiLGtCQUFrQjtZQUNsQixZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsYUFBYSxhQUdiLDRCQUE0QjtZQUM1QixlQUFlO1lBQ2Ysd0JBQXdCO1lBQ3hCLHFCQUFxQjtZQUNyQixtQkFBbUI7WUFDbkIsd0JBQXdCO1lBQ3hCLHdCQUF3QjtZQUN4QixzQkFBc0I7Z0hBYWIsWUFBWSxZQWhDckIsYUFBYTtZQUNiLFlBQVk7WUFDWixXQUFXO1lBQ1gsYUFBYTtZQUNiLGtCQUFrQjtZQUNsQixZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsYUFBYTs7NEZBdUJKLFlBQVk7a0JBbEN4QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxhQUFhO3dCQUNiLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxhQUFhO3dCQUNiLGtCQUFrQjt3QkFDbEIsWUFBWTt3QkFDWixpQkFBaUI7d0JBQ2pCLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixhQUFhO3FCQUNkO29CQUNELE9BQU8sRUFBRTt3QkFDUCw0QkFBNEI7d0JBQzVCLGVBQWU7d0JBQ2Ysd0JBQXdCO3dCQUN4QixxQkFBcUI7d0JBQ3JCLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLHNCQUFzQjtxQkFDdkI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLDRCQUE0Qjt3QkFDNUIsZUFBZTt3QkFDZix3QkFBd0I7d0JBQ3hCLHFCQUFxQjt3QkFDckIsbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka01lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvbWVudSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBGd0JhZGdlTW9kdWxlIH0gZnJvbSAnLi4vYmFkZ2UvYmFkZ2UubW9kdWxlJztcbmltcG9ydCB7IEZ3Q2hlY2tib3hNb2R1bGUgfSBmcm9tICcuLi9jaGVja2JveC9jaGVja2JveC5tb2R1bGUnO1xuaW1wb3J0IHsgRndJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBGd0ljb25CdXR0b25Nb2R1bGUgfSBmcm9tICcuLi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndSYWRpb01vZHVsZSB9IGZyb20gJy4uL3JhZGlvL3JhZGlvLm1vZHVsZSc7XG5pbXBvcnQgeyBGd1RleHRJbnB1dE1vZHVsZSB9IGZyb20gJy4uL3RleHQtaW5wdXQvdGV4dC1pbnB1dC5tb2R1bGUnO1xuaW1wb3J0IHsgRndUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vdG9vbHRpcC90b29sdGlwLm1vZHVsZSc7XG5pbXBvcnQgeyBGd01lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3TWVudUNsb3NlVHJpZ2dlcnNEaXJlY3RpdmUgfSBmcm9tICcuL21lbnUtY2xvc2UtdHJpZ2dlcnMuZGlyZWN0aXZlJztcbmltcG9ydCB7IEZ3TWVudUNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4vbWVudS1jb250YWluZXIvbWVudS1jb250YWluZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3TWVudUhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vbWVudS1oZWFkZXIvbWVudS1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3TWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL21lbnUtaXRlbS9tZW51LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEZ3TWVudUl0ZW1Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vbWVudS1pdGVtLWdyb3VwL21lbnUtaXRlbS1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndNZW51U2VwYXJhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9tZW51LXNlcGFyYXRvci9tZW51LXNlcGFyYXRvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndNZW51U3ViSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vbWVudS1zdWItaXRlbS9tZW51LXN1Yi1pdGVtLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDZGtNZW51TW9kdWxlLFxuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBGd0JhZGdlTW9kdWxlLFxuICAgIEZ3SWNvbkJ1dHRvbk1vZHVsZSxcbiAgICBGd0ljb25Nb2R1bGUsXG4gICAgRndUZXh0SW5wdXRNb2R1bGUsXG4gICAgRndUb29sdGlwTW9kdWxlLFxuICAgIEZ3Q2hlY2tib3hNb2R1bGUsXG4gICAgRndSYWRpb01vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZ3TWVudUNsb3NlVHJpZ2dlcnNEaXJlY3RpdmUsXG4gICAgRndNZW51Q29tcG9uZW50LFxuICAgIEZ3TWVudUNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBGd01lbnVIZWFkZXJDb21wb25lbnQsXG4gICAgRndNZW51SXRlbUNvbXBvbmVudCxcbiAgICBGd01lbnVJdGVtR3JvdXBDb21wb25lbnQsXG4gICAgRndNZW51U2VwYXJhdG9yQ29tcG9uZW50LFxuICAgIEZ3TWVudVN1Ykl0ZW1Db21wb25lbnQsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEZ3TWVudUNsb3NlVHJpZ2dlcnNEaXJlY3RpdmUsXG4gICAgRndNZW51Q29tcG9uZW50LFxuICAgIEZ3TWVudUNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBGd01lbnVIZWFkZXJDb21wb25lbnQsXG4gICAgRndNZW51SXRlbUNvbXBvbmVudCxcbiAgICBGd01lbnVJdGVtR3JvdXBDb21wb25lbnQsXG4gICAgRndNZW51U2VwYXJhdG9yQ29tcG9uZW50LFxuICAgIEZ3TWVudVN1Ykl0ZW1Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3TWVudU1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FwNavbarHeaderComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwNavbarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwNavbarHeaderComponent, selector: "fw-navbar-header", ngImport: i0, template: "<h4 class=\"vision-h4\">\n <ng-content></ng-content>\n</h4>\n<ng-content select=\"fw-icon-button\"></ng-content>\n<ng-content select=\"fw-badge\"></ng-content>\n", styles: [":host{display:flex;align-items:center;height:34px;overflow:hidden;container-name:navbarheader;container-type:size}:host h4{padding:8px;margin:0 4px 0 12px;width:100%}@container navbarheader (max-width: 100px){h4{opacity:0}}\n"] }); }
|
|
6
|
-
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwNavbarHeaderComponent, decorators: [{
|
|
8
|
-
type: Component,
|
|
9
|
-
args: [{ selector: 'fw-navbar-header', template: "<h4 class=\"vision-h4\">\n <ng-content></ng-content>\n</h4>\n<ng-content select=\"fw-icon-button\"></ng-content>\n<ng-content select=\"fw-badge\"></ng-content>\n", styles: [":host{display:flex;align-items:center;height:34px;overflow:hidden;container-name:navbarheader;container-type:size}:host h4{padding:8px;margin:0 4px 0 12px;width:100%}@container navbarheader (max-width: 100px){h4{opacity:0}}\n"] }]
|
|
10
|
-
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uYXZiYXIvbmF2YmFyLWhlYWRlci9uYXZiYXItaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmJhci9uYXZiYXItaGVhZGVyL25hdmJhci1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsd0RDUHBDLG9LQUtBOzs0RkRFYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LW5hdmJhci1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2YmFyLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmJhci1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndOYXZiYXJIZWFkZXJDb21wb25lbnQge1xuXG59XG4iLCI8aDQgY2xhc3M9XCJ2aXNpb24taDRcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9oND5cbjxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWljb24tYnV0dG9uXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYmFkZ2VcIj48L25nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChildren, HostBinding, Input, } from '@angular/core';
|
|
2
|
-
import { FwNavbarSubItemComponent } from '../navbar-sub-item/navbar-sub-item.component';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "../../icon-button/icon-button.component";
|
|
6
|
-
import * as i3 from "../../icon/icon.component";
|
|
7
|
-
import * as i4 from "../../tooltip/tooltip.component";
|
|
8
|
-
export class FwNavbarItemComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.iconColor = 'primary';
|
|
11
|
-
this.hidden = false;
|
|
12
|
-
this.showTooltip = false;
|
|
13
|
-
this.subItemsOpen = false;
|
|
14
|
-
this.subItemsTooltipTitle = '';
|
|
15
|
-
this.selected = false;
|
|
16
|
-
}
|
|
17
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
18
|
-
ngOnChanges(changes) {
|
|
19
|
-
this.updateLayout();
|
|
20
|
-
}
|
|
21
|
-
ngAfterViewInit() {
|
|
22
|
-
this.updateLayout();
|
|
23
|
-
}
|
|
24
|
-
updateLayout() {
|
|
25
|
-
if (this.selected) {
|
|
26
|
-
this.iconColor = 'primary';
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
this.iconColor = 'muted';
|
|
30
|
-
}
|
|
31
|
-
if (this.subItems) {
|
|
32
|
-
this.subItems.forEach(subItem => {
|
|
33
|
-
subItem.hidden = !(this.subItemsOpen && !this.collapsed);
|
|
34
|
-
if (this.collapsed !== undefined) {
|
|
35
|
-
subItem.collapsed = this.collapsed;
|
|
36
|
-
}
|
|
37
|
-
if (this.disabled !== undefined) {
|
|
38
|
-
subItem.disabled = this.disabled;
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
toggleSubItemsView(event) {
|
|
44
|
-
event.stopPropagation();
|
|
45
|
-
this.subItemsOpen = !this.subItemsOpen;
|
|
46
|
-
this.updateLayout();
|
|
47
|
-
return false;
|
|
48
|
-
}
|
|
49
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwNavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwNavbarItemComponent, selector: "fw-navbar-item", inputs: { value: "value", title: "title", description: "description", icon: "icon", iconColor: "iconColor", disabled: "disabled", hidden: "hidden", tooltipText: "tooltipText", showTooltip: "showTooltip", collapsed: "collapsed", href: "href", target: "target", subItemsOpen: "subItemsOpen", subItemsTooltipTitle: "subItemsTooltipTitle", selected: "selected" }, host: { properties: { "class.collapsed": "this.collapsed", "class.selected": "this.selected" } }, queries: [{ propertyName: "subItems", predicate: FwNavbarSubItemComponent }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!hidden\">\n <a [href]=\"href?href:'javascript:void(0)'\" [target]=\"target?target:''\">\n <fw-tooltip [title]=\"showTooltip ? tooltipText || title : ''\" position=\"right\" [fullWidth]=\"true\">\n <div\n [ngClass]=\"['navbar-item', disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"navbar-icon {{iconColor}}\">{{ icon }}</fw-icon>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"navbar-text\" *ngIf=\"title\">\n <h5 class=\"vision-h5\">{{ title }}</h5>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n <fw-tooltip\n *ngIf=\"subItems.length>0 && !collapsed\"\n [title]=\"subItemsTooltipTitle\"\n position=\"right\">\n <fw-icon-button\n [size]=\"'small'\"\n [icon]=\"subItemsOpen?'chevron-up':'chevron-down'\"\n (click)=\"toggleSubItemsView($event)\">\n </fw-icon-button>\n </fw-tooltip>\n </div>\n </div>\n </fw-tooltip>\n </a>\n</div>\n<div class=\"item-subitems\">\n <ng-content select=\"fw-navbar-sub-item\"></ng-content>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host a{text-decoration:none;color:var(--typography-base);outline:none;display:flex;flex:1;max-width:100%}:host h5{text-overflow:ellipsis}:host:hover:not(.selected) .navbar-item:not(.disabled),:host.focused:not(.selected) .navbar-item:not(.disabled){background-color:var(--primary-hover);cursor:pointer}:host:hover:not(.selected) .navbar-item:not(.disabled) .navbar-text h5,:host.focused:not(.selected) .navbar-item:not(.disabled) .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-item{background-color:var(--primary-hover);cursor:pointer}:host.selected .navbar-item .navbar-icon{color:var(--primary-base)}:host.selected .navbar-item .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-item:before{position:absolute;content:\" \";height:16px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.collapsed .navbar-item{container-name:navbaritem;container-type:size}:host .navbar-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;flex:1;gap:8px;padding:8px 16px;border-radius:6px;margin:1px 4px;color:var(--typography-muted);height:34px;width:stretch;cursor:pointer}:host .navbar-item .navbar-icon{font-size:18px;width:18px;max-width:18px;white-space:nowrap}:host .navbar-item .navbar-text{flex:1;overflow:hidden;padding:2px 0}:host .navbar-item .navbar-text h5{margin:0;color:var(--typography-muted);white-space:nowrap;overflow:hidden}:host .navbar-item .navbar-text p{margin:0}:host .navbar-item .navbar-text p.description{color:var(--typography-light)}:host .navbar-item .key-text{display:flex;align-items:center;gap:8px;color:var(--typography-light)}:host .navbar-item .key-text fw-icon-button{min-height:22px!important;min-width:22px!important;margin-top:2px;margin-right:-4px}:host .navbar-item.disabled{opacity:.4;cursor:not-allowed}:host .item-subitems{display:flex;flex-direction:column}@container navbaritem (max-width: 60px){.navbar-item{gap:0}.navbar-item .navbar-text{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconButtonComponent, selector: "fw-icon-button", inputs: ["color", "icon", "size", "disabled", "selected", "border"] }, { kind: "component", type: i3.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }, { kind: "component", type: i4.FwTooltipComponent, selector: "fw-tooltip", inputs: ["title", "color", "position", "maxWidth", "fullWidth", "isOpen", "trigger", "delay"] }] }); }
|
|
51
|
-
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwNavbarItemComponent, decorators: [{
|
|
53
|
-
type: Component,
|
|
54
|
-
args: [{ selector: 'fw-navbar-item', template: "<div *ngIf=\"!hidden\">\n <a [href]=\"href?href:'javascript:void(0)'\" [target]=\"target?target:''\">\n <fw-tooltip [title]=\"showTooltip ? tooltipText || title : ''\" position=\"right\" [fullWidth]=\"true\">\n <div\n [ngClass]=\"['navbar-item', disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <fw-icon [color]=\"iconColor\" *ngIf=\"icon\" class=\"navbar-icon {{iconColor}}\">{{ icon }}</fw-icon>\n <ng-content select=\"fw-avatar\"></ng-content>\n <div class=\"navbar-text\" *ngIf=\"title\">\n <h5 class=\"vision-h5\">{{ title }}</h5>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n <fw-tooltip\n *ngIf=\"subItems.length>0 && !collapsed\"\n [title]=\"subItemsTooltipTitle\"\n position=\"right\">\n <fw-icon-button\n [size]=\"'small'\"\n [icon]=\"subItemsOpen?'chevron-up':'chevron-down'\"\n (click)=\"toggleSubItemsView($event)\">\n </fw-icon-button>\n </fw-tooltip>\n </div>\n </div>\n </fw-tooltip>\n </a>\n</div>\n<div class=\"item-subitems\">\n <ng-content select=\"fw-navbar-sub-item\"></ng-content>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host a{text-decoration:none;color:var(--typography-base);outline:none;display:flex;flex:1;max-width:100%}:host h5{text-overflow:ellipsis}:host:hover:not(.selected) .navbar-item:not(.disabled),:host.focused:not(.selected) .navbar-item:not(.disabled){background-color:var(--primary-hover);cursor:pointer}:host:hover:not(.selected) .navbar-item:not(.disabled) .navbar-text h5,:host.focused:not(.selected) .navbar-item:not(.disabled) .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-item{background-color:var(--primary-hover);cursor:pointer}:host.selected .navbar-item .navbar-icon{color:var(--primary-base)}:host.selected .navbar-item .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-item:before{position:absolute;content:\" \";height:16px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.collapsed .navbar-item{container-name:navbaritem;container-type:size}:host .navbar-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;flex:1;gap:8px;padding:8px 16px;border-radius:6px;margin:1px 4px;color:var(--typography-muted);height:34px;width:stretch;cursor:pointer}:host .navbar-item .navbar-icon{font-size:18px;width:18px;max-width:18px;white-space:nowrap}:host .navbar-item .navbar-text{flex:1;overflow:hidden;padding:2px 0}:host .navbar-item .navbar-text h5{margin:0;color:var(--typography-muted);white-space:nowrap;overflow:hidden}:host .navbar-item .navbar-text p{margin:0}:host .navbar-item .navbar-text p.description{color:var(--typography-light)}:host .navbar-item .key-text{display:flex;align-items:center;gap:8px;color:var(--typography-light)}:host .navbar-item .key-text fw-icon-button{min-height:22px!important;min-width:22px!important;margin-top:2px;margin-right:-4px}:host .navbar-item.disabled{opacity:.4;cursor:not-allowed}:host .item-subitems{display:flex;flex-direction:column}@container navbaritem (max-width: 60px){.navbar-item{gap:0}.navbar-item .navbar-text{opacity:0}}\n"] }]
|
|
55
|
-
}], propDecorators: { value: [{
|
|
56
|
-
type: Input
|
|
57
|
-
}], title: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], description: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], icon: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}], iconColor: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], disabled: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], hidden: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], tooltipText: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], showTooltip: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], collapsed: [{
|
|
74
|
-
type: HostBinding,
|
|
75
|
-
args: ['class.collapsed']
|
|
76
|
-
}, {
|
|
77
|
-
type: Input
|
|
78
|
-
}], href: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], target: [{
|
|
81
|
-
type: Input
|
|
82
|
-
}], subItemsOpen: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], subItemsTooltipTitle: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}], selected: [{
|
|
87
|
-
type: HostBinding,
|
|
88
|
-
args: ['class.selected']
|
|
89
|
-
}, {
|
|
90
|
-
type: Input
|
|
91
|
-
}], subItems: [{
|
|
92
|
-
type: ContentChildren,
|
|
93
|
-
args: [FwNavbarSubItemComponent]
|
|
94
|
-
}] } });
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2YmFyL25hdmJhci1pdGVtL25hdmJhci1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmJhci9uYXZiYXItaXRlbS9uYXZiYXItaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULGVBQWUsRUFDZixXQUFXLEVBQ1gsS0FBSyxHQUlOLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7Ozs7QUFPeEYsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQVVXLGNBQVMsR0FBNkYsU0FBUyxDQUFDO1FBRWhILFdBQU0sR0FBYSxLQUFLLENBQUM7UUFFekIsZ0JBQVcsR0FBYSxLQUFLLENBQUM7UUFJOUIsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIseUJBQW9CLEdBQVksRUFBRSxDQUFDO1FBQ0osYUFBUSxHQUFhLEtBQUssQ0FBQztLQXNDcEU7SUFuQ0MsNkRBQTZEO0lBQzdELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztRQUM3QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDO1FBQzNCLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRTtnQkFDOUIsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztnQkFDekQsSUFBSSxJQUFJLENBQUMsU0FBUyxLQUFLLFNBQVMsRUFBRSxDQUFDO29CQUNqQyxPQUFPLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7Z0JBQ3JDLENBQUM7Z0JBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLFNBQVMsRUFBRSxDQUFDO29CQUNoQyxPQUFPLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7Z0JBQ25DLENBQUM7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBWTtRQUM3QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDdkMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQzsrR0FuRFUscUJBQXFCO21HQUFyQixxQkFBcUIseWhCQWdCZix3QkFBd0Isa0RDbkMzQyxxZ0RBbUNBOzs0RkRoQmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLakIsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDbUMsU0FBUztzQkFBakQsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUFHLEtBQUs7Z0JBQzdCLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ2tDLFFBQVE7c0JBQS9DLFdBQVc7dUJBQUMsZ0JBQWdCOztzQkFBRyxLQUFLO2dCQUNNLFFBQVE7c0JBQWxELGVBQWU7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBRdWVyeUxpc3QsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJY29uVHlwZSB9IGZyb20gJy4uLy4uL2ljb24vaWNvbi50eXBlcyc7XG5pbXBvcnQgeyBGd05hdmJhclN1Ykl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9uYXZiYXItc3ViLWl0ZW0vbmF2YmFyLXN1Yi1pdGVtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LW5hdmJhci1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmJhci1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2YmFyLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndOYXZiYXJJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgdmFsdWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uPzogSWNvblR5cGU7XG4gIEBJbnB1dCgpIGljb25Db2xvcj86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3JlZCcgfCAnb3JhbmdlJyB8ICdncmVlbicgfCAnc2xhdGUnIHwgJ3R5cG9ncmFwaHknIHwgJ211dGVkJyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBoaWRkZW4/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRvb2x0aXBUZXh0Pzogc3RyaW5nO1xuICBASW5wdXQoKSBzaG93VG9vbHRpcD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jb2xsYXBzZWQnKSBASW5wdXQoKSBjb2xsYXBzZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBocmVmPzogc3RyaW5nO1xuICBASW5wdXQoKSB0YXJnZXQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN1Ykl0ZW1zT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzdWJJdGVtc1Rvb2x0aXBUaXRsZT86IHN0cmluZyA9ICcnO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNlbGVjdGVkJykgQElucHV0KCkgc2VsZWN0ZWQ/OiBib29sZWFuID0gZmFsc2U7XG4gIEBDb250ZW50Q2hpbGRyZW4oRndOYXZiYXJTdWJJdGVtQ29tcG9uZW50KSBzdWJJdGVtczogUXVlcnlMaXN0PEZ3TmF2YmFyU3ViSXRlbUNvbXBvbmVudD47XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVMYXlvdXQoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZUxheW91dCgpO1xuICB9XG5cbiAgdXBkYXRlTGF5b3V0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkKSB7XG4gICAgICB0aGlzLmljb25Db2xvciA9ICdwcmltYXJ5JztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pY29uQ29sb3IgPSAnbXV0ZWQnO1xuICAgIH1cbiAgICBpZiAodGhpcy5zdWJJdGVtcykge1xuICAgICAgdGhpcy5zdWJJdGVtcy5mb3JFYWNoKHN1Ykl0ZW0gPT4ge1xuICAgICAgICBzdWJJdGVtLmhpZGRlbiA9ICEodGhpcy5zdWJJdGVtc09wZW4gJiYgIXRoaXMuY29sbGFwc2VkKTtcbiAgICAgICAgaWYgKHRoaXMuY29sbGFwc2VkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICBzdWJJdGVtLmNvbGxhcHNlZCA9IHRoaXMuY29sbGFwc2VkO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICBzdWJJdGVtLmRpc2FibGVkID0gdGhpcy5kaXNhYmxlZDtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlU3ViSXRlbXNWaWV3KGV2ZW50OiBFdmVudCk6IGJvb2xlYW4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuc3ViSXRlbXNPcGVuID0gIXRoaXMuc3ViSXRlbXNPcGVuO1xuICAgIHRoaXMudXBkYXRlTGF5b3V0KCk7XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbn1cbiIsIjxkaXYgKm5nSWY9XCIhaGlkZGVuXCI+XG4gIDxhIFtocmVmXT1cImhyZWY/aHJlZjonamF2YXNjcmlwdDp2b2lkKDApJ1wiIFt0YXJnZXRdPVwidGFyZ2V0P3RhcmdldDonJ1wiPlxuICAgIDxmdy10b29sdGlwIFt0aXRsZV09XCJzaG93VG9vbHRpcCA/IHRvb2x0aXBUZXh0IHx8IHRpdGxlIDogJydcIiBwb3NpdGlvbj1cInJpZ2h0XCIgW2Z1bGxXaWR0aF09XCJ0cnVlXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIFtuZ0NsYXNzXT1cIlsnbmF2YmFyLWl0ZW0nLCBkaXNhYmxlZD8nZGlzYWJsZWQnOicnXVwiXG4gICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgICAgICA8ZnctaWNvbiBbY29sb3JdPVwiaWNvbkNvbG9yXCIgKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJuYXZiYXItaWNvbiB7e2ljb25Db2xvcn19XCI+e3sgaWNvbiB9fTwvZnctaWNvbj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYXZhdGFyXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8ZGl2IGNsYXNzPVwibmF2YmFyLXRleHRcIiAqbmdJZj1cInRpdGxlXCI+XG4gICAgICAgICAgPGg1IGNsYXNzPVwidmlzaW9uLWg1XCI+e3sgdGl0bGUgfX08L2g1PlxuICAgICAgICAgIDxwICpuZ0lmPVwiZGVzY3JpcHRpb25cIiBjbGFzcz1cInZpc2lvbi1wNCBkZXNjcmlwdGlvblwiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImtleS10ZXh0IHZpc2lvbi1wMlwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInBcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYmFkZ2VcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctaWNvblwiPjwvbmctY29udGVudD5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1pY29uLWJ1dHRvblwiPjwvbmctY29udGVudD5cbiAgICAgICAgICA8ZnctdG9vbHRpcFxuICAgICAgICAgICAgKm5nSWY9XCJzdWJJdGVtcy5sZW5ndGg+MCAmJiAhY29sbGFwc2VkXCJcbiAgICAgICAgICAgIFt0aXRsZV09XCJzdWJJdGVtc1Rvb2x0aXBUaXRsZVwiXG4gICAgICAgICAgICBwb3NpdGlvbj1cInJpZ2h0XCI+XG4gICAgICAgICAgICA8ZnctaWNvbi1idXR0b25cbiAgICAgICAgICAgICAgW3NpemVdPVwiJ3NtYWxsJ1wiXG4gICAgICAgICAgICAgIFtpY29uXT1cInN1Ykl0ZW1zT3Blbj8nY2hldnJvbi11cCc6J2NoZXZyb24tZG93bidcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlU3ViSXRlbXNWaWV3KCRldmVudClcIj5cbiAgICAgICAgICAgIDwvZnctaWNvbi1idXR0b24+XG4gICAgICAgICAgPC9mdy10b29sdGlwPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZnctdG9vbHRpcD5cbiAgPC9hPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiaXRlbS1zdWJpdGVtc1wiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1uYXZiYXItc3ViLWl0ZW1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "../../tooltip/tooltip.component";
|
|
6
|
-
export class FwNavbarSubItemComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.hidden = false;
|
|
9
|
-
this.showTooltip = false;
|
|
10
|
-
// eslint-disable-next-line @angular-eslint/no-output-native
|
|
11
|
-
this.selected = false;
|
|
12
|
-
}
|
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwNavbarSubItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwNavbarSubItemComponent, selector: "fw-navbar-sub-item", inputs: { value: "value", title: "title", description: "description", icon: "icon", disabled: "disabled", hidden: "hidden", tooltipText: "tooltipText", showTooltip: "showTooltip", href: "href", target: "target", collapsed: "collapsed", selected: "selected" }, host: { properties: { "class.collapsed": "this.collapsed", "class.selected": "this.selected" } }, ngImport: i0, template: "<div\n *ngIf=\"!hidden\"\n [@openClose]=\"{value: collapsed?'closed':'open'}\">\n <a [href]=\"href?href:'javascript:void(0)'\" [target]=\"target?target:''\">\n <fw-tooltip [title]=\"showTooltip ? tooltipText || title : ''\" position=\"right\" [fullWidth]=\"true\">\n <div\n [ngClass]=\"['navbar-sub-item', disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <div class=\"navbar-text\" *ngIf=\"title\">\n <h5>{{ title }}</h5>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n </div>\n </div>\n </fw-tooltip>\n </a>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host a{text-decoration:none;color:var(--typography-base);outline:none;display:flex;flex:1;max-width:100%}:host h5{text-overflow:ellipsis}:host:hover .navbar-sub-item:not(.disabled),:host.focused:not(.selected) .navbar-sub-item:not(.disabled){background-color:var(--primary-hover);cursor:pointer}:host:hover .navbar-sub-item:not(.disabled) .navbar-icon,:host.focused:not(.selected) .navbar-sub-item:not(.disabled) .navbar-icon{color:var(--primary-base)}:host:hover .navbar-sub-item:not(.disabled) .navbar-text h5,:host.focused:not(.selected) .navbar-sub-item:not(.disabled) .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-sub-item{background-color:var(--primary-hover);cursor:pointer}:host.selected .navbar-sub-item .navbar-icon{color:var(--primary-base)}:host.selected .navbar-sub-item .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-sub-item:before{position:absolute;content:\" \";height:16px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.collapsed .navbar-sub-item{container-name:navbaritem;container-type:size}:host fw-tooltip{display:flex;flex-direction:row;flex:1;width:stretch}:host fw-tooltip .tooltip-trigger{display:flex;flex-direction:row;flex:1;width:stretch}:host .navbar-sub-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;flex:1;gap:8px;padding:8px 16px;border-radius:6px;margin:1px 4px;color:var(--typography-muted);height:30px;width:stretch;cursor:pointer}:host .navbar-sub-item .navbar-icon{font-size:18px;white-space:nowrap}:host .navbar-sub-item .navbar-text{flex:1;overflow:hidden;padding:2px 0 2px 26px}:host .navbar-sub-item .navbar-text h5{margin:0;color:var(--typography-muted);white-space:nowrap;overflow:hidden}:host .navbar-sub-item .navbar-text p{margin:0}:host .navbar-sub-item .navbar-text p.description{color:var(--typography-light)}:host .navbar-sub-item .key-text{display:flex;align-items:center;gap:8px;color:var(--typography-light)}:host .navbar-sub-item .key-text fw-icon-button{min-height:22px!important;min-width:22px!important}:host .navbar-sub-item.disabled{opacity:.4;cursor:not-allowed}@container navbaritem (max-width: 60px){.navbar-sub-item{gap:0}.navbar-sub-item .navbar-text{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwTooltipComponent, selector: "fw-tooltip", inputs: ["title", "color", "position", "maxWidth", "fullWidth", "isOpen", "trigger", "delay"] }], animations: [
|
|
15
|
-
trigger('openClose', [
|
|
16
|
-
// ...
|
|
17
|
-
state('open', style({
|
|
18
|
-
height: 'auto',
|
|
19
|
-
}), { params: {} }),
|
|
20
|
-
state('closed', style({
|
|
21
|
-
height: '0',
|
|
22
|
-
}), { params: {} }),
|
|
23
|
-
transition('open <=> closed', [
|
|
24
|
-
animate('.33s ease-in-out'),
|
|
25
|
-
]),
|
|
26
|
-
]),
|
|
27
|
-
] }); }
|
|
28
|
-
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwNavbarSubItemComponent, decorators: [{
|
|
30
|
-
type: Component,
|
|
31
|
-
args: [{ selector: 'fw-navbar-sub-item', animations: [
|
|
32
|
-
trigger('openClose', [
|
|
33
|
-
// ...
|
|
34
|
-
state('open', style({
|
|
35
|
-
height: 'auto',
|
|
36
|
-
}), { params: {} }),
|
|
37
|
-
state('closed', style({
|
|
38
|
-
height: '0',
|
|
39
|
-
}), { params: {} }),
|
|
40
|
-
transition('open <=> closed', [
|
|
41
|
-
animate('.33s ease-in-out'),
|
|
42
|
-
]),
|
|
43
|
-
]),
|
|
44
|
-
], template: "<div\n *ngIf=\"!hidden\"\n [@openClose]=\"{value: collapsed?'closed':'open'}\">\n <a [href]=\"href?href:'javascript:void(0)'\" [target]=\"target?target:''\">\n <fw-tooltip [title]=\"showTooltip ? tooltipText || title : ''\" position=\"right\" [fullWidth]=\"true\">\n <div\n [ngClass]=\"['navbar-sub-item', disabled?'disabled':'']\"\n [class.disabled]=\"disabled\">\n <div class=\"navbar-text\" *ngIf=\"title\">\n <h5>{{ title }}</h5>\n <p *ngIf=\"description\" class=\"vision-p4 description\">{{ description }}</p>\n </div>\n <div class=\"key-text vision-p2\">\n <ng-content select=\"p\"></ng-content>\n <ng-content select=\"fw-badge\"></ng-content>\n <ng-content select=\"fw-icon\"></ng-content>\n <ng-content select=\"fw-icon-button\"></ng-content>\n </div>\n </div>\n </fw-tooltip>\n </a>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column}:host a{text-decoration:none;color:var(--typography-base);outline:none;display:flex;flex:1;max-width:100%}:host h5{text-overflow:ellipsis}:host:hover .navbar-sub-item:not(.disabled),:host.focused:not(.selected) .navbar-sub-item:not(.disabled){background-color:var(--primary-hover);cursor:pointer}:host:hover .navbar-sub-item:not(.disabled) .navbar-icon,:host.focused:not(.selected) .navbar-sub-item:not(.disabled) .navbar-icon{color:var(--primary-base)}:host:hover .navbar-sub-item:not(.disabled) .navbar-text h5,:host.focused:not(.selected) .navbar-sub-item:not(.disabled) .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-sub-item{background-color:var(--primary-hover);cursor:pointer}:host.selected .navbar-sub-item .navbar-icon{color:var(--primary-base)}:host.selected .navbar-sub-item .navbar-text h5{color:var(--typography-base)}:host.selected .navbar-sub-item:before{position:absolute;content:\" \";height:16px;border-left:3px solid var(--primary-base);margin-left:-16px}:host.collapsed .navbar-sub-item{container-name:navbaritem;container-type:size}:host fw-tooltip{display:flex;flex-direction:row;flex:1;width:stretch}:host fw-tooltip .tooltip-trigger{display:flex;flex-direction:row;flex:1;width:stretch}:host .navbar-sub-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;flex:1;gap:8px;padding:8px 16px;border-radius:6px;margin:1px 4px;color:var(--typography-muted);height:30px;width:stretch;cursor:pointer}:host .navbar-sub-item .navbar-icon{font-size:18px;white-space:nowrap}:host .navbar-sub-item .navbar-text{flex:1;overflow:hidden;padding:2px 0 2px 26px}:host .navbar-sub-item .navbar-text h5{margin:0;color:var(--typography-muted);white-space:nowrap;overflow:hidden}:host .navbar-sub-item .navbar-text p{margin:0}:host .navbar-sub-item .navbar-text p.description{color:var(--typography-light)}:host .navbar-sub-item .key-text{display:flex;align-items:center;gap:8px;color:var(--typography-light)}:host .navbar-sub-item .key-text fw-icon-button{min-height:22px!important;min-width:22px!important}:host .navbar-sub-item.disabled{opacity:.4;cursor:not-allowed}@container navbaritem (max-width: 60px){.navbar-sub-item{gap:0}.navbar-sub-item .navbar-text{opacity:0}}\n"] }]
|
|
45
|
-
}], propDecorators: { value: [{
|
|
46
|
-
type: Input
|
|
47
|
-
}], title: [{
|
|
48
|
-
type: Input
|
|
49
|
-
}], description: [{
|
|
50
|
-
type: Input
|
|
51
|
-
}], icon: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}], disabled: [{
|
|
54
|
-
type: Input
|
|
55
|
-
}], hidden: [{
|
|
56
|
-
type: Input
|
|
57
|
-
}], tooltipText: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], showTooltip: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], href: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}], target: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], collapsed: [{
|
|
66
|
-
type: HostBinding,
|
|
67
|
-
args: ['class.collapsed']
|
|
68
|
-
}, {
|
|
69
|
-
type: Input
|
|
70
|
-
}], selected: [{
|
|
71
|
-
type: HostBinding,
|
|
72
|
-
args: ['class.selected']
|
|
73
|
-
}, {
|
|
74
|
-
type: Input
|
|
75
|
-
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLXN1Yi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmJhci9uYXZiYXItc3ViLWl0ZW0vbmF2YmFyLXN1Yi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmJhci9uYXZiYXItc3ViLWl0ZW0vbmF2YmFyLXN1Yi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBd0I5RCxNQUFNLE9BQU8sd0JBQXdCO0lBbkJyQztRQXlCVyxXQUFNLEdBQWEsS0FBSyxDQUFDO1FBRXpCLGdCQUFXLEdBQWEsS0FBSyxDQUFDO1FBSXZDLDREQUE0RDtRQUNwQixhQUFRLEdBQWEsS0FBSyxDQUFDO0tBQ3BFOytHQWRZLHdCQUF3QjttR0FBeEIsd0JBQXdCLGdhQ3pCckMsdTVCQXNCQSxxb0ZEWmM7WUFDVixPQUFPLENBQUMsV0FBVyxFQUFFO2dCQUNuQixNQUFNO2dCQUNOLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO29CQUNsQixNQUFNLEVBQUUsTUFBTTtpQkFDZixDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7Z0JBQ25CLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO29CQUNwQixNQUFNLEVBQUUsR0FBRztpQkFDWixDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7Z0JBQ25CLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtvQkFDNUIsT0FBTyxDQUFDLGtCQUFrQixDQUFDO2lCQUM1QixDQUFDO2FBQ0gsQ0FBQztTQUNIOzs0RkFFVSx3QkFBd0I7a0JBbkJwQyxTQUFTOytCQUNFLG9CQUFvQixjQUdsQjt3QkFDVixPQUFPLENBQUMsV0FBVyxFQUFFOzRCQUNuQixNQUFNOzRCQUNOLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2dDQUNsQixNQUFNLEVBQUUsTUFBTTs2QkFDZixDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7NEJBQ25CLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO2dDQUNwQixNQUFNLEVBQUUsR0FBRzs2QkFDWixDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7NEJBQ25CLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtnQ0FDNUIsT0FBTyxDQUFDLGtCQUFrQixDQUFDOzZCQUM1QixDQUFDO3lCQUNILENBQUM7cUJBQ0g7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDbUMsU0FBUztzQkFBakQsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUFHLEtBQUs7Z0JBRUUsUUFBUTtzQkFBL0MsV0FBVzt1QkFBQyxnQkFBZ0I7O3NCQUFHLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEljb25UeXBlIH0gZnJvbSAnLi4vLi4vaWNvbi9pY29uLnR5cGVzJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1uYXZiYXItc3ViLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2YmFyLXN1Yi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2YmFyLXN1Yi1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdvcGVuQ2xvc2UnLCBbXG4gICAgICAvLyAuLi5cbiAgICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoe1xuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH0pLCB7IHBhcmFtczoge30gfSksXG4gICAgICBzdGF0ZSgnY2xvc2VkJywgc3R5bGUoe1xuICAgICAgICBoZWlnaHQ6ICcwJyxcbiAgICAgIH0pLCB7IHBhcmFtczoge30gfSksXG4gICAgICB0cmFuc2l0aW9uKCdvcGVuIDw9PiBjbG9zZWQnLCBbXG4gICAgICAgIGFuaW1hdGUoJy4zM3MgZWFzZS1pbi1vdXQnKSxcbiAgICAgIF0pLFxuICAgIF0pLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGd05hdmJhclN1Ykl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSB2YWx1ZT86IHN0cmluZztcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBoaWRkZW4/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRvb2x0aXBUZXh0Pzogc3RyaW5nO1xuICBASW5wdXQoKSBzaG93VG9vbHRpcD86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaHJlZj86IHN0cmluZztcbiAgQElucHV0KCkgdGFyZ2V0Pzogc3RyaW5nO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvbGxhcHNlZCcpIEBJbnB1dCgpIGNvbGxhcHNlZD86IGJvb2xlYW47XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNlbGVjdGVkJykgQElucHV0KCkgc2VsZWN0ZWQ/OiBib29sZWFuID0gZmFsc2U7XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiIWhpZGRlblwiXG4gIFtAb3BlbkNsb3NlXT1cInt2YWx1ZTogY29sbGFwc2VkPydjbG9zZWQnOidvcGVuJ31cIj5cbiAgPGEgW2hyZWZdPVwiaHJlZj9ocmVmOidqYXZhc2NyaXB0OnZvaWQoMCknXCIgW3RhcmdldF09XCJ0YXJnZXQ/dGFyZ2V0OicnXCI+XG4gICAgPGZ3LXRvb2x0aXAgW3RpdGxlXT1cInNob3dUb29sdGlwID8gdG9vbHRpcFRleHQgfHwgdGl0bGUgOiAnJ1wiIHBvc2l0aW9uPVwicmlnaHRcIiBbZnVsbFdpZHRoXT1cInRydWVcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgW25nQ2xhc3NdPVwiWyduYXZiYXItc3ViLWl0ZW0nLCBkaXNhYmxlZD8nZGlzYWJsZWQnOicnXVwiXG4gICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibmF2YmFyLXRleHRcIiAqbmdJZj1cInRpdGxlXCI+XG4gICAgICAgICAgPGg1Pnt7IHRpdGxlIH19PC9oNT5cbiAgICAgICAgICA8cCAqbmdJZj1cImRlc2NyaXB0aW9uXCIgY2xhc3M9XCJ2aXNpb24tcDQgZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJrZXktdGV4dCB2aXNpb24tcDJcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJwXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWJhZGdlXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWljb25cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctaWNvbi1idXR0b25cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9mdy10b29sdGlwPlxuICA8L2E+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
-
import { Component, ContentChildren, HostBinding, Input, } from '@angular/core';
|
|
3
|
-
import { FwNavbarItemComponent } from './navbar-item/navbar-item.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class FwNavbarComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.width = '200px';
|
|
8
|
-
}
|
|
9
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
10
|
-
ngOnChanges(changes) {
|
|
11
|
-
this.updateLayout();
|
|
12
|
-
}
|
|
13
|
-
ngAfterViewInit() {
|
|
14
|
-
this.updateLayout();
|
|
15
|
-
}
|
|
16
|
-
updateLayout() {
|
|
17
|
-
if (this.menuItems) {
|
|
18
|
-
this.menuItems.forEach(item => {
|
|
19
|
-
if (this.collapsed !== undefined) {
|
|
20
|
-
item.collapsed = this.collapsed;
|
|
21
|
-
}
|
|
22
|
-
if (this.disabled !== undefined) {
|
|
23
|
-
item.disabled = this.disabled;
|
|
24
|
-
}
|
|
25
|
-
item.showTooltip = this.collapsed;
|
|
26
|
-
item.updateLayout();
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwNavbarComponent, selector: "fw-navbar", inputs: { disabled: "disabled", collapsed: "collapsed", width: "width" }, host: { properties: { "class.collapsed": "this.collapsed" } }, queries: [{ propertyName: "menuItems", predicate: FwNavbarItemComponent }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"navbar\"\n [@openClose]=\"{value: collapsed?'closed':'open', params: {openWidth: width || 'inherit'}}\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;max-height:100%;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:var(--typography-light) var(--slate-hover)}:host .navbar{background-color:var(--card-header)}:host.collapsed{scrollbar-width:none}\n"], animations: [
|
|
32
|
-
trigger('openClose', [
|
|
33
|
-
// ...
|
|
34
|
-
state('open', style({
|
|
35
|
-
width: '{{openWidth}}',
|
|
36
|
-
}), { params: { openWidth: '200px' } }),
|
|
37
|
-
state('closed', style({
|
|
38
|
-
width: '60px',
|
|
39
|
-
})),
|
|
40
|
-
transition('open <=> closed', [
|
|
41
|
-
animate('.33s ease-in-out'),
|
|
42
|
-
]),
|
|
43
|
-
]),
|
|
44
|
-
] }); }
|
|
45
|
-
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwNavbarComponent, decorators: [{
|
|
47
|
-
type: Component,
|
|
48
|
-
args: [{ selector: 'fw-navbar', animations: [
|
|
49
|
-
trigger('openClose', [
|
|
50
|
-
// ...
|
|
51
|
-
state('open', style({
|
|
52
|
-
width: '{{openWidth}}',
|
|
53
|
-
}), { params: { openWidth: '200px' } }),
|
|
54
|
-
state('closed', style({
|
|
55
|
-
width: '60px',
|
|
56
|
-
})),
|
|
57
|
-
transition('open <=> closed', [
|
|
58
|
-
animate('.33s ease-in-out'),
|
|
59
|
-
]),
|
|
60
|
-
]),
|
|
61
|
-
], template: "<div\n class=\"navbar\"\n [@openClose]=\"{value: collapsed?'closed':'open', params: {openWidth: width || 'inherit'}}\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;max-height:100%;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:var(--typography-light) var(--slate-hover)}:host .navbar{background-color:var(--card-header)}:host.collapsed{scrollbar-width:none}\n"] }]
|
|
62
|
-
}], propDecorators: { disabled: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], collapsed: [{
|
|
65
|
-
type: HostBinding,
|
|
66
|
-
args: ['class.collapsed']
|
|
67
|
-
}, {
|
|
68
|
-
type: Input
|
|
69
|
-
}], width: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], menuItems: [{
|
|
72
|
-
type: ContentChildren,
|
|
73
|
-
args: [FwNavbarItemComponent]
|
|
74
|
-
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdmJhci9uYXZiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2YmFyL25hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFFTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLFdBQVcsRUFDWCxLQUFLLEdBSU4sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBcUI1RSxNQUFNLE9BQU8saUJBQWlCO0lBbkI5QjtRQXNCVyxVQUFLLEdBQVcsT0FBTyxDQUFDO0tBMEJsQztJQXZCQyw2REFBNkQ7SUFDN0QsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUM1QixJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssU0FBUyxFQUFFLENBQUM7b0JBQ2pDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDbEMsQ0FBQztnQkFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssU0FBUyxFQUFFLENBQUM7b0JBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztnQkFDaEMsQ0FBQztnQkFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOytHQTVCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixvTkFJWCxxQkFBcUIsa0RDckN4QyxrS0FLQSxtUkRhYztZQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7Z0JBQ25CLE1BQU07Z0JBQ04sS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7b0JBQ2xCLEtBQUssRUFBRSxlQUFlO2lCQUN2QixDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQztnQkFDdkMsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7b0JBQ3BCLEtBQUssRUFBRSxNQUFNO2lCQUNkLENBQUMsQ0FBQztnQkFDSCxVQUFVLENBQUMsaUJBQWlCLEVBQUU7b0JBQzVCLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQztpQkFDNUIsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsaUJBQWlCO2tCQW5CN0IsU0FBUzsrQkFDRSxXQUFXLGNBR1Q7d0JBQ1YsT0FBTyxDQUFDLFdBQVcsRUFBRTs0QkFDbkIsTUFBTTs0QkFDTixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQ0FDbEIsS0FBSyxFQUFFLGVBQWU7NkJBQ3ZCLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDOzRCQUN2QyxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQztnQ0FDcEIsS0FBSyxFQUFFLE1BQU07NkJBQ2QsQ0FBQyxDQUFDOzRCQUNILFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtnQ0FDNUIsT0FBTyxDQUFDLGtCQUFrQixDQUFDOzZCQUM1QixDQUFDO3lCQUNILENBQUM7cUJBQ0g7OEJBR1EsUUFBUTtzQkFBaEIsS0FBSztnQkFDbUMsU0FBUztzQkFBakQsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUFHLEtBQUs7Z0JBQzdCLEtBQUs7c0JBQWIsS0FBSztnQkFDa0MsU0FBUztzQkFBaEQsZUFBZTt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgUXVlcnlMaXN0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRndOYXZiYXJJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9uYXZiYXItaXRlbS9uYXZiYXItaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1uYXZiYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2YmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2YmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdvcGVuQ2xvc2UnLCBbXG4gICAgICAvLyAuLi5cbiAgICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoe1xuICAgICAgICB3aWR0aDogJ3t7b3BlbldpZHRofX0nLFxuICAgICAgfSksIHsgcGFyYW1zOiB7IG9wZW5XaWR0aDogJzIwMHB4JyB9IH0pLFxuICAgICAgc3RhdGUoJ2Nsb3NlZCcsIHN0eWxlKHtcbiAgICAgICAgd2lkdGg6ICc2MHB4JyxcbiAgICAgIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ29wZW4gPD0+IGNsb3NlZCcsIFtcbiAgICAgICAgYW5pbWF0ZSgnLjMzcyBlYXNlLWluLW91dCcpLFxuICAgICAgXSksXG4gICAgXSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3TmF2YmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgZGlzYWJsZWQ7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuY29sbGFwc2VkJykgQElucHV0KCkgY29sbGFwc2VkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyA9ICcyMDBweCc7XG4gIEBDb250ZW50Q2hpbGRyZW4oRndOYXZiYXJJdGVtQ29tcG9uZW50KSBtZW51SXRlbXM6IFF1ZXJ5TGlzdDxGd05hdmJhckl0ZW1Db21wb25lbnQ+O1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnNcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIHRoaXMudXBkYXRlTGF5b3V0KCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVMYXlvdXQoKTtcbiAgfVxuXG4gIHVwZGF0ZUxheW91dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5tZW51SXRlbXMpIHtcbiAgICAgIHRoaXMubWVudUl0ZW1zLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICAgIGlmICh0aGlzLmNvbGxhcHNlZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgaXRlbS5jb2xsYXBzZWQgPSB0aGlzLmNvbGxhcHNlZDtcbiAgICAgICAgfVxuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgaXRlbS5kaXNhYmxlZCA9IHRoaXMuZGlzYWJsZWQ7XG4gICAgICAgIH1cbiAgICAgICAgaXRlbS5zaG93VG9vbHRpcCA9IHRoaXMuY29sbGFwc2VkO1xuICAgICAgICBpdGVtLnVwZGF0ZUxheW91dCgpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwibmF2YmFyXCJcbiAgW0BvcGVuQ2xvc2VdPVwie3ZhbHVlOiBjb2xsYXBzZWQ/J2Nsb3NlZCc6J29wZW4nLCBwYXJhbXM6IHtvcGVuV2lkdGg6IHdpZHRoIHx8ICdpbmhlcml0J319XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|