@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,28 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { FwIconModule } from '../icon/icon.module';
|
|
4
|
-
import { FwIconButtonComponent } from './icon-button.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class FwIconButtonModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwIconButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwIconButtonModule, declarations: [FwIconButtonComponent], imports: [CommonModule,
|
|
9
|
-
FwIconModule], exports: [FwIconButtonComponent] }); }
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwIconButtonModule, imports: [CommonModule,
|
|
11
|
-
FwIconModule] }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwIconButtonModule, decorators: [{
|
|
14
|
-
type: NgModule,
|
|
15
|
-
args: [{
|
|
16
|
-
imports: [
|
|
17
|
-
CommonModule,
|
|
18
|
-
FwIconModule,
|
|
19
|
-
],
|
|
20
|
-
exports: [
|
|
21
|
-
FwIconButtonComponent,
|
|
22
|
-
],
|
|
23
|
-
declarations: [
|
|
24
|
-
FwIconButtonComponent,
|
|
25
|
-
],
|
|
26
|
-
}]
|
|
27
|
-
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFjaEUsTUFBTSxPQUFPLGtCQUFrQjsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsaUJBSHZCLHFCQUFxQixhQVByQixZQUFZO1lBQ1osWUFBWSxhQUdaLHFCQUFxQjtnSEFNaEIsa0JBQWtCLFlBVnZCLFlBQVk7WUFDWixZQUFZOzs0RkFTUCxrQkFBa0I7a0JBWjlCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osWUFBWTtxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wscUJBQXFCO3FCQUN4QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YscUJBQXFCO3FCQUN4QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGd0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEZ3SWNvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vaWNvbi1idXR0b24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgRndJY29uTW9kdWxlLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBGd0ljb25CdXR0b25Db21wb25lbnQsXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgRndJY29uQnV0dG9uQ29tcG9uZW50LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZ3SWNvbkJ1dHRvbk1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input } 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 var LayoutWidth;
|
|
6
|
-
(function (LayoutWidth) {
|
|
7
|
-
LayoutWidth["Small"] = "small";
|
|
8
|
-
LayoutWidth["Medium"] = "medium";
|
|
9
|
-
LayoutWidth["Large"] = "large";
|
|
10
|
-
LayoutWidth["ExtraLarge"] = "extra-large";
|
|
11
|
-
})(LayoutWidth || (LayoutWidth = {}));
|
|
12
|
-
export class FwLayoutContextComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.width = LayoutWidth.Small;
|
|
15
|
-
this.iconColor = 'secondary';
|
|
16
|
-
}
|
|
17
|
-
get classes() {
|
|
18
|
-
const classes = ['fw-layout-context'];
|
|
19
|
-
classes.push(`context-width-${this.width}`);
|
|
20
|
-
if (this.iconColor) {
|
|
21
|
-
classes.push(`context-color-${this.iconColor}`);
|
|
22
|
-
}
|
|
23
|
-
return classes.join(' ');
|
|
24
|
-
}
|
|
25
|
-
;
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutContextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwLayoutContextComponent, selector: "fw-layout-context", inputs: { width: "width", icon: "icon", iconColor: "iconColor", title: "title", description: "description" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: "<fw-icon *ngIf=\"icon\" [ngClass]=\"iconColor\">{{ icon }}</fw-icon>\n<h3 *ngIf=\"title\">{{ title }}</h3>\n<p class=\"vision-p3\" *ngIf=\"description\">{{ description }}</p>\n<div class=\"context-actions\">\n <ng-content select=\"fw-button\"></ng-content>\n</div>\n", styles: [":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:50px;max-width:100%}:host fw-icon{font-size:50px;width:50px;max-width:50px}:host fw-icon.primary{color:var(--primary-base)}:host fw-icon.secondary{color:var(--secondary-base)}:host fw-icon.slate{color:var(--slate-base)}:host fw-icon.danger{color:var(--red-base)}:host fw-icon.warning{color:var(--orange-base)}:host fw-icon.success{color:var(--green-base)}:host h3{margin:0}:host p{margin:0;text-align:center;color:var(--typography-muted)}:host .context-actions{display:flex;gap:8px}:host.context-width-small{width:444px}:host.context-width-medium{width:600px}:host.context-width-large{width:900px}:host.context-width-extra-large{width:1200px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FwIconComponent, selector: "fw-icon", inputs: ["size", "color"] }] }); }
|
|
28
|
-
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutContextComponent, decorators: [{
|
|
30
|
-
type: Component,
|
|
31
|
-
args: [{ selector: 'fw-layout-context', template: "<fw-icon *ngIf=\"icon\" [ngClass]=\"iconColor\">{{ icon }}</fw-icon>\n<h3 *ngIf=\"title\">{{ title }}</h3>\n<p class=\"vision-p3\" *ngIf=\"description\">{{ description }}</p>\n<div class=\"context-actions\">\n <ng-content select=\"fw-button\"></ng-content>\n</div>\n", styles: [":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:50px;max-width:100%}:host fw-icon{font-size:50px;width:50px;max-width:50px}:host fw-icon.primary{color:var(--primary-base)}:host fw-icon.secondary{color:var(--secondary-base)}:host fw-icon.slate{color:var(--slate-base)}:host fw-icon.danger{color:var(--red-base)}:host fw-icon.warning{color:var(--orange-base)}:host fw-icon.success{color:var(--green-base)}:host h3{margin:0}:host p{margin:0;text-align:center;color:var(--typography-muted)}:host .context-actions{display:flex;gap:8px}:host.context-width-small{width:444px}:host.context-width-medium{width:600px}:host.context-width-large{width:900px}:host.context-width-extra-large{width:1200px}\n"] }]
|
|
32
|
-
}], propDecorators: { width: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], icon: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], iconColor: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], title: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], description: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], classes: [{
|
|
43
|
-
type: HostBinding,
|
|
44
|
-
args: ['attr.class']
|
|
45
|
-
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL2NvbnRleHQvY29udGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL2NvbnRleHQvY29udGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFJOUQsTUFBTSxDQUFOLElBQVksV0FLWDtBQUxELFdBQVksV0FBVztJQUNyQiw4QkFBZSxDQUFBO0lBQ2YsZ0NBQWlCLENBQUE7SUFDakIsOEJBQWUsQ0FBQTtJQUNmLHlDQUEwQixDQUFBO0FBQzVCLENBQUMsRUFMVyxXQUFXLEtBQVgsV0FBVyxRQUt0QjtBQU9ELE1BQU0sT0FBTyx3QkFBd0I7SUFMckM7UUFNVyxVQUFLLEdBQWtELFdBQVcsQ0FBQyxLQUFLLENBQUM7UUFFekUsY0FBUyxHQUEwRSxXQUFXLENBQUM7S0FZekc7SUFSQyxJQUErQixPQUFPO1FBQ3BDLE1BQU0sT0FBTyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUM1QyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNuQixPQUFPLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztRQUNsRCxDQUFDO1FBQ0QsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFBQSxDQUFDOytHQWRTLHdCQUF3QjttR0FBeEIsd0JBQXdCLCtOQ2hCckMsNlFBTUE7OzRGRFVhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUI7OEJBS3BCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFeUIsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSWNvblR5cGUgfSBmcm9tICcuLi8uLi9pY29uL2ljb24udHlwZXMnO1xuXG5leHBvcnQgZW51bSBMYXlvdXRXaWR0aCB7XG4gIFNtYWxsID0gJ3NtYWxsJyxcbiAgTWVkaXVtID0gJ21lZGl1bScsXG4gIExhcmdlID0gJ2xhcmdlJyxcbiAgRXh0cmFMYXJnZSA9ICdleHRyYS1sYXJnZSdcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctbGF5b3V0LWNvbnRleHQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGV4dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbnRleHQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRndMYXlvdXRDb250ZXh0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgd2lkdGg/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ2V4dHJhLWxhcmdlJyA9IExheW91dFdpZHRoLlNtYWxsO1xuICBASW5wdXQoKSBpY29uPzogSWNvblR5cGU7XG4gIEBJbnB1dCgpIGljb25Db2xvcj86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2RhbmdlcicgfCAnc2xhdGUnIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnID0gJ3NlY29uZGFyeSc7XG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICBASW5wdXQoKSBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBbJ2Z3LWxheW91dC1jb250ZXh0J107XG4gICAgY2xhc3Nlcy5wdXNoKGBjb250ZXh0LXdpZHRoLSR7dGhpcy53aWR0aH1gKTtcbiAgICBpZiAodGhpcy5pY29uQ29sb3IpIHtcbiAgICAgIGNsYXNzZXMucHVzaChgY29udGV4dC1jb2xvci0ke3RoaXMuaWNvbkNvbG9yfWApO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3Nlcy5qb2luKCcgJyk7XG4gIH07XG59XG4iLCI8ZnctaWNvbiAqbmdJZj1cImljb25cIiBbbmdDbGFzc109XCJpY29uQ29sb3JcIj57eyBpY29uIH19PC9mdy1pY29uPlxuPGgzICpuZ0lmPVwidGl0bGVcIj57eyB0aXRsZSB9fTwvaDM+XG48cCBjbGFzcz1cInZpc2lvbi1wM1wiICpuZ0lmPVwiZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvcD5cbjxkaXYgY2xhc3M9XCJjb250ZXh0LWFjdGlvbnNcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZnctYnV0dG9uXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FwGridComponent {
|
|
4
|
-
get cssClass() {
|
|
5
|
-
return ['fw-grid'].join(' ');
|
|
6
|
-
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwGridComponent, selector: "fw-grid", host: { properties: { "class": "this.cssClass" } }, ngImport: i0, template: '<ng-content select="fw-grid-item"></ng-content>', isInline: true, styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-h6{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:10px;line-height:120%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,.fw-grid{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p5{font-size:8px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited,.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}.fw-grid{display:grid;width:100%;gap:16px;grid-template-columns:repeat(12,1fr)}.fw-grid .page-light{background-color:var(--page-light)}.fw-grid .page-shaded{background-color:var(--page-shaded)}.fw-grid .card-header{background-color:var(--card-header)}.fw-grid .card-background{background-color:var(--card-background)}.fw-grid .grid-item-padded{padding:16px}.fw-grid .grid-item-rounded{border-radius:8px}.fw-grid .fw-grid-col-1{grid-column:span 1/auto}.fw-grid .fw-grid-col-2{grid-column:span 2/auto}.fw-grid .fw-grid-col-3{grid-column:span 3/auto}.fw-grid .fw-grid-col-4{grid-column:span 4/auto}.fw-grid .fw-grid-col-5{grid-column:span 5/auto}.fw-grid .fw-grid-col-6{grid-column:span 6/auto}.fw-grid .fw-grid-col-7{grid-column:span 7/auto}.fw-grid .fw-grid-col-8{grid-column:span 8/auto}.fw-grid .fw-grid-col-9{grid-column:span 9/auto}.fw-grid .fw-grid-col-10{grid-column:span 10/auto}.fw-grid .fw-grid-col-11{grid-column:span 11/auto}.fw-grid .fw-grid-col-12{grid-column:span 12/auto}@media only screen and (width >= 576px){.fw-grid-col-sm-1{grid-column:span 1/auto!important}.fw-grid-col-sm-2{grid-column:span 2/auto!important}.fw-grid-col-sm-3{grid-column:span 3/auto!important}.fw-grid-col-sm-4{grid-column:span 4/auto!important}.fw-grid-col-sm-5{grid-column:span 5/auto!important}.fw-grid-col-sm-6{grid-column:span 6/auto!important}.fw-grid-col-sm-7{grid-column:span 7/auto!important}.fw-grid-col-sm-8{grid-column:span 8/auto!important}.fw-grid-col-sm-9{grid-column:span 9/auto!important}.fw-grid-col-sm-10{grid-column:span 10/auto!important}.fw-grid-col-sm-11{grid-column:span 11/auto!important}.fw-grid-col-sm-12{grid-column:span 12/auto!important}}@media only screen and (width >= 768px){.fw-grid-col-md-1{grid-column:span 1/auto!important}.fw-grid-col-md-2{grid-column:span 2/auto!important}.fw-grid-col-md-3{grid-column:span 3/auto!important}.fw-grid-col-md-4{grid-column:span 4/auto!important}.fw-grid-col-md-5{grid-column:span 5/auto!important}.fw-grid-col-md-6{grid-column:span 6/auto!important}.fw-grid-col-md-7{grid-column:span 7/auto!important}.fw-grid-col-md-8{grid-column:span 8/auto!important}.fw-grid-col-md-9{grid-column:span 9/auto!important}.fw-grid-col-md-10{grid-column:span 10/auto!important}.fw-grid-col-md-11{grid-column:span 11/auto!important}.fw-grid-col-md-12{grid-column:span 12/auto!important}}@media only screen and (width >= 992px){.fw-grid-col-lg-1{grid-column:span 1/auto!important}.fw-grid-col-lg-2{grid-column:span 2/auto!important}.fw-grid-col-lg-3{grid-column:span 3/auto!important}.fw-grid-col-lg-4{grid-column:span 4/auto!important}.fw-grid-col-lg-5{grid-column:span 5/auto!important}.fw-grid-col-lg-6{grid-column:span 6/auto!important}.fw-grid-col-lg-7{grid-column:span 7/auto!important}.fw-grid-col-lg-8{grid-column:span 8/auto!important}.fw-grid-col-lg-9{grid-column:span 9/auto!important}.fw-grid-col-lg-10{grid-column:span 10/auto!important}.fw-grid-col-lg-11{grid-column:span 11/auto!important}.fw-grid-col-lg-12{grid-column:span 12/auto!important}}@media only screen and (width >= 1200px){.fw-grid-col-xl-1{grid-column:span 1/auto!important}.fw-grid-col-xl-2{grid-column:span 2/auto!important}.fw-grid-col-xl-3{grid-column:span 3/auto!important}.fw-grid-col-xl-4{grid-column:span 4/auto!important}.fw-grid-col-xl-5{grid-column:span 5/auto!important}.fw-grid-col-xl-6{grid-column:span 6/auto!important}.fw-grid-col-xl-7{grid-column:span 7/auto!important}.fw-grid-col-xl-8{grid-column:span 8/auto!important}.fw-grid-col-xl-9{grid-column:span 9/auto!important}.fw-grid-col-xl-10{grid-column:span 10/auto!important}.fw-grid-col-xl-11{grid-column:span 11/auto!important}.fw-grid-col-xl-12{grid-column:span 12/auto!important}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9
|
-
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwGridComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{ selector: 'fw-grid', template: '<ng-content select="fw-grid-item"></ng-content>', encapsulation: ViewEncapsulation.None, styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-h6{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:10px;line-height:120%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,.fw-grid{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p5{font-size:8px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited,.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}.fw-grid{display:grid;width:100%;gap:16px;grid-template-columns:repeat(12,1fr)}.fw-grid .page-light{background-color:var(--page-light)}.fw-grid .page-shaded{background-color:var(--page-shaded)}.fw-grid .card-header{background-color:var(--card-header)}.fw-grid .card-background{background-color:var(--card-background)}.fw-grid .grid-item-padded{padding:16px}.fw-grid .grid-item-rounded{border-radius:8px}.fw-grid .fw-grid-col-1{grid-column:span 1/auto}.fw-grid .fw-grid-col-2{grid-column:span 2/auto}.fw-grid .fw-grid-col-3{grid-column:span 3/auto}.fw-grid .fw-grid-col-4{grid-column:span 4/auto}.fw-grid .fw-grid-col-5{grid-column:span 5/auto}.fw-grid .fw-grid-col-6{grid-column:span 6/auto}.fw-grid .fw-grid-col-7{grid-column:span 7/auto}.fw-grid .fw-grid-col-8{grid-column:span 8/auto}.fw-grid .fw-grid-col-9{grid-column:span 9/auto}.fw-grid .fw-grid-col-10{grid-column:span 10/auto}.fw-grid .fw-grid-col-11{grid-column:span 11/auto}.fw-grid .fw-grid-col-12{grid-column:span 12/auto}@media only screen and (width >= 576px){.fw-grid-col-sm-1{grid-column:span 1/auto!important}.fw-grid-col-sm-2{grid-column:span 2/auto!important}.fw-grid-col-sm-3{grid-column:span 3/auto!important}.fw-grid-col-sm-4{grid-column:span 4/auto!important}.fw-grid-col-sm-5{grid-column:span 5/auto!important}.fw-grid-col-sm-6{grid-column:span 6/auto!important}.fw-grid-col-sm-7{grid-column:span 7/auto!important}.fw-grid-col-sm-8{grid-column:span 8/auto!important}.fw-grid-col-sm-9{grid-column:span 9/auto!important}.fw-grid-col-sm-10{grid-column:span 10/auto!important}.fw-grid-col-sm-11{grid-column:span 11/auto!important}.fw-grid-col-sm-12{grid-column:span 12/auto!important}}@media only screen and (width >= 768px){.fw-grid-col-md-1{grid-column:span 1/auto!important}.fw-grid-col-md-2{grid-column:span 2/auto!important}.fw-grid-col-md-3{grid-column:span 3/auto!important}.fw-grid-col-md-4{grid-column:span 4/auto!important}.fw-grid-col-md-5{grid-column:span 5/auto!important}.fw-grid-col-md-6{grid-column:span 6/auto!important}.fw-grid-col-md-7{grid-column:span 7/auto!important}.fw-grid-col-md-8{grid-column:span 8/auto!important}.fw-grid-col-md-9{grid-column:span 9/auto!important}.fw-grid-col-md-10{grid-column:span 10/auto!important}.fw-grid-col-md-11{grid-column:span 11/auto!important}.fw-grid-col-md-12{grid-column:span 12/auto!important}}@media only screen and (width >= 992px){.fw-grid-col-lg-1{grid-column:span 1/auto!important}.fw-grid-col-lg-2{grid-column:span 2/auto!important}.fw-grid-col-lg-3{grid-column:span 3/auto!important}.fw-grid-col-lg-4{grid-column:span 4/auto!important}.fw-grid-col-lg-5{grid-column:span 5/auto!important}.fw-grid-col-lg-6{grid-column:span 6/auto!important}.fw-grid-col-lg-7{grid-column:span 7/auto!important}.fw-grid-col-lg-8{grid-column:span 8/auto!important}.fw-grid-col-lg-9{grid-column:span 9/auto!important}.fw-grid-col-lg-10{grid-column:span 10/auto!important}.fw-grid-col-lg-11{grid-column:span 11/auto!important}.fw-grid-col-lg-12{grid-column:span 12/auto!important}}@media only screen and (width >= 1200px){.fw-grid-col-xl-1{grid-column:span 1/auto!important}.fw-grid-col-xl-2{grid-column:span 2/auto!important}.fw-grid-col-xl-3{grid-column:span 3/auto!important}.fw-grid-col-xl-4{grid-column:span 4/auto!important}.fw-grid-col-xl-5{grid-column:span 5/auto!important}.fw-grid-col-xl-6{grid-column:span 6/auto!important}.fw-grid-col-xl-7{grid-column:span 7/auto!important}.fw-grid-col-xl-8{grid-column:span 8/auto!important}.fw-grid-col-xl-9{grid-column:span 9/auto!important}.fw-grid-col-xl-10{grid-column:span 10/auto!important}.fw-grid-col-xl-11{grid-column:span 11/auto!important}.fw-grid-col-xl-12{grid-column:span 12/auto!important}}\n"] }]
|
|
13
|
-
}], propDecorators: { cssClass: [{
|
|
14
|
-
type: HostBinding,
|
|
15
|
-
args: ['class']
|
|
16
|
-
}] } });
|
|
17
|
-
export class FwGridItemComponent {
|
|
18
|
-
constructor() {
|
|
19
|
-
this.cols = 12;
|
|
20
|
-
this.padded = false;
|
|
21
|
-
this.rounded = false;
|
|
22
|
-
this.variant = 'page-light';
|
|
23
|
-
}
|
|
24
|
-
get cssClass() {
|
|
25
|
-
return [
|
|
26
|
-
'fw-grid-col-' + this.cols,
|
|
27
|
-
this.variant,
|
|
28
|
-
this.padded ? 'grid-item-padded' : null,
|
|
29
|
-
this.rounded ? 'grid-item-rounded' : null,
|
|
30
|
-
this.sm ? 'fw-grid-col-sm-' + this.sm : null,
|
|
31
|
-
this.md ? 'fw-grid-col-md-' + this.md : null,
|
|
32
|
-
this.lg ? 'fw-grid-col-lg-' + this.lg : null,
|
|
33
|
-
this.xl ? 'fw-grid-col-xl-' + this.xl : null,
|
|
34
|
-
].filter(Boolean).join(' ');
|
|
35
|
-
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwGridItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwGridItemComponent, selector: "fw-grid-item", inputs: { cols: "cols", sm: "sm", md: "md", lg: "lg", xl: "xl", padded: "padded", rounded: "rounded", variant: "variant" }, host: { properties: { "class": "this.cssClass" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-h6{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:10px;line-height:120%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,.fw-grid{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p5{font-size:8px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited,.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}.fw-grid{display:grid;width:100%;gap:16px;grid-template-columns:repeat(12,1fr)}.fw-grid .page-light{background-color:var(--page-light)}.fw-grid .page-shaded{background-color:var(--page-shaded)}.fw-grid .card-header{background-color:var(--card-header)}.fw-grid .card-background{background-color:var(--card-background)}.fw-grid .grid-item-padded{padding:16px}.fw-grid .grid-item-rounded{border-radius:8px}.fw-grid .fw-grid-col-1{grid-column:span 1/auto}.fw-grid .fw-grid-col-2{grid-column:span 2/auto}.fw-grid .fw-grid-col-3{grid-column:span 3/auto}.fw-grid .fw-grid-col-4{grid-column:span 4/auto}.fw-grid .fw-grid-col-5{grid-column:span 5/auto}.fw-grid .fw-grid-col-6{grid-column:span 6/auto}.fw-grid .fw-grid-col-7{grid-column:span 7/auto}.fw-grid .fw-grid-col-8{grid-column:span 8/auto}.fw-grid .fw-grid-col-9{grid-column:span 9/auto}.fw-grid .fw-grid-col-10{grid-column:span 10/auto}.fw-grid .fw-grid-col-11{grid-column:span 11/auto}.fw-grid .fw-grid-col-12{grid-column:span 12/auto}@media only screen and (width >= 576px){.fw-grid-col-sm-1{grid-column:span 1/auto!important}.fw-grid-col-sm-2{grid-column:span 2/auto!important}.fw-grid-col-sm-3{grid-column:span 3/auto!important}.fw-grid-col-sm-4{grid-column:span 4/auto!important}.fw-grid-col-sm-5{grid-column:span 5/auto!important}.fw-grid-col-sm-6{grid-column:span 6/auto!important}.fw-grid-col-sm-7{grid-column:span 7/auto!important}.fw-grid-col-sm-8{grid-column:span 8/auto!important}.fw-grid-col-sm-9{grid-column:span 9/auto!important}.fw-grid-col-sm-10{grid-column:span 10/auto!important}.fw-grid-col-sm-11{grid-column:span 11/auto!important}.fw-grid-col-sm-12{grid-column:span 12/auto!important}}@media only screen and (width >= 768px){.fw-grid-col-md-1{grid-column:span 1/auto!important}.fw-grid-col-md-2{grid-column:span 2/auto!important}.fw-grid-col-md-3{grid-column:span 3/auto!important}.fw-grid-col-md-4{grid-column:span 4/auto!important}.fw-grid-col-md-5{grid-column:span 5/auto!important}.fw-grid-col-md-6{grid-column:span 6/auto!important}.fw-grid-col-md-7{grid-column:span 7/auto!important}.fw-grid-col-md-8{grid-column:span 8/auto!important}.fw-grid-col-md-9{grid-column:span 9/auto!important}.fw-grid-col-md-10{grid-column:span 10/auto!important}.fw-grid-col-md-11{grid-column:span 11/auto!important}.fw-grid-col-md-12{grid-column:span 12/auto!important}}@media only screen and (width >= 992px){.fw-grid-col-lg-1{grid-column:span 1/auto!important}.fw-grid-col-lg-2{grid-column:span 2/auto!important}.fw-grid-col-lg-3{grid-column:span 3/auto!important}.fw-grid-col-lg-4{grid-column:span 4/auto!important}.fw-grid-col-lg-5{grid-column:span 5/auto!important}.fw-grid-col-lg-6{grid-column:span 6/auto!important}.fw-grid-col-lg-7{grid-column:span 7/auto!important}.fw-grid-col-lg-8{grid-column:span 8/auto!important}.fw-grid-col-lg-9{grid-column:span 9/auto!important}.fw-grid-col-lg-10{grid-column:span 10/auto!important}.fw-grid-col-lg-11{grid-column:span 11/auto!important}.fw-grid-col-lg-12{grid-column:span 12/auto!important}}@media only screen and (width >= 1200px){.fw-grid-col-xl-1{grid-column:span 1/auto!important}.fw-grid-col-xl-2{grid-column:span 2/auto!important}.fw-grid-col-xl-3{grid-column:span 3/auto!important}.fw-grid-col-xl-4{grid-column:span 4/auto!important}.fw-grid-col-xl-5{grid-column:span 5/auto!important}.fw-grid-col-xl-6{grid-column:span 6/auto!important}.fw-grid-col-xl-7{grid-column:span 7/auto!important}.fw-grid-col-xl-8{grid-column:span 8/auto!important}.fw-grid-col-xl-9{grid-column:span 9/auto!important}.fw-grid-col-xl-10{grid-column:span 10/auto!important}.fw-grid-col-xl-11{grid-column:span 11/auto!important}.fw-grid-col-xl-12{grid-column:span 12/auto!important}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
38
|
-
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwGridItemComponent, decorators: [{
|
|
40
|
-
type: Component,
|
|
41
|
-
args: [{ selector: 'fw-grid-item', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700\";.vision-h1{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:22px}.vision-h2{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:18px}.vision-h3{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:16px}.vision-h4{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:14px}.vision-h5{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:12px;line-height:130%}.vision-h6{font-family:Inter,sans-serif;color:var(--typography-base);font-weight:500;font-size:10px;line-height:120%}.vision-p1{font-size:18px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p2,.fw-grid{font-size:14px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p3{font-size:12px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p4{font-size:10px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-p5{font-size:8px;font-family:Inter,sans-serif;color:var(--typography-base);font-weight:400}.vision-link{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link:hover{text-decoration:none}.vision-link:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link:visited{color:var(--secondary-base)}.vision-link-inherited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-inherited:hover{text-decoration:none}.vision-link-inherited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-inherited:visited{color:var(--secondary-base)}.vision-link-inherited,.vision-link-inherited:visited{color:inherit}.vision-link-no-visited{text-decoration:underline;color:var(--primary-base);cursor:pointer}.vision-link-no-visited:hover{text-decoration:none}.vision-link-no-visited:active{text-decoration:none;outline:2px solid var(--primary-dark);border-radius:4px}.vision-link-no-visited:visited{color:var(--secondary-base)}.vision-link-no-visited:visited{color:var(--primary-base)}.fw-grid{display:grid;width:100%;gap:16px;grid-template-columns:repeat(12,1fr)}.fw-grid .page-light{background-color:var(--page-light)}.fw-grid .page-shaded{background-color:var(--page-shaded)}.fw-grid .card-header{background-color:var(--card-header)}.fw-grid .card-background{background-color:var(--card-background)}.fw-grid .grid-item-padded{padding:16px}.fw-grid .grid-item-rounded{border-radius:8px}.fw-grid .fw-grid-col-1{grid-column:span 1/auto}.fw-grid .fw-grid-col-2{grid-column:span 2/auto}.fw-grid .fw-grid-col-3{grid-column:span 3/auto}.fw-grid .fw-grid-col-4{grid-column:span 4/auto}.fw-grid .fw-grid-col-5{grid-column:span 5/auto}.fw-grid .fw-grid-col-6{grid-column:span 6/auto}.fw-grid .fw-grid-col-7{grid-column:span 7/auto}.fw-grid .fw-grid-col-8{grid-column:span 8/auto}.fw-grid .fw-grid-col-9{grid-column:span 9/auto}.fw-grid .fw-grid-col-10{grid-column:span 10/auto}.fw-grid .fw-grid-col-11{grid-column:span 11/auto}.fw-grid .fw-grid-col-12{grid-column:span 12/auto}@media only screen and (width >= 576px){.fw-grid-col-sm-1{grid-column:span 1/auto!important}.fw-grid-col-sm-2{grid-column:span 2/auto!important}.fw-grid-col-sm-3{grid-column:span 3/auto!important}.fw-grid-col-sm-4{grid-column:span 4/auto!important}.fw-grid-col-sm-5{grid-column:span 5/auto!important}.fw-grid-col-sm-6{grid-column:span 6/auto!important}.fw-grid-col-sm-7{grid-column:span 7/auto!important}.fw-grid-col-sm-8{grid-column:span 8/auto!important}.fw-grid-col-sm-9{grid-column:span 9/auto!important}.fw-grid-col-sm-10{grid-column:span 10/auto!important}.fw-grid-col-sm-11{grid-column:span 11/auto!important}.fw-grid-col-sm-12{grid-column:span 12/auto!important}}@media only screen and (width >= 768px){.fw-grid-col-md-1{grid-column:span 1/auto!important}.fw-grid-col-md-2{grid-column:span 2/auto!important}.fw-grid-col-md-3{grid-column:span 3/auto!important}.fw-grid-col-md-4{grid-column:span 4/auto!important}.fw-grid-col-md-5{grid-column:span 5/auto!important}.fw-grid-col-md-6{grid-column:span 6/auto!important}.fw-grid-col-md-7{grid-column:span 7/auto!important}.fw-grid-col-md-8{grid-column:span 8/auto!important}.fw-grid-col-md-9{grid-column:span 9/auto!important}.fw-grid-col-md-10{grid-column:span 10/auto!important}.fw-grid-col-md-11{grid-column:span 11/auto!important}.fw-grid-col-md-12{grid-column:span 12/auto!important}}@media only screen and (width >= 992px){.fw-grid-col-lg-1{grid-column:span 1/auto!important}.fw-grid-col-lg-2{grid-column:span 2/auto!important}.fw-grid-col-lg-3{grid-column:span 3/auto!important}.fw-grid-col-lg-4{grid-column:span 4/auto!important}.fw-grid-col-lg-5{grid-column:span 5/auto!important}.fw-grid-col-lg-6{grid-column:span 6/auto!important}.fw-grid-col-lg-7{grid-column:span 7/auto!important}.fw-grid-col-lg-8{grid-column:span 8/auto!important}.fw-grid-col-lg-9{grid-column:span 9/auto!important}.fw-grid-col-lg-10{grid-column:span 10/auto!important}.fw-grid-col-lg-11{grid-column:span 11/auto!important}.fw-grid-col-lg-12{grid-column:span 12/auto!important}}@media only screen and (width >= 1200px){.fw-grid-col-xl-1{grid-column:span 1/auto!important}.fw-grid-col-xl-2{grid-column:span 2/auto!important}.fw-grid-col-xl-3{grid-column:span 3/auto!important}.fw-grid-col-xl-4{grid-column:span 4/auto!important}.fw-grid-col-xl-5{grid-column:span 5/auto!important}.fw-grid-col-xl-6{grid-column:span 6/auto!important}.fw-grid-col-xl-7{grid-column:span 7/auto!important}.fw-grid-col-xl-8{grid-column:span 8/auto!important}.fw-grid-col-xl-9{grid-column:span 9/auto!important}.fw-grid-col-xl-10{grid-column:span 10/auto!important}.fw-grid-col-xl-11{grid-column:span 11/auto!important}.fw-grid-col-xl-12{grid-column:span 12/auto!important}}\n"] }]
|
|
42
|
-
}], propDecorators: { cols: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], sm: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}], md: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], lg: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], xl: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], padded: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}], rounded: [{
|
|
55
|
-
type: Input
|
|
56
|
-
}], variant: [{
|
|
57
|
-
type: Input
|
|
58
|
-
}], cssClass: [{
|
|
59
|
-
type: HostBinding,
|
|
60
|
-
args: ['class']
|
|
61
|
-
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL2dyaWQvZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFqRixNQUFNLE9BQU8sZUFBZTtJQUMxQixJQUEwQixRQUFRO1FBQ2hDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDL0IsQ0FBQzsrR0FIVSxlQUFlO21HQUFmLGVBQWUsbUdBSmhCLGlEQUFpRDs7NEZBSWhELGVBQWU7a0JBTjNCLFNBQVM7K0JBQ0UsU0FBUyxZQUNULGlEQUFpRCxpQkFFNUMsaUJBQWlCLENBQUMsSUFBSTs4QkFHWCxRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU87O0FBV3RCLE1BQU0sT0FBTyxtQkFBbUI7SUFOaEM7UUFPVyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBS2xCLFdBQU0sR0FBYSxLQUFLLENBQUM7UUFDekIsWUFBTyxHQUFhLEtBQUssQ0FBQztRQUMxQixZQUFPLEdBQXNFLFlBQVksQ0FBQztLQWNwRztJQVpDLElBQTBCLFFBQVE7UUFDaEMsT0FBTztZQUNMLGNBQWMsR0FBRyxJQUFJLENBQUMsSUFBSTtZQUMxQixJQUFJLENBQUMsT0FBTztZQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQ3ZDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQ3pDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUk7WUFDNUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSTtZQUM1QyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQzVDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUk7U0FDN0MsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzlCLENBQUM7K0dBckJVLG1CQUFtQjttR0FBbkIsbUJBQW1CLG9PQUpwQiwyQkFBMkI7OzRGQUkxQixtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsY0FBYyxZQUNkLDJCQUEyQixpQkFFdEIsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFb0IsUUFBUTtzQkFBakMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWdyaWQnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IHNlbGVjdD1cImZ3LWdyaWQtaXRlbVwiPjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEZ3R3JpZENvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY3NzQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gWydmdy1ncmlkJ10uam9pbignICcpO1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWdyaWQtaXRlbScsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogWycuL2dyaWQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRndHcmlkSXRlbUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbHM6IG51bWJlciA9IDEyO1xuICBASW5wdXQoKSBzbT86IG51bWJlcjtcbiAgQElucHV0KCkgbWQ/OiBudW1iZXI7XG4gIEBJbnB1dCgpIGxnPzogbnVtYmVyO1xuICBASW5wdXQoKSB4bD86IG51bWJlcjtcbiAgQElucHV0KCkgcGFkZGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSByb3VuZGVkPzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB2YXJpYW50PzogJ3BhZ2UtbGlnaHQnIHwgJ3BhZ2Utc2hhZGVkJyB8ICdjYXJkLWhlYWRlcicgfCAnY2FyZC1iYWNrZ3JvdW5kJyA9ICdwYWdlLWxpZ2h0JztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGNzc0NsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFtcbiAgICAgICdmdy1ncmlkLWNvbC0nICsgdGhpcy5jb2xzLFxuICAgICAgdGhpcy52YXJpYW50LFxuICAgICAgdGhpcy5wYWRkZWQgPyAnZ3JpZC1pdGVtLXBhZGRlZCcgOiBudWxsLFxuICAgICAgdGhpcy5yb3VuZGVkID8gJ2dyaWQtaXRlbS1yb3VuZGVkJyA6IG51bGwsXG4gICAgICB0aGlzLnNtID8gJ2Z3LWdyaWQtY29sLXNtLScgKyB0aGlzLnNtIDogbnVsbCxcbiAgICAgIHRoaXMubWQgPyAnZnctZ3JpZC1jb2wtbWQtJyArIHRoaXMubWQgOiBudWxsLFxuICAgICAgdGhpcy5sZyA/ICdmdy1ncmlkLWNvbC1sZy0nICsgdGhpcy5sZyA6IG51bGwsXG4gICAgICB0aGlzLnhsID8gJ2Z3LWdyaWQtY29sLXhsLScgKyB0aGlzLnhsIDogbnVsbCxcbiAgICBdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FwLayoutGroupComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.stackable = false;
|
|
6
|
-
this.padded = true;
|
|
7
|
-
this.justify = 'space-between';
|
|
8
|
-
}
|
|
9
|
-
get classes() {
|
|
10
|
-
const classes = ['fw-layout-group', this.justify];
|
|
11
|
-
if (this.stackable) {
|
|
12
|
-
classes.push('stackable');
|
|
13
|
-
}
|
|
14
|
-
if (this.padded) {
|
|
15
|
-
classes.push('padded');
|
|
16
|
-
}
|
|
17
|
-
return classes.join(' ');
|
|
18
|
-
}
|
|
19
|
-
;
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwLayoutGroupComponent, selector: "fw-layout-group", inputs: { stackable: "stackable", padded: "padded", justify: "justify" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;box-sizing:border-box;gap:16px;align-items:center;flex-flow:row nowrap;justify-content:space-between;background:var(--page-light)}:host.flex-start{justify-content:flex-start}:host.flex-end{justify-content:flex-end}:host.space-around{justify-content:space-around}:host.space-evenly{justify-content:space-evenly}:host.space-between{justify-content:space-between}:host.stackable{padding-bottom:16px;border-bottom:1px solid var(--separations-base)}:host.padded{padding:16px}\n"] }); }
|
|
22
|
-
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutGroupComponent, decorators: [{
|
|
24
|
-
type: Component,
|
|
25
|
-
args: [{ selector: 'fw-layout-group', template: '<ng-content></ng-content>', styles: [":host{display:flex;box-sizing:border-box;gap:16px;align-items:center;flex-flow:row nowrap;justify-content:space-between;background:var(--page-light)}:host.flex-start{justify-content:flex-start}:host.flex-end{justify-content:flex-end}:host.space-around{justify-content:space-around}:host.space-evenly{justify-content:space-evenly}:host.space-between{justify-content:space-between}:host.stackable{padding-bottom:16px;border-bottom:1px solid var(--separations-base)}:host.padded{padding:16px}\n"] }]
|
|
26
|
-
}], propDecorators: { stackable: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}], padded: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}], justify: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], classes: [{
|
|
33
|
-
type: HostBinding,
|
|
34
|
-
args: ['attr.class']
|
|
35
|
-
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xheW91dHMvbGF5b3V0LWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzlELE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFNVyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFDdkIsWUFBTyxHQUFrRixlQUFlLENBQUM7S0Fhbkg7SUFYQyxJQUErQixPQUFPO1FBQ3BDLE1BQU0sT0FBTyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2xELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDNUIsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2hCLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDekIsQ0FBQztRQUNELE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBQUEsQ0FBQzsrR0FkUyxzQkFBc0I7bUdBQXRCLHNCQUFzQix5TEFIdkIsMkJBQTJCOzs0RkFHMUIsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGlCQUFpQixZQUNqQiwyQkFBMkI7OEJBSTVCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFeUIsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctbGF5b3V0LWdyb3VwJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vbGF5b3V0LWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3TGF5b3V0R3JvdXBDb21wb25lbnQge1xuICBASW5wdXQoKSBzdGFja2FibGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcGFkZGVkOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkganVzdGlmeTogJ3NwYWNlLWJldHdlZW4nIHwgJ3NwYWNlLWFyb3VuZCcgfCAnc3BhY2UtZXZlbmx5JyB8ICdmbGV4LWVuZCcgfCAnZmxleC1zdGFydCcgPSAnc3BhY2UtYmV0d2Vlbic7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNsYXNzJykgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGFzc2VzID0gWydmdy1sYXlvdXQtZ3JvdXAnLCB0aGlzLmp1c3RpZnldO1xuICAgIGlmICh0aGlzLnN0YWNrYWJsZSkge1xuICAgICAgY2xhc3Nlcy5wdXNoKCdzdGFja2FibGUnKTtcbiAgICB9XG4gICAgaWYgKHRoaXMucGFkZGVkKSB7XG4gICAgICBjbGFzc2VzLnB1c2goJ3BhZGRlZCcpO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3Nlcy5qb2luKCcgJyk7XG4gIH07XG5cbn1cbiJdfQ==
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { FwIconModule } from '../icon/icon.module';
|
|
4
|
-
import { FwLayoutContextComponent } from './context/context.component';
|
|
5
|
-
import { FwGridComponent, FwGridItemComponent } from './grid/grid.component';
|
|
6
|
-
import { FwLayoutGroupComponent } from './layout-group.component';
|
|
7
|
-
import { FwLayoutPanelComponent } from './panel/panel.component';
|
|
8
|
-
import { FwLayoutSidebarComponent } from './sidebar/sidebar.component';
|
|
9
|
-
import { FwLayoutToolbarComponent } from './toolbar/toolbar.component';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
export class FwLayoutsModule {
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutsModule, declarations: [FwLayoutContextComponent,
|
|
14
|
-
FwLayoutToolbarComponent,
|
|
15
|
-
FwLayoutGroupComponent,
|
|
16
|
-
FwLayoutPanelComponent,
|
|
17
|
-
FwLayoutSidebarComponent,
|
|
18
|
-
FwGridComponent,
|
|
19
|
-
FwGridItemComponent], imports: [CommonModule,
|
|
20
|
-
FwIconModule], exports: [FwLayoutContextComponent,
|
|
21
|
-
FwLayoutToolbarComponent,
|
|
22
|
-
FwLayoutGroupComponent,
|
|
23
|
-
FwLayoutPanelComponent,
|
|
24
|
-
FwLayoutSidebarComponent,
|
|
25
|
-
FwGridComponent,
|
|
26
|
-
FwGridItemComponent] }); }
|
|
27
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutsModule, imports: [CommonModule,
|
|
28
|
-
FwIconModule] }); }
|
|
29
|
-
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutsModule, decorators: [{
|
|
31
|
-
type: NgModule,
|
|
32
|
-
args: [{
|
|
33
|
-
imports: [
|
|
34
|
-
CommonModule,
|
|
35
|
-
FwIconModule,
|
|
36
|
-
],
|
|
37
|
-
exports: [
|
|
38
|
-
FwLayoutContextComponent,
|
|
39
|
-
FwLayoutToolbarComponent,
|
|
40
|
-
FwLayoutGroupComponent,
|
|
41
|
-
FwLayoutPanelComponent,
|
|
42
|
-
FwLayoutSidebarComponent,
|
|
43
|
-
FwGridComponent,
|
|
44
|
-
FwGridItemComponent,
|
|
45
|
-
],
|
|
46
|
-
declarations: [
|
|
47
|
-
FwLayoutContextComponent,
|
|
48
|
-
FwLayoutToolbarComponent,
|
|
49
|
-
FwLayoutGroupComponent,
|
|
50
|
-
FwLayoutPanelComponent,
|
|
51
|
-
FwLayoutSidebarComponent,
|
|
52
|
-
FwGridComponent,
|
|
53
|
-
FwGridItemComponent,
|
|
54
|
-
],
|
|
55
|
-
}]
|
|
56
|
-
}] });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL2xheW91dHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0UsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBMEJ2RSxNQUFNLE9BQU8sZUFBZTsrR0FBZixlQUFlO2dIQUFmLGVBQWUsaUJBVHhCLHdCQUF3QjtZQUN4Qix3QkFBd0I7WUFDeEIsc0JBQXNCO1lBQ3RCLHNCQUFzQjtZQUN0Qix3QkFBd0I7WUFDeEIsZUFBZTtZQUNmLG1CQUFtQixhQW5CbkIsWUFBWTtZQUNaLFlBQVksYUFHWix3QkFBd0I7WUFDeEIsd0JBQXdCO1lBQ3hCLHNCQUFzQjtZQUN0QixzQkFBc0I7WUFDdEIsd0JBQXdCO1lBQ3hCLGVBQWU7WUFDZixtQkFBbUI7Z0hBWVYsZUFBZSxZQXRCeEIsWUFBWTtZQUNaLFlBQVk7OzRGQXFCSCxlQUFlO2tCQXhCM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCx3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QixzQkFBc0I7d0JBQ3RCLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCO29CQUNELFlBQVksRUFBRTt3QkFDWix3QkFBd0I7d0JBQ3hCLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QixzQkFBc0I7d0JBQ3RCLHdCQUF3Qjt3QkFDeEIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3SWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRndMYXlvdXRDb250ZXh0Q29tcG9uZW50IH0gZnJvbSAnLi9jb250ZXh0L2NvbnRleHQuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3R3JpZENvbXBvbmVudCwgRndHcmlkSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vZ3JpZC9ncmlkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGd0xheW91dEdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQtZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IEZ3TGF5b3V0UGFuZWxDb21wb25lbnQgfSBmcm9tICcuL3BhbmVsL3BhbmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGd0xheW91dFNpZGViYXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRndMYXlvdXRUb29sYmFyQ29tcG9uZW50IH0gZnJvbSAnLi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGd0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBGd0xheW91dENvbnRleHRDb21wb25lbnQsXG4gICAgRndMYXlvdXRUb29sYmFyQ29tcG9uZW50LFxuICAgIEZ3TGF5b3V0R3JvdXBDb21wb25lbnQsXG4gICAgRndMYXlvdXRQYW5lbENvbXBvbmVudCxcbiAgICBGd0xheW91dFNpZGViYXJDb21wb25lbnQsXG4gICAgRndHcmlkQ29tcG9uZW50LFxuICAgIEZ3R3JpZEl0ZW1Db21wb25lbnQsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEZ3TGF5b3V0Q29udGV4dENvbXBvbmVudCxcbiAgICBGd0xheW91dFRvb2xiYXJDb21wb25lbnQsXG4gICAgRndMYXlvdXRHcm91cENvbXBvbmVudCxcbiAgICBGd0xheW91dFBhbmVsQ29tcG9uZW50LFxuICAgIEZ3TGF5b3V0U2lkZWJhckNvbXBvbmVudCxcbiAgICBGd0dyaWRDb21wb25lbnQsXG4gICAgRndHcmlkSXRlbUNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndMYXlvdXRzTW9kdWxlIHtcbn1cbiJdfQ==
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class FwLayoutPanelComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.height = '100%';
|
|
7
|
-
this.fitted = false;
|
|
8
|
-
this.border = 'none';
|
|
9
|
-
this.rounded = true;
|
|
10
|
-
this.margin = false;
|
|
11
|
-
this.padded = true;
|
|
12
|
-
}
|
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwLayoutPanelComponent, selector: "fw-layout-panel", inputs: { height: "height", fitted: "fitted", border: "border", rounded: "rounded", margin: "margin", padded: "padded" }, ngImport: i0, template: "<main\n [ngClass]=\"[fitted?'fitted':'', margin?'margin':'', rounded?'rounded':'', 'border-'+border]\"\n [ngStyle]=\"{height: height}\">\n <ng-content select=\"header\"></ng-content>\n <article [ngClass]=\"[padded?'padded':'']\">\n <ng-content></ng-content>\n </article>\n <ng-content select=\"footer\"></ng-content>\n</main>\n", styles: ["main{flex:1;display:flex;flex-direction:column;overflow:auto;background-color:var(--card-background);position:relative}main.margin{margin:16px}main header{background-color:var(--card-header);display:flex;align-items:center;gap:16px;padding:16px;white-space:nowrap;box-sizing:border-box;border-bottom:1px var(--separations-divider) solid}main header :first-child{flex:1;margin:0;overflow:hidden}main article{flex-grow:1;overflow-x:auto;display:flex;flex-direction:column}main article.padded{padding:16px}main article hr{border:0;border-bottom:1px var(--separations-divider) solid;width:calc(100% + 32px);margin:16px -16px}main footer{background-color:var(--card-background);display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px;height:66px;white-space:nowrap;box-sizing:border-box;border-top:1px var(--separations-divider) solid;overflow:hidden}main footer h1,main footer h2,main footer h3,main footer h4,main footer h5,main footer h6,main footer p{margin:0}main.border-all{border:1px var(--separations-divider) solid}main.border-left{border-left:1px var(--separations-divider) solid}main.border-right{border-right:1px var(--separations-divider) solid}main.rounded{border-radius:10px}main.fitted{overflow:hidden}main.fitted header{position:absolute;top:0;left:0;right:0}main.fitted header~article{margin-top:52px}main.fitted article:has(+footer){margin-bottom:66px}main.fitted footer{position:absolute;bottom:0;left:0;right:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15
|
-
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutPanelComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{ selector: 'fw-layout-panel', encapsulation: ViewEncapsulation.None, template: "<main\n [ngClass]=\"[fitted?'fitted':'', margin?'margin':'', rounded?'rounded':'', 'border-'+border]\"\n [ngStyle]=\"{height: height}\">\n <ng-content select=\"header\"></ng-content>\n <article [ngClass]=\"[padded?'padded':'']\">\n <ng-content></ng-content>\n </article>\n <ng-content select=\"footer\"></ng-content>\n</main>\n", styles: ["main{flex:1;display:flex;flex-direction:column;overflow:auto;background-color:var(--card-background);position:relative}main.margin{margin:16px}main header{background-color:var(--card-header);display:flex;align-items:center;gap:16px;padding:16px;white-space:nowrap;box-sizing:border-box;border-bottom:1px var(--separations-divider) solid}main header :first-child{flex:1;margin:0;overflow:hidden}main article{flex-grow:1;overflow-x:auto;display:flex;flex-direction:column}main article.padded{padding:16px}main article hr{border:0;border-bottom:1px var(--separations-divider) solid;width:calc(100% + 32px);margin:16px -16px}main footer{background-color:var(--card-background);display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px;height:66px;white-space:nowrap;box-sizing:border-box;border-top:1px var(--separations-divider) solid;overflow:hidden}main footer h1,main footer h2,main footer h3,main footer h4,main footer h5,main footer h6,main footer p{margin:0}main.border-all{border:1px var(--separations-divider) solid}main.border-left{border-left:1px var(--separations-divider) solid}main.border-right{border-right:1px var(--separations-divider) solid}main.rounded{border-radius:10px}main.fitted{overflow:hidden}main.fitted header{position:absolute;top:0;left:0;right:0}main.fitted header~article{margin-top:52px}main.fitted article:has(+footer){margin-bottom:66px}main.fitted footer{position:absolute;bottom:0;left:0;right:0}\n"] }]
|
|
19
|
-
}], propDecorators: { height: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], fitted: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}], border: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}], rounded: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], margin: [{
|
|
28
|
-
type: Input
|
|
29
|
-
}], padded: [{
|
|
30
|
-
type: Input
|
|
31
|
-
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbGF5b3V0cy9wYW5lbC9wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL3BhbmVsL3BhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRcEUsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQU9XLFdBQU0sR0FBWSxNQUFNLENBQUM7UUFDekIsV0FBTSxHQUFhLEtBQUssQ0FBQztRQUN6QixXQUFNLEdBQXVDLE1BQU0sQ0FBQztRQUNwRCxZQUFPLEdBQWEsSUFBSSxDQUFDO1FBQ3pCLFdBQU0sR0FBYSxLQUFLLENBQUM7UUFDekIsV0FBTSxHQUFhLElBQUksQ0FBQztLQUNsQzsrR0FQWSxzQkFBc0I7bUdBQXRCLHNCQUFzQixpTENSbkMsa1ZBU0E7OzRGRERhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsaUJBR1osaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1sYXlvdXQtcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYW5lbC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBGd0xheW91dFBhbmVsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaGVpZ2h0Pzogc3RyaW5nID0gJzEwMCUnO1xuICBASW5wdXQoKSBmaXR0ZWQ/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJvcmRlcj86ICdhbGwnIHwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdub25lJyA9ICdub25lJztcbiAgQElucHV0KCkgcm91bmRlZD86IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBtYXJnaW4/OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHBhZGRlZD86IGJvb2xlYW4gPSB0cnVlO1xufVxuIiwiPG1haW5cbiAgW25nQ2xhc3NdPVwiW2ZpdHRlZD8nZml0dGVkJzonJywgbWFyZ2luPydtYXJnaW4nOicnLCByb3VuZGVkPydyb3VuZGVkJzonJywgJ2JvcmRlci0nK2JvcmRlcl1cIlxuICBbbmdTdHlsZV09XCJ7aGVpZ2h0OiBoZWlnaHR9XCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImhlYWRlclwiPjwvbmctY29udGVudD5cbiAgPGFydGljbGUgW25nQ2xhc3NdPVwiW3BhZGRlZD8ncGFkZGVkJzonJ11cIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvYXJ0aWNsZT5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9tYWluPlxuIl19
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class FwLayoutSidebarComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.outlined = true;
|
|
7
|
-
this.rounded = true;
|
|
8
|
-
this.width = '65%';
|
|
9
|
-
this.direction = 'row';
|
|
10
|
-
}
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwLayoutSidebarComponent, selector: "fw-layout-sidebar", inputs: { outlined: "outlined", rounded: "rounded", width: "width", direction: "direction" }, ngImport: i0, template: "<div\n [ngClass]=\"[\n outlined?'outlined':'',\n rounded?'rounded':'',\n direction,\n 'container'\n ]\">\n <div class=\"main\" [ngStyle]=\"{width: 'calc( 100% - '+width+' )'}\">\n <ng-content></ng-content>\n </div>\n <div class=\"aside\" [ngStyle]=\"{width: width}\">\n <ng-content select=\"aside\"></ng-content>\n </div>\n</div>\n", styles: [".container{display:flex;width:100%;overflow:hidden;height:100%;flex-flow:row nowrap}.container .aside{display:flex;overflow:auto}.container .aside aside{flex:1}.container .main{overflow:auto}.container.outlined{border:1px var(--separations-divider) solid}.container.outlined .main{border-right:1px var(--separations-divider) solid}.container.row-reverse{flex-direction:row-reverse}.container.row-reverse.outlined .main{border-right:0;border-left:1px var(--separations-divider) solid}.container.rounded{border-radius:10px}.container.third .main{width:66.6%}.container.third .aside{width:33.3%}.container.half .main,.container.half .aside{width:50%}.container.fourth .main{width:75%}.container.fourth .aside{width:25%}.container.closed .main{width:100%;border-right:none}.container.closed .aside{width:0;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
|
-
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutSidebarComponent, decorators: [{
|
|
15
|
-
type: Component,
|
|
16
|
-
args: [{ selector: 'fw-layout-sidebar', encapsulation: ViewEncapsulation.None, template: "<div\n [ngClass]=\"[\n outlined?'outlined':'',\n rounded?'rounded':'',\n direction,\n 'container'\n ]\">\n <div class=\"main\" [ngStyle]=\"{width: 'calc( 100% - '+width+' )'}\">\n <ng-content></ng-content>\n </div>\n <div class=\"aside\" [ngStyle]=\"{width: width}\">\n <ng-content select=\"aside\"></ng-content>\n </div>\n</div>\n", styles: [".container{display:flex;width:100%;overflow:hidden;height:100%;flex-flow:row nowrap}.container .aside{display:flex;overflow:auto}.container .aside aside{flex:1}.container .main{overflow:auto}.container.outlined{border:1px var(--separations-divider) solid}.container.outlined .main{border-right:1px var(--separations-divider) solid}.container.row-reverse{flex-direction:row-reverse}.container.row-reverse.outlined .main{border-right:0;border-left:1px var(--separations-divider) solid}.container.rounded{border-radius:10px}.container.third .main{width:66.6%}.container.third .aside{width:33.3%}.container.half .main,.container.half .aside{width:50%}.container.fourth .main{width:75%}.container.fourth .aside{width:25%}.container.closed .main{width:100%;border-right:none}.container.closed .aside{width:0;padding:0}\n"] }]
|
|
17
|
-
}], propDecorators: { outlined: [{
|
|
18
|
-
type: Input
|
|
19
|
-
}], rounded: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], width: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}], direction: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXBFLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFPVyxhQUFRLEdBQVksSUFBSSxDQUFDO1FBQ3pCLFlBQU8sR0FBWSxJQUFJLENBQUM7UUFDeEIsVUFBSyxHQUFZLEtBQUssQ0FBQztRQUN2QixjQUFTLEdBQTJCLEtBQUssQ0FBQztLQUNwRDsrR0FMWSx3QkFBd0I7bUdBQXhCLHdCQUF3Qix1SkNSckMsMlhBY0E7OzRGRE5hLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmdy1sYXlvdXQtc2lkZWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZWJhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBGd0xheW91dFNpZGViYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBvdXRsaW5lZDogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSB3aWR0aD86IHN0cmluZyA9ICc2NSUnO1xuICBASW5wdXQoKSBkaXJlY3Rpb24/OiAncm93JyB8ICdyb3ctcmV2ZXJzZScgPSAncm93Jztcbn1cbiIsIjxkaXZcbiAgW25nQ2xhc3NdPVwiW1xuICAgICAgICBvdXRsaW5lZD8nb3V0bGluZWQnOicnLFxuICAgICAgICByb3VuZGVkPydyb3VuZGVkJzonJyxcbiAgICAgICAgZGlyZWN0aW9uLFxuICAgICAgICAnY29udGFpbmVyJ1xuICAgICAgICBdXCI+XG4gIDxkaXYgY2xhc3M9XCJtYWluXCIgW25nU3R5bGVdPVwie3dpZHRoOiAnY2FsYyggMTAwJSAtICcrd2lkdGgrJyApJ31cIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYXNpZGVcIiBbbmdTdHlsZV09XCJ7d2lkdGg6IHdpZHRofVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImFzaWRlXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FwLayoutToolbarComponent {
|
|
4
|
-
get classes() {
|
|
5
|
-
const classes = ['fw-layout-toolbar', this.dense ? 'dense' : ''];
|
|
6
|
-
return classes.join(' ');
|
|
7
|
-
}
|
|
8
|
-
;
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FwLayoutToolbarComponent, selector: "fw-layout-toolbar", inputs: { dense: "dense" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;box-sizing:border-box;gap:16px;align-items:center;font-size:22px}:host.dense{gap:8px}\n"] }); }
|
|
11
|
-
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwLayoutToolbarComponent, decorators: [{
|
|
13
|
-
type: Component,
|
|
14
|
-
args: [{ selector: 'fw-layout-toolbar', template: '<ng-content></ng-content>', styles: [":host{display:flex;box-sizing:border-box;gap:16px;align-items:center;font-size:22px}:host.dense{gap:8px}\n"] }]
|
|
15
|
-
}], propDecorators: { dense: [{
|
|
16
|
-
type: Input
|
|
17
|
-
}], classes: [{
|
|
18
|
-
type: HostBinding,
|
|
19
|
-
args: ['attr.class']
|
|
20
|
-
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXRzL3Rvb2xiYXIvdG9vbGJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU85RCxNQUFNLE9BQU8sd0JBQXdCO0lBR25DLElBQStCLE9BQU87UUFDcEMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2pFLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBQUEsQ0FBQzsrR0FOUyx3QkFBd0I7bUdBQXhCLHdCQUF3Qiw2SUFIekIsMkJBQTJCOzs0RkFHMUIsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG1CQUFtQixZQUNuQiwyQkFBMkI7OEJBSTVCLEtBQUs7c0JBQWIsS0FBSztnQkFFeUIsT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnctbGF5b3V0LXRvb2xiYXInLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi90b29sYmFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZ3TGF5b3V0VG9vbGJhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRlbnNlPzogYm9vbGVhbjtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuY2xhc3MnKSBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBbJ2Z3LWxheW91dC10b29sYmFyJywgdGhpcy5kZW5zZSA/ICdkZW5zZScgOiAnJ107XG4gICAgcmV0dXJuIGNsYXNzZXMuam9pbignICcpO1xuICB9O1xufVxuIl19
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { CdkMenuTrigger } from '@angular/cdk/menu';
|
|
2
|
-
import { ContentChildren, Directive, HostListener } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class FwMenuCloseTriggersDirective {
|
|
5
|
-
constructor() {
|
|
6
|
-
this._isOpen = false;
|
|
7
|
-
}
|
|
8
|
-
outsideClick(event) {
|
|
9
|
-
const target = event.target;
|
|
10
|
-
// Check is close under fw-menu-container (overlay)
|
|
11
|
-
const clickedInsideMenu = target.closest('fw-menu-container') !== null;
|
|
12
|
-
// Check is clicked on trigger
|
|
13
|
-
const clickedOnTrigger = target.closest('[cdkMenuTriggerFor]') !== null;
|
|
14
|
-
if (!clickedInsideMenu && !clickedOnTrigger && this._isOpen && this.triggers?.length > 0) {
|
|
15
|
-
// Close menu if click outside menu and trigger
|
|
16
|
-
this.triggers.forEach(trigger => {
|
|
17
|
-
trigger.close();
|
|
18
|
-
});
|
|
19
|
-
this._isOpen = false;
|
|
20
|
-
}
|
|
21
|
-
if (this.triggers?.length > 0) {
|
|
22
|
-
this.triggers.forEach(trigger => {
|
|
23
|
-
if (trigger.isOpen()) {
|
|
24
|
-
this._isOpen = true;
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwMenuCloseTriggersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
30
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: FwMenuCloseTriggersDirective, selector: "[fwMenuCloseTriggers]", host: { listeners: { "document:click": "outsideClick($event)" } }, queries: [{ propertyName: "triggers", predicate: CdkMenuTrigger, descendants: true }], ngImport: i0 }); }
|
|
31
|
-
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FwMenuCloseTriggersDirective, decorators: [{
|
|
33
|
-
type: Directive,
|
|
34
|
-
args: [{
|
|
35
|
-
selector: '[fwMenuCloseTriggers]',
|
|
36
|
-
}]
|
|
37
|
-
}], propDecorators: { triggers: [{
|
|
38
|
-
type: ContentChildren,
|
|
39
|
-
args: [CdkMenuTrigger, { descendants: true }]
|
|
40
|
-
}], outsideClick: [{
|
|
41
|
-
type: HostListener,
|
|
42
|
-
args: ['document:click', ['$event']]
|
|
43
|
-
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1jbG9zZS10cmlnZ2Vycy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9tZW51L21lbnUtY2xvc2UtdHJpZ2dlcnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQWEsTUFBTSxlQUFlLENBQUM7O0FBS3BGLE1BQU0sT0FBTyw0QkFBNEI7SUFIekM7UUFNVSxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBNEJ6QjtJQXpCQyxZQUFZLENBQUMsS0FBaUI7UUFDNUIsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQXFCLENBQUM7UUFFM0MsbURBQW1EO1FBQ25ELE1BQU0saUJBQWlCLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLElBQUksQ0FBQztRQUV2RSw4QkFBOEI7UUFDOUIsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLHFCQUFxQixDQUFDLEtBQUssSUFBSSxDQUFDO1FBRXhFLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxDQUFDLGdCQUFnQixJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDekYsK0NBQStDO1lBQy9DLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFO2dCQUM5QixPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDbEIsQ0FBQyxDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUN2QixDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRTtnQkFDOUIsSUFBSSxPQUFPLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztvQkFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQ3RCLENBQUM7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOytHQTlCVSw0QkFBNEI7bUdBQTVCLDRCQUE0Qix5SkFDdEIsY0FBYzs7NEZBRHBCLDRCQUE0QjtrQkFIeEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2lCQUNsQzs4QkFFeUQsUUFBUTtzQkFBL0QsZUFBZTt1QkFBQyxjQUFjLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUt0RCxZQUFZO3NCQURYLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtNZW51VHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9tZW51JztcbmltcG9ydCB7IENvbnRlbnRDaGlsZHJlbiwgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZndNZW51Q2xvc2VUcmlnZ2Vyc10nLFxufSlcbmV4cG9ydCBjbGFzcyBGd01lbnVDbG9zZVRyaWdnZXJzRGlyZWN0aXZlIHtcbiAgQENvbnRlbnRDaGlsZHJlbihDZGtNZW51VHJpZ2dlciwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSB0cmlnZ2Vycz86IFF1ZXJ5TGlzdDxDZGtNZW51VHJpZ2dlcj47XG5cbiAgcHJpdmF0ZSBfaXNPcGVuID0gZmFsc2U7XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxuICBvdXRzaWRlQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICAvLyBDaGVjayBpcyBjbG9zZSB1bmRlciBmdy1tZW51LWNvbnRhaW5lciAob3ZlcmxheSlcbiAgICBjb25zdCBjbGlja2VkSW5zaWRlTWVudSA9IHRhcmdldC5jbG9zZXN0KCdmdy1tZW51LWNvbnRhaW5lcicpICE9PSBudWxsO1xuXG4gICAgLy8gQ2hlY2sgaXMgY2xpY2tlZCBvbiB0cmlnZ2VyXG4gICAgY29uc3QgY2xpY2tlZE9uVHJpZ2dlciA9IHRhcmdldC5jbG9zZXN0KCdbY2RrTWVudVRyaWdnZXJGb3JdJykgIT09IG51bGw7XG5cbiAgICBpZiAoIWNsaWNrZWRJbnNpZGVNZW51ICYmICFjbGlja2VkT25UcmlnZ2VyICYmIHRoaXMuX2lzT3BlbiAmJiB0aGlzLnRyaWdnZXJzPy5sZW5ndGggPiAwKSB7XG4gICAgICAvLyBDbG9zZSBtZW51IGlmIGNsaWNrIG91dHNpZGUgbWVudSBhbmQgdHJpZ2dlclxuICAgICAgdGhpcy50cmlnZ2Vycy5mb3JFYWNoKHRyaWdnZXIgPT4ge1xuICAgICAgICB0cmlnZ2VyLmNsb3NlKCk7XG4gICAgICB9KTtcbiAgICAgIHRoaXMuX2lzT3BlbiA9IGZhbHNlO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnRyaWdnZXJzPy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLnRyaWdnZXJzLmZvckVhY2godHJpZ2dlciA9PiB7XG4gICAgICAgIGlmICh0cmlnZ2VyLmlzT3BlbigpKSB7XG4gICAgICAgICAgdGhpcy5faXNPcGVuID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iXX0=
|