@ecodev/natural 70.0.0 → 70.1.0

package/fesm2022/ecodev-natural.mjs

@@ -6754,6 +6754,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                     ], template: "<form [formGroup]=\"form\">\n    @if (configuration.operators) {\n        <mat-form-field style=\"max-width: 7em; margin-right: 1em\" subscriptSizing=\"dynamic\">\n            <mat-label i18n=\"Mathematical operator < > =\">Op\u00E9rateur</mat-label>\n            <mat-select panelWidth=\"\" [formControl]=\"operatorCtrl\" [required]=\"true\">\n                @for (item of operators; track item) {\n                    <mat-option [value]=\"item.key\">\n                        {{ item.label }}\n                    </mat-option>\n                }\n            </mat-select>\n        </mat-form-field>\n    }\n\n    @if (requireValueCtrl) {\n        <mat-selection-list [formControl]=\"valueCtrl\" [multiple]=\"configuration.multiple\">\n            @for (item of items; track item) {\n                <mat-list-option togglePosition=\"before\" [value]=\"getId(item)\">\n                    {{ getDisplay(item) }}\n                </mat-list-option>\n            }\n        </mat-selection-list>\n    }\n</form>\n" }]
         }], ctorParameters: () => [] });
 
+// If you use this to set it to false, then you **MUST** call the init method in your constructor
+const DO_INIT = new InjectionToken('Must be true', {
+    factory: () => true,
+});
 class AbstractAssociationSelectComponent {
     configuration;
     renderedValue = new BehaviorSubject('');
@@ -6766,7 +6770,12 @@ class AbstractAssociationSelectComponent {
         value: this.valueCtrl,
     });
     constructor() {
-        const data = inject(NATURAL_DROPDOWN_DATA);
+        if (inject(DO_INIT)) {
+            const data = inject(NATURAL_DROPDOWN_DATA);
+            this.init(data);
+        }
+    }
+    init(data) {
         this.configuration = data.configuration;
         // Immediately initValidators and everytime the operator change later
         this.operatorCtrl.valueChanges.pipe(startWith$1(null)).subscribe(() => this.initValidators());
@@ -6823,16 +6832,16 @@ class AbstractAssociationSelectComponent {
         }
         return 'is';
     }
-    operatorKeyToCondition(key, values) {
+    operatorKeyToCondition(key, values, extra = {}) {
         switch (key) {
             case 'is':
-                return { have: { values: values } };
+                return { have: { values: values, ...extra } };
             case 'isnot':
-                return { have: { values: values, not: true } };
+                return { have: { values: values, not: true, ...extra } };
             case 'any':
-                return { empty: { not: true } };
+                return { empty: { not: true, ...extra } };
             case 'none':
-                return { empty: { not: false } };
+                return { empty: { not: false, ...extra } };
             default:
                 throw new Error('Unsupported operator key: ' + key);
         }
@@ -8521,6 +8530,109 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                     ], template: "<form [formGroup]=\"form\">\n    <mat-form-field style=\"max-width: 7em; margin-right: 1em\" subscriptSizing=\"dynamic\">\n        <mat-label i18n=\"Mathematical operator < > =\">Op\u00E9rateur</mat-label>\n        <mat-select panelWidth=\"\" [formControl]=\"operatorCtrl\" [required]=\"true\">\n            @for (item of operators; track item) {\n                <mat-option [value]=\"item.key\">\n                    {{ item.label }}\n                </mat-option>\n            }\n        </mat-select>\n    </mat-form-field>\n\n    @if (requireValueCtrl) {\n        <natural-hierarchic-selector\n            style=\"margin-right: 20px\"\n            [config]=\"configuration.config\"\n            [filters]=\"configuration.filters\"\n            [multiple]=\"true\"\n            [selected]=\"valueCtrl.value || {}\"\n            (selectionChange)=\"selectionChange($event)\"\n        />\n    }\n</form>\n" }]
         }] });
 
+const possibleWhere = [
+    {
+        key: 'DebitOrCredit',
+        label: $localize `Débit ou crédit`,
+        render: ``,
+    },
+    {
+        key: 'Debit',
+        label: $localize `Débit`,
+        render: $localize `au débit`,
+    },
+    {
+        key: 'Credit',
+        label: $localize `Crédit`,
+        render: $localize `au crédit`,
+    },
+];
+/**
+ * This is a specialized facet for Account model with extra fields specific to the specialized operator on the server side.
+ */
+class TypeAccountSelectorComponent extends TypeHierarchicSelectorComponent {
+    whereCtrl = new FormControl('DebitOrCredit', {
+        nonNullable: true,
+        validators: Validators.required,
+    });
+    recursiveCtrl = new FormControl(false, {
+        nonNullable: true,
+        validators: Validators.required,
+    });
+    possibleWhere = possibleWhere;
+    constructor() {
+        super();
+        // We can reload extra condition only after calling ou parent constructor
+        const data = inject(NATURAL_DROPDOWN_DATA);
+        this.init(data);
+        this.form.addControl('where', this.whereCtrl);
+        this.form.addControl('recursive', this.recursiveCtrl);
+        this.operatorCtrl.valueChanges
+            .pipe(takeUntilDestroyed(), startWith$1(this.operatorCtrl.value))
+            .subscribe(operator => {
+            if (['is', 'isnot'].includes(operator)) {
+                this.recursiveCtrl.enable();
+            }
+            else {
+                this.recursiveCtrl.setValue(false);
+                this.recursiveCtrl.disable();
+            }
+        });
+    }
+    operatorKeyToCondition(key, values) {
+        return super.operatorKeyToCondition(key, values, {
+            where: this.whereCtrl.value,
+            recursive: this.recursiveCtrl.getRawValue(),
+        });
+    }
+    reloadCondition(condition) {
+        if (condition) {
+            const q = (condition.have ? condition.have : condition.empty);
+            this.recursiveCtrl.setValue(q?.recursive ?? false);
+            this.whereCtrl.setValue(q?.where ?? 'DebitOrCredit');
+        }
+        super.reloadCondition(condition);
+    }
+    getRenderedValue() {
+        const operator = this.operators.find(v => v.key === this.operatorCtrl.value);
+        const where = this.possibleWhere.find(v => v.key === this.whereCtrl.value);
+        if (!operator || !where || !this.isValid()) {
+            return '';
+        }
+        const selection = this.renderValueWithoutOperator();
+        const recursive = this.recursiveCtrl.value ? $localize `(inclut sous-comptes)` : '';
+        const parts = ['is', 'isnot'].includes(operator.key)
+            ? [where.render, operator.label, selection, recursive]
+            : [operator.label, where.render];
+        return parts.filter(v => v).join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TypeAccountSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: TypeAccountSelectorComponent, isStandalone: true, selector: "ng-component", providers: [
+            {
+                provide: DO_INIT,
+                useValue: false,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n    <mat-form-field style=\"max-width: 12em; margin-right: 1em\">\n        <mat-label i18n>Compte</mat-label>\n        <mat-select panelWidth=\"\" [formControl]=\"whereCtrl\">\n            @for (item of possibleWhere; track item) {\n                <mat-option [value]=\"item.key\">\n                    {{ item.label }}\n                </mat-option>\n            }\n        </mat-select>\n    </mat-form-field>\n\n    <mat-form-field style=\"max-width: 7em; margin-right: 1em\">\n        <mat-label i18n=\"Mathematical operator < > =\">Op\u00E9rateur</mat-label>\n        <mat-select panelWidth=\"\" [formControl]=\"operatorCtrl\" [required]=\"true\">\n            @for (item of operators; track item) {\n                <mat-option [value]=\"item.key\">\n                    {{ item.label }}\n                </mat-option>\n            }\n        </mat-select>\n    </mat-form-field>\n\n    <mat-checkbox i18n [formControl]=\"recursiveCtrl\">inclure les sous-comptes</mat-checkbox>\n\n    @if (requireValueCtrl) {\n        <natural-hierarchic-selector\n            style=\"margin-right: 20px\"\n            [config]=\"configuration.config\"\n            [filters]=\"configuration.filters\"\n            [multiple]=\"true\"\n            [selected]=\"valueCtrl.value || {}\"\n            (selectionChange)=\"selectionChange($event)\"\n        />\n    }\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.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: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: 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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: NaturalHierarchicSelectorComponent, selector: "natural-hierarchic-selector", inputs: ["displayWith", "config", "multiple", "selected", "filters", "searchFacets", "searchSelections", "allowSelectAll"], outputs: ["searchSelectionChange", "selectionChange"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TypeAccountSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatFormField,
+                        MatLabel,
+                        MatSelect,
+                        MatOption,
+                        NaturalHierarchicSelectorComponent,
+                        MatCheckbox,
+                    ], providers: [
+                        {
+                            provide: DO_INIT,
+                            useValue: false,
+                        },
+                    ], template: "<form [formGroup]=\"form\">\n    <mat-form-field style=\"max-width: 12em; margin-right: 1em\">\n        <mat-label i18n>Compte</mat-label>\n        <mat-select panelWidth=\"\" [formControl]=\"whereCtrl\">\n            @for (item of possibleWhere; track item) {\n                <mat-option [value]=\"item.key\">\n                    {{ item.label }}\n                </mat-option>\n            }\n        </mat-select>\n    </mat-form-field>\n\n    <mat-form-field style=\"max-width: 7em; margin-right: 1em\">\n        <mat-label i18n=\"Mathematical operator < > =\">Op\u00E9rateur</mat-label>\n        <mat-select panelWidth=\"\" [formControl]=\"operatorCtrl\" [required]=\"true\">\n            @for (item of operators; track item) {\n                <mat-option [value]=\"item.key\">\n                    {{ item.label }}\n                </mat-option>\n            }\n        </mat-select>\n    </mat-form-field>\n\n    <mat-checkbox i18n [formControl]=\"recursiveCtrl\">inclure les sous-comptes</mat-checkbox>\n\n    @if (requireValueCtrl) {\n        <natural-hierarchic-selector\n            style=\"margin-right: 20px\"\n            [config]=\"configuration.config\"\n            [filters]=\"configuration.filters\"\n            [multiple]=\"true\"\n            [selected]=\"valueCtrl.value || {}\"\n            (selectionChange)=\"selectionChange($event)\"\n        />\n    }\n</form>\n" }]
+        }], ctorParameters: () => [] });
+
 class InvalidWithValueStateMatcher {
     isErrorState(control, form) {
         return (form && form.invalid && (form.value.to || form.value.from)) || control?.invalid;
@@ -11579,5 +11691,5 @@ function graphqlQuerySigner(key) {
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarService, ColorScheme, InvalidWithValueStateMatcher$1 as InvalidWithValueStateMatcher, LOCAL_STORAGE, NATURAL_DROPDOWN_DATA, NATURAL_ICONS_CONFIG, NATURAL_PERSISTENCE_VALIDATOR, NATURAL_SEO_CONFIG, NaturalAbstractDetail, NaturalAbstractEditableList, NaturalAbstractList, NaturalAbstractModelService, NaturalAbstractNavigableList, NaturalAbstractPanel, NaturalAlertService, NaturalAvatarComponent, NaturalBackgroundDensityDirective, NaturalCapitalizePipe, NaturalColorSchemerComponent, NaturalColumnsPickerComponent, NaturalCompactColorSchemerComponent, NaturalConfirmComponent, NaturalDataSource, NaturalDebounceService, NaturalDetailHeaderComponent, NaturalDialogTriggerComponent, NaturalDropdownRef, NaturalEllipsisPipe, NaturalEnumPipe, NaturalEnumService, NaturalErrorHandler, NaturalErrorMessagePipe, NaturalFileComponent, NaturalFileDropDirective, NaturalFileSelectDirective, NaturalFileService, NaturalFixedButtonComponent, NaturalFixedButtonDetailComponent, NaturalHierarchicSelectorComponent, NaturalHierarchicSelectorDialogComponent, NaturalHierarchicSelectorDialogService, NaturalHierarchicSelectorService, NaturalHttpPrefixDirective, NaturalIconDirective, NaturalLinkMutationService, NaturalLinkableTabDirective, NaturalLoggerConfigExtra, NaturalLoggerConfigUrl, NaturalMatomoService, NaturalMemoryStorage, NaturalPanelsComponent, NaturalPanelsService, NaturalPersistenceService, NaturalQueryVariablesManager, NaturalRelationsComponent, NaturalSearchComponent, NaturalSelectComponent, NaturalSelectEnumComponent, NaturalSelectHierarchicComponent, NaturalSeoService, NaturalSidenavComponent, NaturalSidenavContainerComponent, NaturalSidenavContentComponent, NaturalSidenavService, NaturalSidenavStackService, NaturalSrcDensityDirective, NaturalStampComponent, NaturalSwissParsingDateAdapter, NaturalTableButtonComponent, NaturalThemeChangerComponent, NaturalThemeService, NaturalTimeAgoPipe, NetworkActivityService, PanelsHooksConfig, SESSION_STORAGE, SortingOrder, TypeBooleanComponent, TypeDateComponent, TypeDateRangeComponent, TypeHierarchicSelectorComponent, TypeNaturalSelectComponent, TypeNumberComponent, TypeOptionsComponent, TypeSelectComponent, TypeTextComponent, TypedMatCellDef, activityInterceptor, available, cancellableTimeout, cloneDeepButSkipFile, collectErrors, commonImageMimeTypes, copyToClipboard, createHttpLink, debug, decimal, deepFreeze, deliverableEmail, ensureHttpPrefix, fallbackIfNoOpenedPanels, formatIsoDate, formatIsoDateTime, fromUrl, getForegroundColor, getNumberRows, getVisibleSelections, graphqlQuerySigner, greaterThan, hasFilesAndProcessDate, ifValid, integer, isAllVisibleSelected, isFile, isPartiallyVisibleSelected, localStorageFactory, localStorageProvider, makePlural, masterToggleVisible, memoryLocalStorageProvider, memorySessionStorageProvider, mergeOverrideArray, money, naturalPanelsUrlMatcher, naturalProviders, nfcCardHex, onHistoryEvent, possibleComparableOperators, possibleNullComparableOperators, provideErrorHandler, provideIcons, providePanels, provideSeo, provideThemes, relationsToIds, replaceObjectKeepingReference, replaceOperatorByField, replaceOperatorByName, rgbToHex, selectVisible, sessionStorageFactory, sessionStorageProvider, time, toGraphQLDoctrineFilter, toNavigationParameters, toUrl, unique, unselectVisible, upperCaseFirstLetter, url, urlPattern, validTlds, validateAllFormControls, validateColumns, validatePagination, validateSorting, wrapLike, wrapPrefix, wrapSuffix };
+export { AvatarService, ColorScheme, InvalidWithValueStateMatcher$1 as InvalidWithValueStateMatcher, LOCAL_STORAGE, NATURAL_DROPDOWN_DATA, NATURAL_ICONS_CONFIG, NATURAL_PERSISTENCE_VALIDATOR, NATURAL_SEO_CONFIG, NaturalAbstractDetail, NaturalAbstractEditableList, NaturalAbstractList, NaturalAbstractModelService, NaturalAbstractNavigableList, NaturalAbstractPanel, NaturalAlertService, NaturalAvatarComponent, NaturalBackgroundDensityDirective, NaturalCapitalizePipe, NaturalColorSchemerComponent, NaturalColumnsPickerComponent, NaturalCompactColorSchemerComponent, NaturalConfirmComponent, NaturalDataSource, NaturalDebounceService, NaturalDetailHeaderComponent, NaturalDialogTriggerComponent, NaturalDropdownRef, NaturalEllipsisPipe, NaturalEnumPipe, NaturalEnumService, NaturalErrorHandler, NaturalErrorMessagePipe, NaturalFileComponent, NaturalFileDropDirective, NaturalFileSelectDirective, NaturalFileService, NaturalFixedButtonComponent, NaturalFixedButtonDetailComponent, NaturalHierarchicSelectorComponent, NaturalHierarchicSelectorDialogComponent, NaturalHierarchicSelectorDialogService, NaturalHierarchicSelectorService, NaturalHttpPrefixDirective, NaturalIconDirective, NaturalLinkMutationService, NaturalLinkableTabDirective, NaturalLoggerConfigExtra, NaturalLoggerConfigUrl, NaturalMatomoService, NaturalMemoryStorage, NaturalPanelsComponent, NaturalPanelsService, NaturalPersistenceService, NaturalQueryVariablesManager, NaturalRelationsComponent, NaturalSearchComponent, NaturalSelectComponent, NaturalSelectEnumComponent, NaturalSelectHierarchicComponent, NaturalSeoService, NaturalSidenavComponent, NaturalSidenavContainerComponent, NaturalSidenavContentComponent, NaturalSidenavService, NaturalSidenavStackService, NaturalSrcDensityDirective, NaturalStampComponent, NaturalSwissParsingDateAdapter, NaturalTableButtonComponent, NaturalThemeChangerComponent, NaturalThemeService, NaturalTimeAgoPipe, NetworkActivityService, PanelsHooksConfig, SESSION_STORAGE, SortingOrder, TypeAccountSelectorComponent, TypeBooleanComponent, TypeDateComponent, TypeDateRangeComponent, TypeHierarchicSelectorComponent, TypeNaturalSelectComponent, TypeNumberComponent, TypeOptionsComponent, TypeSelectComponent, TypeTextComponent, TypedMatCellDef, activityInterceptor, available, cancellableTimeout, cloneDeepButSkipFile, collectErrors, commonImageMimeTypes, copyToClipboard, createHttpLink, debug, decimal, deepFreeze, deliverableEmail, ensureHttpPrefix, fallbackIfNoOpenedPanels, formatIsoDate, formatIsoDateTime, fromUrl, getForegroundColor, getNumberRows, getVisibleSelections, graphqlQuerySigner, greaterThan, hasFilesAndProcessDate, ifValid, integer, isAllVisibleSelected, isFile, isPartiallyVisibleSelected, localStorageFactory, localStorageProvider, makePlural, masterToggleVisible, memoryLocalStorageProvider, memorySessionStorageProvider, mergeOverrideArray, money, naturalPanelsUrlMatcher, naturalProviders, nfcCardHex, onHistoryEvent, possibleComparableOperators, possibleNullComparableOperators, provideErrorHandler, provideIcons, providePanels, provideSeo, provideThemes, relationsToIds, replaceObjectKeepingReference, replaceOperatorByField, replaceOperatorByName, rgbToHex, selectVisible, sessionStorageFactory, sessionStorageProvider, time, toGraphQLDoctrineFilter, toNavigationParameters, toUrl, unique, unselectVisible, upperCaseFirstLetter, url, urlPattern, validTlds, validateAllFormControls, validateColumns, validatePagination, validateSorting, wrapLike, wrapPrefix, wrapSuffix };
 //# sourceMappingURL=ecodev-natural.mjs.map