tickera-angular-components 0.0.1-dev.195 → 0.0.1-dev.196

package/fesm2022/tickera-angular-components.mjs

@@ -3224,22 +3224,17 @@ class PriceZoneService {
     constructor(apiService) {
         this.apiService = apiService;
     }
-    fetchPriceZones({ roomMapId, page, search, limit, } = {}) {
-        const queryParams = new URLSearchParams();
-        if (roomMapId)
-            queryParams.append('room_map_id', roomMapId.toString());
-        if (page)
-            queryParams.append('page', page.toString());
-        if (search)
-            queryParams.append('search', search);
-        if (limit)
-            queryParams.append('limit', limit.toString());
+    fetchPriceZones(params = {}) {
+        const queryParams = transformUrlParams(params);
+        if (params.show_ids?.length) {
+            params.show_ids.forEach((showId) => queryParams.append('show_ids', showId.toString()));
+        }
         const queryString = queryParams.toString();
         const apiRoute = `${PRICE_ZONES_API_ROUTES.FIND_ALL}${queryString ? '?' + queryString : ''}`;
         return this.apiService.get(apiRoute);
     }
-    loadPriceZones({ roomMapId, page, search, limit } = {}) {
-        this.fetchPriceZones({ roomMapId, page, search, limit }).subscribe({
+    loadPriceZones(params = {}) {
+        this.fetchPriceZones(params).subscribe({
             next: ({ data }) => {
                 this.priceZonesSubject.next(data?.price_zones ?? []);
             },
@@ -9279,6 +9274,7 @@ class PriceZoneSelectComponent {
     showError = true;
     customClass = '';
     control = null;
+    showIds = [];
     priceZoneChange = new EventEmitter();
     priceZones = signal([], ...(ngDevMode ? [{ debugName: "priceZones" }] : []));
     loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
@@ -9294,7 +9290,10 @@ class PriceZoneSelectComponent {
     }
     ngOnInit() {
         if (isPlatformBrowser(this.platformId)) {
-            this.priceZoneService.loadPriceZones({ search: this.searchTerm });
+            this.priceZoneService.loadPriceZones({
+                search: this.searchTerm,
+                show_ids: this.showIds,
+            });
             this.priceZoneService.priceZones$
                 .pipe(takeUntil(this.destroy$))
                 .subscribe((priceZones) => {
@@ -9308,7 +9307,20 @@ class PriceZoneSelectComponent {
                 .pipe(debounceTime(400), distinctUntilChanged(), takeUntil(this.destroy$))
                 .subscribe((search) => {
                 this.searchTerm = search;
-                this.priceZoneService.loadPriceZones({ search: this.searchTerm });
+                this.priceZoneService.loadPriceZones({
+                    search: this.searchTerm,
+                    show_ids: this.showIds,
+                });
+            });
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['showIds'] &&
+            !changes['showIds'].firstChange &&
+            isPlatformBrowser(this.platformId)) {
+            this.priceZoneService.loadPriceZones({
+                search: this.searchTerm,
+                show_ids: this.showIds,
             });
         }
     }
@@ -9351,7 +9363,7 @@ class PriceZoneSelectComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PriceZoneSelectComponent, deps: [{ token: PLATFORM_ID }, { token: PriceZoneService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PriceZoneSelectComponent, isStandalone: true, selector: "price-zone-select", inputs: { label: "label", placeholder: "placeholder", name: "name", required: "required", readonly: "readonly", showError: "showError", customClass: "customClass", control: "control" }, outputs: { priceZoneChange: "priceZoneChange" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PriceZoneSelectComponent, isStandalone: true, selector: "price-zone-select", inputs: { label: "label", placeholder: "placeholder", name: "name", required: "required", readonly: "readonly", showError: "showError", customClass: "customClass", control: "control", showIds: "showIds" }, outputs: { priceZoneChange: "priceZoneChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PriceZoneSelectComponent),
@@ -9362,7 +9374,7 @@ class PriceZoneSelectComponent {
                 useExisting: forwardRef(() => PriceZoneSelectComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<form-select\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n  [name]=\"name || 'price_zone_id'\"\n  [class]=\"customClass\"\n  [options]=\"priceZones()\"\n  [required]=\"required\"\n  [readonly]=\"readonly\"\n  [formControl]=\"formControl\"\n  (change)=\"onPriceZoneSelected($event)\"\n></form-select>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormSelectComponent, selector: "form-select", inputs: ["label", "name", "id", "placeholder", "required", "disabled", "readonly", "options", "fieldGroupClass", "showDefaultOption", "defaultOptionLabel"] }] });
+        ], usesOnChanges: true, ngImport: i0, template: "<form-select\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n  [name]=\"name || 'price_zone_id'\"\n  [class]=\"customClass\"\n  [options]=\"priceZones()\"\n  [required]=\"required\"\n  [readonly]=\"readonly\"\n  [formControl]=\"formControl\"\n  (change)=\"onPriceZoneSelected($event)\"\n></form-select>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormSelectComponent, selector: "form-select", inputs: ["label", "name", "id", "placeholder", "required", "disabled", "readonly", "options", "fieldGroupClass", "showDefaultOption", "defaultOptionLabel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PriceZoneSelectComponent, decorators: [{
             type: Component,
@@ -9397,6 +9409,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 type: Input
             }], control: [{
                 type: Input
+            }], showIds: [{
+                type: Input
             }], priceZoneChange: [{
                 type: Output
             }] } });