@dataclouder/ngx-core 0.1.40 → 0.1.42

package/fesm2022/dataclouder-ngx-core.mjs

@@ -34,7 +34,7 @@ import { SpeedDialModule } from 'primeng/speeddial';
 import { PaginatorModule } from 'primeng/paginator';
 import * as i4$2 from 'primeng/table';
 import { TableModule } from 'primeng/table';
-import { get } from 'lodash';
+import { get } from 'es-toolkit/compat';
 import * as i6 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
 import * as i1$2 from 'primeng/fieldset';
@@ -50,10 +50,11 @@ import * as i2$5 from 'primeng/inputnumber';
 import { InputNumberModule } from 'primeng/inputnumber';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { map } from 'rxjs/operators';
-import { firstValueFrom, catchError, lastValueFrom, tap, throwError, map as map$1 } from 'rxjs';
+import { firstValueFrom, catchError, lastValueFrom, tap, throwError, map as map$1, fromEvent, distinctUntilChanged } from 'rxjs';
 import * as i4$4 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
 import { HttpClient, HttpEventType } from '@angular/common/http';
+import { Capacitor } from '@capacitor/core';
 
 class EmptyStateComponent {
     constructor() {
@@ -769,7 +770,7 @@ class DcAuditableViewerComponent {
       </div>
     </p-fieldset>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i1$2.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i3$3.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i1$2.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i6.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i3$3.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DcAuditableViewerComponent, decorators: [{
             type: Component,
@@ -935,7 +936,7 @@ class DcTagsFormComponent {
         this.arrayForm.removeAt(index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DcTagsFormComponent, deps: [{ token: i1.ControlContainer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DcTagsFormComponent, isStandalone: true, selector: "dc-tags-form", ngImport: i0, template: "<div [formGroup]=\"form\">\n  <div formArrayName=\"tags\">\n    <div class=\"flex flex-wrap gap-2\">\n      @for (tagControl of arrayForm.controls; track tagControl; let i = $index) {\n      <p-chip [label]=\"tagControl.value\" [removable]=\"true\" (onRemove)=\"removeTag(i)\"></p-chip>\n      }\n    </div>\n  </div>\n</div>\n\n<div class=\"flex mt-2\">\n  <input pInputText type=\"text\" [formControl]=\"newTagControl\" placeholder=\"New tag\" (keydown.enter)=\"addTag(); $event.preventDefault()\" />\n  <p-button label=\"Add Tag\" icon=\"pi pi-plus\" (click)=\"addTag()\" [disabled]=\"!newTagControl.value\"></p-button>\n</div>\n", styles: [".tag-field{display:flex;align-items:center;margin-bottom:.5rem}.tag-field input{margin-right:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i3$3.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DcTagsFormComponent, isStandalone: true, selector: "dc-tags-form", ngImport: i0, template: "<div [formGroup]=\"form\">\n  <div formArrayName=\"tags\">\n    <div class=\"flex flex-wrap gap-2\">\n      @for (tagControl of arrayForm.controls; track tagControl; let i = $index) {\n      <p-chip [label]=\"tagControl.value\" [removable]=\"true\" (onRemove)=\"removeTag(i)\"></p-chip>\n      }\n    </div>\n  </div>\n</div>\n\n<div class=\"flex mt-2\">\n  <input pInputText type=\"text\" [formControl]=\"newTagControl\" placeholder=\"New tag\" (keydown.enter)=\"addTag(); $event.preventDefault()\" />\n  <p-button label=\"Add Tag\" icon=\"pi pi-plus\" (click)=\"addTag()\" [disabled]=\"!newTagControl.value\"></p-button>\n</div>\n", styles: [".tag-field{display:flex;align-items:center;margin-bottom:.5rem}.tag-field input{margin-right:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i3$3.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }], viewProviders: [
             {
                 provide: ControlContainer,
                 useFactory: () => inject(ControlContainer, { skipSelf: true }),
@@ -1193,38 +1194,23 @@ class EntityBaseFormComponent {
         this.router = inject(Router);
         this.toastService = inject(TOAST_ALERTS_TOKEN, { optional: true });
         this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+        this.entityInput = input(undefined, ...(ngDevMode ? [{ debugName: "entityInput", alias: 'entity' }] : [{ alias: 'entity' }]));
         this.entity = signal(undefined, ...(ngDevMode ? [{ debugName: "entity" }] : []));
         this.entityIdFromUrl = toSignal(this.route.paramMap.pipe(map((params) => params.get('id'))));
         this.entityId = computed(() => this.id() ?? this.entityIdFromUrl(), ...(ngDevMode ? [{ debugName: "entityId" }] : []));
-        this.loadEntityEffect = effect(async () => {
+        this.loadEntityEffect = effect(() => {
+            const entityFromInput = this.entityInput();
+            if (entityFromInput) {
+                this.entity.set(entityFromInput);
+                this.patchForm(entityFromInput);
+                return;
+            }
             const id = this.entityId();
             if (id) {
-                try {
-                    const entity = await this.entityCommunicationService.findOne(id);
-                    if (entity) {
-                        this.entity.set(entity);
-                        this.patchForm(entity);
-                    }
-                }
-                catch (err) {
-                    this.toastService?.error({ title: 'Error', subtitle: 'Error loading entity' });
-                    console.error('Error loading entity', err);
-                }
+                this.loadEntityById(id);
             }
             else {
-                // if there is no id, we create a new entity
-                try {
-                    const newEntity = await this.entityCommunicationService.createOrUpdate({});
-                    const id = newEntity?._id || newEntity?.['id'];
-                    if (id) {
-                        // we replace the url to avoid creating a new entity when the user goes back
-                        this.router.navigate([id], { relativeTo: this.route, replaceUrl: true });
-                    }
-                }
-                catch (err) {
-                    this.toastService?.error({ title: 'Error', subtitle: 'Error creating new entity' });
-                    console.error('Error creating new entity', err);
-                }
+                this.createNewEntity();
             }
         }, ...(ngDevMode ? [{ debugName: "loadEntityEffect", allowSignalWrites: true }] : [{ allowSignalWrites: true }]));
     }
@@ -1265,8 +1251,35 @@ class EntityBaseFormComponent {
         const dirtyValues = this.getDirtyValues(this.form);
         return this.entityCommunicationService.partialUpdate(this.entityId(), dirtyValues);
     }
+    async loadEntityById(id) {
+        try {
+            const entity = await this.entityCommunicationService.findOne(id);
+            if (entity) {
+                this.entity.set(entity);
+                this.patchForm(entity);
+            }
+        }
+        catch (err) {
+            this.toastService?.error({ title: 'Error', subtitle: 'Error loading entity' });
+            console.error('Error loading entity', err);
+        }
+    }
+    async createNewEntity() {
+        try {
+            const newEntity = await this.entityCommunicationService.createOrUpdate({});
+            const id = newEntity?._id || newEntity?.['id'];
+            if (id) {
+                // we replace the url to avoid creating a new entity when the user goes back
+                this.router.navigate([id], { relativeTo: this.route, replaceUrl: true });
+            }
+        }
+        catch (err) {
+            this.toastService?.error({ title: 'Error', subtitle: 'Error creating new entity' });
+            console.error('Error creating new entity', err);
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityBaseFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.6", type: EntityBaseFormComponent, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.6", type: EntityBaseFormComponent, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, entityInput: { classPropertyName: "entityInput", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityBaseFormComponent, decorators: [{
             type: Directive
@@ -3307,6 +3320,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 }]
         }] });
 
+class MobileService {
+    constructor() {
+        this.router = inject(Router);
+        this.hasReponsiveView = signal(false, ...(ngDevMode ? [{ debugName: "hasReponsiveView" }] : []));
+        this.mobileWidthThreshold = 768; // Adjust the threshold as needed
+        this.responsibleWidthThreshold = 994;
+        // Initialize signal with current window width check
+        this.hasReponsiveView.set(window.innerWidth <= this.responsibleWidthThreshold);
+        this.checkMobileAgent();
+        this.screenWidth$ = fromEvent(window, 'resize').pipe(map$1(() => window.innerWidth), distinctUntilChanged());
+        this.screenHeight$ = fromEvent(window, 'resize').pipe(map$1(() => window.innerHeight), distinctUntilChanged());
+        this.isMobile$ = this.screenWidth$.pipe(map$1((width) => width <= this.responsibleWidthThreshold), // Add type assertion to 'width'
+        distinctUntilChanged());
+        this.isMobile$.subscribe((isResposible) => {
+            console.log('isMobile', isResposible);
+            // Update signal value when screen size changes
+            this.hasReponsiveView.set(isResposible);
+        });
+    }
+    isMobileRoute(currentRoute = '') {
+        if (!currentRoute) {
+            currentRoute = this.router.url;
+        }
+        const firstRouteName = currentRoute.split('/')[1];
+        return firstRouteName == 'm' ? true : false;
+    }
+    // Add this function to the class
+    getPlatform() {
+        if (Capacitor.isNativePlatform()) {
+            const platform = Capacitor.getPlatform();
+            // Example usage in component:
+            if (platform === 'ios') {
+                // iOS specific code
+                return 'ios';
+            }
+            else if (platform === 'android') {
+                // Android specific code
+                return 'android';
+            }
+            else {
+                return 'web';
+            }
+        }
+        return 'web';
+    }
+    isNativeMobileOrMobileRoute() {
+        if (Capacitor.isNativePlatform() || this.isMobileRoute()) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    isNativeMobile() {
+        return Capacitor.isNativePlatform();
+    }
+    getScreenWidth() {
+        return this.screenWidth$;
+    }
+    // isMobile(): Observable<boolean> {
+    //   return this.isMobile$;
+    // }
+    installByUser() {
+        console.log('Debería hacer la instalación por el usuario');
+        if (this.eventInstall) {
+            this.eventInstall.prompt();
+            console.log('Debio mandar el promt');
+        }
+    }
+    checkMobileAgent() {
+        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
+            // true for mobile device
+            this.isMobileAgent = true;
+        }
+        else {
+            // false for not mobile device
+            this.isMobileAgent = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MobileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MobileService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: MobileService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
 var MoodState;
 (function (MoodState) {
     MoodState["HAPPY"] = "happy";
@@ -3392,5 +3494,5 @@ const CharacterEventActions = [
  * Generated bundle index. Do not edit.
  */
 
-export { APP_CONFIG, AppConfigService, AudioNotificationService, AudioSpeed, AudioSpeedReverse, CharacterEventActions, ChatUserSettings, ConfirmComponent, ConfirmService, DCFilterBarComponent, DCProgressToastComponent, DcAuditableViewerComponent, DcExtensionsViewerComponent, DcLearnableFormComponent, DcLearnableViewerComponent, DcManageableFormComponent, DcManageableViewerComponent, DcReactionsViewerComponent, EModelQuality, EmptyStateComponent, EntityBaseFormComponent, EntityBaseListComponent, EntityCommunicationService, FlagPipe, FormUtilsService, GetPathPipe, HTTP_CORE_CONFIG, HttpCoreService, IAIModel, LANGUAGES, LangDescTranslation, LoadingBarComponent, LoadingBarService, ModelQualityOptions, MoodState, MoodStateOptions, OptionValue, PaginationBase, PromptService, QuickTableComponent, SUPPORTED_LANGUAGES, TOAST_ALERTS_TOKEN, ToastAlertsAbstractService, UiStateService, availibleFilters, extractJsonFromString, formatCamelCaseString, getLangDesc, getSupportedLanguageOptions, provideToastAlert, sortOptions, sortTypes };
+export { APP_CONFIG, AppConfigService, AudioNotificationService, AudioSpeed, AudioSpeedReverse, CharacterEventActions, ChatUserSettings, ConfirmComponent, ConfirmService, DCFilterBarComponent, DCProgressToastComponent, DcAuditableViewerComponent, DcExtensionsViewerComponent, DcLearnableFormComponent, DcLearnableViewerComponent, DcManageableFormComponent, DcManageableViewerComponent, DcReactionsViewerComponent, EModelQuality, EmptyStateComponent, EntityBaseFormComponent, EntityBaseListComponent, EntityCommunicationService, FlagPipe, FormUtilsService, GetPathPipe, HTTP_CORE_CONFIG, HttpCoreService, IAIModel, LANGUAGES, LangDescTranslation, LoadingBarComponent, LoadingBarService, MobileService, ModelQualityOptions, MoodState, MoodStateOptions, OptionValue, PaginationBase, PromptService, QuickTableComponent, SUPPORTED_LANGUAGES, TOAST_ALERTS_TOKEN, ToastAlertsAbstractService, UiStateService, availibleFilters, extractJsonFromString, formatCamelCaseString, getLangDesc, getSupportedLanguageOptions, provideToastAlert, sortOptions, sortTypes };
 //# sourceMappingURL=dataclouder-ngx-core.mjs.map