@festo-ui/angular 4.0.3-pre-20221124.8 → 5.0.0-dev.102
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 +13 -53
- package/css/bundle.css +1 -1
- package/css/image-gallery.css +1 -1
- package/css/popover.css +1 -1
- package/esm2020/festo-ui-angular.mjs +2 -2
- package/esm2020/lib/components/accordion/accordion-header/accordion-header.component.mjs +6 -6
- package/esm2020/lib/components/accordion/accordion-item/accordion-item-body/accordion-item-body.component.mjs +6 -6
- package/esm2020/lib/components/accordion/accordion-item/accordion-item-header/accordion-item-header.component.mjs +11 -11
- package/esm2020/lib/components/accordion/accordion-item/accordion-item.component.mjs +41 -36
- package/esm2020/lib/components/accordion/accordion.component.mjs +21 -21
- package/esm2020/lib/components/accordion/index.mjs +1 -1
- package/esm2020/lib/components/breadcrumb/breadcrumb.component.mjs +9 -6
- package/esm2020/lib/components/buttons/button/button.component.mjs +8 -7
- package/esm2020/lib/components/buttons/link-button/link-button.component.mjs +8 -7
- package/esm2020/lib/components/chips/chip/chip.component.mjs +7 -6
- package/esm2020/lib/components/chips/chip-container/chip-container.component.mjs +7 -6
- package/esm2020/lib/components/components.module.mjs +202 -208
- package/esm2020/lib/components/loading-indicator/loading-indicator.component.mjs +7 -6
- package/esm2020/lib/components/mobile-flyout/mobile-flyout-item/mobile-flyout-item.component.mjs +8 -7
- package/esm2020/lib/components/mobile-flyout/mobile-flyout-page/mobile-flyout-page.component.mjs +10 -9
- package/esm2020/lib/components/mobile-flyout/mobile-flyout.component.mjs +10 -10
- package/esm2020/lib/components/pagination/pagination.component.mjs +15 -13
- package/esm2020/lib/components/popovers/legend/legend.component.mjs +14 -14
- package/esm2020/lib/components/popovers/legend/legend.directive.mjs +8 -8
- package/esm2020/lib/components/popovers/popover/popover.component.mjs +11 -11
- package/esm2020/lib/components/popovers/popover-content/popover-content.component.mjs +16 -18
- package/esm2020/lib/components/popovers/popover-content/popover-content.directive.mjs +7 -7
- package/esm2020/lib/components/popovers/popover-menu/popover-menu.component.mjs +18 -19
- package/esm2020/lib/components/popovers/popover-ref.mjs +2 -2
- package/esm2020/lib/components/popovers/popover.defaults.mjs +17 -18
- package/esm2020/lib/components/popovers/popover.models.mjs +7 -23
- package/esm2020/lib/components/popovers/popover.service.mjs +31 -32
- package/esm2020/lib/components/popovers/tooltip/tooltip.directive.mjs +18 -18
- package/esm2020/lib/components/progress/progress.component.mjs +8 -6
- package/esm2020/lib/components/scroll/index.mjs +1 -1
- package/esm2020/lib/components/scroll/scrollable.directive.mjs +10 -7
- package/esm2020/lib/components/search-input/search-input.component.mjs +20 -10
- package/esm2020/lib/components/snackbar/snackbar-container.component.mjs +7 -7
- package/esm2020/lib/components/snackbar/snackbar-container.directive.mjs +12 -15
- package/esm2020/lib/components/snackbar/snackbar.component.mjs +9 -7
- package/esm2020/lib/components/snackbar/snackbar.models.mjs +1 -1
- package/esm2020/lib/components/snackbar/snackbar.module.mjs +12 -14
- package/esm2020/lib/components/snackbar/snackbar.service.mjs +5 -5
- package/esm2020/lib/components/stepper-horizontal/step-horizontal/step-horizontal.component.mjs +6 -6
- package/esm2020/lib/components/stepper-horizontal/stepper-horizontal.component.mjs +10 -9
- package/esm2020/lib/components/stepper-vertical/step-vertical/step-vertical.component.mjs +8 -7
- package/esm2020/lib/components/stepper-vertical/stepper-vertical.component.mjs +9 -9
- package/esm2020/lib/components/table-header-cell/table-header-cell.directive.mjs +9 -8
- package/esm2020/lib/components/tabs/tab-pane/tab-pane.component.mjs +8 -8
- package/esm2020/lib/components/tabs/tabs.component.mjs +113 -27
- package/esm2020/lib/directives/click-outside.directive.mjs +29 -0
- package/esm2020/lib/festo-angular.module.mjs +9 -72
- package/esm2020/lib/forms/checkbox/checkbox.component.mjs +29 -24
- package/esm2020/lib/forms/color-indicator/color-indicator.component.mjs +29 -9
- package/esm2020/lib/forms/color-picker/color-helper.mjs +16 -8
- package/esm2020/lib/forms/color-picker/color-picker.component.mjs +38 -19
- package/esm2020/lib/forms/date-picker/date-picker.component.mjs +29 -26
- package/esm2020/lib/forms/date-range-picker/date-range-picker.component.mjs +33 -29
- package/esm2020/lib/forms/flatpickr/flatpickr.component.mjs +55 -0
- package/esm2020/lib/forms/forms.module.mjs +117 -110
- package/esm2020/lib/forms/radio/radio.component.mjs +54 -50
- package/esm2020/lib/forms/segment/segment-control/segment-control.component.mjs +22 -14
- package/esm2020/lib/forms/segment/segment.component.mjs +60 -30
- package/esm2020/lib/forms/select/chip-text.pipe.mjs +16 -11
- package/esm2020/lib/forms/select/select-option/select-option.component.mjs +8 -7
- package/esm2020/lib/forms/select/select.component.mjs +55 -47
- package/esm2020/lib/forms/slider/slider.component.mjs +27 -24
- package/esm2020/lib/forms/switch/switch.component.mjs +21 -20
- package/esm2020/lib/forms/text-area/text-area.component.mjs +19 -12
- package/esm2020/lib/forms/text-editor/text-editor.component.mjs +73 -65
- package/esm2020/lib/forms/text-input/text-input.component.mjs +40 -15
- package/esm2020/lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.mjs +9 -7
- package/esm2020/lib/forms/time-picker/time-picker.component.mjs +23 -20
- package/esm2020/lib/forms/unique-selection-dispatcher.mjs +8 -6
- package/esm2020/lib/forms/value-accessor-base.mjs +6 -6
- package/esm2020/lib/modals/alert/alert.component.mjs +54 -0
- package/esm2020/lib/modals/confirm/confirm.component.mjs +55 -0
- package/esm2020/lib/modals/custom-modal/custom-modal.component.mjs +70 -0
- package/esm2020/lib/modals/image-gallery/image-gallery.component.mjs +62 -0
- package/esm2020/lib/modals/index.mjs +2 -0
- package/esm2020/lib/modals/modal.service.mjs +118 -0
- package/esm2020/lib/modals/modals.module.mjs +25 -0
- package/esm2020/lib/modals/prompt/prompt.component.mjs +106 -0
- package/esm2020/lib/pipes/safe-html.pipe.mjs +7 -7
- package/esm2020/public-api.mjs +66 -0
- package/fesm2015/festo-ui-angular.mjs +4757 -4593
- package/fesm2015/festo-ui-angular.mjs.map +1 -1
- package/fesm2020/festo-ui-angular.mjs +4929 -4805
- package/fesm2020/festo-ui-angular.mjs.map +1 -1
- package/index.d.ts +5 -13
- package/lib/components/accordion/accordion-header/accordion-header.component.d.ts +3 -3
- package/lib/components/accordion/accordion-item/accordion-item-body/accordion-item-body.component.d.ts +3 -3
- package/lib/components/accordion/accordion-item/accordion-item-header/accordion-item-header.component.d.ts +5 -5
- package/lib/components/accordion/accordion-item/accordion-item.component.d.ts +9 -8
- package/lib/components/accordion/accordion.component.d.ts +7 -7
- package/lib/components/breadcrumb/breadcrumb.component.d.ts +3 -3
- package/lib/components/buttons/button/button.component.d.ts +6 -6
- package/lib/components/buttons/link-button/link-button.component.d.ts +6 -6
- package/lib/components/chips/chip/chip.component.d.ts +4 -4
- package/lib/components/chips/chip-container/chip-container.component.d.ts +3 -3
- package/lib/components/components.module.d.ts +35 -69
- package/lib/components/loading-indicator/loading-indicator.component.d.ts +3 -3
- package/lib/components/mobile-flyout/mobile-flyout-item/mobile-flyout-item.component.d.ts +3 -3
- package/lib/components/mobile-flyout/mobile-flyout-page/mobile-flyout-page.component.d.ts +5 -5
- package/lib/components/mobile-flyout/mobile-flyout.component.d.ts +5 -5
- package/lib/components/pagination/pagination.component.d.ts +6 -6
- package/lib/components/popovers/legend/legend.component.d.ts +10 -10
- package/lib/components/popovers/legend/legend.directive.d.ts +5 -5
- package/lib/components/popovers/popover/popover.component.d.ts +6 -6
- package/lib/components/popovers/popover-content/popover-content.component.d.ts +13 -13
- package/lib/components/popovers/popover-content/popover-content.directive.d.ts +5 -5
- package/lib/components/popovers/popover-menu/popover-menu.component.d.ts +15 -15
- package/lib/components/popovers/popover-ref.d.ts +4 -4
- package/lib/components/popovers/popover.defaults.d.ts +4 -4
- package/lib/components/popovers/popover.models.d.ts +18 -30
- package/lib/components/popovers/popover.service.d.ts +7 -7
- package/lib/components/popovers/tooltip/tooltip.directive.d.ts +9 -9
- package/lib/components/progress/progress.component.d.ts +3 -3
- package/lib/components/scroll/scrollable.directive.d.ts +4 -4
- package/lib/components/search-input/search-input.component.d.ts +9 -9
- package/lib/components/snackbar/snackbar-container.component.d.ts +5 -5
- package/lib/components/snackbar/snackbar-container.directive.d.ts +8 -11
- package/lib/components/snackbar/snackbar.component.d.ts +5 -5
- package/lib/components/snackbar/snackbar.models.d.ts +2 -2
- package/lib/components/snackbar/snackbar.module.d.ts +1 -2
- package/lib/components/snackbar/snackbar.service.d.ts +8 -8
- package/lib/components/stepper-horizontal/step-horizontal/step-horizontal.component.d.ts +3 -3
- package/lib/components/stepper-horizontal/stepper-horizontal.component.d.ts +5 -5
- package/lib/components/stepper-vertical/step-vertical/step-vertical.component.d.ts +4 -4
- package/lib/components/stepper-vertical/stepper-vertical.component.d.ts +5 -5
- package/lib/components/table-header-cell/table-header-cell.directive.d.ts +11 -11
- package/lib/components/tabs/tab-pane/tab-pane.component.d.ts +9 -9
- package/lib/components/tabs/tabs.component.d.ts +24 -24
- package/lib/directives/click-outside.directive.d.ts +10 -0
- package/lib/festo-angular.module.d.ts +6 -11
- package/lib/forms/checkbox/checkbox.component.d.ts +3 -3
- package/lib/forms/color-indicator/color-indicator.component.d.ts +3 -3
- package/lib/forms/color-picker/color-helper.d.ts +4 -4
- package/lib/forms/color-picker/color-picker.component.d.ts +8 -8
- package/lib/forms/date-picker/date-picker.component.d.ts +15 -15
- package/lib/forms/date-range-picker/date-range-picker.component.d.ts +16 -16
- package/lib/forms/flatpickr/flatpickr.component.d.ts +19 -0
- package/lib/forms/forms.module.d.ts +17 -37
- package/lib/forms/radio/radio.component.d.ts +22 -22
- package/lib/forms/segment/segment-control/segment-control.component.d.ts +14 -15
- package/lib/forms/segment/segment.component.d.ts +20 -11
- package/lib/forms/select/chip-text.pipe.d.ts +3 -3
- package/lib/forms/select/select-option/select-option.component.d.ts +5 -5
- package/lib/forms/select/select.component.d.ts +15 -15
- package/lib/forms/slider/slider.component.d.ts +8 -8
- package/lib/forms/switch/switch.component.d.ts +7 -7
- package/lib/forms/text-area/text-area.component.d.ts +14 -14
- package/lib/forms/text-editor/text-editor.component.d.ts +22 -22
- package/lib/forms/text-input/text-input.component.d.ts +6 -7
- package/lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.d.ts +8 -8
- package/lib/forms/time-picker/time-picker.component.d.ts +11 -11
- package/lib/forms/unique-selection-dispatcher.d.ts +5 -5
- package/lib/forms/value-accessor-base.d.ts +6 -6
- package/lib/{components/modals → modals}/alert/alert.component.d.ts +6 -6
- package/lib/{components/modals → modals}/confirm/confirm.component.d.ts +6 -6
- package/lib/modals/custom-modal/custom-modal.component.d.ts +21 -0
- package/lib/{components → modals}/image-gallery/image-gallery.component.d.ts +8 -8
- package/lib/{components/modals → modals}/index.d.ts +1 -1
- package/lib/modals/modal.service.d.ts +22 -0
- package/lib/{components/modals → modals}/modals.module.d.ts +1 -6
- package/lib/{components/modals → modals}/prompt/prompt.component.d.ts +6 -6
- package/lib/pipes/safe-html.pipe.d.ts +3 -3
- package/package.json +13 -16
- package/public-api.d.ts +62 -0
- package/scss/base/image-gallery.scss +3 -0
- package/scss/base/popover.scss +9 -0
- package/scss/base/styles.scss +5 -0
- package/esm2020/index.mjs +0 -26
- package/esm2020/lib/components/click-outside.directive.mjs +0 -28
- package/esm2020/lib/components/image-gallery/image-gallery.component.mjs +0 -60
- package/esm2020/lib/components/image-gallery/image-gallery.module.mjs +0 -22
- package/esm2020/lib/components/modals/alert/alert.component.mjs +0 -52
- package/esm2020/lib/components/modals/confirm/confirm.component.mjs +0 -53
- package/esm2020/lib/components/modals/custom-modal/custom-modal.component.mjs +0 -70
- package/esm2020/lib/components/modals/index.mjs +0 -2
- package/esm2020/lib/components/modals/modal.service.mjs +0 -121
- package/esm2020/lib/components/modals/modals.module.mjs +0 -31
- package/esm2020/lib/components/modals/prompt/prompt.component.mjs +0 -102
- package/esm2020/lib/content/content.module.mjs +0 -20
- package/esm2020/lib/content/icon/icon.component.mjs +0 -17
- package/esm2020/lib/forms/container-host.mjs +0 -27
- package/esm2020/lib/forms/date-picker.module.mjs +0 -28
- package/esm2020/lib/forms/text-editor/text-editor.module.mjs +0 -25
- package/esm2020/lib/layout/layout.module.mjs +0 -18
- package/esm2020/lib/pipes/pipes.module.mjs +0 -20
- package/esm2020/lib/wrappers/flatpickr/flatpickr.component.mjs +0 -59
- package/lib/components/click-outside.directive.d.ts +0 -10
- package/lib/components/image-gallery/image-gallery.module.d.ts +0 -11
- package/lib/components/modals/custom-modal/custom-modal.component.d.ts +0 -21
- package/lib/components/modals/modal.service.d.ts +0 -22
- package/lib/content/content.module.d.ts +0 -9
- package/lib/content/icon/icon.component.d.ts +0 -45
- package/lib/forms/container-host.d.ts +0 -11
- package/lib/forms/date-picker.module.d.ts +0 -17
- package/lib/forms/text-editor/text-editor.module.d.ts +0 -14
- package/lib/layout/layout.module.d.ts +0 -7
- package/lib/pipes/pipes.module.d.ts +0 -9
- package/lib/wrappers/flatpickr/flatpickr.component.d.ts +0 -19
- package/scss/base/components/accordion/accordion-header/accordion-header.component.scss +0 -12
- package/scss/base/components/accordion/accordion-item/accordion-item-body/accordion-item-body.component.scss +0 -109
- package/scss/base/components/accordion/accordion-item/accordion-item-header/accordion-item-header.component.scss +0 -9
- package/scss/base/components/accordion/accordion-item/accordion-item.component.scss +0 -71
- package/scss/base/components/accordion/accordion.component.scss +0 -6
- package/scss/base/components/breadcrumb/breadcrumb.component.scss +0 -0
- package/scss/base/components/buttons/button/button.component.scss +0 -7
- package/scss/base/components/buttons/link-button/link-button.component.scss +0 -0
- package/scss/base/components/chips/chip/chip.component.scss +0 -0
- package/scss/base/components/chips/chip-container/chip-container.component.scss +0 -0
- package/scss/base/components/image-gallery/image-gallery.component.scss +0 -0
- package/scss/base/components/image-gallery/styles.scss +0 -5
- package/scss/base/components/loading-indicator/loading-indicator.component.scss +0 -0
- package/scss/base/components/modals/alert/alert.component.scss +0 -0
- package/scss/base/components/modals/confirm/confirm.component.scss +0 -0
- package/scss/base/components/modals/prompt/prompt.component.scss +0 -0
- package/scss/base/components/pagination/pagination.component.scss +0 -0
- package/scss/base/components/popovers/legend/legend.component.scss +0 -9
- package/scss/base/components/popovers/popover/popover.component.scss +0 -0
- package/scss/base/components/popovers/popover/styles.scss +0 -84
- package/scss/base/components/popovers/popover-content/popover-content.component.scss +0 -12
- package/scss/base/components/popovers/popover-menu/popover-menu.component.scss +0 -0
- package/scss/base/components/scroll/scroll-story-helper.scss +0 -12
- package/scss/base/components/search-input/search-input.component.scss +0 -7
- package/scss/base/components/snackbar/snackbar-container.component.scss +0 -3
- package/scss/base/components/snackbar/snackbar.component.scss +0 -3
- package/scss/base/components/stepper-horizontal/step-horizontal/step-horizontal.component.scss +0 -23
- package/scss/base/components/stepper-vertical/step-vertical/step-vertical.component.scss +0 -6
- package/scss/base/components/tabs/tab-pane/tab-pane.component.scss +0 -7
- package/scss/base/components/tabs/tabs.component.scss +0 -326
- package/scss/base/content/icon/icon.component.scss +0 -0
- package/scss/base/forms/checkbox/checkbox.component.scss +0 -160
- package/scss/base/forms/color-indicator/color-indicator.component.scss +0 -59
- package/scss/base/forms/color-picker/color-picker.component.scss +0 -207
- package/scss/base/forms/date-picker/date-picker.component.scss +0 -5
- package/scss/base/forms/date-range-picker/date-range-picker.component.scss +0 -34
- package/scss/base/forms/radio/radio.component.scss +0 -9
- package/scss/base/forms/segment/segment-control/segment-control.component.scss +0 -0
- package/scss/base/forms/segment/segment.component.scss +0 -0
- package/scss/base/forms/select/select-option/select-option.component.scss +0 -0
- package/scss/base/forms/select/select.component.scss +0 -251
- package/scss/base/forms/slider/slider.component.scss +0 -20
- package/scss/base/forms/switch/switch.component.scss +0 -145
- package/scss/base/forms/text-area/text-area.component.scss +0 -43
- package/scss/base/forms/text-editor/text-editor.component.scss +0 -294
- package/scss/base/forms/text-input/text-input.component.scss +0 -60
- package/scss/base/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.scss +0 -10
- package/scss/base/forms/time-picker/time-picker.component.scss +0 -5
package/esm2020/lib/components/mobile-flyout/mobile-flyout-page/mobile-flyout-page.component.mjs
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { Component, ContentChildren, Input,
|
|
1
|
+
import { Component, ContentChildren, Input, SimpleChange } from '@angular/core';
|
|
2
2
|
import { Subject } from 'rxjs';
|
|
3
3
|
import { takeUntil } from 'rxjs/operators';
|
|
4
|
-
import {
|
|
4
|
+
import { FngMobileFlyoutItemComponent } from '../mobile-flyout-item/mobile-flyout-item.component';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
import * as i1 from "@angular/common";
|
|
7
|
-
export class
|
|
8
|
+
export class FngMobileFlyoutPageComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.name = '';
|
|
10
11
|
this.back = 'Back';
|
|
@@ -48,17 +49,17 @@ export class MobileFlyoutPageComponent {
|
|
|
48
49
|
}
|
|
49
50
|
}
|
|
50
51
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
FngMobileFlyoutPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngMobileFlyoutPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
FngMobileFlyoutPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngMobileFlyoutPageComponent, isStandalone: true, selector: "fng-mobile-flyout-page", inputs: { name: "name", back: "back" }, queries: [{ propertyName: "itemComponents", predicate: FngMobileFlyoutItemComponent }], ngImport: i0, template: "<div class=\"fwe-mobile-flyout-page\" [class.fwe-opened]=\"visible\">\n <div class=\"fwe-page-back\" *ngIf=\"!isfirstelement\" (click)=\"onBack()\">\n <i></i>\n <div>{{ back }}</div>\n </div>\n <div class=\"fwe-mobile-flyout-item-container\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngMobileFlyoutPageComponent, decorators: [{
|
|
54
55
|
type: Component,
|
|
55
|
-
args: [{ selector: 'fng-mobile-flyout-page', template: "<div class=\"fwe-mobile-flyout-page\" [class.fwe-opened]=\"visible\">\n <div class=\"fwe-page-back\" *ngIf=\"!isfirstelement\" (click)=\"onBack()\">\n <i></i>\n <div>{{ back }}</div>\n </div>\n <div class=\"fwe-mobile-flyout-item-container\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
56
|
+
args: [{ standalone: true, imports: [CommonModule], selector: 'fng-mobile-flyout-page', template: "<div class=\"fwe-mobile-flyout-page\" [class.fwe-opened]=\"visible\">\n <div class=\"fwe-page-back\" *ngIf=\"!isfirstelement\" (click)=\"onBack()\">\n <i></i>\n <div>{{ back }}</div>\n </div>\n <div class=\"fwe-mobile-flyout-item-container\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
56
57
|
}], propDecorators: { itemComponents: [{
|
|
57
58
|
type: ContentChildren,
|
|
58
|
-
args: [
|
|
59
|
+
args: [FngMobileFlyoutItemComponent]
|
|
59
60
|
}], name: [{
|
|
60
61
|
type: Input
|
|
61
62
|
}], back: [{
|
|
62
63
|
type: Input
|
|
63
64
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLWZseW91dC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL21vYmlsZS1mbHlvdXQvbW9iaWxlLWZseW91dC1wYWdlL21vYmlsZS1mbHlvdXQtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9tb2JpbGUtZmx5b3V0L21vYmlsZS1mbHlvdXQtcGFnZS9tb2JpbGUtZmx5b3V0LXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQixTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBd0IsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hILE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBUS9DLE1BQU0sT0FBTyw0QkFBNEI7SUFOekM7UUFRVyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFNBQUksR0FBVyxNQUFNLENBQUM7UUFFL0IsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUdSLGFBQVEsR0FBcUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztLQTRDcEQ7SUExQ0Msa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBRTFCLHFFQUFxRTtRQUNyRSxvRUFBb0U7UUFDcEUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3hFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxVQUFVLENBQUMsUUFBZ0I7UUFDekIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUU7WUFDM0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBRU8sa0JBQWtCO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3hCLE9BQU87U0FDUjtRQUVELDJCQUEyQjtRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM5QixDQUFDLENBQUMsa0JBQWtCLEdBQUcsUUFBUSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQy9ELENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRTtZQUM1Qiw0REFBNEQ7WUFDNUQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO2dCQUNuQyxXQUFXLEVBQUUsSUFBSSxZQUFZLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLENBQUM7YUFDakQsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDOzt5SEFwRFUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIseUpBQ3RCLDRCQUE0Qiw2QkNkL0MsZ1RBU0EsMkNEQVksWUFBWTsyRkFJWCw0QkFBNEI7a0JBTnhDLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2Isd0JBQXdCOzhCQUlhLGNBQWM7c0JBQTVELGVBQWU7dUJBQUMsNEJBQTRCO2dCQUNwQyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3QsIE9uRGVzdHJveSwgU2ltcGxlQ2hhbmdlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IEZuZ01vYmlsZUZseW91dEl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9tb2JpbGUtZmx5b3V0LWl0ZW0vbW9iaWxlLWZseW91dC1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHNlbGVjdG9yOiAnZm5nLW1vYmlsZS1mbHlvdXQtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2JpbGUtZmx5b3V0LXBhZ2UuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEZuZ01vYmlsZUZseW91dFBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3kge1xuICBAQ29udGVudENoaWxkcmVuKEZuZ01vYmlsZUZseW91dEl0ZW1Db21wb25lbnQpIGl0ZW1Db21wb25lbnRzITogUXVlcnlMaXN0PEZuZ01vYmlsZUZseW91dEl0ZW1Db21wb25lbnQ+O1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgYmFjazogc3RyaW5nID0gJ0JhY2snO1xuXG4gIGlzZmlyc3RlbGVtZW50ID0gZmFsc2U7XG4gIHZpc2libGUgPSBmYWxzZTtcbiAgb25OYXZpZ2F0ZUNhbGxiYWNrOiAoKHBhZ2VOYW1lOiBzdHJpbmcpID0+IHZvaWQpIHwgdW5kZWZpbmVkO1xuXG4gIHByaXZhdGUgY29tcGxldGU6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdCgpO1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRJdGVtQ29tcG9uZW50cygpO1xuXG4gICAgLy8gaWYgd2UgaGF2ZSBpdGVtIGNvbXBvbmVudHMgdGhhdCBhcmUgYWRkZWQgZHluYW1pY2FsbHkgKGUuZy4gKm5nSWYpXG4gICAgLy8gd2UgbmVlZCB0byBjYWxsIGluaXQgYWdhaW4gdG8gaGF2ZSBhbGwgbmF2aWdhdGUgY2FsbGJhY2tzIGRlZmluZWRcbiAgICB0aGlzLml0ZW1Db21wb25lbnRzLmNoYW5nZXMucGlwZSh0YWtlVW50aWwodGhpcy5jb21wbGV0ZSkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmluaXRJdGVtQ29tcG9uZW50cygpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5jb21wbGV0ZS5uZXh0KHRydWUpO1xuICAgIHRoaXMuY29tcGxldGUudW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIG9uTmF2aWdhdGUocGFnZU5hbWU6IHN0cmluZykge1xuICAgIGlmICh0aGlzLm9uTmF2aWdhdGVDYWxsYmFjaykge1xuICAgICAgdGhpcy5vbk5hdmlnYXRlQ2FsbGJhY2socGFnZU5hbWUpO1xuICAgIH1cbiAgfVxuXG4gIG9uQmFjaygpIHtcbiAgICB0aGlzLnZpc2libGUgPSBmYWxzZTtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdEl0ZW1Db21wb25lbnRzKCkge1xuICAgIGlmICghdGhpcy5pdGVtQ29tcG9uZW50cykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIHJlZ2lzdGVyIGNsaWNrLWNhbGxiYWNrc1xuICAgIHRoaXMuaXRlbUNvbXBvbmVudHMuZm9yRWFjaChzID0+IHtcbiAgICAgIHMub25OYXZpZ2F0ZUNhbGxiYWNrID0gcGFnZU5hbWUgPT4gdGhpcy5vbk5hdmlnYXRlKHBhZ2VOYW1lKTtcbiAgICB9KTtcblxuICAgIGlmICh0aGlzLml0ZW1Db21wb25lbnRzLmxhc3QpIHtcbiAgICAgIC8vIHBhc3MgbmV3IHZhbHVlIGJ5IG5nT25DaGFuZ2VzIGZvciBwcm9wZXIgY2hhbmdlIGRldGVjdGlvblxuICAgICAgdGhpcy5pdGVtQ29tcG9uZW50cy5sYXN0Lm5nT25DaGFuZ2VzKHtcbiAgICAgICAgbGFzdEVsZW1lbnQ6IG5ldyBTaW1wbGVDaGFuZ2UobnVsbCwgdHJ1ZSwgZmFsc2UpXG4gICAgICB9KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmd2UtbW9iaWxlLWZseW91dC1wYWdlXCIgW2NsYXNzLmZ3ZS1vcGVuZWRdPVwidmlzaWJsZVwiPlxuICA8ZGl2IGNsYXNzPVwiZndlLXBhZ2UtYmFja1wiICpuZ0lmPVwiIWlzZmlyc3RlbGVtZW50XCIgKGNsaWNrKT1cIm9uQmFjaygpXCI+XG4gICAgPGk+PC9pPlxuICAgIDxkaXY+e3sgYmFjayB9fTwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1tb2JpbGUtZmx5b3V0LWl0ZW0tY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Component, ContentChildren, Output,
|
|
1
|
+
import { Component, ContentChildren, Output, EventEmitter } from '@angular/core';
|
|
2
2
|
import { Subject } from 'rxjs';
|
|
3
3
|
import { takeUntil } from 'rxjs/operators';
|
|
4
|
-
import {
|
|
4
|
+
import { FngMobileFlyoutPageComponent } from './mobile-flyout-page/mobile-flyout-page.component';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
|
-
|
|
7
|
-
export class MobileFlyoutComponent {
|
|
7
|
+
export class FngMobileFlyoutComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.flyoutOpenChange = new EventEmitter();
|
|
10
10
|
this.isOpen = false;
|
|
@@ -54,15 +54,15 @@ export class MobileFlyoutComponent {
|
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
57
|
+
FngMobileFlyoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngMobileFlyoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
+
FngMobileFlyoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngMobileFlyoutComponent, isStandalone: true, selector: "fng-mobile-flyout", outputs: { flyoutOpenChange: "flyoutOpenChange" }, queries: [{ propertyName: "pageComponents", predicate: FngMobileFlyoutPageComponent }], ngImport: i0, template: "<div class=\"fwe-mobile-flyout\" (clickOutside)=\"onClickOutside()\" fngClickOutside>\n <button [class.fwe-burger-button]=\"!isOpen\" [class.fwe-close-button]=\"isOpen\" (click)=\"toggle()\"></button>\n <div class=\"fwe-mobile-flyout-container\" [class.fwe-opened]=\"isOpen\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngMobileFlyoutComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
|
-
args: [{ selector: 'fng-mobile-flyout', template: "<div class=\"fwe-mobile-flyout\" (clickOutside)=\"onClickOutside()\" fngClickOutside>\n <button [class.fwe-burger-button]=\"!isOpen\" [class.fwe-close-button]=\"isOpen\" (click)=\"toggle()\"></button>\n <div class=\"fwe-mobile-flyout-container\" [class.fwe-opened]=\"isOpen\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
61
|
+
args: [{ standalone: true, imports: [CommonModule], selector: 'fng-mobile-flyout', template: "<div class=\"fwe-mobile-flyout\" (clickOutside)=\"onClickOutside()\" fngClickOutside>\n <button [class.fwe-burger-button]=\"!isOpen\" [class.fwe-close-button]=\"isOpen\" (click)=\"toggle()\"></button>\n <div class=\"fwe-mobile-flyout-container\" [class.fwe-opened]=\"isOpen\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
62
62
|
}], propDecorators: { flyoutOpenChange: [{
|
|
63
63
|
type: Output
|
|
64
64
|
}], pageComponents: [{
|
|
65
65
|
type: ContentChildren,
|
|
66
|
-
args: [
|
|
66
|
+
args: [FngMobileFlyoutPageComponent]
|
|
67
67
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLWZseW91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9tb2JpbGUtZmx5b3V0L21vYmlsZS1mbHlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvbW9iaWxlLWZseW91dC9tb2JpbGUtZmx5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLGVBQWUsRUFBYSxNQUFNLEVBQWEsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pILE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFRL0MsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQU9ZLHFCQUFnQixHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZFLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFUCxhQUFRLEdBQXFCLElBQUksT0FBTyxFQUFFLENBQUM7S0FxRHBEO0lBbkRDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUUxQixxRUFBcUU7UUFDckUsb0VBQW9FO1FBQ3BFLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUN4RSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsVUFBVSxDQUFDLFFBQWdCO1FBQ3pCLGdDQUFnQztRQUNoQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDekM7UUFFRCxnQ0FBZ0M7UUFDaEMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDO1FBQ3BFLElBQUksUUFBUSxFQUFFO1lBQ1osUUFBUSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7U0FDekI7SUFDSCxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzNCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVPLGtCQUFrQjtRQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN4QixPQUFPO1NBQ1I7UUFFRCxzREFBc0Q7UUFDdEQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDbkMsQ0FBQyxDQUFDLGtCQUFrQixHQUFHLFFBQVEsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM3RCxDQUFDLENBQUMsY0FBYyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDM0IsQ0FBQyxDQUFDLE9BQU8sR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7cUhBekRVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLCtKQUVsQiw0QkFBNEIsNkJDZi9DLDJVQU1BLDJDREdZLFlBQVk7MkZBSVgsd0JBQXdCO2tCQU5wQyxTQUFTO2lDQUNJLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiLG1CQUFtQjs4QkFJbkIsZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUN3QyxjQUFjO3NCQUE1RCxlQUFlO3VCQUFDLDRCQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBPbkRlc3Ryb3ksIE91dHB1dCwgUXVlcnlMaXN0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgRm5nTW9iaWxlRmx5b3V0UGFnZUNvbXBvbmVudCB9IGZyb20gJy4vbW9iaWxlLWZseW91dC1wYWdlL21vYmlsZS1mbHlvdXQtcGFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzZWxlY3RvcjogJ2ZuZy1tb2JpbGUtZmx5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vYmlsZS1mbHlvdXQuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEZuZ01vYmlsZUZseW91dENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIE9uRGVzdHJveSB7XG4gIEBPdXRwdXQoKSBmbHlvdXRPcGVuQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBDb250ZW50Q2hpbGRyZW4oRm5nTW9iaWxlRmx5b3V0UGFnZUNvbXBvbmVudCkgcGFnZUNvbXBvbmVudHMhOiBRdWVyeUxpc3Q8Rm5nTW9iaWxlRmx5b3V0UGFnZUNvbXBvbmVudD47XG4gIGlzT3BlbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgY29tcGxldGU6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdCgpO1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRQYWdlQ29tcG9uZW50cygpO1xuXG4gICAgLy8gaWYgd2UgaGF2ZSBwYWdlIGNvbXBvbmVudHMgdGhhdCBhcmUgYWRkZWQgZHluYW1pY2FsbHkgKGUuZy4gKm5nSWYpXG4gICAgLy8gd2UgbmVlZCB0byBjYWxsIGluaXQgYWdhaW4gdG8gaGF2ZSBhbGwgbmF2aWdhdGUgY2FsbGJhY2tzIGRlZmluZWRcbiAgICB0aGlzLnBhZ2VDb21wb25lbnRzLmNoYW5nZXMucGlwZSh0YWtlVW50aWwodGhpcy5jb21wbGV0ZSkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmluaXRQYWdlQ29tcG9uZW50cygpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5jb21wbGV0ZS5uZXh0KHRydWUpO1xuICAgIHRoaXMuY29tcGxldGUudW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIG9uTmF2aWdhdGUocGFnZU5hbWU6IHN0cmluZykge1xuICAgIC8vIGhhbmRsZSBjbGlja3Mgb24gcm91dGVyIGxpbmtzXG4gICAgaWYgKCFwYWdlTmFtZSkge1xuICAgICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcbiAgICAgIHRoaXMuZmx5b3V0T3BlbkNoYW5nZS5lbWl0KHRoaXMuaXNPcGVuKTtcbiAgICB9XG5cbiAgICAvLyBoYW5kbGUgcGFnZS1uYXZpZ2F0aW9uIGNsaWNrc1xuICAgIGNvbnN0IG5leHRQYWdlID0gdGhpcy5wYWdlQ29tcG9uZW50cy5maW5kKHAgPT4gcC5uYW1lID09PSBwYWdlTmFtZSk7XG4gICAgaWYgKG5leHRQYWdlKSB7XG4gICAgICBuZXh0UGFnZS52aXNpYmxlID0gdHJ1ZTtcbiAgICB9XG4gIH1cblxuICB0b2dnbGUoKSB7XG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XG4gICAgdGhpcy5mbHlvdXRPcGVuQ2hhbmdlLmVtaXQodGhpcy5pc09wZW4pO1xuICB9XG5cbiAgb25DbGlja091dHNpZGUoKSB7XG4gICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcbiAgICB0aGlzLmZseW91dE9wZW5DaGFuZ2UuZW1pdCh0aGlzLmlzT3Blbik7XG4gIH1cblxuICBwcml2YXRlIGluaXRQYWdlQ29tcG9uZW50cygpIHtcbiAgICBpZiAoIXRoaXMucGFnZUNvbXBvbmVudHMpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyByZWdpc3RlciBjbGljay1jYWxsYmFja3MgYW5kIG9wZW4gdGhlIGZpcnN0IGVsZW1lbnRcbiAgICB0aGlzLnBhZ2VDb21wb25lbnRzLmZvckVhY2goKHMsIGkpID0+IHtcbiAgICAgIHMub25OYXZpZ2F0ZUNhbGxiYWNrID0gcGFnZU5hbWUgPT4gdGhpcy5vbk5hdmlnYXRlKHBhZ2VOYW1lKTtcbiAgICAgIHMuaXNmaXJzdGVsZW1lbnQgPSBpID09PSAwO1xuICAgICAgcy52aXNpYmxlID0gaSA9PT0gMDtcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZ3ZS1tb2JpbGUtZmx5b3V0XCIgKGNsaWNrT3V0c2lkZSk9XCJvbkNsaWNrT3V0c2lkZSgpXCIgZm5nQ2xpY2tPdXRzaWRlPlxuICA8YnV0dG9uIFtjbGFzcy5md2UtYnVyZ2VyLWJ1dHRvbl09XCIhaXNPcGVuXCIgW2NsYXNzLmZ3ZS1jbG9zZS1idXR0b25dPVwiaXNPcGVuXCIgKGNsaWNrKT1cInRvZ2dsZSgpXCI+PC9idXR0b24+XG4gIDxkaXYgY2xhc3M9XCJmd2UtbW9iaWxlLWZseW91dC1jb250YWluZXJcIiBbY2xhc3MuZndlLW9wZW5lZF09XCJpc09wZW5cIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
1
2
|
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@angular/common";
|
|
4
|
-
export var
|
|
5
|
-
(function (
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
})(
|
|
9
|
-
export class
|
|
5
|
+
export var FngPaginationType;
|
|
6
|
+
(function (FngPaginationType) {
|
|
7
|
+
FngPaginationType["Numeric"] = "NUMERIC";
|
|
8
|
+
FngPaginationType["Dots"] = "DOTS";
|
|
9
|
+
})(FngPaginationType || (FngPaginationType = {}));
|
|
10
|
+
export class FngPaginationComponent {
|
|
10
11
|
constructor() {
|
|
11
|
-
this.PaginationType =
|
|
12
|
-
this.type =
|
|
12
|
+
this.PaginationType = FngPaginationType;
|
|
13
|
+
this.type = FngPaginationType.Numeric;
|
|
13
14
|
this.pageCurrent = 0;
|
|
14
15
|
this.changePage = new EventEmitter();
|
|
16
|
+
this.innerPageMax = 0;
|
|
15
17
|
this.dotArray = [];
|
|
16
18
|
}
|
|
17
19
|
set pageMax(value) {
|
|
@@ -38,11 +40,11 @@ export class PaginationComponent {
|
|
|
38
40
|
this.changePage.emit(this.pageCurrent);
|
|
39
41
|
}
|
|
40
42
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
43
|
+
FngPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
FngPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngPaginationComponent, isStandalone: true, selector: "fng-pagination", inputs: { type: "type", pageCurrent: "pageCurrent", pageMax: "pageMax" }, outputs: { changePage: "changePage" }, ngImport: i0, template: "<ng-container *ngIf=\"type === PaginationType.Numeric\">\n <div class=\"fwe-pagination fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n <button class=\"fwe-navigate-btn-down\" (click)=\"onBtnDown()\" [class.fwe-disabled]=\"pageCurrent <= 1\"></button>\n <span class=\"fwe-page-current\">{{ pageCurrent }}</span>\n <span class=\"fwe-page-max\">{{ pageMax }}</span>\n <button class=\"fwe-navigate-btn-up\" (click)=\"onBtnUp()\" [class.fwe-disabled]=\"pageCurrent >= pageMax\"></button>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"type === PaginationType.Dots\">\n <div class=\"fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n <div class=\"fwe-pagination\">\n <span\n *ngFor=\"let index of dotArray\"\n class=\"fwe-page-dot\"\n [class.fwe-selected]=\"index + 1 === pageCurrent\"\n (click)=\"onDotClick(index)\"\n ></span>\n </div>\n </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPaginationComponent, decorators: [{
|
|
44
46
|
type: Component,
|
|
45
|
-
args: [{ selector: 'fng-pagination', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"type === PaginationType.Numeric\">\n <div class=\"fwe-pagination fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n <button class=\"fwe-navigate-btn-down\" (click)=\"onBtnDown()\" [class.fwe-disabled]=\"pageCurrent <= 1\"></button>\n <span class=\"fwe-page-current\">{{ pageCurrent }}</span>\n <span class=\"fwe-page-max\">{{ pageMax }}</span>\n <button class=\"fwe-navigate-btn-up\" (click)=\"onBtnUp()\" [class.fwe-disabled]=\"pageCurrent >= pageMax\"></button>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"type === PaginationType.Dots\">\n <div class=\"fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n <div class=\"fwe-pagination\">\n <span\n *ngFor=\"let index of dotArray\"\n class=\"fwe-page-dot\"\n [class.fwe-selected]=\"index + 1 === pageCurrent\"\n (click)=\"onDotClick(index)\"\n ></span>\n </div>\n </div>\n</ng-container>\n" }]
|
|
47
|
+
args: [{ standalone: true, imports: [CommonModule], selector: 'fng-pagination', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"type === PaginationType.Numeric\">\n <div class=\"fwe-pagination fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n <button class=\"fwe-navigate-btn-down\" (click)=\"onBtnDown()\" [class.fwe-disabled]=\"pageCurrent <= 1\"></button>\n <span class=\"fwe-page-current\">{{ pageCurrent }}</span>\n <span class=\"fwe-page-max\">{{ pageMax }}</span>\n <button class=\"fwe-navigate-btn-up\" (click)=\"onBtnUp()\" [class.fwe-disabled]=\"pageCurrent >= pageMax\"></button>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"type === PaginationType.Dots\">\n <div class=\"fwe-p-m\" [class.fwe-d-none]=\"pageMax < 2\">\n <div class=\"fwe-pagination\">\n <span\n *ngFor=\"let index of dotArray\"\n class=\"fwe-page-dot\"\n [class.fwe-selected]=\"index + 1 === pageCurrent\"\n (click)=\"onDotClick(index)\"\n ></span>\n </div>\n </div>\n</ng-container>\n" }]
|
|
46
48
|
}], propDecorators: { type: [{
|
|
47
49
|
type: Input
|
|
48
50
|
}], pageCurrent: [{
|
|
@@ -52,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
52
54
|
}], changePage: [{
|
|
53
55
|
type: Output
|
|
54
56
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFMUYsTUFBTSxDQUFOLElBQVksaUJBR1g7QUFIRCxXQUFZLGlCQUFpQjtJQUMzQix3Q0FBbUIsQ0FBQTtJQUNuQixrQ0FBYSxDQUFBO0FBQ2YsQ0FBQyxFQUhXLGlCQUFpQixLQUFqQixpQkFBaUIsUUFHNUI7QUFVRCxNQUFNLE9BQU8sc0JBQXNCO0lBUm5DO1FBU0UsbUJBQWMsR0FBRyxpQkFBaUIsQ0FBQztRQUUxQixTQUFJLEdBQXNCLGlCQUFpQixDQUFDLE9BQU8sQ0FBQztRQUNwRCxnQkFBVyxHQUFHLENBQUMsQ0FBQztRQVVmLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRWxELGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLGFBQVEsR0FBYSxFQUFFLENBQUM7S0FvQnpCO0lBaENDLElBQ0ksT0FBTyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQU9ELFNBQVM7UUFDUCxJQUFJLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUFFO1lBQ3hCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDeEM7SUFDSCxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ25DLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDeEM7SUFDSCxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN6QyxDQUFDOzttSEFwQ1Usc0JBQXNCO3VHQUF0QixzQkFBc0IsMkxDaEJuQywwNUJBcUJBLHlERFhZLFlBQVk7MkZBTVgsc0JBQXNCO2tCQVJsQyxTQUFTO2lDQUNJLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiLGdCQUFnQixpQkFHWCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUs1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRixPQUFPO3NCQURWLEtBQUs7Z0JBU0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGVudW0gRm5nUGFnaW5hdGlvblR5cGUge1xuICBOdW1lcmljID0gJ05VTUVSSUMnLFxuICBEb3RzID0gJ0RPVFMnXG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgc2VsZWN0b3I6ICdmbmctcGFnaW5hdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZuZ1BhZ2luYXRpb25Db21wb25lbnQge1xuICBQYWdpbmF0aW9uVHlwZSA9IEZuZ1BhZ2luYXRpb25UeXBlO1xuXG4gIEBJbnB1dCgpIHR5cGU6IEZuZ1BhZ2luYXRpb25UeXBlID0gRm5nUGFnaW5hdGlvblR5cGUuTnVtZXJpYztcbiAgQElucHV0KCkgcGFnZUN1cnJlbnQgPSAwO1xuICBASW5wdXQoKVxuICBzZXQgcGFnZU1heCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5pbm5lclBhZ2VNYXggPSB2YWx1ZTtcbiAgICB0aGlzLmRvdEFycmF5ID0gWy4uLkFycmF5KHZhbHVlKS5maWxsKDApLmtleXMoKV07XG4gIH1cbiAgZ2V0IHBhZ2VNYXgoKSB7XG4gICAgcmV0dXJuIHRoaXMuaW5uZXJQYWdlTWF4O1xuICB9XG5cbiAgQE91dHB1dCgpIGNoYW5nZVBhZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBpbm5lclBhZ2VNYXg6IG51bWJlciA9IDA7XG4gIGRvdEFycmF5OiBudW1iZXJbXSA9IFtdO1xuXG4gIG9uQnRuRG93bigpIHtcbiAgICBpZiAodGhpcy5wYWdlQ3VycmVudCA+IDEpIHtcbiAgICAgIHRoaXMucGFnZUN1cnJlbnQtLTtcbiAgICAgIHRoaXMuY2hhbmdlUGFnZS5lbWl0KHRoaXMucGFnZUN1cnJlbnQpO1xuICAgIH1cbiAgfVxuXG4gIG9uQnRuVXAoKSB7XG4gICAgaWYgKHRoaXMucGFnZUN1cnJlbnQgPCB0aGlzLnBhZ2VNYXgpIHtcbiAgICAgIHRoaXMucGFnZUN1cnJlbnQrKztcbiAgICAgIHRoaXMuY2hhbmdlUGFnZS5lbWl0KHRoaXMucGFnZUN1cnJlbnQpO1xuICAgIH1cbiAgfVxuXG4gIG9uRG90Q2xpY2soaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMucGFnZUN1cnJlbnQgPSBpbmRleCArIDE7XG4gICAgdGhpcy5jaGFuZ2VQYWdlLmVtaXQodGhpcy5wYWdlQ3VycmVudCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlID09PSBQYWdpbmF0aW9uVHlwZS5OdW1lcmljXCI+XG4gIDxkaXYgY2xhc3M9XCJmd2UtcGFnaW5hdGlvbiBmd2UtcC1tXCIgW2NsYXNzLmZ3ZS1kLW5vbmVdPVwicGFnZU1heCA8IDJcIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwiZndlLW5hdmlnYXRlLWJ0bi1kb3duXCIgKGNsaWNrKT1cIm9uQnRuRG93bigpXCIgW2NsYXNzLmZ3ZS1kaXNhYmxlZF09XCJwYWdlQ3VycmVudCA8PSAxXCI+PC9idXR0b24+XG4gICAgPHNwYW4gY2xhc3M9XCJmd2UtcGFnZS1jdXJyZW50XCI+e3sgcGFnZUN1cnJlbnQgfX08L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJmd2UtcGFnZS1tYXhcIj57eyBwYWdlTWF4IH19PC9zcGFuPlxuICAgIDxidXR0b24gY2xhc3M9XCJmd2UtbmF2aWdhdGUtYnRuLXVwXCIgKGNsaWNrKT1cIm9uQnRuVXAoKVwiIFtjbGFzcy5md2UtZGlzYWJsZWRdPVwicGFnZUN1cnJlbnQgPj0gcGFnZU1heFwiPjwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PT0gUGFnaW5hdGlvblR5cGUuRG90c1wiPlxuICA8ZGl2IGNsYXNzPVwiZndlLXAtbVwiIFtjbGFzcy5md2UtZC1ub25lXT1cInBhZ2VNYXggPCAyXCI+XG4gICAgPGRpdiBjbGFzcz1cImZ3ZS1wYWdpbmF0aW9uXCI+XG4gICAgICA8c3BhblxuICAgICAgICAqbmdGb3I9XCJsZXQgaW5kZXggb2YgZG90QXJyYXlcIlxuICAgICAgICBjbGFzcz1cImZ3ZS1wYWdlLWRvdFwiXG4gICAgICAgIFtjbGFzcy5md2Utc2VsZWN0ZWRdPVwiaW5kZXggKyAxID09PSBwYWdlQ3VycmVudFwiXG4gICAgICAgIChjbGljayk9XCJvbkRvdENsaWNrKGluZGV4KVwiXG4gICAgICA+PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { PopoverService } from '../popover.service';
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
import * as i1 from "../popover.service";
|
|
6
5
|
import * as i2 from "@angular/common";
|
|
7
|
-
export class
|
|
6
|
+
export class FngLegendComponent {
|
|
8
7
|
constructor(popoverService) {
|
|
9
8
|
this.popoverService = popoverService;
|
|
10
9
|
this.items = [];
|
|
11
10
|
this.options = {};
|
|
12
11
|
}
|
|
13
12
|
show(origin) {
|
|
14
|
-
if (0 < this.items.length) {
|
|
13
|
+
if (0 < this.items.length && this.templateRef) {
|
|
15
14
|
this.popoverRef = this.popoverService.open({
|
|
16
15
|
content: this.templateRef,
|
|
17
16
|
origin,
|
|
18
17
|
options: {
|
|
19
|
-
type:
|
|
18
|
+
type: 'legend',
|
|
20
19
|
hasBackdrop: true
|
|
21
|
-
}
|
|
20
|
+
},
|
|
21
|
+
data: undefined
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
hide() {
|
|
26
|
-
this.popoverRef
|
|
26
|
+
this.popoverRef?.close();
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
29
|
+
FngLegendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngLegendComponent, deps: [{ token: i1.FngPopoverService }], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
FngLegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngLegendComponent, isStandalone: true, selector: "fng-legend", inputs: { items: "items", options: "options" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["tpl"], descendants: true }], ngImport: i0, template: "<ng-template #tpl>\n <dl *ngIf=\"0 < items.length\" class=\"fng-legend\">\n <div *ngFor=\"let item of items\" class=\"fng-legend-content\">\n <dt>{{ item?.name }}</dt>\n <dd>{{ item?.text }}</dd>\n </div>\n </dl>\n</ng-template>\n", styles: [".fwe-triangle.fwe-triangle-right,.fwe-triangle.fwe-triangle-left,.fwe-triangle.fwe-triangle-bottom,.fwe-triangle.fwe-triangle-top{width:17px;height:17px;position:absolute;overflow:hidden}.fwe-triangle.fwe-triangle-right:after,.fwe-triangle.fwe-triangle-left:after,.fwe-triangle.fwe-triangle-bottom:after,.fwe-triangle.fwe-triangle-top:after{content:\"\";position:absolute;width:12px;height:12px;background:var(--fwe-white);transform:rotate(45deg);box-shadow:0 1px 4px #3333}.fwe-popover.fwe-popover-menu,.fwe-popover{background-color:var(--fwe-white);box-shadow:0 1px 4px #3333;border-radius:4px}.fwe-popover{padding:8px;font-size:var(--fwe-font-size-md);line-height:1rem}.fwe-popover-container{position:relative;display:inline-block}.fwe-triangle.fwe-triangle-top{left:50%;top:-17px;transform:translate(-8px)}.fwe-triangle.fwe-triangle-top:after{top:11px;left:3px}.fwe-triangle.fwe-triangle-bottom{left:50%;top:100%;transform:translate(-8px)}.fwe-triangle.fwe-triangle-bottom:after{top:-6px;left:3px}.fwe-triangle.fwe-triangle-left{left:-17px;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-left:after{top:2px;left:11px}.fwe-triangle.fwe-triangle-right{left:100%;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-right:after{top:2px;left:-6px}.fwe-popover.fwe-popover-menu{font-size:var(--fwe-font-size-base);line-height:1.5rem;padding:16px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item{border-bottom:none;min-height:36px;padding:0}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button{width:100%;margin-left:inherit;padding:0 8px 0 0;text-align:left;height:32px;max-height:32px;display:inline-flex;justify-content:unset}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover{color:var(--fwe-black)}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;height:24px;width:32px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i:before{display:inline-flex}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span{display:inline-flex;height:24px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=\" fwe-icon-\"]{margin-left:inherit}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover{color:var(--fwe-black);background-color:#3333331a}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:active{background-color:#3333}.fwe-popover .fwe-popover-legend{display:table;margin:16px;line-height:24px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content{display:table-row}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dt{display:table-cell;margin:0;padding-right:8px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dd{display:table-cell;margin:0}.fng-legend{display:table;margin:16px;line-height:24px}.fng-legend .fng-legend-content{display:table-row}.fng-legend .fng-legend-content dt{display:table-cell;margin:0;padding-right:8px}.fng-legend .fng-legend-content dd{display:table-cell;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngLegendComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: 'fng-legend', template: "<ng-template #tpl>\n <dl *ngIf=\"0 < items.length\" class=\"fng-legend\">\n <div *ngFor=\"let item of items\" class=\"fng-legend-content\">\n <dt>{{ item?.name }}</dt>\n <dd>{{ item?.text }}</dd>\n </div>\n </dl>\n</ng-template>\n", styles: [".fwe-triangle.fwe-triangle-right,.fwe-triangle.fwe-triangle-left,.fwe-triangle.fwe-triangle-bottom,.fwe-triangle.fwe-triangle-top{width:17px;height:17px;position:absolute;overflow:hidden}.fwe-triangle.fwe-triangle-right:after,.fwe-triangle.fwe-triangle-left:after,.fwe-triangle.fwe-triangle-bottom:after,.fwe-triangle.fwe-triangle-top:after{content:\"\";position:absolute;width:12px;height:12px;background:var(--fwe-white);transform:rotate(45deg);box-shadow:0 1px 4px #3333}.fwe-popover.fwe-popover-menu,.fwe-popover{background-color:var(--fwe-white);box-shadow:0 1px 4px #3333;border-radius:4px}.fwe-popover{padding:8px;font-size:var(--fwe-font-size-md);line-height:1rem}.fwe-popover-container{position:relative;display:inline-block}.fwe-triangle.fwe-triangle-top{left:50%;top:-17px;transform:translate(-8px)}.fwe-triangle.fwe-triangle-top:after{top:11px;left:3px}.fwe-triangle.fwe-triangle-bottom{left:50%;top:100%;transform:translate(-8px)}.fwe-triangle.fwe-triangle-bottom:after{top:-6px;left:3px}.fwe-triangle.fwe-triangle-left{left:-17px;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-left:after{top:2px;left:11px}.fwe-triangle.fwe-triangle-right{left:100%;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-right:after{top:2px;left:-6px}.fwe-popover.fwe-popover-menu{font-size:var(--fwe-font-size-base);line-height:1.5rem;padding:16px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item{border-bottom:none;min-height:36px;padding:0}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button{width:100%;margin-left:inherit;padding:0 8px 0 0;text-align:left;height:32px;max-height:32px;display:inline-flex;justify-content:unset}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover{color:var(--fwe-black)}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;height:24px;width:32px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i:before{display:inline-flex}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span{display:inline-flex;height:24px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=\" fwe-icon-\"]{margin-left:inherit}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover{color:var(--fwe-black);background-color:#3333331a}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:active{background-color:#3333}.fwe-popover .fwe-popover-legend{display:table;margin:16px;line-height:24px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content{display:table-row}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dt{display:table-cell;margin:0;padding-right:8px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dd{display:table-cell;margin:0}.fng-legend{display:table;margin:16px;line-height:24px}.fng-legend .fng-legend-content{display:table-row}.fng-legend .fng-legend-content dt{display:table-cell;margin:0;padding-right:8px}.fng-legend .fng-legend-content dd{display:table-cell;margin:0}\n"] }]
|
|
34
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
33
|
+
args: [{ standalone: true, selector: 'fng-legend', imports: [CommonModule], template: "<ng-template #tpl>\n <dl *ngIf=\"0 < items.length\" class=\"fng-legend\">\n <div *ngFor=\"let item of items\" class=\"fng-legend-content\">\n <dt>{{ item?.name }}</dt>\n <dd>{{ item?.text }}</dd>\n </div>\n </dl>\n</ng-template>\n", styles: [".fwe-triangle.fwe-triangle-right,.fwe-triangle.fwe-triangle-left,.fwe-triangle.fwe-triangle-bottom,.fwe-triangle.fwe-triangle-top{width:17px;height:17px;position:absolute;overflow:hidden}.fwe-triangle.fwe-triangle-right:after,.fwe-triangle.fwe-triangle-left:after,.fwe-triangle.fwe-triangle-bottom:after,.fwe-triangle.fwe-triangle-top:after{content:\"\";position:absolute;width:12px;height:12px;background:var(--fwe-white);transform:rotate(45deg);box-shadow:0 1px 4px #3333}.fwe-popover.fwe-popover-menu,.fwe-popover{background-color:var(--fwe-white);box-shadow:0 1px 4px #3333;border-radius:4px}.fwe-popover{padding:8px;font-size:var(--fwe-font-size-md);line-height:1rem}.fwe-popover-container{position:relative;display:inline-block}.fwe-triangle.fwe-triangle-top{left:50%;top:-17px;transform:translate(-8px)}.fwe-triangle.fwe-triangle-top:after{top:11px;left:3px}.fwe-triangle.fwe-triangle-bottom{left:50%;top:100%;transform:translate(-8px)}.fwe-triangle.fwe-triangle-bottom:after{top:-6px;left:3px}.fwe-triangle.fwe-triangle-left{left:-17px;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-left:after{top:2px;left:11px}.fwe-triangle.fwe-triangle-right{left:100%;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-right:after{top:2px;left:-6px}.fwe-popover.fwe-popover-menu{font-size:var(--fwe-font-size-base);line-height:1.5rem;padding:16px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item{border-bottom:none;min-height:36px;padding:0}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button{width:100%;margin-left:inherit;padding:0 8px 0 0;text-align:left;height:32px;max-height:32px;display:inline-flex;justify-content:unset}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover{color:var(--fwe-black)}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;height:24px;width:32px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i:before{display:inline-flex}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span{display:inline-flex;height:24px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=\" fwe-icon-\"]{margin-left:inherit}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover{color:var(--fwe-black);background-color:#3333331a}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:active{background-color:#3333}.fwe-popover .fwe-popover-legend{display:table;margin:16px;line-height:24px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content{display:table-row}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dt{display:table-cell;margin:0;padding-right:8px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dd{display:table-cell;margin:0}.fng-legend{display:table;margin:16px;line-height:24px}.fng-legend .fng-legend-content{display:table-row}.fng-legend .fng-legend-content dt{display:table-cell;margin:0;padding-right:8px}.fng-legend .fng-legend-content dd{display:table-cell;margin:0}\n"] }]
|
|
34
|
+
}], ctorParameters: function () { return [{ type: i1.FngPopoverService }]; }, propDecorators: { items: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], options: [{
|
|
37
37
|
type: Input
|
|
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
39
39
|
type: ViewChild,
|
|
40
40
|
args: ['tpl']
|
|
41
41
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3BvcG92ZXJzL2xlZ2VuZC9sZWdlbmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcG9wb3ZlcnMvbGVnZW5kL2xlZ2VuZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBcUJ6RSxNQUFNLE9BQU8sa0JBQWtCO0lBTTdCLFlBQW9CLGNBQWlDO1FBQWpDLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQUw1QyxVQUFLLEdBQW9CLEVBQUUsQ0FBQztRQUM1QixZQUFPLEdBQTRCLEVBQUUsQ0FBQztJQUlTLENBQUM7SUFFekQsSUFBSSxDQUFDLE1BQW1CO1FBQ3RCLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDN0MsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztnQkFDekMsT0FBTyxFQUFFLElBQUksQ0FBQyxXQUFXO2dCQUN6QixNQUFNO2dCQUNOLE9BQU8sRUFBRTtvQkFDUCxJQUFJLEVBQUUsUUFBUTtvQkFDZCxXQUFXLEVBQUUsSUFBSTtpQkFDbEI7Z0JBQ0QsSUFBSSxFQUFFLFNBQVM7YUFDaEIsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7K0dBeEJVLGtCQUFrQjttR0FBbEIsa0JBQWtCLDBOQ3RCL0IsMFBBUUEsbW5HRFlZLFlBQVk7MkZBRVgsa0JBQWtCO2tCQVA5QixTQUFTO2lDQUNJLElBQUksWUFDTixZQUFZLFdBR2IsQ0FBQyxZQUFZLENBQUM7d0dBR2QsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDWSxXQUFXO3NCQUE1QixTQUFTO3VCQUFDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBQb3BvdmVyUmVmIH0gZnJvbSAnLi4vcG9wb3Zlci1yZWYnO1xuaW1wb3J0IHsgRm5nUG9wb3ZlclNlcnZpY2UgfSBmcm9tICcuLi9wb3BvdmVyLnNlcnZpY2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZuZ1BvcG92ZXJMZWdlbmRPcHRpb25zIHtcbiAgbWF4V2lkdGg/OiBzdHJpbmcgfCBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm5nTGVnZW5kSXRlbSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdmbmctbGVnZW5kJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xlZ2VuZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xlZ2VuZC5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBGbmdMZWdlbmRDb21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtczogRm5nTGVnZW5kSXRlbVtdID0gW107XG4gIEBJbnB1dCgpIG9wdGlvbnM6IEZuZ1BvcG92ZXJMZWdlbmRPcHRpb25zID0ge307XG4gIEBWaWV3Q2hpbGQoJ3RwbCcpIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+IHwgdW5kZWZpbmVkO1xuICBwcml2YXRlIHBvcG92ZXJSZWY6IFBvcG92ZXJSZWYgfCB1bmRlZmluZWQ7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBwb3BvdmVyU2VydmljZTogRm5nUG9wb3ZlclNlcnZpY2UpIHt9XG5cbiAgc2hvdyhvcmlnaW46IEhUTUxFbGVtZW50KSB7XG4gICAgaWYgKDAgPCB0aGlzLml0ZW1zLmxlbmd0aCAmJiB0aGlzLnRlbXBsYXRlUmVmKSB7XG4gICAgICB0aGlzLnBvcG92ZXJSZWYgPSB0aGlzLnBvcG92ZXJTZXJ2aWNlLm9wZW4oe1xuICAgICAgICBjb250ZW50OiB0aGlzLnRlbXBsYXRlUmVmLFxuICAgICAgICBvcmlnaW4sXG4gICAgICAgIG9wdGlvbnM6IHtcbiAgICAgICAgICB0eXBlOiAnbGVnZW5kJyxcbiAgICAgICAgICBoYXNCYWNrZHJvcDogdHJ1ZVxuICAgICAgICB9LFxuICAgICAgICBkYXRhOiB1bmRlZmluZWRcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGhpZGUoKSB7XG4gICAgdGhpcy5wb3BvdmVyUmVmPy5jbG9zZSgpO1xuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI3RwbD5cbiAgPGRsICpuZ0lmPVwiMCA8IGl0ZW1zLmxlbmd0aFwiIGNsYXNzPVwiZm5nLWxlZ2VuZFwiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBjbGFzcz1cImZuZy1sZWdlbmQtY29udGVudFwiPlxuICAgICAgPGR0Pnt7IGl0ZW0/Lm5hbWUgfX08L2R0PlxuICAgICAgPGRkPnt7IGl0ZW0/LnRleHQgfX08L2RkPlxuICAgIDwvZGl2PlxuICA8L2RsPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { Directive,
|
|
2
|
-
import { PopoverContentComponent } from '../popover-content/popover-content.component';
|
|
1
|
+
import { Directive, ContentChild, HostListener } from '@angular/core';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
|
-
export class
|
|
3
|
+
export class FngLegendDirective {
|
|
5
4
|
constructor(elmenetRef) {
|
|
6
5
|
this.elmenetRef = elmenetRef;
|
|
7
6
|
}
|
|
@@ -9,16 +8,17 @@ export class LegendDirective {
|
|
|
9
8
|
this.origin = this.elmenetRef.nativeElement;
|
|
10
9
|
}
|
|
11
10
|
show() {
|
|
12
|
-
if (null != this.ref) {
|
|
11
|
+
if (null != this.ref && this.origin) {
|
|
13
12
|
this.ref.show(this.origin);
|
|
14
13
|
}
|
|
15
14
|
}
|
|
16
15
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
16
|
+
FngLegendDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngLegendDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
17
|
+
FngLegendDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.1", type: FngLegendDirective, isStandalone: true, selector: "[fngLegend]", host: { listeners: { "click": "show()" } }, queries: [{ propertyName: "ref", first: true, predicate: ["fngContent"], descendants: true }], ngImport: i0 });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngLegendDirective, decorators: [{
|
|
20
19
|
type: Directive,
|
|
21
20
|
args: [{
|
|
21
|
+
standalone: true,
|
|
22
22
|
selector: '[fngLegend]'
|
|
23
23
|
}]
|
|
24
24
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { ref: [{
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
28
28
|
type: HostListener,
|
|
29
29
|
args: ['click']
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3BvcG92ZXJzL2xlZ2VuZC9sZWdlbmQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFRMUYsTUFBTSxPQUFPLGtCQUFrQjtJQUk3QixZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQUcsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUM5QyxDQUFDO0lBR0QsSUFBSTtRQUNGLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNuQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDNUI7SUFDSCxDQUFDOzsrR0FmVSxrQkFBa0I7bUdBQWxCLGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQUo5QixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsYUFBYTtpQkFDeEI7aUdBRTZCLEdBQUc7c0JBQTlCLFlBQVk7dUJBQUMsWUFBWTtnQkFVMUIsSUFBSTtzQkFESCxZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIENvbnRlbnRDaGlsZCwgSG9zdExpc3RlbmVyLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRm5nUG9wb3ZlckNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuLi9wb3BvdmVyLWNvbnRlbnQvcG9wb3Zlci1jb250ZW50LmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1tmbmdMZWdlbmRdJ1xufSlcbmV4cG9ydCBjbGFzcyBGbmdMZWdlbmREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBAQ29udGVudENoaWxkKCdmbmdDb250ZW50JykgcmVmOiBGbmdQb3BvdmVyQ29udGVudENvbXBvbmVudCB8IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBvcmlnaW46IEhUTUxFbGVtZW50IHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxtZW5ldFJlZjogRWxlbWVudFJlZikge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm9yaWdpbiA9IHRoaXMuZWxtZW5ldFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBzaG93KCkge1xuICAgIGlmIChudWxsICE9IHRoaXMucmVmICYmIHRoaXMub3JpZ2luKSB7XG4gICAgICB0aGlzLnJlZi5zaG93KHRoaXMub3JpZ2luKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
1
2
|
import { Component, TemplateRef } from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import { PopoverContentTypes } from '../popover.models';
|
|
3
|
+
import { FngPopoverContentTypes } from '../popover.models';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "../popover-ref";
|
|
6
6
|
import * as i2 from "@angular/common";
|
|
7
|
-
export class
|
|
7
|
+
export class FngPopoverComponent {
|
|
8
8
|
constructor(popoverRef) {
|
|
9
9
|
this.popoverRef = popoverRef;
|
|
10
|
-
this.type =
|
|
10
|
+
this.type = FngPopoverContentTypes.Text;
|
|
11
11
|
}
|
|
12
12
|
ngOnInit() {
|
|
13
13
|
this.content = this.popoverRef.content;
|
|
14
14
|
if ('string' === typeof this.content) {
|
|
15
|
-
this.type =
|
|
15
|
+
this.type = FngPopoverContentTypes.Text;
|
|
16
16
|
}
|
|
17
17
|
if (this.content instanceof TemplateRef) {
|
|
18
|
-
this.type =
|
|
18
|
+
this.type = FngPopoverContentTypes.Template;
|
|
19
19
|
this.context = {
|
|
20
20
|
close: this.popoverRef.close.bind(this.popoverRef)
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
+
FngPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPopoverComponent, deps: [{ token: i1.PopoverRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
FngPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngPopoverComponent, isStandalone: true, selector: "fng-popover", ngImport: i0, template: "<div class=\"fwe-popover-container\">\n <div class=\"fwe-triangle\"></div>\n <div class=\"fwe-popover\">\n <ng-container [ngSwitch]=\"type\">\n <div class=\"fwe-popover-content\" *ngSwitchCase=\"'text'\" [innerHTML]=\"content\"></div>\n <ng-container *ngSwitchCase=\"'template'\">\n <ng-container *ngTemplateOutlet=\"content; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'component'\">\n <ng-container *ngComponentOutlet=\"content\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPopoverComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
|
-
args: [{ selector: 'fng-popover', template: "<div class=\"fwe-popover-container\">\n <div class=\"fwe-triangle\"></div>\n <div class=\"fwe-popover\">\n <ng-container [ngSwitch]=\"type\">\n <div class=\"fwe-popover-content\" *ngSwitchCase=\"'text'\" [innerHTML]=\"content\"></div>\n <ng-container *ngSwitchCase=\"'template'\">\n <ng-container *ngTemplateOutlet=\"content; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'component'\">\n <ng-container *ngComponentOutlet=\"content\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n</div>\n" }]
|
|
29
|
+
args: [{ standalone: true, selector: 'fng-popover', imports: [CommonModule], template: "<div class=\"fwe-popover-container\">\n <div class=\"fwe-triangle\"></div>\n <div class=\"fwe-popover\">\n <ng-container [ngSwitch]=\"type\">\n <div class=\"fwe-popover-content\" *ngSwitchCase=\"'text'\" [innerHTML]=\"content\"></div>\n <ng-container *ngSwitchCase=\"'template'\">\n <ng-container *ngTemplateOutlet=\"content; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'component'\">\n <ng-container *ngComponentOutlet=\"content\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n</div>\n" }]
|
|
30
30
|
}], ctorParameters: function () { return [{ type: i1.PopoverRef }]; } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9wb3BvdmVycy9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcG9wb3ZlcnMvcG9wb3Zlci9wb3BvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFVLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcvRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7OztBQVMzRCxNQUFNLE9BQU8sbUJBQW1CO0lBSzlCLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFKMUMsU0FBSSxHQUFrQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUM7SUFJckIsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQztRQUN2QyxJQUFJLFFBQVEsS0FBSyxPQUFPLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDcEMsSUFBSSxDQUFDLElBQUksR0FBRyxzQkFBc0IsQ0FBQyxJQUFJLENBQUM7U0FDekM7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLFlBQVksV0FBVyxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxJQUFJLEdBQUcsc0JBQXNCLENBQUMsUUFBUSxDQUFDO1lBQzVDLElBQUksQ0FBQyxPQUFPLEdBQUc7Z0JBQ2IsS0FBSyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2FBQ25ELENBQUM7U0FDSDtJQUNILENBQUM7O2dIQW5CVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix1RUNiaEMsaWxCQWNBLHlEREhZLFlBQVk7MkZBRVgsbUJBQW1CO2tCQVAvQixTQUFTO2lDQUNJLElBQUksWUFDTixhQUFhLFdBR2QsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFBvcG92ZXJSZWYgfSBmcm9tICcuLi9wb3BvdmVyLXJlZic7XG5pbXBvcnQgeyBGbmdQb3BvdmVyQ29udGVudFR5cGVzIH0gZnJvbSAnLi4vcG9wb3Zlci5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdmbmctcG9wb3ZlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wb3BvdmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcG9wb3Zlci5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBGbmdQb3BvdmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgdHlwZTogRm5nUG9wb3ZlckNvbnRlbnRUeXBlcyB8IG51bGwgPSBGbmdQb3BvdmVyQ29udGVudFR5cGVzLlRleHQ7XG4gIGNvbnRlbnQ6IGFueTtcbiAgY29udGV4dDogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcG9wb3ZlclJlZjogUG9wb3ZlclJlZikge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbnRlbnQgPSB0aGlzLnBvcG92ZXJSZWYuY29udGVudDtcbiAgICBpZiAoJ3N0cmluZycgPT09IHR5cGVvZiB0aGlzLmNvbnRlbnQpIHtcbiAgICAgIHRoaXMudHlwZSA9IEZuZ1BvcG92ZXJDb250ZW50VHlwZXMuVGV4dDtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5jb250ZW50IGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMudHlwZSA9IEZuZ1BvcG92ZXJDb250ZW50VHlwZXMuVGVtcGxhdGU7XG4gICAgICB0aGlzLmNvbnRleHQgPSB7XG4gICAgICAgIGNsb3NlOiB0aGlzLnBvcG92ZXJSZWYuY2xvc2UuYmluZCh0aGlzLnBvcG92ZXJSZWYpXG4gICAgICB9O1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZ3ZS1wb3BvdmVyLWNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwiZndlLXRyaWFuZ2xlXCI+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmd2UtcG9wb3ZlclwiPlxuICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmd2UtcG9wb3Zlci1jb250ZW50XCIgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiIFtpbm5lckhUTUxdPVwiY29udGVudFwiPjwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3RlbXBsYXRlJ1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudDsgY29udGV4dDogY29udGV4dFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInY29tcG9uZW50J1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0NvbXBvbmVudE91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, ViewChild, Input, Output, EventEmitter } from '@angular/core';
|
|
2
3
|
import { take } from 'rxjs/operators';
|
|
3
|
-
import { PopoverService } from '../popover.service';
|
|
4
|
-
import { PopoverTypes } from '../popover.models';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
import * as i1 from "../popover.service";
|
|
7
6
|
import * as i2 from "@angular/common";
|
|
8
|
-
export class
|
|
7
|
+
export class FngPopoverContentComponent {
|
|
9
8
|
constructor(popoverService) {
|
|
10
9
|
this.popoverService = popoverService;
|
|
11
10
|
this.options = {};
|
|
@@ -24,7 +23,7 @@ export class PopoverContentComponent {
|
|
|
24
23
|
ngAfterViewInit() {
|
|
25
24
|
const parent = this.templateRef.elementRef.nativeElement.parentElement;
|
|
26
25
|
parent.childNodes.forEach((node) => {
|
|
27
|
-
if (null != node.dataset && undefined !== node.dataset
|
|
26
|
+
if (null != node.dataset && undefined !== node.dataset['fngRoot']) {
|
|
28
27
|
this.width = this.width + node.getBoundingClientRect().width;
|
|
29
28
|
this.height = this.height + node.getBoundingClientRect().height;
|
|
30
29
|
}
|
|
@@ -36,12 +35,13 @@ export class PopoverContentComponent {
|
|
|
36
35
|
content: this.templateRef,
|
|
37
36
|
origin,
|
|
38
37
|
options: {
|
|
39
|
-
positions: null != this.options && this.options.positions ? this.options.positions :
|
|
38
|
+
positions: null != this.options && this.options.positions ? this.options.positions : undefined,
|
|
40
39
|
width: this.width,
|
|
41
40
|
height: this.height,
|
|
42
|
-
type:
|
|
41
|
+
type: 'content',
|
|
43
42
|
hasBackdrop: true
|
|
44
|
-
}
|
|
43
|
+
},
|
|
44
|
+
data: undefined
|
|
45
45
|
});
|
|
46
46
|
this.actions.emit({
|
|
47
47
|
close: () => {
|
|
@@ -51,22 +51,20 @@ export class PopoverContentComponent {
|
|
|
51
51
|
if (this.closeSub) {
|
|
52
52
|
this.closeSub.unsubscribe();
|
|
53
53
|
}
|
|
54
|
-
this.closeSub = this.popoverRef
|
|
54
|
+
this.closeSub = this.popoverRef?.afterClosed$.pipe(take(1)).subscribe(event => {
|
|
55
55
|
this.close.emit(event);
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
58
|
hide() {
|
|
59
|
-
|
|
60
|
-
this.popoverRef.close();
|
|
61
|
-
}
|
|
59
|
+
this.popoverRef?.close();
|
|
62
60
|
}
|
|
63
61
|
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
62
|
+
FngPopoverContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPopoverContentComponent, deps: [{ token: i1.FngPopoverService }], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
+
FngPopoverContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngPopoverContentComponent, isStandalone: true, selector: "fng-popover-content", inputs: { options: "options" }, outputs: { close: "close", actions: "actions" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["tpl"], descendants: true }, { propertyName: "contentRef", first: true, predicate: ["fngContent"], descendants: true }], ngImport: i0, template: "<div #default *ngIf=\"showDefault; else tpl\"></div>\n<ng-template #tpl>\n <div data-fng-root [class.fng-off-screen]=\"offScreen\">\n <div #fngContent class=\"fng-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".fng-off-screen{position:absolute;top:-9999px;left:-9999px}.fng-content{font-size:var(--fwe-font-size-md);line-height:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPopoverContentComponent, decorators: [{
|
|
67
65
|
type: Component,
|
|
68
|
-
args: [{ selector: 'fng-popover-content', template: "<div #default *ngIf=\"showDefault; else tpl\"></div>\n<ng-template #tpl>\n <div data-fng-root [class.fng-off-screen]=\"offScreen\">\n <div #fngContent class=\"fng-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".fng-off-screen{position:absolute;top:-9999px;left:-9999px}.fng-content{font-size:var(--fwe-font-size-md);line-height:1rem}\n"] }]
|
|
69
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
66
|
+
args: [{ standalone: true, selector: 'fng-popover-content', imports: [CommonModule], template: "<div #default *ngIf=\"showDefault; else tpl\"></div>\n<ng-template #tpl>\n <div data-fng-root [class.fng-off-screen]=\"offScreen\">\n <div #fngContent class=\"fng-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".fng-off-screen{position:absolute;top:-9999px;left:-9999px}.fng-content{font-size:var(--fwe-font-size-md);line-height:1rem}\n"] }]
|
|
67
|
+
}], ctorParameters: function () { return [{ type: i1.FngPopoverService }]; }, propDecorators: { options: [{
|
|
70
68
|
type: Input
|
|
71
69
|
}], close: [{
|
|
72
70
|
type: Output
|
|
@@ -79,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
79
77
|
type: ViewChild,
|
|
80
78
|
args: ['fngContent']
|
|
81
79
|
}] } });
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3BvcG92ZXJzL3BvcG92ZXItY29udGVudC9wb3BvdmVyLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcG9wb3ZlcnMvcG9wb3Zlci1jb250ZW50L3BvcG92ZXItY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQXdDLE1BQU0sZUFBZSxDQUFDO0FBRXJJLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQXVCdEMsTUFBTSxPQUFPLDBCQUEwQjtJQWVyQyxZQUFvQixjQUFpQztRQUFqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFkNUMsWUFBTyxHQUE2QixFQUFFLENBQUM7UUFDdEMsVUFBSyxHQUF1QyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9ELFlBQU8sR0FBMkMsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUkvRSxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxzQkFBc0I7UUFDbkMsVUFBSyxHQUFHLEVBQUUsQ0FBQyxDQUFDLHNCQUFzQjtJQUtzQixDQUFDO0lBRXpELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUM3QjtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxNQUFNLEdBQWdCLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7UUFDcEYsTUFBTSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFTLEVBQUUsRUFBRTtZQUN0QyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLFNBQVMsS0FBSyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFO2dCQUNqRSxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDO2dCQUM3RCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUMsTUFBTSxDQUFDO2FBQ2pFO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBSSxDQUFDLE1BQW1CO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUM7WUFDekMsT0FBTyxFQUFFLElBQUksQ0FBQyxXQUFXO1lBQ3pCLE1BQU07WUFDTixPQUFPLEVBQUU7Z0JBQ1AsU0FBUyxFQUFFLElBQUksSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUztnQkFDOUYsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO2dCQUNqQixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07Z0JBQ25CLElBQUksRUFBRSxTQUFTO2dCQUNmLFdBQVcsRUFBRSxJQUFJO2FBQ2xCO1lBQ0QsSUFBSSxFQUFFLFNBQVM7U0FDaEIsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7WUFDaEIsS0FBSyxFQUFFLEdBQUcsRUFBRTtnQkFDVixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDZCxDQUFDO1NBQ0YsQ0FBQyxDQUFDO1FBRUgsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDN0I7UUFFRCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDNUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7dUhBakVVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLCtWQzFCdkMsNFBBUUEsc0xEZ0JZLFlBQVk7MkZBRVgsMEJBQTBCO2tCQVB0QyxTQUFTO2lDQUNJLElBQUksWUFDTixxQkFBcUIsV0FHdEIsQ0FBQyxZQUFZLENBQUM7d0dBR2QsT0FBTztzQkFBZixLQUFLO2dCQUNJLEtBQUs7c0JBQWQsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQUNXLFdBQVc7c0JBQTVCLFNBQVM7dUJBQUMsS0FBSztnQkFDUyxVQUFVO3NCQUFsQyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQsIFRlbXBsYXRlUmVmLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBGbmdQb3BvdmVyU2VydmljZSB9IGZyb20gJy4uL3BvcG92ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBQb3BvdmVyUmVmIH0gZnJvbSAnLi4vcG9wb3Zlci1yZWYnO1xuaW1wb3J0IHsgRm5nUG9wb3ZlckNsb3NlRXZlbnQsIEZuZ1BvcG92ZXJQb3NpdGlvbiB9IGZyb20gJy4uL3BvcG92ZXIubW9kZWxzJztcblxuZXhwb3J0IGludGVyZmFjZSBGbmdQb3BvdmVyQ29udGVudE9wdGlvbnMge1xuICBwb3NpdGlvbnM/OiBGbmdQb3BvdmVyUG9zaXRpb25bXTtcbiAgbWF4V2lkdGg/OiBzdHJpbmcgfCBudW1iZXI7XG4gIG1pbkhlaWdodD86IHN0cmluZyB8IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGbmdQb3BvdmVyQ29udGVudEFjdGlvbnMge1xuICBjbG9zZTogKCkgPT4gdm9pZDtcbn1cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnZm5nLXBvcG92ZXItY29udGVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9wb3BvdmVyLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wb3BvdmVyLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgRm5nUG9wb3ZlckNvbnRlbnRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBvcHRpb25zOiBGbmdQb3BvdmVyQ29udGVudE9wdGlvbnMgPSB7fTtcbiAgQE91dHB1dCgpIGNsb3NlOiBFdmVudEVtaXR0ZXI8Rm5nUG9wb3ZlckNsb3NlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgYWN0aW9uczogRXZlbnRFbWl0dGVyPEZuZ1BvcG92ZXJDb250ZW50QWN0aW9ucz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBWaWV3Q2hpbGQoJ3RwbCcpIHRlbXBsYXRlUmVmITogVGVtcGxhdGVSZWY8YW55PjtcbiAgQFZpZXdDaGlsZCgnZm5nQ29udGVudCcpIGNvbnRlbnRSZWY6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgc2hvd0RlZmF1bHQgPSBmYWxzZTtcbiAgb2ZmU2NyZWVuID0gdHJ1ZTtcbiAgaGVpZ2h0ID0gMTY7IC8vIGFkZCBkZWZhdWx0IHBhZGRpbmdcbiAgd2lkdGggPSAxNjsgLy8gYWRkIGRlZmF1bHQgcGFkZGluZ1xuXG4gIHByaXZhdGUgY2xvc2VTdWI6IFN1YnNjcmlwdGlvbiB8IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBwb3BvdmVyUmVmOiBQb3BvdmVyUmVmIHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcG9wb3ZlclNlcnZpY2U6IEZuZ1BvcG92ZXJTZXJ2aWNlKSB7fVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNsb3NlU3ViKSB7XG4gICAgICB0aGlzLmNsb3NlU3ViLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IHBhcmVudDogSFRNTEVsZW1lbnQgPSB0aGlzLnRlbXBsYXRlUmVmLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50O1xuICAgIHBhcmVudC5jaGlsZE5vZGVzLmZvckVhY2goKG5vZGU6IGFueSkgPT4ge1xuICAgICAgaWYgKG51bGwgIT0gbm9kZS5kYXRhc2V0ICYmIHVuZGVmaW5lZCAhPT0gbm9kZS5kYXRhc2V0WydmbmdSb290J10pIHtcbiAgICAgICAgdGhpcy53aWR0aCA9IHRoaXMud2lkdGggKyBub2RlLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICAgICAgICB0aGlzLmhlaWdodCA9IHRoaXMuaGVpZ2h0ICsgbm9kZS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5oZWlnaHQ7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBzaG93KG9yaWdpbjogSFRNTEVsZW1lbnQpIHtcbiAgICB0aGlzLm9mZlNjcmVlbiA9IGZhbHNlO1xuICAgIHRoaXMucG9wb3ZlclJlZiA9IHRoaXMucG9wb3ZlclNlcnZpY2Uub3Blbih7XG4gICAgICBjb250ZW50OiB0aGlzLnRlbXBsYXRlUmVmLFxuICAgICAgb3JpZ2luLFxuICAgICAgb3B0aW9uczoge1xuICAgICAgICBwb3NpdGlvbnM6IG51bGwgIT0gdGhpcy5vcHRpb25zICYmIHRoaXMub3B0aW9ucy5wb3NpdGlvbnMgPyB0aGlzLm9wdGlvbnMucG9zaXRpb25zIDogdW5kZWZpbmVkLFxuICAgICAgICB3aWR0aDogdGhpcy53aWR0aCxcbiAgICAgICAgaGVpZ2h0OiB0aGlzLmhlaWdodCxcbiAgICAgICAgdHlwZTogJ2NvbnRlbnQnLFxuICAgICAgICBoYXNCYWNrZHJvcDogdHJ1ZVxuICAgICAgfSxcbiAgICAgIGRhdGE6IHVuZGVmaW5lZFxuICAgIH0pO1xuXG4gICAgdGhpcy5hY3Rpb25zLmVtaXQoe1xuICAgICAgY2xvc2U6ICgpID0+IHtcbiAgICAgICAgdGhpcy5oaWRlKCk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICBpZiAodGhpcy5jbG9zZVN1Yikge1xuICAgICAgdGhpcy5jbG9zZVN1Yi51bnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIHRoaXMuY2xvc2VTdWIgPSB0aGlzLnBvcG92ZXJSZWY/LmFmdGVyQ2xvc2VkJC5waXBlKHRha2UoMSkpLnN1YnNjcmliZShldmVudCA9PiB7XG4gICAgICB0aGlzLmNsb3NlLmVtaXQoZXZlbnQpO1xuICAgIH0pO1xuICB9XG5cbiAgaGlkZSgpIHtcbiAgICB0aGlzLnBvcG92ZXJSZWY/LmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxkaXYgI2RlZmF1bHQgKm5nSWY9XCJzaG93RGVmYXVsdDsgZWxzZSB0cGxcIj48L2Rpdj5cbjxuZy10ZW1wbGF0ZSAjdHBsPlxuICA8ZGl2IGRhdGEtZm5nLXJvb3QgW2NsYXNzLmZuZy1vZmYtc2NyZWVuXT1cIm9mZlNjcmVlblwiPlxuICAgIDxkaXYgI2ZuZ0NvbnRlbnQgY2xhc3M9XCJmbmctY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|