@doroteati/mia-category-editor 14.0.0

package/README.md

@@ -0,0 +1,25 @@
+# MiaCategoryEditor
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project mia-category-editor` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project mia-category-editor`.
+
+> Note: Don't forget to add `--project mia-category-editor` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build mia-category-editor` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build mia-category-editor`, go to the dist folder `cd dist/mia-category-editor` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test mia-category-editor` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2020/doroteati-mia-category-editor.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9yb3RlYXRpLW1pYS1jYXRlZ29yeS1lZGl0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kb3JvdGVhdGkvbWlhLWNhdGVnb3J5LWVkaXRvci9zcmMvZG9yb3RlYXRpLW1pYS1jYXRlZ29yeS1lZGl0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2020/lib/mia-category-editor.module.mjs

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+// Angular Material
+import { MatDialogModule } from '@angular/material/dialog';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+// Modals
+import { OrganizeCategoryModalComponent } from './modals/organize-category-modal/organize-category-modal.component';
+import * as i0 from "@angular/core";
+export class MiaCategoryEditorModule {
+}
+MiaCategoryEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MiaCategoryEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, declarations: [OrganizeCategoryModalComponent], imports: [CommonModule,
+        MatDialogModule,
+        DragDropModule], exports: [OrganizeCategoryModalComponent] });
+MiaCategoryEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, imports: [CommonModule,
+        MatDialogModule,
+        DragDropModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        OrganizeCategoryModalComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatDialogModule,
+                        DragDropModule
+                    ],
+                    exports: [
+                        OrganizeCategoryModalComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlhLWNhdGVnb3J5LWVkaXRvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kb3JvdGVhdGkvbWlhLWNhdGVnb3J5LWVkaXRvci9zcmMvbGliL21pYS1jYXRlZ29yeS1lZGl0b3IubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLG1CQUFtQjtBQUNuQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXhELFNBQVM7QUFDVCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQzs7QUFpQnBILE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7cUhBQXZCLHVCQUF1QixpQkFYaEMsOEJBQThCLGFBRzlCLFlBQVk7UUFDWixlQUFlO1FBQ2YsY0FBYyxhQUdkLDhCQUE4QjtxSEFHckIsdUJBQXVCLFlBUmhDLFlBQVk7UUFDWixlQUFlO1FBQ2YsY0FBYzsyRkFNTCx1QkFBdUI7a0JBYm5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDhCQUE4QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRTt3QkFDUCw4QkFBOEI7cUJBQy9CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbi8vIEFuZ3VsYXIgTWF0ZXJpYWxcclxuaW1wb3J0IHsgTWF0RGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgRHJhZ0Ryb3BNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuXHJcbi8vIE1vZGFsc1xyXG5pbXBvcnQgeyBPcmdhbml6ZUNhdGVnb3J5TW9kYWxDb21wb25lbnQgfSBmcm9tICcuL21vZGFscy9vcmdhbml6ZS1jYXRlZ29yeS1tb2RhbC9vcmdhbml6ZS1jYXRlZ29yeS1tb2RhbC5jb21wb25lbnQnO1xyXG5cclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgT3JnYW5pemVDYXRlZ29yeU1vZGFsQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNYXREaWFsb2dNb2R1bGUsXHJcbiAgICBEcmFnRHJvcE1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgT3JnYW5pemVDYXRlZ29yeU1vZGFsQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWlhQ2F0ZWdvcnlFZGl0b3JNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2020/lib/modals/mia-category.modal.service.mjs

@@ -0,0 +1,61 @@
+import { Injectable } from '@angular/core';
+import { MiaOrganizeCategoryModalConfig, OrganizeCategoryModalComponent, } from './organize-category-modal/organize-category-modal.component';
+import { MiaField, MiaFormConfig, MiaFormModalComponent, MiaFormModalConfig, } from '@doroteati/mia-form';
+import * as i0 from "@angular/core";
+import * as i1 from "@doroteati/mia-category-core";
+import * as i2 from "@angular/material/dialog";
+export class MiaCategoryModalService {
+    constructor(categoryService, dialog) {
+        this.categoryService = categoryService;
+        this.dialog = dialog;
+    }
+    open(category) {
+        let data = new MiaFormModalConfig();
+        data.item = category;
+        data.service = this.categoryService;
+        data.titleNew = 'New Category';
+        data.titleEdit = 'Edit Category';
+        let config = new MiaFormConfig();
+        config.hasSubmit = false;
+        config.fields = [
+            { key: 'title', type: MiaField.TYPE_STRING, label: 'Name Category' },
+        ];
+        config.errorMessages = [
+            { key: 'required', message: 'The "%label%" is required.' },
+        ];
+        data.config = config;
+        return this.dialog
+            .open(MiaFormModalComponent, {
+            width: '520px',
+            panelClass: 'modal-full-width-mobile',
+            data: data,
+        })
+            .afterClosed();
+    }
+    openWithType(category, type) {
+        category.type = type;
+        return this.open(category);
+    }
+    openOrganize(typeOfCategory) {
+        let config = new MiaOrganizeCategoryModalConfig();
+        config.idCategoryDefault = typeOfCategory;
+        return this.openOrganizeWithConfig(config);
+    }
+    openOrganizeWithConfig(config) {
+        let dailogRef = this.dialog.open(OrganizeCategoryModalComponent, {
+            width: '520px',
+            panelClass: 'modal-full-width-mobile',
+            data: config,
+        });
+        return dailogRef.componentInstance;
+    }
+}
+MiaCategoryModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryModalService, deps: [{ token: i1.MiaCategoryService }, { token: i2.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+MiaCategoryModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryModalService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MiaCategoryService }, { type: i2.MatDialog }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlhLWNhdGVnb3J5Lm1vZGFsLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kb3JvdGVhdGkvbWlhLWNhdGVnb3J5LWVkaXRvci9zcmMvbGliL21vZGFscy9taWEtY2F0ZWdvcnkubW9kYWwuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFDTCw4QkFBOEIsRUFDOUIsOEJBQThCLEdBQy9CLE1BQU0sNkRBQTZELENBQUM7QUFFckUsT0FBTyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IscUJBQXFCLEVBQ3JCLGtCQUFrQixHQUNuQixNQUFNLHFCQUFxQixDQUFDOzs7O0FBSzdCLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsWUFDWSxlQUFtQyxFQUNuQyxNQUFpQjtRQURqQixvQkFBZSxHQUFmLGVBQWUsQ0FBb0I7UUFDbkMsV0FBTSxHQUFOLE1BQU0sQ0FBVztJQUMxQixDQUFDO0lBRUosSUFBSSxDQUFDLFFBQXFCO1FBQ3hCLElBQUksSUFBSSxHQUFHLElBQUksa0JBQWtCLEVBQUUsQ0FBQztRQUNwQyxJQUFJLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQztRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDcEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUM7UUFDL0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxlQUFlLENBQUM7UUFFakMsSUFBSSxNQUFNLEdBQUcsSUFBSSxhQUFhLEVBQUUsQ0FBQztRQUNqQyxNQUFNLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN6QixNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ2QsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxlQUFlLEVBQUU7U0FDckUsQ0FBQztRQUNGLE1BQU0sQ0FBQyxhQUFhLEdBQUc7WUFDckIsRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRTtTQUMzRCxDQUFDO1FBQ0YsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsT0FBTyxJQUFJLENBQUMsTUFBTTthQUNmLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtZQUMzQixLQUFLLEVBQUUsT0FBTztZQUNkLFVBQVUsRUFBRSx5QkFBeUI7WUFDckMsSUFBSSxFQUFFLElBQUk7U0FDWCxDQUFDO2FBQ0QsV0FBVyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFlBQVksQ0FBQyxRQUFxQixFQUFFLElBQVk7UUFDOUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDckIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxZQUFZLENBQUMsY0FBc0I7UUFDakMsSUFBSSxNQUFNLEdBQUcsSUFBSSw4QkFBOEIsRUFBRSxDQUFDO1FBQ2xELE1BQU0sQ0FBQyxpQkFBaUIsR0FBRyxjQUFjLENBQUM7UUFDMUMsT0FBTyxJQUFJLENBQUMsc0JBQXNCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELHNCQUFzQixDQUNwQixNQUFzQztRQUV0QyxJQUFJLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyw4QkFBOEIsRUFBRTtZQUMvRCxLQUFLLEVBQUUsT0FBTztZQUNkLFVBQVUsRUFBRSx5QkFBeUI7WUFDckMsSUFBSSxFQUFFLE1BQU07U0FDYixDQUFDLENBQUM7UUFFSCxPQUFPLFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQztJQUNyQyxDQUFDOztvSEFwRFUsdUJBQXVCO3dIQUF2Qix1QkFBdUIsY0FGdEIsTUFBTTsyRkFFUCx1QkFBdUI7a0JBSG5DLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQge1xyXG4gIE1pYU9yZ2FuaXplQ2F0ZWdvcnlNb2RhbENvbmZpZyxcclxuICBPcmdhbml6ZUNhdGVnb3J5TW9kYWxDb21wb25lbnQsXHJcbn0gZnJvbSAnLi9vcmdhbml6ZS1jYXRlZ29yeS1tb2RhbC9vcmdhbml6ZS1jYXRlZ29yeS1tb2RhbC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNaWFDYXRlZ29yeSwgTWlhQ2F0ZWdvcnlTZXJ2aWNlIH0gZnJvbSAnQGRvcm90ZWF0aS9taWEtY2F0ZWdvcnktY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgTWlhRmllbGQsXHJcbiAgTWlhRm9ybUNvbmZpZyxcclxuICBNaWFGb3JtTW9kYWxDb21wb25lbnQsXHJcbiAgTWlhRm9ybU1vZGFsQ29uZmlnLFxyXG59IGZyb20gJ0Bkb3JvdGVhdGkvbWlhLWZvcm0nO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290JyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pYUNhdGVnb3J5TW9kYWxTZXJ2aWNlIHtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByb3RlY3RlZCBjYXRlZ29yeVNlcnZpY2U6IE1pYUNhdGVnb3J5U2VydmljZSxcclxuICAgIHByb3RlY3RlZCBkaWFsb2c6IE1hdERpYWxvZ1xyXG4gICkge31cclxuXHJcbiAgb3BlbihjYXRlZ29yeTogTWlhQ2F0ZWdvcnkpIHtcclxuICAgIGxldCBkYXRhID0gbmV3IE1pYUZvcm1Nb2RhbENvbmZpZygpO1xyXG4gICAgZGF0YS5pdGVtID0gY2F0ZWdvcnk7XHJcbiAgICBkYXRhLnNlcnZpY2UgPSB0aGlzLmNhdGVnb3J5U2VydmljZTtcclxuICAgIGRhdGEudGl0bGVOZXcgPSAnTmV3IENhdGVnb3J5JztcclxuICAgIGRhdGEudGl0bGVFZGl0ID0gJ0VkaXQgQ2F0ZWdvcnknO1xyXG5cclxuICAgIGxldCBjb25maWcgPSBuZXcgTWlhRm9ybUNvbmZpZygpO1xyXG4gICAgY29uZmlnLmhhc1N1Ym1pdCA9IGZhbHNlO1xyXG4gICAgY29uZmlnLmZpZWxkcyA9IFtcclxuICAgICAgeyBrZXk6ICd0aXRsZScsIHR5cGU6IE1pYUZpZWxkLlRZUEVfU1RSSU5HLCBsYWJlbDogJ05hbWUgQ2F0ZWdvcnknIH0sXHJcbiAgICBdO1xyXG4gICAgY29uZmlnLmVycm9yTWVzc2FnZXMgPSBbXHJcbiAgICAgIHsga2V5OiAncmVxdWlyZWQnLCBtZXNzYWdlOiAnVGhlIFwiJWxhYmVsJVwiIGlzIHJlcXVpcmVkLicgfSxcclxuICAgIF07XHJcbiAgICBkYXRhLmNvbmZpZyA9IGNvbmZpZztcclxuICAgIHJldHVybiB0aGlzLmRpYWxvZ1xyXG4gICAgICAub3BlbihNaWFGb3JtTW9kYWxDb21wb25lbnQsIHtcclxuICAgICAgICB3aWR0aDogJzUyMHB4JyxcclxuICAgICAgICBwYW5lbENsYXNzOiAnbW9kYWwtZnVsbC13aWR0aC1tb2JpbGUnLFxyXG4gICAgICAgIGRhdGE6IGRhdGEsXHJcbiAgICAgIH0pXHJcbiAgICAgIC5hZnRlckNsb3NlZCgpO1xyXG4gIH1cclxuXHJcbiAgb3BlbldpdGhUeXBlKGNhdGVnb3J5OiBNaWFDYXRlZ29yeSwgdHlwZTogbnVtYmVyKSB7XHJcbiAgICBjYXRlZ29yeS50eXBlID0gdHlwZTtcclxuICAgIHJldHVybiB0aGlzLm9wZW4oY2F0ZWdvcnkpO1xyXG4gIH1cclxuXHJcbiAgb3Blbk9yZ2FuaXplKHR5cGVPZkNhdGVnb3J5OiBudW1iZXIpOiBPcmdhbml6ZUNhdGVnb3J5TW9kYWxDb21wb25lbnQge1xyXG4gICAgbGV0IGNvbmZpZyA9IG5ldyBNaWFPcmdhbml6ZUNhdGVnb3J5TW9kYWxDb25maWcoKTtcclxuICAgIGNvbmZpZy5pZENhdGVnb3J5RGVmYXVsdCA9IHR5cGVPZkNhdGVnb3J5O1xyXG4gICAgcmV0dXJuIHRoaXMub3Blbk9yZ2FuaXplV2l0aENvbmZpZyhjb25maWcpO1xyXG4gIH1cclxuXHJcbiAgb3Blbk9yZ2FuaXplV2l0aENvbmZpZyhcclxuICAgIGNvbmZpZzogTWlhT3JnYW5pemVDYXRlZ29yeU1vZGFsQ29uZmlnXHJcbiAgKTogT3JnYW5pemVDYXRlZ29yeU1vZGFsQ29tcG9uZW50IHtcclxuICAgIGxldCBkYWlsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKE9yZ2FuaXplQ2F0ZWdvcnlNb2RhbENvbXBvbmVudCwge1xyXG4gICAgICB3aWR0aDogJzUyMHB4JyxcclxuICAgICAgcGFuZWxDbGFzczogJ21vZGFsLWZ1bGwtd2lkdGgtbW9iaWxlJyxcclxuICAgICAgZGF0YTogY29uZmlnLFxyXG4gICAgfSk7XHJcblxyXG4gICAgcmV0dXJuIGRhaWxvZ1JlZi5jb21wb25lbnRJbnN0YW5jZTtcclxuICB9XHJcbn1cclxuIl19

package/esm2020/lib/modals/organize-category-modal/organize-category-modal.component.mjs

@@ -0,0 +1,112 @@
+import { MiaQuery } from '@doroteati/mia-core';
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { Subject } from 'rxjs';
+import { map, tap } from 'rxjs/operators';
+import { moveItemInArray, transferArrayItem, } from '@angular/cdk/drag-drop';
+import { MiaCategory } from '@doroteati/mia-category-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@doroteati/mia-category-core";
+import * as i3 from "../mia-category.modal.service";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/cdk/drag-drop";
+export class MiaOrganizeCategoryModalConfig {
+    constructor() {
+        this.hasNewCategory = true;
+        this.hasEditCategory = true;
+        this.hasRemoveCategory = true;
+        this.fieldCategoryId = 'category_id';
+        this.fieldTitleItem = 'title';
+    }
+}
+export class MiaOrganizeCategoryModalInteraction {
+    constructor() {
+        this.action = '';
+    }
+}
+export class OrganizeCategoryModalComponent {
+    constructor(dialogRef, config, categoryService, categoryModal) {
+        this.dialogRef = dialogRef;
+        this.config = config;
+        this.categoryService = categoryService;
+        this.categoryModal = categoryModal;
+        this.categories = new Array();
+        this.items = new Array();
+        this.isSending = false;
+        this.isLoading = true;
+        this.dropListIds = new Array();
+        this.actions = new Subject();
+    }
+    ngOnInit() {
+        this.actions.next({ action: 'loaded', item: undefined });
+    }
+    onClickSave() {
+        this.actions.next({ action: 'saving', item: this.categories });
+        this.isSending = true;
+    }
+    onClickNewCategory() {
+        let ob;
+        if (this.config.idCategoryDefault) {
+            ob = this.categoryModal.openWithType(new MiaCategory(), this.config.idCategoryDefault);
+        }
+        else {
+            ob = this.categoryModal.open(new MiaCategory());
+        }
+        ob.subscribe((cat) => {
+            if (cat) {
+                this.categories.push(cat);
+            }
+        });
+    }
+    savedSuccess() {
+        this.isSending = false;
+        this.dialogRef.close();
+    }
+    savedFail() {
+        this.isSending = false;
+    }
+    loadItems(items) {
+        this.isLoading = true;
+        this.dropListIds = new Array();
+        this.obCategories()
+            .pipe(tap((res) => (this.categories = res.data)))
+            .pipe(tap((res) => this.categories.map((c) => this.dropListIds.push('drop-category-' + c.id))))
+            .pipe(map((res) => this.categories.map((c) => (c.items = items.filter((i) => i[this.config.fieldCategoryId] == c.id)))))
+            .subscribe((res) => (this.isLoading = false));
+    }
+    obCategories() {
+        let query = new MiaQuery();
+        if (this.config.idCategoryDefault) {
+            query.addWhere('type', this.config.idCategoryDefault);
+        }
+        query.itemPerPage = 1000;
+        return this.categoryService.listOb(query);
+    }
+    drop(event, isParent) {
+        if (isParent) {
+            console.log('Parent');
+        }
+        else {
+            console.log('Child');
+        }
+        if (event.previousContainer === event.container) {
+            console.log('Dentro del mismo Array');
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        else {
+            console.log('Cambio de categoria');
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+        }
+    }
+}
+OrganizeCategoryModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OrganizeCategoryModalComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.MiaCategoryService }, { token: i3.MiaCategoryModalService }], target: i0.ɵɵFactoryTarget.Component });
+OrganizeCategoryModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OrganizeCategoryModalComponent, selector: "mia-organize-category-modal", ngImport: i0, template: "<h5 mat-dialog-title class=\"mat-dialog-title\">Organize</h5>\r\n<button matButton (click)=\"onClickNewCategory()\">+ Add new Category</button>\r\n\r\n<mat-dialog-content>\r\n  <div *ngIf=\"!isLoading\" class=\"content\" cdkDropList [cdkDropListData]=\"categories\" (cdkDropListDropped)=\"drop($event, true)\">\r\n    <div *ngFor=\"let category of categories\" class=\"example-container\" cdkDrag>\r\n        <button cdkDragHandle>+-</button>\r\n        <h2>{{ category.title }}</h2>\r\n      \r\n        <div\r\n          cdkDropList\r\n          id=\"{{ 'drop-category-' + category.id }}\"\r\n          [cdkDropListData]=\"category.items\"\r\n          [cdkDropListConnectedTo]=\"dropListIds\"\r\n          (cdkDropListDropped)=\"drop($event, false)\">\r\n          <div class=\"example-box\" *ngFor=\"let item of category.items\" cdkDrag>\r\n\r\n                <button cdkDragHandle>+</button>\r\n\r\n              {{ item.title }}\r\n            </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</mat-dialog-content>\r\n\r\n<div class=\"mat-dialog-actions\" mat-dialog-actions>\r\n  <button *ngIf=\"!isSending\" mat-stroked-button mat-dialog-close>Cancel</button>\r\n  <button *ngIf=\"!isSending\" mat-raised-button color=\"primary\" (click)=\"onClickSave()\">Save</button>\r\n</div>\r\n\r\n<!-- Example Request -->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OrganizeCategoryModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mia-organize-category-modal', template: "<h5 mat-dialog-title class=\"mat-dialog-title\">Organize</h5>\r\n<button matButton (click)=\"onClickNewCategory()\">+ Add new Category</button>\r\n\r\n<mat-dialog-content>\r\n  <div *ngIf=\"!isLoading\" class=\"content\" cdkDropList [cdkDropListData]=\"categories\" (cdkDropListDropped)=\"drop($event, true)\">\r\n    <div *ngFor=\"let category of categories\" class=\"example-container\" cdkDrag>\r\n        <button cdkDragHandle>+-</button>\r\n        <h2>{{ category.title }}</h2>\r\n      \r\n        <div\r\n          cdkDropList\r\n          id=\"{{ 'drop-category-' + category.id }}\"\r\n          [cdkDropListData]=\"category.items\"\r\n          [cdkDropListConnectedTo]=\"dropListIds\"\r\n          (cdkDropListDropped)=\"drop($event, false)\">\r\n          <div class=\"example-box\" *ngFor=\"let item of category.items\" cdkDrag>\r\n\r\n                <button cdkDragHandle>+</button>\r\n\r\n              {{ item.title }}\r\n            </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</mat-dialog-content>\r\n\r\n<div class=\"mat-dialog-actions\" mat-dialog-actions>\r\n  <button *ngIf=\"!isSending\" mat-stroked-button mat-dialog-close>Cancel</button>\r\n  <button *ngIf=\"!isSending\" mat-raised-button color=\"primary\" (click)=\"onClickSave()\">Save</button>\r\n</div>\r\n\r\n<!-- Example Request -->\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: MiaOrganizeCategoryModalConfig, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i2.MiaCategoryService }, { type: i3.MiaCategoryModalService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3JnYW5pemUtY2F0ZWdvcnktbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZG9yb3RlYXRpL21pYS1jYXRlZ29yeS1lZGl0b3Ivc3JjL2xpYi9tb2RhbHMvb3JnYW5pemUtY2F0ZWdvcnktbW9kYWwvb3JnYW5pemUtY2F0ZWdvcnktbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZG9yb3RlYXRpL21pYS1jYXRlZ29yeS1lZGl0b3Ivc3JjL2xpYi9tb2RhbHMvb3JnYW5pemUtY2F0ZWdvcnktbW9kYWwvb3JnYW5pemUtY2F0ZWdvcnktbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBZ0IsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekUsT0FBTyxFQUFjLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzFDLE9BQU8sRUFFTCxlQUFlLEVBQ2YsaUJBQWlCLEdBQ2xCLE1BQU0sd0JBQXdCLENBQUM7QUFFaEMsT0FBTyxFQUFFLFdBQVcsRUFBc0IsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7OztBQUUvRSxNQUFNLE9BQU8sOEJBQThCO0lBQTNDO1FBQ0UsbUJBQWMsR0FBYSxJQUFJLENBQUM7UUFFaEMsb0JBQWUsR0FBYSxJQUFJLENBQUM7UUFDakMsc0JBQWlCLEdBQWEsSUFBSSxDQUFDO1FBQ25DLG9CQUFlLEdBQVksYUFBYSxDQUFDO1FBQ3pDLG1CQUFjLEdBQVksT0FBTyxDQUFDO0lBQ3BDLENBQUM7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Q0FBQztTQUNIO2FBQU07WUFDTCxPQUFPLENBQUMsR0FBRyxDQUFDLHFCQUFxQixDQUFDLENBQUM7WUFDbkMsaUJBQWlCLENBQ2YsS0FBSyxDQUFDLGlCQUFpQixDQUFDLElBQUksRUFDNUIsS0FBSyxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQ3BCLEtBQUssQ0FBQyxhQUFhLEVBQ25CLEtBQUssQ0FBQyxZQUFZLENBQ25CLENBQUM7U0FDSDtJQUNILENBQUM7OzJIQTlHVSw4QkFBOEIsOENBWS9CLGVBQWU7K0dBWmQsOEJBQThCLG1FQ2pDM0MscXpDQWdDQTsyRkRDYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsNkJBQTZCOzswQkFnQnBDLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1pYVF1ZXJ5IH0gZnJvbSAnQGRvcm90ZWF0aS9taWEtY29yZSc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IG1hcCwgdGFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQge1xyXG4gIENka0RyYWdEcm9wLFxyXG4gIG1vdmVJdGVtSW5BcnJheSxcclxuICB0cmFuc2ZlckFycmF5SXRlbSxcclxufSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuaW1wb3J0IHsgTWlhQ2F0ZWdvcnlNb2RhbFNlcnZpY2UgfSBmcm9tICcuLi9taWEtY2F0ZWdvcnkubW9kYWwuc2VydmljZSc7XHJcbmltcG9ydCB7IE1pYUNhdGVnb3J5LCBNaWFDYXRlZ29yeVNlcnZpY2UgfSBmcm9tICdAZG9yb3RlYXRpL21pYS1jYXRlZ29yeS1jb3JlJztcclxuXHJcbmV4cG9ydCBjbGFzcyBNaWFPcmdhbml6ZUNhdGVnb3J5TW9kYWxDb25maWcge1xyXG4gIGhhc05ld0NhdGVnb3J5PzogYm9vbGVhbiA9IHRydWU7XHJcbiAgaWRDYXRlZ29yeURlZmF1bHQ/OiBudW1iZXI7XHJcbiAgaGFzRWRpdENhdGVnb3J5PzogYm9vbGVhbiA9IHRydWU7XHJcbiAgaGFzUmVtb3ZlQ2F0ZWdvcnk/OiBib29sZWFuID0gdHJ1ZTtcclxuICBmaWVsZENhdGVnb3J5SWQ/OiBzdHJpbmcgPSAnY2F0ZWdvcnlfaWQnO1xyXG4gIGZpZWxkVGl0bGVJdGVtPzogc3RyaW5nID0gJ3RpdGxlJztcclxufVxyXG5cclxuZXhwb3J0IGNsYXNzIE1pYU9yZ2FuaXplQ2F0ZWdvcnlNb2RhbEludGVyYWN0aW9uIHtcclxuICBhY3Rpb246IHN0cmluZyA9ICcnO1xyXG4gIGl0ZW06IGFueTtcclxuICBleHRyYXM/OiBhbnk7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWlhLW9yZ2FuaXplLWNhdGVnb3J5LW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vb3JnYW5pemUtY2F0ZWdvcnktbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL29yZ2FuaXplLWNhdGVnb3J5LW1vZGFsLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE9yZ2FuaXplQ2F0ZWdvcnlNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY2F0ZWdvcmllcyA9IG5ldyBBcnJheTxNaWFDYXRlZ29yeSB8IGFueT4oKTtcclxuICBpdGVtcyA9IG5ldyBBcnJheTxhbnk+KCk7XHJcbiAgaXNTZW5kaW5nID0gZmFsc2U7XHJcbiAgaXNMb2FkaW5nID0gdHJ1ZTtcclxuXHJcbiAgZHJvcExpc3RJZHMgPSBuZXcgQXJyYXk8c3RyaW5nPigpO1xyXG5cclxuICBhY3Rpb25zID0gbmV3IFN1YmplY3Q8TWlhT3JnYW5pemVDYXRlZ29yeU1vZGFsSW50ZXJhY3Rpb24+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJvdGVjdGVkIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPE9yZ2FuaXplQ2F0ZWdvcnlNb2RhbENvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGNvbmZpZzogTWlhT3JnYW5pemVDYXRlZ29yeU1vZGFsQ29uZmlnLFxyXG4gICAgcHJvdGVjdGVkIGNhdGVnb3J5U2VydmljZTogTWlhQ2F0ZWdvcnlTZXJ2aWNlLFxyXG4gICAgcHJvdGVjdGVkIGNhdGVnb3J5TW9kYWw6IE1pYUNhdGVnb3J5TW9kYWxTZXJ2aWNlXHJcbiAgKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYWN0aW9ucy5uZXh0KHsgYWN0aW9uOiAnbG9hZGVkJywgaXRlbTogdW5kZWZpbmVkIH0pO1xyXG4gIH1cclxuXHJcbiAgb25DbGlja1NhdmUoKSB7XHJcbiAgICB0aGlzLmFjdGlvbnMubmV4dCh7IGFjdGlvbjogJ3NhdmluZycsIGl0ZW06IHRoaXMuY2F0ZWdvcmllcyB9KTtcclxuICAgIHRoaXMuaXNTZW5kaW5nID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIG9uQ2xpY2tOZXdDYXRlZ29yeSgpIHtcclxuICAgIGxldCBvYjogT2JzZXJ2YWJsZTxNaWFDYXRlZ29yeT47XHJcbiAgICBpZiAodGhpcy5jb25maWcuaWRDYXRlZ29yeURlZmF1bHQpIHtcclxuICAgICAgb2IgPSB0aGlzLmNhdGVnb3J5TW9kYWwub3BlbldpdGhUeXBlKFxyXG4gICAgICAgIG5ldyBNaWFDYXRlZ29yeSgpLFxyXG4gICAgICAgIHRoaXMuY29uZmlnLmlkQ2F0ZWdvcnlEZWZhdWx0XHJcbiAgICAgICk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBvYiA9IHRoaXMuY2F0ZWdvcnlNb2RhbC5vcGVuKG5ldyBNaWFDYXRlZ29yeSgpKTtcclxuICAgIH1cclxuXHJcbiAgICBvYi5zdWJzY3JpYmUoKGNhdCkgPT4ge1xyXG4gICAgICBpZiAoY2F0KSB7XHJcbiAgICAgICAgdGhpcy5jYXRlZ29yaWVzLnB1c2goY2F0KTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBzYXZlZFN1Y2Nlc3MoKSB7XHJcbiAgICB0aGlzLmlzU2VuZGluZyA9IGZhbHNlO1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcblxyXG4gIHNhdmVkRmFpbCgpIHtcclxuICAgIHRoaXMuaXNTZW5kaW5nID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBsb2FkSXRlbXMoaXRlbXM6IEFycmF5PGFueT4pIHtcclxuICAgIHRoaXMuaXNMb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMuZHJvcExpc3RJZHMgPSBuZXcgQXJyYXk8c3RyaW5nPigpO1xyXG5cclxuICAgIHRoaXMub2JDYXRlZ29yaWVzKClcclxuICAgICAgLnBpcGUodGFwKChyZXMpID0+ICh0aGlzLmNhdGVnb3JpZXMgPSByZXMuZGF0YSkpKVxyXG4gICAgICAucGlwZShcclxuICAgICAgICB0YXAoKHJlcykgPT5cclxuICAgICAgICAgIHRoaXMuY2F0ZWdvcmllcy5tYXAoKGMpID0+XHJcbiAgICAgICAgICAgIHRoaXMuZHJvcExpc3RJZHMucHVzaCgnZHJvcC1jYXRlZ29yeS0nICsgYy5pZClcclxuICAgICAgICAgIClcclxuICAgICAgICApXHJcbiAgICAgIClcclxuICAgICAgLnBpcGUoXHJcbiAgICAgICAgbWFwKChyZXMpID0+XHJcbiAgICAgICAgICB0aGlzLmNhdGVnb3JpZXMubWFwKFxyXG4gICAgICAgICAgICAoYykgPT5cclxuICAgICAgICAgICAgICAoYy5pdGVtcyA9IGl0ZW1zLmZpbHRlcihcclxuICAgICAgICAgICAgICAgIChpKSA9PiBpW3RoaXMuY29uZmlnLmZpZWxkQ2F0ZWdvcnlJZCFdID09IGMuaWRcclxuICAgICAgICAgICAgICApKVxyXG4gICAgICAgICAgKVxyXG4gICAgICAgIClcclxuICAgICAgKVxyXG4gICAgICAuc3Vic2NyaWJlKChyZXMpID0+ICh0aGlzLmlzTG9hZGluZyA9IGZhbHNlKSk7XHJcbiAgfVxyXG5cclxuICBvYkNhdGVnb3JpZXMoKSB7XHJcbiAgICBsZXQgcXVlcnkgPSBuZXcgTWlhUXVlcnkoKTtcclxuICAgIGlmICh0aGlzLmNvbmZpZy5pZENhdGVnb3J5RGVmYXVsdCkge1xyXG4gICAgICBxdWVyeS5hZGRXaGVyZSgndHlwZScsIHRoaXMuY29uZmlnLmlkQ2F0ZWdvcnlEZWZhdWx0KTtcclxuICAgIH1cclxuICAgIHF1ZXJ5Lml0ZW1QZXJQYWdlID0gMTAwMDtcclxuICAgIHJldHVybiB0aGlzLmNhdGVnb3J5U2VydmljZS5saXN0T2IocXVlcnkpO1xyXG4gIH1cclxuXHJcbiAgZHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8YW55W10+LCBpc1BhcmVudDogYm9vbGVhbikge1xyXG4gICAgaWYgKGlzUGFyZW50KSB7XHJcbiAgICAgIGNvbnNvbGUubG9nKCdQYXJlbnQnKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGNvbnNvbGUubG9nKCdDaGlsZCcpO1xyXG4gICAgfVxyXG4gICAgaWYgKGV2ZW50LnByZXZpb3VzQ29udGFpbmVyID09PSBldmVudC5jb250YWluZXIpIHtcclxuICAgICAgY29uc29sZS5sb2coJ0RlbnRybyBkZWwgbWlzbW8gQXJyYXknKTtcclxuICAgICAgbW92ZUl0ZW1JbkFycmF5KFxyXG4gICAgICAgIGV2ZW50LmNvbnRhaW5lci5kYXRhLFxyXG4gICAgICAgIGV2ZW50LnByZXZpb3VzSW5kZXgsXHJcbiAgICAgICAgZXZlbnQuY3VycmVudEluZGV4XHJcbiAgICAgICk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBjb25zb2xlLmxvZygnQ2FtYmlvIGRlIGNhdGVnb3JpYScpO1xyXG4gICAgICB0cmFuc2ZlckFycmF5SXRlbShcclxuICAgICAgICBldmVudC5wcmV2aW91c0NvbnRhaW5lci5kYXRhLFxyXG4gICAgICAgIGV2ZW50LmNvbnRhaW5lci5kYXRhLFxyXG4gICAgICAgIGV2ZW50LnByZXZpb3VzSW5kZXgsXHJcbiAgICAgICAgZXZlbnQuY3VycmVudEluZGV4XHJcbiAgICAgICk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxoNSBtYXQtZGlhbG9nLXRpdGxlIGNsYXNzPVwibWF0LWRpYWxvZy10aXRsZVwiPk9yZ2FuaXplPC9oNT5cclxuPGJ1dHRvbiBtYXRCdXR0b24gKGNsaWNrKT1cIm9uQ2xpY2tOZXdDYXRlZ29yeSgpXCI+KyBBZGQgbmV3IENhdGVnb3J5PC9idXR0b24+XHJcblxyXG48bWF0LWRpYWxvZy1jb250ZW50PlxyXG4gIDxkaXYgKm5nSWY9XCIhaXNMb2FkaW5nXCIgY2xhc3M9XCJjb250ZW50XCIgY2RrRHJvcExpc3QgW2Nka0Ryb3BMaXN0RGF0YV09XCJjYXRlZ29yaWVzXCIgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJkcm9wKCRldmVudCwgdHJ1ZSlcIj5cclxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGNhdGVnb3J5IG9mIGNhdGVnb3JpZXNcIiBjbGFzcz1cImV4YW1wbGUtY29udGFpbmVyXCIgY2RrRHJhZz5cclxuICAgICAgICA8YnV0dG9uIGNka0RyYWdIYW5kbGU+Ky08L2J1dHRvbj5cclxuICAgICAgICA8aDI+e3sgY2F0ZWdvcnkudGl0bGUgfX08L2gyPlxyXG4gICAgICBcclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICBjZGtEcm9wTGlzdFxyXG4gICAgICAgICAgaWQ9XCJ7eyAnZHJvcC1jYXRlZ29yeS0nICsgY2F0ZWdvcnkuaWQgfX1cIlxyXG4gICAgICAgICAgW2Nka0Ryb3BMaXN0RGF0YV09XCJjYXRlZ29yeS5pdGVtc1wiXHJcbiAgICAgICAgICBbY2RrRHJvcExpc3RDb25uZWN0ZWRUb109XCJkcm9wTGlzdElkc1wiXHJcbiAgICAgICAgICAoY2RrRHJvcExpc3REcm9wcGVkKT1cImRyb3AoJGV2ZW50LCBmYWxzZSlcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJleGFtcGxlLWJveFwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGNhdGVnb3J5Lml0ZW1zXCIgY2RrRHJhZz5cclxuXHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNka0RyYWdIYW5kbGU+KzwvYnV0dG9uPlxyXG5cclxuICAgICAgICAgICAgICB7eyBpdGVtLnRpdGxlIH19XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9tYXQtZGlhbG9nLWNvbnRlbnQ+XHJcblxyXG48ZGl2IGNsYXNzPVwibWF0LWRpYWxvZy1hY3Rpb25zXCIgbWF0LWRpYWxvZy1hY3Rpb25zPlxyXG4gIDxidXR0b24gKm5nSWY9XCIhaXNTZW5kaW5nXCIgbWF0LXN0cm9rZWQtYnV0dG9uIG1hdC1kaWFsb2ctY2xvc2U+Q2FuY2VsPC9idXR0b24+XHJcbiAgPGJ1dHRvbiAqbmdJZj1cIiFpc1NlbmRpbmdcIiBtYXQtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwib25DbGlja1NhdmUoKVwiPlNhdmU8L2J1dHRvbj5cclxuPC9kaXY+XHJcblxyXG48IS0tIEV4YW1wbGUgUmVxdWVzdCAtLT5cclxuIl19

package/esm2020/public-api.mjs

@@ -0,0 +1,16 @@
+/*
+ * Public API Surface of mia-category-editor
+ */
+/**
+ * Services
+ */
+export * from './lib/modals/mia-category.modal.service';
+/**
+* Modals
+*/
+export * from './lib/modals/organize-category-modal/organize-category-modal.component';
+/**
+ * Module
+ */
+export * from './lib/mia-category-editor.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2Rvcm90ZWF0aS9taWEtY2F0ZWdvcnktZWRpdG9yL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUg7O0dBRUc7QUFDRixjQUFjLHlDQUF5QyxDQUFDO0FBRXhEOztFQUVFO0FBQ0QsY0FBYyx3RUFBd0UsQ0FBQztBQUV6Rjs7R0FFRztBQUNILGNBQWMsa0NBQWtDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbWlhLWNhdGVnb3J5LWVkaXRvclxyXG4gKi9cclxuXHJcbi8qKlxyXG4gKiBTZXJ2aWNlc1xyXG4gKi9cclxuIGV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFscy9taWEtY2F0ZWdvcnkubW9kYWwuc2VydmljZSc7XHJcblxyXG4gLyoqXHJcbiAqIE1vZGFsc1xyXG4gKi9cclxuICBleHBvcnQgKiBmcm9tICcuL2xpYi9tb2RhbHMvb3JnYW5pemUtY2F0ZWdvcnktbW9kYWwvb3JnYW5pemUtY2F0ZWdvcnktbW9kYWwuY29tcG9uZW50JztcclxuXHJcbi8qKlxyXG4gKiBNb2R1bGVcclxuICovXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21pYS1jYXRlZ29yeS1lZGl0b3IubW9kdWxlJztcclxuIl19

package/fesm2015/doroteati-mia-category-editor.mjs

@@ -0,0 +1,207 @@
+import * as i0 from '@angular/core';
+import { Component, Inject, Injectable, NgModule } from '@angular/core';
+import { MiaQuery } from '@doroteati/mia-core';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { Subject } from 'rxjs';
+import { tap, map } from 'rxjs/operators';
+import * as i5 from '@angular/cdk/drag-drop';
+import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i2 from '@doroteati/mia-category-core';
+import { MiaCategory } from '@doroteati/mia-category-core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { MiaFormModalConfig, MiaFormConfig, MiaField, MiaFormModalComponent } from '@doroteati/mia-form';
+
+class MiaOrganizeCategoryModalConfig {
+    constructor() {
+        this.hasNewCategory = true;
+        this.hasEditCategory = true;
+        this.hasRemoveCategory = true;
+        this.fieldCategoryId = 'category_id';
+        this.fieldTitleItem = 'title';
+    }
+}
+class MiaOrganizeCategoryModalInteraction {
+    constructor() {
+        this.action = '';
+    }
+}
+class OrganizeCategoryModalComponent {
+    constructor(dialogRef, config, categoryService, categoryModal) {
+        this.dialogRef = dialogRef;
+        this.config = config;
+        this.categoryService = categoryService;
+        this.categoryModal = categoryModal;
+        this.categories = new Array();
+        this.items = new Array();
+        this.isSending = false;
+        this.isLoading = true;
+        this.dropListIds = new Array();
+        this.actions = new Subject();
+    }
+    ngOnInit() {
+        this.actions.next({ action: 'loaded', item: undefined });
+    }
+    onClickSave() {
+        this.actions.next({ action: 'saving', item: this.categories });
+        this.isSending = true;
+    }
+    onClickNewCategory() {
+        let ob;
+        if (this.config.idCategoryDefault) {
+            ob = this.categoryModal.openWithType(new MiaCategory(), this.config.idCategoryDefault);
+        }
+        else {
+            ob = this.categoryModal.open(new MiaCategory());
+        }
+        ob.subscribe((cat) => {
+            if (cat) {
+                this.categories.push(cat);
+            }
+        });
+    }
+    savedSuccess() {
+        this.isSending = false;
+        this.dialogRef.close();
+    }
+    savedFail() {
+        this.isSending = false;
+    }
+    loadItems(items) {
+        this.isLoading = true;
+        this.dropListIds = new Array();
+        this.obCategories()
+            .pipe(tap((res) => (this.categories = res.data)))
+            .pipe(tap((res) => this.categories.map((c) => this.dropListIds.push('drop-category-' + c.id))))
+            .pipe(map((res) => this.categories.map((c) => (c.items = items.filter((i) => i[this.config.fieldCategoryId] == c.id)))))
+            .subscribe((res) => (this.isLoading = false));
+    }
+    obCategories() {
+        let query = new MiaQuery();
+        if (this.config.idCategoryDefault) {
+            query.addWhere('type', this.config.idCategoryDefault);
+        }
+        query.itemPerPage = 1000;
+        return this.categoryService.listOb(query);
+    }
+    drop(event, isParent) {
+        if (isParent) {
+            console.log('Parent');
+        }
+        else {
+            console.log('Child');
+        }
+        if (event.previousContainer === event.container) {
+            console.log('Dentro del mismo Array');
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        else {
+            console.log('Cambio de categoria');
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+        }
+    }
+}
+OrganizeCategoryModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OrganizeCategoryModalComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.MiaCategoryService }, { token: MiaCategoryModalService }], target: i0.ɵɵFactoryTarget.Component });
+OrganizeCategoryModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OrganizeCategoryModalComponent, selector: "mia-organize-category-modal", ngImport: i0, template: "<h5 mat-dialog-title class=\"mat-dialog-title\">Organize</h5>\r\n<button matButton (click)=\"onClickNewCategory()\">+ Add new Category</button>\r\n\r\n<mat-dialog-content>\r\n  <div *ngIf=\"!isLoading\" class=\"content\" cdkDropList [cdkDropListData]=\"categories\" (cdkDropListDropped)=\"drop($event, true)\">\r\n    <div *ngFor=\"let category of categories\" class=\"example-container\" cdkDrag>\r\n        <button cdkDragHandle>+-</button>\r\n        <h2>{{ category.title }}</h2>\r\n      \r\n        <div\r\n          cdkDropList\r\n          id=\"{{ 'drop-category-' + category.id }}\"\r\n          [cdkDropListData]=\"category.items\"\r\n          [cdkDropListConnectedTo]=\"dropListIds\"\r\n          (cdkDropListDropped)=\"drop($event, false)\">\r\n          <div class=\"example-box\" *ngFor=\"let item of category.items\" cdkDrag>\r\n\r\n                <button cdkDragHandle>+</button>\r\n\r\n              {{ item.title }}\r\n            </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</mat-dialog-content>\r\n\r\n<div class=\"mat-dialog-actions\" mat-dialog-actions>\r\n  <button *ngIf=\"!isSending\" mat-stroked-button mat-dialog-close>Cancel</button>\r\n  <button *ngIf=\"!isSending\" mat-raised-button color=\"primary\" (click)=\"onClickSave()\">Save</button>\r\n</div>\r\n\r\n<!-- Example Request -->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OrganizeCategoryModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mia-organize-category-modal', template: "<h5 mat-dialog-title class=\"mat-dialog-title\">Organize</h5>\r\n<button matButton (click)=\"onClickNewCategory()\">+ Add new Category</button>\r\n\r\n<mat-dialog-content>\r\n  <div *ngIf=\"!isLoading\" class=\"content\" cdkDropList [cdkDropListData]=\"categories\" (cdkDropListDropped)=\"drop($event, true)\">\r\n    <div *ngFor=\"let category of categories\" class=\"example-container\" cdkDrag>\r\n        <button cdkDragHandle>+-</button>\r\n        <h2>{{ category.title }}</h2>\r\n      \r\n        <div\r\n          cdkDropList\r\n          id=\"{{ 'drop-category-' + category.id }}\"\r\n          [cdkDropListData]=\"category.items\"\r\n          [cdkDropListConnectedTo]=\"dropListIds\"\r\n          (cdkDropListDropped)=\"drop($event, false)\">\r\n          <div class=\"example-box\" *ngFor=\"let item of category.items\" cdkDrag>\r\n\r\n                <button cdkDragHandle>+</button>\r\n\r\n              {{ item.title }}\r\n            </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</mat-dialog-content>\r\n\r\n<div class=\"mat-dialog-actions\" mat-dialog-actions>\r\n  <button *ngIf=\"!isSending\" mat-stroked-button mat-dialog-close>Cancel</button>\r\n  <button *ngIf=\"!isSending\" mat-raised-button color=\"primary\" (click)=\"onClickSave()\">Save</button>\r\n</div>\r\n\r\n<!-- Example Request -->\r\n" }]
+        }], ctorParameters: function () {
+        return [{ type: i1.MatDialogRef }, { type: MiaOrganizeCategoryModalConfig, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: i2.MiaCategoryService }, { type: MiaCategoryModalService }];
+    } });
+
+class MiaCategoryModalService {
+    constructor(categoryService, dialog) {
+        this.categoryService = categoryService;
+        this.dialog = dialog;
+    }
+    open(category) {
+        let data = new MiaFormModalConfig();
+        data.item = category;
+        data.service = this.categoryService;
+        data.titleNew = 'New Category';
+        data.titleEdit = 'Edit Category';
+        let config = new MiaFormConfig();
+        config.hasSubmit = false;
+        config.fields = [
+            { key: 'title', type: MiaField.TYPE_STRING, label: 'Name Category' },
+        ];
+        config.errorMessages = [
+            { key: 'required', message: 'The "%label%" is required.' },
+        ];
+        data.config = config;
+        return this.dialog
+            .open(MiaFormModalComponent, {
+            width: '520px',
+            panelClass: 'modal-full-width-mobile',
+            data: data,
+        })
+            .afterClosed();
+    }
+    openWithType(category, type) {
+        category.type = type;
+        return this.open(category);
+    }
+    openOrganize(typeOfCategory) {
+        let config = new MiaOrganizeCategoryModalConfig();
+        config.idCategoryDefault = typeOfCategory;
+        return this.openOrganizeWithConfig(config);
+    }
+    openOrganizeWithConfig(config) {
+        let dailogRef = this.dialog.open(OrganizeCategoryModalComponent, {
+            width: '520px',
+            panelClass: 'modal-full-width-mobile',
+            data: config,
+        });
+        return dailogRef.componentInstance;
+    }
+}
+MiaCategoryModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryModalService, deps: [{ token: i2.MiaCategoryService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+MiaCategoryModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryModalService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i2.MiaCategoryService }, { type: i1.MatDialog }]; } });
+
+class MiaCategoryEditorModule {
+}
+MiaCategoryEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MiaCategoryEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, declarations: [OrganizeCategoryModalComponent], imports: [CommonModule,
+        MatDialogModule,
+        DragDropModule], exports: [OrganizeCategoryModalComponent] });
+MiaCategoryEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, imports: [CommonModule,
+        MatDialogModule,
+        DragDropModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        OrganizeCategoryModalComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatDialogModule,
+                        DragDropModule
+                    ],
+                    exports: [
+                        OrganizeCategoryModalComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of mia-category-editor
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MiaCategoryEditorModule, MiaCategoryModalService, MiaOrganizeCategoryModalConfig, MiaOrganizeCategoryModalInteraction, OrganizeCategoryModalComponent };
+//# sourceMappingURL=doroteati-mia-category-editor.mjs.map

package/fesm2015/doroteati-mia-category-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"doroteati-mia-category-editor.mjs","sources":["../../../../projects/doroteati/mia-category-editor/src/lib/modals/organize-category-modal/organize-category-modal.component.ts","../../../../projects/doroteati/mia-category-editor/src/lib/modals/organize-category-modal/organize-category-modal.component.html","../../../../projects/doroteati/mia-category-editor/src/lib/modals/mia-category.modal.service.ts","../../../../projects/doroteati/mia-category-editor/src/lib/mia-category-editor.module.ts","../../../../projects/doroteati/mia-category-editor/src/public-api.ts","../../../../projects/doroteati/mia-category-editor/src/doroteati-mia-category-editor.ts"],"sourcesContent":["import { MiaQuery } from '@doroteati/mia-core';\r\nimport { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { map, tap } from 'rxjs/operators';\r\nimport {\r\n  CdkDragDrop,\r\n  moveItemInArray,\r\n  transferArrayItem,\r\n} from '@angular/cdk/drag-drop';\r\nimport { MiaCategoryModalService } from '../mia-category.modal.service';\r\nimport { MiaCategory, MiaCategoryService } from '@doroteati/mia-category-core';\r\n\r\nexport class MiaOrganizeCategoryModalConfig {\r\n  hasNewCategory?: boolean = true;\r\n  idCategoryDefault?: number;\r\n  hasEditCategory?: boolean = true;\r\n  hasRemoveCategory?: boolean = true;\r\n  fieldCategoryId?: string = 'category_id';\r\n  fieldTitleItem?: string = 'title';\r\n}\r\n\r\nexport class MiaOrganizeCategoryModalInteraction {\r\n  action: string = '';\r\n  item: any;\r\n  extras?: any;\r\n}\r\n\r\n@Component({\r\n  selector: 'mia-organize-category-modal',\r\n  templateUrl: './organize-category-modal.component.html',\r\n  styleUrls: ['./organize-category-modal.component.css'],\r\n})\r\nexport class OrganizeCategoryModalComponent implements OnInit {\r\n  categories = new Array<MiaCategory | any>();\r\n  items = new Array<any>();\r\n  isSending = false;\r\n  isLoading = true;\r\n\r\n  dropListIds = new Array<string>();\r\n\r\n  actions = new Subject<MiaOrganizeCategoryModalInteraction>();\r\n\r\n  constructor(\r\n    protected dialogRef: MatDialogRef<OrganizeCategoryModalComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public config: MiaOrganizeCategoryModalConfig,\r\n    protected categoryService: MiaCategoryService,\r\n    protected categoryModal: MiaCategoryModalService\r\n  ) {}\r\n\r\n  ngOnInit(): void {\r\n    this.actions.next({ action: 'loaded', item: undefined });\r\n  }\r\n\r\n  onClickSave() {\r\n    this.actions.next({ action: 'saving', item: this.categories });\r\n    this.isSending = true;\r\n  }\r\n\r\n  onClickNewCategory() {\r\n    let ob: Observable<MiaCategory>;\r\n    if (this.config.idCategoryDefault) {\r\n      ob = this.categoryModal.openWithType(\r\n        new MiaCategory(),\r\n        this.config.idCategoryDefault\r\n      );\r\n    } else {\r\n      ob = this.categoryModal.open(new MiaCategory());\r\n    }\r\n\r\n    ob.subscribe((cat) => {\r\n      if (cat) {\r\n        this.categories.push(cat);\r\n      }\r\n    });\r\n  }\r\n\r\n  savedSuccess() {\r\n    this.isSending = false;\r\n    this.dialogRef.close();\r\n  }\r\n\r\n  savedFail() {\r\n    this.isSending = false;\r\n  }\r\n\r\n  loadItems(items: Array<any>) {\r\n    this.isLoading = true;\r\n    this.dropListIds = new Array<string>();\r\n\r\n    this.obCategories()\r\n      .pipe(tap((res) => (this.categories = res.data)))\r\n      .pipe(\r\n        tap((res) =>\r\n          this.categories.map((c) =>\r\n            this.dropListIds.push('drop-category-' + c.id)\r\n          )\r\n        )\r\n      )\r\n      .pipe(\r\n        map((res) =>\r\n          this.categories.map(\r\n            (c) =>\r\n              (c.items = items.filter(\r\n                (i) => i[this.config.fieldCategoryId!] == c.id\r\n              ))\r\n          )\r\n        )\r\n      )\r\n      .subscribe((res) => (this.isLoading = false));\r\n  }\r\n\r\n  obCategories() {\r\n    let query = new MiaQuery();\r\n    if (this.config.idCategoryDefault) {\r\n      query.addWhere('type', this.config.idCategoryDefault);\r\n    }\r\n    query.itemPerPage = 1000;\r\n    return this.categoryService.listOb(query);\r\n  }\r\n\r\n  drop(event: CdkDragDrop<any[]>, isParent: boolean) {\r\n    if (isParent) {\r\n      console.log('Parent');\r\n    } else {\r\n      console.log('Child');\r\n    }\r\n    if (event.previousContainer === event.container) {\r\n      console.log('Dentro del mismo Array');\r\n      moveItemInArray(\r\n        event.container.data,\r\n        event.previousIndex,\r\n        event.currentIndex\r\n      );\r\n    } else {\r\n      console.log('Cambio de categoria');\r\n      transferArrayItem(\r\n        event.previousContainer.data,\r\n        event.container.data,\r\n        event.previousIndex,\r\n        event.currentIndex\r\n      );\r\n    }\r\n  }\r\n}\r\n","<h5 mat-dialog-title class=\"mat-dialog-title\">Organize</h5>\r\n<button matButton (click)=\"onClickNewCategory()\">+ Add new Category</button>\r\n\r\n<mat-dialog-content>\r\n  <div *ngIf=\"!isLoading\" class=\"content\" cdkDropList [cdkDropListData]=\"categories\" (cdkDropListDropped)=\"drop($event, true)\">\r\n    <div *ngFor=\"let category of categories\" class=\"example-container\" cdkDrag>\r\n        <button cdkDragHandle>+-</button>\r\n        <h2>{{ category.title }}</h2>\r\n      \r\n        <div\r\n          cdkDropList\r\n          id=\"{{ 'drop-category-' + category.id }}\"\r\n          [cdkDropListData]=\"category.items\"\r\n          [cdkDropListConnectedTo]=\"dropListIds\"\r\n          (cdkDropListDropped)=\"drop($event, false)\">\r\n          <div class=\"example-box\" *ngFor=\"let item of category.items\" cdkDrag>\r\n\r\n                <button cdkDragHandle>+</button>\r\n\r\n              {{ item.title }}\r\n            </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</mat-dialog-content>\r\n\r\n<div class=\"mat-dialog-actions\" mat-dialog-actions>\r\n  <button *ngIf=\"!isSending\" mat-stroked-button mat-dialog-close>Cancel</button>\r\n  <button *ngIf=\"!isSending\" mat-raised-button color=\"primary\" (click)=\"onClickSave()\">Save</button>\r\n</div>\r\n\r\n<!-- Example Request -->\r\n","import { Injectable } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport {\r\n  MiaOrganizeCategoryModalConfig,\r\n  OrganizeCategoryModalComponent,\r\n} from './organize-category-modal/organize-category-modal.component';\r\nimport { MiaCategory, MiaCategoryService } from '@doroteati/mia-category-core';\r\nimport {\r\n  MiaField,\r\n  MiaFormConfig,\r\n  MiaFormModalComponent,\r\n  MiaFormModalConfig,\r\n} from '@doroteati/mia-form';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class MiaCategoryModalService {\r\n  constructor(\r\n    protected categoryService: MiaCategoryService,\r\n    protected dialog: MatDialog\r\n  ) {}\r\n\r\n  open(category: MiaCategory) {\r\n    let data = new MiaFormModalConfig();\r\n    data.item = category;\r\n    data.service = this.categoryService;\r\n    data.titleNew = 'New Category';\r\n    data.titleEdit = 'Edit Category';\r\n\r\n    let config = new MiaFormConfig();\r\n    config.hasSubmit = false;\r\n    config.fields = [\r\n      { key: 'title', type: MiaField.TYPE_STRING, label: 'Name Category' },\r\n    ];\r\n    config.errorMessages = [\r\n      { key: 'required', message: 'The \"%label%\" is required.' },\r\n    ];\r\n    data.config = config;\r\n    return this.dialog\r\n      .open(MiaFormModalComponent, {\r\n        width: '520px',\r\n        panelClass: 'modal-full-width-mobile',\r\n        data: data,\r\n      })\r\n      .afterClosed();\r\n  }\r\n\r\n  openWithType(category: MiaCategory, type: number) {\r\n    category.type = type;\r\n    return this.open(category);\r\n  }\r\n\r\n  openOrganize(typeOfCategory: number): OrganizeCategoryModalComponent {\r\n    let config = new MiaOrganizeCategoryModalConfig();\r\n    config.idCategoryDefault = typeOfCategory;\r\n    return this.openOrganizeWithConfig(config);\r\n  }\r\n\r\n  openOrganizeWithConfig(\r\n    config: MiaOrganizeCategoryModalConfig\r\n  ): OrganizeCategoryModalComponent {\r\n    let dailogRef = this.dialog.open(OrganizeCategoryModalComponent, {\r\n      width: '520px',\r\n      panelClass: 'modal-full-width-mobile',\r\n      data: config,\r\n    });\r\n\r\n    return dailogRef.componentInstance;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n// Angular Material\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\n\r\n// Modals\r\nimport { OrganizeCategoryModalComponent } from './modals/organize-category-modal/organize-category-modal.component';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    OrganizeCategoryModalComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    DragDropModule\r\n  ],\r\n  exports: [\r\n    OrganizeCategoryModalComponent\r\n  ]\r\n})\r\nexport class MiaCategoryEditorModule { }\r\n","/*\r\n * Public API Surface of mia-category-editor\r\n */\r\n\r\n/**\r\n * Services\r\n */\r\n export * from './lib/modals/mia-category.modal.service';\r\n\r\n /**\r\n * Modals\r\n */\r\n  export * from './lib/modals/organize-category-modal/organize-category-modal.component';\r\n\r\n/**\r\n * Module\r\n */\r\nexport * from './lib/mia-category-editor.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3.MiaCategoryModalService","i1","i2"],"mappings":";;;;;;;;;;;;;;;MAaa,8BAA8B,CAAA;AAA3C,IAAA,WAAA,GAAA;AACE,QAAA,IAAc,CAAA,cAAA,GAAa,IAAI,CAAC;AAEhC,QAAA,IAAe,CAAA,eAAA,GAAa,IAAI,CAAC;AACjC,QAAA,IAAiB,CAAA,iBAAA,GAAa,IAAI,CAAC;AACnC,QAAA,IAAe,CAAA,eAAA,GAAY,aAAa,CAAC;AACzC,QAAA,IAAc,CAAA,cAAA,GAAY,OAAO,CAAC;KACnC;AAAA,CAAA;MAEY,mCAAmC,CAAA;AAAhD,IAAA,WAAA,GAAA;AACE,QAAA,IAAM,CAAA,MAAA,GAAW,EAAE,CAAC;KAGrB;AAAA,CAAA;MAOY,8BAA8B,CAAA;AAUzC,IAAA,WAAA,CACY,SAAuD,EACjC,MAAsC,EAC5D,eAAmC,EACnC,aAAsC,EAAA;AAHtC,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAA8C;AACjC,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAgC;AAC5D,QAAA,IAAe,CAAA,eAAA,GAAf,eAAe,CAAoB;AACnC,QAAA,IAAa,CAAA,aAAA,GAAb,aAAa,CAAyB;AAblD,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,KAAK,EAAqB,CAAC;AAC5C,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,KAAK,EAAO,CAAC;AACzB,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAClB,QAAA,IAAS,CAAA,SAAA,GAAG,IAAI,CAAC;AAEjB,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,KAAK,EAAU,CAAC;AAElC,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,OAAO,EAAuC,CAAC;KAOzD;IAEJ,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;KAC1D;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;AAC/D,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KACvB;IAED,kBAAkB,GAAA;AAChB,QAAA,IAAI,EAA2B,CAAC;AAChC,QAAA,IAAI,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;AACjC,YAAA,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAClC,IAAI,WAAW,EAAE,EACjB,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAC9B,CAAC;AACH,SAAA;AAAM,aAAA;YACL,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC;AACjD,SAAA;AAED,QAAA,EAAE,CAAC,SAAS,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,IAAI,GAAG,EAAE;AACP,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;IAED,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;IAED,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KACxB;AAED,IAAA,SAAS,CAAC,KAAiB,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,KAAK,EAAU,CAAC;QAEvC,IAAI,CAAC,YAAY,EAAE;AAChB,aAAA,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;AAChD,aAAA,IAAI,CACH,GAAG,CAAC,CAAC,GAAG,KACN,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,KACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,CAC/C,CACF,CACF;aACA,IAAI,CACH,GAAG,CAAC,CAAC,GAAG,KACN,IAAI,CAAC,UAAU,CAAC,GAAG,CACjB,CAAC,CAAC,MACC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CACrB,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,eAAgB,CAAC,IAAI,CAAC,CAAC,EAAE,CAC/C,CAAC,CACL,CACF,CACF;AACA,aAAA,SAAS,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC;KACjD;IAED,YAAY,GAAA;AACV,QAAA,IAAI,KAAK,GAAG,IAAI,QAAQ,EAAE,CAAC;AAC3B,QAAA,IAAI,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;YACjC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACvD,SAAA;AACD,QAAA,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;QACzB,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC3C;IAED,IAAI,CAAC,KAAyB,EAAE,QAAiB,EAAA;AAC/C,QAAA,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACvB,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACtB,SAAA;AACD,QAAA,IAAI,KAAK,CAAC,iBAAiB,KAAK,KAAK,CAAC,SAAS,EAAE;AAC/C,YAAA,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;AACtC,YAAA,eAAe,CACb,KAAK,CAAC,SAAS,CAAC,IAAI,EACpB,KAAK,CAAC,aAAa,EACnB,KAAK,CAAC,YAAY,CACnB,CAAC;AACH,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;YACnC,iBAAiB,CACf,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAC5B,KAAK,CAAC,SAAS,CAAC,IAAI,EACpB,KAAK,CAAC,aAAa,EACnB,KAAK,CAAC,YAAY,CACnB,CAAC;AACH,SAAA;KACF;;AA9GU,8BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8BAA8B,8CAY/B,eAAe,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,uBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAZd,8BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,mECjC3C,qzCAgCA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,kBAAA,EAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDCa,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAL1C,SAAS;+BACE,6BAA6B,EAAA,QAAA,EAAA,qzCAAA,EAAA,CAAA;;;8BAgBpC,MAAM;+BAAC,eAAe,CAAA;;;;ME5Bd,uBAAuB,CAAA;IAClC,WACY,CAAA,eAAmC,EACnC,MAAiB,EAAA;AADjB,QAAA,IAAe,CAAA,eAAA,GAAf,eAAe,CAAoB;AACnC,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAW;KACzB;AAEJ,IAAA,IAAI,CAAC,QAAqB,EAAA;AACxB,QAAA,IAAI,IAAI,GAAG,IAAI,kBAAkB,EAAE,CAAC;AACpC,QAAA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AACrB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;AACpC,QAAA,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC;AAC/B,QAAA,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC;AAEjC,QAAA,IAAI,MAAM,GAAG,IAAI,aAAa,EAAE,CAAC;AACjC,QAAA,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,MAAM,CAAC,MAAM,GAAG;AACd,YAAA,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE;SACrE,CAAC;QACF,MAAM,CAAC,aAAa,GAAG;AACrB,YAAA,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,4BAA4B,EAAE;SAC3D,CAAC;AACF,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,OAAO,IAAI,CAAC,MAAM;aACf,IAAI,CAAC,qBAAqB,EAAE;AAC3B,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,UAAU,EAAE,yBAAyB;AACrC,YAAA,IAAI,EAAE,IAAI;SACX,CAAC;AACD,aAAA,WAAW,EAAE,CAAC;KAClB;IAED,YAAY,CAAC,QAAqB,EAAE,IAAY,EAAA;AAC9C,QAAA,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AACrB,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC5B;AAED,IAAA,YAAY,CAAC,cAAsB,EAAA;AACjC,QAAA,IAAI,MAAM,GAAG,IAAI,8BAA8B,EAAE,CAAC;AAClD,QAAA,MAAM,CAAC,iBAAiB,GAAG,cAAc,CAAC;AAC1C,QAAA,OAAO,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;KAC5C;AAED,IAAA,sBAAsB,CACpB,MAAsC,EAAA;QAEtC,IAAI,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,8BAA8B,EAAE;AAC/D,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,UAAU,EAAE,yBAAyB;AACrC,YAAA,IAAI,EAAE,MAAM;AACb,SAAA,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC,iBAAiB,CAAC;KACpC;;oHApDU,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,EAAA,CAAA,kBAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cAFtB,MAAM,EAAA,CAAA,CAAA;2FAEP,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;iBACnB,CAAA;;;MCSY,uBAAuB,CAAA;;oHAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qHAAvB,uBAAuB,EAAA,YAAA,EAAA,CAXhC,8BAA8B,CAAA,EAAA,OAAA,EAAA,CAG9B,YAAY;QACZ,eAAe;QACf,cAAc,aAGd,8BAA8B,CAAA,EAAA,CAAA,CAAA;AAGrB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YARhC,YAAY;QACZ,eAAe;QACf,cAAc,CAAA,EAAA,CAAA,CAAA;2FAML,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAbnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,8BAA8B;AAC/B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,eAAe;wBACf,cAAc;AACf,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,8BAA8B;AAC/B,qBAAA;iBACF,CAAA;;;ACxBD;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2020/doroteati-mia-category-editor.mjs

@@ -0,0 +1,205 @@
+import * as i0 from '@angular/core';
+import { Component, Inject, Injectable, NgModule } from '@angular/core';
+import { MiaQuery } from '@doroteati/mia-core';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { Subject } from 'rxjs';
+import { tap, map } from 'rxjs/operators';
+import * as i5 from '@angular/cdk/drag-drop';
+import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i2 from '@doroteati/mia-category-core';
+import { MiaCategory } from '@doroteati/mia-category-core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { MiaFormModalConfig, MiaFormConfig, MiaField, MiaFormModalComponent } from '@doroteati/mia-form';
+
+class MiaOrganizeCategoryModalConfig {
+    constructor() {
+        this.hasNewCategory = true;
+        this.hasEditCategory = true;
+        this.hasRemoveCategory = true;
+        this.fieldCategoryId = 'category_id';
+        this.fieldTitleItem = 'title';
+    }
+}
+class MiaOrganizeCategoryModalInteraction {
+    constructor() {
+        this.action = '';
+    }
+}
+class OrganizeCategoryModalComponent {
+    constructor(dialogRef, config, categoryService, categoryModal) {
+        this.dialogRef = dialogRef;
+        this.config = config;
+        this.categoryService = categoryService;
+        this.categoryModal = categoryModal;
+        this.categories = new Array();
+        this.items = new Array();
+        this.isSending = false;
+        this.isLoading = true;
+        this.dropListIds = new Array();
+        this.actions = new Subject();
+    }
+    ngOnInit() {
+        this.actions.next({ action: 'loaded', item: undefined });
+    }
+    onClickSave() {
+        this.actions.next({ action: 'saving', item: this.categories });
+        this.isSending = true;
+    }
+    onClickNewCategory() {
+        let ob;
+        if (this.config.idCategoryDefault) {
+            ob = this.categoryModal.openWithType(new MiaCategory(), this.config.idCategoryDefault);
+        }
+        else {
+            ob = this.categoryModal.open(new MiaCategory());
+        }
+        ob.subscribe((cat) => {
+            if (cat) {
+                this.categories.push(cat);
+            }
+        });
+    }
+    savedSuccess() {
+        this.isSending = false;
+        this.dialogRef.close();
+    }
+    savedFail() {
+        this.isSending = false;
+    }
+    loadItems(items) {
+        this.isLoading = true;
+        this.dropListIds = new Array();
+        this.obCategories()
+            .pipe(tap((res) => (this.categories = res.data)))
+            .pipe(tap((res) => this.categories.map((c) => this.dropListIds.push('drop-category-' + c.id))))
+            .pipe(map((res) => this.categories.map((c) => (c.items = items.filter((i) => i[this.config.fieldCategoryId] == c.id)))))
+            .subscribe((res) => (this.isLoading = false));
+    }
+    obCategories() {
+        let query = new MiaQuery();
+        if (this.config.idCategoryDefault) {
+            query.addWhere('type', this.config.idCategoryDefault);
+        }
+        query.itemPerPage = 1000;
+        return this.categoryService.listOb(query);
+    }
+    drop(event, isParent) {
+        if (isParent) {
+            console.log('Parent');
+        }
+        else {
+            console.log('Child');
+        }
+        if (event.previousContainer === event.container) {
+            console.log('Dentro del mismo Array');
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        else {
+            console.log('Cambio de categoria');
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+        }
+    }
+}
+OrganizeCategoryModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OrganizeCategoryModalComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.MiaCategoryService }, { token: MiaCategoryModalService }], target: i0.ɵɵFactoryTarget.Component });
+OrganizeCategoryModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OrganizeCategoryModalComponent, selector: "mia-organize-category-modal", ngImport: i0, template: "<h5 mat-dialog-title class=\"mat-dialog-title\">Organize</h5>\r\n<button matButton (click)=\"onClickNewCategory()\">+ Add new Category</button>\r\n\r\n<mat-dialog-content>\r\n  <div *ngIf=\"!isLoading\" class=\"content\" cdkDropList [cdkDropListData]=\"categories\" (cdkDropListDropped)=\"drop($event, true)\">\r\n    <div *ngFor=\"let category of categories\" class=\"example-container\" cdkDrag>\r\n        <button cdkDragHandle>+-</button>\r\n        <h2>{{ category.title }}</h2>\r\n      \r\n        <div\r\n          cdkDropList\r\n          id=\"{{ 'drop-category-' + category.id }}\"\r\n          [cdkDropListData]=\"category.items\"\r\n          [cdkDropListConnectedTo]=\"dropListIds\"\r\n          (cdkDropListDropped)=\"drop($event, false)\">\r\n          <div class=\"example-box\" *ngFor=\"let item of category.items\" cdkDrag>\r\n\r\n                <button cdkDragHandle>+</button>\r\n\r\n              {{ item.title }}\r\n            </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</mat-dialog-content>\r\n\r\n<div class=\"mat-dialog-actions\" mat-dialog-actions>\r\n  <button *ngIf=\"!isSending\" mat-stroked-button mat-dialog-close>Cancel</button>\r\n  <button *ngIf=\"!isSending\" mat-raised-button color=\"primary\" (click)=\"onClickSave()\">Save</button>\r\n</div>\r\n\r\n<!-- Example Request -->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OrganizeCategoryModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mia-organize-category-modal', template: "<h5 mat-dialog-title class=\"mat-dialog-title\">Organize</h5>\r\n<button matButton (click)=\"onClickNewCategory()\">+ Add new Category</button>\r\n\r\n<mat-dialog-content>\r\n  <div *ngIf=\"!isLoading\" class=\"content\" cdkDropList [cdkDropListData]=\"categories\" (cdkDropListDropped)=\"drop($event, true)\">\r\n    <div *ngFor=\"let category of categories\" class=\"example-container\" cdkDrag>\r\n        <button cdkDragHandle>+-</button>\r\n        <h2>{{ category.title }}</h2>\r\n      \r\n        <div\r\n          cdkDropList\r\n          id=\"{{ 'drop-category-' + category.id }}\"\r\n          [cdkDropListData]=\"category.items\"\r\n          [cdkDropListConnectedTo]=\"dropListIds\"\r\n          (cdkDropListDropped)=\"drop($event, false)\">\r\n          <div class=\"example-box\" *ngFor=\"let item of category.items\" cdkDrag>\r\n\r\n                <button cdkDragHandle>+</button>\r\n\r\n              {{ item.title }}\r\n            </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</mat-dialog-content>\r\n\r\n<div class=\"mat-dialog-actions\" mat-dialog-actions>\r\n  <button *ngIf=\"!isSending\" mat-stroked-button mat-dialog-close>Cancel</button>\r\n  <button *ngIf=\"!isSending\" mat-raised-button color=\"primary\" (click)=\"onClickSave()\">Save</button>\r\n</div>\r\n\r\n<!-- Example Request -->\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: MiaOrganizeCategoryModalConfig, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i2.MiaCategoryService }, { type: MiaCategoryModalService }]; } });
+
+class MiaCategoryModalService {
+    constructor(categoryService, dialog) {
+        this.categoryService = categoryService;
+        this.dialog = dialog;
+    }
+    open(category) {
+        let data = new MiaFormModalConfig();
+        data.item = category;
+        data.service = this.categoryService;
+        data.titleNew = 'New Category';
+        data.titleEdit = 'Edit Category';
+        let config = new MiaFormConfig();
+        config.hasSubmit = false;
+        config.fields = [
+            { key: 'title', type: MiaField.TYPE_STRING, label: 'Name Category' },
+        ];
+        config.errorMessages = [
+            { key: 'required', message: 'The "%label%" is required.' },
+        ];
+        data.config = config;
+        return this.dialog
+            .open(MiaFormModalComponent, {
+            width: '520px',
+            panelClass: 'modal-full-width-mobile',
+            data: data,
+        })
+            .afterClosed();
+    }
+    openWithType(category, type) {
+        category.type = type;
+        return this.open(category);
+    }
+    openOrganize(typeOfCategory) {
+        let config = new MiaOrganizeCategoryModalConfig();
+        config.idCategoryDefault = typeOfCategory;
+        return this.openOrganizeWithConfig(config);
+    }
+    openOrganizeWithConfig(config) {
+        let dailogRef = this.dialog.open(OrganizeCategoryModalComponent, {
+            width: '520px',
+            panelClass: 'modal-full-width-mobile',
+            data: config,
+        });
+        return dailogRef.componentInstance;
+    }
+}
+MiaCategoryModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryModalService, deps: [{ token: i2.MiaCategoryService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+MiaCategoryModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryModalService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i2.MiaCategoryService }, { type: i1.MatDialog }]; } });
+
+class MiaCategoryEditorModule {
+}
+MiaCategoryEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MiaCategoryEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, declarations: [OrganizeCategoryModalComponent], imports: [CommonModule,
+        MatDialogModule,
+        DragDropModule], exports: [OrganizeCategoryModalComponent] });
+MiaCategoryEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, imports: [CommonModule,
+        MatDialogModule,
+        DragDropModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MiaCategoryEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        OrganizeCategoryModalComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatDialogModule,
+                        DragDropModule
+                    ],
+                    exports: [
+                        OrganizeCategoryModalComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of mia-category-editor
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MiaCategoryEditorModule, MiaCategoryModalService, MiaOrganizeCategoryModalConfig, MiaOrganizeCategoryModalInteraction, OrganizeCategoryModalComponent };
+//# sourceMappingURL=doroteati-mia-category-editor.mjs.map

package/fesm2020/doroteati-mia-category-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"doroteati-mia-category-editor.mjs","sources":["../../../../projects/doroteati/mia-category-editor/src/lib/modals/organize-category-modal/organize-category-modal.component.ts","../../../../projects/doroteati/mia-category-editor/src/lib/modals/organize-category-modal/organize-category-modal.component.html","../../../../projects/doroteati/mia-category-editor/src/lib/modals/mia-category.modal.service.ts","../../../../projects/doroteati/mia-category-editor/src/lib/mia-category-editor.module.ts","../../../../projects/doroteati/mia-category-editor/src/public-api.ts","../../../../projects/doroteati/mia-category-editor/src/doroteati-mia-category-editor.ts"],"sourcesContent":["import { MiaQuery } from '@doroteati/mia-core';\r\nimport { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { map, tap } from 'rxjs/operators';\r\nimport {\r\n  CdkDragDrop,\r\n  moveItemInArray,\r\n  transferArrayItem,\r\n} from '@angular/cdk/drag-drop';\r\nimport { MiaCategoryModalService } from '../mia-category.modal.service';\r\nimport { MiaCategory, MiaCategoryService } from '@doroteati/mia-category-core';\r\n\r\nexport class MiaOrganizeCategoryModalConfig {\r\n  hasNewCategory?: boolean = true;\r\n  idCategoryDefault?: number;\r\n  hasEditCategory?: boolean = true;\r\n  hasRemoveCategory?: boolean = true;\r\n  fieldCategoryId?: string = 'category_id';\r\n  fieldTitleItem?: string = 'title';\r\n}\r\n\r\nexport class MiaOrganizeCategoryModalInteraction {\r\n  action: string = '';\r\n  item: any;\r\n  extras?: any;\r\n}\r\n\r\n@Component({\r\n  selector: 'mia-organize-category-modal',\r\n  templateUrl: './organize-category-modal.component.html',\r\n  styleUrls: ['./organize-category-modal.component.css'],\r\n})\r\nexport class OrganizeCategoryModalComponent implements OnInit {\r\n  categories = new Array<MiaCategory | any>();\r\n  items = new Array<any>();\r\n  isSending = false;\r\n  isLoading = true;\r\n\r\n  dropListIds = new Array<string>();\r\n\r\n  actions = new Subject<MiaOrganizeCategoryModalInteraction>();\r\n\r\n  constructor(\r\n    protected dialogRef: MatDialogRef<OrganizeCategoryModalComponent>,\r\n    @Inject(MAT_DIALOG_DATA) public config: MiaOrganizeCategoryModalConfig,\r\n    protected categoryService: MiaCategoryService,\r\n    protected categoryModal: MiaCategoryModalService\r\n  ) {}\r\n\r\n  ngOnInit(): void {\r\n    this.actions.next({ action: 'loaded', item: undefined });\r\n  }\r\n\r\n  onClickSave() {\r\n    this.actions.next({ action: 'saving', item: this.categories });\r\n    this.isSending = true;\r\n  }\r\n\r\n  onClickNewCategory() {\r\n    let ob: Observable<MiaCategory>;\r\n    if (this.config.idCategoryDefault) {\r\n      ob = this.categoryModal.openWithType(\r\n        new MiaCategory(),\r\n        this.config.idCategoryDefault\r\n      );\r\n    } else {\r\n      ob = this.categoryModal.open(new MiaCategory());\r\n    }\r\n\r\n    ob.subscribe((cat) => {\r\n      if (cat) {\r\n        this.categories.push(cat);\r\n      }\r\n    });\r\n  }\r\n\r\n  savedSuccess() {\r\n    this.isSending = false;\r\n    this.dialogRef.close();\r\n  }\r\n\r\n  savedFail() {\r\n    this.isSending = false;\r\n  }\r\n\r\n  loadItems(items: Array<any>) {\r\n    this.isLoading = true;\r\n    this.dropListIds = new Array<string>();\r\n\r\n    this.obCategories()\r\n      .pipe(tap((res) => (this.categories = res.data)))\r\n      .pipe(\r\n        tap((res) =>\r\n          this.categories.map((c) =>\r\n            this.dropListIds.push('drop-category-' + c.id)\r\n          )\r\n        )\r\n      )\r\n      .pipe(\r\n        map((res) =>\r\n          this.categories.map(\r\n            (c) =>\r\n              (c.items = items.filter(\r\n                (i) => i[this.config.fieldCategoryId!] == c.id\r\n              ))\r\n          )\r\n        )\r\n      )\r\n      .subscribe((res) => (this.isLoading = false));\r\n  }\r\n\r\n  obCategories() {\r\n    let query = new MiaQuery();\r\n    if (this.config.idCategoryDefault) {\r\n      query.addWhere('type', this.config.idCategoryDefault);\r\n    }\r\n    query.itemPerPage = 1000;\r\n    return this.categoryService.listOb(query);\r\n  }\r\n\r\n  drop(event: CdkDragDrop<any[]>, isParent: boolean) {\r\n    if (isParent) {\r\n      console.log('Parent');\r\n    } else {\r\n      console.log('Child');\r\n    }\r\n    if (event.previousContainer === event.container) {\r\n      console.log('Dentro del mismo Array');\r\n      moveItemInArray(\r\n        event.container.data,\r\n        event.previousIndex,\r\n        event.currentIndex\r\n      );\r\n    } else {\r\n      console.log('Cambio de categoria');\r\n      transferArrayItem(\r\n        event.previousContainer.data,\r\n        event.container.data,\r\n        event.previousIndex,\r\n        event.currentIndex\r\n      );\r\n    }\r\n  }\r\n}\r\n","<h5 mat-dialog-title class=\"mat-dialog-title\">Organize</h5>\r\n<button matButton (click)=\"onClickNewCategory()\">+ Add new Category</button>\r\n\r\n<mat-dialog-content>\r\n  <div *ngIf=\"!isLoading\" class=\"content\" cdkDropList [cdkDropListData]=\"categories\" (cdkDropListDropped)=\"drop($event, true)\">\r\n    <div *ngFor=\"let category of categories\" class=\"example-container\" cdkDrag>\r\n        <button cdkDragHandle>+-</button>\r\n        <h2>{{ category.title }}</h2>\r\n      \r\n        <div\r\n          cdkDropList\r\n          id=\"{{ 'drop-category-' + category.id }}\"\r\n          [cdkDropListData]=\"category.items\"\r\n          [cdkDropListConnectedTo]=\"dropListIds\"\r\n          (cdkDropListDropped)=\"drop($event, false)\">\r\n          <div class=\"example-box\" *ngFor=\"let item of category.items\" cdkDrag>\r\n\r\n                <button cdkDragHandle>+</button>\r\n\r\n              {{ item.title }}\r\n            </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</mat-dialog-content>\r\n\r\n<div class=\"mat-dialog-actions\" mat-dialog-actions>\r\n  <button *ngIf=\"!isSending\" mat-stroked-button mat-dialog-close>Cancel</button>\r\n  <button *ngIf=\"!isSending\" mat-raised-button color=\"primary\" (click)=\"onClickSave()\">Save</button>\r\n</div>\r\n\r\n<!-- Example Request -->\r\n","import { Injectable } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport {\r\n  MiaOrganizeCategoryModalConfig,\r\n  OrganizeCategoryModalComponent,\r\n} from './organize-category-modal/organize-category-modal.component';\r\nimport { MiaCategory, MiaCategoryService } from '@doroteati/mia-category-core';\r\nimport {\r\n  MiaField,\r\n  MiaFormConfig,\r\n  MiaFormModalComponent,\r\n  MiaFormModalConfig,\r\n} from '@doroteati/mia-form';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class MiaCategoryModalService {\r\n  constructor(\r\n    protected categoryService: MiaCategoryService,\r\n    protected dialog: MatDialog\r\n  ) {}\r\n\r\n  open(category: MiaCategory) {\r\n    let data = new MiaFormModalConfig();\r\n    data.item = category;\r\n    data.service = this.categoryService;\r\n    data.titleNew = 'New Category';\r\n    data.titleEdit = 'Edit Category';\r\n\r\n    let config = new MiaFormConfig();\r\n    config.hasSubmit = false;\r\n    config.fields = [\r\n      { key: 'title', type: MiaField.TYPE_STRING, label: 'Name Category' },\r\n    ];\r\n    config.errorMessages = [\r\n      { key: 'required', message: 'The \"%label%\" is required.' },\r\n    ];\r\n    data.config = config;\r\n    return this.dialog\r\n      .open(MiaFormModalComponent, {\r\n        width: '520px',\r\n        panelClass: 'modal-full-width-mobile',\r\n        data: data,\r\n      })\r\n      .afterClosed();\r\n  }\r\n\r\n  openWithType(category: MiaCategory, type: number) {\r\n    category.type = type;\r\n    return this.open(category);\r\n  }\r\n\r\n  openOrganize(typeOfCategory: number): OrganizeCategoryModalComponent {\r\n    let config = new MiaOrganizeCategoryModalConfig();\r\n    config.idCategoryDefault = typeOfCategory;\r\n    return this.openOrganizeWithConfig(config);\r\n  }\r\n\r\n  openOrganizeWithConfig(\r\n    config: MiaOrganizeCategoryModalConfig\r\n  ): OrganizeCategoryModalComponent {\r\n    let dailogRef = this.dialog.open(OrganizeCategoryModalComponent, {\r\n      width: '520px',\r\n      panelClass: 'modal-full-width-mobile',\r\n      data: config,\r\n    });\r\n\r\n    return dailogRef.componentInstance;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n// Angular Material\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\n\r\n// Modals\r\nimport { OrganizeCategoryModalComponent } from './modals/organize-category-modal/organize-category-modal.component';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    OrganizeCategoryModalComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatDialogModule,\r\n    DragDropModule\r\n  ],\r\n  exports: [\r\n    OrganizeCategoryModalComponent\r\n  ]\r\n})\r\nexport class MiaCategoryEditorModule { }\r\n","/*\r\n * Public API Surface of mia-category-editor\r\n */\r\n\r\n/**\r\n * Services\r\n */\r\n export * from './lib/modals/mia-category.modal.service';\r\n\r\n /**\r\n * Modals\r\n */\r\n  export * from './lib/modals/organize-category-modal/organize-category-modal.component';\r\n\r\n/**\r\n * Module\r\n */\r\nexport * from './lib/mia-category-editor.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3.MiaCategoryModalService","i1","i2"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@doroteati/mia-category-editor" />
+export * from './public-api';

package/lib/mia-category-editor.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./modals/organize-category-modal/organize-category-modal.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/dialog";
+import * as i4 from "@angular/cdk/drag-drop";
+export declare class MiaCategoryEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MiaCategoryEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MiaCategoryEditorModule, [typeof i1.OrganizeCategoryModalComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.DragDropModule], [typeof i1.OrganizeCategoryModalComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MiaCategoryEditorModule>;
+}

package/lib/modals/mia-category.modal.service.d.ts

@@ -0,0 +1,15 @@
+import { MatDialog } from '@angular/material/dialog';
+import { MiaOrganizeCategoryModalConfig, OrganizeCategoryModalComponent } from './organize-category-modal/organize-category-modal.component';
+import { MiaCategory, MiaCategoryService } from '@doroteati/mia-category-core';
+import * as i0 from "@angular/core";
+export declare class MiaCategoryModalService {
+    protected categoryService: MiaCategoryService;
+    protected dialog: MatDialog;
+    constructor(categoryService: MiaCategoryService, dialog: MatDialog);
+    open(category: MiaCategory): import("rxjs").Observable<any>;
+    openWithType(category: MiaCategory, type: number): import("rxjs").Observable<any>;
+    openOrganize(typeOfCategory: number): OrganizeCategoryModalComponent;
+    openOrganizeWithConfig(config: MiaOrganizeCategoryModalConfig): OrganizeCategoryModalComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MiaCategoryModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MiaCategoryModalService>;
+}

package/lib/modals/organize-category-modal/organize-category-modal.component.d.ts

@@ -0,0 +1,43 @@
+import { OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { Observable, Subject } from 'rxjs';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { MiaCategoryModalService } from '../mia-category.modal.service';
+import { MiaCategory, MiaCategoryService } from '@doroteati/mia-category-core';
+import * as i0 from "@angular/core";
+export declare class MiaOrganizeCategoryModalConfig {
+    hasNewCategory?: boolean;
+    idCategoryDefault?: number;
+    hasEditCategory?: boolean;
+    hasRemoveCategory?: boolean;
+    fieldCategoryId?: string;
+    fieldTitleItem?: string;
+}
+export declare class MiaOrganizeCategoryModalInteraction {
+    action: string;
+    item: any;
+    extras?: any;
+}
+export declare class OrganizeCategoryModalComponent implements OnInit {
+    protected dialogRef: MatDialogRef<OrganizeCategoryModalComponent>;
+    config: MiaOrganizeCategoryModalConfig;
+    protected categoryService: MiaCategoryService;
+    protected categoryModal: MiaCategoryModalService;
+    categories: any[];
+    items: any[];
+    isSending: boolean;
+    isLoading: boolean;
+    dropListIds: string[];
+    actions: Subject<MiaOrganizeCategoryModalInteraction>;
+    constructor(dialogRef: MatDialogRef<OrganizeCategoryModalComponent>, config: MiaOrganizeCategoryModalConfig, categoryService: MiaCategoryService, categoryModal: MiaCategoryModalService);
+    ngOnInit(): void;
+    onClickSave(): void;
+    onClickNewCategory(): void;
+    savedSuccess(): void;
+    savedFail(): void;
+    loadItems(items: Array<any>): void;
+    obCategories(): Observable<import("@doroteati/mia-core").MiaPagination<MiaCategory>>;
+    drop(event: CdkDragDrop<any[]>, isParent: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrganizeCategoryModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrganizeCategoryModalComponent, "mia-organize-category-modal", never, {}, {}, never, never, false>;
+}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@doroteati/mia-category-editor",
+  "version": "14.0.0",
+  "peerDependencies": {
+    "@doroteati/mia-form": "^14.3.2",
+    "@angular/common": ">=14.0.0",
+    "@angular/core": ">=14.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/doroteati-mia-category-editor.mjs",
+  "es2020": "fesm2020/doroteati-mia-category-editor.mjs",
+  "esm2020": "esm2020/doroteati-mia-category-editor.mjs",
+  "fesm2020": "fesm2020/doroteati-mia-category-editor.mjs",
+  "fesm2015": "fesm2015/doroteati-mia-category-editor.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/doroteati-mia-category-editor.mjs",
+      "es2020": "./fesm2020/doroteati-mia-category-editor.mjs",
+      "es2015": "./fesm2015/doroteati-mia-category-editor.mjs",
+      "node": "./fesm2015/doroteati-mia-category-editor.mjs",
+      "default": "./fesm2020/doroteati-mia-category-editor.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Services
+ */
+export * from './lib/modals/mia-category.modal.service';
+/**
+* Modals
+*/
+export * from './lib/modals/organize-category-modal/organize-category-modal.component';
+/**
+ * Module
+ */
+export * from './lib/mia-category-editor.module';