@ecodev/natural 65.0.0 → 65.0.2

package/fesm2022/ecodev-natural.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Component, Injectable, DestroyRef, HostListener, HostBinding, Directive, InjectionToken, ElementRef, viewChild, ViewEncapsulation, Injector, Input, input, PLATFORM_ID, signal, computed, effect, output, Pipe, DOCUMENT, LOCALE_ID, provideAppInitializer, contentChild, TemplateRef, EnvironmentInjector, createEnvironmentInjector, createComponent, Inject, runInInjectionContext, ChangeDetectionStrategy, linkedSignal, ErrorHandler, importProvidersFrom } from '@angular/core';
+import { inject, Component, Injectable, DestroyRef, HostListener, HostBinding, Directive, InjectionToken, ElementRef, viewChild, ViewEncapsulation, Injector, Input, input, PLATFORM_ID, signal, computed, effect, output, Pipe, DOCUMENT, LOCALE_ID, provideAppInitializer, contentChild, TemplateRef, EnvironmentInjector, createEnvironmentInjector, createComponent, runInInjectionContext, ChangeDetectionStrategy, linkedSignal, ErrorHandler, importProvidersFrom } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { FormGroup, FormArray, Validators, UntypedFormGroup, UntypedFormArray, FormControl, FormsModule, ReactiveFormsModule, UntypedFormControl, NgControl, FormControlDirective, FormControlName } from '@angular/forms';
 import { NavigationStart, NavigationEnd, ActivatedRoute, Router, RouteConfigLoadStart, RouteConfigLoadEnd, PRIMARY_OUTLET, RouterLink, NavigationError, DefaultUrlSerializer, UrlTree } from '@angular/router';
@@ -193,12 +193,10 @@ function formatIsoDate(date) {
  * So something like: "2021-09-23T17:57:16+09:00"
  */
 function formatIsoDateTime(date) {
-    const timezoneOffsetInMinutes = date.getTimezoneOffset();
+    const timezoneOffsetInMinutes = Math.round(date.getTimezoneOffset());
     const timezoneOffsetInHours = -Math.trunc(timezoneOffsetInMinutes / 60); // UTC minus local time
     const sign = timezoneOffsetInHours >= 0 ? '+' : '-';
-    const hoursLeadingZero = Math.abs(timezoneOffsetInHours) < 10 ? '0' : '';
     const remainderMinutes = -(timezoneOffsetInMinutes % 60);
-    const minutesLeadingZero = Math.abs(remainderMinutes) < 10 ? '0' : '';
     // It's a bit unfortunate that we need to construct a new Date instance,
     // but we don't want the original Date instance to be modified
     const correctedDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
@@ -207,13 +205,9 @@ function formatIsoDateTime(date) {
         .toISOString()
         .replace(/\.\d{3}Z/, '')
         .replace('Z', '');
-    return (iso +
-        sign +
-        hoursLeadingZero +
-        Math.abs(timezoneOffsetInHours).toString() +
-        ':' +
-        minutesLeadingZero +
-        remainderMinutes);
+    const hours = Math.abs(timezoneOffsetInHours).toString().padStart(2, '0');
+    const minutes = remainderMinutes.toString().padStart(2, '0');
+    return iso + sign + hours + ':' + minutes;
 }
 /**
  * Relations to full objects are converted to their IDs only.
@@ -8526,7 +8520,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
         }], ctorParameters: () => [] });
 
 class TypeOptionsComponent {
-    data;
     renderedValue = new BehaviorSubject('');
     formControl = new FormControl({}, { nonNullable: true });
     configuration;
@@ -8534,10 +8527,8 @@ class TypeOptionsComponent {
         options: [],
     };
     dropdownRef = inject(NaturalDropdownRef);
-    constructor(
-    // eslint-disable-next-line @angular-eslint/prefer-inject
-    data) {
-        this.data = data;
+    constructor() {
+        const data = inject(NATURAL_DROPDOWN_DATA);
         this.configuration = { ...this.defaults, ...data.configuration };
         if (!this.configuration.options.length) {
             throw new Error('TypeOptions need options, empty array or null given');
@@ -8570,46 +8561,72 @@ class TypeOptionsComponent {
     isDirty() {
         return this.formControl.dirty;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TypeOptionsComponent, deps: [{ token: NATURAL_DROPDOWN_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TypeOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: TypeOptionsComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<mat-button-toggle-group [formControl]=\"formControl\">\n    @for (option of configuration.options; track option) {\n        <mat-button-toggle [value]=\"option\">{{ option.display }}</mat-button-toggle>\n    }\n</mat-button-toggle-group>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TypeOptionsComponent, decorators: [{
             type: Component,
             args: [{ imports: [FormsModule, ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle], template: "<mat-button-toggle-group [formControl]=\"formControl\">\n    @for (option of configuration.options; track option) {\n        <mat-button-toggle [value]=\"option\">{{ option.display }}</mat-button-toggle>\n    }\n</mat-button-toggle-group>\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NATURAL_DROPDOWN_DATA]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 class TypeBooleanComponent extends TypeOptionsComponent {
-    constructor() {
-        const data = inject(NATURAL_DROPDOWN_DATA);
-        // Set up options from hardcoded conditions with custom labels from config
-        const configuration = {
-            options: [
-                {
-                    display: data.configuration.displayWhenActive,
-                    condition: { equal: { value: true } },
-                },
-                {
-                    display: data.configuration.displayWhenInactive,
-                    condition: { equal: { value: false } },
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TypeBooleanComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: TypeBooleanComponent, isStandalone: true, selector: "ng-component", providers: [
+            {
+                provide: NATURAL_DROPDOWN_DATA,
+                useFactory: () => {
+                    const data = inject(NATURAL_DROPDOWN_DATA, {
+                        skipSelf: true,
+                    });
+                    // Set up options from hardcoded conditions with custom labels from config
+                    return {
+                        ...data,
+                        configuration: {
+                            options: [
+                                {
+                                    display: data.configuration.displayWhenActive,
+                                    condition: { equal: { value: true } },
+                                },
+                                {
+                                    display: data.configuration.displayWhenInactive,
+                                    condition: { equal: { value: false } },
+                                },
+                            ],
+                        },
+                    };
                 },
-            ],
-        };
-        const typeOptionsData = {
-            ...data,
-            ...{ configuration: configuration },
-        };
-        super(typeOptionsData);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TypeBooleanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.7", type: TypeBooleanComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<mat-button-toggle-group [formControl]=\"formControl\">\n    @for (option of configuration.options; track option) {\n        <mat-button-toggle [value]=\"option\">{{ option.display }}</mat-button-toggle>\n    }\n</mat-button-toggle-group>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }] });
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<mat-button-toggle-group [formControl]=\"formControl\">\n    @for (option of configuration.options; track option) {\n        <mat-button-toggle [value]=\"option\">{{ option.display }}</mat-button-toggle>\n    }\n</mat-button-toggle-group>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TypeBooleanComponent, decorators: [{
             type: Component,
-            args: [{ imports: [FormsModule, ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle], template: "<mat-button-toggle-group [formControl]=\"formControl\">\n    @for (option of configuration.options; track option) {\n        <mat-button-toggle [value]=\"option\">{{ option.display }}</mat-button-toggle>\n    }\n</mat-button-toggle-group>\n" }]
-        }], ctorParameters: () => [] });
+            args: [{ imports: [FormsModule, ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle], providers: [
+                        {
+                            provide: NATURAL_DROPDOWN_DATA,
+                            useFactory: () => {
+                                const data = inject(NATURAL_DROPDOWN_DATA, {
+                                    skipSelf: true,
+                                });
+                                // Set up options from hardcoded conditions with custom labels from config
+                                return {
+                                    ...data,
+                                    configuration: {
+                                        options: [
+                                            {
+                                                display: data.configuration.displayWhenActive,
+                                                condition: { equal: { value: true } },
+                                            },
+                                            {
+                                                display: data.configuration.displayWhenInactive,
+                                                condition: { equal: { value: false } },
+                                            },
+                                        ],
+                                    },
+                                };
+                            },
+                        },
+                    ], template: "<mat-button-toggle-group [formControl]=\"formControl\">\n    @for (option of configuration.options; track option) {\n        <mat-button-toggle [value]=\"option\">{{ option.display }}</mat-button-toggle>\n    }\n</mat-button-toggle-group>\n" }]
+        }] });
 
 /*
  * Public API Surface of natural-search dropdown components
@@ -8622,13 +8639,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
  */
 const commonImageMimeTypes = 'image/avif,image/bmp,image/x-ms-bmp,image/gif,image/heic,image/heif,image/jpeg,image/pjpeg,image/png,image/svg+xml,image/svg,image/webp';
 function acceptType(accept, type, filename) {
-    if (!accept.trim()) {
+    const mimeAndExtensions = accept
+        .trim()
+        .toLowerCase()
+        .split(',')
+        .map(s => s.trim())
+        .filter(s => s);
+    if (!mimeAndExtensions.length) {
         return true;
     }
     type = type.toLowerCase();
     filename = filename.toLowerCase();
-    return accept.split(',').some(mimeOrExtension => {
-        mimeOrExtension = mimeOrExtension.trim().toLowerCase();
+    const mimeAsExtensions = mimeAndExtensions
+        .map(s => /^[^/]+\/(.*)$/.exec(s)?.[1])
+        .filter(s => s)
+        .map(s => '.' + s);
+    return [...mimeAndExtensions, ...mimeAsExtensions].some(mimeOrExtension => {
         if (mimeOrExtension.startsWith('.')) {
             return filename.endsWith(mimeOrExtension);
         }
@@ -9182,6 +9208,7 @@ class NaturalFileComponent {
                 formCtrlValue.setValue(this.model);
             }
             this.modelChange.emit(this.model);
+            this.updateImage();
         });
     }
     getDownloadLink() {