npm - @rolatech/angular-property - Versions diffs - 20.2.9-beta.6 → 20.2.9-beta.7 - Mend

@rolatech/angular-property 20.2.9-beta.6 → 20.2.9-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/fesm2022/{rolatech-angular-property-property-index.component-svOlAAQR.mjs → rolatech-angular-property-property-index.component-C7LqE1e4.mjs} RENAMED Viewed

@@ -4,7 +4,7 @@ import { AngularCommonModule } from '@rolatech/angular-common';
 import { BaseComponent, RichItemComponent, AngularComponentsModule, RichViewComponent } from '@rolatech/angular-components';
 import { PropertyService, PropertySearchService } from '@rolatech/angular-services';
 import { map, distinctUntilChanged, switchMap, finalize } from 'rxjs';
-import { P as PropertyUtil, a as PropertyViewType, b as PropertyManageItemSkeleton } from './rolatech-angular-property-rolatech-angular-property-BQ-earJm.mjs';
+import { P as PropertyUtil, a as PropertyViewType, b as PropertyManageItemSkeleton } from './rolatech-angular-property-rolatech-angular-property-CG60ZNTz.mjs';
 import * as i1$1 from '@angular/common';
 import * as i2 from '@angular/material/paginator';
 import * as i1 from '@angular/router';
@@ -97,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
         }] });
 export { PropertyIndexComponent };
-//# sourceMappingURL=rolatech-angular-property-property-index.component-svOlAAQR.mjs.map
+//# sourceMappingURL=rolatech-angular-property-property-index.component-C7LqE1e4.mjs.map

package/fesm2022/{rolatech-angular-property-property-index.component-svOlAAQR.mjs.map → rolatech-angular-property-property-index.component-C7LqE1e4.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rolatech-angular-property-property-index.component-svOlAAQR.mjs","sources":["../../../../packages/angular-property/src/lib/pages/property/property-index/property-index.component.ts","../../../../packages/angular-property/src/lib/pages/property/property-index/property-index.component.html"],"sourcesContent":["import { Component, DestroyRef, effect, inject, OnInit, signal, ViewEncapsulation } from '@angular/core';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, RichViewComponent, RichItemComponent, BaseComponent } from '@rolatech/angular-components';\nimport { PropertySearchService, PropertyService } from '@rolatech/angular-services';\nimport { Property } from '../../../interfaces';\nimport { defer, distinctUntilChanged, finalize, map, switchMap } from 'rxjs';\nimport { PageEvent } from '@angular/material/paginator';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { PropertyUtil, PropertyViewType } from '../../../property-util';\nimport { PropertyManageItemSkeleton } from '../../../components/property-manage-item-skeleton/property-manage-item-skeleton';\n\n@Component({\n selector: 'rolatech-property-index',\n imports: [AngularCommonModule, AngularComponentsModule, RichViewComponent, RichItemComponent, PropertyManageItemSkeleton],\n templateUrl: './property-index.component.html',\n styleUrl: './property-index.component.scss',\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'rolatech-property-index',\n },\n})\nexport class PropertyIndexComponent extends BaseComponent implements OnInit {\n propertyService = inject(PropertyService);\n propertySearchService = inject(PropertySearchService);\n private util = inject(PropertyUtil);\n properties = signal<Property[]>([]);\n meta: any;\n loading = false;\n length = 100;\n pageSize = 15;\n pageIndex = signal(0);\n pageSizeOptions: number[] = [5, 10, 25, 100];\n viewType = PropertyViewType.GRID;\n\n ngOnInit(): void {\n this.util.viewEvent.subscribe((res) => {\n this.viewType = res;\n });\n const sub = this.route.queryParamMap\n .pipe(\n map((p) => {\n const page = p.get('page') ? Number(p.get('page')) : 1;\n this.pageIndex.set(Math.max(page - 1, 0));\n return {\n q: p.get('q') \|\| undefined,\n town: p.get('town') \|\| undefined,\n type: p.get('type') \|\| undefined,\n market: p.get('market') \|\| undefined,\n minBedrooms: p.get('minBedrooms') ? Number(p.get('minBedrooms')) : undefined,\n maxBedrooms: p.get('maxBedrooms') ? Number(p.get('maxBedrooms')) : undefined,\n minPrice: p.get('minPrice') ? Number(p.get('minPrice')) : undefined,\n maxPrice: p.get('maxPrice') ? Number(p.get('maxPrice')) : undefined,\n availableFrom: p.get('availableFrom') \|\| undefined,\n availableTo: p.get('availableTo') \|\| undefined,\n features: p.getAll('features')?.length ? p.getAll('features') : undefined,\n page,\n limit: p.get('limit') ? Number(p.get('limit')) : 15,\n sort: p.get('sort') \|\| undefined,\n };\n }),\n // Cheap deep compare via JSON to avoid spam calls when nothing changed\n map((o) => JSON.stringify(o)),\n distinctUntilChanged(),\n map((s) => JSON.parse(s)),\n switchMap((params) => {\n this.loading = true;\n params['sort'] = 'updatedAt desc';\n return this.propertySearchService.search<any>(params).pipe(finalize(() => (this.loading = false)));\n }),\n )\n .subscribe({\n next: (res) => {\n this.properties.set(res.data);\n this.meta = res.meta;\n this.length = res.meta.pagination.count;\n },\n error: () => {\n this.properties.set([]);\n this.length = 0;\n },\n });\n\n // // auto-unsubscribe on destroy\n this.destroyRef.onDestroy(() => sub.unsubscribe());\n }\n onPage(e: PageEvent) {\n this.router.navigate([], {\n queryParams: { page: e.pageIndex + 1, limit: e.pageSize },\n queryParamsHandling: 'merge',\n replaceUrl: true, // optional: avoid stacking history on every page click\n });\n }\n search(params: any) {\n this.propertySearchService.search(params).subscribe({\n next: (res) => {\n this.properties.set(res.data);\n this.meta = res.meta;\n this.loading = false;\n this.length = res.meta.pagination.count;\n },\n error: (error) => {\n this.loading = false;\n },\n });\n }\n}\n","<div class=\"min-w-[320px] h-full\">\n @if (loading) {\n <div class=\"bg-[--rt-rasised-background] h-full\">\n <div class=\"flex flex-row flex-wrap\" [ngClass]=\"viewType === 1 ? 'flex-col' : 'flex-row flex-wrap'\">\n @for (row of [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]; track row) {\n <rolatech-property-manage-item-skeleton [list]=\"viewType === 1\"></rolatech-property-manage-item-skeleton>\n }\n </div>\n </div>\n } @else {\n @if (properties() && properties().length > 0) {\n <rolatech-rich-view [wrap]=\"viewType === 0\" [list]=\"viewType === 1\">\n @for (item of properties(); track item) {\n @defer {\n <rolatech-rich-item\n [routerLink]=\"['./', item.id]\"\n [thumbnail]=\"item.media && item.media.length > 0 ? item.media[0].url : ''\"\n [title]=\"item.title\"\n thumbnailRatio=\"full\"\n [price]=\"item.price\"\n thumbnailMode=\"clip\"\n ></rolatech-rich-item>\n }\n }\n </rolatech-rich-view>\n } @else {\n <div class=\"flex w-full h-36 items-center justify-center\">\n <div>No data</div>\n </div>\n }\n <mat-paginator\n #paginator\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageIndex]=\"pageIndex()\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"onPage($event)\"\n hidePageSize\n showFirstLastButtons\n >\n </mat-paginator>\n }\n</div>\n"],"names":["i1","i3"],"mappings":"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"}
1	+ {"version":3,"file":"rolatech-angular-property-property-index.component-C7LqE1e4.mjs","sources":["../../../../packages/angular-property/src/lib/pages/property/property-index/property-index.component.ts","../../../../packages/angular-property/src/lib/pages/property/property-index/property-index.component.html"],"sourcesContent":["import { Component, DestroyRef, effect, inject, OnInit, signal, ViewEncapsulation } from '@angular/core';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, RichViewComponent, RichItemComponent, BaseComponent } from '@rolatech/angular-components';\nimport { PropertySearchService, PropertyService } from '@rolatech/angular-services';\nimport { Property } from '../../../interfaces';\nimport { defer, distinctUntilChanged, finalize, map, switchMap } from 'rxjs';\nimport { PageEvent } from '@angular/material/paginator';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { PropertyUtil, PropertyViewType } from '../../../property-util';\nimport { PropertyManageItemSkeleton } from '../../../components/property-manage-item-skeleton/property-manage-item-skeleton';\n\n@Component({\n selector: 'rolatech-property-index',\n imports: [AngularCommonModule, AngularComponentsModule, RichViewComponent, RichItemComponent, PropertyManageItemSkeleton],\n templateUrl: './property-index.component.html',\n styleUrl: './property-index.component.scss',\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'rolatech-property-index',\n },\n})\nexport class PropertyIndexComponent extends BaseComponent implements OnInit {\n propertyService = inject(PropertyService);\n propertySearchService = inject(PropertySearchService);\n private util = inject(PropertyUtil);\n properties = signal<Property[]>([]);\n meta: any;\n loading = false;\n length = 100;\n pageSize = 15;\n pageIndex = signal(0);\n pageSizeOptions: number[] = [5, 10, 25, 100];\n viewType = PropertyViewType.GRID;\n\n ngOnInit(): void {\n this.util.viewEvent.subscribe((res) => {\n this.viewType = res;\n });\n const sub = this.route.queryParamMap\n .pipe(\n map((p) => {\n const page = p.get('page') ? Number(p.get('page')) : 1;\n this.pageIndex.set(Math.max(page - 1, 0));\n return {\n q: p.get('q') \|\| undefined,\n town: p.get('town') \|\| undefined,\n type: p.get('type') \|\| undefined,\n market: p.get('market') \|\| undefined,\n minBedrooms: p.get('minBedrooms') ? Number(p.get('minBedrooms')) : undefined,\n maxBedrooms: p.get('maxBedrooms') ? Number(p.get('maxBedrooms')) : undefined,\n minPrice: p.get('minPrice') ? Number(p.get('minPrice')) : undefined,\n maxPrice: p.get('maxPrice') ? Number(p.get('maxPrice')) : undefined,\n availableFrom: p.get('availableFrom') \|\| undefined,\n availableTo: p.get('availableTo') \|\| undefined,\n features: p.getAll('features')?.length ? p.getAll('features') : undefined,\n page,\n limit: p.get('limit') ? Number(p.get('limit')) : 15,\n sort: p.get('sort') \|\| undefined,\n };\n }),\n // Cheap deep compare via JSON to avoid spam calls when nothing changed\n map((o) => JSON.stringify(o)),\n distinctUntilChanged(),\n map((s) => JSON.parse(s)),\n switchMap((params) => {\n this.loading = true;\n params['sort'] = 'updatedAt desc';\n return this.propertySearchService.search<any>(params).pipe(finalize(() => (this.loading = false)));\n }),\n )\n .subscribe({\n next: (res) => {\n this.properties.set(res.data);\n this.meta = res.meta;\n this.length = res.meta.pagination.count;\n },\n error: () => {\n this.properties.set([]);\n this.length = 0;\n },\n });\n\n // // auto-unsubscribe on destroy\n this.destroyRef.onDestroy(() => sub.unsubscribe());\n }\n onPage(e: PageEvent) {\n this.router.navigate([], {\n queryParams: { page: e.pageIndex + 1, limit: e.pageSize },\n queryParamsHandling: 'merge',\n replaceUrl: true, // optional: avoid stacking history on every page click\n });\n }\n search(params: any) {\n this.propertySearchService.search(params).subscribe({\n next: (res) => {\n this.properties.set(res.data);\n this.meta = res.meta;\n this.loading = false;\n this.length = res.meta.pagination.count;\n },\n error: (error) => {\n this.loading = false;\n },\n });\n }\n}\n","<div class=\"min-w-[320px] h-full\">\n @if (loading) {\n <div class=\"bg-[--rt-rasised-background] h-full\">\n <div class=\"flex flex-row flex-wrap\" [ngClass]=\"viewType === 1 ? 'flex-col' : 'flex-row flex-wrap'\">\n @for (row of [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]; track row) {\n <rolatech-property-manage-item-skeleton [list]=\"viewType === 1\"></rolatech-property-manage-item-skeleton>\n }\n </div>\n </div>\n } @else {\n @if (properties() && properties().length > 0) {\n <rolatech-rich-view [wrap]=\"viewType === 0\" [list]=\"viewType === 1\">\n @for (item of properties(); track item) {\n @defer {\n <rolatech-rich-item\n [routerLink]=\"['./', item.id]\"\n [thumbnail]=\"item.media && item.media.length > 0 ? item.media[0].url : ''\"\n [title]=\"item.title\"\n thumbnailRatio=\"full\"\n [price]=\"item.price\"\n thumbnailMode=\"clip\"\n ></rolatech-rich-item>\n }\n }\n </rolatech-rich-view>\n } @else {\n <div class=\"flex w-full h-36 items-center justify-center\">\n <div>No data</div>\n </div>\n }\n <mat-paginator\n #paginator\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageIndex]=\"pageIndex()\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"onPage($event)\"\n hidePageSize\n showFirstLastButtons\n >\n </mat-paginator>\n }\n</div>\n"],"names":["i1","i3"],"mappings":"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"}

package/fesm2022/{rolatech-angular-property-property-manage-viewings-index.component-CUNIyEhO.mjs → rolatech-angular-property-property-manage-viewings-index.component-BOPuOSdS.mjs} RENAMED Viewed

@@ -6,7 +6,7 @@ import { MatButtonModule } from '@angular/material/button';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { PropertyService } from '@rolatech/angular-services';
-import { c as PropertyViewingItemComponent } from './rolatech-angular-property-rolatech-angular-property-BQ-earJm.mjs';
+import { c as PropertyViewingItemComponent } from './rolatech-angular-property-rolatech-angular-property-CG60ZNTz.mjs';
 import * as i2 from '@angular/material/paginator';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { map, distinctUntilChanged, switchMap, finalize } from 'rxjs';
@@ -107,4 +107,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
         }] });
 export { PropertyManageViewingsIndexComponent };
-//# sourceMappingURL=rolatech-angular-property-property-manage-viewings-index.component-CUNIyEhO.mjs.map
+//# sourceMappingURL=rolatech-angular-property-property-manage-viewings-index.component-BOPuOSdS.mjs.map

package/fesm2022/{rolatech-angular-property-property-manage-viewings-index.component-CUNIyEhO.mjs.map → rolatech-angular-property-property-manage-viewings-index.component-BOPuOSdS.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rolatech-angular-property-property-manage-viewings-index.component-~~CUNIyEhO~~.mjs","sources":["../../../../packages/angular-property/src/lib/pages/property-manage/property-manage-viewings-index/property-manage-viewings-index.component.ts","../../../../packages/angular-property/src/lib/pages/property-manage/property-manage-viewings-index/property-manage-viewings-index.component.html"],"sourcesContent":["import { Component, inject, OnInit, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n BaseComponent,\n EmptyComponent,\n TabComponent,\n TabsComponent,\n ToolbarComponent,\n ListComponent,\n} from '@rolatech/angular-components';\nimport { MatButtonModule } from '@angular/material/button';\nimport { RouterModule } from '@angular/router';\nimport { PropertyService } from '@rolatech/angular-services';\nimport { PropertyViewingItemComponent } from '../../../components/property-viewing-item/property-viewing-item.component';\nimport { PropertyViewing } from '../../../interfaces';\nimport { MatPaginatorModule, PageEvent } from '@angular/material/paginator';\nimport { map, distinctUntilChanged, switchMap, finalize } from 'rxjs';\n\n@Component({\n selector: 'rolatech-property-manage-viewings-index',\n imports: [\n CommonModule,\n ToolbarComponent,\n MatButtonModule,\n TabsComponent,\n TabComponent,\n RouterModule,\n EmptyComponent,\n PropertyViewingItemComponent,\n MatPaginatorModule,\n ListComponent,\n ],\n templateUrl: './property-manage-viewings-index.component.html',\n styleUrl: './property-manage-viewings-index.component.scss',\n})\nexport class PropertyManageViewingsIndexComponent extends BaseComponent implements OnInit {\n propertyService = inject(PropertyService);\n select = 0;\n links = [\n {\n name: 'All',\n icon: 'dashboard',\n },\n {\n name: 'Completed',\n icon: 'category',\n status: 'completed',\n },\n {\n name: 'Cancelled',\n icon: 'category',\n status: 'cancelled',\n },\n ];\n filterOptions: any = {\n type: '',\n status: '',\n };\n loading = false;\n viewings = signal<PropertyViewing[]>([]);\n meta: any;\n pageEvent!: PageEvent;\n length = 100;\n pageSize = 15;\n pageSizeOptions: number[] = [5, 10, 25, 100];\n pageIndex = signal(0);\n\n ngOnInit(): void {\n const sub = this.route.queryParamMap\n .pipe(\n map((p) => {\n const page = p.get('page') ? Number(p.get('page')) : 1;\n this.pageIndex.set(Math.max(page - 1, 0));\n const status = p.get('status') \|\| undefined;\n\n let filter = '';\n if (status) {\n this.select = this.links.findIndex((item) => item.status === status);\n filter = `status:${status?.toUpperCase()}`;\n }\n return {\n page,\n filter,\n limit: p.get('limit') ? Number(p.get('limit')) : 15,\n sort: p.get('sort') \|\| undefined,\n };\n }),\n // Cheap deep compare via JSON to avoid spam calls when nothing changed\n map((o) => JSON.stringify(o)),\n distinctUntilChanged(),\n map((s) => JSON.parse(s)),\n switchMap((params) => {\n this.loading = true;\n params['sort'] = 'updatedAt desc';\n return this.propertyService.findViewings(params).pipe(finalize(() => (this.loading = false)));\n }),\n )\n .subscribe({\n next: (res: any) => {\n this.viewings.set(res.data);\n this.meta = res.meta;\n this.length = res.meta.pagination.count;\n },\n error: () => {\n this.viewings.set([]);\n this.length = 0;\n },\n });\n\n // // auto-unsubscribe on destroy\n this.destroyRef.onDestroy(() => sub.unsubscribe());\n }\n onPage(e: PageEvent) {\n this.router.navigate([], {\n queryParams: { page: e.pageIndex + 1, limit: e.pageSize },\n queryParamsHandling: 'merge',\n replaceUrl: true, // optional: avoid stacking history on every page click\n });\n }\n}\n","<rolatech-toolbar title=\"Viewings\">\n <div class=\"flex items-center gap-2\"></div>\n</rolatech-toolbar>\n<rolatech-tabs [select]=\"select\">\n @for (item of links; track item) {\n @if (item.status) {\n <rolatech-tab [label]=\"item.name\" routerLink=\"./\" [queryParams]=\"{ status: item.status }\"></rolatech-tab>\n } @else {\n <rolatech-tab [label]=\"item.name\" routerLink=\"./\"></rolatech-tab>\n }\n }\n</rolatech-tabs>\n<!-- <div>\n @if (viewings(); as viewings) {\n @for (item of viewings; track $index) {\n <rolatech-property-viewing-item [routerLink]=\"['./', item.id]\" [viewing]=\"item\"></rolatech-property-viewing-item>\n }\n } @else {\n <rolatech-empty></rolatech-empty>\n }\n</div> -->\n<rolatech-list>\n @if (viewings(); as viewings) {\n @for (item of viewings; track item) {\n <rolatech-property-viewing-item\n [loading]=\"loading\"\n [routerLink]=\"['./', item.id]\"\n [viewing]=\"item\"\n ></rolatech-property-viewing-item>\n }\n } @else {\n <rolatech-empty></rolatech-empty>\n }\n</rolatech-list>\n<mat-paginator\n #paginator\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageIndex]=\"pageIndex()\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"onPage($event)\"\n hidePageSize\n showFirstLastButtons\n>\n</mat-paginator>\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"rolatech-angular-property-property-manage-viewings-index.component-BOPuOSdS.mjs","sources":["../../../../packages/angular-property/src/lib/pages/property-manage/property-manage-viewings-index/property-manage-viewings-index.component.ts","../../../../packages/angular-property/src/lib/pages/property-manage/property-manage-viewings-index/property-manage-viewings-index.component.html"],"sourcesContent":["import { Component, inject, OnInit, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n BaseComponent,\n EmptyComponent,\n TabComponent,\n TabsComponent,\n ToolbarComponent,\n ListComponent,\n} from '@rolatech/angular-components';\nimport { MatButtonModule } from '@angular/material/button';\nimport { RouterModule } from '@angular/router';\nimport { PropertyService } from '@rolatech/angular-services';\nimport { PropertyViewingItemComponent } from '../../../components/property-viewing-item/property-viewing-item.component';\nimport { PropertyViewing } from '../../../interfaces';\nimport { MatPaginatorModule, PageEvent } from '@angular/material/paginator';\nimport { map, distinctUntilChanged, switchMap, finalize } from 'rxjs';\n\n@Component({\n selector: 'rolatech-property-manage-viewings-index',\n imports: [\n CommonModule,\n ToolbarComponent,\n MatButtonModule,\n TabsComponent,\n TabComponent,\n RouterModule,\n EmptyComponent,\n PropertyViewingItemComponent,\n MatPaginatorModule,\n ListComponent,\n ],\n templateUrl: './property-manage-viewings-index.component.html',\n styleUrl: './property-manage-viewings-index.component.scss',\n})\nexport class PropertyManageViewingsIndexComponent extends BaseComponent implements OnInit {\n propertyService = inject(PropertyService);\n select = 0;\n links = [\n {\n name: 'All',\n icon: 'dashboard',\n },\n {\n name: 'Completed',\n icon: 'category',\n status: 'completed',\n },\n {\n name: 'Cancelled',\n icon: 'category',\n status: 'cancelled',\n },\n ];\n filterOptions: any = {\n type: '',\n status: '',\n };\n loading = false;\n viewings = signal<PropertyViewing[]>([]);\n meta: any;\n pageEvent!: PageEvent;\n length = 100;\n pageSize = 15;\n pageSizeOptions: number[] = [5, 10, 25, 100];\n pageIndex = signal(0);\n\n ngOnInit(): void {\n const sub = this.route.queryParamMap\n .pipe(\n map((p) => {\n const page = p.get('page') ? Number(p.get('page')) : 1;\n this.pageIndex.set(Math.max(page - 1, 0));\n const status = p.get('status') \|\| undefined;\n\n let filter = '';\n if (status) {\n this.select = this.links.findIndex((item) => item.status === status);\n filter = `status:${status?.toUpperCase()}`;\n }\n return {\n page,\n filter,\n limit: p.get('limit') ? Number(p.get('limit')) : 15,\n sort: p.get('sort') \|\| undefined,\n };\n }),\n // Cheap deep compare via JSON to avoid spam calls when nothing changed\n map((o) => JSON.stringify(o)),\n distinctUntilChanged(),\n map((s) => JSON.parse(s)),\n switchMap((params) => {\n this.loading = true;\n params['sort'] = 'updatedAt desc';\n return this.propertyService.findViewings(params).pipe(finalize(() => (this.loading = false)));\n }),\n )\n .subscribe({\n next: (res: any) => {\n this.viewings.set(res.data);\n this.meta = res.meta;\n this.length = res.meta.pagination.count;\n },\n error: () => {\n this.viewings.set([]);\n this.length = 0;\n },\n });\n\n // // auto-unsubscribe on destroy\n this.destroyRef.onDestroy(() => sub.unsubscribe());\n }\n onPage(e: PageEvent) {\n this.router.navigate([], {\n queryParams: { page: e.pageIndex + 1, limit: e.pageSize },\n queryParamsHandling: 'merge',\n replaceUrl: true, // optional: avoid stacking history on every page click\n });\n }\n}\n","<rolatech-toolbar title=\"Viewings\">\n <div class=\"flex items-center gap-2\"></div>\n</rolatech-toolbar>\n<rolatech-tabs [select]=\"select\">\n @for (item of links; track item) {\n @if (item.status) {\n <rolatech-tab [label]=\"item.name\" routerLink=\"./\" [queryParams]=\"{ status: item.status }\"></rolatech-tab>\n } @else {\n <rolatech-tab [label]=\"item.name\" routerLink=\"./\"></rolatech-tab>\n }\n }\n</rolatech-tabs>\n<!-- <div>\n @if (viewings(); as viewings) {\n @for (item of viewings; track $index) {\n <rolatech-property-viewing-item [routerLink]=\"['./', item.id]\" [viewing]=\"item\"></rolatech-property-viewing-item>\n }\n } @else {\n <rolatech-empty></rolatech-empty>\n }\n</div> -->\n<rolatech-list>\n @if (viewings(); as viewings) {\n @for (item of viewings; track item) {\n <rolatech-property-viewing-item\n [loading]=\"loading\"\n [routerLink]=\"['./', item.id]\"\n [viewing]=\"item\"\n ></rolatech-property-viewing-item>\n }\n } @else {\n <rolatech-empty></rolatech-empty>\n }\n</rolatech-list>\n<mat-paginator\n #paginator\n [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageIndex]=\"pageIndex()\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"onPage($event)\"\n hidePageSize\n showFirstLastButtons\n>\n</mat-paginator>\n"],"names":[],"mappings":"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"}

package/fesm2022/{rolatech-angular-property-rolatech-angular-property-BQ-earJm.mjs → rolatech-angular-property-rolatech-angular-property-CG60ZNTz.mjs} RENAMED Viewed

@@ -2001,7 +2001,7 @@ class OfferCounterDialog {
                 deps: [MAT_DATE_LOCALE],
             },
             { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS$a },
-        ], ngImport: i0, template: "<div class=\"grid\">\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Offer amount (PCM)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().amount\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Move-in date</mat-label>\n      <input matInput [min]=\"minDate\" (focus)=\"dp.open()\" [matDatepicker]=\"dp\" [(ngModel)]=\"term().moveInDate\" readonly />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Payment frequency</mat-label>\n      <mat-select [(ngModel)]=\"term().paymentFrequency\">\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Tenancy length (months)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().tenancyLengthMonths\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Break clause (months)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().breakClauseMonths\" />\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Furniture</mat-label>\n      <mat-select [(ngModel)]=\"term().furniture\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>{{ petsInputFocused() ? 'Pets' : 'Add a pet (e.g., Dog, Cat or None)' }}</mat-label>\n\n    <mat-chip-grid #chipGrid aria-label=\"Pets\">\n      @for (p of (term().pets); track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n\n    @if ((term().pets).length <= 0) {\n    <mat-error>At least one pet or none is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  <mat-slide-toggle labelPosition=\"before\" class=\"py-3\" [(ngModel)]=\"term().smoker\">\n    <span class=\"text-lg font-bold\">Smoker</span>\n  </mat-slide-toggle>\n\n  <mat-form-field class=\"span2\">\n    <mat-label>Additional requests</mat-label>\n    <textarea matInput rows=\"3\" [(ngModel)]=\"term().additionalRequests\"></textarea>\n  </mat-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: MatSelectModule }, { kind: "component", type: i4.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: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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"] }] });
+        ], ngImport: i0, template: "<div class=\"grid\">\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Offer amount (PCM)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().amount\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Move-in date</mat-label>\n      <input matInput [min]=\"minDate\" (focus)=\"dp.open()\" [matDatepicker]=\"dp\" [(ngModel)]=\"term().moveInDate\" readonly />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Payment frequency</mat-label>\n      <mat-select [(ngModel)]=\"term().paymentFrequency\">\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Tenancy length (months)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().tenancyLengthMonths\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Break clause (months)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().breakClauseMonths\" />\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Furniture</mat-label>\n      <mat-select [(ngModel)]=\"term().furniture\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>{{ petsInputFocused() ? 'Pets' : 'Add a pet (e.g., Dog, Cat)' }}</mat-label>\n\n    <mat-chip-grid #chipGrid aria-label=\"Pets\">\n      @for (p of (term().pets); track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n\n    @if ((term().pets).length <= 0) {\n    <mat-error>At least one pet or none is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  <mat-slide-toggle labelPosition=\"before\" class=\"py-3\" [(ngModel)]=\"term().smoker\">\n    <span class=\"text-lg font-bold\">Smoker</span>\n  </mat-slide-toggle>\n\n  <mat-form-field class=\"span2\">\n    <mat-label>Additional requests</mat-label>\n    <textarea matInput rows=\"3\" [(ngModel)]=\"term().additionalRequests\"></textarea>\n  </mat-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: MatSelectModule }, { kind: "component", type: i4.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: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OfferCounterDialog, decorators: [{
             type: Component,
@@ -2023,7 +2023,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                             deps: [MAT_DATE_LOCALE],
                         },
                         { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS$a },
-                    ], template: "<div class=\"grid\">\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Offer amount (PCM)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().amount\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Move-in date</mat-label>\n      <input matInput [min]=\"minDate\" (focus)=\"dp.open()\" [matDatepicker]=\"dp\" [(ngModel)]=\"term().moveInDate\" readonly />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Payment frequency</mat-label>\n      <mat-select [(ngModel)]=\"term().paymentFrequency\">\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Tenancy length (months)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().tenancyLengthMonths\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Break clause (months)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().breakClauseMonths\" />\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Furniture</mat-label>\n      <mat-select [(ngModel)]=\"term().furniture\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>{{ petsInputFocused() ? 'Pets' : 'Add a pet (e.g., Dog, Cat or None)' }}</mat-label>\n\n    <mat-chip-grid #chipGrid aria-label=\"Pets\">\n      @for (p of (term().pets); track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n\n    @if ((term().pets).length <= 0) {\n    <mat-error>At least one pet or none is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  <mat-slide-toggle labelPosition=\"before\" class=\"py-3\" [(ngModel)]=\"term().smoker\">\n    <span class=\"text-lg font-bold\">Smoker</span>\n  </mat-slide-toggle>\n\n  <mat-form-field class=\"span2\">\n    <mat-label>Additional requests</mat-label>\n    <textarea matInput rows=\"3\" [(ngModel)]=\"term().additionalRequests\"></textarea>\n  </mat-form-field>\n</div>\n" }]
+                    ], template: "<div class=\"grid\">\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Offer amount (PCM)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().amount\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Move-in date</mat-label>\n      <input matInput [min]=\"minDate\" (focus)=\"dp.open()\" [matDatepicker]=\"dp\" [(ngModel)]=\"term().moveInDate\" readonly />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Payment frequency</mat-label>\n      <mat-select [(ngModel)]=\"term().paymentFrequency\">\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Tenancy length (months)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().tenancyLengthMonths\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Break clause (months)</mat-label>\n      <input matInput type=\"number\" [(ngModel)]=\"term().breakClauseMonths\" />\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Furniture</mat-label>\n      <mat-select [(ngModel)]=\"term().furniture\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>{{ petsInputFocused() ? 'Pets' : 'Add a pet (e.g., Dog, Cat)' }}</mat-label>\n\n    <mat-chip-grid #chipGrid aria-label=\"Pets\">\n      @for (p of (term().pets); track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n\n    @if ((term().pets).length <= 0) {\n    <mat-error>At least one pet or none is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  <mat-slide-toggle labelPosition=\"before\" class=\"py-3\" [(ngModel)]=\"term().smoker\">\n    <span class=\"text-lg font-bold\">Smoker</span>\n  </mat-slide-toggle>\n\n  <mat-form-field class=\"span2\">\n    <mat-label>Additional requests</mat-label>\n    <textarea matInput rows=\"3\" [(ngModel)]=\"term().additionalRequests\"></textarea>\n  </mat-form-field>\n</div>\n" }]
         }], propDecorators: { term: [{ type: i0.Input, args: [{ isSignal: true, alias: "term", required: true }] }, { type: i0.Output, args: ["termChange"] }], output: [{ type: i0.Output, args: ["output"] }] } });
 class OfferInternalNoteFacade {
@@ -2823,7 +2823,7 @@ class OfferCounterEdit {
         this.f.setField('pets', current.filter((x) => x !== p));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OfferCounterEdit, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: OfferCounterEdit, isStandalone: true, selector: "rolatech-offer-counter-edit", ngImport: i0, template: "<!-- offer-counter-edit.component.html (Angular Material + Tailwind grid) -->\n\n<div class=\"grid gap-4\">\n  <!-- Row 1 -->\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Offer amount (PCM) @if (f.isEdited('amount')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        inputmode=\"decimal\"\n        [ngModel]=\"this.term().amount\"\n        (ngModelChange)=\"setAmountPounds($event)\"\n      />\n      <mat-hint>\n        Deposit:\n        <span class=\"font-medium\">{{ depositPence() ?? 0 | price }}</span>\n      </mat-hint>\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Move-in date @if (f.isEdited('moveInDate')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n\n      <input\n        matInput\n        [min]=\"minDate\"\n        (focus)=\"dp.open()\"\n        [matDatepicker]=\"dp\"\n        [ngModel]=\"term().moveInDate\"\n        (ngModelChange)=\"setField('moveInDate', $event)\"\n        readonly\n      />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Payment frequency @if (f.isEdited('paymentFrequency')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <mat-select [ngModel]=\"term().paymentFrequency\" (ngModelChange)=\"setField('paymentFrequency', $event)\">\n        <mat-option [value]=\"null\">\u2014</mat-option>\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <!-- Row 2 -->\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Tenancy length (months) @if (f.isEdited('tenancyLengthMonths')) {\n        <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"term().tenancyLengthMonths\"\n        (ngModelChange)=\"setFieldNumber('tenancyLengthMonths', $event)\"\n      />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Break clause (months) @if (f.isEdited('breakClauseMonths')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"term().breakClauseMonths\"\n        (ngModelChange)=\"setFieldNumber('breakClauseMonths', $event)\"\n      />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Furniture @if (f.isEdited('furniture')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <mat-select [ngModel]=\"term().furniture\" (ngModelChange)=\"setField('furniture', $event)\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <!-- Pets -->\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>\n      {{ petsInputFocused() ? 'Pets' : 'Add a pet (e.g., Dog, Cat or None)' }} @if (f.isEdited('pets')) {\n      <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n    </mat-label>\n\n    <mat-chip-grid #chipGrid aria-label=\"Pets\">\n      @for (p of term().pets; track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n\n    @if (term().pets.length <= 0) {\n    <mat-error>At least one pet or \u201CNone\u201D is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  <!-- Smoker -->\n  <div class=\"flex items-center justify-between rounded-xl border border-[--rt-border-color] bg-[--rt-base-background] p-3\">\n    <div class=\"flex items-center gap-2\">\n      <span class=\"text-sm text-[--rt-text-secondary]\">Smoker</span>\n      @if (f.isEdited('smoker')) { <span class=\"text-xs text-orange-500\">Edited</span> }\n    </div>\n\n    <mat-slide-toggle labelPosition=\"before\" [ngModel]=\"term().smoker\" (ngModelChange)=\"setField('smoker', $event)\">\n      <span class=\"font-medium\">{{ term().smoker ? 'Yes' : 'No' }}</span>\n    </mat-slide-toggle>\n  </div>\n\n  <!-- Additional requests -->\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>\n      Additional requests @if (f.isEdited('additionalRequests')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n    </mat-label>\n    <textarea\n      matInput\n      rows=\"3\"\n      [ngModel]=\"term().additionalRequests\"\n      (ngModelChange)=\"setField('additionalRequests', $event)\"\n    ></textarea>\n  </mat-form-field>\n\n  <!-- Actions -->\n  <div class=\"flex justify-end gap-2 pt-2\">\n    <button mat-stroked-button type=\"button\" (click)=\"f.cancelEdit()\" [disabled]=\"f.loading()\">Cancel</button>\n    <button mat-flat-button type=\"button\" (click)=\"f.sendCounter()\" [disabled]=\"f.loading()\">Save & Send</button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: MatSelectModule }, { kind: "component", type: i4.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: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$3.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: "pipe", type: PricePipe, name: "price" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: OfferCounterEdit, isStandalone: true, selector: "rolatech-offer-counter-edit", ngImport: i0, template: "<!-- offer-counter-edit.component.html (Angular Material + Tailwind grid) -->\n\n<div class=\"grid gap-4\">\n  <!-- Row 1 -->\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Offer amount (PCM) @if (f.isEdited('amount')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        inputmode=\"decimal\"\n        [ngModel]=\"this.term().amount\"\n        (ngModelChange)=\"setAmountPounds($event)\"\n      />\n      <mat-hint>\n        Deposit:\n        <span class=\"font-medium\">{{ depositPence() ?? 0 | price }}</span>\n      </mat-hint>\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Move-in date @if (f.isEdited('moveInDate')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n\n      <input\n        matInput\n        [min]=\"minDate\"\n        (focus)=\"dp.open()\"\n        [matDatepicker]=\"dp\"\n        [ngModel]=\"term().moveInDate\"\n        (ngModelChange)=\"setField('moveInDate', $event)\"\n        readonly\n      />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Payment frequency @if (f.isEdited('paymentFrequency')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <mat-select [ngModel]=\"term().paymentFrequency\" (ngModelChange)=\"setField('paymentFrequency', $event)\">\n        <mat-option [value]=\"null\">\u2014</mat-option>\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <!-- Row 2 -->\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Tenancy length (months) @if (f.isEdited('tenancyLengthMonths')) {\n        <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"term().tenancyLengthMonths\"\n        (ngModelChange)=\"setFieldNumber('tenancyLengthMonths', $event)\"\n      />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Break clause (months) @if (f.isEdited('breakClauseMonths')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"term().breakClauseMonths\"\n        (ngModelChange)=\"setFieldNumber('breakClauseMonths', $event)\"\n      />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Furniture @if (f.isEdited('furniture')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <mat-select [ngModel]=\"term().furniture\" (ngModelChange)=\"setField('furniture', $event)\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <!-- Pets -->\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>\n      {{ petsInputFocused() ? 'Pets' : 'Add a pet (e.g., Dog, Cat)' }} @if (f.isEdited('pets')) {\n      <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n    </mat-label>\n\n    <mat-chip-grid #chipGrid aria-label=\"Pets\">\n      @for (p of term().pets; track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n\n    @if (term().pets.length <= 0) {\n    <mat-error>At least one pet or \u201CNone\u201D is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  <!-- Smoker -->\n  <div class=\"flex items-center justify-between rounded-xl border border-[--rt-border-color] bg-[--rt-base-background] p-3\">\n    <div class=\"flex items-center gap-2\">\n      <span class=\"text-sm text-[--rt-text-secondary]\">Smoker</span>\n      @if (f.isEdited('smoker')) { <span class=\"text-xs text-orange-500\">Edited</span> }\n    </div>\n\n    <mat-slide-toggle labelPosition=\"before\" [ngModel]=\"term().smoker\" (ngModelChange)=\"setField('smoker', $event)\">\n      <span class=\"font-medium\">{{ term().smoker ? 'Yes' : 'No' }}</span>\n    </mat-slide-toggle>\n  </div>\n\n  <!-- Additional requests -->\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>\n      Additional requests @if (f.isEdited('additionalRequests')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n    </mat-label>\n    <textarea\n      matInput\n      rows=\"3\"\n      [ngModel]=\"term().additionalRequests\"\n      (ngModelChange)=\"setField('additionalRequests', $event)\"\n    ></textarea>\n  </mat-form-field>\n\n  <!-- Actions -->\n  <div class=\"flex justify-end gap-2 pt-2\">\n    <button mat-stroked-button type=\"button\" (click)=\"f.cancelEdit()\" [disabled]=\"f.loading()\">Cancel</button>\n    <button mat-flat-button type=\"button\" (click)=\"f.sendCounter()\" [disabled]=\"f.loading()\">Save & Send</button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: MatSelectModule }, { kind: "component", type: i4.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: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$3.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: "pipe", type: PricePipe, name: "price" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OfferCounterEdit, decorators: [{
             type: Component,
@@ -2840,7 +2840,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                         MatIconModule,
                         MatButtonModule,
                         PricePipe,
-                    ], template: "<!-- offer-counter-edit.component.html (Angular Material + Tailwind grid) -->\n\n<div class=\"grid gap-4\">\n  <!-- Row 1 -->\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Offer amount (PCM) @if (f.isEdited('amount')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        inputmode=\"decimal\"\n        [ngModel]=\"this.term().amount\"\n        (ngModelChange)=\"setAmountPounds($event)\"\n      />\n      <mat-hint>\n        Deposit:\n        <span class=\"font-medium\">{{ depositPence() ?? 0 | price }}</span>\n      </mat-hint>\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Move-in date @if (f.isEdited('moveInDate')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n\n      <input\n        matInput\n        [min]=\"minDate\"\n        (focus)=\"dp.open()\"\n        [matDatepicker]=\"dp\"\n        [ngModel]=\"term().moveInDate\"\n        (ngModelChange)=\"setField('moveInDate', $event)\"\n        readonly\n      />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Payment frequency @if (f.isEdited('paymentFrequency')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <mat-select [ngModel]=\"term().paymentFrequency\" (ngModelChange)=\"setField('paymentFrequency', $event)\">\n        <mat-option [value]=\"null\">\u2014</mat-option>\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <!-- Row 2 -->\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Tenancy length (months) @if (f.isEdited('tenancyLengthMonths')) {\n        <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"term().tenancyLengthMonths\"\n        (ngModelChange)=\"setFieldNumber('tenancyLengthMonths', $event)\"\n      />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Break clause (months) @if (f.isEdited('breakClauseMonths')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"term().breakClauseMonths\"\n        (ngModelChange)=\"setFieldNumber('breakClauseMonths', $event)\"\n      />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Furniture @if (f.isEdited('furniture')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <mat-select [ngModel]=\"term().furniture\" (ngModelChange)=\"setField('furniture', $event)\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <!-- Pets -->\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>\n      {{ petsInputFocused() ? 'Pets' : 'Add a pet (e.g., Dog, Cat or None)' }} @if (f.isEdited('pets')) {\n      <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n    </mat-label>\n\n    <mat-chip-grid #chipGrid aria-label=\"Pets\">\n      @for (p of term().pets; track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n\n    @if (term().pets.length <= 0) {\n    <mat-error>At least one pet or \u201CNone\u201D is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  <!-- Smoker -->\n  <div class=\"flex items-center justify-between rounded-xl border border-[--rt-border-color] bg-[--rt-base-background] p-3\">\n    <div class=\"flex items-center gap-2\">\n      <span class=\"text-sm text-[--rt-text-secondary]\">Smoker</span>\n      @if (f.isEdited('smoker')) { <span class=\"text-xs text-orange-500\">Edited</span> }\n    </div>\n\n    <mat-slide-toggle labelPosition=\"before\" [ngModel]=\"term().smoker\" (ngModelChange)=\"setField('smoker', $event)\">\n      <span class=\"font-medium\">{{ term().smoker ? 'Yes' : 'No' }}</span>\n    </mat-slide-toggle>\n  </div>\n\n  <!-- Additional requests -->\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>\n      Additional requests @if (f.isEdited('additionalRequests')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n    </mat-label>\n    <textarea\n      matInput\n      rows=\"3\"\n      [ngModel]=\"term().additionalRequests\"\n      (ngModelChange)=\"setField('additionalRequests', $event)\"\n    ></textarea>\n  </mat-form-field>\n\n  <!-- Actions -->\n  <div class=\"flex justify-end gap-2 pt-2\">\n    <button mat-stroked-button type=\"button\" (click)=\"f.cancelEdit()\" [disabled]=\"f.loading()\">Cancel</button>\n    <button mat-flat-button type=\"button\" (click)=\"f.sendCounter()\" [disabled]=\"f.loading()\">Save & Send</button>\n  </div>\n</div>\n" }]
+                    ], template: "<!-- offer-counter-edit.component.html (Angular Material + Tailwind grid) -->\n\n<div class=\"grid gap-4\">\n  <!-- Row 1 -->\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Offer amount (PCM) @if (f.isEdited('amount')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        inputmode=\"decimal\"\n        [ngModel]=\"this.term().amount\"\n        (ngModelChange)=\"setAmountPounds($event)\"\n      />\n      <mat-hint>\n        Deposit:\n        <span class=\"font-medium\">{{ depositPence() ?? 0 | price }}</span>\n      </mat-hint>\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Move-in date @if (f.isEdited('moveInDate')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n\n      <input\n        matInput\n        [min]=\"minDate\"\n        (focus)=\"dp.open()\"\n        [matDatepicker]=\"dp\"\n        [ngModel]=\"term().moveInDate\"\n        (ngModelChange)=\"setField('moveInDate', $event)\"\n        readonly\n      />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Payment frequency @if (f.isEdited('paymentFrequency')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <mat-select [ngModel]=\"term().paymentFrequency\" (ngModelChange)=\"setField('paymentFrequency', $event)\">\n        <mat-option [value]=\"null\">\u2014</mat-option>\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <!-- Row 2 -->\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Tenancy length (months) @if (f.isEdited('tenancyLengthMonths')) {\n        <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"term().tenancyLengthMonths\"\n        (ngModelChange)=\"setFieldNumber('tenancyLengthMonths', $event)\"\n      />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Break clause (months) @if (f.isEdited('breakClauseMonths')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"term().breakClauseMonths\"\n        (ngModelChange)=\"setFieldNumber('breakClauseMonths', $event)\"\n      />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-12 sm:col-span-4\" appearance=\"fill\">\n      <mat-label>\n        Furniture @if (f.isEdited('furniture')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n      </mat-label>\n      <mat-select [ngModel]=\"term().furniture\" (ngModelChange)=\"setField('furniture', $event)\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <!-- Pets -->\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>\n      {{ petsInputFocused() ? 'Pets' : 'Add a pet (e.g., Dog, Cat)' }} @if (f.isEdited('pets')) {\n      <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n    </mat-label>\n\n    <mat-chip-grid #chipGrid aria-label=\"Pets\">\n      @for (p of term().pets; track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n\n    @if (term().pets.length <= 0) {\n    <mat-error>At least one pet or \u201CNone\u201D is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  <!-- Smoker -->\n  <div class=\"flex items-center justify-between rounded-xl border border-[--rt-border-color] bg-[--rt-base-background] p-3\">\n    <div class=\"flex items-center gap-2\">\n      <span class=\"text-sm text-[--rt-text-secondary]\">Smoker</span>\n      @if (f.isEdited('smoker')) { <span class=\"text-xs text-orange-500\">Edited</span> }\n    </div>\n\n    <mat-slide-toggle labelPosition=\"before\" [ngModel]=\"term().smoker\" (ngModelChange)=\"setField('smoker', $event)\">\n      <span class=\"font-medium\">{{ term().smoker ? 'Yes' : 'No' }}</span>\n    </mat-slide-toggle>\n  </div>\n\n  <!-- Additional requests -->\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>\n      Additional requests @if (f.isEdited('additionalRequests')) { <span class=\"ml-2 text-xs text-orange-500\">Edited</span> }\n    </mat-label>\n    <textarea\n      matInput\n      rows=\"3\"\n      [ngModel]=\"term().additionalRequests\"\n      (ngModelChange)=\"setField('additionalRequests', $event)\"\n    ></textarea>\n  </mat-form-field>\n\n  <!-- Actions -->\n  <div class=\"flex justify-end gap-2 pt-2\">\n    <button mat-stroked-button type=\"button\" (click)=\"f.cancelEdit()\" [disabled]=\"f.loading()\">Cancel</button>\n    <button mat-flat-button type=\"button\" (click)=\"f.sendCounter()\" [disabled]=\"f.loading()\">Save & Send</button>\n  </div>\n</div>\n" }]
         }] });
 class OfferCounterLatestCard {
@@ -5229,7 +5229,7 @@ class OfferFormFacade {
             rental.get('paymentFrequency')?.setValidators([Validators.required]);
             rental.get('tenancyLengthMonths')?.setValidators([Validators.required, Validators.min(1)]);
             rental.get('breakClauseMonths')?.setValidators([Validators.required, Validators.min(0)]);
-            rental.get('pets')?.setValidators([Validators.required]);
+            // rental.get('pets')?.setValidators([Validators.required]);
             rental.get('smoker')?.setValidators([Validators.required]);
             rental.get('furnitureRequirement')?.setValidators([Validators.required]);
             this.applyTenantDynamicValidators();
@@ -6013,7 +6013,7 @@ class RentalOfferTermsSection {
                 deps: [MAT_DATE_LOCALE],
             },
             { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS$5 },
-        ], ngImport: i0, template: "<div class=\"grid\" [formGroup]=\"rental\">\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Offer amount (PCM)</mat-label>\n      <input matInput type=\"number\" formControlName=\"amount\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Move-in date</mat-label>\n      <input matInput [min]=\"minDate\" (focus)=\"dp.open()\" [matDatepicker]=\"dp\" formControlName=\"moveInDate\" readonly />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Payment frequency</mat-label>\n      <mat-select formControlName=\"paymentFrequency\">\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Tenancy length (months)</mat-label>\n      <input matInput type=\"number\" formControlName=\"tenancyLengthMonths\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Break clause (months)</mat-label>\n      <input matInput type=\"number\" formControlName=\"breakClauseMonths\" />\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Furniture</mat-label>\n      <mat-select formControlName=\"furnitureRequirement\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>{{petsInputFocused() ? 'Pets' :'Add a pet (e.g., Dog, Cat or None)'}} </mat-label>\n    <!-- <mat-label>Add a pet (e.g., Dog, Cat or None)</mat-label> -->\n    <!-- <mat-label> Pets <span class=\"text-red-500\">*</span> </mat-label> -->\n    <mat-chip-grid #chipGrid aria-label=\"Pets\" formControlName=\"pets\">\n      @for (p of pets(); track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n    <!-- \u2705 Required error -->\n    @if (petsControl().touched && petsControl().hasError('required')) {\n    <mat-error>At least one pet or none is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  @if (petsControl().value.length) {\n  <p class=\"hint\">Landlord approval may still be required.</p>\n  }\n\n  <mat-slide-toggle labelPosition=\"before\" class=\"py-3\" formControlName=\"smoker\">\n    <span class=\"text-lg font-bold\">Smoker</span>\n  </mat-slide-toggle>\n\n  <mat-form-field class=\"span2\">\n    <mat-label>Additional requests</mat-label>\n    <textarea matInput rows=\"3\" formControlName=\"additionalRequests\"></textarea>\n  </mat-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: MatSelectModule }, { kind: "component", type: i4.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: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: AngularComponentsModule }] });
+        ], ngImport: i0, template: "<div class=\"grid\" [formGroup]=\"rental\">\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Offer amount (PCM)</mat-label>\n      <input matInput type=\"number\" formControlName=\"amount\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Move-in date</mat-label>\n      <input matInput [min]=\"minDate\" (focus)=\"dp.open()\" [matDatepicker]=\"dp\" formControlName=\"moveInDate\" readonly />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Payment frequency</mat-label>\n      <mat-select formControlName=\"paymentFrequency\">\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Tenancy length (months)</mat-label>\n      <input matInput type=\"number\" formControlName=\"tenancyLengthMonths\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Break clause (months)</mat-label>\n      <input matInput type=\"number\" formControlName=\"breakClauseMonths\" />\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Furniture</mat-label>\n      <mat-select formControlName=\"furnitureRequirement\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>{{petsInputFocused() ? 'Pets' :'Add a pet (e.g., Dog, Cat)'}} </mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Pets\" formControlName=\"pets\">\n      @for (p of pets(); track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n    <!-- \u2705 Required error -->\n    @if (petsControl().touched && petsControl().hasError('required')) {\n    <mat-error>At least one pet or none is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  @if (petsControl().value.length) {\n  <p class=\"hint\">Landlord approval may still be required.</p>\n  }\n\n  <mat-slide-toggle labelPosition=\"before\" class=\"py-3\" formControlName=\"smoker\">\n    <span class=\"text-lg font-bold\">Smoker</span>\n  </mat-slide-toggle>\n\n  <mat-form-field class=\"span2\">\n    <mat-label>Additional requests</mat-label>\n    <textarea matInput rows=\"3\" formControlName=\"additionalRequests\"></textarea>\n  </mat-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: MatSelectModule }, { kind: "component", type: i4.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: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i7.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: AngularComponentsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: RentalOfferTermsSection, decorators: [{
             type: Component,
@@ -6035,7 +6035,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                             deps: [MAT_DATE_LOCALE],
                         },
                         { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS$5 },
-                    ], template: "<div class=\"grid\" [formGroup]=\"rental\">\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Offer amount (PCM)</mat-label>\n      <input matInput type=\"number\" formControlName=\"amount\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Move-in date</mat-label>\n      <input matInput [min]=\"minDate\" (focus)=\"dp.open()\" [matDatepicker]=\"dp\" formControlName=\"moveInDate\" readonly />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Payment frequency</mat-label>\n      <mat-select formControlName=\"paymentFrequency\">\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Tenancy length (months)</mat-label>\n      <input matInput type=\"number\" formControlName=\"tenancyLengthMonths\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Break clause (months)</mat-label>\n      <input matInput type=\"number\" formControlName=\"breakClauseMonths\" />\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Furniture</mat-label>\n      <mat-select formControlName=\"furnitureRequirement\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>{{petsInputFocused() ? 'Pets' :'Add a pet (e.g., Dog, Cat or None)'}} </mat-label>\n    <!-- <mat-label>Add a pet (e.g., Dog, Cat or None)</mat-label> -->\n    <!-- <mat-label> Pets <span class=\"text-red-500\">*</span> </mat-label> -->\n    <mat-chip-grid #chipGrid aria-label=\"Pets\" formControlName=\"pets\">\n      @for (p of pets(); track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n    <!-- \u2705 Required error -->\n    @if (petsControl().touched && petsControl().hasError('required')) {\n    <mat-error>At least one pet or none is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  @if (petsControl().value.length) {\n  <p class=\"hint\">Landlord approval may still be required.</p>\n  }\n\n  <mat-slide-toggle labelPosition=\"before\" class=\"py-3\" formControlName=\"smoker\">\n    <span class=\"text-lg font-bold\">Smoker</span>\n  </mat-slide-toggle>\n\n  <mat-form-field class=\"span2\">\n    <mat-label>Additional requests</mat-label>\n    <textarea matInput rows=\"3\" formControlName=\"additionalRequests\"></textarea>\n  </mat-form-field>\n</div>\n" }]
+                    ], template: "<div class=\"grid\" [formGroup]=\"rental\">\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Offer amount (PCM)</mat-label>\n      <input matInput type=\"number\" formControlName=\"amount\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Move-in date</mat-label>\n      <input matInput [min]=\"minDate\" (focus)=\"dp.open()\" [matDatepicker]=\"dp\" formControlName=\"moveInDate\" readonly />\n      <mat-datepicker-toggle matIconSuffix [for]=\"dp\"></mat-datepicker-toggle>\n      <mat-datepicker #dp></mat-datepicker>\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Payment frequency</mat-label>\n      <mat-select formControlName=\"paymentFrequency\">\n        <mat-option value=\"MONTHLY\">Monthly</mat-option>\n        <mat-option value=\"QUARTERLY\">Quarterly</mat-option>\n        <mat-option value=\"SEMI_ANNUALLY\">Semi-annually</mat-option>\n        <mat-option value=\"ANNUALLY\">Annually</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div class=\"grid grid-cols-12 gap-3\">\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Tenancy length (months)</mat-label>\n      <input matInput type=\"number\" formControlName=\"tenancyLengthMonths\" />\n    </mat-form-field>\n\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Break clause (months)</mat-label>\n      <input matInput type=\"number\" formControlName=\"breakClauseMonths\" />\n    </mat-form-field>\n    <mat-form-field class=\"col-span-4\">\n      <mat-label>Furniture</mat-label>\n      <mat-select formControlName=\"furnitureRequirement\">\n        <mat-option value=\"FURNISHED\">Furnished</mat-option>\n        <mat-option value=\"UNFURNISHED\">Unfurnished</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <mat-form-field appearance=\"fill\" class=\"w-full\">\n    <mat-label>{{petsInputFocused() ? 'Pets' :'Add a pet (e.g., Dog, Cat)'}} </mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Pets\" formControlName=\"pets\">\n      @for (p of pets(); track p) {\n      <mat-chip-row (removed)=\"removePet(p)\">\n        {{ p }}\n        <button matChipRemove [attr.aria-label]=\"'remove ' + p\">\n          <mat-icon>cancel</mat-icon>\n        </button>\n      </mat-chip-row>\n      }\n\n      <input\n        matInput\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        (focus)=\"petsInputFocused.set(true)\"\n        (blur)=\"petsInputFocused.set(false)\"\n        (matChipInputTokenEnd)=\"addPet($event)\"\n      />\n    </mat-chip-grid>\n    <!-- \u2705 Required error -->\n    @if (petsControl().touched && petsControl().hasError('required')) {\n    <mat-error>At least one pet or none is required</mat-error>\n    }\n    <mat-hint>Press Enter or comma to add multiple pets.</mat-hint>\n  </mat-form-field>\n\n  @if (petsControl().value.length) {\n  <p class=\"hint\">Landlord approval may still be required.</p>\n  }\n\n  <mat-slide-toggle labelPosition=\"before\" class=\"py-3\" formControlName=\"smoker\">\n    <span class=\"text-lg font-bold\">Smoker</span>\n  </mat-slide-toggle>\n\n  <mat-form-field class=\"span2\">\n    <mat-label>Additional requests</mat-label>\n    <textarea matInput rows=\"3\" formControlName=\"additionalRequests\"></textarea>\n  </mat-form-field>\n</div>\n" }]
         }] });
 class TenantRegistryService {
@@ -6510,7 +6510,7 @@ const propertyRoutes = [
         children: [
             {
                 path: '',
-                loadComponent: () => import('./rolatech-angular-property-property-index.component-svOlAAQR.mjs').then((x) => x.PropertyIndexComponent),
+                loadComponent: () => import('./rolatech-angular-property-property-index.component-C7LqE1e4.mjs').then((x) => x.PropertyIndexComponent),
             },
         ],
     },
@@ -8416,7 +8416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
 const propertyManageViewingsRoutes = [
     {
         path: '',
-        loadComponent: () => import('./rolatech-angular-property-property-manage-viewings-index.component-CUNIyEhO.mjs').then((x) => x.PropertyManageViewingsIndexComponent),
+        loadComponent: () => import('./rolatech-angular-property-property-manage-viewings-index.component-BOPuOSdS.mjs').then((x) => x.PropertyManageViewingsIndexComponent),
     },
     {
         path: ':id',
@@ -9962,4 +9962,4 @@ const propertyAgentListingRoutes = [
  */
 export { PropertyViewerCategory as A, PropertyOfferTimelineStatus as B, PropertyOfferType as C, PropertyOfferStatus as D, EmploymentStatus as E, ResidencyStatus as F, PropertyApplicantType as G, AdverseCreditStatus as H, BedroomRange as I, PriceRange as J, Market as M, PropertyUtil as P, RentFrequency as R, ViewingTime as V, PropertyViewType as a, PropertyManageItemSkeleton as b, PropertyViewingItemComponent as c, propertyManageOffersRoutes as d, propertyRoutes as e, featureManageRoutes as f, propertyManageRoutes as g, propertyManageViewingsRoutes as h, propertyAgentViewingRoutes as i, propertyAgentOfferRoutes as j, propertyAgentOverviewRoutes as k, lettingManageRoutes as l, propertyManageOverviewRoutes as m, propertyAgentListingRoutes as n, PropertyActionsComponent as o, propertyReviewRoutes as p, PropertyItemComponent as q, PropertyPricingComponent as r, PropertyPriceType as s, tenantManageRoutes as t, PropertyVideoProvider as u, PropertyStatus as v, PropertyType as w, PropertyInventoryStatus as x, PropertyScope as y, PropertyViewingStatus as z };
-//# sourceMappingURL=rolatech-angular-property-rolatech-angular-property-BQ-earJm.mjs.map
+//# sourceMappingURL=rolatech-angular-property-rolatech-angular-property-CG60ZNTz.mjs.map