@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,57 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { FwAvatarModule } from '../avatar/avatar.module';
|
|
4
|
-
import { FwIconModule } from '../icon/icon.module';
|
|
5
|
-
import { FwCardComponent } from './card.component';
|
|
6
|
-
import { FwCardAttributeComponent } from './card-attribute/card-attribute.component';
|
|
7
|
-
import { FwCardAuthorComponent } from './card-author/card-author.component';
|
|
8
|
-
import { FwCardContentComponent } from './card-content/card-content.component';
|
|
9
|
-
import { FwCardFooterComponent } from './card-footer/card-footer.component';
|
|
10
|
-
import { FwCardHeaderComponent } from './card-header/card-header.component';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
export class FwCardModule {
|
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwCardModule, declarations: [FwCardHeaderComponent,
|
|
15
|
-
FwCardAuthorComponent,
|
|
16
|
-
FwCardContentComponent,
|
|
17
|
-
FwCardAttributeComponent,
|
|
18
|
-
FwCardFooterComponent,
|
|
19
|
-
FwCardComponent], imports: [CommonModule,
|
|
20
|
-
FwIconModule,
|
|
21
|
-
FwAvatarModule], exports: [FwCardHeaderComponent,
|
|
22
|
-
FwCardAuthorComponent,
|
|
23
|
-
FwCardContentComponent,
|
|
24
|
-
FwCardAttributeComponent,
|
|
25
|
-
FwCardFooterComponent,
|
|
26
|
-
FwCardComponent] }); }
|
|
27
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwCardModule, imports: [CommonModule,
|
|
28
|
-
FwIconModule,
|
|
29
|
-
FwAvatarModule] }); }
|
|
30
|
-
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwCardModule, decorators: [{
|
|
32
|
-
type: NgModule,
|
|
33
|
-
args: [{
|
|
34
|
-
imports: [
|
|
35
|
-
CommonModule,
|
|
36
|
-
FwIconModule,
|
|
37
|
-
FwAvatarModule,
|
|
38
|
-
],
|
|
39
|
-
exports: [
|
|
40
|
-
FwCardHeaderComponent,
|
|
41
|
-
FwCardAuthorComponent,
|
|
42
|
-
FwCardContentComponent,
|
|
43
|
-
FwCardAttributeComponent,
|
|
44
|
-
FwCardFooterComponent,
|
|
45
|
-
FwCardComponent, // needs to be declared in order of usage
|
|
46
|
-
],
|
|
47
|
-
declarations: [
|
|
48
|
-
FwCardHeaderComponent,
|
|
49
|
-
FwCardAuthorComponent,
|
|
50
|
-
FwCardContentComponent,
|
|
51
|
-
FwCardAttributeComponent,
|
|
52
|
-
FwCardFooterComponent,
|
|
53
|
-
FwCardComponent, // needs to be declared in order of usage
|
|
54
|
-
],
|
|
55
|
-
}]
|
|
56
|
-
}] });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztBQXlCNUUsTUFBTSxPQUFPLFlBQVk7K0dBQVosWUFBWTtnSEFBWixZQUFZLGlCQVJyQixxQkFBcUI7WUFDckIscUJBQXFCO1lBQ3JCLHNCQUFzQjtZQUN0Qix3QkFBd0I7WUFDeEIscUJBQXFCO1lBQ3JCLGVBQWUsYUFsQmYsWUFBWTtZQUNaLFlBQVk7WUFDWixjQUFjLGFBR2QscUJBQXFCO1lBQ3JCLHFCQUFxQjtZQUNyQixzQkFBc0I7WUFDdEIsd0JBQXdCO1lBQ3hCLHFCQUFxQjtZQUNyQixlQUFlO2dIQVdOLFlBQVksWUFyQnJCLFlBQVk7WUFDWixZQUFZO1lBQ1osY0FBYzs7NEZBbUJMLFlBQVk7a0JBdkJ4QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3dCQUNyQixxQkFBcUI7d0JBQ3JCLHNCQUFzQjt3QkFDdEIsd0JBQXdCO3dCQUN4QixxQkFBcUI7d0JBQ3JCLGVBQWUsRUFBRSx5Q0FBeUM7cUJBQzNEO29CQUNELFlBQVksRUFBRTt3QkFDWixxQkFBcUI7d0JBQ3JCLHFCQUFxQjt3QkFDckIsc0JBQXNCO3dCQUN0Qix3QkFBd0I7d0JBQ3hCLHFCQUFxQjt3QkFDckIsZUFBZSxFQUFFLHlDQUF5QztxQkFDM0Q7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRndBdmF0YXJNb2R1bGUgfSBmcm9tICcuLi9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZ3Q2FyZENvbXBvbmVudCB9IGZyb20gJy4vY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkQXR0cmlidXRlQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWF0dHJpYnV0ZS9jYXJkLWF0dHJpYnV0ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkQXV0aG9yQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWF1dGhvci9jYXJkLWF1dGhvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4vY2FyZC1jb250ZW50L2NhcmQtY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkRm9vdGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWZvb3Rlci9jYXJkLWZvb3Rlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndDYXJkSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWhlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZ3SWNvbk1vZHVsZSxcbiAgICBGd0F2YXRhck1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZ3Q2FyZEhlYWRlckNvbXBvbmVudCxcbiAgICBGd0NhcmRBdXRob3JDb21wb25lbnQsXG4gICAgRndDYXJkQ29udGVudENvbXBvbmVudCxcbiAgICBGd0NhcmRBdHRyaWJ1dGVDb21wb25lbnQsXG4gICAgRndDYXJkRm9vdGVyQ29tcG9uZW50LFxuICAgIEZ3Q2FyZENvbXBvbmVudCwgLy8gbmVlZHMgdG8gYmUgZGVjbGFyZWQgaW4gb3JkZXIgb2YgdXNhZ2VcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndDYXJkSGVhZGVyQ29tcG9uZW50LFxuICAgIEZ3Q2FyZEF1dGhvckNvbXBvbmVudCxcbiAgICBGd0NhcmRDb250ZW50Q29tcG9uZW50LFxuICAgIEZ3Q2FyZEF0dHJpYnV0ZUNvbXBvbmVudCxcbiAgICBGd0NhcmRGb290ZXJDb21wb25lbnQsXG4gICAgRndDYXJkQ29tcG9uZW50LCAvLyBuZWVkcyB0byBiZSBkZWNsYXJlZCBpbiBvcmRlciBvZiB1c2FnZVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NhcmRNb2R1bGUge1xufVxuIl19
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class FwCheckboxComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.disabled = false;
|
|
8
|
-
this.size = 'medium';
|
|
9
|
-
this.color = 'primary';
|
|
10
|
-
this.focused = false;
|
|
11
|
-
// eslint-disable-next-line @angular-eslint/no-output-native
|
|
12
|
-
this.change = new EventEmitter();
|
|
13
|
-
this.onTouched = () => {
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
get checkboxStyles() {
|
|
17
|
-
return [
|
|
18
|
-
'fw-checkbox',
|
|
19
|
-
this.color,
|
|
20
|
-
this.size,
|
|
21
|
-
this.focused ? 'focused' : '',
|
|
22
|
-
this.checked === undefined ? 'indeterminate' : '',
|
|
23
|
-
this.disabled ? 'disabled' : '',
|
|
24
|
-
];
|
|
25
|
-
}
|
|
26
|
-
registerOnChange(fn) {
|
|
27
|
-
this.onChange = fn;
|
|
28
|
-
}
|
|
29
|
-
registerOnTouched(fn) {
|
|
30
|
-
this.onTouched = fn;
|
|
31
|
-
}
|
|
32
|
-
setDisabledState(isDisabled) {
|
|
33
|
-
this.disabled = isDisabled;
|
|
34
|
-
}
|
|
35
|
-
writeValue(checked) {
|
|
36
|
-
this.checked = checked;
|
|
37
|
-
}
|
|
38
|
-
handleClick() {
|
|
39
|
-
this.onTouched();
|
|
40
|
-
if (!this.disabled) {
|
|
41
|
-
this.checked = !this.checked;
|
|
42
|
-
if (this.onChange) {
|
|
43
|
-
this.onChange(this.checked);
|
|
44
|
-
}
|
|
45
|
-
this.change.emit(this.checked);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwCheckboxComponent, selector: "fw-checkbox", inputs: { name: "name", disabled: "disabled", size: "size", color: "color", title: "title", focused: "focused", checked: "checked" }, outputs: { change: "change" }, providers: [{
|
|
50
|
-
provide: NG_VALUE_ACCESSOR,
|
|
51
|
-
useExisting: FwCheckboxComponent,
|
|
52
|
-
multi: true,
|
|
53
|
-
}], ngImport: i0, template: "<div class=\"checkbox-wrapper\" (click)=\"handleClick()\" [ngClass]=\"disabled?'disabled':''\">\n <div [ngClass]=\"checkboxStyles\">\n <input\n type=\"checkbox\"\n class=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n (focusout)=\"focused=false\"\n (focusin)=\"focused=true\"\n />\n </div>\n <p class=\"vision-p2\">{{ title }}\n <ng-content></ng-content>\n </p>\n</div>\n", styles: [".checkbox-wrapper{display:flex;align-items:center;width:fit-content;cursor:pointer}.checkbox-wrapper p{margin:0 0 0 2px}.checkbox-wrapper p:empty{display:none}.checkbox-wrapper .compact{width:30px;height:30px}.checkbox-wrapper .compact .checkbox{height:15px;width:15px}.checkbox-wrapper .medium{width:36px;height:36px}.checkbox-wrapper .medium .checkbox{height:18px;width:18px}.checkbox-wrapper .medium .checkbox:after{font-size:18px}.checkbox-wrapper .fw-checkbox{display:flex;align-items:center;justify-content:center;border-radius:21px}.checkbox-wrapper .fw-checkbox .checkbox{position:relative;display:flex;align-items:center;justify-content:center;appearance:none;border:2px solid var(--typography-light);border-radius:1.5px;cursor:pointer;margin:0}.checkbox-wrapper .fw-checkbox .checkbox:after{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;content:\" \";display:none}.checkbox-wrapper .fw-checkbox .checkbox:checked:after{background-image:url(\"data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11L0 5.99996L1.41 4.58996L5 8.16996L12.59 0.579956L14 1.99996L5 11Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/svg%3E%0A\");display:block}.checkbox-wrapper .fw-checkbox.primary:hover{background:var(--primary-hover)}.checkbox-wrapper .fw-checkbox.primary .checkbox:checked{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .fw-checkbox.primary .checkbox:focus{outline:none;border:2px solid var(--primary-base)}.checkbox-wrapper .fw-checkbox.primary.indeterminate .checkbox{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .fw-checkbox.primary.focused{background:var(--primary-focus)}.checkbox-wrapper .fw-checkbox.primary.focused .checkbox{border:2px solid var(--primary-base)}.checkbox-wrapper .fw-checkbox.secondary:hover{background:var(--secondary-hover)}.checkbox-wrapper .fw-checkbox.secondary .checkbox:checked{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .fw-checkbox.secondary .checkbox:focus{outline:none;border:2px solid var(--secondary-base)}.checkbox-wrapper .fw-checkbox.secondary.indeterminate .checkbox{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .fw-checkbox.secondary.focused{background:var(--secondary-focus)}.checkbox-wrapper .fw-checkbox.secondary.focused .checkbox{border:2px solid var(--secondary-base)}.checkbox-wrapper .fw-checkbox.indeterminate .checkbox:after{background-image:url(\"data:image/svg+xml,%3Csvg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: white;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M984.615385 541.538462c0 15.753846-13.784615 29.538462-29.538462 29.538461h-886.153846c-15.753846 0-29.538462-13.784615-29.538462-29.538461v-59.076924c0-15.753846 13.784615-29.538462 29.538462-29.538461h886.153846c15.753846 0 29.538462 13.784615 29.538462 29.538461v59.076924z' /%3E%3C/svg%3E\");display:block}.checkbox-wrapper .fw-checkbox.indeterminate .compact .checkbox:after{font-size:17px}.checkbox-wrapper .fw-checkbox.indeterminate .medium .checkbox:after{font-size:22px}.checkbox-wrapper.disabled{cursor:not-allowed;opacity:.4}.checkbox-wrapper.disabled .fw-checkbox:hover{background:none}.checkbox-wrapper.disabled .fw-checkbox .checkbox{border:2px solid var(--typography-light)}.checkbox-wrapper.disabled .fw-checkbox .checkbox:checked{background-color:var(--typography-light);border:2px solid var(--typography-light)}.checkbox-wrapper.disabled .fw-checkbox.indeterminate .checkbox{background-color:var(--typography-light);border-color:var(--typography-light)}.checkbox-wrapper.disabled p{color:var(--typography-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
54
|
-
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwCheckboxComponent, decorators: [{
|
|
56
|
-
type: Component,
|
|
57
|
-
args: [{ selector: 'fw-checkbox', providers: [{
|
|
58
|
-
provide: NG_VALUE_ACCESSOR,
|
|
59
|
-
useExisting: FwCheckboxComponent,
|
|
60
|
-
multi: true,
|
|
61
|
-
}], template: "<div class=\"checkbox-wrapper\" (click)=\"handleClick()\" [ngClass]=\"disabled?'disabled':''\">\n <div [ngClass]=\"checkboxStyles\">\n <input\n type=\"checkbox\"\n class=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [name]=\"name\"\n (focusout)=\"focused=false\"\n (focusin)=\"focused=true\"\n />\n </div>\n <p class=\"vision-p2\">{{ title }}\n <ng-content></ng-content>\n </p>\n</div>\n", styles: [".checkbox-wrapper{display:flex;align-items:center;width:fit-content;cursor:pointer}.checkbox-wrapper p{margin:0 0 0 2px}.checkbox-wrapper p:empty{display:none}.checkbox-wrapper .compact{width:30px;height:30px}.checkbox-wrapper .compact .checkbox{height:15px;width:15px}.checkbox-wrapper .medium{width:36px;height:36px}.checkbox-wrapper .medium .checkbox{height:18px;width:18px}.checkbox-wrapper .medium .checkbox:after{font-size:18px}.checkbox-wrapper .fw-checkbox{display:flex;align-items:center;justify-content:center;border-radius:21px}.checkbox-wrapper .fw-checkbox .checkbox{position:relative;display:flex;align-items:center;justify-content:center;appearance:none;border:2px solid var(--typography-light);border-radius:1.5px;cursor:pointer;margin:0}.checkbox-wrapper .fw-checkbox .checkbox:after{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;content:\" \";display:none}.checkbox-wrapper .fw-checkbox .checkbox:checked:after{background-image:url(\"data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11L0 5.99996L1.41 4.58996L5 8.16996L12.59 0.579956L14 1.99996L5 11Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/svg%3E%0A\");display:block}.checkbox-wrapper .fw-checkbox.primary:hover{background:var(--primary-hover)}.checkbox-wrapper .fw-checkbox.primary .checkbox:checked{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .fw-checkbox.primary .checkbox:focus{outline:none;border:2px solid var(--primary-base)}.checkbox-wrapper .fw-checkbox.primary.indeterminate .checkbox{background-color:var(--primary-base);border-color:var(--primary-base)}.checkbox-wrapper .fw-checkbox.primary.focused{background:var(--primary-focus)}.checkbox-wrapper .fw-checkbox.primary.focused .checkbox{border:2px solid var(--primary-base)}.checkbox-wrapper .fw-checkbox.secondary:hover{background:var(--secondary-hover)}.checkbox-wrapper .fw-checkbox.secondary .checkbox:checked{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .fw-checkbox.secondary .checkbox:focus{outline:none;border:2px solid var(--secondary-base)}.checkbox-wrapper .fw-checkbox.secondary.indeterminate .checkbox{background-color:var(--secondary-base);border-color:var(--secondary-base)}.checkbox-wrapper .fw-checkbox.secondary.focused{background:var(--secondary-focus)}.checkbox-wrapper .fw-checkbox.secondary.focused .checkbox{border:2px solid var(--secondary-base)}.checkbox-wrapper .fw-checkbox.indeterminate .checkbox:after{background-image:url(\"data:image/svg+xml,%3Csvg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: white;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M984.615385 541.538462c0 15.753846-13.784615 29.538462-29.538462 29.538461h-886.153846c-15.753846 0-29.538462-13.784615-29.538462-29.538461v-59.076924c0-15.753846 13.784615-29.538462 29.538462-29.538461h886.153846c15.753846 0 29.538462 13.784615 29.538462 29.538461v59.076924z' /%3E%3C/svg%3E\");display:block}.checkbox-wrapper .fw-checkbox.indeterminate .compact .checkbox:after{font-size:17px}.checkbox-wrapper .fw-checkbox.indeterminate .medium .checkbox:after{font-size:22px}.checkbox-wrapper.disabled{cursor:not-allowed;opacity:.4}.checkbox-wrapper.disabled .fw-checkbox:hover{background:none}.checkbox-wrapper.disabled .fw-checkbox .checkbox{border:2px solid var(--typography-light)}.checkbox-wrapper.disabled .fw-checkbox .checkbox:checked{background-color:var(--typography-light);border:2px solid var(--typography-light)}.checkbox-wrapper.disabled .fw-checkbox.indeterminate .checkbox{background-color:var(--typography-light);border-color:var(--typography-light)}.checkbox-wrapper.disabled p{color:var(--typography-light)}\n"] }]
|
|
62
|
-
}], propDecorators: { name: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], disabled: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], size: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], color: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], title: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], focused: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], checked: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], change: [{
|
|
77
|
-
type: Output
|
|
78
|
-
}] } });
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVl6RSxNQUFNLE9BQU8sbUJBQW1CO0lBVmhDO1FBWVcsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixTQUFJLEdBQXlCLFFBQVEsQ0FBQztRQUN0QyxVQUFLLEdBQTRCLFNBQVMsQ0FBQztRQUUzQyxZQUFPLEdBQVksS0FBSyxDQUFDO1FBZWxDLDREQUE0RDtRQUNsRCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUcvQyxjQUFTLEdBQUcsR0FBUyxFQUFFO1FBQ3ZCLENBQUMsQ0FBQztLQTRCSDtJQTlDQyxJQUFJLGNBQWM7UUFDaEIsT0FBTztZQUNMLGFBQWE7WUFDYixJQUFJLENBQUMsS0FBSztZQUNWLElBQUksQ0FBQyxJQUFJO1lBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzdCLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ2hDLENBQUM7SUFDSixDQUFDO0lBV0QsZ0JBQWdCLENBQUMsRUFBNEI7UUFDM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxVQUFVLENBQUMsT0FBZ0I7UUFDekIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztZQUM3QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztnQkFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDOUIsQ0FBQztZQUNELElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQzsrR0FyRFUsbUJBQW1CO21HQUFuQixtQkFBbUIsMk1BTm5CLENBQUM7Z0JBQ1YsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLG1CQUFtQjtnQkFDaEMsS0FBSyxFQUFFLElBQUk7YUFDWixDQUFDLDBCQ1hKLHdjQWdCQTs7NEZESGEsbUJBQW1CO2tCQVYvQixTQUFTOytCQUNFLGFBQWEsYUFHWixDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcscUJBQXFCOzRCQUNoQyxLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDOzhCQUdPLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFhRyxPQUFPO3NCQUFmLEtBQUs7Z0JBR0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctY2hlY2tib3gnLFxuICBzdHlsZVVybHM6IFsnLi9jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IEZ3Q2hlY2tib3hDb21wb25lbnQsXG4gICAgbXVsdGk6IHRydWUsXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASW5wdXQoKSBuYW1lPzogc3RyaW5nO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzaXplOiAnbWVkaXVtJyB8ICdjb21wYWN0JyA9ICdtZWRpdW0nO1xuICBASW5wdXQoKSBjb2xvcjogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBnZXQgY2hlY2tib3hTdHlsZXMoKTogc3RyaW5nW10ge1xuICAgIHJldHVybiBbXG4gICAgICAnZnctY2hlY2tib3gnLFxuICAgICAgdGhpcy5jb2xvcixcbiAgICAgIHRoaXMuc2l6ZSxcbiAgICAgIHRoaXMuZm9jdXNlZCA/ICdmb2N1c2VkJyA6ICcnLFxuICAgICAgdGhpcy5jaGVja2VkID09PSB1bmRlZmluZWQgPyAnaW5kZXRlcm1pbmF0ZScgOiAnJyxcbiAgICAgIHRoaXMuZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJycsXG4gICAgXTtcbiAgfVxuXG4gIEBJbnB1dCgpIGNoZWNrZWQ/OiBib29sZWFuO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICBAT3V0cHV0KCkgY2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIG9uQ2hhbmdlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHdyaXRlVmFsdWUoY2hlY2tlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuY2hlY2tlZCA9IGNoZWNrZWQ7XG4gIH1cblxuICBoYW5kbGVDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5jaGVja2VkID0gIXRoaXMuY2hlY2tlZDtcbiAgICAgIGlmICh0aGlzLm9uQ2hhbmdlKSB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UodGhpcy5jaGVja2VkKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuY2hhbmdlLmVtaXQodGhpcy5jaGVja2VkKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjaGVja2JveC13cmFwcGVyXCIgKGNsaWNrKT1cImhhbmRsZUNsaWNrKClcIiBbbmdDbGFzc109XCJkaXNhYmxlZD8nZGlzYWJsZWQnOicnXCI+XG4gIDxkaXYgW25nQ2xhc3NdPVwiY2hlY2tib3hTdHlsZXNcIj5cbiAgICA8aW5wdXRcbiAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICBjbGFzcz1cImNoZWNrYm94XCJcbiAgICAgIFtjaGVja2VkXT1cImNoZWNrZWRcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtuYW1lXT1cIm5hbWVcIlxuICAgICAgKGZvY3Vzb3V0KT1cImZvY3VzZWQ9ZmFsc2VcIlxuICAgICAgKGZvY3VzaW4pPVwiZm9jdXNlZD10cnVlXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPHAgY2xhc3M9XCJ2aXNpb24tcDJcIj57eyB0aXRsZSB9fVxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9wPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
-
import { FwCheckboxComponent } from './checkbox.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class FwCheckboxModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwCheckboxModule, declarations: [FwCheckboxComponent], imports: [CommonModule,
|
|
9
|
-
ReactiveFormsModule,
|
|
10
|
-
FormsModule], exports: [FwCheckboxComponent] }); }
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwCheckboxModule, imports: [CommonModule,
|
|
12
|
-
ReactiveFormsModule,
|
|
13
|
-
FormsModule] }); }
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwCheckboxModule, decorators: [{
|
|
16
|
-
type: NgModule,
|
|
17
|
-
args: [{
|
|
18
|
-
imports: [
|
|
19
|
-
CommonModule,
|
|
20
|
-
ReactiveFormsModule,
|
|
21
|
-
FormsModule,
|
|
22
|
-
],
|
|
23
|
-
exports: [
|
|
24
|
-
FwCheckboxComponent,
|
|
25
|
-
],
|
|
26
|
-
declarations: [
|
|
27
|
-
FwCheckboxComponent,
|
|
28
|
-
],
|
|
29
|
-
}]
|
|
30
|
-
}] });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFlM0QsTUFBTSxPQUFPLGdCQUFnQjsrR0FBaEIsZ0JBQWdCO2dIQUFoQixnQkFBZ0IsaUJBSHpCLG1CQUFtQixhQVJuQixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLFdBQVcsYUFHWCxtQkFBbUI7Z0hBTVYsZ0JBQWdCLFlBWHpCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsV0FBVzs7NEZBU0YsZ0JBQWdCO2tCQWI1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsV0FBVztxQkFDWjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsbUJBQW1CO3FCQUNwQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osbUJBQW1CO3FCQUNwQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IEZ3Q2hlY2tib3hDb21wb25lbnQgfSBmcm9tICcuL2NoZWNrYm94LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEZ3Q2hlY2tib3hDb21wb25lbnQsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEZ3Q2hlY2tib3hDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3Q2hlY2tib3hNb2R1bGUge1xufVxuIl19
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../icon/icon.component";
|
|
5
|
-
export class FwChipComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.variant = 'enabled';
|
|
8
|
-
this.color = 'slate';
|
|
9
|
-
this.textWrap = true;
|
|
10
|
-
this.selectable = true;
|
|
11
|
-
// eslint-disable-next-line @angular-eslint/no-output-native
|
|
12
|
-
this.close = new EventEmitter();
|
|
13
|
-
// eslint-disable-next-line @angular-eslint/no-output-native
|
|
14
|
-
this.select = new EventEmitter();
|
|
15
|
-
}
|
|
16
|
-
handleClose(event) {
|
|
17
|
-
event.stopPropagation();
|
|
18
|
-
if (this.close) {
|
|
19
|
-
this.close.emit();
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FwChipComponent, selector: "fw-chip", inputs: { value: "value", variant: "variant", color: "color", icon: "icon", title: "title", description: "description", showClose: "showClose", disabled: "disabled", selected: "selected", textWrap: "textWrap", selectable: "selectable" }, outputs: { close: "close", select: "select" }, ngImport: i0, template: "<div\n [ngClass]=\"['chip', variant, 'chip-'+color]\" [class.disabled]=\"disabled\" [class.focused]=\"selected\"\n [class.selectable]=\"selectable\" (click)=\"selectable ? select.emit(value) : undefined\">\n\n @if (icon) {\n <fw-icon class=\"chip-icon\">{{ icon }}</fw-icon>\n }\n\n <ng-content select=\"fw-avatar\"></ng-content>\n <ng-content select=\"fw-progress-spinner\"></ng-content>\n @if (title) {\n <div class=\"chip-text-container\">\n <span [class.text-wrap]=\"!textWrap\" class=\"chip-text\">{{ title }}</span>\n\n @if (description) {\n <span class=\"description\">{{ description }}</span>\n }\n </div>\n }\n\n @if (showClose) {\n <div class=\"close-icon\" (click)=\"handleClose($event)\">\n <fw-icon>close</fw-icon>\n </div>\n }\n</div>\n", styles: [":host{min-height:24px;display:inline-flex}.chip{box-sizing:border-box;border-radius:16px;padding:2px 4px;display:inline-flex;min-height:24px;align-items:center;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:16px;width:100%;max-width:180px}.chip .chip-icon{align-items:flex-start;font-size:16px;min-width:16px;width:16px}.chip-text{overflow:hidden;text-overflow:ellipsis}.chip-text.text-wrap{white-space:nowrap}.chip-text-container{display:flex;align-items:center;margin:0 6px;min-height:16px;white-space:wrap;width:100%;overflow:hidden}.chip-text-container .description{margin-left:4px;font-weight:400;color:var(--typography-light)}.chip .close-icon{font-size:12px;font-weight:700;cursor:pointer;border-width:1px;border-style:solid;border-radius:16px;min-width:12px;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.chip .close-icon:hover{color:var(--typography-contrast);border-radius:16px}.chip .close-icon>fw-icon{font-size:12px;min-width:12px;width:12px;height:12px}.chip:not(.selectable){cursor:default}.chip.selectable{cursor:pointer}.chip.enabled.chip-slate{color:var(--slate-base);border:1px solid var(--slate-border)}.chip.enabled.chip-slate .close-icon:hover{background-color:var(--slate-base)}.chip.enabled.chip-primary{color:var(--primary-base);border:1px solid var(--primary-border)}.chip.enabled.chip-primary .close-icon{border-color:var(--primary-base)}.chip.enabled.chip-primary .close-icon:hover{background-color:var(--primary-base)}.chip.enabled.chip-secondary{color:var(--secondary-base);border:1px solid var(--secondary-border)}.chip.enabled.chip-secondary .close-icon{border-color:var(--secondary-base)}.chip.enabled.chip-secondary .close-icon:hover{background-color:var(--secondary-base)}.chip.enabled.chip-orange{color:var(--orange-base);border:1px solid var(--orange-border)}.chip.enabled.chip-orange .close-icon{border-color:var(--orange-base)}.chip.enabled.chip-orange .close-icon:hover{background-color:var(--orange-base)}.chip.enabled.chip-green{color:var(--green-base);border:1px solid var(--green-border)}.chip.enabled.chip-green .close-icon{border-color:var(--green-base)}.chip.enabled.chip-green .close-icon:hover{background-color:var(--green-base)}.chip.enabled.chip-red{color:var(--red-base);border:1px solid var(--red-border)}.chip.enabled.chip-red .close-icon{border-color:var(--red-base)}.chip.enabled.chip-red .close-icon:hover{background-color:var(--red-base)}.chip.hovered.chip-slate,.chip.selectable:not(.focused):hover.chip-slate{color:var(--slate-base)!important;background-color:var(--slate-hover);border:1px solid var(--slate-border)}.chip.hovered.chip-slate .close-icon:hover,.chip.selectable:not(.focused):hover.chip-slate .close-icon:hover{background-color:var(--slate-base)}.chip.hovered.chip-primary,.chip.selectable:not(.focused):hover.chip-primary{color:var(--primary-base)!important;background-color:var(--primary-hover);border:1px solid var(--primary-border)}.chip.hovered.chip-primary .close-icon,.chip.selectable:not(.focused):hover.chip-primary .close-icon{border-color:var(--primary-base)}.chip.hovered.chip-primary .close-icon:hover,.chip.selectable:not(.focused):hover.chip-primary .close-icon:hover{background-color:var(--primary-base)}.chip.hovered.chip-secondary,.chip.selectable:not(.focused):hover.chip-secondary{color:var(--secondary-base)!important;background-color:var(--secondary-hover);border:1px solid var(--secondary-border)}.chip.hovered.chip-secondary .close-icon,.chip.selectable:not(.focused):hover.chip-secondary .close-icon{border-color:var(--secondary-base)}.chip.hovered.chip-secondary .close-icon:hover,.chip.selectable:not(.focused):hover.chip-secondary .close-icon:hover{background-color:var(--secondary-base)}.chip.hovered.chip-orange,.chip.selectable:not(.focused):hover.chip-orange{color:var(--orange-base)!important;background-color:var(--orange-hover);border:1px solid var(--orange-border)}.chip.hovered.chip-orange .close-icon,.chip.selectable:not(.focused):hover.chip-orange .close-icon{border-color:var(--orange-base)}.chip.hovered.chip-orange .close-icon:hover,.chip.selectable:not(.focused):hover.chip-orange .close-icon:hover{background-color:var(--orange-base)}.chip.hovered.chip-green,.chip.selectable:not(.focused):hover.chip-green{color:var(--green-base)!important;background-color:var(--green-hover);border:1px solid var(--green-border)}.chip.hovered.chip-green .close-icon,.chip.selectable:not(.focused):hover.chip-green .close-icon{border-color:var(--green-base)}.chip.hovered.chip-green .close-icon:hover,.chip.selectable:not(.focused):hover.chip-green .close-icon:hover{background-color:var(--green-base)}.chip.hovered.chip-red,.chip.selectable:not(.focused):hover.chip-red{color:var(--red-base)!important;background-color:var(--red-hover);border:1px solid var(--red-border)}.chip.hovered.chip-red .close-icon,.chip.selectable:not(.focused):hover.chip-red .close-icon{border-color:var(--red-base)}.chip.hovered.chip-red .close-icon:hover,.chip.selectable:not(.focused):hover.chip-red .close-icon:hover{background-color:var(--red-base)}.chip.focused{color:var(--typography-contrast)!important}.chip.focused .close-icon{border-color:var(--typography-contrast)}.chip.focused .close-icon:hover{background-color:var(--typography-contrast);border-radius:16px}.chip.focused.chip-slate{background-color:var(--slate-focus);color:var(--typography-base)!important}.chip.focused.chip-slate .close-icon{border-color:var(--typography-base)}.chip.focused.chip-slate .close-icon:hover{color:var(--slate-base)}.chip.focused.chip-primary{background-color:var(--primary-base)}.chip.focused.chip-primary .close-icon:hover{color:var(--primary-base)}.chip.focused.chip-secondary{background-color:var(--secondary-base)}.chip.focused.chip-secondary .close-icon:hover{color:var(--secondary-base)}.chip.focused.chip-orange{background-color:var(--orange-base)}.chip.focused.chip-orange .close-icon:hover{color:var(--orange-base)}.chip.focused.chip-green{background-color:var(--green-base)}.chip.focused.chip-green .close-icon:hover{color:var(--green-base)}.chip.focused.chip-red{background-color:var(--red-base)}.chip.focused.chip-red .close-icon:hover{color:var(--red-base)}.chip.disabled{opacity:38%}.chip.disabled .close-icon{cursor:not-allowed;color:inherit}.chip.disabled .close-icon:hover{background-color:transparent!important}.chip.disabled.chip-slate{color:var(--slate-base);background-color:var(--slate-hover);border:1px solid var(--slate-border)}.chip.disabled.chip-primary{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.chip.disabled.chip-secondary{color:var(--secondary-base);background-color:var(--secondary-hover);border:1px solid var(--secondary-border)}.chip.disabled.chip-orange{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.chip.disabled.chip-green{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.chip.disabled.chip-red{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}:host::ng-deep fw-progress-spinner{width:16px!important;height:16px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] }); }
|
|
24
|
-
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwChipComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ selector: 'fw-chip', template: "<div\n [ngClass]=\"['chip', variant, 'chip-'+color]\" [class.disabled]=\"disabled\" [class.focused]=\"selected\"\n [class.selectable]=\"selectable\" (click)=\"selectable ? select.emit(value) : undefined\">\n\n @if (icon) {\n <fw-icon class=\"chip-icon\">{{ icon }}</fw-icon>\n }\n\n <ng-content select=\"fw-avatar\"></ng-content>\n <ng-content select=\"fw-progress-spinner\"></ng-content>\n @if (title) {\n <div class=\"chip-text-container\">\n <span [class.text-wrap]=\"!textWrap\" class=\"chip-text\">{{ title }}</span>\n\n @if (description) {\n <span class=\"description\">{{ description }}</span>\n }\n </div>\n }\n\n @if (showClose) {\n <div class=\"close-icon\" (click)=\"handleClose($event)\">\n <fw-icon>close</fw-icon>\n </div>\n }\n</div>\n", styles: [":host{min-height:24px;display:inline-flex}.chip{box-sizing:border-box;border-radius:16px;padding:2px 4px;display:inline-flex;min-height:24px;align-items:center;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:16px;width:100%;max-width:180px}.chip .chip-icon{align-items:flex-start;font-size:16px;min-width:16px;width:16px}.chip-text{overflow:hidden;text-overflow:ellipsis}.chip-text.text-wrap{white-space:nowrap}.chip-text-container{display:flex;align-items:center;margin:0 6px;min-height:16px;white-space:wrap;width:100%;overflow:hidden}.chip-text-container .description{margin-left:4px;font-weight:400;color:var(--typography-light)}.chip .close-icon{font-size:12px;font-weight:700;cursor:pointer;border-width:1px;border-style:solid;border-radius:16px;min-width:12px;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.chip .close-icon:hover{color:var(--typography-contrast);border-radius:16px}.chip .close-icon>fw-icon{font-size:12px;min-width:12px;width:12px;height:12px}.chip:not(.selectable){cursor:default}.chip.selectable{cursor:pointer}.chip.enabled.chip-slate{color:var(--slate-base);border:1px solid var(--slate-border)}.chip.enabled.chip-slate .close-icon:hover{background-color:var(--slate-base)}.chip.enabled.chip-primary{color:var(--primary-base);border:1px solid var(--primary-border)}.chip.enabled.chip-primary .close-icon{border-color:var(--primary-base)}.chip.enabled.chip-primary .close-icon:hover{background-color:var(--primary-base)}.chip.enabled.chip-secondary{color:var(--secondary-base);border:1px solid var(--secondary-border)}.chip.enabled.chip-secondary .close-icon{border-color:var(--secondary-base)}.chip.enabled.chip-secondary .close-icon:hover{background-color:var(--secondary-base)}.chip.enabled.chip-orange{color:var(--orange-base);border:1px solid var(--orange-border)}.chip.enabled.chip-orange .close-icon{border-color:var(--orange-base)}.chip.enabled.chip-orange .close-icon:hover{background-color:var(--orange-base)}.chip.enabled.chip-green{color:var(--green-base);border:1px solid var(--green-border)}.chip.enabled.chip-green .close-icon{border-color:var(--green-base)}.chip.enabled.chip-green .close-icon:hover{background-color:var(--green-base)}.chip.enabled.chip-red{color:var(--red-base);border:1px solid var(--red-border)}.chip.enabled.chip-red .close-icon{border-color:var(--red-base)}.chip.enabled.chip-red .close-icon:hover{background-color:var(--red-base)}.chip.hovered.chip-slate,.chip.selectable:not(.focused):hover.chip-slate{color:var(--slate-base)!important;background-color:var(--slate-hover);border:1px solid var(--slate-border)}.chip.hovered.chip-slate .close-icon:hover,.chip.selectable:not(.focused):hover.chip-slate .close-icon:hover{background-color:var(--slate-base)}.chip.hovered.chip-primary,.chip.selectable:not(.focused):hover.chip-primary{color:var(--primary-base)!important;background-color:var(--primary-hover);border:1px solid var(--primary-border)}.chip.hovered.chip-primary .close-icon,.chip.selectable:not(.focused):hover.chip-primary .close-icon{border-color:var(--primary-base)}.chip.hovered.chip-primary .close-icon:hover,.chip.selectable:not(.focused):hover.chip-primary .close-icon:hover{background-color:var(--primary-base)}.chip.hovered.chip-secondary,.chip.selectable:not(.focused):hover.chip-secondary{color:var(--secondary-base)!important;background-color:var(--secondary-hover);border:1px solid var(--secondary-border)}.chip.hovered.chip-secondary .close-icon,.chip.selectable:not(.focused):hover.chip-secondary .close-icon{border-color:var(--secondary-base)}.chip.hovered.chip-secondary .close-icon:hover,.chip.selectable:not(.focused):hover.chip-secondary .close-icon:hover{background-color:var(--secondary-base)}.chip.hovered.chip-orange,.chip.selectable:not(.focused):hover.chip-orange{color:var(--orange-base)!important;background-color:var(--orange-hover);border:1px solid var(--orange-border)}.chip.hovered.chip-orange .close-icon,.chip.selectable:not(.focused):hover.chip-orange .close-icon{border-color:var(--orange-base)}.chip.hovered.chip-orange .close-icon:hover,.chip.selectable:not(.focused):hover.chip-orange .close-icon:hover{background-color:var(--orange-base)}.chip.hovered.chip-green,.chip.selectable:not(.focused):hover.chip-green{color:var(--green-base)!important;background-color:var(--green-hover);border:1px solid var(--green-border)}.chip.hovered.chip-green .close-icon,.chip.selectable:not(.focused):hover.chip-green .close-icon{border-color:var(--green-base)}.chip.hovered.chip-green .close-icon:hover,.chip.selectable:not(.focused):hover.chip-green .close-icon:hover{background-color:var(--green-base)}.chip.hovered.chip-red,.chip.selectable:not(.focused):hover.chip-red{color:var(--red-base)!important;background-color:var(--red-hover);border:1px solid var(--red-border)}.chip.hovered.chip-red .close-icon,.chip.selectable:not(.focused):hover.chip-red .close-icon{border-color:var(--red-base)}.chip.hovered.chip-red .close-icon:hover,.chip.selectable:not(.focused):hover.chip-red .close-icon:hover{background-color:var(--red-base)}.chip.focused{color:var(--typography-contrast)!important}.chip.focused .close-icon{border-color:var(--typography-contrast)}.chip.focused .close-icon:hover{background-color:var(--typography-contrast);border-radius:16px}.chip.focused.chip-slate{background-color:var(--slate-focus);color:var(--typography-base)!important}.chip.focused.chip-slate .close-icon{border-color:var(--typography-base)}.chip.focused.chip-slate .close-icon:hover{color:var(--slate-base)}.chip.focused.chip-primary{background-color:var(--primary-base)}.chip.focused.chip-primary .close-icon:hover{color:var(--primary-base)}.chip.focused.chip-secondary{background-color:var(--secondary-base)}.chip.focused.chip-secondary .close-icon:hover{color:var(--secondary-base)}.chip.focused.chip-orange{background-color:var(--orange-base)}.chip.focused.chip-orange .close-icon:hover{color:var(--orange-base)}.chip.focused.chip-green{background-color:var(--green-base)}.chip.focused.chip-green .close-icon:hover{color:var(--green-base)}.chip.focused.chip-red{background-color:var(--red-base)}.chip.focused.chip-red .close-icon:hover{color:var(--red-base)}.chip.disabled{opacity:38%}.chip.disabled .close-icon{cursor:not-allowed;color:inherit}.chip.disabled .close-icon:hover{background-color:transparent!important}.chip.disabled.chip-slate{color:var(--slate-base);background-color:var(--slate-hover);border:1px solid var(--slate-border)}.chip.disabled.chip-primary{color:var(--primary-base);background-color:var(--primary-hover);border:1px solid var(--primary-border)}.chip.disabled.chip-secondary{color:var(--secondary-base);background-color:var(--secondary-hover);border:1px solid var(--secondary-border)}.chip.disabled.chip-orange{color:var(--orange-base);background-color:var(--orange-hover);border:1px solid var(--orange-border)}.chip.disabled.chip-green{color:var(--green-base);background-color:var(--green-hover);border:1px solid var(--green-border)}.chip.disabled.chip-red{color:var(--red-base);background-color:var(--red-hover);border:1px solid var(--red-border)}:host::ng-deep fw-progress-spinner{width:16px!important;height:16px!important}\n"] }]
|
|
28
|
-
}], propDecorators: { value: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}], variant: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], color: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], icon: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], title: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], description: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], showClose: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], disabled: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], selected: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}], textWrap: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], selectable: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], close: [{
|
|
51
|
-
type: Output
|
|
52
|
-
}], select: [{
|
|
53
|
-
type: Output
|
|
54
|
-
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jaGlwL2NoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hpcC9jaGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTdkUsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFPVyxZQUFPLEdBQW9ELFNBQVMsQ0FBQztRQUNyRSxVQUFLLEdBQW9FLE9BQU8sQ0FBQztRQU9qRixhQUFRLEdBQUksSUFBSSxDQUFDO1FBQ2pCLGVBQVUsR0FBYSxJQUFJLENBQUM7UUFDckMsNERBQTREO1FBQ2xELFVBQUssR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMvRCw0REFBNEQ7UUFDbEQsV0FBTSxHQUFrQyxJQUFJLFlBQVksRUFBbUIsQ0FBQztLQVF2RjtJQU5DLFdBQVcsQ0FBQyxLQUFpQjtRQUMzQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLENBQUM7SUFDSCxDQUFDOytHQXRCVSxlQUFlO21HQUFmLGVBQWUsNFVDVDVCLG95QkEwQkE7OzRGRGpCYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFNBQVM7OEJBS1YsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxLQUFLO3NCQUFkLE1BQU07Z0JBRUcsTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSWNvblR5cGUgfSBmcm9tICcuLi9pY29uL2ljb24udHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1jaGlwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoaXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGlwLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3Q2hpcENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHZhbHVlPzogb2JqZWN0IHwgc3RyaW5nO1xuICBASW5wdXQoKSB2YXJpYW50PzogJ2VuYWJsZWQnIHwgJ2hvdmVyZWQnIHwgJ2ZvY3VzZWQnIHwgJ2Rpc2FibGVkJyA9ICdlbmFibGVkJztcbiAgQElucHV0KCkgY29sb3I/OiAnc2xhdGUnIHwgJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAncmVkJyB8ICdncmVlbicgfCAnb3JhbmdlJyA9ICdzbGF0ZSc7XG4gIEBJbnB1dCgpIGljb24/OiBJY29uVHlwZTtcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBASW5wdXQoKSBzaG93Q2xvc2U/OiBib29sZWFuO1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XG4gIEBJbnB1dCgpIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgdGV4dFdyYXA/ID0gdHJ1ZTtcbiAgQElucHV0KCkgc2VsZWN0YWJsZT86IGJvb2xlYW4gPSB0cnVlO1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgQE91dHB1dCgpIGNsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICBAT3V0cHV0KCkgc2VsZWN0OiBFdmVudEVtaXR0ZXI8b2JqZWN0IHwgc3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8b2JqZWN0IHwgc3RyaW5nPigpO1xuXG4gIGhhbmRsZUNsb3NlKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgaWYgKHRoaXMuY2xvc2UpIHtcbiAgICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdlxuICBbbmdDbGFzc109XCJbJ2NoaXAnLCB2YXJpYW50LCAnY2hpcC0nK2NvbG9yXVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtjbGFzcy5mb2N1c2VkXT1cInNlbGVjdGVkXCJcbiAgW2NsYXNzLnNlbGVjdGFibGVdPVwic2VsZWN0YWJsZVwiIChjbGljayk9XCJzZWxlY3RhYmxlID8gc2VsZWN0LmVtaXQodmFsdWUpIDogdW5kZWZpbmVkXCI+XG5cbiAgQGlmIChpY29uKSB7XG4gICAgPGZ3LWljb24gY2xhc3M9XCJjaGlwLWljb25cIj57eyBpY29uIH19PC9mdy1pY29uPlxuICB9XG5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYXZhdGFyXCI+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJmdy1wcm9ncmVzcy1zcGlubmVyXCI+PC9uZy1jb250ZW50PlxuICBAaWYgKHRpdGxlKSB7XG4gICAgPGRpdiBjbGFzcz1cImNoaXAtdGV4dC1jb250YWluZXJcIj5cbiAgICAgIDxzcGFuIFtjbGFzcy50ZXh0LXdyYXBdPVwiIXRleHRXcmFwXCIgY2xhc3M9XCJjaGlwLXRleHRcIj57eyB0aXRsZSB9fTwvc3Bhbj5cblxuICAgICAgQGlmIChkZXNjcmlwdGlvbikge1xuICAgICAgICA8c3BhbiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfX08L3NwYW4+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIH1cblxuICBAaWYgKHNob3dDbG9zZSkge1xuICAgIDxkaXYgY2xhc3M9XCJjbG9zZS1pY29uXCIgKGNsaWNrKT1cImhhbmRsZUNsb3NlKCRldmVudClcIj5cbiAgICAgIDxmdy1pY29uPmNsb3NlPC9mdy1pY29uPlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { FwIconModule } from '../icon/icon.module';
|
|
4
|
-
import { FwIconButtonModule } from '../icon-button/icon-button.module';
|
|
5
|
-
import { FwChipComponent } from './chip.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class FwChipModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwChipModule, declarations: [FwChipComponent], imports: [CommonModule,
|
|
10
|
-
FwIconModule,
|
|
11
|
-
FwIconButtonModule], exports: [FwChipComponent] }); }
|
|
12
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwChipModule, imports: [CommonModule,
|
|
13
|
-
FwIconModule,
|
|
14
|
-
FwIconButtonModule] }); }
|
|
15
|
-
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwChipModule, decorators: [{
|
|
17
|
-
type: NgModule,
|
|
18
|
-
args: [{
|
|
19
|
-
imports: [
|
|
20
|
-
CommonModule,
|
|
21
|
-
FwIconModule,
|
|
22
|
-
FwIconButtonModule,
|
|
23
|
-
],
|
|
24
|
-
exports: [
|
|
25
|
-
FwChipComponent,
|
|
26
|
-
],
|
|
27
|
-
declarations: [
|
|
28
|
-
FwChipComponent,
|
|
29
|
-
],
|
|
30
|
-
}]
|
|
31
|
-
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9jaGlwL2NoaXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBZW5ELE1BQU0sT0FBTyxZQUFZOytHQUFaLFlBQVk7Z0hBQVosWUFBWSxpQkFIakIsZUFBZSxhQVJmLFlBQVk7WUFDWixZQUFZO1lBQ1osa0JBQWtCLGFBR2xCLGVBQWU7Z0hBTVYsWUFBWSxZQVhqQixZQUFZO1lBQ1osWUFBWTtZQUNaLGtCQUFrQjs7NEZBU2IsWUFBWTtrQkFieEIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixZQUFZO3dCQUNaLGtCQUFrQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGVBQWU7cUJBQ2xCO29CQUNELFlBQVksRUFBRTt3QkFDVixlQUFlO3FCQUNsQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZ3SWNvbkJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBGd0NoaXBDb21wb25lbnQgfSBmcm9tICcuL2NoaXAuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgRndJY29uTW9kdWxlLFxuICAgICAgICBGd0ljb25CdXR0b25Nb2R1bGUsXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEZ3Q2hpcENvbXBvbmVudCxcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBGd0NoaXBDb21wb25lbnQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndDaGlwTW9kdWxlIHtcbn1cbiJdfQ==
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, Component, computed, contentChildren, effect, ElementRef, inject, input, signal, viewChild, } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject, debounce, distinctUntilChanged, timer } from 'rxjs';
|
|
3
|
-
import { FwChipComponent } from '../chip/chip.component';
|
|
4
|
-
import { FwChipModule } from '../chip/chip.module';
|
|
5
|
-
import { FwTooltipModule } from '../tooltip/tooltip.module';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "../tooltip/tooltip.component";
|
|
8
|
-
// the nature of this component is to handle a complex layout issue so disabling this lint rule
|
|
9
|
-
/* eslint-disable @rx-angular/prefer-no-layout-sensitive-apis */
|
|
10
|
-
export class FwChipListComponent {
|
|
11
|
-
constructor() {
|
|
12
|
-
this.changeDetector = inject(ChangeDetectorRef);
|
|
13
|
-
this.hostElement = inject(ElementRef);
|
|
14
|
-
this.childChipElementRefs = contentChildren(FwChipComponent, { read: ElementRef });
|
|
15
|
-
this.moreText = viewChild('moreText');
|
|
16
|
-
this.subscriptions = [];
|
|
17
|
-
this.hiddenElementCount = signal(0);
|
|
18
|
-
this.hiddenChips = signal([]);
|
|
19
|
-
this.hiddenLabels = computed(() => {
|
|
20
|
-
return this.hiddenChips().map(chip => {
|
|
21
|
-
// this relies on the dom shape of the chip, might be fragile
|
|
22
|
-
const contentSpan = chip.querySelector('span');
|
|
23
|
-
return contentSpan.innerText;
|
|
24
|
-
}).join(', ');
|
|
25
|
-
});
|
|
26
|
-
this.resizeDebounceMs = input(100);
|
|
27
|
-
this.disableOverflow = input(false);
|
|
28
|
-
this.childrenChanged = effect(() => {
|
|
29
|
-
this.childChipElementRefs();
|
|
30
|
-
this.calcChipOverflow();
|
|
31
|
-
}, { allowSignalWrites: true });
|
|
32
|
-
this.resizeObserver = new ResizeObserver(() => {
|
|
33
|
-
this.calcChipOverflow();
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
ngOnInit() {
|
|
37
|
-
// wire up resize observer to rxjs and debouce
|
|
38
|
-
const resize$ = new BehaviorSubject([]);
|
|
39
|
-
const recalcOnResize$ = resize$.pipe(debounce(() => timer(this.resizeDebounceMs())), // debounce otherwise it can run EVERY frame
|
|
40
|
-
distinctUntilChanged());
|
|
41
|
-
const resizeObserver = new ResizeObserver((resizeEntries) => {
|
|
42
|
-
resize$.next(resizeEntries);
|
|
43
|
-
});
|
|
44
|
-
resizeObserver.observe(this.hostElement.nativeElement, {});
|
|
45
|
-
const sub = recalcOnResize$.subscribe(() => this.calcChipOverflow());
|
|
46
|
-
this.subscriptions.push(sub);
|
|
47
|
-
}
|
|
48
|
-
calcChipOverflow() {
|
|
49
|
-
if (this.disableOverflow()) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
const moreTextRef = this.moreText();
|
|
53
|
-
if (!moreTextRef) {
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
const hostRect = this.hostElement.nativeElement.getBoundingClientRect();
|
|
57
|
-
const chipElements = this.childChipElementRefs().map(ref => ref.nativeElement);
|
|
58
|
-
const moreTextElement = moreTextRef.nativeElement;
|
|
59
|
-
chipElements.forEach(chip => chip.classList.remove('hidden'));
|
|
60
|
-
moreTextElement.classList.remove('hidden');
|
|
61
|
-
const visibleChips = chipElements.filter(chip => {
|
|
62
|
-
const chipRect = chip.getBoundingClientRect();
|
|
63
|
-
return !(chipRect.right > hostRect.right || chipRect.bottom > hostRect.bottom);
|
|
64
|
-
});
|
|
65
|
-
const overflowChips = chipElements.toSpliced(0, visibleChips.length);
|
|
66
|
-
if (overflowChips.length > 0) {
|
|
67
|
-
const lastVisibleChip = visibleChips[visibleChips.length - 1];
|
|
68
|
-
const enoughRoomForMoreText = (hostRect.right - lastVisibleChip.getBoundingClientRect().right) > (moreTextElement.offsetWidth);
|
|
69
|
-
if (!enoughRoomForMoreText) {
|
|
70
|
-
overflowChips.push(lastVisibleChip);
|
|
71
|
-
}
|
|
72
|
-
this.hiddenChips.set(overflowChips);
|
|
73
|
-
overflowChips.forEach(hiddenChip => {
|
|
74
|
-
hiddenChip.classList.add('hidden');
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
else {
|
|
78
|
-
moreTextElement.classList.add('hidden');
|
|
79
|
-
}
|
|
80
|
-
// eslint-disable-next-line @rx-angular/no-explicit-change-detection-apis
|
|
81
|
-
this.changeDetector.detectChanges();
|
|
82
|
-
}
|
|
83
|
-
ngOnDestroy() {
|
|
84
|
-
this.subscriptions.forEach(sub => sub.unsubscribe());
|
|
85
|
-
}
|
|
86
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FwChipListComponent, isStandalone: true, selector: "fw-chip-list", inputs: { resizeDebounceMs: { classPropertyName: "resizeDebounceMs", publicName: "resizeDebounceMs", isSignal: true, isRequired: false, transformFunction: null }, disableOverflow: { classPropertyName: "disableOverflow", publicName: "disableOverflow", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "childChipElementRefs", predicate: FwChipComponent, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "moreText", first: true, predicate: ["moreText"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\n@if(!disableOverflow()) {\n <fw-tooltip [title]=\"hiddenLabels()\">\n <p #moreText> +{{hiddenChips().length}} more </p>\n </fw-tooltip>\n}\n", styles: [":host{flex-basis:max-content;display:flex;flex-flow:row wrap;gap:8px;align-items:flex-start;justify-content:flex-start}:host p{line-height:24px;cursor:default;margin:0 8px 0 0;text-wrap:nowrap;color:var(--typography-muted)}:host::ng-deep .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: FwChipModule }, { kind: "ngmodule", type: FwTooltipModule }, { kind: "component", type: i1.FwTooltipComponent, selector: "fw-tooltip", inputs: ["title", "color", "position", "maxWidth", "fullWidth", "isOpen", "trigger", "delay"] }] }); }
|
|
88
|
-
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwChipListComponent, decorators: [{
|
|
90
|
-
type: Component,
|
|
91
|
-
args: [{ selector: 'fw-chip-list', standalone: true, imports: [
|
|
92
|
-
FwChipModule,
|
|
93
|
-
FwTooltipModule,
|
|
94
|
-
], template: "<ng-content></ng-content>\n@if(!disableOverflow()) {\n <fw-tooltip [title]=\"hiddenLabels()\">\n <p #moreText> +{{hiddenChips().length}} more </p>\n </fw-tooltip>\n}\n", styles: [":host{flex-basis:max-content;display:flex;flex-flow:row wrap;gap:8px;align-items:flex-start;justify-content:flex-start}:host p{line-height:24px;cursor:default;margin:0 8px 0 0;text-wrap:nowrap;color:var(--typography-muted)}:host::ng-deep .hidden{display:none}\n"] }]
|
|
95
|
-
}] });
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NoaXAtbGlzdC9jaGlwLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hpcC1saXN0L2NoaXAtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsZUFBZSxFQUNmLE1BQU0sRUFDTixVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssRUFHTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLG9CQUFvQixFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUU5RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBRTVELCtGQUErRjtBQUMvRixnRUFBZ0U7QUFZaEUsTUFBTSxPQUFPLG1CQUFtQjtJQVZoQztRQVdFLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDM0MsZ0JBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDakMseUJBQW9CLEdBQUcsZUFBZSxDQUE4QixlQUFlLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztRQUMzRyxhQUFRLEdBQUcsU0FBUyxDQUFtQyxVQUFVLENBQUMsQ0FBQztRQUVuRSxrQkFBYSxHQUFHLEVBQUUsQ0FBQztRQUVuQix1QkFBa0IsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0IsZ0JBQVcsR0FBRyxNQUFNLENBQWdCLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMzQixPQUFPLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ25DLDZEQUE2RDtnQkFDN0QsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDL0MsT0FBTyxXQUFXLENBQUMsU0FBUyxDQUFDO1lBQy9CLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoQixDQUFDLENBQUMsQ0FBQztRQUVILHFCQUFnQixHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM5QixvQkFBZSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUvQixvQkFBZSxHQUFHLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDNUIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDMUIsQ0FBQyxFQUFFLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUVoQyxtQkFBYyxHQUFHLElBQUksY0FBYyxDQUFDLEdBQUcsRUFBRTtZQUN2QyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztLQWdFSjtJQTlEQyxRQUFRO1FBQ04sOENBQThDO1FBQzlDLE1BQU0sT0FBTyxHQUFHLElBQUksZUFBZSxDQUF3QixFQUFFLENBQUMsQ0FBQztRQUMvRCxNQUFNLGVBQWUsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUNsQyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLENBQUMsRUFBRSw0Q0FBNEM7UUFDNUYsb0JBQW9CLEVBQUUsQ0FDdkIsQ0FBQztRQUVGLE1BQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUFDLENBQUMsYUFBYSxFQUFFLEVBQUU7WUFDMUQsT0FBTyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM5QixDQUFDLENBQUMsQ0FBQTtRQUNGLGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsRUFBRyxDQUFDLENBQUM7UUFDNUQsTUFBTSxHQUFHLEdBQUcsZUFBZSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO1FBQ3JFLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDO1lBQzNCLE9BQU87UUFDVCxDQUFDO1FBRUQsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNqQixPQUFPO1FBQ1QsQ0FBQztRQUVELE1BQU0sUUFBUSxHQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBNkIsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ3pGLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxhQUE0QixDQUFDLENBQUM7UUFDOUYsTUFBTSxlQUFlLEdBQUcsV0FBVyxDQUFDLGFBQWEsQ0FBQztRQUVsRCxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztRQUM5RCxlQUFlLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUUzQyxNQUFNLFlBQVksR0FBRyxZQUFZLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQzlDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQzlDLE9BQU8sQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDLEtBQUssSUFBSSxRQUFRLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNqRixDQUFDLENBQUMsQ0FBQztRQUVILE1BQU0sYUFBYSxHQUFHLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUVyRSxJQUFJLGFBQWEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDN0IsTUFBTSxlQUFlLEdBQUcsWUFBWSxDQUFDLFlBQVksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7WUFDOUQsTUFBTSxxQkFBcUIsR0FBRyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsZUFBZSxDQUFDLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUM7WUFFL0gsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7Z0JBQzNCLGFBQWEsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7WUFDdEMsQ0FBQztZQUVELElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQ3BDLGFBQWEsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLEVBQUU7Z0JBQ2pDLFVBQVUsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3JDLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQzthQUFNLENBQUM7WUFDTixlQUFlLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMxQyxDQUFDO1FBRUQseUVBQXlFO1FBQ3pFLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7K0dBM0ZVLG1CQUFtQjttR0FBbkIsbUJBQW1CLHdhQUdzQyxlQUFlLFFBQVUsVUFBVSxtS0NwQ3pHLDhLQU1BLDhURHFCSSxZQUFZLDhCQUNaLGVBQWU7OzRGQUtOLG1CQUFtQjtrQkFWL0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTtxQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBjb21wdXRlZCxcbiAgY29udGVudENoaWxkcmVuLFxuICBlZmZlY3QsXG4gIEVsZW1lbnRSZWYsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBzaWduYWwsXG4gIHZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGRlYm91bmNlLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgdGltZXIgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgRndDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi4vY2hpcC9jaGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGd0NoaXBNb2R1bGUgfSBmcm9tICcuLi9jaGlwL2NoaXAubW9kdWxlJztcbmltcG9ydCB7IEZ3VG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uL3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUnO1xuXG4vLyB0aGUgbmF0dXJlIG9mIHRoaXMgY29tcG9uZW50IGlzIHRvIGhhbmRsZSBhIGNvbXBsZXggbGF5b3V0IGlzc3VlIHNvIGRpc2FibGluZyB0aGlzIGxpbnQgcnVsZVxuLyogZXNsaW50LWRpc2FibGUgQHJ4LWFuZ3VsYXIvcHJlZmVyLW5vLWxheW91dC1zZW5zaXRpdmUtYXBpcyAqL1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1jaGlwLWxpc3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRndDaGlwTW9kdWxlLFxuICAgIEZ3VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoaXAtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9jaGlwLWxpc3QuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NoaXBMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBjaGFuZ2VEZXRlY3RvciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gIGhvc3RFbGVtZW50ID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICBjaGlsZENoaXBFbGVtZW50UmVmcyA9IGNvbnRlbnRDaGlsZHJlbjxGd0NoaXBDb21wb25lbnQsIEVsZW1lbnRSZWY+KEZ3Q2hpcENvbXBvbmVudCwgeyByZWFkOiBFbGVtZW50UmVmIH0pO1xuICBtb3JlVGV4dCA9IHZpZXdDaGlsZDxFbGVtZW50UmVmPEhUTUxQYXJhZ3JhcGhFbGVtZW50Pj4oJ21vcmVUZXh0Jyk7XG5cbiAgc3Vic2NyaXB0aW9ucyA9IFtdO1xuXG4gIGhpZGRlbkVsZW1lbnRDb3VudCA9IHNpZ25hbCgwKTtcbiAgaGlkZGVuQ2hpcHMgPSBzaWduYWw8SFRNTEVsZW1lbnRbXT4oW10pO1xuICBoaWRkZW5MYWJlbHMgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgcmV0dXJuIHRoaXMuaGlkZGVuQ2hpcHMoKS5tYXAoY2hpcCA9PiB7XG4gICAgICAvLyB0aGlzIHJlbGllcyBvbiB0aGUgZG9tIHNoYXBlIG9mIHRoZSBjaGlwLCBtaWdodCBiZSBmcmFnaWxlXG4gICAgICBjb25zdCBjb250ZW50U3BhbiA9IGNoaXAucXVlcnlTZWxlY3Rvcignc3BhbicpO1xuICAgICAgcmV0dXJuIGNvbnRlbnRTcGFuLmlubmVyVGV4dDtcbiAgICB9KS5qb2luKCcsICcpO1xuICB9KTtcblxuICByZXNpemVEZWJvdW5jZU1zID0gaW5wdXQoMTAwKTtcbiAgZGlzYWJsZU92ZXJmbG93ID0gaW5wdXQoZmFsc2UpO1xuXG4gIGNoaWxkcmVuQ2hhbmdlZCA9IGVmZmVjdCgoKSA9PiB7XG4gICAgdGhpcy5jaGlsZENoaXBFbGVtZW50UmVmcygpO1xuICAgIHRoaXMuY2FsY0NoaXBPdmVyZmxvdygpO1xuICB9LCB7IGFsbG93U2lnbmFsV3JpdGVzOiB0cnVlIH0pO1xuXG4gIHJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKCgpID0+IHtcbiAgICB0aGlzLmNhbGNDaGlwT3ZlcmZsb3coKTtcbiAgfSk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gd2lyZSB1cCByZXNpemUgb2JzZXJ2ZXIgdG8gcnhqcyBhbmQgZGVib3VjZVxuICAgIGNvbnN0IHJlc2l6ZSQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFJlc2l6ZU9ic2VydmVyRW50cnlbXT4oW10pO1xuICAgIGNvbnN0IHJlY2FsY09uUmVzaXplJCA9IHJlc2l6ZSQucGlwZShcbiAgICAgIGRlYm91bmNlKCgpID0+IHRpbWVyKHRoaXMucmVzaXplRGVib3VuY2VNcygpKSksIC8vIGRlYm91bmNlIG90aGVyd2lzZSBpdCBjYW4gcnVuIEVWRVJZIGZyYW1lXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICk7XG5cbiAgICBjb25zdCByZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigocmVzaXplRW50cmllcykgPT4ge1xuICAgICAgcmVzaXplJC5uZXh0KHJlc2l6ZUVudHJpZXMpO1xuICAgIH0pXG4gICAgcmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmhvc3RFbGVtZW50Lm5hdGl2ZUVsZW1lbnQsIHsgfSk7XG4gICAgY29uc3Qgc3ViID0gcmVjYWxjT25SZXNpemUkLnN1YnNjcmliZSgoKSA9PiB0aGlzLmNhbGNDaGlwT3ZlcmZsb3coKSk7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2goc3ViKTtcbiAgfVxuXG4gIGNhbGNDaGlwT3ZlcmZsb3coKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZU92ZXJmbG93KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBtb3JlVGV4dFJlZiA9IHRoaXMubW9yZVRleHQoKTtcbiAgICBpZiAoIW1vcmVUZXh0UmVmKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgaG9zdFJlY3QgPSAodGhpcy5ob3N0RWxlbWVudC5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBjaGlwRWxlbWVudHMgPSB0aGlzLmNoaWxkQ2hpcEVsZW1lbnRSZWZzKCkubWFwKHJlZiA9PiByZWYubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XG4gICAgY29uc3QgbW9yZVRleHRFbGVtZW50ID0gbW9yZVRleHRSZWYubmF0aXZlRWxlbWVudDtcblxuICAgIGNoaXBFbGVtZW50cy5mb3JFYWNoKGNoaXAgPT4gY2hpcC5jbGFzc0xpc3QucmVtb3ZlKCdoaWRkZW4nKSk7XG4gICAgbW9yZVRleHRFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ2hpZGRlbicpO1xuXG4gICAgY29uc3QgdmlzaWJsZUNoaXBzID0gY2hpcEVsZW1lbnRzLmZpbHRlcihjaGlwID0+IHtcbiAgICAgIGNvbnN0IGNoaXBSZWN0ID0gY2hpcC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgIHJldHVybiAhKGNoaXBSZWN0LnJpZ2h0ID4gaG9zdFJlY3QucmlnaHQgfHwgY2hpcFJlY3QuYm90dG9tID4gaG9zdFJlY3QuYm90dG9tKTtcbiAgICB9KTtcblxuICAgIGNvbnN0IG92ZXJmbG93Q2hpcHMgPSBjaGlwRWxlbWVudHMudG9TcGxpY2VkKDAsIHZpc2libGVDaGlwcy5sZW5ndGgpO1xuXG4gICAgaWYgKG92ZXJmbG93Q2hpcHMubGVuZ3RoID4gMCkge1xuICAgICAgY29uc3QgbGFzdFZpc2libGVDaGlwID0gdmlzaWJsZUNoaXBzW3Zpc2libGVDaGlwcy5sZW5ndGggLSAxXTtcbiAgICAgIGNvbnN0IGVub3VnaFJvb21Gb3JNb3JlVGV4dCA9IChob3N0UmVjdC5yaWdodCAtIGxhc3RWaXNpYmxlQ2hpcC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5yaWdodCkgPiAobW9yZVRleHRFbGVtZW50Lm9mZnNldFdpZHRoKTtcblxuICAgICAgaWYgKCFlbm91Z2hSb29tRm9yTW9yZVRleHQpIHtcbiAgICAgICAgb3ZlcmZsb3dDaGlwcy5wdXNoKGxhc3RWaXNpYmxlQ2hpcCk7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuaGlkZGVuQ2hpcHMuc2V0KG92ZXJmbG93Q2hpcHMpO1xuICAgICAgb3ZlcmZsb3dDaGlwcy5mb3JFYWNoKGhpZGRlbkNoaXAgPT4ge1xuICAgICAgICBoaWRkZW5DaGlwLmNsYXNzTGlzdC5hZGQoJ2hpZGRlbicpO1xuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIG1vcmVUZXh0RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdoaWRkZW4nKTtcbiAgICB9XG5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHJ4LWFuZ3VsYXIvbm8tZXhwbGljaXQtY2hhbmdlLWRldGVjdGlvbi1hcGlzXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLmZvckVhY2goc3ViID0+IHN1Yi51bnN1YnNjcmliZSgpKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuQGlmKCFkaXNhYmxlT3ZlcmZsb3coKSkge1xuICA8ZnctdG9vbHRpcCBbdGl0bGVdPVwiaGlkZGVuTGFiZWxzKClcIj5cbiAgICA8cCAjbW9yZVRleHQ+ICt7e2hpZGRlbkNoaXBzKCkubGVuZ3RofX0gbW9yZSA8L3A+XG4gIDwvZnctdG9vbHRpcD5cbn1cbiJdfQ==
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "../switch/switch.component";
|
|
6
|
-
import * as i3 from "../checkbox/checkbox.component";
|
|
7
|
-
export class FwContainedInputComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.inputPosition = 'end';
|
|
10
|
-
this.inputVariant = 'switch';
|
|
11
|
-
// eslint-disable-next-line @angular-eslint/no-output-native
|
|
12
|
-
this.change = new EventEmitter();
|
|
13
|
-
this.onTouch = () => {
|
|
14
|
-
};
|
|
15
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
16
|
-
this.onChange = (value) => {
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
clicked() {
|
|
20
|
-
if (!this.disabled) {
|
|
21
|
-
this.writeValue(!this.checked);
|
|
22
|
-
this.onChange(this.checked);
|
|
23
|
-
this.change.emit(this.checked);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
get classes() {
|
|
27
|
-
return [
|
|
28
|
-
'fw-contained-input',
|
|
29
|
-
`position-${this.inputPosition}`,
|
|
30
|
-
[this.checked ? 'checked' : ''],
|
|
31
|
-
[this.disabled ? 'disabled' : ''],
|
|
32
|
-
].join(' ');
|
|
33
|
-
}
|
|
34
|
-
;
|
|
35
|
-
writeValue(checked) {
|
|
36
|
-
this.checked = checked;
|
|
37
|
-
}
|
|
38
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
39
|
-
registerOnChange(fn) {
|
|
40
|
-
this.onChange = fn;
|
|
41
|
-
}
|
|
42
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
43
|
-
registerOnTouched(fn) {
|
|
44
|
-
this.onTouch = fn;
|
|
45
|
-
}
|
|
46
|
-
setDisabledState(isDisabled) {
|
|
47
|
-
this.disabled = isDisabled;
|
|
48
|
-
}
|
|
49
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwContainedInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwContainedInputComponent, selector: "fw-contained-input", inputs: { title: "title", description: "description", status: "status", inputPosition: "inputPosition", inputVariant: "inputVariant", checked: "checked", disabled: "disabled" }, outputs: { change: "change" }, host: { listeners: { "click": "clicked()" }, properties: { "attr.class": "this.classes" } }, providers: [{
|
|
51
|
-
provide: NG_VALUE_ACCESSOR,
|
|
52
|
-
useExisting: FwContainedInputComponent,
|
|
53
|
-
multi: true,
|
|
54
|
-
}], ngImport: i0, template: "<div class=\"heading-area\">\n <ng-content select=\"fw-avatar\"></ng-content>\n <div>\n <h4 class=\"vision-h4 section-heading\">{{ title }}\n <span *ngIf=\"status\" class=\"status\">{{ status.toUpperCase() }}</span>\n <ng-content select=\"fw-icon\"></ng-content>\n </h4>\n <p class=\"vision-p3\" *ngIf=\"description\">{{ description }}</p>\n </div>\n</div>\n<div class=\"input-content\">\n <fw-switch *ngIf=\"inputVariant==='switch'\" [checked]=\"checked\" [disabled]=\"disabled\" color=\"primary\"></fw-switch>\n <fw-checkbox\n *ngIf=\"inputVariant==='checkbox'\" [checked]=\"checked\" [disabled]=\"disabled\" color=\"primary\"></fw-checkbox>\n</div>\n", styles: [":host{display:flex;flex:1;justify-content:space-between;align-items:center;gap:16px;border:1px var(--separations-base) solid;padding:16px;border-radius:8px;cursor:pointer}:host:hover{border:1px solid var(--primary-border);background:var(--primary-hover)}:host.checked{border:1px solid var(--primary-border);background:var(--primary-focus)}:host.position-start{flex-direction:row-reverse}:host .heading-area{display:flex;align-items:center;gap:16px;flex:1}:host .heading-area h4{color:var(--typography-base);margin:0;display:flex;align-items:center;gap:5px}:host .heading-area h4 .status{color:var(--primary-base)}:host .heading-area p{color:var(--typography-muted);margin:0;line-height:140%;display:flex;align-items:center;gap:3px}:host .heading-area p a{color:var(--typography-muted)}:host .heading-area fw-icon.heading-icon{box-sizing:border-box;color:var(--primary-base);width:44px;height:44px;font-size:32px;text-align:center;justify-content:center;padding:6px}:host .input-content fw-switch{margin:0 8px 0 -8px;width:36px;display:block}:host .input-content fw-checkbox{margin:0}:host.disabled{border:1px solid var(--separations-base);background:none;opacity:.4;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwSwitchComponent, selector: "fw-switch", inputs: ["name", "title", "titlePosition", "size", "color", "disabled", "checked"], outputs: ["change"] }, { kind: "component", type: i3.FwCheckboxComponent, selector: "fw-checkbox", inputs: ["name", "disabled", "size", "color", "title", "focused", "checked"], outputs: ["change"] }] }); }
|
|
55
|
-
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwContainedInputComponent, decorators: [{
|
|
57
|
-
type: Component,
|
|
58
|
-
args: [{ selector: 'fw-contained-input', providers: [{
|
|
59
|
-
provide: NG_VALUE_ACCESSOR,
|
|
60
|
-
useExisting: FwContainedInputComponent,
|
|
61
|
-
multi: true,
|
|
62
|
-
}], template: "<div class=\"heading-area\">\n <ng-content select=\"fw-avatar\"></ng-content>\n <div>\n <h4 class=\"vision-h4 section-heading\">{{ title }}\n <span *ngIf=\"status\" class=\"status\">{{ status.toUpperCase() }}</span>\n <ng-content select=\"fw-icon\"></ng-content>\n </h4>\n <p class=\"vision-p3\" *ngIf=\"description\">{{ description }}</p>\n </div>\n</div>\n<div class=\"input-content\">\n <fw-switch *ngIf=\"inputVariant==='switch'\" [checked]=\"checked\" [disabled]=\"disabled\" color=\"primary\"></fw-switch>\n <fw-checkbox\n *ngIf=\"inputVariant==='checkbox'\" [checked]=\"checked\" [disabled]=\"disabled\" color=\"primary\"></fw-checkbox>\n</div>\n", styles: [":host{display:flex;flex:1;justify-content:space-between;align-items:center;gap:16px;border:1px var(--separations-base) solid;padding:16px;border-radius:8px;cursor:pointer}:host:hover{border:1px solid var(--primary-border);background:var(--primary-hover)}:host.checked{border:1px solid var(--primary-border);background:var(--primary-focus)}:host.position-start{flex-direction:row-reverse}:host .heading-area{display:flex;align-items:center;gap:16px;flex:1}:host .heading-area h4{color:var(--typography-base);margin:0;display:flex;align-items:center;gap:5px}:host .heading-area h4 .status{color:var(--primary-base)}:host .heading-area p{color:var(--typography-muted);margin:0;line-height:140%;display:flex;align-items:center;gap:3px}:host .heading-area p a{color:var(--typography-muted)}:host .heading-area fw-icon.heading-icon{box-sizing:border-box;color:var(--primary-base);width:44px;height:44px;font-size:32px;text-align:center;justify-content:center;padding:6px}:host .input-content fw-switch{margin:0 8px 0 -8px;width:36px;display:block}:host .input-content fw-checkbox{margin:0}:host.disabled{border:1px solid var(--separations-base);background:none;opacity:.4;cursor:not-allowed}\n"] }]
|
|
63
|
-
}], propDecorators: { title: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], description: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], status: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], inputPosition: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], inputVariant: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], checked: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], disabled: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], change: [{
|
|
78
|
-
type: Output
|
|
79
|
-
}], clicked: [{
|
|
80
|
-
type: HostListener,
|
|
81
|
-
args: ['click']
|
|
82
|
-
}], classes: [{
|
|
83
|
-
type: HostBinding,
|
|
84
|
-
args: ['attr.class']
|
|
85
|
-
}] } });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVkLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbnRhaW5lZC1pbnB1dC9jb250YWluZWQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY29udGFpbmVkLWlucHV0L2NvbnRhaW5lZC1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQVl6RSxNQUFNLE9BQU8seUJBQXlCO0lBVnRDO1FBY1csa0JBQWEsR0FBcUIsS0FBSyxDQUFDO1FBQ3hDLGlCQUFZLEdBQW9DLFFBQVEsQ0FBQztRQUdsRSw0REFBNEQ7UUFDbEQsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFtQnhDLFlBQU8sR0FBRyxHQUFTLEVBQUU7UUFDNUIsQ0FBQyxDQUFDO1FBQ0YsNkRBQTZEO1FBQ3RELGFBQVEsR0FBRyxDQUFDLEtBQWMsRUFBUSxFQUFFO1FBQzNDLENBQUMsQ0FBQztLQW1CSDtJQXhDd0IsT0FBTztRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDNUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBK0IsT0FBTztRQUNwQyxPQUFPO1lBQ0wsb0JBQW9CO1lBQ3BCLFlBQVksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNoQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQy9CLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7U0FDbEMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZCxDQUFDO0lBQUEsQ0FBQztJQVFGLFVBQVUsQ0FBQyxPQUFnQjtRQUN6QixJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztJQUN6QixDQUFDO0lBRUQsOERBQThEO0lBQzlELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELDhEQUE4RDtJQUM5RCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDOytHQWxEVSx5QkFBeUI7bUdBQXpCLHlCQUF5QiwyVkFOekIsQ0FBQztnQkFDVixPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUseUJBQXlCO2dCQUN0QyxLQUFLLEVBQUUsSUFBSTthQUNaLENBQUMsMEJDWEosMHFCQWVBOzs0RkRGYSx5QkFBeUI7a0JBVnJDLFNBQVM7K0JBQ0Usb0JBQW9CLGFBR25CLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVywyQkFBMkI7NEJBQ3RDLEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7OEJBR08sS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU07Z0JBRWdCLE9BQU87c0JBQTdCLFlBQVk7dUJBQUMsT0FBTztnQkFRVSxPQUFPO3NCQUFyQyxXQUFXO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1jb250YWluZWQtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGFpbmVkLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGFpbmVkLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogRndDb250YWluZWRJbnB1dENvbXBvbmVudCxcbiAgICBtdWx0aTogdHJ1ZSxcbiAgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3Q29udGFpbmVkSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBASW5wdXQoKSBzdGF0dXM/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlucHV0UG9zaXRpb24/OiAnc3RhcnQnIHwgJ2VuZCcgPSAnZW5kJztcbiAgQElucHV0KCkgaW5wdXRWYXJpYW50PzogJ25vbmUnIHwgJ3N3aXRjaCcgfCAnY2hlY2tib3gnID0gJ3N3aXRjaCc7XG4gIEBJbnB1dCgpIGNoZWNrZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICBAT3V0cHV0KCkgY2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJykgY2xpY2tlZCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMud3JpdGVWYWx1ZSghdGhpcy5jaGVja2VkKTtcbiAgICAgIHRoaXMub25DaGFuZ2UodGhpcy5jaGVja2VkKTtcbiAgICAgIHRoaXMuY2hhbmdlLmVtaXQodGhpcy5jaGVja2VkKTtcbiAgICB9XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbXG4gICAgICAnZnctY29udGFpbmVkLWlucHV0JyxcbiAgICAgIGBwb3NpdGlvbi0ke3RoaXMuaW5wdXRQb3NpdGlvbn1gLFxuICAgICAgW3RoaXMuY2hlY2tlZCA/ICdjaGVja2VkJyA6ICcnXSxcbiAgICAgIFt0aGlzLmRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICcnXSxcbiAgICBdLmpvaW4oJyAnKTtcbiAgfTtcblxuICBwdWJsaWMgb25Ub3VjaCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICBwdWJsaWMgb25DaGFuZ2UgPSAodmFsdWU6IGJvb2xlYW4pOiB2b2lkID0+IHtcbiAgfTtcblxuICB3cml0ZVZhbHVlKGNoZWNrZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmNoZWNrZWQgPSBjaGVja2VkO1xuICB9XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoZWFkaW5nLWFyZWFcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYXZhdGFyXCI+PC9uZy1jb250ZW50PlxuICA8ZGl2PlxuICAgIDxoNCBjbGFzcz1cInZpc2lvbi1oNCBzZWN0aW9uLWhlYWRpbmdcIj57eyB0aXRsZSB9fVxuICAgICAgPHNwYW4gKm5nSWY9XCJzdGF0dXNcIiBjbGFzcz1cInN0YXR1c1wiPnt7IHN0YXR1cy50b1VwcGVyQ2FzZSgpIH19PC9zcGFuPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctaWNvblwiPjwvbmctY29udGVudD5cbiAgICA8L2g0PlxuICAgIDxwIGNsYXNzPVwidmlzaW9uLXAzXCIgKm5nSWY9XCJkZXNjcmlwdGlvblwiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImlucHV0LWNvbnRlbnRcIj5cbiAgPGZ3LXN3aXRjaCAqbmdJZj1cImlucHV0VmFyaWFudD09PSdzd2l0Y2gnXCIgW2NoZWNrZWRdPVwiY2hlY2tlZFwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIGNvbG9yPVwicHJpbWFyeVwiPjwvZnctc3dpdGNoPlxuICA8ZnctY2hlY2tib3hcbiAgICAqbmdJZj1cImlucHV0VmFyaWFudD09PSdjaGVja2JveCdcIiBbY2hlY2tlZF09XCJjaGVja2VkXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgY29sb3I9XCJwcmltYXJ5XCI+PC9mdy1jaGVja2JveD5cbjwvZGl2PlxuIl19
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { FwButtonModule } from '../button/button.module';
|
|
4
|
-
import { FwCheckboxModule } from '../checkbox/checkbox.module';
|
|
5
|
-
import { FwIconModule } from '../icon/icon.module';
|
|
6
|
-
import { FwSwitchModule } from '../switch/switch.module';
|
|
7
|
-
import { FwContainedInputComponent } from './contained-input.component';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
export class FwContainedInputModule {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwContainedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwContainedInputModule, declarations: [FwContainedInputComponent], imports: [CommonModule,
|
|
12
|
-
FwButtonModule,
|
|
13
|
-
FwIconModule,
|
|
14
|
-
FwSwitchModule,
|
|
15
|
-
FwCheckboxModule], exports: [FwContainedInputComponent] }); }
|
|
16
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwContainedInputModule, imports: [CommonModule,
|
|
17
|
-
FwButtonModule,
|
|
18
|
-
FwIconModule,
|
|
19
|
-
FwSwitchModule,
|
|
20
|
-
FwCheckboxModule] }); }
|
|
21
|
-
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwContainedInputModule, decorators: [{
|
|
23
|
-
type: NgModule,
|
|
24
|
-
args: [{
|
|
25
|
-
imports: [
|
|
26
|
-
CommonModule,
|
|
27
|
-
FwButtonModule,
|
|
28
|
-
FwIconModule,
|
|
29
|
-
FwSwitchModule,
|
|
30
|
-
FwCheckboxModule,
|
|
31
|
-
],
|
|
32
|
-
exports: [
|
|
33
|
-
FwContainedInputComponent,
|
|
34
|
-
],
|
|
35
|
-
declarations: [
|
|
36
|
-
FwContainedInputComponent,
|
|
37
|
-
],
|
|
38
|
-
}]
|
|
39
|
-
}] });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVkLWlucHV0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbnRhaW5lZC1pbnB1dC9jb250YWluZWQtaW5wdXQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQWlCeEUsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO2dIQUF0QixzQkFBc0IsaUJBSC9CLHlCQUF5QixhQVZ6QixZQUFZO1lBQ1osY0FBYztZQUNkLFlBQVk7WUFDWixjQUFjO1lBQ2QsZ0JBQWdCLGFBR2hCLHlCQUF5QjtnSEFNaEIsc0JBQXNCLFlBYi9CLFlBQVk7WUFDWixjQUFjO1lBQ2QsWUFBWTtZQUNaLGNBQWM7WUFDZCxnQkFBZ0I7OzRGQVNQLHNCQUFzQjtrQkFmbEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCx5QkFBeUI7cUJBQzFCO29CQUNELFlBQVksRUFBRTt3QkFDWix5QkFBeUI7cUJBQzFCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3QnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndDaGVja2JveE1vZHVsZSB9IGZyb20gJy4uL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZ3U3dpdGNoTW9kdWxlIH0gZnJvbSAnLi4vc3dpdGNoL3N3aXRjaC5tb2R1bGUnO1xuaW1wb3J0IHsgRndDb250YWluZWRJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vY29udGFpbmVkLWlucHV0LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRndCdXR0b25Nb2R1bGUsXG4gICAgRndJY29uTW9kdWxlLFxuICAgIEZ3U3dpdGNoTW9kdWxlLFxuICAgIEZ3Q2hlY2tib3hNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGd0NvbnRhaW5lZElucHV0Q29tcG9uZW50LFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBGd0NvbnRhaW5lZElucHV0Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGd0NvbnRhaW5lZElucHV0TW9kdWxlIHtcbn1cbiJdfQ==
|