@festo-ui/angular 8.2.0-dev.617 → 8.2.0-dev.620
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/css/bundle.css +1 -1
- package/css/popover.css +1 -1
- package/fesm2022/festo-ui-angular.mjs +514 -260
- package/fesm2022/festo-ui-angular.mjs.map +1 -1
- package/lib/components/components.module.d.ts +3 -1
- package/lib/components/overlay/overlay-content/overlay-content.component.d.ts +5 -0
- package/lib/components/overlay/overlay-outlet.directive.d.ts +64 -0
- package/lib/components/popovers/popover.defaults.d.ts +0 -18
- package/lib/components/popovers/popover.models.d.ts +2 -1
- package/lib/components/popovers/tooltip/tooltip.directive.d.ts +7 -0
- package/lib/forms/value-accessor-base.d.ts +1 -1
- package/package.json +9 -11
- package/public-api.d.ts +2 -0
- package/scss/base/icons-svg.scss +1 -1
- package/scss/base/image-gallery.scss +2 -2
- package/scss/base/popover.scss +2 -2
- package/scss/base/styles.scss +4 -4
- package/esm2022/festo-ui-angular.mjs +0 -5
- package/esm2022/lib/components/accordion/accordion-header/accordion-header.component.mjs +0 -11
- package/esm2022/lib/components/accordion/accordion-item/accordion-item-body/accordion-item-body.component.mjs +0 -15
- package/esm2022/lib/components/accordion/accordion-item/accordion-item-header/accordion-item-header.component.mjs +0 -28
- package/esm2022/lib/components/accordion/accordion-item/accordion-item.component.mjs +0 -148
- package/esm2022/lib/components/accordion/accordion.component.mjs +0 -59
- package/esm2022/lib/components/accordion/index.mjs +0 -6
- package/esm2022/lib/components/bottom-sheet/bottom-sheet.component.mjs +0 -97
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +0 -26
- package/esm2022/lib/components/buttons/button/button.component.mjs +0 -48
- package/esm2022/lib/components/buttons/link-button/link-button.component.mjs +0 -34
- package/esm2022/lib/components/chips/chip/chip.component.mjs +0 -38
- package/esm2022/lib/components/chips/chip-container/chip-container.component.mjs +0 -17
- package/esm2022/lib/components/components.module.mjs +0 -212
- package/esm2022/lib/components/loading-indicator/loading-indicator.component.mjs +0 -17
- package/esm2022/lib/components/mobile-flyout/mobile-flyout-item/mobile-flyout-item.component.mjs +0 -39
- package/esm2022/lib/components/mobile-flyout/mobile-flyout-page/mobile-flyout-page.component.mjs +0 -65
- package/esm2022/lib/components/mobile-flyout/mobile-flyout.component.mjs +0 -69
- package/esm2022/lib/components/pagination/pagination.component.mjs +0 -57
- package/esm2022/lib/components/popovers/legend/legend.component.mjs +0 -42
- package/esm2022/lib/components/popovers/legend/legend.directive.mjs +0 -31
- package/esm2022/lib/components/popovers/popover/popover.component.mjs +0 -31
- package/esm2022/lib/components/popovers/popover-content/popover-content.component.mjs +0 -80
- package/esm2022/lib/components/popovers/popover-content/popover-content.directive.mjs +0 -39
- package/esm2022/lib/components/popovers/popover-menu/popover-menu.component.mjs +0 -67
- package/esm2022/lib/components/popovers/popover-ref.mjs +0 -25
- package/esm2022/lib/components/popovers/popover.defaults.mjs +0 -59
- package/esm2022/lib/components/popovers/popover.models.mjs +0 -7
- package/esm2022/lib/components/popovers/popover.service.mjs +0 -140
- package/esm2022/lib/components/popovers/tooltip/tooltip.directive.mjs +0 -101
- package/esm2022/lib/components/progress/progress.component.mjs +0 -22
- package/esm2022/lib/components/scroll/index.mjs +0 -2
- package/esm2022/lib/components/scroll/scrollable.directive.mjs +0 -75
- package/esm2022/lib/components/search-input/search-input.component.mjs +0 -182
- package/esm2022/lib/components/sidebar-overlay/sidebar-overlay.component.mjs +0 -59
- package/esm2022/lib/components/snackbar/snackbar-container.component.mjs +0 -21
- package/esm2022/lib/components/snackbar/snackbar-container.directive.mjs +0 -80
- package/esm2022/lib/components/snackbar/snackbar.component.mjs +0 -81
- package/esm2022/lib/components/snackbar/snackbar.models.mjs +0 -2
- package/esm2022/lib/components/snackbar/snackbar.module.mjs +0 -24
- package/esm2022/lib/components/snackbar/snackbar.service.mjs +0 -23
- package/esm2022/lib/components/stepper-horizontal/step-horizontal/step-horizontal.component.mjs +0 -19
- package/esm2022/lib/components/stepper-horizontal/stepper-horizontal.component.mjs +0 -52
- package/esm2022/lib/components/stepper-vertical/step-vertical/step-vertical.component.mjs +0 -57
- package/esm2022/lib/components/stepper-vertical/stepper-vertical.component.mjs +0 -54
- package/esm2022/lib/components/table-header-cell/table-header-cell.directive.mjs +0 -60
- package/esm2022/lib/components/tabs/tab-pane/tab-pane.component.mjs +0 -34
- package/esm2022/lib/components/tabs/tabs.component.mjs +0 -459
- package/esm2022/lib/directives/click-outside.directive.mjs +0 -29
- package/esm2022/lib/festo-angular.module.mjs +0 -21
- package/esm2022/lib/forms/checkbox/checkbox.component.mjs +0 -154
- package/esm2022/lib/forms/color-indicator/color-indicator.component.mjs +0 -88
- package/esm2022/lib/forms/color-picker/color-helper.mjs +0 -129
- package/esm2022/lib/forms/color-picker/color-picker.component.mjs +0 -292
- package/esm2022/lib/forms/date-picker/date-picker.component.mjs +0 -205
- package/esm2022/lib/forms/date-range-picker/date-range-picker.component.mjs +0 -231
- package/esm2022/lib/forms/flatpickr/flatpickr.component.mjs +0 -55
- package/esm2022/lib/forms/forms.module.mjs +0 -132
- package/esm2022/lib/forms/radio/radio.component.mjs +0 -349
- package/esm2022/lib/forms/segment/segment-control/segment-control.component.mjs +0 -65
- package/esm2022/lib/forms/segment/segment.component.mjs +0 -139
- package/esm2022/lib/forms/select/chip-text.pipe.mjs +0 -39
- package/esm2022/lib/forms/select/select-option/select-option.component.mjs +0 -23
- package/esm2022/lib/forms/select/select.component.mjs +0 -273
- package/esm2022/lib/forms/slider/slider.component.mjs +0 -117
- package/esm2022/lib/forms/switch/switch.component.mjs +0 -121
- package/esm2022/lib/forms/text-area/text-area.component.mjs +0 -187
- package/esm2022/lib/forms/text-editor/text-editor.component.mjs +0 -307
- package/esm2022/lib/forms/text-input/text-input.component.mjs +0 -208
- package/esm2022/lib/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.mjs +0 -107
- package/esm2022/lib/forms/time-picker/time-picker.component.mjs +0 -204
- package/esm2022/lib/forms/unique-selection-dispatcher.mjs +0 -41
- package/esm2022/lib/forms/value-accessor-base.mjs +0 -41
- package/esm2022/lib/modals/alert/alert.component.mjs +0 -55
- package/esm2022/lib/modals/confirm/confirm.component.mjs +0 -56
- package/esm2022/lib/modals/custom-modal/custom-modal.component.mjs +0 -88
- package/esm2022/lib/modals/image-gallery/image-gallery.component.mjs +0 -80
- package/esm2022/lib/modals/index.mjs +0 -2
- package/esm2022/lib/modals/modal.service.mjs +0 -118
- package/esm2022/lib/modals/modals.module.mjs +0 -27
- package/esm2022/lib/modals/prompt/prompt.component.mjs +0 -114
- package/esm2022/lib/pipes/safe-html.pipe.mjs +0 -21
- package/esm2022/public-api.mjs +0 -66
package/esm2022/lib/components/mobile-flyout/mobile-flyout-item/mobile-flyout-item.component.mjs
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @angular-eslint/no-empty-lifecycle-method */
|
|
2
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { Component, Input, Optional, ViewEncapsulation } from '@angular/core';
|
|
5
|
-
import { RouterModule } from '@angular/router';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/router";
|
|
8
|
-
import * as i2 from "@angular/common";
|
|
9
|
-
export class FngMobileFlyoutItemComponent {
|
|
10
|
-
constructor(rla) {
|
|
11
|
-
this.rla = rla;
|
|
12
|
-
this.icon = '';
|
|
13
|
-
this.pageLink = '';
|
|
14
|
-
this.lastElement = false;
|
|
15
|
-
}
|
|
16
|
-
ngOnChanges(_) {
|
|
17
|
-
// lifecycle hook is called by parent component so do not remove it
|
|
18
|
-
}
|
|
19
|
-
onClick() {
|
|
20
|
-
if (this.onNavigateCallback) {
|
|
21
|
-
this.onNavigateCallback(this.pageLink);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngMobileFlyoutItemComponent, deps: [{ token: i1.RouterLinkActive, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FngMobileFlyoutItemComponent, isStandalone: true, selector: "fng-mobile-flyout-item", inputs: { icon: "icon", pageLink: "pageLink", lastElement: "lastElement" }, usesOnChanges: true, ngImport: i0, template: "<a class=\"fwe-mobile-flyout-item\" [class.fwe-bb]=\"!lastElement\" (click)=\"onClick()\">\n <i *ngIf=\"icon\" [class]=\"'fwe-mr-xs fwe-icon fwe-icon-' + icon\"></i>\n <div *ngIf=\"!rla\" class=\"fwe-flex-grow-1\" routerLinkActive=\"fwe-color-hero\">\n <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n </div>\n <div\n *ngIf=\"rla?.routerLinkActiveOptions\"\n class=\"fwe-flex-grow-1\"\n routerLinkActive=\"fwe-color-hero\"\n [routerLinkActiveOptions]=\"rla.routerLinkActiveOptions\"\n >\n <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n </div>\n <i *ngIf=\"pageLink\" class=\"fwe-icon fwe-icon-arrows-right-2\"></i>\n</a>\n<ng-template #itemContent>\n <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngMobileFlyoutItemComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ standalone: true, imports: [CommonModule, RouterModule], selector: 'fng-mobile-flyout-item', encapsulation: ViewEncapsulation.None, template: "<a class=\"fwe-mobile-flyout-item\" [class.fwe-bb]=\"!lastElement\" (click)=\"onClick()\">\n <i *ngIf=\"icon\" [class]=\"'fwe-mr-xs fwe-icon fwe-icon-' + icon\"></i>\n <div *ngIf=\"!rla\" class=\"fwe-flex-grow-1\" routerLinkActive=\"fwe-color-hero\">\n <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n </div>\n <div\n *ngIf=\"rla?.routerLinkActiveOptions\"\n class=\"fwe-flex-grow-1\"\n routerLinkActive=\"fwe-color-hero\"\n [routerLinkActiveOptions]=\"rla.routerLinkActiveOptions\"\n >\n <ng-container *ngTemplateOutlet=\"itemContent\"></ng-container>\n </div>\n <i *ngIf=\"pageLink\" class=\"fwe-icon fwe-icon-arrows-right-2\"></i>\n</a>\n<ng-template #itemContent>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
30
|
-
}], ctorParameters: () => [{ type: i1.RouterLinkActive, decorators: [{
|
|
31
|
-
type: Optional
|
|
32
|
-
}] }], propDecorators: { icon: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], pageLink: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], lastElement: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLWZseW91dC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL21vYmlsZS1mbHlvdXQvbW9iaWxlLWZseW91dC1pdGVtL21vYmlsZS1mbHlvdXQtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9tb2JpbGUtZmx5b3V0L21vYmlsZS1mbHlvdXQtaXRlbS9tb2JpbGUtZmx5b3V0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOERBQThEO0FBQzlELHNEQUFzRDtBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsUUFBUSxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RyxPQUFPLEVBQW9CLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBU2pFLE1BQU0sT0FBTyw0QkFBNEI7SUFPdkMsWUFBK0IsR0FBcUI7UUFBckIsUUFBRyxHQUFILEdBQUcsQ0FBa0I7UUFOM0MsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO0lBSTBCLENBQUM7SUFFeEQsV0FBVyxDQUFDLENBQWdCO1FBQzFCLG1FQUFtRTtJQUNyRSxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6QyxDQUFDO0lBQ0gsQ0FBQzs4R0FqQlUsNEJBQTRCO2tHQUE1Qiw0QkFBNEIsbUxDYnpDLHN2QkFrQkEsMkNEVlksWUFBWSx5U0FBRSxZQUFZOzsyRkFLekIsNEJBQTRCO2tCQVB4QyxTQUFTO2lDQUNJLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxZQUFZLENBQUMsWUFDM0Isd0JBQXdCLGlCQUVuQixpQkFBaUIsQ0FBQyxJQUFJOzswQkFTeEIsUUFBUTt5Q0FOWixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQGFuZ3VsYXItZXNsaW50L25vLWVtcHR5LWxpZmVjeWNsZS1tZXRob2QgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT3B0aW9uYWwsIFNpbXBsZUNoYW5nZXMsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJMaW5rQWN0aXZlLCBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUm91dGVyTW9kdWxlXSxcbiAgc2VsZWN0b3I6ICdmbmctbW9iaWxlLWZseW91dC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vYmlsZS1mbHlvdXQtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRm5nTW9iaWxlRmx5b3V0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGljb246IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwYWdlTGluazogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGxhc3RFbGVtZW50ID0gZmFsc2U7XG5cbiAgb25OYXZpZ2F0ZUNhbGxiYWNrOiAoKHBhZ2VOYW1lOiBzdHJpbmcpID0+IHZvaWQpIHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHB1YmxpYyBybGE6IFJvdXRlckxpbmtBY3RpdmUpIHt9XG5cbiAgbmdPbkNoYW5nZXMoXzogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIC8vIGxpZmVjeWNsZSBob29rIGlzIGNhbGxlZCBieSBwYXJlbnQgY29tcG9uZW50IHNvIGRvIG5vdCByZW1vdmUgaXRcbiAgfVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgaWYgKHRoaXMub25OYXZpZ2F0ZUNhbGxiYWNrKSB7XG4gICAgICB0aGlzLm9uTmF2aWdhdGVDYWxsYmFjayh0aGlzLnBhZ2VMaW5rKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxhIGNsYXNzPVwiZndlLW1vYmlsZS1mbHlvdXQtaXRlbVwiIFtjbGFzcy5md2UtYmJdPVwiIWxhc3RFbGVtZW50XCIgKGNsaWNrKT1cIm9uQ2xpY2soKVwiPlxuICA8aSAqbmdJZj1cImljb25cIiBbY2xhc3NdPVwiJ2Z3ZS1tci14cyBmd2UtaWNvbiBmd2UtaWNvbi0nICsgaWNvblwiPjwvaT5cbiAgPGRpdiAqbmdJZj1cIiFybGFcIiBjbGFzcz1cImZ3ZS1mbGV4LWdyb3ctMVwiIHJvdXRlckxpbmtBY3RpdmU9XCJmd2UtY29sb3ItaGVyb1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpdGVtQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgICpuZ0lmPVwicmxhPy5yb3V0ZXJMaW5rQWN0aXZlT3B0aW9uc1wiXG4gICAgY2xhc3M9XCJmd2UtZmxleC1ncm93LTFcIlxuICAgIHJvdXRlckxpbmtBY3RpdmU9XCJmd2UtY29sb3ItaGVyb1wiXG4gICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cInJsYS5yb3V0ZXJMaW5rQWN0aXZlT3B0aW9uc1wiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXRlbUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG4gIDxpICpuZ0lmPVwicGFnZUxpbmtcIiBjbGFzcz1cImZ3ZS1pY29uIGZ3ZS1pY29uLWFycm93cy1yaWdodC0yXCI+PC9pPlxuPC9hPlxuPG5nLXRlbXBsYXRlICNpdGVtQ29udGVudD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
package/esm2022/lib/components/mobile-flyout/mobile-flyout-page/mobile-flyout-page.component.mjs
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChildren, Input, SimpleChange, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import { takeUntil } from 'rxjs/operators';
|
|
4
|
-
import { FngMobileFlyoutItemComponent } from '../mobile-flyout-item/mobile-flyout-item.component';
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/common";
|
|
8
|
-
export class FngMobileFlyoutPageComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.name = '';
|
|
11
|
-
this.back = 'Back';
|
|
12
|
-
this.isfirstelement = false;
|
|
13
|
-
this.visible = false;
|
|
14
|
-
this.complete = new Subject();
|
|
15
|
-
}
|
|
16
|
-
ngAfterContentInit() {
|
|
17
|
-
this.initItemComponents();
|
|
18
|
-
// if we have item components that are added dynamically (e.g. *ngIf)
|
|
19
|
-
// we need to call init again to have all navigate callbacks defined
|
|
20
|
-
this.itemComponents.changes.pipe(takeUntil(this.complete)).subscribe(() => {
|
|
21
|
-
this.initItemComponents();
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
ngOnDestroy() {
|
|
25
|
-
this.complete.next(true);
|
|
26
|
-
this.complete.unsubscribe();
|
|
27
|
-
}
|
|
28
|
-
onNavigate(pageName) {
|
|
29
|
-
if (this.onNavigateCallback) {
|
|
30
|
-
this.onNavigateCallback(pageName);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
onBack() {
|
|
34
|
-
this.visible = false;
|
|
35
|
-
}
|
|
36
|
-
initItemComponents() {
|
|
37
|
-
if (!this.itemComponents) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
// register click-callbacks
|
|
41
|
-
this.itemComponents.forEach(s => {
|
|
42
|
-
s.onNavigateCallback = pageName => this.onNavigate(pageName);
|
|
43
|
-
});
|
|
44
|
-
if (this.itemComponents.last) {
|
|
45
|
-
// pass new value by ngOnChanges for proper change detection
|
|
46
|
-
this.itemComponents.last.ngOnChanges({
|
|
47
|
-
lastElement: new SimpleChange(null, true, false)
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngMobileFlyoutPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
53
|
-
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngMobileFlyoutPageComponent, decorators: [{
|
|
55
|
-
type: Component,
|
|
56
|
-
args: [{ standalone: true, imports: [CommonModule], selector: 'fng-mobile-flyout-page', encapsulation: ViewEncapsulation.None, 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" }]
|
|
57
|
-
}], propDecorators: { itemComponents: [{
|
|
58
|
-
type: ContentChildren,
|
|
59
|
-
args: [FngMobileFlyoutItemComponent]
|
|
60
|
-
}], name: [{
|
|
61
|
-
type: Input
|
|
62
|
-
}], back: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLWZseW91dC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL21vYmlsZS1mbHlvdXQvbW9iaWxlLWZseW91dC1wYWdlL21vYmlsZS1mbHlvdXQtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9tb2JpbGUtZmx5b3V0L21vYmlsZS1mbHlvdXQtcGFnZS9tb2JpbGUtZmx5b3V0LXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQixTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBd0IsWUFBWSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNJLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBUy9DLE1BQU0sT0FBTyw0QkFBNEI7SUFQekM7UUFTVyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFNBQUksR0FBVyxNQUFNLENBQUM7UUFFL0IsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUdSLGFBQVEsR0FBcUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztLQTRDcEQ7SUExQ0Msa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBRTFCLHFFQUFxRTtRQUNyRSxvRUFBb0U7UUFDcEUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3hFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxVQUFVLENBQUMsUUFBZ0I7UUFDekIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDcEMsQ0FBQztJQUNILENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVPLGtCQUFrQjtRQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3pCLE9BQU87UUFDVCxDQUFDO1FBRUQsMkJBQTJCO1FBQzNCLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzlCLENBQUMsQ0FBQyxrQkFBa0IsR0FBRyxRQUFRLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDL0QsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDN0IsNERBQTREO1lBQzVELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztnQkFDbkMsV0FBVyxFQUFFLElBQUksWUFBWSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDO2FBQ2pELENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOzhHQXBEVSw0QkFBNEI7a0dBQTVCLDRCQUE0Qix5SkFDdEIsNEJBQTRCLDZCQ2YvQyxnVEFTQSwyQ0RBWSxZQUFZOzsyRkFLWCw0QkFBNEI7a0JBUHhDLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2Isd0JBQXdCLGlCQUVuQixpQkFBaUIsQ0FBQyxJQUFJOzhCQUdVLGNBQWM7c0JBQTVELGVBQWU7dUJBQUMsNEJBQTRCO2dCQUNwQyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3QsIE9uRGVzdHJveSwgU2ltcGxlQ2hhbmdlLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBGbmdNb2JpbGVGbHlvdXRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9iaWxlLWZseW91dC1pdGVtL21vYmlsZS1mbHlvdXQtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzZWxlY3RvcjogJ2ZuZy1tb2JpbGUtZmx5b3V0LXBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9iaWxlLWZseW91dC1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBGbmdNb2JpbGVGbHlvdXRQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCwgT25EZXN0cm95IHtcbiAgQENvbnRlbnRDaGlsZHJlbihGbmdNb2JpbGVGbHlvdXRJdGVtQ29tcG9uZW50KSBpdGVtQ29tcG9uZW50cyE6IFF1ZXJ5TGlzdDxGbmdNb2JpbGVGbHlvdXRJdGVtQ29tcG9uZW50PjtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGJhY2s6IHN0cmluZyA9ICdCYWNrJztcblxuICBpc2ZpcnN0ZWxlbWVudCA9IGZhbHNlO1xuICB2aXNpYmxlID0gZmFsc2U7XG4gIG9uTmF2aWdhdGVDYWxsYmFjazogKChwYWdlTmFtZTogc3RyaW5nKSA9PiB2b2lkKSB8IHVuZGVmaW5lZDtcblxuICBwcml2YXRlIGNvbXBsZXRlOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3QoKTtcblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0SXRlbUNvbXBvbmVudHMoKTtcblxuICAgIC8vIGlmIHdlIGhhdmUgaXRlbSBjb21wb25lbnRzIHRoYXQgYXJlIGFkZGVkIGR5bmFtaWNhbGx5IChlLmcuICpuZ0lmKVxuICAgIC8vIHdlIG5lZWQgdG8gY2FsbCBpbml0IGFnYWluIHRvIGhhdmUgYWxsIG5hdmlnYXRlIGNhbGxiYWNrcyBkZWZpbmVkXG4gICAgdGhpcy5pdGVtQ29tcG9uZW50cy5jaGFuZ2VzLnBpcGUodGFrZVVudGlsKHRoaXMuY29tcGxldGUpKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5pbml0SXRlbUNvbXBvbmVudHMoKTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuY29tcGxldGUubmV4dCh0cnVlKTtcbiAgICB0aGlzLmNvbXBsZXRlLnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBvbk5hdmlnYXRlKHBhZ2VOYW1lOiBzdHJpbmcpIHtcbiAgICBpZiAodGhpcy5vbk5hdmlnYXRlQ2FsbGJhY2spIHtcbiAgICAgIHRoaXMub25OYXZpZ2F0ZUNhbGxiYWNrKHBhZ2VOYW1lKTtcbiAgICB9XG4gIH1cblxuICBvbkJhY2soKSB7XG4gICAgdGhpcy52aXNpYmxlID0gZmFsc2U7XG4gIH1cblxuICBwcml2YXRlIGluaXRJdGVtQ29tcG9uZW50cygpIHtcbiAgICBpZiAoIXRoaXMuaXRlbUNvbXBvbmVudHMpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyByZWdpc3RlciBjbGljay1jYWxsYmFja3NcbiAgICB0aGlzLml0ZW1Db21wb25lbnRzLmZvckVhY2gocyA9PiB7XG4gICAgICBzLm9uTmF2aWdhdGVDYWxsYmFjayA9IHBhZ2VOYW1lID0+IHRoaXMub25OYXZpZ2F0ZShwYWdlTmFtZSk7XG4gICAgfSk7XG5cbiAgICBpZiAodGhpcy5pdGVtQ29tcG9uZW50cy5sYXN0KSB7XG4gICAgICAvLyBwYXNzIG5ldyB2YWx1ZSBieSBuZ09uQ2hhbmdlcyBmb3IgcHJvcGVyIGNoYW5nZSBkZXRlY3Rpb25cbiAgICAgIHRoaXMuaXRlbUNvbXBvbmVudHMubGFzdC5uZ09uQ2hhbmdlcyh7XG4gICAgICAgIGxhc3RFbGVtZW50OiBuZXcgU2ltcGxlQ2hhbmdlKG51bGwsIHRydWUsIGZhbHNlKVxuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZndlLW1vYmlsZS1mbHlvdXQtcGFnZVwiIFtjbGFzcy5md2Utb3BlbmVkXT1cInZpc2libGVcIj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1wYWdlLWJhY2tcIiAqbmdJZj1cIiFpc2ZpcnN0ZWxlbWVudFwiIChjbGljayk9XCJvbkJhY2soKVwiPlxuICAgIDxpPjwvaT5cbiAgICA8ZGl2Pnt7IGJhY2sgfX08L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmd2UtbW9iaWxlLWZseW91dC1pdGVtLWNvbnRhaW5lclwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChildren, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import { takeUntil } from 'rxjs/operators';
|
|
4
|
-
import { FngMobileFlyoutPageComponent } from './mobile-flyout-page/mobile-flyout-page.component';
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
6
|
-
import { FngClickOutsideDirective } from '../../directives/click-outside.directive';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class FngMobileFlyoutComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.flyoutOpenChange = new EventEmitter();
|
|
11
|
-
this.isOpen = false;
|
|
12
|
-
this.complete = new Subject();
|
|
13
|
-
}
|
|
14
|
-
ngAfterContentInit() {
|
|
15
|
-
this.initPageComponents();
|
|
16
|
-
// if we have page components that are added dynamically (e.g. *ngIf)
|
|
17
|
-
// we need to call init again to have all navigate callbacks defined
|
|
18
|
-
this.pageComponents.changes.pipe(takeUntil(this.complete)).subscribe(() => {
|
|
19
|
-
this.initPageComponents();
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
ngOnDestroy() {
|
|
23
|
-
this.complete.next(true);
|
|
24
|
-
this.complete.unsubscribe();
|
|
25
|
-
}
|
|
26
|
-
onNavigate(pageName) {
|
|
27
|
-
// handle clicks on router links
|
|
28
|
-
if (!pageName) {
|
|
29
|
-
this.isOpen = false;
|
|
30
|
-
this.flyoutOpenChange.emit(this.isOpen);
|
|
31
|
-
}
|
|
32
|
-
// handle page-navigation clicks
|
|
33
|
-
const nextPage = this.pageComponents.find(p => p.name === pageName);
|
|
34
|
-
if (nextPage) {
|
|
35
|
-
nextPage.visible = true;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
toggle() {
|
|
39
|
-
this.isOpen = !this.isOpen;
|
|
40
|
-
this.flyoutOpenChange.emit(this.isOpen);
|
|
41
|
-
}
|
|
42
|
-
onClickOutside() {
|
|
43
|
-
this.isOpen = false;
|
|
44
|
-
this.flyoutOpenChange.emit(this.isOpen);
|
|
45
|
-
}
|
|
46
|
-
initPageComponents() {
|
|
47
|
-
if (!this.pageComponents) {
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
// register click-callbacks and open the first element
|
|
51
|
-
this.pageComponents.forEach((s, i) => {
|
|
52
|
-
s.onNavigateCallback = pageName => this.onNavigate(pageName);
|
|
53
|
-
s.isfirstelement = i === 0;
|
|
54
|
-
s.visible = i === 0;
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngMobileFlyoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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 }, { kind: "directive", type: FngClickOutsideDirective, selector: "[fngClickOutside]", outputs: ["clickOutside"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
59
|
-
}
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngMobileFlyoutComponent, decorators: [{
|
|
61
|
-
type: Component,
|
|
62
|
-
args: [{ standalone: true, imports: [CommonModule, FngClickOutsideDirective], selector: 'fng-mobile-flyout', encapsulation: ViewEncapsulation.None, 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" }]
|
|
63
|
-
}], propDecorators: { flyoutOpenChange: [{
|
|
64
|
-
type: Output
|
|
65
|
-
}], pageComponents: [{
|
|
66
|
-
type: ContentChildren,
|
|
67
|
-
args: [FngMobileFlyoutPageComponent]
|
|
68
|
-
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLWZseW91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9tb2JpbGUtZmx5b3V0L21vYmlsZS1mbHlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvbW9iaWxlLWZseW91dC9tb2JpbGUtZmx5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLGVBQWUsRUFBYSxNQUFNLEVBQWEsWUFBWSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVJLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7QUFTcEYsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQVFZLHFCQUFnQixHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZFLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFUCxhQUFRLEdBQXFCLElBQUksT0FBTyxFQUFFLENBQUM7S0FxRHBEO0lBbkRDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUUxQixxRUFBcUU7UUFDckUsb0VBQW9FO1FBQ3BFLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUN4RSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsVUFBVSxDQUFDLFFBQWdCO1FBQ3pCLGdDQUFnQztRQUNoQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztZQUNwQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMxQyxDQUFDO1FBRUQsZ0NBQWdDO1FBQ2hDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQztRQUNwRSxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ2IsUUFBUSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRU8sa0JBQWtCO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDekIsT0FBTztRQUNULENBQUM7UUFFRCxzREFBc0Q7UUFDdEQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDbkMsQ0FBQyxDQUFDLGtCQUFrQixHQUFHLFFBQVEsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM3RCxDQUFDLENBQUMsY0FBYyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDM0IsQ0FBQyxDQUFDLE9BQU8sR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F6RFUsd0JBQXdCO2tHQUF4Qix3QkFBd0IsK0pBRWxCLDRCQUE0Qiw2QkNqQi9DLDJVQU1BLDJDRElZLFlBQVksK0JBQUUsd0JBQXdCOzsyRkFLckMsd0JBQXdCO2tCQVBwQyxTQUFTO2lDQUNJLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSx3QkFBd0IsQ0FBQyxZQUN2QyxtQkFBbUIsaUJBRWQsaUJBQWlCLENBQUMsSUFBSTs4QkFHM0IsZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUN3QyxjQUFjO3NCQUE1RCxlQUFlO3VCQUFDLDRCQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBPbkRlc3Ryb3ksIE91dHB1dCwgUXVlcnlMaXN0LCBFdmVudEVtaXR0ZXIsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IEZuZ01vYmlsZUZseW91dFBhZ2VDb21wb25lbnQgfSBmcm9tICcuL21vYmlsZS1mbHlvdXQtcGFnZS9tb2JpbGUtZmx5b3V0LXBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGbmdDbGlja091dHNpZGVEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2NsaWNrLW91dHNpZGUuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZuZ0NsaWNrT3V0c2lkZURpcmVjdGl2ZV0sXG4gIHNlbGVjdG9yOiAnZm5nLW1vYmlsZS1mbHlvdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9iaWxlLWZseW91dC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRm5nTW9iaWxlRmx5b3V0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCwgT25EZXN0cm95IHtcbiAgQE91dHB1dCgpIGZseW91dE9wZW5DaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQENvbnRlbnRDaGlsZHJlbihGbmdNb2JpbGVGbHlvdXRQYWdlQ29tcG9uZW50KSBwYWdlQ29tcG9uZW50cyE6IFF1ZXJ5TGlzdDxGbmdNb2JpbGVGbHlvdXRQYWdlQ29tcG9uZW50PjtcbiAgaXNPcGVuID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBjb21wbGV0ZTogU3ViamVjdDxib29sZWFuPiA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaW5pdFBhZ2VDb21wb25lbnRzKCk7XG5cbiAgICAvLyBpZiB3ZSBoYXZlIHBhZ2UgY29tcG9uZW50cyB0aGF0IGFyZSBhZGRlZCBkeW5hbWljYWxseSAoZS5nLiAqbmdJZilcbiAgICAvLyB3ZSBuZWVkIHRvIGNhbGwgaW5pdCBhZ2FpbiB0byBoYXZlIGFsbCBuYXZpZ2F0ZSBjYWxsYmFja3MgZGVmaW5lZFxuICAgIHRoaXMucGFnZUNvbXBvbmVudHMuY2hhbmdlcy5waXBlKHRha2VVbnRpbCh0aGlzLmNvbXBsZXRlKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuaW5pdFBhZ2VDb21wb25lbnRzKCk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbXBsZXRlLm5leHQodHJ1ZSk7XG4gICAgdGhpcy5jb21wbGV0ZS51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgb25OYXZpZ2F0ZShwYWdlTmFtZTogc3RyaW5nKSB7XG4gICAgLy8gaGFuZGxlIGNsaWNrcyBvbiByb3V0ZXIgbGlua3NcbiAgICBpZiAoIXBhZ2VOYW1lKSB7XG4gICAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgICAgdGhpcy5mbHlvdXRPcGVuQ2hhbmdlLmVtaXQodGhpcy5pc09wZW4pO1xuICAgIH1cblxuICAgIC8vIGhhbmRsZSBwYWdlLW5hdmlnYXRpb24gY2xpY2tzXG4gICAgY29uc3QgbmV4dFBhZ2UgPSB0aGlzLnBhZ2VDb21wb25lbnRzLmZpbmQocCA9PiBwLm5hbWUgPT09IHBhZ2VOYW1lKTtcbiAgICBpZiAobmV4dFBhZ2UpIHtcbiAgICAgIG5leHRQYWdlLnZpc2libGUgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIHRvZ2dsZSgpIHtcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICB0aGlzLmZseW91dE9wZW5DaGFuZ2UuZW1pdCh0aGlzLmlzT3Blbik7XG4gIH1cblxuICBvbkNsaWNrT3V0c2lkZSgpIHtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuZmx5b3V0T3BlbkNoYW5nZS5lbWl0KHRoaXMuaXNPcGVuKTtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdFBhZ2VDb21wb25lbnRzKCkge1xuICAgIGlmICghdGhpcy5wYWdlQ29tcG9uZW50cykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIHJlZ2lzdGVyIGNsaWNrLWNhbGxiYWNrcyBhbmQgb3BlbiB0aGUgZmlyc3QgZWxlbWVudFxuICAgIHRoaXMucGFnZUNvbXBvbmVudHMuZm9yRWFjaCgocywgaSkgPT4ge1xuICAgICAgcy5vbk5hdmlnYXRlQ2FsbGJhY2sgPSBwYWdlTmFtZSA9PiB0aGlzLm9uTmF2aWdhdGUocGFnZU5hbWUpO1xuICAgICAgcy5pc2ZpcnN0ZWxlbWVudCA9IGkgPT09IDA7XG4gICAgICBzLnZpc2libGUgPSBpID09PSAwO1xuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZndlLW1vYmlsZS1mbHlvdXRcIiAoY2xpY2tPdXRzaWRlKT1cIm9uQ2xpY2tPdXRzaWRlKClcIiBmbmdDbGlja091dHNpZGU+XG4gIDxidXR0b24gW2NsYXNzLmZ3ZS1idXJnZXItYnV0dG9uXT1cIiFpc09wZW5cIiBbY2xhc3MuZndlLWNsb3NlLWJ1dHRvbl09XCJpc09wZW5cIiAoY2xpY2spPVwidG9nZ2xlKClcIj48L2J1dHRvbj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1tb2JpbGUtZmx5b3V0LWNvbnRhaW5lclwiIFtjbGFzcy5md2Utb3BlbmVkXT1cImlzT3BlblwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export var FngPaginationType;
|
|
6
|
-
(function (FngPaginationType) {
|
|
7
|
-
FngPaginationType["Numeric"] = "NUMERIC";
|
|
8
|
-
FngPaginationType["Dots"] = "DOTS";
|
|
9
|
-
})(FngPaginationType || (FngPaginationType = {}));
|
|
10
|
-
export class FngPaginationComponent {
|
|
11
|
-
constructor() {
|
|
12
|
-
this.PaginationType = FngPaginationType;
|
|
13
|
-
this.type = FngPaginationType.Numeric;
|
|
14
|
-
this.pageCurrent = 0;
|
|
15
|
-
this.changePage = new EventEmitter();
|
|
16
|
-
this.innerPageMax = 0;
|
|
17
|
-
this.dotArray = [];
|
|
18
|
-
}
|
|
19
|
-
set pageMax(value) {
|
|
20
|
-
this.innerPageMax = value;
|
|
21
|
-
this.dotArray = [...Array(value).fill(0).keys()];
|
|
22
|
-
}
|
|
23
|
-
get pageMax() {
|
|
24
|
-
return this.innerPageMax;
|
|
25
|
-
}
|
|
26
|
-
onBtnDown() {
|
|
27
|
-
if (this.pageCurrent > 1) {
|
|
28
|
-
this.pageCurrent--;
|
|
29
|
-
this.changePage.emit(this.pageCurrent);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
onBtnUp() {
|
|
33
|
-
if (this.pageCurrent < this.pageMax) {
|
|
34
|
-
this.pageCurrent++;
|
|
35
|
-
this.changePage.emit(this.pageCurrent);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
onDotClick(index) {
|
|
39
|
-
this.pageCurrent = index + 1;
|
|
40
|
-
this.changePage.emit(this.pageCurrent);
|
|
41
|
-
}
|
|
42
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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 }); }
|
|
44
|
-
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngPaginationComponent, decorators: [{
|
|
46
|
-
type: Component,
|
|
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" }]
|
|
48
|
-
}], propDecorators: { type: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], pageCurrent: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], pageMax: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}], changePage: [{
|
|
55
|
-
type: Output
|
|
56
|
-
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFMUYsTUFBTSxDQUFOLElBQVksaUJBR1g7QUFIRCxXQUFZLGlCQUFpQjtJQUMzQix3Q0FBbUIsQ0FBQTtJQUNuQixrQ0FBYSxDQUFBO0FBQ2YsQ0FBQyxFQUhXLGlCQUFpQixLQUFqQixpQkFBaUIsUUFHNUI7QUFVRCxNQUFNLE9BQU8sc0JBQXNCO0lBUm5DO1FBU0UsbUJBQWMsR0FBRyxpQkFBaUIsQ0FBQztRQUUxQixTQUFJLEdBQXNCLGlCQUFpQixDQUFDLE9BQU8sQ0FBQztRQUNwRCxnQkFBVyxHQUFHLENBQUMsQ0FBQztRQVVmLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRWxELGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLGFBQVEsR0FBYSxFQUFFLENBQUM7S0FvQnpCO0lBaENDLElBQ0ksT0FBTyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQU9ELFNBQVM7UUFDUCxJQUFJLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN6QyxDQUFDO0lBQ0gsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDekMsQ0FBQztJQUNILENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYTtRQUN0QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OEdBcENVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDJMQ2hCbkMsMDVCQXFCQSx5RERYWSxZQUFZOzsyRkFNWCxzQkFBc0I7a0JBUmxDLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2IsZ0JBQWdCLGlCQUdYLGlCQUFpQixDQUFDLElBQUk7OEJBSzVCLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVGLE9BQU87c0JBRFYsS0FBSztnQkFTSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgZW51bSBGbmdQYWdpbmF0aW9uVHlwZSB7XG4gIE51bWVyaWMgPSAnTlVNRVJJQycsXG4gIERvdHMgPSAnRE9UUydcbn1cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzZWxlY3RvcjogJ2ZuZy1wYWdpbmF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRm5nUGFnaW5hdGlvbkNvbXBvbmVudCB7XG4gIFBhZ2luYXRpb25UeXBlID0gRm5nUGFnaW5hdGlvblR5cGU7XG5cbiAgQElucHV0KCkgdHlwZTogRm5nUGFnaW5hdGlvblR5cGUgPSBGbmdQYWdpbmF0aW9uVHlwZS5OdW1lcmljO1xuICBASW5wdXQoKSBwYWdlQ3VycmVudCA9IDA7XG4gIEBJbnB1dCgpXG4gIHNldCBwYWdlTWF4KHZhbHVlOiBudW1iZXIpIHtcbiAgICB0aGlzLmlubmVyUGFnZU1heCA9IHZhbHVlO1xuICAgIHRoaXMuZG90QXJyYXkgPSBbLi4uQXJyYXkodmFsdWUpLmZpbGwoMCkua2V5cygpXTtcbiAgfVxuICBnZXQgcGFnZU1heCgpIHtcbiAgICByZXR1cm4gdGhpcy5pbm5lclBhZ2VNYXg7XG4gIH1cblxuICBAT3V0cHV0KCkgY2hhbmdlUGFnZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIGlubmVyUGFnZU1heDogbnVtYmVyID0gMDtcbiAgZG90QXJyYXk6IG51bWJlcltdID0gW107XG5cbiAgb25CdG5Eb3duKCkge1xuICAgIGlmICh0aGlzLnBhZ2VDdXJyZW50ID4gMSkge1xuICAgICAgdGhpcy5wYWdlQ3VycmVudC0tO1xuICAgICAgdGhpcy5jaGFuZ2VQYWdlLmVtaXQodGhpcy5wYWdlQ3VycmVudCk7XG4gICAgfVxuICB9XG5cbiAgb25CdG5VcCgpIHtcbiAgICBpZiAodGhpcy5wYWdlQ3VycmVudCA8IHRoaXMucGFnZU1heCkge1xuICAgICAgdGhpcy5wYWdlQ3VycmVudCsrO1xuICAgICAgdGhpcy5jaGFuZ2VQYWdlLmVtaXQodGhpcy5wYWdlQ3VycmVudCk7XG4gICAgfVxuICB9XG5cbiAgb25Eb3RDbGljayhpbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy5wYWdlQ3VycmVudCA9IGluZGV4ICsgMTtcbiAgICB0aGlzLmNoYW5nZVBhZ2UuZW1pdCh0aGlzLnBhZ2VDdXJyZW50KTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cInR5cGUgPT09IFBhZ2luYXRpb25UeXBlLk51bWVyaWNcIj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1wYWdpbmF0aW9uIGZ3ZS1wLW1cIiBbY2xhc3MuZndlLWQtbm9uZV09XCJwYWdlTWF4IDwgMlwiPlxuICAgIDxidXR0b24gY2xhc3M9XCJmd2UtbmF2aWdhdGUtYnRuLWRvd25cIiAoY2xpY2spPVwib25CdG5Eb3duKClcIiBbY2xhc3MuZndlLWRpc2FibGVkXT1cInBhZ2VDdXJyZW50IDw9IDFcIj48L2J1dHRvbj5cbiAgICA8c3BhbiBjbGFzcz1cImZ3ZS1wYWdlLWN1cnJlbnRcIj57eyBwYWdlQ3VycmVudCB9fTwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cImZ3ZS1wYWdlLW1heFwiPnt7IHBhZ2VNYXggfX08L3NwYW4+XG4gICAgPGJ1dHRvbiBjbGFzcz1cImZ3ZS1uYXZpZ2F0ZS1idG4tdXBcIiAoY2xpY2spPVwib25CdG5VcCgpXCIgW2NsYXNzLmZ3ZS1kaXNhYmxlZF09XCJwYWdlQ3VycmVudCA+PSBwYWdlTWF4XCI+PC9idXR0b24+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlID09PSBQYWdpbmF0aW9uVHlwZS5Eb3RzXCI+XG4gIDxkaXYgY2xhc3M9XCJmd2UtcC1tXCIgW2NsYXNzLmZ3ZS1kLW5vbmVdPVwicGFnZU1heCA8IDJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZndlLXBhZ2luYXRpb25cIj5cbiAgICAgIDxzcGFuXG4gICAgICAgICpuZ0Zvcj1cImxldCBpbmRleCBvZiBkb3RBcnJheVwiXG4gICAgICAgIGNsYXNzPVwiZndlLXBhZ2UtZG90XCJcbiAgICAgICAgW2NsYXNzLmZ3ZS1zZWxlY3RlZF09XCJpbmRleCArIDEgPT09IHBhZ2VDdXJyZW50XCJcbiAgICAgICAgKGNsaWNrKT1cIm9uRG90Q2xpY2soaW5kZXgpXCJcbiAgICAgID48L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../popover.service";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
export class FngLegendComponent {
|
|
7
|
-
constructor(popoverService) {
|
|
8
|
-
this.popoverService = popoverService;
|
|
9
|
-
this.items = [];
|
|
10
|
-
this.options = {};
|
|
11
|
-
}
|
|
12
|
-
show(origin) {
|
|
13
|
-
if (0 < this.items.length && this.templateRef) {
|
|
14
|
-
this.popoverRef = this.popoverService.open({
|
|
15
|
-
content: this.templateRef,
|
|
16
|
-
origin,
|
|
17
|
-
options: {
|
|
18
|
-
type: 'legend',
|
|
19
|
-
hasBackdrop: true
|
|
20
|
-
},
|
|
21
|
-
data: undefined
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
hide() {
|
|
26
|
-
this.popoverRef?.close();
|
|
27
|
-
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngLegendComponent, deps: [{ token: i1.FngPopoverService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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;margin-right:0}.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 .fwe-svg-icon{margin-right:8px;margin-left:8px}.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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
30
|
-
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngLegendComponent, decorators: [{
|
|
32
|
-
type: Component,
|
|
33
|
-
args: [{ standalone: true, selector: 'fng-legend', imports: [CommonModule], encapsulation: ViewEncapsulation.None, 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;margin-right:0}.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 .fwe-svg-icon{margin-right:8px;margin-left:8px}.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: () => [{ type: i1.FngPopoverService }], propDecorators: { items: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], options: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], templateRef: [{
|
|
39
|
-
type: ViewChild,
|
|
40
|
-
args: ['tpl']
|
|
41
|
-
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3BvcG92ZXJzL2xlZ2VuZC9sZWdlbmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcG9wb3ZlcnMvbGVnZW5kL2xlZ2VuZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBc0I1RixNQUFNLE9BQU8sa0JBQWtCO0lBTTdCLFlBQW9CLGNBQWlDO1FBQWpDLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQUw1QyxVQUFLLEdBQW9CLEVBQUUsQ0FBQztRQUM1QixZQUFPLEdBQTRCLEVBQUUsQ0FBQztJQUlTLENBQUM7SUFFekQsSUFBSSxDQUFDLE1BQW1CO1FBQ3RCLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUM5QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDO2dCQUN6QyxPQUFPLEVBQUUsSUFBSSxDQUFDLFdBQVc7Z0JBQ3pCLE1BQU07Z0JBQ04sT0FBTyxFQUFFO29CQUNQLElBQUksRUFBRSxRQUFRO29CQUNkLFdBQVcsRUFBRSxJQUFJO2lCQUNsQjtnQkFDRCxJQUFJLEVBQUUsU0FBUzthQUNoQixDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDO0lBQzNCLENBQUM7OEdBeEJVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDBOQ3ZCL0IsMFBBUUEsMnZHRFlZLFlBQVk7OzJGQUdYLGtCQUFrQjtrQkFSOUIsU0FBUztpQ0FDSSxJQUFJLFlBQ04sWUFBWSxXQUdiLENBQUMsWUFBWSxDQUFDLGlCQUNSLGlCQUFpQixDQUFDLElBQUk7c0ZBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ1ksV0FBVztzQkFBNUIsU0FBUzt1QkFBQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFBvcG92ZXJSZWYgfSBmcm9tICcuLi9wb3BvdmVyLXJlZic7XG5pbXBvcnQgeyBGbmdQb3BvdmVyU2VydmljZSB9IGZyb20gJy4uL3BvcG92ZXIuc2VydmljZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm5nUG9wb3ZlckxlZ2VuZE9wdGlvbnMge1xuICBtYXhXaWR0aD86IHN0cmluZyB8IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGbmdMZWdlbmRJdGVtIHtcbiAgbmFtZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2ZuZy1sZWdlbmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGVnZW5kLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGVnZW5kLmNvbXBvbmVudC5zY3NzJ10sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZuZ0xlZ2VuZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGl0ZW1zOiBGbmdMZWdlbmRJdGVtW10gPSBbXTtcbiAgQElucHV0KCkgb3B0aW9uczogRm5nUG9wb3ZlckxlZ2VuZE9wdGlvbnMgPSB7fTtcbiAgQFZpZXdDaGlsZCgndHBsJykgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT4gfCB1bmRlZmluZWQ7XG4gIHByaXZhdGUgcG9wb3ZlclJlZjogUG9wb3ZlclJlZiB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHBvcG92ZXJTZXJ2aWNlOiBGbmdQb3BvdmVyU2VydmljZSkge31cblxuICBzaG93KG9yaWdpbjogSFRNTEVsZW1lbnQpIHtcbiAgICBpZiAoMCA8IHRoaXMuaXRlbXMubGVuZ3RoICYmIHRoaXMudGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMucG9wb3ZlclJlZiA9IHRoaXMucG9wb3ZlclNlcnZpY2Uub3Blbih7XG4gICAgICAgIGNvbnRlbnQ6IHRoaXMudGVtcGxhdGVSZWYsXG4gICAgICAgIG9yaWdpbixcbiAgICAgICAgb3B0aW9uczoge1xuICAgICAgICAgIHR5cGU6ICdsZWdlbmQnLFxuICAgICAgICAgIGhhc0JhY2tkcm9wOiB0cnVlXG4gICAgICAgIH0sXG4gICAgICAgIGRhdGE6IHVuZGVmaW5lZFxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgaGlkZSgpIHtcbiAgICB0aGlzLnBvcG92ZXJSZWY/LmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjdHBsPlxuICA8ZGwgKm5nSWY9XCIwIDwgaXRlbXMubGVuZ3RoXCIgY2xhc3M9XCJmbmctbGVnZW5kXCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIGNsYXNzPVwiZm5nLWxlZ2VuZC1jb250ZW50XCI+XG4gICAgICA8ZHQ+e3sgaXRlbT8ubmFtZSB9fTwvZHQ+XG4gICAgICA8ZGQ+e3sgaXRlbT8udGV4dCB9fTwvZGQ+XG4gICAgPC9kaXY+XG4gIDwvZGw+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Directive, ContentChild, HostListener } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FngLegendDirective {
|
|
4
|
-
constructor(elmenetRef) {
|
|
5
|
-
this.elmenetRef = elmenetRef;
|
|
6
|
-
}
|
|
7
|
-
ngOnInit() {
|
|
8
|
-
this.origin = this.elmenetRef.nativeElement;
|
|
9
|
-
}
|
|
10
|
-
show() {
|
|
11
|
-
if (null != this.ref && this.origin) {
|
|
12
|
-
this.ref.show(this.origin);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngLegendDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
16
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: FngLegendDirective, isStandalone: true, selector: "[fngLegend]", host: { listeners: { "click": "show()" } }, queries: [{ propertyName: "ref", first: true, predicate: ["fngContent"], descendants: true }], ngImport: i0 }); }
|
|
17
|
-
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngLegendDirective, decorators: [{
|
|
19
|
-
type: Directive,
|
|
20
|
-
args: [{
|
|
21
|
-
standalone: true,
|
|
22
|
-
selector: '[fngLegend]'
|
|
23
|
-
}]
|
|
24
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { ref: [{
|
|
25
|
-
type: ContentChild,
|
|
26
|
-
args: ['fngContent']
|
|
27
|
-
}], show: [{
|
|
28
|
-
type: HostListener,
|
|
29
|
-
args: ['click']
|
|
30
|
-
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3BvcG92ZXJzL2xlZ2VuZC9sZWdlbmQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFRMUYsTUFBTSxPQUFPLGtCQUFrQjtJQUk3QixZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQUcsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUM5QyxDQUFDO0lBR0QsSUFBSTtRQUNGLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM3QixDQUFDO0lBQ0gsQ0FBQzs4R0FmVSxrQkFBa0I7a0dBQWxCLGtCQUFrQjs7MkZBQWxCLGtCQUFrQjtrQkFKOUIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGFBQWE7aUJBQ3hCOytFQUU2QixHQUFHO3NCQUE5QixZQUFZO3VCQUFDLFlBQVk7Z0JBVTFCLElBQUk7c0JBREgsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBDb250ZW50Q2hpbGQsIEhvc3RMaXN0ZW5lciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZuZ1BvcG92ZXJDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi4vcG9wb3Zlci1jb250ZW50L3BvcG92ZXItY29udGVudC5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdbZm5nTGVnZW5kXSdcbn0pXG5leHBvcnQgY2xhc3MgRm5nTGVnZW5kRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQENvbnRlbnRDaGlsZCgnZm5nQ29udGVudCcpIHJlZjogRm5nUG9wb3ZlckNvbnRlbnRDb21wb25lbnQgfCB1bmRlZmluZWQ7XG4gIHByaXZhdGUgb3JpZ2luOiBIVE1MRWxlbWVudCB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsbWVuZXRSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5vcmlnaW4gPSB0aGlzLmVsbWVuZXRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgc2hvdygpIHtcbiAgICBpZiAobnVsbCAhPSB0aGlzLnJlZiAmJiB0aGlzLm9yaWdpbikge1xuICAgICAgdGhpcy5yZWYuc2hvdyh0aGlzLm9yaWdpbik7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, TemplateRef, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import { FngPopoverContentTypes } from '../popover.models';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "../popover-ref";
|
|
6
|
-
import * as i2 from "@angular/common";
|
|
7
|
-
export class FngPopoverComponent {
|
|
8
|
-
constructor(popoverRef) {
|
|
9
|
-
this.popoverRef = popoverRef;
|
|
10
|
-
this.type = FngPopoverContentTypes.Text;
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() {
|
|
13
|
-
this.content = this.popoverRef.content;
|
|
14
|
-
if ('string' === typeof this.content) {
|
|
15
|
-
this.type = FngPopoverContentTypes.Text;
|
|
16
|
-
}
|
|
17
|
-
if (this.content instanceof TemplateRef) {
|
|
18
|
-
this.type = FngPopoverContentTypes.Template;
|
|
19
|
-
this.context = {
|
|
20
|
-
close: this.popoverRef.close.bind(this.popoverRef)
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngPopoverComponent, deps: [{ token: i1.PopoverRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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", "ngComponentOutletInputs", "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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngPopoverComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ standalone: true, selector: 'fng-popover', imports: [CommonModule], encapsulation: ViewEncapsulation.None, 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
|
-
}], ctorParameters: () => [{ type: i1.PopoverRef }] });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9wb3BvdmVycy9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcG9wb3ZlcnMvcG9wb3Zlci9wb3BvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFVLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdsRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7OztBQVUzRCxNQUFNLE9BQU8sbUJBQW1CO0lBSzlCLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFKMUMsU0FBSSxHQUFrQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUM7SUFJckIsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQztRQUN2QyxJQUFJLFFBQVEsS0FBSyxPQUFPLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsSUFBSSxHQUFHLHNCQUFzQixDQUFDLElBQUksQ0FBQztRQUMxQyxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsT0FBTyxZQUFZLFdBQVcsRUFBRSxDQUFDO1lBQ3hDLElBQUksQ0FBQyxJQUFJLEdBQUcsc0JBQXNCLENBQUMsUUFBUSxDQUFDO1lBQzVDLElBQUksQ0FBQyxPQUFPLEdBQUc7Z0JBQ2IsS0FBSyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2FBQ25ELENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQzs4R0FuQlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsdUVDZGhDLGlsQkFjQSx5RERIWSxZQUFZOzsyRkFHWCxtQkFBbUI7a0JBUi9CLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLGFBQWEsV0FHZCxDQUFDLFlBQVksQ0FBQyxpQkFDUixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBUZW1wbGF0ZVJlZiwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUG9wb3ZlclJlZiB9IGZyb20gJy4uL3BvcG92ZXItcmVmJztcbmltcG9ydCB7IEZuZ1BvcG92ZXJDb250ZW50VHlwZXMgfSBmcm9tICcuLi9wb3BvdmVyLm1vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2ZuZy1wb3BvdmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BvcG92ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wb3BvdmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZuZ1BvcG92ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICB0eXBlOiBGbmdQb3BvdmVyQ29udGVudFR5cGVzIHwgbnVsbCA9IEZuZ1BvcG92ZXJDb250ZW50VHlwZXMuVGV4dDtcbiAgY29udGVudDogYW55O1xuICBjb250ZXh0OiBhbnk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBwb3BvdmVyUmVmOiBQb3BvdmVyUmVmKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY29udGVudCA9IHRoaXMucG9wb3ZlclJlZi5jb250ZW50O1xuICAgIGlmICgnc3RyaW5nJyA9PT0gdHlwZW9mIHRoaXMuY29udGVudCkge1xuICAgICAgdGhpcy50eXBlID0gRm5nUG9wb3ZlckNvbnRlbnRUeXBlcy5UZXh0O1xuICAgIH1cblxuICAgIGlmICh0aGlzLmNvbnRlbnQgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xuICAgICAgdGhpcy50eXBlID0gRm5nUG9wb3ZlckNvbnRlbnRUeXBlcy5UZW1wbGF0ZTtcbiAgICAgIHRoaXMuY29udGV4dCA9IHtcbiAgICAgICAgY2xvc2U6IHRoaXMucG9wb3ZlclJlZi5jbG9zZS5iaW5kKHRoaXMucG9wb3ZlclJlZilcbiAgICAgIH07XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZndlLXBvcG92ZXItY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJmd2UtdHJpYW5nbGVcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZ3ZS1wb3BvdmVyXCI+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwidHlwZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZ3ZS1wb3BvdmVyLWNvbnRlbnRcIiAqbmdTd2l0Y2hDYXNlPVwiJ3RleHQnXCIgW2lubmVySFRNTF09XCJjb250ZW50XCI+PC9kaXY+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIndGVtcGxhdGUnXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50OyBjb250ZXh0OiBjb250ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidjb21wb25lbnQnXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nQ29tcG9uZW50T3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, ViewChild, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import { take } from 'rxjs/operators';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "../popover.service";
|
|
6
|
-
import * as i2 from "@angular/common";
|
|
7
|
-
export class FngPopoverContentComponent {
|
|
8
|
-
constructor(popoverService) {
|
|
9
|
-
this.popoverService = popoverService;
|
|
10
|
-
this.options = {};
|
|
11
|
-
this.close = new EventEmitter();
|
|
12
|
-
this.actions = new EventEmitter();
|
|
13
|
-
this.showDefault = false;
|
|
14
|
-
this.offScreen = true;
|
|
15
|
-
this.height = 16; // add default padding
|
|
16
|
-
this.width = 16; // add default padding
|
|
17
|
-
}
|
|
18
|
-
ngOnDestroy() {
|
|
19
|
-
if (this.closeSub) {
|
|
20
|
-
this.closeSub.unsubscribe();
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
ngAfterViewInit() {
|
|
24
|
-
const parent = this.templateRef.elementRef.nativeElement.parentElement;
|
|
25
|
-
parent.childNodes.forEach((node) => {
|
|
26
|
-
if (null != node.dataset && undefined !== node.dataset['fngRoot']) {
|
|
27
|
-
this.width = this.width + node.getBoundingClientRect().width;
|
|
28
|
-
this.height = this.height + node.getBoundingClientRect().height;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
show(origin) {
|
|
33
|
-
this.offScreen = false;
|
|
34
|
-
this.popoverRef = this.popoverService.open({
|
|
35
|
-
content: this.templateRef,
|
|
36
|
-
origin,
|
|
37
|
-
options: {
|
|
38
|
-
positions: null != this.options && this.options.positions ? this.options.positions : undefined,
|
|
39
|
-
width: this.width,
|
|
40
|
-
height: this.height,
|
|
41
|
-
type: 'content',
|
|
42
|
-
hasBackdrop: true
|
|
43
|
-
},
|
|
44
|
-
data: undefined
|
|
45
|
-
});
|
|
46
|
-
this.actions.emit({
|
|
47
|
-
close: () => {
|
|
48
|
-
this.hide();
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
if (this.closeSub) {
|
|
52
|
-
this.closeSub.unsubscribe();
|
|
53
|
-
}
|
|
54
|
-
this.closeSub = this.popoverRef?.afterClosed$.pipe(take(1)).subscribe(event => {
|
|
55
|
-
this.close.emit(event);
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
hide() {
|
|
59
|
-
this.popoverRef?.close();
|
|
60
|
-
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngPopoverContentComponent, deps: [{ token: i1.FngPopoverService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
63
|
-
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngPopoverContentComponent, decorators: [{
|
|
65
|
-
type: Component,
|
|
66
|
-
args: [{ standalone: true, selector: 'fng-popover-content', imports: [CommonModule], encapsulation: ViewEncapsulation.None, 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: () => [{ type: i1.FngPopoverService }], propDecorators: { options: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], close: [{
|
|
70
|
-
type: Output
|
|
71
|
-
}], actions: [{
|
|
72
|
-
type: Output
|
|
73
|
-
}], templateRef: [{
|
|
74
|
-
type: ViewChild,
|
|
75
|
-
args: ['tpl']
|
|
76
|
-
}], contentRef: [{
|
|
77
|
-
type: ViewChild,
|
|
78
|
-
args: ['fngContent']
|
|
79
|
-
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3BvcG92ZXJzL3BvcG92ZXItY29udGVudC9wb3BvdmVyLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcG9wb3ZlcnMvcG9wb3Zlci1jb250ZW50L3BvcG92ZXItY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBRVQsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBSVosaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQXdCdEMsTUFBTSxPQUFPLDBCQUEwQjtJQWVyQyxZQUFvQixjQUFpQztRQUFqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFkNUMsWUFBTyxHQUE2QixFQUFFLENBQUM7UUFDdEMsVUFBSyxHQUF1QyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9ELFlBQU8sR0FBMkMsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUkvRSxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxzQkFBc0I7UUFDbkMsVUFBSyxHQUFHLEVBQUUsQ0FBQyxDQUFDLHNCQUFzQjtJQUtzQixDQUFDO0lBRXpELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQzlCLENBQUM7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sTUFBTSxHQUFnQixJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDO1FBQ3BGLE1BQU0sQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBUyxFQUFFLEVBQUU7WUFDdEMsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxTQUFTLEtBQUssSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO2dCQUNsRSxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDO2dCQUM3RCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUMsTUFBTSxDQUFDO1lBQ2xFLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUFJLENBQUMsTUFBbUI7UUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztZQUN6QyxPQUFPLEVBQUUsSUFBSSxDQUFDLFdBQVc7WUFDekIsTUFBTTtZQUNOLE9BQU8sRUFBRTtnQkFDUCxTQUFTLEVBQUUsSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTO2dCQUM5RixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7Z0JBQ2pCLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtnQkFDbkIsSUFBSSxFQUFFLFNBQVM7Z0JBQ2YsV0FBVyxFQUFFLElBQUk7YUFDbEI7WUFDRCxJQUFJLEVBQUUsU0FBUztTQUNoQixDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztZQUNoQixLQUFLLEVBQUUsR0FBRyxFQUFFO2dCQUNWLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNkLENBQUM7U0FDRixDQUFDLENBQUM7UUFFSCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQzlCLENBQUM7UUFFRCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDNUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDM0IsQ0FBQzs4R0FqRVUsMEJBQTBCO2tHQUExQiwwQkFBMEIsK1ZDdEN2Qyw0UEFRQSxzTEQyQlksWUFBWTs7MkZBR1gsMEJBQTBCO2tCQVJ0QyxTQUFTO2lDQUNJLElBQUksWUFDTixxQkFBcUIsV0FHdEIsQ0FBQyxZQUFZLENBQUMsaUJBQ1IsaUJBQWlCLENBQUMsSUFBSTtzRkFHNUIsT0FBTztzQkFBZixLQUFLO2dCQUNJLEtBQUs7c0JBQWQsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQUNXLFdBQVc7c0JBQTVCLFNBQVM7dUJBQUMsS0FBSztnQkFDUyxVQUFVO3NCQUFsQyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3Q2hpbGQsXG4gIFRlbXBsYXRlUmVmLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIE9uRGVzdHJveSxcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgRWxlbWVudFJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2UgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IEZuZ1BvcG92ZXJTZXJ2aWNlIH0gZnJvbSAnLi4vcG9wb3Zlci5zZXJ2aWNlJztcbmltcG9ydCB7IFBvcG92ZXJSZWYgfSBmcm9tICcuLi9wb3BvdmVyLXJlZic7XG5pbXBvcnQgeyBGbmdQb3BvdmVyQ2xvc2VFdmVudCwgRm5nUG9wb3ZlclBvc2l0aW9uIH0gZnJvbSAnLi4vcG9wb3Zlci5tb2RlbHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZuZ1BvcG92ZXJDb250ZW50T3B0aW9ucyB7XG4gIHBvc2l0aW9ucz86IEZuZ1BvcG92ZXJQb3NpdGlvbltdO1xuICBtYXhXaWR0aD86IHN0cmluZyB8IG51bWJlcjtcbiAgbWluSGVpZ2h0Pzogc3RyaW5nIHwgbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZuZ1BvcG92ZXJDb250ZW50QWN0aW9ucyB7XG4gIGNsb3NlOiAoKSA9PiB2b2lkO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdmbmctcG9wb3Zlci1jb250ZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BvcG92ZXItY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BvcG92ZXItY29udGVudC5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBGbmdQb3BvdmVyQ29udGVudENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIG9wdGlvbnM6IEZuZ1BvcG92ZXJDb250ZW50T3B0aW9ucyA9IHt9O1xuICBAT3V0cHV0KCkgY2xvc2U6IEV2ZW50RW1pdHRlcjxGbmdQb3BvdmVyQ2xvc2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBhY3Rpb25zOiBFdmVudEVtaXR0ZXI8Rm5nUG9wb3ZlckNvbnRlbnRBY3Rpb25zPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQFZpZXdDaGlsZCgndHBsJykgdGVtcGxhdGVSZWYhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBAVmlld0NoaWxkKCdmbmdDb250ZW50JykgY29udGVudFJlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICBzaG93RGVmYXVsdCA9IGZhbHNlO1xuICBvZmZTY3JlZW4gPSB0cnVlO1xuICBoZWlnaHQgPSAxNjsgLy8gYWRkIGRlZmF1bHQgcGFkZGluZ1xuICB3aWR0aCA9IDE2OyAvLyBhZGQgZGVmYXVsdCBwYWRkaW5nXG5cbiAgcHJpdmF0ZSBjbG9zZVN1YjogU3Vic2NyaXB0aW9uIHwgdW5kZWZpbmVkO1xuICBwcml2YXRlIHBvcG92ZXJSZWY6IFBvcG92ZXJSZWYgfCB1bmRlZmluZWQ7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBwb3BvdmVyU2VydmljZTogRm5nUG9wb3ZlclNlcnZpY2UpIHt9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY2xvc2VTdWIpIHtcbiAgICAgIHRoaXMuY2xvc2VTdWIudW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgY29uc3QgcGFyZW50OiBIVE1MRWxlbWVudCA9IHRoaXMudGVtcGxhdGVSZWYuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQ7XG4gICAgcGFyZW50LmNoaWxkTm9kZXMuZm9yRWFjaCgobm9kZTogYW55KSA9PiB7XG4gICAgICBpZiAobnVsbCAhPSBub2RlLmRhdGFzZXQgJiYgdW5kZWZpbmVkICE9PSBub2RlLmRhdGFzZXRbJ2ZuZ1Jvb3QnXSkge1xuICAgICAgICB0aGlzLndpZHRoID0gdGhpcy53aWR0aCArIG5vZGUuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgICAgIHRoaXMuaGVpZ2h0ID0gdGhpcy5oZWlnaHQgKyBub2RlLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmhlaWdodDtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHNob3cob3JpZ2luOiBIVE1MRWxlbWVudCkge1xuICAgIHRoaXMub2ZmU2NyZWVuID0gZmFsc2U7XG4gICAgdGhpcy5wb3BvdmVyUmVmID0gdGhpcy5wb3BvdmVyU2VydmljZS5vcGVuKHtcbiAgICAgIGNvbnRlbnQ6IHRoaXMudGVtcGxhdGVSZWYsXG4gICAgICBvcmlnaW4sXG4gICAgICBvcHRpb25zOiB7XG4gICAgICAgIHBvc2l0aW9uczogbnVsbCAhPSB0aGlzLm9wdGlvbnMgJiYgdGhpcy5vcHRpb25zLnBvc2l0aW9ucyA/IHRoaXMub3B0aW9ucy5wb3NpdGlvbnMgOiB1bmRlZmluZWQsXG4gICAgICAgIHdpZHRoOiB0aGlzLndpZHRoLFxuICAgICAgICBoZWlnaHQ6IHRoaXMuaGVpZ2h0LFxuICAgICAgICB0eXBlOiAnY29udGVudCcsXG4gICAgICAgIGhhc0JhY2tkcm9wOiB0cnVlXG4gICAgICB9LFxuICAgICAgZGF0YTogdW5kZWZpbmVkXG4gICAgfSk7XG5cbiAgICB0aGlzLmFjdGlvbnMuZW1pdCh7XG4gICAgICBjbG9zZTogKCkgPT4ge1xuICAgICAgICB0aGlzLmhpZGUoKTtcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIGlmICh0aGlzLmNsb3NlU3ViKSB7XG4gICAgICB0aGlzLmNsb3NlU3ViLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgdGhpcy5jbG9zZVN1YiA9IHRoaXMucG9wb3ZlclJlZj8uYWZ0ZXJDbG9zZWQkLnBpcGUodGFrZSgxKSkuc3Vic2NyaWJlKGV2ZW50ID0+IHtcbiAgICAgIHRoaXMuY2xvc2UuZW1pdChldmVudCk7XG4gICAgfSk7XG4gIH1cblxuICBoaWRlKCkge1xuICAgIHRoaXMucG9wb3ZlclJlZj8uY2xvc2UoKTtcbiAgfVxufVxuIiwiPGRpdiAjZGVmYXVsdCAqbmdJZj1cInNob3dEZWZhdWx0OyBlbHNlIHRwbFwiPjwvZGl2PlxuPG5nLXRlbXBsYXRlICN0cGw+XG4gIDxkaXYgZGF0YS1mbmctcm9vdCBbY2xhc3MuZm5nLW9mZi1zY3JlZW5dPVwib2ZmU2NyZWVuXCI+XG4gICAgPGRpdiAjZm5nQ29udGVudCBjbGFzcz1cImZuZy1jb250ZW50XCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { Directive, HostListener, ContentChild } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class FngPopoverContentDirective {
|
|
4
|
-
constructor(elmenetRef) {
|
|
5
|
-
this.elmenetRef = elmenetRef;
|
|
6
|
-
}
|
|
7
|
-
ngOnInit() {
|
|
8
|
-
this.origin = this.elmenetRef.nativeElement;
|
|
9
|
-
}
|
|
10
|
-
show() {
|
|
11
|
-
if (null != this.component) {
|
|
12
|
-
this.component.show(this.origin);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
hide() {
|
|
16
|
-
if (null != this.component) {
|
|
17
|
-
this.component.hide();
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngPopoverContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: FngPopoverContentDirective, isStandalone: true, selector: "[fngPopoverContent]", host: { listeners: { "click": "show()", "document:keydown.escape": "hide()" } }, queries: [{ propertyName: "component", first: true, predicate: ["fngComponent"], descendants: true }], ngImport: i0 }); }
|
|
22
|
-
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FngPopoverContentDirective, decorators: [{
|
|
24
|
-
type: Directive,
|
|
25
|
-
args: [{
|
|
26
|
-
standalone: true,
|
|
27
|
-
selector: '[fngPopoverContent]'
|
|
28
|
-
}]
|
|
29
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { component: [{
|
|
30
|
-
type: ContentChild,
|
|
31
|
-
args: ['fngComponent']
|
|
32
|
-
}], show: [{
|
|
33
|
-
type: HostListener,
|
|
34
|
-
args: ['click']
|
|
35
|
-
}], hide: [{
|
|
36
|
-
type: HostListener,
|
|
37
|
-
args: ['document:keydown.escape']
|
|
38
|
-
}] } });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci1jb250ZW50LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3BvcG92ZXJzL3BvcG92ZXItY29udGVudC9wb3BvdmVyLWNvbnRlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFVLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRMUYsTUFBTSxPQUFPLDBCQUEwQjtJQUlyQyxZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQUcsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUM5QyxDQUFDO0lBR0QsSUFBSTtRQUNGLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkMsQ0FBQztJQUNILENBQUM7SUFHRCxJQUFJO1FBQ0YsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDeEIsQ0FBQztJQUNILENBQUM7OEdBdEJVLDBCQUEwQjtrR0FBMUIsMEJBQTBCOzsyRkFBMUIsMEJBQTBCO2tCQUp0QyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUscUJBQXFCO2lCQUNoQzsrRUFFK0IsU0FBUztzQkFBdEMsWUFBWTt1QkFBQyxjQUFjO2dCQVU1QixJQUFJO3NCQURILFlBQVk7dUJBQUMsT0FBTztnQkFRckIsSUFBSTtzQkFESCxZQUFZO3VCQUFDLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBPbkluaXQsIENvbnRlbnRDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBGbmdQb3BvdmVyQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4vcG9wb3Zlci1jb250ZW50LmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1tmbmdQb3BvdmVyQ29udGVudF0nXG59KVxuZXhwb3J0IGNsYXNzIEZuZ1BvcG92ZXJDb250ZW50RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQENvbnRlbnRDaGlsZCgnZm5nQ29tcG9uZW50JykgY29tcG9uZW50OiBGbmdQb3BvdmVyQ29udGVudENvbXBvbmVudCB8IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBvcmlnaW4hOiBIVE1MRWxlbWVudDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsbWVuZXRSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5vcmlnaW4gPSB0aGlzLmVsbWVuZXRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgc2hvdygpIHtcbiAgICBpZiAobnVsbCAhPSB0aGlzLmNvbXBvbmVudCkge1xuICAgICAgdGhpcy5jb21wb25lbnQuc2hvdyh0aGlzLm9yaWdpbik7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6a2V5ZG93bi5lc2NhcGUnKVxuICBoaWRlKCkge1xuICAgIGlmIChudWxsICE9IHRoaXMuY29tcG9uZW50KSB7XG4gICAgICB0aGlzLmNvbXBvbmVudC5oaWRlKCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|