@rolatech/angular-inventory 19.0.0-beta.9 → 19.1.0-beta.3

package/fesm2022/{rolatech-angular-inventory-inventory-product.component-BUgsJPb_.mjs → rolatech-angular-inventory-inventory-product.component-007OyNdV.mjs}

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { input, model, ViewEncapsulation, Component, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ThumbnailComponent, AngularComponentsModule, ImagePlaceholderComponent, BaseComponent, ToolbarComponent } from '@rolatech/angular-components';
-import { I as InventoryContentComponent } from './rolatech-angular-inventory-rolatech-angular-inventory-DdvT0yRK.mjs';
+import { I as InventoryContentComponent } from './rolatech-angular-inventory-rolatech-angular-inventory-BS0EXGoZ.mjs';
 import { InventoryService, ProductService } from '@rolatech/angular-services';
 import _ from 'lodash';
 import { AngularCommonModule } from '@rolatech/angular-common';
@@ -13,12 +13,12 @@ class InventoryProductItemComponent {
         this.product = input.required();
         this.amount = model();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InventoryProductItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: InventoryProductItemComponent, isStandalone: true, selector: "rolatech-inventory-product-item", inputs: { product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, amount: { classPropertyName: "amount", publicName: "amount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { amount: "amountChange" }, ngImport: i0, template: "<div class=\"flex items-center p-2 justify-between\">\n  <div class=\"flex\">\n    @if (product().media) {\n      <div class=\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"product().media[0].url + '!w400'\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video rounded-lg\"></div>\n        }\n      </div>\n    } @else {\n      <div class=\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\">\n        <rolatech-image-placeholder></rolatech-image-placeholder>\n      </div>\n    }\n    <div>{{ product().name }}</div>\n  </div>\n  <!-- <div>\n    <mat-form-field subscriptSizing=\"dynamic\" class=\"h-12\">\n      <mat-label> \u6570\u91CF </mat-label>\n      <input matInput />\n    </mat-form-field>\n  </div> -->\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: ImagePlaceholderComponent, selector: "rolatech-image-placeholder" }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [ThumbnailComponent]] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryProductItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: InventoryProductItemComponent, isStandalone: true, selector: "rolatech-inventory-product-item", inputs: { product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, amount: { classPropertyName: "amount", publicName: "amount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { amount: "amountChange" }, ngImport: i0, template: "<div class=\"flex items-center p-2 justify-between\">\n  <div class=\"flex\">\n    @if (product().media) {\n      <div class=\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"product().media[0].url + '!w400'\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video rounded-lg\"></div>\n        }\n      </div>\n    } @else {\n      <div class=\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\">\n        <rolatech-image-placeholder></rolatech-image-placeholder>\n      </div>\n    }\n    <div>{{ product().name }}</div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: ImagePlaceholderComponent, selector: "rolatech-image-placeholder" }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [ThumbnailComponent]] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InventoryProductItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryProductItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rolatech-inventory-product-item', imports: [AngularCommonModule, AngularComponentsModule, ThumbnailComponent, ImagePlaceholderComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"flex items-center p-2 justify-between\">\n  <div class=\"flex\">\n    @if (product().media) {\n      <div class=\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"product().media[0].url + '!w400'\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video rounded-lg\"></div>\n        }\n      </div>\n    } @else {\n      <div class=\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\">\n        <rolatech-image-placeholder></rolatech-image-placeholder>\n      </div>\n    }\n    <div>{{ product().name }}</div>\n  </div>\n  <!-- <div>\n    <mat-form-field subscriptSizing=\"dynamic\" class=\"h-12\">\n      <mat-label> \u6570\u91CF </mat-label>\n      <input matInput />\n    </mat-form-field>\n  </div> -->\n</div>\n" }]
+            args: [{ selector: 'rolatech-inventory-product-item', imports: [AngularCommonModule, AngularComponentsModule, ThumbnailComponent, ImagePlaceholderComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"flex items-center p-2 justify-between\">\n  <div class=\"flex\">\n    @if (product().media) {\n      <div class=\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\">\n        @defer (on viewport()) {\n          <rolatech-thumbnail [src]=\"product().media[0].url + '!w400'\" size=\"medium\" mode=\"full\"> </rolatech-thumbnail>\n        } @placeholder {\n          <div class=\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video rounded-lg\"></div>\n        }\n      </div>\n    } @else {\n      <div class=\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\">\n        <rolatech-image-placeholder></rolatech-image-placeholder>\n      </div>\n    }\n    <div>{{ product().name }}</div>\n  </div>\n</div>\n" }]
         }] });
 
 class InventoryProductComponent extends BaseComponent {
@@ -46,13 +46,13 @@ class InventoryProductComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InventoryProductComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: InventoryProductComponent, isStandalone: true, selector: "rolatech-inventory-product", usesInheritance: true, ngImport: i0, template: "<rolatech-inventory-content>\n  <rolatech-toolbar title=\"\u5546\u54C1\u5E93\u5B58\" class=\"hidden md:block\" divider></rolatech-toolbar>\n  <div class=\"divide-y divide-[--rt-10-percent-layer]\">\n    @for (item of products; track $index) {\n      <rolatech-inventory-product-item\n        class=\"block cursor-pointer hover:bg-[--rt-raised-background]\"\n        [product]=\"item\"\n        [routerLink]=\"['/products', item.id, 'manage', 'inventory']\"\n      ></rolatech-inventory-product-item>\n    }\n  </div>\n</rolatech-inventory-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: InventoryContentComponent, selector: "rolatech-inventory-content" }, { kind: "component", type: InventoryProductItemComponent, selector: "rolatech-inventory-product-item", inputs: ["product", "amount"], outputs: ["amountChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryProductComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: InventoryProductComponent, isStandalone: true, selector: "rolatech-inventory-product", usesInheritance: true, ngImport: i0, template: "<rolatech-inventory-content>\n  <rolatech-toolbar title=\"\u5546\u54C1\u5E93\u5B58\" class=\"hidden md:block\" divider></rolatech-toolbar>\n  <div class=\"divide-y divide-[--rt-10-percent-layer]\">\n    @for (item of products; track $index) {\n      <rolatech-inventory-product-item\n        class=\"block cursor-pointer hover:bg-[--rt-raised-background]\"\n        [product]=\"item\"\n        [routerLink]=\"['/products', item.id, 'manage', 'inventory']\"\n      ></rolatech-inventory-product-item>\n    }\n  </div>\n</rolatech-inventory-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: InventoryContentComponent, selector: "rolatech-inventory-content" }, { kind: "component", type: InventoryProductItemComponent, selector: "rolatech-inventory-product-item", inputs: ["product", "amount"], outputs: ["amountChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InventoryProductComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryProductComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rolatech-inventory-product', imports: [CommonModule, ToolbarComponent, InventoryContentComponent, InventoryProductItemComponent, RouterLink], encapsulation: ViewEncapsulation.None, template: "<rolatech-inventory-content>\n  <rolatech-toolbar title=\"\u5546\u54C1\u5E93\u5B58\" class=\"hidden md:block\" divider></rolatech-toolbar>\n  <div class=\"divide-y divide-[--rt-10-percent-layer]\">\n    @for (item of products; track $index) {\n      <rolatech-inventory-product-item\n        class=\"block cursor-pointer hover:bg-[--rt-raised-background]\"\n        [product]=\"item\"\n        [routerLink]=\"['/products', item.id, 'manage', 'inventory']\"\n      ></rolatech-inventory-product-item>\n    }\n  </div>\n</rolatech-inventory-content>\n" }]
         }] });
 
 export { InventoryProductComponent };
-//# sourceMappingURL=rolatech-angular-inventory-inventory-product.component-BUgsJPb_.mjs.map
+//# sourceMappingURL=rolatech-angular-inventory-inventory-product.component-007OyNdV.mjs.map

package/fesm2022/rolatech-angular-inventory-inventory-product.component-007OyNdV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-inventory-inventory-product.component-007OyNdV.mjs","sources":["../tmp-esm2022/lib/components/inventory-product-item/inventory-product-item.component.js","../tmp-esm2022/lib/pages/inventory-product/inventory-product.component.js"],"sourcesContent":["import { Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { AngularComponentsModule, ImagePlaceholderComponent, ThumbnailComponent } from '@rolatech/angular-components';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport * as i0 from \"@angular/core\";\nexport class InventoryProductItemComponent {\n    constructor() {\n        this.product = input.required();\n        this.amount = model();\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: InventoryProductItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: InventoryProductItemComponent, isStandalone: true, selector: \"rolatech-inventory-product-item\", inputs: { product: { classPropertyName: \"product\", publicName: \"product\", isSignal: true, isRequired: true, transformFunction: null }, amount: { classPropertyName: \"amount\", publicName: \"amount\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { amount: \"amountChange\" }, ngImport: i0, template: \"<div class=\\\"flex items-center p-2 justify-between\\\">\\n  <div class=\\\"flex\\\">\\n    @if (product().media) {\\n      <div class=\\\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\\\">\\n        @defer (on viewport()) {\\n          <rolatech-thumbnail [src]=\\\"product().media[0].url + '!w400'\\\" size=\\\"medium\\\" mode=\\\"full\\\"> </rolatech-thumbnail>\\n        } @placeholder {\\n          <div class=\\\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video rounded-lg\\\"></div>\\n        }\\n      </div>\\n    } @else {\\n      <div class=\\\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\\\">\\n        <rolatech-image-placeholder></rolatech-image-placeholder>\\n      </div>\\n    }\\n    <div>{{ product().name }}</div>\\n  </div>\\n</div>\\n\", styles: [\"\"], dependencies: [{ kind: \"ngmodule\", type: AngularCommonModule }, { kind: \"ngmodule\", type: AngularComponentsModule }, { kind: \"component\", type: ImagePlaceholderComponent, selector: \"rolatech-image-placeholder\" }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [ThumbnailComponent]] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: InventoryProductItemComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'rolatech-inventory-product-item', imports: [AngularCommonModule, AngularComponentsModule, ThumbnailComponent, ImagePlaceholderComponent], encapsulation: ViewEncapsulation.None, template: \"<div class=\\\"flex items-center p-2 justify-between\\\">\\n  <div class=\\\"flex\\\">\\n    @if (product().media) {\\n      <div class=\\\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\\\">\\n        @defer (on viewport()) {\\n          <rolatech-thumbnail [src]=\\\"product().media[0].url + '!w400'\\\" size=\\\"medium\\\" mode=\\\"full\\\"> </rolatech-thumbnail>\\n        } @placeholder {\\n          <div class=\\\"bg-[--rt-raised-background] h-full w-full object-cover aspect-video rounded-lg\\\"></div>\\n        }\\n      </div>\\n    } @else {\\n      <div class=\\\"min-w-24 w-36 object-cover aspect-video rounded-lg mr-3\\\">\\n        <rolatech-image-placeholder></rolatech-image-placeholder>\\n      </div>\\n    }\\n    <div>{{ product().name }}</div>\\n  </div>\\n</div>\\n\" }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW52ZW50b3J5LXByb2R1Y3QtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLWludmVudG9yeS9zcmMvbGliL2NvbXBvbmVudHMvaW52ZW50b3J5LXByb2R1Y3QtaXRlbS9pbnZlbnRvcnktcHJvZHVjdC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItaW52ZW50b3J5L3NyYy9saWIvY29tcG9uZW50cy9pbnZlbnRvcnktcHJvZHVjdC1pdGVtL2ludmVudG9yeS1wcm9kdWN0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSx5QkFBeUIsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3RILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQWlCL0QsTUFBTSxPQUFPLDZCQUE2QjtJQVAxQztRQVFFLFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFvQixDQUFDO1FBQzdDLFdBQU0sR0FBRyxLQUFLLEVBQU8sQ0FBQztLQUN2Qjs4R0FIWSw2QkFBNkI7a0dBQTdCLDZCQUE2QixvWUNwQjFDLDh1QkFrQkEseURESFksbUJBQW1CLDhCQUFFLHVCQUF1QiwrQkFBc0IseUJBQXlCLHVIQUE3QyxrQkFBa0I7OzJGQUsvRCw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBQ0UsaUNBQWlDLFdBQ2xDLENBQUMsbUJBQW1CLEVBQUUsdUJBQXVCLEVBQUUsa0JBQWtCLEVBQUUseUJBQXlCLENBQUMsaUJBR3ZGLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBtb2RlbCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50c01vZHVsZSwgSW1hZ2VQbGFjZWhvbGRlckNvbXBvbmVudCwgVGh1bWJuYWlsQ29tcG9uZW50IH0gZnJvbSAnQHJvbGF0ZWNoL2FuZ3VsYXItY29tcG9uZW50cyc7XG5pbXBvcnQgeyBBbmd1bGFyQ29tbW9uTW9kdWxlIH0gZnJvbSAnQHJvbGF0ZWNoL2FuZ3VsYXItY29tbW9uJztcblxuZXhwb3J0IGludGVyZmFjZSBJbnZlbnRvcnlQcm9kdWN0IHtcbiAgbmFtZTogc3RyaW5nO1xuICBtZWRpYTogSW52ZW50b3J5UHJvZHVjdE1lZGlhW107XG59XG5leHBvcnQgaW50ZXJmYWNlIEludmVudG9yeVByb2R1Y3RNZWRpYSB7XG4gIHVybDogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyb2xhdGVjaC1pbnZlbnRvcnktcHJvZHVjdC1pdGVtJyxcbiAgaW1wb3J0czogW0FuZ3VsYXJDb21tb25Nb2R1bGUsIEFuZ3VsYXJDb21wb25lbnRzTW9kdWxlLCBUaHVtYm5haWxDb21wb25lbnQsIEltYWdlUGxhY2Vob2xkZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vaW52ZW50b3J5LXByb2R1Y3QtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9pbnZlbnRvcnktcHJvZHVjdC1pdGVtLmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgSW52ZW50b3J5UHJvZHVjdEl0ZW1Db21wb25lbnQge1xuICBwcm9kdWN0ID0gaW5wdXQucmVxdWlyZWQ8SW52ZW50b3J5UHJvZHVjdD4oKTtcbiAgYW1vdW50ID0gbW9kZWw8YW55PigpO1xufVxuIiwiPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIHAtMiBqdXN0aWZ5LWJldHdlZW5cIj5cbiAgPGRpdiBjbGFzcz1cImZsZXhcIj5cbiAgICBAaWYgKHByb2R1Y3QoKS5tZWRpYSkge1xuICAgICAgPGRpdiBjbGFzcz1cIm1pbi13LTI0IHctMzYgb2JqZWN0LWNvdmVyIGFzcGVjdC12aWRlbyByb3VuZGVkLWxnIG1yLTNcIj5cbiAgICAgICAgQGRlZmVyIChvbiB2aWV3cG9ydCgpKSB7XG4gICAgICAgICAgPHJvbGF0ZWNoLXRodW1ibmFpbCBbc3JjXT1cInByb2R1Y3QoKS5tZWRpYVswXS51cmwgKyAnIXc0MDAnXCIgc2l6ZT1cIm1lZGl1bVwiIG1vZGU9XCJmdWxsXCI+IDwvcm9sYXRlY2gtdGh1bWJuYWlsPlxuICAgICAgICB9IEBwbGFjZWhvbGRlciB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImJnLVstLXJ0LXJhaXNlZC1iYWNrZ3JvdW5kXSBoLWZ1bGwgdy1mdWxsIG9iamVjdC1jb3ZlciBhc3BlY3QtdmlkZW8gcm91bmRlZC1sZ1wiPjwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICB9IEBlbHNlIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJtaW4tdy0yNCB3LTM2IG9iamVjdC1jb3ZlciBhc3BlY3QtdmlkZW8gcm91bmRlZC1sZyBtci0zXCI+XG4gICAgICAgIDxyb2xhdGVjaC1pbWFnZS1wbGFjZWhvbGRlcj48L3JvbGF0ZWNoLWltYWdlLXBsYWNlaG9sZGVyPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIDxkaXY+e3sgcHJvZHVjdCgpLm5hbWUgfX08L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==","import { Component, inject, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BaseComponent, ToolbarComponent } from '@rolatech/angular-components';\nimport { InventoryContentComponent } from '../../components/inventory-content/inventory-content.component';\nimport { InventoryService, ProductService } from '@rolatech/angular-services';\nimport _ from 'lodash';\nimport { InventoryProductItemComponent } from '../../components/inventory-product-item/inventory-product-item.component';\nimport { RouterLink } from '@angular/router';\nimport * as i0 from \"@angular/core\";\nexport class InventoryProductComponent extends BaseComponent {\n    constructor() {\n        super(...arguments);\n        this.inventoryService = inject(InventoryService);\n        this.productService = inject(ProductService);\n        this.products = [];\n    }\n    ngOnInit() {\n        this.findInventoryItem();\n    }\n    findInventoryItem() {\n        this.inventoryService.findMyInventoryItems({}).subscribe({\n            next: (res) => {\n                const productIds = _.uniq(_.map(res.data, 'productId'));\n                this.findProductsByIds(productIds);\n            },\n        });\n    }\n    findProductsByIds(ids) {\n        this.productService.findByIds(ids).subscribe({\n            next: (res) => {\n                this.products = res.data;\n            },\n        });\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: InventoryProductComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: InventoryProductComponent, isStandalone: true, selector: \"rolatech-inventory-product\", usesInheritance: true, ngImport: i0, template: \"<rolatech-inventory-content>\\n  <rolatech-toolbar title=\\\"\\u5546\\u54C1\\u5E93\\u5B58\\\" class=\\\"hidden md:block\\\" divider></rolatech-toolbar>\\n  <div class=\\\"divide-y divide-[--rt-10-percent-layer]\\\">\\n    @for (item of products; track $index) {\\n      <rolatech-inventory-product-item\\n        class=\\\"block cursor-pointer hover:bg-[--rt-raised-background]\\\"\\n        [product]=\\\"item\\\"\\n        [routerLink]=\\\"['/products', item.id, 'manage', 'inventory']\\\"\\n      ></rolatech-inventory-product-item>\\n    }\\n  </div>\\n</rolatech-inventory-content>\\n\", styles: [\"\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"component\", type: ToolbarComponent, selector: \"rolatech-toolbar\", inputs: [\"title\", \"subtitle\", \"back\", \"link\", \"large\", \"divider\"] }, { kind: \"component\", type: InventoryContentComponent, selector: \"rolatech-inventory-content\" }, { kind: \"component\", type: InventoryProductItemComponent, selector: \"rolatech-inventory-product-item\", inputs: [\"product\", \"amount\"], outputs: [\"amountChange\"] }, { kind: \"directive\", type: RouterLink, selector: \"[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"info\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }], encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: InventoryProductComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'rolatech-inventory-product', imports: [CommonModule, ToolbarComponent, InventoryContentComponent, InventoryProductItemComponent, RouterLink], encapsulation: ViewEncapsulation.None, template: \"<rolatech-inventory-content>\\n  <rolatech-toolbar title=\\\"\\u5546\\u54C1\\u5E93\\u5B58\\\" class=\\\"hidden md:block\\\" divider></rolatech-toolbar>\\n  <div class=\\\"divide-y divide-[--rt-10-percent-layer]\\\">\\n    @for (item of products; track $index) {\\n      <rolatech-inventory-product-item\\n        class=\\\"block cursor-pointer hover:bg-[--rt-raised-background]\\\"\\n        [product]=\\\"item\\\"\\n        [routerLink]=\\\"['/products', item.id, 'manage', 'inventory']\\\"\\n      ></rolatech-inventory-product-item>\\n    }\\n  </div>\\n</rolatech-inventory-content>\\n\" }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW52ZW50b3J5LXByb2R1Y3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1pbnZlbnRvcnkvc3JjL2xpYi9wYWdlcy9pbnZlbnRvcnktcHJvZHVjdC9pbnZlbnRvcnktcHJvZHVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLWludmVudG9yeS9zcmMvbGliL3BhZ2VzL2ludmVudG9yeS1wcm9kdWN0L2ludmVudG9yeS1wcm9kdWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0UsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDM0csT0FBTyxFQUFFLGdCQUFnQixFQUFFLGNBQWMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzlFLE9BQU8sQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUN2QixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwwRUFBMEUsQ0FBQztBQUN6SCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUTdDLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxhQUFhO0lBUDVEOztRQVFFLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzVDLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3hDLGFBQVEsR0FBUSxFQUFFLENBQUM7S0FtQnBCO0lBbEJDLFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBQ0QsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGdCQUFnQixDQUFDLG9CQUFvQixDQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQztZQUN2RCxJQUFJLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDWixNQUFNLFVBQVUsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDO2dCQUN4RCxJQUFJLENBQUMsaUJBQWlCLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDckMsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxHQUFrQjtRQUNsQyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxTQUFTLENBQUM7WUFDM0MsSUFBSSxFQUFFLENBQUMsR0FBRyxFQUFFLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDO1lBQzNCLENBQUM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDOzhHQXJCVSx5QkFBeUI7a0dBQXpCLHlCQUF5Qiw2R0NmdEMsdWlCQVlBLHlEREZZLFlBQVksK0JBQUUsZ0JBQWdCLGdJQUFFLHlCQUF5Qix1RUFBRSw2QkFBNkIsc0lBQUUsVUFBVTs7MkZBS25HLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFDRSw0QkFBNEIsV0FDN0IsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUseUJBQXlCLEVBQUUsNkJBQTZCLEVBQUUsVUFBVSxDQUFDLGlCQUdoRyxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50LCBUb29sYmFyQ29tcG9uZW50IH0gZnJvbSAnQHJvbGF0ZWNoL2FuZ3VsYXItY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJbnZlbnRvcnlDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9pbnZlbnRvcnktY29udGVudC9pbnZlbnRvcnktY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW52ZW50b3J5U2VydmljZSwgUHJvZHVjdFNlcnZpY2UgfSBmcm9tICdAcm9sYXRlY2gvYW5ndWxhci1zZXJ2aWNlcyc7XG5pbXBvcnQgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgSW52ZW50b3J5UHJvZHVjdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL2ludmVudG9yeS1wcm9kdWN0LWl0ZW0vaW52ZW50b3J5LXByb2R1Y3QtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgUm91dGVyTGluayB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyb2xhdGVjaC1pbnZlbnRvcnktcHJvZHVjdCcsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRvb2xiYXJDb21wb25lbnQsIEludmVudG9yeUNvbnRlbnRDb21wb25lbnQsIEludmVudG9yeVByb2R1Y3RJdGVtQ29tcG9uZW50LCBSb3V0ZXJMaW5rXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ludmVudG9yeS1wcm9kdWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2ludmVudG9yeS1wcm9kdWN0LmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgSW52ZW50b3J5UHJvZHVjdENvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBpbnZlbnRvcnlTZXJ2aWNlID0gaW5qZWN0KEludmVudG9yeVNlcnZpY2UpO1xuICBwcm9kdWN0U2VydmljZSA9IGluamVjdChQcm9kdWN0U2VydmljZSk7XG4gIHByb2R1Y3RzOiBhbnkgPSBbXTtcbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5maW5kSW52ZW50b3J5SXRlbSgpO1xuICB9XG4gIGZpbmRJbnZlbnRvcnlJdGVtKCkge1xuICAgIHRoaXMuaW52ZW50b3J5U2VydmljZS5maW5kTXlJbnZlbnRvcnlJdGVtcyh7fSkuc3Vic2NyaWJlKHtcbiAgICAgIG5leHQ6IChyZXMpID0+IHtcbiAgICAgICAgY29uc3QgcHJvZHVjdElkcyA9IF8udW5pcShfLm1hcChyZXMuZGF0YSwgJ3Byb2R1Y3RJZCcpKTtcbiAgICAgICAgdGhpcy5maW5kUHJvZHVjdHNCeUlkcyhwcm9kdWN0SWRzKTtcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cbiAgZmluZFByb2R1Y3RzQnlJZHMoaWRzOiBBcnJheTxzdHJpbmc+KSB7XG4gICAgdGhpcy5wcm9kdWN0U2VydmljZS5maW5kQnlJZHMoaWRzKS5zdWJzY3JpYmUoe1xuICAgICAgbmV4dDogKHJlcykgPT4ge1xuICAgICAgICB0aGlzLnByb2R1Y3RzID0gcmVzLmRhdGE7XG4gICAgICB9LFxuICAgIH0pO1xuICB9XG59XG4iLCI8cm9sYXRlY2gtaW52ZW50b3J5LWNvbnRlbnQ+XG4gIDxyb2xhdGVjaC10b29sYmFyIHRpdGxlPVwi5ZWG5ZOB5bqT5a2YXCIgY2xhc3M9XCJoaWRkZW4gbWQ6YmxvY2tcIiBkaXZpZGVyPjwvcm9sYXRlY2gtdG9vbGJhcj5cbiAgPGRpdiBjbGFzcz1cImRpdmlkZS15IGRpdmlkZS1bLS1ydC0xMC1wZXJjZW50LWxheWVyXVwiPlxuICAgIEBmb3IgKGl0ZW0gb2YgcHJvZHVjdHM7IHRyYWNrICRpbmRleCkge1xuICAgICAgPHJvbGF0ZWNoLWludmVudG9yeS1wcm9kdWN0LWl0ZW1cbiAgICAgICAgY2xhc3M9XCJibG9jayBjdXJzb3ItcG9pbnRlciBob3ZlcjpiZy1bLS1ydC1yYWlzZWQtYmFja2dyb3VuZF1cIlxuICAgICAgICBbcHJvZHVjdF09XCJpdGVtXCJcbiAgICAgICAgW3JvdXRlckxpbmtdPVwiWycvcHJvZHVjdHMnLCBpdGVtLmlkLCAnbWFuYWdlJywgJ2ludmVudG9yeSddXCJcbiAgICAgID48L3JvbGF0ZWNoLWludmVudG9yeS1wcm9kdWN0LWl0ZW0+XG4gICAgfVxuICA8L2Rpdj5cbjwvcm9sYXRlY2gtaW52ZW50b3J5LWNvbnRlbnQ+XG4iXX0="],"names":[],"mappings":"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"}

package/fesm2022/{rolatech-angular-inventory-inventory.component-B0SQ9yVQ.mjs → rolatech-angular-inventory-inventory.component-BM6WZg6s.mjs}

@@ -3,13 +3,13 @@ import { ViewEncapsulation, Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 class InventoryComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InventoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: InventoryComponent, isStandalone: true, selector: "rolatech-inventory", ngImport: i0, template: "<p>inventory works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: InventoryComponent, isStandalone: true, selector: "rolatech-inventory", ngImport: i0, template: "<p>inventory works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InventoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rolatech-inventory', imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<p>inventory works!</p>\n" }]
         }] });
 
 export { InventoryComponent };
-//# sourceMappingURL=rolatech-angular-inventory-inventory.component-B0SQ9yVQ.mjs.map
+//# sourceMappingURL=rolatech-angular-inventory-inventory.component-BM6WZg6s.mjs.map

package/fesm2022/rolatech-angular-inventory-inventory.component-BM6WZg6s.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-inventory-inventory.component-BM6WZg6s.mjs","sources":["../tmp-esm2022/lib/pages/inventory/inventory.component.js"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport * as i0 from \"@angular/core\";\nexport class InventoryComponent {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: InventoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.0.3\", type: InventoryComponent, isStandalone: true, selector: \"rolatech-inventory\", ngImport: i0, template: \"<p>inventory works!</p>\\n\", styles: [\"\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: InventoryComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'rolatech-inventory', imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: \"<p>inventory works!</p>\\n\" }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW52ZW50b3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItaW52ZW50b3J5L3NyYy9saWIvcGFnZXMvaW52ZW50b3J5L2ludmVudG9yeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLWludmVudG9yeS9zcmMvbGliL3BhZ2VzL2ludmVudG9yeS9pbnZlbnRvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUy9DLE1BQU0sT0FBTyxrQkFBa0I7OEdBQWxCLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDhFQ1YvQiwyQkFDQSx5RERJWSxZQUFZOzsyRkFLWCxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0Usb0JBQW9CLFdBQ3JCLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyb2xhdGVjaC1pbnZlbnRvcnknLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ludmVudG9yeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9pbnZlbnRvcnkuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBJbnZlbnRvcnlDb21wb25lbnQge31cbiIsIjxwPmludmVudG9yeSB3b3JrcyE8L3A+XG4iXX0="],"names":[],"mappings":";;;;AAGO,MAAM,kBAAkB,CAAC;AAChC,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACpL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,oBAAoB,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,2BAA2B,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;AACnV;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC;AAC5H,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,oBAAoB,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,2BAA2B,EAAE;AAC5J,SAAS,CAAC,EAAE,CAAC;;;;"}

package/fesm2022/rolatech-angular-inventory-rolatech-angular-inventory-BS0EXGoZ.mjs

@@ -0,0 +1,360 @@
+import * as i0 from '@angular/core';
+import { ViewEncapsulation, Component, inject, Inject, input, output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/router';
+import { RouterModule, RouterLink } from '@angular/router';
+import { ToolbarComponent, TitleComponent, BaseComponent } from '@rolatech/angular-components';
+import { InventoryService } from '@rolatech/angular-services';
+import * as i6 from '@angular/material/icon';
+import { MatIcon, MatIconModule } from '@angular/material/icon';
+import * as i5 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3$1 from '@angular/cdk/text-field';
+import { TextFieldModule } from '@angular/cdk/text-field';
+import * as i1$2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i5$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MatDialog } from '@angular/material/dialog';
+import { MatOptionModule } from '@angular/material/core';
+import * as i3 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+
+class InventoryLayoutComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: InventoryLayoutComponent, isStandalone: true, selector: "rolatech-inventory-layout", ngImport: i0, template: "<div class=\"flex flex-col md:flex-row m-auto\">\n  <div\n    class=\"min-w-[256px] px-3 md:px-0 flex flex-row md:flex-col md:h-full items-center md:items-start h-16 overflow-x-scroll overflow-y-hidden scrollbar-hide whitespace-pre\"\n  >\n    <div class=\"flex flex-row md:flex-col md:w-full\">\n      <div class=\"hidden md:flex text-xl font-bold h-14 items-center px-2\" i18n>\u5E93\u5B58\u8BBE\u7F6E</div>\n      <a routerLink=\"./locations\" routerLinkActive=\"manage-active\" class=\"p-2\" i18n>\u4ED3\u5E93\u8BBE\u7F6E</a>\n    </div>\n    <div class=\"flex flex-row md:flex-col md:w-full\">\n      <div class=\"hidden md:flex text-xl font-bold h-14 items-center px-2\" i18n>\u5546\u54C1\u5E93\u5B58</div>\n      <a routerLink=\"./products\" routerLinkActive=\"manage-active\" class=\"p-2\" i18n>\u5546\u54C1</a>\n      <!-- <a routerLink=\"./inventory\" routerLinkActive=\"manage-active\" class=\"p-2\">\u5E93\u5B58\u8BBE\u7F6E</a> -->\n    </div>\n  </div>\n  <div class=\"w-full\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n", styles: [".manage-active{background-color:var(--rt-10-percent-layer, rgba(0, 0, 0, .05));box-shadow:4px 0 var(--rt-base-background-inverse, #000) inset;font-weight:600}@media (max-width: 768px){.manage-active{box-shadow:inset 0 -4px 0 0 var(--rt-base-background-inverse, #000)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-inventory-layout', imports: [CommonModule, RouterModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"flex flex-col md:flex-row m-auto\">\n  <div\n    class=\"min-w-[256px] px-3 md:px-0 flex flex-row md:flex-col md:h-full items-center md:items-start h-16 overflow-x-scroll overflow-y-hidden scrollbar-hide whitespace-pre\"\n  >\n    <div class=\"flex flex-row md:flex-col md:w-full\">\n      <div class=\"hidden md:flex text-xl font-bold h-14 items-center px-2\" i18n>\u5E93\u5B58\u8BBE\u7F6E</div>\n      <a routerLink=\"./locations\" routerLinkActive=\"manage-active\" class=\"p-2\" i18n>\u4ED3\u5E93\u8BBE\u7F6E</a>\n    </div>\n    <div class=\"flex flex-row md:flex-col md:w-full\">\n      <div class=\"hidden md:flex text-xl font-bold h-14 items-center px-2\" i18n>\u5546\u54C1\u5E93\u5B58</div>\n      <a routerLink=\"./products\" routerLinkActive=\"manage-active\" class=\"p-2\" i18n>\u5546\u54C1</a>\n      <!-- <a routerLink=\"./inventory\" routerLinkActive=\"manage-active\" class=\"p-2\">\u5E93\u5B58\u8BBE\u7F6E</a> -->\n    </div>\n  </div>\n  <div class=\"w-full\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n", styles: [".manage-active{background-color:var(--rt-10-percent-layer, rgba(0, 0, 0, .05));box-shadow:4px 0 var(--rt-base-background-inverse, #000) inset;font-weight:600}@media (max-width: 768px){.manage-active{box-shadow:inset 0 -4px 0 0 var(--rt-base-background-inverse, #000)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}\n"] }]
+        }] });
+
+const inventoryRoutes = [
+    {
+        path: '',
+        component: InventoryLayoutComponent,
+        children: [
+            {
+                path: '',
+                loadComponent: () => import('./rolatech-angular-inventory-inventory.component-BM6WZg6s.mjs').then((c) => c.InventoryComponent),
+            },
+            {
+                path: 'locations',
+                loadComponent: () => Promise.resolve().then(function () { return inventoryLocation_component; }).then((c) => c.InventoryLocationComponent),
+            },
+            {
+                path: 'locations/add',
+                loadComponent: () => Promise.resolve().then(function () { return inventoryLocationAdd_component; }).then((c) => c.InventoryLocationAddComponent),
+            },
+            {
+                path: 'locations/:id',
+                loadComponent: () => Promise.resolve().then(function () { return inventoryLocationDetail_component; }).then((c) => c.InventoryLocationDetailComponent),
+            },
+            {
+                path: 'products',
+                loadComponent: () => import('./rolatech-angular-inventory-inventory-product.component-007OyNdV.mjs').then((c) => c.InventoryProductComponent),
+            },
+        ],
+    },
+];
+
+class InventoryContentComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: InventoryContentComponent, isStandalone: true, selector: "rolatech-inventory-content", ngImport: i0, template: "<ng-content select=\"rolatech-toolbar\"></ng-content>\n<div class=\"p-3\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-inventory-content', imports: [CommonModule], template: "<ng-content select=\"rolatech-toolbar\"></ng-content>\n<div class=\"p-3\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }] });
+
+class InventoryLocationComponent {
+    constructor() {
+        this.inventoryService = inject(InventoryService);
+        this.locations = [];
+    }
+    ngOnInit() {
+        this.findLocations();
+    }
+    findLocations() {
+        this.inventoryService.findLocations({}).subscribe({
+            next: (res) => {
+                this.locations = res.data;
+            },
+        });
+    }
+    addLocation(data) {
+        this.inventoryService.addLocation(data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: InventoryLocationComponent, isStandalone: true, selector: "rolatech-inventory-location", ngImport: i0, template: "<rolatech-inventory-content>\n  <rolatech-toolbar title=\"Inventory location\" class=\"hidden md:block\" divider>\n    <div class=\"flex items-center gap-2\">\n      <button mat-stroked-button routerLink=\"./add\">\n        <mat-icon>add</mat-icon>\n        <span i18n>Create inventory</span>\n      </button>\n    </div>\n  </rolatech-toolbar>\n  <div class=\"divide-y divide-[--rt-10-percent-layer]\">\n    @for (item of locations; track $index) {\n      <div [routerLink]=\"item.id\" class=\"flex items-center px-2 h-11 hover:cursor-pointer hover:bg-[--rt-raised-background]\">\n        <div class=\"font-bold\">{{ item.name }}</div>\n        <div></div>\n      </div>\n    }\n  </div>\n</rolatech-inventory-content>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: InventoryContentComponent, selector: "rolatech-inventory-content" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-inventory-location', imports: [CommonModule, ToolbarComponent, InventoryContentComponent, RouterLink, MatButtonModule, MatIcon], template: "<rolatech-inventory-content>\n  <rolatech-toolbar title=\"Inventory location\" class=\"hidden md:block\" divider>\n    <div class=\"flex items-center gap-2\">\n      <button mat-stroked-button routerLink=\"./add\">\n        <mat-icon>add</mat-icon>\n        <span i18n>Create inventory</span>\n      </button>\n    </div>\n  </rolatech-toolbar>\n  <div class=\"divide-y divide-[--rt-10-percent-layer]\">\n    @for (item of locations; track $index) {\n      <div [routerLink]=\"item.id\" class=\"flex items-center px-2 h-11 hover:cursor-pointer hover:bg-[--rt-raised-background]\">\n        <div class=\"font-bold\">{{ item.name }}</div>\n        <div></div>\n      </div>\n    }\n  </div>\n</rolatech-inventory-content>\n" }]
+        }] });
+
+var inventoryLocation_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    InventoryLocationComponent: InventoryLocationComponent
+});
+
+class InventoryLocationMapComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.infoWindowList = Array(10);
+        this.cities = ['北京', '上海'];
+        this.region = '北京';
+    }
+    ngOnInit() {
+        this.init();
+    }
+    init() {
+        const map = new window.TMap.Map(document.getElementById('map-container'), {
+            // 地图的中心地理坐标。
+            center: new window.TMap.LatLng(40.0402718, 116.2735831),
+            resizeEnable: true,
+            zoom: 14,
+        });
+        const markers = new window.TMap.MultiMarker({
+            map: map,
+            geometries: [],
+        });
+        this.map = map;
+        this.markers = markers;
+    }
+    onSearchChange(event) {
+        const value = event.target.value;
+        const suggest = new window.TMap.service.Suggestion({
+            pageSize: 15, // 返回结果每页条目数
+            region: this.region, // 限制城市范围
+            regionFix: true, // 搜索无结果时是否固定在当前城市
+        });
+        if (value) {
+            suggest
+                .getSuggestions({ keyword: value, location: this.map.getCenter() })
+                .then((result) => {
+                this.lists = result.data;
+            })
+                .catch((error) => { });
+        }
+    }
+    setLocation(index) {
+        this.infoWindowList.forEach((infoWindow) => {
+            infoWindow.close();
+        });
+        this.infoWindowList.length = 0;
+        const item = this.lists[index];
+        this.selectedLocation = item;
+        this.lists = [];
+        this.markers.setGeometries([]);
+        this.markers.updateGeometries([
+            {
+                id: '0', // 点标注数据数组
+                position: item.location,
+            },
+        ]);
+        const infoWindow = new window.TMap.InfoWindow({
+            map: this.map,
+            position: item.location,
+            content: `<h3>${item.title}</h3><p>地址：${item.address}</p>`,
+            offset: { x: 0, y: -50 },
+        });
+        this.infoWindowList.push(infoWindow);
+        this.map.setCenter(item.location);
+        this.markers.on('click', (e) => {
+            this.infoWindowList[Number(e.geometry.id)].open();
+        });
+    }
+    onNoClick() {
+        this.dialogRef.close();
+    }
+    selectionChange(event) { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationMapComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: InventoryLocationMapComponent, isStandalone: true, selector: "rolatech-inventory-location-map", ngImport: i0, template: "@if (data.title) {\n  <h2 mat-dialog-title>{{ data.title }}</h2>\n}\n<div mat-dialog-content>\n  <div class=\"h-full\">\n    <div class=\"relative h-full\">\n      <div id=\"map-container\" class=\"h-full\"></div>\n      <div class=\"absolute bg-white z-[9999] top-[30px] left-[30px]\">\n        <div class=\"flex gap-3 px-3 pt-3\">\n          <mat-form-field appearance=\"fill\" [style.width.px]=\"180\">\n            <mat-label i18n>City</mat-label>\n            <mat-select #select=\"matSelect\" [(ngModel)]=\"region\" (selectionChange)=\"selectionChange($event)\">\n              @for (city of cities; track city) {\n                <mat-option [value]=\"city\">\n                  {{ city }}\n                </mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n          <mat-form-field>\n            <input matInput placeholder=\"\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22\" (input)=\"onSearchChange($event)\" />\n          </mat-form-field>\n        </div>\n        <div class=\"max-h-[320px] overflow-scroll pb-3 bg-white\">\n          @for (item of lists; track item; let index = $index) {\n            <div (click)=\"setLocation(index)\" class=\"cursor-pointer\">\n              <div class=\"p-3 flex items-center gap-2 hover:bg-[--rt-raised-background]\">\n                <mat-icon fontIcon=\"location_on\"></mat-icon>\n                <div class=\"text-sm font-thin\">{{ item.title }}</div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div mat-dialog-actions align=\"end\">\n  <button mat-button mat-dialog-close i18n>Cancel</button>\n  <button mat-flat-button [mat-dialog-close]=\"selectedLocation\" cdkFocusInitial i18n>Ok</button>\n</div>\n", styles: ["mat-form-field{width:100%;margin-bottom:-1.25em}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationMapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-inventory-location-map', imports: [
+                        MatDialogTitle,
+                        MatDialogContent,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        FormsModule,
+                        MatOptionModule,
+                        MatInputModule,
+                        MatIconModule,
+                        MatDialogActions,
+                        MatButtonModule,
+                        MatDialogClose,
+                    ], template: "@if (data.title) {\n  <h2 mat-dialog-title>{{ data.title }}</h2>\n}\n<div mat-dialog-content>\n  <div class=\"h-full\">\n    <div class=\"relative h-full\">\n      <div id=\"map-container\" class=\"h-full\"></div>\n      <div class=\"absolute bg-white z-[9999] top-[30px] left-[30px]\">\n        <div class=\"flex gap-3 px-3 pt-3\">\n          <mat-form-field appearance=\"fill\" [style.width.px]=\"180\">\n            <mat-label i18n>City</mat-label>\n            <mat-select #select=\"matSelect\" [(ngModel)]=\"region\" (selectionChange)=\"selectionChange($event)\">\n              @for (city of cities; track city) {\n                <mat-option [value]=\"city\">\n                  {{ city }}\n                </mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n          <mat-form-field>\n            <input matInput placeholder=\"\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22\" (input)=\"onSearchChange($event)\" />\n          </mat-form-field>\n        </div>\n        <div class=\"max-h-[320px] overflow-scroll pb-3 bg-white\">\n          @for (item of lists; track item; let index = $index) {\n            <div (click)=\"setLocation(index)\" class=\"cursor-pointer\">\n              <div class=\"p-3 flex items-center gap-2 hover:bg-[--rt-raised-background]\">\n                <mat-icon fontIcon=\"location_on\"></mat-icon>\n                <div class=\"text-sm font-thin\">{{ item.title }}</div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div mat-dialog-actions align=\"end\">\n  <button mat-button mat-dialog-close i18n>Cancel</button>\n  <button mat-flat-button [mat-dialog-close]=\"selectedLocation\" cdkFocusInitial i18n>Ok</button>\n</div>\n", styles: ["mat-form-field{width:100%;margin-bottom:-1.25em}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
+class InventoryLocationItemComponent {
+    constructor() {
+        this.location = input.required();
+        this.dialog = inject(MatDialog);
+        this.save = output();
+        this.delete = output();
+    }
+    selectLocation() {
+        const dialogRef = this.dialog.open(InventoryLocationMapComponent, {
+            width: '90%',
+            data: {
+                title: '选择位置',
+            },
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result) {
+                const address = result.address;
+                const { lat, lng } = result.location;
+                this.location().detail = address;
+                this.location().latitude = lat;
+                this.location().longitude = lng;
+                this.location().province = result.province;
+                this.location().city = result.city;
+                this.location().district = result.district;
+                this.location().detail = result.title;
+            }
+        });
+    }
+    onSave() {
+        this.save.emit(this.location());
+    }
+    onDelete() {
+        this.delete.emit(this.location());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.3", type: InventoryLocationItemComponent, isStandalone: true, selector: "rolatech-inventory-location-item", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { save: "save", delete: "delete" }, ngImport: i0, template: "<div class=\"mb-8\">\n  <div class=\"flex flex-col\">\n    <div class=\"flex flex-col\">\n      <!-- base -->\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Name </mat-label>\n          <input matInput [(ngModel)]=\"location().name\" name=\"name\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Contact </mat-label>\n          <input matInput [(ngModel)]=\"location().contact\" name=\"contact\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Phone </mat-label>\n          <input matInput [(ngModel)]=\"location().phone\" name=\"phone\" required />\n        </mat-form-field>\n      </div>\n      <!-- location -->\n      <div class=\"flex flex-col\">\n        <div class=\"py-3 flex justify-between\">\n          <rolatech-title title=\"Location info\"></rolatech-title>\n          <button mat-stroked-button (click)=\"selectLocation()\" i18n>Select location</button>\n        </div>\n        <div class=\"flex flex-row gap-3\">\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> Province </mat-label>\n            <input matInput [(ngModel)]=\"location().province\" name=\"province\" required disabled />\n          </mat-form-field>\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> City </mat-label>\n            <input matInput [(ngModel)]=\"location().city\" name=\"city\" required disabled />\n          </mat-form-field>\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n>District </mat-label>\n            <input matInput [(ngModel)]=\"location().district\" name=\"district\" required disabled />\n          </mat-form-field>\n        </div>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Address </mat-label>\n          <input matInput [(ngModel)]=\"location().street\" name=\"address\" />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Details </mat-label>\n          <textarea\n            matInput\n            [(ngModel)]=\"location().detail\"\n            name=\"detail\"\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"3\"\n            required\n          ></textarea>\n        </mat-form-field>\n      </div>\n    </div>\n    <div>\n      <button mat-button (click)=\"onDelete()\" i18n>Delete</button>\n      <button mat-flat-button (click)=\"onSave()\" i18n>Save</button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i3$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: TitleComponent, selector: "rolatech-title", inputs: ["title", "subtitle", "large"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-inventory-location-item', imports: [
+                        MatFormFieldModule,
+                        MatInputModule,
+                        FormsModule,
+                        MatButtonModule,
+                        TextFieldModule,
+                        MatDividerModule,
+                        TitleComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"mb-8\">\n  <div class=\"flex flex-col\">\n    <div class=\"flex flex-col\">\n      <!-- base -->\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Name </mat-label>\n          <input matInput [(ngModel)]=\"location().name\" name=\"name\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Contact </mat-label>\n          <input matInput [(ngModel)]=\"location().contact\" name=\"contact\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Phone </mat-label>\n          <input matInput [(ngModel)]=\"location().phone\" name=\"phone\" required />\n        </mat-form-field>\n      </div>\n      <!-- location -->\n      <div class=\"flex flex-col\">\n        <div class=\"py-3 flex justify-between\">\n          <rolatech-title title=\"Location info\"></rolatech-title>\n          <button mat-stroked-button (click)=\"selectLocation()\" i18n>Select location</button>\n        </div>\n        <div class=\"flex flex-row gap-3\">\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> Province </mat-label>\n            <input matInput [(ngModel)]=\"location().province\" name=\"province\" required disabled />\n          </mat-form-field>\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> City </mat-label>\n            <input matInput [(ngModel)]=\"location().city\" name=\"city\" required disabled />\n          </mat-form-field>\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n>District </mat-label>\n            <input matInput [(ngModel)]=\"location().district\" name=\"district\" required disabled />\n          </mat-form-field>\n        </div>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Address </mat-label>\n          <input matInput [(ngModel)]=\"location().street\" name=\"address\" />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Details </mat-label>\n          <textarea\n            matInput\n            [(ngModel)]=\"location().detail\"\n            name=\"detail\"\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"3\"\n            required\n          ></textarea>\n        </mat-form-field>\n      </div>\n    </div>\n    <div>\n      <button mat-button (click)=\"onDelete()\" i18n>Delete</button>\n      <button mat-flat-button (click)=\"onSave()\" i18n>Save</button>\n    </div>\n  </div>\n</div>\n" }]
+        }] });
+
+class InventoryLocationDetailComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.inventoryService = inject(InventoryService);
+    }
+    ngOnInit() {
+        this.get();
+    }
+    get() {
+        this.inventoryService.getLocation(this.id).subscribe({
+            next: (res) => {
+                this.location = res.data;
+            },
+        });
+    }
+    onLocationSave(e) {
+        this.inventoryService.updateLocation(e.id, e).subscribe({
+            next: (res) => {
+                this.snackBarService.open('Success');
+            },
+        });
+    }
+    onLocationDetele(location) {
+        const options = {
+            title: '确定删除吗',
+            message: `这会删除仓库, 确定吗?`,
+            cancelText: 'Cancel',
+            confirmText: '确认',
+        };
+        this.dialogService.open(options);
+        this.dialogService.confirmed().subscribe({
+            next: (res) => {
+                if (res) {
+                    this.inventoryService.deleteLocation(location.id).subscribe({
+                        next: (res) => {
+                            this.snackBarService.open('Delete successfully');
+                            this.navigation.back();
+                        },
+                    });
+                }
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: InventoryLocationDetailComponent, isStandalone: true, selector: "rolatech-inventory-location-detail", usesInheritance: true, ngImport: i0, template: "<rolatech-toolbar title=\"\u4ED3\u5E93\u8BE6\u60C5\" back> </rolatech-toolbar>\n@if (location) {\n  <div class=\"px-3\">\n    <rolatech-inventory-location-item\n      [location]=\"location\"\n      (save)=\"onLocationSave($event)\"\n      (delete)=\"onLocationDetele($event)\"\n    ></rolatech-inventory-location-item>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: InventoryLocationItemComponent, selector: "rolatech-inventory-location-item", inputs: ["location"], outputs: ["save", "delete"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-inventory-location-detail', imports: [CommonModule, InventoryLocationItemComponent, ToolbarComponent], encapsulation: ViewEncapsulation.None, template: "<rolatech-toolbar title=\"\u4ED3\u5E93\u8BE6\u60C5\" back> </rolatech-toolbar>\n@if (location) {\n  <div class=\"px-3\">\n    <rolatech-inventory-location-item\n      [location]=\"location\"\n      (save)=\"onLocationSave($event)\"\n      (delete)=\"onLocationDetele($event)\"\n    ></rolatech-inventory-location-item>\n  </div>\n}\n" }]
+        }] });
+
+var inventoryLocationDetail_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    InventoryLocationDetailComponent: InventoryLocationDetailComponent
+});
+
+class InventoryLocationAddComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.inventoryService = inject(InventoryService);
+        this.location = {};
+    }
+    selectLocation() {
+        const dialogRef = this.dialog.open(InventoryLocationMapComponent, {
+            width: '90%',
+            data: {
+                title: '选择位置',
+            },
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result) {
+                const address = result.address;
+                const { lat, lng } = result.location;
+                this.location.detail = address;
+                this.location.latitude = lat;
+                this.location.longitude = lng;
+                this.location.province = result.province;
+                this.location.city = result.city;
+                this.location.district = result.district;
+            }
+        });
+    }
+    add() {
+        const data = {
+            ...this.location,
+        };
+        this.inventoryService.addLocation(data).subscribe({
+            next: (res) => {
+                this.snackBarService.open('Add successfully');
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationAddComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: InventoryLocationAddComponent, isStandalone: true, selector: "rolatech-inventory-location-add", usesInheritance: true, ngImport: i0, template: "<rolatech-toolbar title=\"Add location\" back> </rolatech-toolbar>\n<div class=\"px-3 h-full\">\n  <div class=\"w-full\">\n    <div class=\"w-2/3 flex flex-col\">\n      <form #locationForm=\"ngForm\">\n        <div class=\"flex flex-col\">\n          <!-- base -->\n          <div class=\"flex flex-col\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Name </mat-label>\n              <input matInput [(ngModel)]=\"location.name\" name=\"name\" required />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Contact </mat-label>\n              <input matInput [(ngModel)]=\"location.contact\" name=\"contact\" required />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Phone </mat-label>\n              <input matInput [(ngModel)]=\"location.phone\" name=\"phone\" required />\n            </mat-form-field>\n          </div>\n          <!-- location -->\n          <div class=\"flex flex-col\">\n            <div class=\"py-3 flex justify-between\">\n              <h2 i18n>Location</h2>\n              <button mat-stroked-button (click)=\"selectLocation()\">Location select</button>\n            </div>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Province </mat-label>\n              <input matInput [(ngModel)]=\"location.province\" name=\"province\" required disabled />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> City </mat-label>\n              <input matInput [(ngModel)]=\"location.city\" name=\"city\" required disabled />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> County </mat-label>\n              <input matInput [(ngModel)]=\"location.district\" name=\"county\" required disabled />\n            </mat-form-field>\n            <!-- <mat-form-field appearance=\"fill\">\n            <mat-label i18n> Street </mat-label>\n            <input\n              matInput\n              [(ngModel)]=\"location.town\"\n              name=\"town\"\n              required\n              readonly\n              />\n          </mat-form-field> -->\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Address </mat-label>\n              <input matInput [(ngModel)]=\"location.detail\" name=\"address\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Detail </mat-label>\n              <textarea\n                matInput\n                [(ngModel)]=\"location.detail\"\n                name=\"detail\"\n                cdkTextareaAutosize\n                cdkAutosizeMinRows=\"3\"\n                required\n              ></textarea>\n            </mat-form-field>\n          </div>\n        </div>\n      </form>\n    </div>\n    <div class=\"py-3\">\n      <button mat-flat-button (click)=\"add()\" i18n>Save</button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i3$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TextFieldModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: InventoryLocationAddComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-inventory-location-add', imports: [ToolbarComponent, FormsModule, MatFormFieldModule, MatInputModule, MatButtonModule, TextFieldModule], encapsulation: ViewEncapsulation.None, template: "<rolatech-toolbar title=\"Add location\" back> </rolatech-toolbar>\n<div class=\"px-3 h-full\">\n  <div class=\"w-full\">\n    <div class=\"w-2/3 flex flex-col\">\n      <form #locationForm=\"ngForm\">\n        <div class=\"flex flex-col\">\n          <!-- base -->\n          <div class=\"flex flex-col\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Name </mat-label>\n              <input matInput [(ngModel)]=\"location.name\" name=\"name\" required />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Contact </mat-label>\n              <input matInput [(ngModel)]=\"location.contact\" name=\"contact\" required />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Phone </mat-label>\n              <input matInput [(ngModel)]=\"location.phone\" name=\"phone\" required />\n            </mat-form-field>\n          </div>\n          <!-- location -->\n          <div class=\"flex flex-col\">\n            <div class=\"py-3 flex justify-between\">\n              <h2 i18n>Location</h2>\n              <button mat-stroked-button (click)=\"selectLocation()\">Location select</button>\n            </div>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Province </mat-label>\n              <input matInput [(ngModel)]=\"location.province\" name=\"province\" required disabled />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> City </mat-label>\n              <input matInput [(ngModel)]=\"location.city\" name=\"city\" required disabled />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> County </mat-label>\n              <input matInput [(ngModel)]=\"location.district\" name=\"county\" required disabled />\n            </mat-form-field>\n            <!-- <mat-form-field appearance=\"fill\">\n            <mat-label i18n> Street </mat-label>\n            <input\n              matInput\n              [(ngModel)]=\"location.town\"\n              name=\"town\"\n              required\n              readonly\n              />\n          </mat-form-field> -->\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Address </mat-label>\n              <input matInput [(ngModel)]=\"location.detail\" name=\"address\" />\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label i18n> Detail </mat-label>\n              <textarea\n                matInput\n                [(ngModel)]=\"location.detail\"\n                name=\"detail\"\n                cdkTextareaAutosize\n                cdkAutosizeMinRows=\"3\"\n                required\n              ></textarea>\n            </mat-form-field>\n          </div>\n        </div>\n      </form>\n    </div>\n    <div class=\"py-3\">\n      <button mat-flat-button (click)=\"add()\" i18n>Save</button>\n    </div>\n  </div>\n</div>\n" }]
+        }] });
+
+var inventoryLocationAdd_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    InventoryLocationAddComponent: InventoryLocationAddComponent
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InventoryContentComponent as I, InventoryLocationComponent as a, InventoryLocationDetailComponent as b, InventoryLocationAddComponent as c, inventoryRoutes as i };
+//# sourceMappingURL=rolatech-angular-inventory-rolatech-angular-inventory-BS0EXGoZ.mjs.map