@rolatech/angular-property 20.0.5 → 20.0.6

package/fesm2022/{rolatech-angular-property-rolatech-angular-property-qW0E5rQa.mjs → rolatech-angular-property-rolatech-angular-property-BHc6mc1k.mjs}

@@ -55,6 +55,26 @@ import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i1$6 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 
+var RentFrequency;
+(function (RentFrequency) {
+    RentFrequency["NOT_SPECIFIED"] = "Not specified";
+    RentFrequency["WEEKLY"] = "Weekly";
+    RentFrequency["BI_WEEKLY"] = "Bi weekly";
+    RentFrequency["MONTHLY"] = "Monthly";
+    RentFrequency["BI_MONTHLY"] = "Bi monthly";
+    RentFrequency["QUARTERLY"] = "Quarterly";
+    RentFrequency["SEMI_ANNUAL"] = "Semi annual";
+    RentFrequency["ANNUAL"] = "Annual";
+    RentFrequency["ONE_TIME"] = "One time";
+    RentFrequency["DAILY"] = "Daily";
+    RentFrequency["CUSTOM"] = "Custom";
+})(RentFrequency || (RentFrequency = {}));
+var Market;
+(function (Market) {
+    Market["SALES"] = "Sales";
+    Market["LETTINGS"] = "Lettings";
+    Market["NOT_SPECIFIED"] = "Not specified";
+})(Market || (Market = {}));
 var PropertyPriceType;
 (function (PropertyPriceType) {
     PropertyPriceType["FIXED"] = "\u56FA\u5B9A\u4EF7\u683C";
@@ -1093,7 +1113,7 @@ class PropertyLayoutComponent extends BaseComponent {
     searchBar = viewChild('searchBar', ...(ngDevMode ? [{ debugName: "searchBar" }] : []));
     selectIndex = 0;
     filter = false;
-    propertyFilterIconComponent = defer(() => import('./rolatech-angular-property-property-filter-icon.component-_P3G8E-x.mjs').then((m) => m.PropertyFilterIconComponent));
+    propertyFilterIconComponent = defer(() => import('./rolatech-angular-property-property-filter-icon.component-C5eq4uBf.mjs').then((m) => m.PropertyFilterIconComponent));
     ngOnInit() {
     }
     toggleSearch() {
@@ -1134,11 +1154,11 @@ class PropertyLayoutComponent extends BaseComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: PropertyLayoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.2.0", type: PropertyLayoutComponent, isStandalone: true, selector: "rolatech-property-layout", viewQueries: [{ propertyName: "searchBar", first: true, predicate: ["searchBar"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<rolatech-container>\n  <div class=\"flex flex-col min-w-[320px] max-w-[1280px] m-auto\">\n    <div class=\"flex justify-between items-center h-16\">\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"p-3 text-2xl font-medium\" i18n>Properties</div>\n        <div class=\"flex flex-row\">\n          <button mat-icon-button (click)=\"toggleSearch()\">\n            <mat-icon>search</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"toggleView()\">\n            <mat-icon>{{ gridView ? 'view_list' : 'grid_on' }}</mat-icon>\n          </button>\n          <ng-container *ngComponentOutlet=\"propertyFilterIconComponent | async\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <rolatech-search-bar\n      [(show)]=\"open\"\n      #searchBar\n      (search)=\"searchByText($event)\"\n      (close)=\"onCloseSearch()\"\n    ></rolatech-search-bar>\n    <div class=\"w-full\">\n      <router-outlet></router-outlet>\n    </div>\n  </div>\n</rolatech-container>\n", styles: [".property-layout-active{border-radius:var(--rt-rounded-base, 8px);background-color:var(-rt-base-background, #fff);color:var(--rt-brand-color, #000)}@media (max-width: 768px){.property-layout-active{background-color:var(--rt-text-primary, #000);color:var(--rt-text-primary-inverse, #000)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i1$4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: SearchBar, selector: "rolatech-search-bar", inputs: ["show"], outputs: ["showChange", "search", "close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.2.0", type: PropertyLayoutComponent, isStandalone: true, selector: "rolatech-property-layout", viewQueries: [{ propertyName: "searchBar", first: true, predicate: ["searchBar"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<rolatech-container>\n  <div class=\"flex flex-col min-w-[320px] max-w-[1280px] m-auto\">\n    <div class=\"flex justify-between items-center h-16\">\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"p-3 text-2xl font-medium cursor-pointer\" routerLink=\"/properties\" i18n>Properties</div>\n        <div class=\"flex flex-row\">\n          <button mat-icon-button (click)=\"toggleSearch()\">\n            <mat-icon>search</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"toggleView()\">\n            <mat-icon>{{ gridView ? 'view_list' : 'grid_on' }}</mat-icon>\n          </button>\n          <ng-container *ngComponentOutlet=\"propertyFilterIconComponent | async\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <rolatech-search-bar\n      [(show)]=\"open\"\n      #searchBar\n      (search)=\"searchByText($event)\"\n      (close)=\"onCloseSearch()\"\n    ></rolatech-search-bar>\n    <div class=\"w-full\">\n      <router-outlet></router-outlet>\n    </div>\n  </div>\n</rolatech-container>\n", styles: [".property-layout-active{border-radius:var(--rt-rounded-base, 8px);background-color:var(-rt-base-background, #fff);color:var(--rt-brand-color, #000)}@media (max-width: 768px){.property-layout-active{background-color:var(--rt-text-primary, #000);color:var(--rt-text-primary-inverse, #000)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i1$4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: SearchBar, selector: "rolatech-search-bar", inputs: ["show"], outputs: ["showChange", "search", "close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: PropertyLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rolatech-property-layout', imports: [AngularCommonModule, AngularComponentsModule, ContainerComponent, SearchBar], template: "<rolatech-container>\n  <div class=\"flex flex-col min-w-[320px] max-w-[1280px] m-auto\">\n    <div class=\"flex justify-between items-center h-16\">\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"p-3 text-2xl font-medium\" i18n>Properties</div>\n        <div class=\"flex flex-row\">\n          <button mat-icon-button (click)=\"toggleSearch()\">\n            <mat-icon>search</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"toggleView()\">\n            <mat-icon>{{ gridView ? 'view_list' : 'grid_on' }}</mat-icon>\n          </button>\n          <ng-container *ngComponentOutlet=\"propertyFilterIconComponent | async\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <rolatech-search-bar\n      [(show)]=\"open\"\n      #searchBar\n      (search)=\"searchByText($event)\"\n      (close)=\"onCloseSearch()\"\n    ></rolatech-search-bar>\n    <div class=\"w-full\">\n      <router-outlet></router-outlet>\n    </div>\n  </div>\n</rolatech-container>\n", styles: [".property-layout-active{border-radius:var(--rt-rounded-base, 8px);background-color:var(-rt-base-background, #fff);color:var(--rt-brand-color, #000)}@media (max-width: 768px){.property-layout-active{background-color:var(--rt-text-primary, #000);color:var(--rt-text-primary-inverse, #000)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}\n"] }]
+            args: [{ selector: 'rolatech-property-layout', imports: [AngularCommonModule, AngularComponentsModule, ContainerComponent, SearchBar], template: "<rolatech-container>\n  <div class=\"flex flex-col min-w-[320px] max-w-[1280px] m-auto\">\n    <div class=\"flex justify-between items-center h-16\">\n      <div class=\"flex justify-between items-center w-full\">\n        <div class=\"p-3 text-2xl font-medium cursor-pointer\" routerLink=\"/properties\" i18n>Properties</div>\n        <div class=\"flex flex-row\">\n          <button mat-icon-button (click)=\"toggleSearch()\">\n            <mat-icon>search</mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"toggleView()\">\n            <mat-icon>{{ gridView ? 'view_list' : 'grid_on' }}</mat-icon>\n          </button>\n          <ng-container *ngComponentOutlet=\"propertyFilterIconComponent | async\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <rolatech-search-bar\n      [(show)]=\"open\"\n      #searchBar\n      (search)=\"searchByText($event)\"\n      (close)=\"onCloseSearch()\"\n    ></rolatech-search-bar>\n    <div class=\"w-full\">\n      <router-outlet></router-outlet>\n    </div>\n  </div>\n</rolatech-container>\n", styles: [".property-layout-active{border-radius:var(--rt-rounded-base, 8px);background-color:var(-rt-base-background, #fff);color:var(--rt-brand-color, #000)}@media (max-width: 768px){.property-layout-active{background-color:var(--rt-text-primary, #000);color:var(--rt-text-primary-inverse, #000)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}\n"] }]
         }] });
 
 class PropertyActionsComponent {
@@ -1187,17 +1207,23 @@ class PropertyPricingComponent {
     displayPrice = computed(() => {
         return (this.property().price / 100).toFixed(2);
     }, ...(ngDevMode ? [{ debugName: "displayPrice" }] : []));
+    market = computed(() => {
+        return this.property().market.toString();
+    }, ...(ngDevMode ? [{ debugName: "market" }] : []));
+    rentFrequency = computed(() => {
+        return this.property().rentFrequency.toString();
+    }, ...(ngDevMode ? [{ debugName: "rentFrequency" }] : []));
     calculateDeposit() {
         const price = this.property().price;
         this.holdingDeposit = ((price * 12) / 52 / 100).toFixed(2);
         this.securityDeposit = (((price * 12) / 52 / 100) * 5).toFixed(2);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: PropertyPricingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.0", type: PropertyPricingComponent, isStandalone: true, selector: "rolatech-property-pricing", inputs: { property: { classPropertyName: "property", publicName: "property", isSignal: true, isRequired: true, transformFunction: null }, price: { classPropertyName: "price", publicName: "price", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"py-3\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"text-lg font-bold\" i18n>Rent per month</div>\n    <div class=\"text-xl font-bold py-3\">\u00A3{{ displayPrice() }}</div>\n  </div>\n  <mat-divider></mat-divider>\n  <div class=\"py-3\">\n    <div class=\"flex justify-between items-center py-2\">\n      <span i18n>Holding Deposit</span>\n      <span>\u00A3{{ holdingDeposit }}</span>\n    </div>\n    <div class=\"flex justify-between items-center py-2 font-bold\">\n      <span i18n>Security Deposit</span>\n      <span>\u00A3{{ securityDeposit }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0", type: PropertyPricingComponent, isStandalone: true, selector: "rolatech-property-pricing", inputs: { property: { classPropertyName: "property", publicName: "property", isSignal: true, isRequired: true, transformFunction: null }, price: { classPropertyName: "price", publicName: "price", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"py-3\">\n  <div class=\"flex justify-between items-center\">\n    @if (market() === 'LETTINGS' && rentFrequency() === 'MONTHLY') {\n      <div class=\"text-lg font-bold\" i18n>Rent per month</div>\n    }\n    @if (market() === 'LETTINGS' && rentFrequency() === 'NOT_SPECIFIED') {\n      <div class=\"text-lg font-bold\" i18n>Rent price</div>\n    }\n    @if (market() === 'SALES') {\n      <div class=\"text-lg font-bold\" i18n>Price</div>\n    }\n    <div class=\"text-xl font-bold py-3\">\u00A3{{ displayPrice() }}</div>\n  </div>\n  <mat-divider></mat-divider>\n  @if (market() === 'LETTINGS') {\n    <div class=\"py-3\">\n      <div class=\"flex justify-between items-center py-2\">\n        <span i18n>Holding Deposit</span>\n        <span>\u00A3{{ holdingDeposit }}</span>\n      </div>\n      <div class=\"flex justify-between items-center py-2 font-bold\">\n        <span i18n>Security Deposit</span>\n        <span>\u00A3{{ securityDeposit }}</span>\n      </div>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: PropertyPricingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rolatech-property-pricing', imports: [CommonModule, MatButtonModule, MatDivider], encapsulation: ViewEncapsulation.None, template: "<div class=\"py-3\">\n  <div class=\"flex justify-between items-center\">\n    <div class=\"text-lg font-bold\" i18n>Rent per month</div>\n    <div class=\"text-xl font-bold py-3\">\u00A3{{ displayPrice() }}</div>\n  </div>\n  <mat-divider></mat-divider>\n  <div class=\"py-3\">\n    <div class=\"flex justify-between items-center py-2\">\n      <span i18n>Holding Deposit</span>\n      <span>\u00A3{{ holdingDeposit }}</span>\n    </div>\n    <div class=\"flex justify-between items-center py-2 font-bold\">\n      <span i18n>Security Deposit</span>\n      <span>\u00A3{{ securityDeposit }}</span>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'rolatech-property-pricing', imports: [CommonModule, MatButtonModule, MatDivider], encapsulation: ViewEncapsulation.None, template: "<div class=\"py-3\">\n  <div class=\"flex justify-between items-center\">\n    @if (market() === 'LETTINGS' && rentFrequency() === 'MONTHLY') {\n      <div class=\"text-lg font-bold\" i18n>Rent per month</div>\n    }\n    @if (market() === 'LETTINGS' && rentFrequency() === 'NOT_SPECIFIED') {\n      <div class=\"text-lg font-bold\" i18n>Rent price</div>\n    }\n    @if (market() === 'SALES') {\n      <div class=\"text-lg font-bold\" i18n>Price</div>\n    }\n    <div class=\"text-xl font-bold py-3\">\u00A3{{ displayPrice() }}</div>\n  </div>\n  <mat-divider></mat-divider>\n  @if (market() === 'LETTINGS') {\n    <div class=\"py-3\">\n      <div class=\"flex justify-between items-center py-2\">\n        <span i18n>Holding Deposit</span>\n        <span>\u00A3{{ holdingDeposit }}</span>\n      </div>\n      <div class=\"flex justify-between items-center py-2 font-bold\">\n        <span i18n>Security Deposit</span>\n        <span>\u00A3{{ securityDeposit }}</span>\n      </div>\n    </div>\n  }\n</div>\n" }]
         }] });
 
 class PropertyInfoComponent {
@@ -1496,9 +1522,7 @@ class PropertyDetailsComponent extends BaseComponent {
             next: (res) => {
                 this.property = res.data;
                 const firstPart = this.property.description.split('<br/>')[0].trim();
-                console.log(firstPart);
                 const arr = firstPart.split('|').map(s => s.trim());
-                console.log(arr);
                 if (this.property.variants) {
                     this.variants = this.property.variants;
                     this.selectedVariant = this.variants[0];
@@ -2461,7 +2485,7 @@ const propertyRoutes = [
         children: [
             {
                 path: '',
-                loadComponent: () => import('./rolatech-angular-property-property-index.component-BSg7ZjND.mjs').then((x) => x.PropertyIndexComponent),
+                loadComponent: () => import('./rolatech-angular-property-property-index.component-C9rCCwyH.mjs').then((x) => x.PropertyIndexComponent),
             },
         ],
     },
@@ -4217,7 +4241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
 const propertyManageViewingsRoutes = [
     {
         path: '',
-        loadComponent: () => import('./rolatech-angular-property-property-manage-viewings-index.component-Q0si23EV.mjs').then((x) => x.PropertyManageViewingsIndexComponent),
+        loadComponent: () => import('./rolatech-angular-property-property-manage-viewings-index.component-vEBkQwKR.mjs').then((x) => x.PropertyManageViewingsIndexComponent),
     },
     {
         path: ':id',
@@ -4830,5 +4854,5 @@ const tenantManageRoutes = [
  * Generated bundle index. Do not edit.
  */
 
-export { AdverseCreditStatus as A, EmploymentStatus as E, PropertyUtil as P, ResidencyStatus as R, ViewingTime as V, PropertyViewType as a, PropertyViewingItemComponent as b, propertyManageOffersRoutes as c, propertyRoutes as d, propertyManageRoutes as e, featureManageRoutes as f, propertyManageViewingsRoutes as g, PropertyActionsComponent as h, PropertyItemComponent as i, PropertyPricingComponent as j, PropertyPriceType as k, lettingManageRoutes as l, PropertyVideoProvider as m, PropertyStatus as n, PropertyType as o, propertyReviewRoutes as p, PropertyInventoryStatus as q, PropertyScope as r, PropertyViewingStatus as s, tenantManageRoutes as t, PropertyViewerCategory as u, PropertyOfferTimelineStatus as v, PropertyOfferType as w, PropertyOfferStatus as x, PropertyApplicantType as y };
-//# sourceMappingURL=rolatech-angular-property-rolatech-angular-property-qW0E5rQa.mjs.map
+export { AdverseCreditStatus as A, EmploymentStatus as E, Market as M, PropertyUtil as P, RentFrequency as R, ViewingTime as V, PropertyViewType as a, PropertyViewingItemComponent as b, propertyManageOffersRoutes as c, propertyRoutes as d, propertyManageRoutes as e, featureManageRoutes as f, propertyManageViewingsRoutes as g, PropertyActionsComponent as h, PropertyItemComponent as i, PropertyPricingComponent as j, PropertyPriceType as k, lettingManageRoutes as l, PropertyVideoProvider as m, PropertyStatus as n, PropertyType as o, propertyReviewRoutes as p, PropertyInventoryStatus as q, PropertyScope as r, PropertyViewingStatus as s, tenantManageRoutes as t, PropertyViewerCategory as u, PropertyOfferTimelineStatus as v, PropertyOfferType as w, PropertyOfferStatus as x, ResidencyStatus as y, PropertyApplicantType as z };
+//# sourceMappingURL=rolatech-angular-property-rolatech-angular-property-BHc6mc1k.mjs.map