@igo2/common 17.0.0 → 17.0.1-next.2
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/action/actionbar/actionbar-item.component.d.ts +1 -3
- package/action/shared/action.interfaces.d.ts +1 -3
- package/action/src/actionbar/actionbar-item.theming.scss +3 -3
- package/backdrop/backdrop.component.d.ts +0 -1
- package/clone/clone.pipe.d.ts +1 -1
- package/context-menu/long-press.directive.d.ts +0 -1
- package/custom-html/custom-html.component.d.ts +0 -1
- package/drag-drop/drag-drop.directive.d.ts +1 -1
- package/dynamic-component/dynamic-outlet/dynamic-outlet.component.d.ts +2 -6
- package/dynamic-component/shared/dynamic-component.d.ts +2 -6
- package/entity/entity-table/entity-table.component.d.ts +10 -22
- package/entity/shared/entity.interfaces.d.ts +6 -16
- package/entity/shared/transaction.d.ts +4 -12
- package/entity/src/entity-selector/entity-selector.theming.scss +1 -1
- package/entity/src/entity-table/entity-table.theming.scss +4 -4
- package/esm2022/action/action.module.mjs +4 -4
- package/esm2022/action/actionbar/actionbar-item.component.mjs +4 -4
- package/esm2022/action/actionbar/actionbar.component.mjs +3 -3
- package/esm2022/action/actionbar/actionbar.module.mjs +4 -4
- package/esm2022/action/shared/action.interfaces.mjs +1 -1
- package/esm2022/backdrop/backdrop.component.mjs +5 -6
- package/esm2022/backdrop/backdrop.module.mjs +4 -4
- package/esm2022/badge/badge-icon.directive.mjs +3 -3
- package/esm2022/badge/badge-icon.module.mjs +4 -4
- package/esm2022/clickout/clickout.directive.mjs +3 -3
- package/esm2022/clickout/clickout.module.mjs +4 -4
- package/esm2022/clone/clone.module.mjs +4 -4
- package/esm2022/clone/clone.pipe.mjs +5 -5
- package/esm2022/collapsible/collapse.directive.mjs +4 -4
- package/esm2022/collapsible/collapsible.component.mjs +4 -4
- package/esm2022/collapsible/collapsible.module.mjs +4 -4
- package/esm2022/color/color-picker-form-field/color-picker-form-field.component.mjs +6 -6
- package/esm2022/color/color-picker-form-field/color-picker-form-field.module.mjs +4 -4
- package/esm2022/confirm-dialog/confirm-dialog.component.mjs +4 -4
- package/esm2022/confirm-dialog/confirm-dialog.module.mjs +4 -4
- package/esm2022/confirm-dialog/confirm-dialog.service.mjs +3 -3
- package/esm2022/context-menu/context-menu.directive.mjs +3 -3
- package/esm2022/context-menu/context-menu.module.mjs +4 -4
- package/esm2022/context-menu/long-press.directive.mjs +5 -6
- package/esm2022/custom-html/custom-html.component.mjs +5 -6
- package/esm2022/custom-html/custom-html.module.mjs +4 -4
- package/esm2022/custom-html/custom-html.pipe.mjs +3 -3
- package/esm2022/dom/dom.module.mjs +4 -4
- package/esm2022/dom/dom.service.mjs +3 -3
- package/esm2022/drag-drop/drag-drop.directive.mjs +4 -4
- package/esm2022/drag-drop/drag-drop.module.mjs +4 -4
- package/esm2022/dynamic-component/dynamic-component.module.mjs +4 -4
- package/esm2022/dynamic-component/dynamic-outlet/dynamic-outlet.component.mjs +4 -4
- package/esm2022/dynamic-component/dynamic-outlet/dynamic-outlet.module.mjs +4 -4
- package/esm2022/dynamic-component/shared/dynamic-component.mjs +3 -3
- package/esm2022/dynamic-component/shared/dynamic-component.service.mjs +3 -3
- package/esm2022/entity/entity-selector/entity-selector.component.mjs +4 -4
- package/esm2022/entity/entity-selector/entity-selector.module.mjs +4 -4
- package/esm2022/entity/entity-table/entity-table-row.directive.mjs +4 -4
- package/esm2022/entity/entity-table/entity-table.component.mjs +8 -8
- package/esm2022/entity/entity-table/entity-table.module.mjs +4 -4
- package/esm2022/entity/entity-table-paginator/entity-table-paginator.component.mjs +4 -4
- package/esm2022/entity/entity-table-paginator/entity-table-paginator.module.mjs +4 -4
- package/esm2022/entity/entity.module.mjs +4 -4
- package/esm2022/entity/shared/entity.interfaces.mjs +1 -1
- package/esm2022/entity/shared/state.mjs +1 -1
- package/esm2022/entity/shared/store.mjs +1 -1
- package/esm2022/entity/shared/strategies/filter-custom-function.mjs +1 -1
- package/esm2022/entity/shared/strategies/filter-selection.mjs +1 -1
- package/esm2022/entity/shared/strategies/strategy.mjs +7 -3
- package/esm2022/entity/shared/transaction.mjs +3 -3
- package/esm2022/entity/shared/view.mjs +1 -1
- package/esm2022/entity/shared/watcher.mjs +3 -3
- package/esm2022/flexible/flexible.component.mjs +10 -8
- package/esm2022/flexible/flexible.module.mjs +4 -4
- package/esm2022/form/form/form.component.mjs +5 -6
- package/esm2022/form/form/form.module.mjs +4 -4
- package/esm2022/form/form-dialog/form-dialog.component.mjs +6 -6
- package/esm2022/form/form-dialog/form-dialog.interface.mjs +1 -1
- package/esm2022/form/form-dialog/form-dialog.module.mjs +4 -4
- package/esm2022/form/form-dialog/form-dialog.service.mjs +4 -4
- package/esm2022/form/form-field/form-field-select.component.mjs +4 -4
- package/esm2022/form/form-field/form-field-text.component.mjs +4 -4
- package/esm2022/form/form-field/form-field-textarea.component.mjs +4 -4
- package/esm2022/form/form-field/form-field.component.mjs +3 -3
- package/esm2022/form/form-field/form-field.module.mjs +4 -4
- package/esm2022/form/form-group/form-group.component.mjs +5 -6
- package/esm2022/form/form-group/form-group.module.mjs +4 -4
- package/esm2022/form/form.module.mjs +4 -4
- package/esm2022/form/shared/form-field.service.mjs +5 -6
- package/esm2022/form/shared/form.interfaces.mjs +1 -1
- package/esm2022/form/shared/form.service.mjs +3 -3
- package/esm2022/form/shared/form.utils.mjs +1 -1
- package/esm2022/home-button/home-button.component.mjs +5 -6
- package/esm2022/home-button/home-button.module.mjs +4 -4
- package/esm2022/icon/icon/icon.component.mjs +3 -3
- package/esm2022/icon/shared/icon.service.mjs +3 -3
- package/esm2022/image/image-error.directive.mjs +4 -4
- package/esm2022/image/image.module.mjs +4 -4
- package/esm2022/image/secure-image.pipe.mjs +3 -3
- package/esm2022/interactive-tour/interactive-tour.component.mjs +6 -8
- package/esm2022/interactive-tour/interactive-tour.loader.mjs +5 -5
- package/esm2022/interactive-tour/interactive-tour.module.mjs +4 -4
- package/esm2022/interactive-tour/interactive-tour.service.mjs +5 -5
- package/esm2022/json-dialog/json-dialog.component.mjs +3 -3
- package/esm2022/json-dialog/json-dialog.module.mjs +4 -4
- package/esm2022/json-dialog/json-dialog.service.mjs +3 -3
- package/esm2022/keyvalue/keyvalue.module.mjs +4 -4
- package/esm2022/keyvalue/keyvalue.pipe.mjs +5 -5
- package/esm2022/list/list-item.directive.mjs +3 -3
- package/esm2022/list/list.component.mjs +5 -5
- package/esm2022/list/list.module.mjs +4 -4
- package/esm2022/panel/panel.component.mjs +4 -4
- package/esm2022/panel/panel.module.mjs +4 -4
- package/esm2022/select-value-dialog/select-value-check-radio-dialog.component.mjs +4 -4
- package/esm2022/select-value-dialog/select-value-dialog.module.mjs +4 -4
- package/esm2022/select-value-dialog/select-value-dialog.service.mjs +3 -3
- package/esm2022/sidenav/sidenav-shim.directive.mjs +3 -3
- package/esm2022/sidenav/sidenav.module.mjs +4 -4
- package/esm2022/spinner/spinner-activity.directive.mjs +3 -3
- package/esm2022/spinner/spinner.component.mjs +5 -6
- package/esm2022/spinner/spinner.module.mjs +4 -4
- package/esm2022/stop-propagation/stop-drop-propagation.directive.mjs +3 -3
- package/esm2022/stop-propagation/stop-propagation.directive.mjs +3 -3
- package/esm2022/stop-propagation/stop-propagation.module.mjs +4 -4
- package/esm2022/table/table-datasource.mjs +4 -2
- package/esm2022/table/table-model.interface.mjs +1 -1
- package/esm2022/table/table.component.mjs +4 -4
- package/esm2022/table/table.module.mjs +4 -4
- package/esm2022/tool/shared/tool.interface.mjs +1 -1
- package/esm2022/tool/shared/tool.service.mjs +4 -4
- package/esm2022/tool/shared/toolbox.mjs +2 -2
- package/esm2022/tool/tool.module.mjs +4 -4
- package/esm2022/tool/toolbox/toolbox.component.mjs +5 -5
- package/esm2022/tool/toolbox/toolbox.module.mjs +4 -4
- package/esm2022/widget/shared/widget.service.mjs +3 -3
- package/esm2022/widget/widget-outlet/widget-outlet.component.mjs +5 -6
- package/esm2022/widget/widget-outlet/widget-outlet.module.mjs +4 -4
- package/esm2022/widget/widget.module.mjs +4 -4
- package/esm2022/workspace/shared/store.mjs +1 -1
- package/esm2022/workspace/shared/workspace.interfaces.mjs +1 -1
- package/esm2022/workspace/shared/workspace.mjs +1 -1
- package/esm2022/workspace/workspace-selector/workspace-selector.component.mjs +3 -3
- package/esm2022/workspace/workspace-selector/workspace-selector.module.mjs +4 -4
- package/esm2022/workspace/workspace-widget-outlet/workspace-widget-outlet.component.mjs +5 -6
- package/esm2022/workspace/workspace-widget-outlet/workspace-widget-outlet.module.mjs +4 -4
- package/esm2022/workspace/workspace.module.mjs +4 -4
- package/fesm2022/igo2-common-action.mjs +14 -14
- package/fesm2022/igo2-common-action.mjs.map +1 -1
- package/fesm2022/igo2-common-backdrop.mjs +8 -9
- package/fesm2022/igo2-common-backdrop.mjs.map +1 -1
- package/fesm2022/igo2-common-badge.mjs +7 -7
- package/fesm2022/igo2-common-clickout.mjs +7 -7
- package/fesm2022/igo2-common-clone.mjs +8 -8
- package/fesm2022/igo2-common-clone.mjs.map +1 -1
- package/fesm2022/igo2-common-collapsible.mjs +10 -10
- package/fesm2022/igo2-common-collapsible.mjs.map +1 -1
- package/fesm2022/igo2-common-color.mjs +9 -9
- package/fesm2022/igo2-common-color.mjs.map +1 -1
- package/fesm2022/igo2-common-confirm-dialog.mjs +10 -10
- package/fesm2022/igo2-common-confirm-dialog.mjs.map +1 -1
- package/fesm2022/igo2-common-context-menu.mjs +11 -12
- package/fesm2022/igo2-common-context-menu.mjs.map +1 -1
- package/fesm2022/igo2-common-custom-html.mjs +11 -12
- package/fesm2022/igo2-common-custom-html.mjs.map +1 -1
- package/fesm2022/igo2-common-dom.mjs +7 -7
- package/fesm2022/igo2-common-drag-drop.mjs +7 -7
- package/fesm2022/igo2-common-drag-drop.mjs.map +1 -1
- package/fesm2022/igo2-common-dynamic-component.mjs +16 -16
- package/fesm2022/igo2-common-dynamic-component.mjs.map +1 -1
- package/fesm2022/igo2-common-entity.mjs +42 -38
- package/fesm2022/igo2-common-entity.mjs.map +1 -1
- package/fesm2022/igo2-common-flexible.mjs +12 -10
- package/fesm2022/igo2-common-flexible.mjs.map +1 -1
- package/fesm2022/igo2-common-form.mjs +55 -58
- package/fesm2022/igo2-common-form.mjs.map +1 -1
- package/fesm2022/igo2-common-home-button.mjs +8 -9
- package/fesm2022/igo2-common-home-button.mjs.map +1 -1
- package/fesm2022/igo2-common-icon.mjs +6 -6
- package/fesm2022/igo2-common-image.mjs +10 -10
- package/fesm2022/igo2-common-image.mjs.map +1 -1
- package/fesm2022/igo2-common-interactive-tour.mjs +17 -19
- package/fesm2022/igo2-common-interactive-tour.mjs.map +1 -1
- package/fesm2022/igo2-common-json-dialog.mjs +10 -10
- package/fesm2022/igo2-common-keyvalue.mjs +8 -8
- package/fesm2022/igo2-common-keyvalue.mjs.map +1 -1
- package/fesm2022/igo2-common-list.mjs +11 -11
- package/fesm2022/igo2-common-list.mjs.map +1 -1
- package/fesm2022/igo2-common-panel.mjs +7 -7
- package/fesm2022/igo2-common-panel.mjs.map +1 -1
- package/fesm2022/igo2-common-select-value-dialog.mjs +10 -10
- package/fesm2022/igo2-common-select-value-dialog.mjs.map +1 -1
- package/fesm2022/igo2-common-sidenav.mjs +7 -7
- package/fesm2022/igo2-common-spinner.mjs +11 -12
- package/fesm2022/igo2-common-spinner.mjs.map +1 -1
- package/fesm2022/igo2-common-stop-propagation.mjs +10 -10
- package/fesm2022/igo2-common-table.mjs +10 -8
- package/fesm2022/igo2-common-table.mjs.map +1 -1
- package/fesm2022/igo2-common-tool.mjs +16 -16
- package/fesm2022/igo2-common-tool.mjs.map +1 -1
- package/fesm2022/igo2-common-widget.mjs +15 -16
- package/fesm2022/igo2-common-widget.mjs.map +1 -1
- package/fesm2022/igo2-common-workspace.mjs +19 -20
- package/fesm2022/igo2-common-workspace.mjs.map +1 -1
- package/flexible/flexible.component.d.ts +3 -2
- package/form/form/form.component.d.ts +3 -10
- package/form/form-dialog/form-dialog.component.d.ts +2 -6
- package/form/form-dialog/form-dialog.interface.d.ts +1 -3
- package/form/form-dialog/form-dialog.service.d.ts +1 -3
- package/form/form-field/form-field-select.component.d.ts +1 -3
- package/form/form-field/form-field-text.component.d.ts +1 -3
- package/form/form-field/form-field-textarea.component.d.ts +1 -3
- package/form/form-group/form-group.component.d.ts +2 -7
- package/form/shared/form-field.service.d.ts +1 -4
- package/form/shared/form.interfaces.d.ts +3 -9
- package/form/shared/form.utils.d.ts +2 -6
- package/home-button/home-button.component.d.ts +0 -1
- package/home-button/src/home-button.theming.scss +3 -3
- package/interactive-tour/src/interactive-tour.theming.scss +3 -3
- package/keyvalue/keyvalue.pipe.d.ts +1 -1
- package/list/src/list.theming.scss +9 -9
- package/package.json +10 -10
- package/panel/src/panel.theming.scss +3 -3
- package/spinner/spinner.component.d.ts +0 -1
- package/table/table-model.interface.d.ts +2 -6
- package/tool/shared/tool.interface.d.ts +1 -3
- package/tool/shared/tool.service.d.ts +1 -3
- package/tool/shared/toolbox.d.ts +1 -3
- package/tool/src/toolbox/toolbox.theming.scss +7 -7
- package/tool/toolbox/toolbox.component.d.ts +1 -3
- package/widget/widget-outlet/widget-outlet.component.d.ts +3 -10
- package/workspace/shared/store.d.ts +1 -1
- package/workspace/shared/workspace.d.ts +4 -14
- package/workspace/shared/workspace.interfaces.d.ts +1 -3
- package/workspace/workspace-widget-outlet/workspace-widget-outlet.component.d.ts +2 -7
|
@@ -5,6 +5,7 @@ import * as i1 from '@igo2/core/media';
|
|
|
5
5
|
class FlexibleComponent {
|
|
6
6
|
el;
|
|
7
7
|
mediaService;
|
|
8
|
+
cdr;
|
|
8
9
|
static transitionTime = 250;
|
|
9
10
|
main;
|
|
10
11
|
get initial() {
|
|
@@ -82,15 +83,16 @@ class FlexibleComponent {
|
|
|
82
83
|
}
|
|
83
84
|
_state = 'initial';
|
|
84
85
|
mediaService$$;
|
|
85
|
-
constructor(el, mediaService) {
|
|
86
|
+
constructor(el, mediaService, cdr) {
|
|
86
87
|
this.el = el;
|
|
87
88
|
this.mediaService = mediaService;
|
|
89
|
+
this.cdr = cdr;
|
|
88
90
|
}
|
|
89
91
|
ngOnInit() {
|
|
90
92
|
this.el.nativeElement.className += this.direction;
|
|
91
93
|
// Since this component supports different sizes
|
|
92
94
|
// on mobile, force a redraw when the media changes
|
|
93
|
-
this.mediaService$$ = this.mediaService.media$.subscribe((
|
|
95
|
+
this.mediaService$$ = this.mediaService.media$.subscribe(() => this.cdr.markForCheck());
|
|
94
96
|
}
|
|
95
97
|
ngOnDestroy() {
|
|
96
98
|
if (this.mediaService$$) {
|
|
@@ -106,13 +108,13 @@ class FlexibleComponent {
|
|
|
106
108
|
this.main.nativeElement.style.width = size;
|
|
107
109
|
}
|
|
108
110
|
}
|
|
109
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
110
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
111
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FlexibleComponent, deps: [{ token: i0.ElementRef }, { token: i1.MediaService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FlexibleComponent, isStandalone: true, selector: "igo-flexible", inputs: { initial: "initial", collapsed: "collapsed", expanded: "expanded", initialMobile: "initialMobile", collapsedMobile: "collapsedMobile", expandedMobile: "expandedMobile", direction: "direction", state: "state" }, viewQueries: [{ propertyName: "main", first: true, predicate: ["flexibleMain"], descendants: true, static: true }], ngImport: i0, template: "<div #flexibleMain class=\"igo-flexible-main {{ state }} {{ direction }}\">\n <div class=\"igo-container\">\n <ng-content></ng-content>\n </div>\n</div>\n<div class=\"igo-flexible-fill\">\n <div>\n <div class=\"igo-container\">\n <ng-content select=\"[igoFlexibleFill]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [":host{display:flex;height:100%;width:100%}:host.column{flex-direction:column}:host.row{flex-direction:row}:host .igo-flexible-main{flex:0 0 auto;overflow:hidden}:host .igo-flexible-main.column{transition:height .25s ease-in}:host .igo-flexible-main.row{transition:width .25s ease-in}:host .igo-flexible-fill>div{position:absolute;inset:0}:host .igo-container{height:100%;overflow:hidden;position:relative}:host ::ng-deep .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}:host ::ng-deep .igo-content{height:100%;width:100%;overflow:auto}:host ::ng-deep igo-panel{height:100%}\n"] });
|
|
111
113
|
}
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FlexibleComponent, decorators: [{
|
|
113
115
|
type: Component,
|
|
114
116
|
args: [{ selector: 'igo-flexible', standalone: true, template: "<div #flexibleMain class=\"igo-flexible-main {{ state }} {{ direction }}\">\n <div class=\"igo-container\">\n <ng-content></ng-content>\n </div>\n</div>\n<div class=\"igo-flexible-fill\">\n <div>\n <div class=\"igo-container\">\n <ng-content select=\"[igoFlexibleFill]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [":host{display:flex;height:100%;width:100%}:host.column{flex-direction:column}:host.row{flex-direction:row}:host .igo-flexible-main{flex:0 0 auto;overflow:hidden}:host .igo-flexible-main.column{transition:height .25s ease-in}:host .igo-flexible-main.row{transition:width .25s ease-in}:host .igo-flexible-fill>div{position:absolute;inset:0}:host .igo-container{height:100%;overflow:hidden;position:relative}:host ::ng-deep .igo-flexible-fill{flex:1 1 auto;overflow:hidden;position:relative}:host ::ng-deep .igo-content{height:100%;width:100%;overflow:auto}:host ::ng-deep igo-panel{height:100%}\n"] }]
|
|
115
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.MediaService }], propDecorators: { main: [{
|
|
117
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.MediaService }, { type: i0.ChangeDetectorRef }], propDecorators: { main: [{
|
|
116
118
|
type: ViewChild,
|
|
117
119
|
args: ['flexibleMain', { static: true }]
|
|
118
120
|
}], initial: [{
|
|
@@ -143,11 +145,11 @@ class IgoFlexibleModule {
|
|
|
143
145
|
providers: []
|
|
144
146
|
};
|
|
145
147
|
}
|
|
146
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
147
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
148
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
148
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFlexibleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
149
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: IgoFlexibleModule, imports: [FlexibleComponent], exports: [FlexibleComponent] });
|
|
150
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFlexibleModule });
|
|
149
151
|
}
|
|
150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFlexibleModule, decorators: [{
|
|
151
153
|
type: NgModule,
|
|
152
154
|
args: [{
|
|
153
155
|
imports: [FlexibleComponent],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"igo2-common-flexible.mjs","sources":["../../../packages/common/flexible/src/flexible.component.ts","../../../packages/common/flexible/src/flexible.component.html","../../../packages/common/flexible/src/flexible.module.ts","../../../packages/common/flexible/src/igo2-common-flexible.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n Input,\n OnDestroy,\n OnInit,\n ViewChild\n} from '@angular/core';\n\nimport {
|
|
1
|
+
{"version":3,"file":"igo2-common-flexible.mjs","sources":["../../../packages/common/flexible/src/flexible.component.ts","../../../packages/common/flexible/src/flexible.component.html","../../../packages/common/flexible/src/flexible.module.ts","../../../packages/common/flexible/src/igo2-common-flexible.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input,\n OnDestroy,\n OnInit,\n ViewChild\n} from '@angular/core';\n\nimport { MediaService } from '@igo2/core/media';\n\nimport { Subscription } from 'rxjs';\n\nimport { FlexibleDirection, FlexibleState } from './flexible.type';\n\n@Component({\n selector: 'igo-flexible',\n templateUrl: './flexible.component.html',\n styleUrls: ['./flexible.component.scss'],\n standalone: true\n})\nexport class FlexibleComponent implements OnInit, OnDestroy {\n static transitionTime = 250;\n\n @ViewChild('flexibleMain', { static: true }) main;\n\n @Input()\n get initial(): string {\n return this._initial;\n }\n set initial(value: string) {\n this._initial = value;\n }\n private _initial = '0';\n\n @Input()\n get collapsed(): string {\n return this._collapsed;\n }\n set collapsed(value: string) {\n this._collapsed = value;\n }\n private _collapsed = '0';\n\n @Input()\n get expanded(): string {\n return this._expanded;\n }\n set expanded(value: string) {\n this._expanded = value;\n }\n private _expanded = '100%';\n\n @Input()\n get initialMobile(): string {\n return this._initialMobile;\n }\n set initialMobile(value: string) {\n this._initialMobile = value;\n }\n private _initialMobile: string = this.expanded;\n\n @Input()\n get collapsedMobile(): string {\n return this._collapsedMobile;\n }\n set collapsedMobile(value: string) {\n this._collapsedMobile = value;\n }\n private _collapsedMobile: string = this.collapsed;\n\n @Input()\n get expandedMobile(): string {\n return this._expandedMobile;\n }\n set expandedMobile(value: string) {\n this._expandedMobile = value;\n }\n private _expandedMobile: string = this.expanded;\n\n @Input()\n get direction(): FlexibleDirection {\n return this._direction;\n }\n set direction(value: FlexibleDirection) {\n this._direction = value;\n }\n private _direction: FlexibleDirection = 'column';\n\n @Input()\n get state(): FlexibleState {\n return this._state;\n }\n set state(value: FlexibleState) {\n const sizes = {\n initial: this.initial,\n collapsed: this.collapsed,\n expanded: this.expanded\n };\n\n if (this.mediaService.isMobile()) {\n Object.assign(sizes, {\n initial: this.initialMobile,\n collapsed: this.collapsedMobile,\n expanded: this.expandedMobile\n });\n }\n\n const size = sizes[value];\n if (size !== undefined) {\n this.setSize(size);\n setTimeout(() => {\n this._state = value;\n }, FlexibleComponent.transitionTime);\n }\n }\n private _state: FlexibleState = 'initial';\n\n private mediaService$$: Subscription;\n\n constructor(\n private el: ElementRef,\n private mediaService: MediaService,\n private cdr: ChangeDetectorRef\n ) {}\n\n ngOnInit() {\n this.el.nativeElement.className += this.direction;\n\n // Since this component supports different sizes\n // on mobile, force a redraw when the media changes\n this.mediaService$$ = this.mediaService.media$.subscribe(() =>\n this.cdr.markForCheck()\n );\n }\n\n ngOnDestroy() {\n if (this.mediaService$$) {\n this.mediaService$$.unsubscribe();\n }\n }\n\n private setSize(size: string) {\n this._state = 'transition';\n\n if (this.direction === 'column') {\n this.main.nativeElement.style.height = size;\n } else if (this.direction === 'row') {\n this.main.nativeElement.style.width = size;\n }\n }\n}\n","<div #flexibleMain class=\"igo-flexible-main {{ state }} {{ direction }}\">\n <div class=\"igo-container\">\n <ng-content></ng-content>\n </div>\n</div>\n<div class=\"igo-flexible-fill\">\n <div>\n <div class=\"igo-container\">\n <ng-content select=\"[igoFlexibleFill]\"></ng-content>\n </div>\n </div>\n</div>\n","import { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { FlexibleComponent } from './flexible.component';\n\n/**\n * @deprecated import the FlexibleComponent directly\n */\n@NgModule({\n imports: [FlexibleComponent],\n exports: [FlexibleComponent]\n})\nexport class IgoFlexibleModule {\n static forRoot(): ModuleWithProviders<IgoFlexibleModule> {\n return {\n ngModule: IgoFlexibleModule,\n providers: []\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
@@ -91,7 +91,6 @@ class FormComponent {
|
|
|
91
91
|
get hasButtons() {
|
|
92
92
|
return this.buttons.nativeElement.children.length !== 0;
|
|
93
93
|
}
|
|
94
|
-
constructor() { }
|
|
95
94
|
/**
|
|
96
95
|
* Is the entity or the template change, recreate the form or repopulate it.
|
|
97
96
|
* @internal
|
|
@@ -144,13 +143,13 @@ class FormComponent {
|
|
|
144
143
|
clear() {
|
|
145
144
|
this.form.control.reset();
|
|
146
145
|
}
|
|
147
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
148
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
146
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
147
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FormComponent, isStandalone: true, selector: "igo-form", inputs: { form: "form", formData: "formData", autocomplete: "autocomplete" }, outputs: { submitForm: "submitForm" }, viewQueries: [{ propertyName: "buttons", first: true, predicate: ["buttons"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<form\n [autocomplete]=\"autocomplete\"\n [formGroup]=\"form.control\"\n (ngSubmit)=\"onSubmit()\"\n>\n <div\n class=\"igo-form-body\"\n [ngClass]=\"{ 'igo-form-body-with-buttons': hasButtons }\"\n >\n <div class=\"igo-form-content\">\n <ng-content></ng-content>\n </div>\n <div #buttons class=\"igo-form-buttons\">\n <ng-content select=\"[formButtons]\"></ng-content>\n </div>\n </div>\n</form>\n", styles: [":host{display:block}form{width:100%;height:100%}.igo-form-body,.igo-form-content{height:100%}.igo-form-body-with-buttons .igo-form-content{height:calc(100% - 56px)}.igo-form-content{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
149
148
|
}
|
|
150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormComponent, decorators: [{
|
|
151
150
|
type: Component,
|
|
152
151
|
args: [{ selector: 'igo-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [FormsModule, ReactiveFormsModule, NgClass], template: "<form\n [autocomplete]=\"autocomplete\"\n [formGroup]=\"form.control\"\n (ngSubmit)=\"onSubmit()\"\n>\n <div\n class=\"igo-form-body\"\n [ngClass]=\"{ 'igo-form-body-with-buttons': hasButtons }\"\n >\n <div class=\"igo-form-content\">\n <ng-content></ng-content>\n </div>\n <div #buttons class=\"igo-form-buttons\">\n <ng-content select=\"[formButtons]\"></ng-content>\n </div>\n </div>\n</form>\n", styles: [":host{display:block}form{width:100%;height:100%}.igo-form-body,.igo-form-content{height:100%}.igo-form-body-with-buttons .igo-form-content{height:calc(100% - 56px)}.igo-form-content{display:flex}\n"] }]
|
|
153
|
-
}],
|
|
152
|
+
}], propDecorators: { form: [{
|
|
154
153
|
type: Input
|
|
155
154
|
}], formData: [{
|
|
156
155
|
type: Input
|
|
@@ -167,11 +166,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
167
166
|
* @deprecated import the FormComponent directly
|
|
168
167
|
*/
|
|
169
168
|
class IgoFormFormModule {
|
|
170
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
171
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
172
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
169
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
170
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: IgoFormFormModule, imports: [FormComponent], exports: [FormComponent] });
|
|
171
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormFormModule, imports: [FormComponent] });
|
|
173
172
|
}
|
|
174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormFormModule, decorators: [{
|
|
175
174
|
type: NgModule,
|
|
176
175
|
args: [{
|
|
177
176
|
imports: [FormComponent],
|
|
@@ -187,7 +186,6 @@ class FormFieldService {
|
|
|
187
186
|
static register(type, component) {
|
|
188
187
|
FormFieldService.fields[type] = component;
|
|
189
188
|
}
|
|
190
|
-
constructor() { }
|
|
191
189
|
/**
|
|
192
190
|
* Return field component by type
|
|
193
191
|
* @param type Field type
|
|
@@ -196,15 +194,15 @@ class FormFieldService {
|
|
|
196
194
|
getFieldByType(type) {
|
|
197
195
|
return FormFieldService.fields[type];
|
|
198
196
|
}
|
|
199
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
200
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
197
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
198
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldService, providedIn: 'root' });
|
|
201
199
|
}
|
|
202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldService, decorators: [{
|
|
203
201
|
type: Injectable,
|
|
204
202
|
args: [{
|
|
205
203
|
providedIn: 'root'
|
|
206
204
|
}]
|
|
207
|
-
}]
|
|
205
|
+
}] });
|
|
208
206
|
|
|
209
207
|
function IgoFormFieldComponent(type) {
|
|
210
208
|
return (compType) => {
|
|
@@ -275,13 +273,13 @@ let FormFieldSelectComponent = class FormFieldSelectComponent {
|
|
|
275
273
|
}
|
|
276
274
|
this.disabled$.next(disabled);
|
|
277
275
|
}
|
|
278
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
279
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
276
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
277
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FormFieldSelectComponent, isStandalone: true, selector: "igo-form-field-select", inputs: { choices: "choices", multiple: "multiple", formControl: "formControl", placeholder: "placeholder", errors: "errors", disableSwitch: "disableSwitch" }, ngImport: i0, template: "<mat-form-field>\n <mat-select\n [multiple]=\"multiple\"\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n [formControl]=\"formControl\"\n >\n <mat-option *ngFor=\"let choice of choices$ | async\" [value]=\"choice.value\">\n {{ choice.title }}\n </mat-option>\n </mat-select>\n <mat-icon\n *ngIf=\"disableSwitch === true\"\n class=\"igo-form-disable-switch\"\n (click)=\"onDisableSwitchClick()\"\n matPrefix\n >{{\n (disabled$ | async) === true ? 'check_box_outline_blank' : 'check_box'\n }}\n </mat-icon>\n <mat-error *ngIf=\"formControl.errors\">{{\n getErrorMessage() | translate\n }}</mat-error>\n</mat-form-field>\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
280
278
|
};
|
|
281
279
|
FormFieldSelectComponent = __decorate([
|
|
282
280
|
IgoFormFieldComponent('select')
|
|
283
281
|
], FormFieldSelectComponent);
|
|
284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldSelectComponent, decorators: [{
|
|
285
283
|
type: Component,
|
|
286
284
|
args: [{ selector: 'igo-form-field-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
287
285
|
MatFormFieldModule,
|
|
@@ -383,14 +381,14 @@ let FormFieldTextComponent = class FormFieldTextComponent {
|
|
|
383
381
|
}, delayMS);
|
|
384
382
|
}
|
|
385
383
|
}
|
|
386
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
387
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
384
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
385
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FormFieldTextComponent, isStandalone: true, selector: "igo-form-field-text", inputs: { formControl: "formControl", placeholder: "placeholder", isPassword: "isPassword", errors: "errors", disableSwitch: "disableSwitch" }, ngImport: i0, template: "<mat-form-field>\n <input\n matInput\n (blur)=\"delayedHide(0)\"\n [type]=\"isPassword ? (hide ? 'password' : 'text') : 'text'\"\n [required]=\"isPassword ? 'true' : required\"\n [placeholder]=\"placeholder\"\n [formControl]=\"formControl\"\n (change)=\"delayedHide()\"\n />\n <mat-icon\n *ngIf=\"disableSwitch === true\"\n class=\"igo-form-disable-switch\"\n (click)=\"onDisableSwitchClick()\"\n matPrefix\n >{{\n (disabled$ | async) === true ? 'check_box_outline_blank' : 'check_box'\n }}\n </mat-icon>\n\n <button\n type=\"button\"\n *ngIf=\"isPassword\"\n matSuffix\n mat-icon-button\n (click)=\"togglePassword()\"\n >\n <mat-icon color=\"primary\">{{\n hide ? 'visibility_off' : 'visibility'\n }}</mat-icon>\n </button>\n\n <mat-error *ngIf=\"formControl.errors\">{{\n getErrorMessage() | translate\n }}</mat-error>\n</mat-form-field>\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
388
386
|
};
|
|
389
387
|
FormFieldTextComponent = __decorate([
|
|
390
388
|
IgoFormFieldComponent('text'),
|
|
391
389
|
__metadata("design:paramtypes", [ChangeDetectorRef])
|
|
392
390
|
], FormFieldTextComponent);
|
|
393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
391
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldTextComponent, decorators: [{
|
|
394
392
|
type: Component,
|
|
395
393
|
args: [{ selector: 'igo-form-field-text', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
396
394
|
MatFormFieldModule,
|
|
@@ -464,13 +462,13 @@ let FormFieldTextareaComponent = class FormFieldTextareaComponent {
|
|
|
464
462
|
}
|
|
465
463
|
this.disabled$.next(disabled);
|
|
466
464
|
}
|
|
467
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
468
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
465
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
466
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FormFieldTextareaComponent, isStandalone: true, selector: "igo-form-field-textarea", inputs: { formControl: "formControl", placeholder: "placeholder", errors: "errors", disableSwitch: "disableSwitch" }, ngImport: i0, template: "<mat-form-field>\n <textarea\n matInput\n [required]=\"required\"\n [placeholder]=\"placeholder\"\n [formControl]=\"formControl\"\n >\n </textarea>\n <mat-icon\n *ngIf=\"disableSwitch === true\"\n class=\"igo-form-disable-switch\"\n (click)=\"onDisableSwitchClick()\"\n matPrefix\n >{{\n (disabled$ | async) === true ? 'check_box_outline_blank' : 'check_box'\n }}\n </mat-icon>\n <mat-error *ngIf=\"formControl.errors\">{{\n getErrorMessage() | translate\n }}</mat-error>\n</mat-form-field>\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
469
467
|
};
|
|
470
468
|
FormFieldTextareaComponent = __decorate([
|
|
471
469
|
IgoFormFieldComponent('textarea')
|
|
472
470
|
], FormFieldTextareaComponent);
|
|
473
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
471
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldTextareaComponent, decorators: [{
|
|
474
472
|
type: Component,
|
|
475
473
|
args: [{ selector: 'igo-form-field-textarea', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
476
474
|
MatFormFieldModule,
|
|
@@ -560,10 +558,10 @@ class FormService {
|
|
|
560
558
|
const args = match[2];
|
|
561
559
|
return Validators[name](args);
|
|
562
560
|
}
|
|
563
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
564
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
561
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormService, deps: [{ token: i3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
562
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormService, providedIn: 'root' });
|
|
565
563
|
}
|
|
566
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormService, decorators: [{
|
|
567
565
|
type: Injectable,
|
|
568
566
|
args: [{
|
|
569
567
|
providedIn: 'root'
|
|
@@ -618,10 +616,10 @@ class FormFieldComponent {
|
|
|
618
616
|
this.fieldSubscribers = Object.assign({}, this.field.subscribers || {});
|
|
619
617
|
return this.fieldSubscribers;
|
|
620
618
|
}
|
|
621
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
622
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
619
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldComponent, deps: [{ token: FormFieldService }], target: i0.ɵɵFactoryTarget.Component });
|
|
620
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FormFieldComponent, isStandalone: true, selector: "igo-form-field", inputs: { field: "field" }, ngImport: i0, template: "<ng-container *ngIf=\"field !== undefined\">\n <igo-dynamic-outlet\n [component]=\"getFieldComponent()\"\n [inputs]=\"getFieldInputs()\"\n [subscribers]=\"getFieldSubscribers()\"\n >\n </igo-dynamic-outlet>\n</ng-container>\n", styles: ["::ng-deep mat-form-field{width:100%}::ng-deep .igo-form-disable-switch{margin-right:8px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicOutletComponent, selector: "igo-dynamic-outlet", inputs: ["component", "inputs", "subscribers"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
623
621
|
}
|
|
624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
622
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
625
623
|
type: Component,
|
|
626
624
|
args: [{ selector: 'igo-form-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, DynamicOutletComponent], template: "<ng-container *ngIf=\"field !== undefined\">\n <igo-dynamic-outlet\n [component]=\"getFieldComponent()\"\n [inputs]=\"getFieldInputs()\"\n [subscribers]=\"getFieldSubscribers()\"\n >\n </igo-dynamic-outlet>\n</ng-container>\n", styles: ["::ng-deep mat-form-field{width:100%}::ng-deep .igo-form-disable-switch{margin-right:8px}\n"] }]
|
|
627
625
|
}], ctorParameters: () => [{ type: FormFieldService }], propDecorators: { field: [{
|
|
@@ -639,11 +637,11 @@ const FORM_FIELD_DIRECTIVES = [
|
|
|
639
637
|
* @deprecated import the components directly or FORM_FIELD_DIRECTIVES for every components/directives
|
|
640
638
|
*/
|
|
641
639
|
class IgoFormFieldModule {
|
|
642
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
643
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
644
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
640
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
641
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: IgoFormFieldModule, imports: [FormFieldComponent, FormFieldSelectComponent, FormFieldTextComponent, FormFieldTextareaComponent], exports: [FormFieldComponent, FormFieldSelectComponent, FormFieldTextComponent, FormFieldTextareaComponent] });
|
|
642
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormFieldModule, imports: [FORM_FIELD_DIRECTIVES] });
|
|
645
643
|
}
|
|
646
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
644
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormFieldModule, decorators: [{
|
|
647
645
|
type: NgModule,
|
|
648
646
|
args: [{
|
|
649
647
|
imports: [...FORM_FIELD_DIRECTIVES],
|
|
@@ -671,7 +669,6 @@ class FormGroupComponent {
|
|
|
671
669
|
get formControl() {
|
|
672
670
|
return this.group.control;
|
|
673
671
|
}
|
|
674
|
-
constructor() { }
|
|
675
672
|
/**
|
|
676
673
|
* Return the number of columns a field should occupy.
|
|
677
674
|
* The maximum allowed is 2, even if the field config says more.
|
|
@@ -705,10 +702,10 @@ class FormGroupComponent {
|
|
|
705
702
|
const options = this.group.options || {};
|
|
706
703
|
return getControlErrorMessage(this.formControl, options.errors || {});
|
|
707
704
|
}
|
|
708
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
709
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
705
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
706
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FormGroupComponent, isStandalone: true, selector: "igo-form-group", inputs: { group: "group", errors: "errors" }, ngImport: i0, template: "<div *ngIf=\"group && group.fields.length > 0\" class=\"igo-form-group-fields\">\n <div\n *ngFor=\"let field of group.fields\"\n class=\"igo-form-field-wrapper\"\n [ngClass]=\"getFieldNgClass(field)\"\n >\n <igo-form-field [field]=\"field\"></igo-form-field>\n </div>\n</div>\n\n<div class=\"igo-form-group-extra-content\">\n <ng-content></ng-content>\n</div>\n\n<mat-error *ngIf=\"formControl.errors\">{{\n getErrorMessage() | translate\n}}</mat-error>\n", styles: [":host{width:100%;height:100%;display:block;overflow:auto;padding:10px 5px;box-sizing:border-box}:host .igo-form-field-colspan-2{width:100%}:host .igo-form-field-colspan-1{width:50%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
710
707
|
}
|
|
711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
708
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormGroupComponent, decorators: [{
|
|
712
709
|
type: Component,
|
|
713
710
|
args: [{ selector: 'igo-form-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
714
711
|
NgIf,
|
|
@@ -718,7 +715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
718
715
|
MatFormFieldModule,
|
|
719
716
|
IgoLanguageModule
|
|
720
717
|
], template: "<div *ngIf=\"group && group.fields.length > 0\" class=\"igo-form-group-fields\">\n <div\n *ngFor=\"let field of group.fields\"\n class=\"igo-form-field-wrapper\"\n [ngClass]=\"getFieldNgClass(field)\"\n >\n <igo-form-field [field]=\"field\"></igo-form-field>\n </div>\n</div>\n\n<div class=\"igo-form-group-extra-content\">\n <ng-content></ng-content>\n</div>\n\n<mat-error *ngIf=\"formControl.errors\">{{\n getErrorMessage() | translate\n}}</mat-error>\n", styles: [":host{width:100%;height:100%;display:block;overflow:auto;padding:10px 5px;box-sizing:border-box}:host .igo-form-field-colspan-2{width:100%}:host .igo-form-field-colspan-1{width:50%}\n"] }]
|
|
721
|
-
}],
|
|
718
|
+
}], propDecorators: { group: [{
|
|
722
719
|
type: Input
|
|
723
720
|
}], errors: [{
|
|
724
721
|
type: Input
|
|
@@ -728,11 +725,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
728
725
|
* @deprecated import the FormGroupComponent directly
|
|
729
726
|
*/
|
|
730
727
|
class IgoFormGroupModule {
|
|
731
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
732
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
733
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
728
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
729
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: IgoFormGroupModule, imports: [FormGroupComponent], exports: [FormGroupComponent] });
|
|
730
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormGroupModule, imports: [FormGroupComponent] });
|
|
734
731
|
}
|
|
735
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormGroupModule, decorators: [{
|
|
736
733
|
type: NgModule,
|
|
737
734
|
args: [{
|
|
738
735
|
imports: [FormGroupComponent],
|
|
@@ -749,13 +746,13 @@ const FORM_DIRECTIVES = [
|
|
|
749
746
|
* @deprecated import the components directly or FORM_DIRECTIVES for every components/directives
|
|
750
747
|
*/
|
|
751
748
|
class IgoFormModule {
|
|
752
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
753
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
749
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
750
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: IgoFormModule, imports: [FormFieldComponent, FormFieldSelectComponent, FormFieldTextComponent, FormFieldTextareaComponent, FormGroupComponent,
|
|
754
751
|
FormComponent], exports: [FormFieldComponent, FormFieldSelectComponent, FormFieldTextComponent, FormFieldTextareaComponent, FormGroupComponent,
|
|
755
752
|
FormComponent] });
|
|
756
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
753
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormModule, imports: [FORM_DIRECTIVES] });
|
|
757
754
|
}
|
|
758
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormModule, decorators: [{
|
|
759
756
|
type: NgModule,
|
|
760
757
|
args: [{
|
|
761
758
|
imports: [...FORM_DIRECTIVES],
|
|
@@ -781,8 +778,8 @@ class FormDialogComponent {
|
|
|
781
778
|
this.data.cancelButtonText ?? 'igo.common.formDialog.cancelButtonText';
|
|
782
779
|
this.data.title = this.data.title ?? 'igo.common.formDialog.title';
|
|
783
780
|
this.data$ = this.data.data$;
|
|
784
|
-
|
|
785
|
-
|
|
781
|
+
const fields = [];
|
|
782
|
+
const groups = [];
|
|
786
783
|
this.data.formFieldConfigs?.map((config) => fields.push(this.formService.field(config)));
|
|
787
784
|
this.data.formGroupsConfigs?.map((formGroupsConfig) => {
|
|
788
785
|
const fields = formGroupsConfig.formFieldConfigs?.map((config) => this.formService.field(config));
|
|
@@ -816,10 +813,10 @@ class FormDialogComponent {
|
|
|
816
813
|
cancel() {
|
|
817
814
|
this.dialogRef.close();
|
|
818
815
|
}
|
|
819
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
820
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
816
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormDialogComponent, deps: [{ token: i1$1.LanguageService }, { token: i2$2.MatDialogRef }, { token: FormService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
817
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: FormDialogComponent, isStandalone: true, selector: "igo-form-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\n\n<igo-form\n *ngIf=\"form$ | async as form\"\n [form]=\"form\"\n [formData]=\"data$ | async\"\n (submitForm)=\"onSubmit($event)\"\n>\n <div *ngIf=\"form.fields.length\" class=\"form-dialog-container\">\n <igo-form-field\n *ngFor=\"let field of form.fields\"\n [field]=\"field\"\n ></igo-form-field>\n <igo-form-group\n *ngFor=\"let group of form.groups\"\n [group]=\"group\"\n ></igo-form-group>\n </div>\n\n <div formButtons mat-dialog-actions>\n <button mat-stroked-button type=\"button\" color=\"primary\" (click)=\"cancel()\">\n {{ data.cancelButtonText | translate }}\n </button>\n <button mat-flat-button type=\"submit\" color=\"primary\">\n {{ data.processButtonText | translate }}\n </button>\n </div>\n</igo-form>\n<div>\n <igo-custom-html\n *ngIf=\"data.notice && data.notice !== ''\"\n [html]=\"data.notice\"\n >\n </igo-custom-html>\n</div>\n", styles: [":host div[mat-dialog-actions]{margin:10px 0 0}:host .form-dialog-container{width:100%;padding:10px}:host .form-dialog-container igo-form-field,:host .form-dialog-container igo-form-group{display:block;height:auto}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "component", type: FormGroupComponent, selector: "igo-form-group", inputs: ["group", "errors"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
821
818
|
}
|
|
822
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
819
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormDialogComponent, decorators: [{
|
|
823
820
|
type: Component,
|
|
824
821
|
args: [{ selector: 'igo-form-dialog', standalone: true, imports: [
|
|
825
822
|
MatDialogTitle,
|
|
@@ -857,10 +854,10 @@ class FormDialogService {
|
|
|
857
854
|
});
|
|
858
855
|
return dialogRef.afterClosed();
|
|
859
856
|
}
|
|
860
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
861
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
857
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormDialogService, deps: [{ token: i2$2.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
858
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormDialogService });
|
|
862
859
|
}
|
|
863
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
860
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FormDialogService, decorators: [{
|
|
864
861
|
type: Injectable
|
|
865
862
|
}], ctorParameters: () => [{ type: i2$2.MatDialog }] });
|
|
866
863
|
|
|
@@ -877,11 +874,11 @@ class IgoFormDialogModule {
|
|
|
877
874
|
providers: []
|
|
878
875
|
};
|
|
879
876
|
}
|
|
880
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
881
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
882
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
877
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
878
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: IgoFormDialogModule, imports: [MatDialogModule, FormDialogComponent], exports: [FormDialogComponent] });
|
|
879
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormDialogModule, providers: [FormDialogService], imports: [MatDialogModule, FormDialogComponent] });
|
|
883
880
|
}
|
|
884
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IgoFormDialogModule, decorators: [{
|
|
885
882
|
type: NgModule,
|
|
886
883
|
args: [{
|
|
887
884
|
imports: [MatDialogModule, FormDialogComponent],
|