@sneat/ext-assetus-components 0.2.0

package/esm2022/lib/edit-dwelling-card/edit-dwelling-card.component.js

@@ -0,0 +1,121 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { IonCard, IonInput, IonItem, IonList } from '@ionic/angular/standalone';
+import { CountrySelectorComponent } from '@sneat/components';
+import { AssetPossessionCardComponent } from '../asset-possesion-card/asset-possession-card.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class AddDwellingCardComponent {
+    constructor() {
+        this.dwellingAssetChange = new EventEmitter();
+        this.title = '';
+        this.address = '';
+        this.rent_price_currency = 'USD';
+    }
+    ngOnChanges(changes) {
+        const spaceChanges = changes['space'];
+        if (spaceChanges &&
+            this.space?.dbo?.countryID &&
+            this.dwellingAsset?.dbo &&
+            !this.dwellingAsset.dbo.countryID) {
+            this.dwellingAsset = {
+                ...this.dwellingAsset,
+                dbo: { ...this.dwellingAsset.dbo, countryID: this.space.dbo.countryID },
+            };
+            this.dwellingAssetChange.emit(this.dwellingAsset);
+        }
+        if (changes['dwellingAsset']) {
+            this.title = this.dwellingAsset?.dbo?.title || '';
+            this.address = this.dwellingAsset?.dbo?.extra?.address?.lines || '';
+            this.rent_price_amount =
+                this.dwellingAsset?.dbo?.extra?.rent_price?.value;
+            this.rent_price_currency =
+                this.dwellingAsset?.dbo?.extra?.rent_price?.currency || 'USD';
+            this.number_of_bedrooms =
+                this.dwellingAsset?.dbo?.extra?.numberOfBedrooms;
+            this.areaSqM = this.dwellingAsset?.dbo?.extra?.areaSqM;
+        }
+    }
+    onBriefFieldChanged(field, value) {
+        if (this.dwellingAsset?.dbo) {
+            this.dwellingAsset = {
+                ...this.dwellingAsset,
+                dbo: {
+                    ...this.dwellingAsset.dbo,
+                    [field]: value,
+                },
+            };
+            this.dwellingAssetChange.emit(this.dwellingAsset);
+        }
+    }
+    onExtraFieldChanged(field, value) {
+        if (this.dwellingAsset?.dbo && this.dwellingAsset?.dbo?.extra) {
+            this.dwellingAsset = {
+                ...this.dwellingAsset,
+                dbo: {
+                    ...this.dwellingAsset.dbo,
+                    extra: {
+                        ...this.dwellingAsset.dbo.extra,
+                        [field]: value,
+                    },
+                },
+            };
+            this.dwellingAssetChange.emit(this.dwellingAsset);
+        }
+    }
+    onRentPriceFieldChanged(field, value) {
+        if (this.dwellingAsset?.dbo?.extra?.rent_price) {
+            this.dwellingAsset = {
+                ...this.dwellingAsset,
+                dbo: {
+                    ...this.dwellingAsset.dbo,
+                    extra: {
+                        ...this.dwellingAsset.dbo.extra,
+                        rent_price: {
+                            ...this.dwellingAsset.dbo.extra.rent_price,
+                            [field]: value,
+                        },
+                    },
+                },
+            };
+            this.dwellingAssetChange.emit(this.dwellingAsset);
+        }
+    }
+    onCountryChanged(value) {
+        if (this.dwellingAsset?.dbo) {
+            this.dwellingAsset = {
+                ...this.dwellingAsset,
+                dbo: { ...this.dwellingAsset.dbo, countryID: value },
+            };
+            this.dwellingAssetChange.emit(this.dwellingAsset);
+        }
+    }
+    onAssetChanged(asset) {
+        this.dwellingAsset = asset;
+        this.dwellingAssetChange.emit(this.dwellingAsset);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AddDwellingCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AddDwellingCardComponent, isStandalone: true, selector: "sneat-edit-dwelling-card", inputs: { space: "space", dwellingAsset: "dwellingAsset" }, outputs: { dwellingAssetChange: "dwellingAssetChange" }, usesOnChanges: true, ngImport: i0, template: "<ion-card>\n  <ion-list>\n    <ion-item>\n      <ion-input\n        label=\"Title\"\n        placeholder=\"Dwelling Title\"\n        [(ngModel)]=\"this.title\"\n        (ngModelChange)=\"onBriefFieldChanged('title', $event)\"\n      />\n    </ion-item>\n    <sneat-country-selector\n      [countryID]=\"dwellingAsset?.brief?.countryID\"\n      [readonly]=\"!!dwellingAsset?.brief?.countryID\"\n      [defaultCountryID]=\"space?.dbo?.countryID\"\n      label=\"Country\"\n      (countryIDChange)=\"onCountryChanged($event)\"\n    />\n    <ion-item>\n      <ion-input\n        label=\"Address\"\n        placeholder=\"Address\"\n        [(ngModel)]=\"this.address\"\n        (ngModelChange)=\"onExtraFieldChanged('address', $event)\"\n      />\n    </ion-item>\n  </ion-list>\n</ion-card>\n\n<sneat-asset-possession-card\n  [asset]=\"dwellingAsset\"\n  (assetChange)=\"onAssetChanged($event)\"\n/>\n\n<ion-card>\n  <ion-list>\n    @if (dwellingAsset?.dbo?.possession === \"renting\") {\n      <ion-item>\n        <ion-input\n          label=\"Rent price\"\n          placeholder=\"Rent price\"\n          [(ngModel)]=\"this.rent_price_amount\"\n          (ngModelChange)=\"onRentPriceFieldChanged('value', $event)\"\n        />\n      </ion-item>\n    }\n    <ion-item>\n      <ion-input\n        label=\"Number of bedrooms\"\n        placeholder=\"Number of bedrooms\"\n        [(ngModel)]=\"this.number_of_bedrooms\"\n        (ngModelChange)=\"onExtraFieldChanged('numberOfBedrooms', $event)\"\n      />\n    </ion-item>\n    <ion-item>\n      <ion-input\n        label=\"Area\"\n        placeholder=\"Area\"\n        [(ngModel)]=\"this.areaSqM\"\n        (ngModelChange)=\"onExtraFieldChanged('areaSqM', $event)\"\n      />\n    </ion-item>\n  </ion-list>\n</ion-card>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CountrySelectorComponent, selector: "sneat-country-selector", inputs: ["countryID", "defaultCountryID", "readonly", "disabled", "label", "canBeUnknown"], outputs: ["countryIDChange"] }, { kind: "component", type: AssetPossessionCardComponent, selector: "sneat-asset-possession-card", inputs: ["asset"], outputs: ["assetChange"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AddDwellingCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-edit-dwelling-card', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        CountrySelectorComponent,
+                        AssetPossessionCardComponent,
+                        IonCard,
+                        IonList,
+                        IonItem,
+                        IonInput,
+                    ], template: "<ion-card>\n  <ion-list>\n    <ion-item>\n      <ion-input\n        label=\"Title\"\n        placeholder=\"Dwelling Title\"\n        [(ngModel)]=\"this.title\"\n        (ngModelChange)=\"onBriefFieldChanged('title', $event)\"\n      />\n    </ion-item>\n    <sneat-country-selector\n      [countryID]=\"dwellingAsset?.brief?.countryID\"\n      [readonly]=\"!!dwellingAsset?.brief?.countryID\"\n      [defaultCountryID]=\"space?.dbo?.countryID\"\n      label=\"Country\"\n      (countryIDChange)=\"onCountryChanged($event)\"\n    />\n    <ion-item>\n      <ion-input\n        label=\"Address\"\n        placeholder=\"Address\"\n        [(ngModel)]=\"this.address\"\n        (ngModelChange)=\"onExtraFieldChanged('address', $event)\"\n      />\n    </ion-item>\n  </ion-list>\n</ion-card>\n\n<sneat-asset-possession-card\n  [asset]=\"dwellingAsset\"\n  (assetChange)=\"onAssetChanged($event)\"\n/>\n\n<ion-card>\n  <ion-list>\n    @if (dwellingAsset?.dbo?.possession === \"renting\") {\n      <ion-item>\n        <ion-input\n          label=\"Rent price\"\n          placeholder=\"Rent price\"\n          [(ngModel)]=\"this.rent_price_amount\"\n          (ngModelChange)=\"onRentPriceFieldChanged('value', $event)\"\n        />\n      </ion-item>\n    }\n    <ion-item>\n      <ion-input\n        label=\"Number of bedrooms\"\n        placeholder=\"Number of bedrooms\"\n        [(ngModel)]=\"this.number_of_bedrooms\"\n        (ngModelChange)=\"onExtraFieldChanged('numberOfBedrooms', $event)\"\n      />\n    </ion-item>\n    <ion-item>\n      <ion-input\n        label=\"Area\"\n        placeholder=\"Area\"\n        [(ngModel)]=\"this.areaSqM\"\n        (ngModelChange)=\"onExtraFieldChanged('areaSqM', $event)\"\n      />\n    </ion-item>\n  </ion-list>\n</ion-card>\n" }]
+        }], propDecorators: { space: [{
+                type: Input,
+                args: [{ required: true }]
+            }], dwellingAsset: [{
+                type: Input,
+                args: [{ required: true }]
+            }], dwellingAssetChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=edit-dwelling-card.component.js.map

package/esm2022/lib/edit-dwelling-card/edit-dwelling-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-dwelling-card.component.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/assetus/components/src/lib/edit-dwelling-card/edit-dwelling-card.component.ts","../../../../../../../../libs/extensions/assetus/components/src/lib/edit-dwelling-card/edit-dwelling-card.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { IonCard, IonInput, IonItem, IonList } from '@ionic/angular/standalone';\nimport { CountrySelectorComponent } from '@sneat/components';\nimport { IAssetContext, IAssetDwellingContext } from '@sneat/mod-assetus-core';\nimport { ISpaceContext } from '@sneat/space-models';\nimport { AssetPossessionCardComponent } from '../asset-possesion-card/asset-possession-card.component';\n\n@Component({\n  selector: 'sneat-edit-dwelling-card',\n  templateUrl: './edit-dwelling-card.component.html',\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    CountrySelectorComponent,\n    AssetPossessionCardComponent,\n    IonCard,\n    IonList,\n    IonItem,\n    IonInput,\n  ],\n})\nexport class AddDwellingCardComponent implements OnChanges {\n  @Input({ required: true }) space?: ISpaceContext;\n\n  @Input({ required: true }) dwellingAsset?: IAssetDwellingContext;\n  @Output() readonly dwellingAssetChange = new EventEmitter<IAssetContext>();\n\n  protected title = '';\n  protected address = '';\n  protected rent_price_amount?: number;\n  protected rent_price_currency = 'USD';\n  protected number_of_bedrooms?: number;\n  protected areaSqM?: number;\n\n  ngOnChanges(changes: SimpleChanges): void {\n    const spaceChanges = changes['space'];\n    if (\n      spaceChanges &&\n      this.space?.dbo?.countryID &&\n      this.dwellingAsset?.dbo &&\n      !this.dwellingAsset.dbo.countryID\n    ) {\n      this.dwellingAsset = {\n        ...this.dwellingAsset,\n        dbo: { ...this.dwellingAsset.dbo, countryID: this.space.dbo.countryID },\n      };\n      this.dwellingAssetChange.emit(this.dwellingAsset);\n    }\n\n    if (changes['dwellingAsset']) {\n      this.title = this.dwellingAsset?.dbo?.title || '';\n      this.address = this.dwellingAsset?.dbo?.extra?.address?.lines || '';\n      this.rent_price_amount =\n        this.dwellingAsset?.dbo?.extra?.rent_price?.value;\n      this.rent_price_currency =\n        this.dwellingAsset?.dbo?.extra?.rent_price?.currency || 'USD';\n      this.number_of_bedrooms =\n        this.dwellingAsset?.dbo?.extra?.numberOfBedrooms;\n      this.areaSqM = this.dwellingAsset?.dbo?.extra?.areaSqM;\n    }\n  }\n\n  protected onBriefFieldChanged(field: string, value: string): void {\n    if (this.dwellingAsset?.dbo) {\n      this.dwellingAsset = {\n        ...this.dwellingAsset,\n        dbo: {\n          ...this.dwellingAsset.dbo,\n          [field]: value,\n        },\n      };\n      this.dwellingAssetChange.emit(this.dwellingAsset);\n    }\n  }\n\n  protected onExtraFieldChanged(field: string, value: string): void {\n    if (this.dwellingAsset?.dbo && this.dwellingAsset?.dbo?.extra) {\n      this.dwellingAsset = {\n        ...this.dwellingAsset,\n        dbo: {\n          ...this.dwellingAsset.dbo,\n          extra: {\n            ...this.dwellingAsset.dbo.extra,\n            [field]: value,\n          },\n        },\n      };\n      this.dwellingAssetChange.emit(this.dwellingAsset);\n    }\n  }\n\n  protected onRentPriceFieldChanged(field: string, value: string): void {\n    if (this.dwellingAsset?.dbo?.extra?.rent_price) {\n      this.dwellingAsset = {\n        ...this.dwellingAsset,\n        dbo: {\n          ...this.dwellingAsset.dbo,\n          extra: {\n            ...this.dwellingAsset.dbo.extra,\n            rent_price: {\n              ...this.dwellingAsset.dbo.extra.rent_price,\n              [field]: value,\n            },\n          },\n        },\n      };\n      this.dwellingAssetChange.emit(this.dwellingAsset);\n    }\n  }\n\n  protected onCountryChanged(value: string): void {\n    if (this.dwellingAsset?.dbo) {\n      this.dwellingAsset = {\n        ...this.dwellingAsset,\n        dbo: { ...this.dwellingAsset.dbo, countryID: value },\n      };\n      this.dwellingAssetChange.emit(this.dwellingAsset);\n    }\n  }\n\n  protected onAssetChanged(asset: IAssetContext): void {\n    this.dwellingAsset = asset as IAssetDwellingContext;\n    this.dwellingAssetChange.emit(this.dwellingAsset);\n  }\n}\n","<ion-card>\n  <ion-list>\n    <ion-item>\n      <ion-input\n        label=\"Title\"\n        placeholder=\"Dwelling Title\"\n        [(ngModel)]=\"this.title\"\n        (ngModelChange)=\"onBriefFieldChanged('title', $event)\"\n      />\n    </ion-item>\n    <sneat-country-selector\n      [countryID]=\"dwellingAsset?.brief?.countryID\"\n      [readonly]=\"!!dwellingAsset?.brief?.countryID\"\n      [defaultCountryID]=\"space?.dbo?.countryID\"\n      label=\"Country\"\n      (countryIDChange)=\"onCountryChanged($event)\"\n    />\n    <ion-item>\n      <ion-input\n        label=\"Address\"\n        placeholder=\"Address\"\n        [(ngModel)]=\"this.address\"\n        (ngModelChange)=\"onExtraFieldChanged('address', $event)\"\n      />\n    </ion-item>\n  </ion-list>\n</ion-card>\n\n<sneat-asset-possession-card\n  [asset]=\"dwellingAsset\"\n  (assetChange)=\"onAssetChanged($event)\"\n/>\n\n<ion-card>\n  <ion-list>\n    @if (dwellingAsset?.dbo?.possession === \"renting\") {\n      <ion-item>\n        <ion-input\n          label=\"Rent price\"\n          placeholder=\"Rent price\"\n          [(ngModel)]=\"this.rent_price_amount\"\n          (ngModelChange)=\"onRentPriceFieldChanged('value', $event)\"\n        />\n      </ion-item>\n    }\n    <ion-item>\n      <ion-input\n        label=\"Number of bedrooms\"\n        placeholder=\"Number of bedrooms\"\n        [(ngModel)]=\"this.number_of_bedrooms\"\n        (ngModelChange)=\"onExtraFieldChanged('numberOfBedrooms', $event)\"\n      />\n    </ion-item>\n    <ion-item>\n      <ion-input\n        label=\"Area\"\n        placeholder=\"Area\"\n        [(ngModel)]=\"this.areaSqM\"\n        (ngModelChange)=\"onExtraFieldChanged('areaSqM', $event)\"\n      />\n    </ion-item>\n  </ion-list>\n</ion-card>\n"]}

package/esm2022/lib/index.js

@@ -0,0 +1,14 @@
+export * from './services';
+export * from './period-segment/period-segment.component';
+export * from './asset-card/asset-card.component';
+export * from './asset-add';
+export * from './asset-add/add-asset-base-component';
+export * from './services/asset-service.dto';
+export * from './asset-base-page';
+export * from './asset-component-base-params';
+export * from './assets-list/assets-list.component';
+export * from './real-estate-location/real-estate-location.component';
+export * from './asset-add/asset-add-vehicle/asset-add-vehicle.component';
+export * from './vehicle-card/vehicle-card.component';
+export * from './mileage-dialog/mileage-dialog.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/extensions/assetus/components/src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,uDAAuD,CAAC;AACtE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,uCAAuC,CAAC;AACtD,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './services';\nexport * from './period-segment/period-segment.component';\nexport * from './asset-card/asset-card.component';\nexport * from './asset-add';\nexport * from './asset-add/add-asset-base-component';\nexport * from './services/asset-service.dto';\nexport * from './asset-base-page';\nexport * from './asset-component-base-params';\nexport * from './assets-list/assets-list.component';\nexport * from './real-estate-location/real-estate-location.component';\nexport * from './asset-add/asset-add-vehicle/asset-add-vehicle.component';\nexport * from './vehicle-card/vehicle-card.component';\nexport * from './mileage-dialog/mileage-dialog.component';\n"]}

package/esm2022/lib/make-model-card/make-model-card.component.js

@@ -0,0 +1,68 @@
+import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonInput, IonItem } from '@ionic/angular/standalone';
+import { SelectFromListComponent } from '@sneat/ui';
+import { carMakes } from '@sneat/mod-assetus-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class MakeModelCardComponent {
+    constructor() {
+        this.makeChange = new EventEmitter();
+        this.modelChange = new EventEmitter();
+        this.makes = Object.keys(carMakes).map((id) => ({
+            id,
+            title: id,
+        }));
+        this.models = [
+            { id: 'A4', title: 'A4' },
+            { id: 'A6', title: 'A6' },
+        ];
+    }
+    isKnownMake() {
+        return !!this.make && !!carMakes[this.make];
+    }
+    isKnownModel() {
+        const model = this.model?.toLowerCase();
+        return (!!model &&
+            !!this.models?.length &&
+            this.models.some((m) => m.id == model || m.title.toLowerCase() === model));
+    }
+    onMakeChanged(event) {
+        const make = this.make ? carMakes[this.make] : undefined;
+        if (make) {
+            this.models = make.models.map((v) => ({ id: v.id, title: v.id }));
+        }
+        else {
+            this.models = [];
+        }
+        this.makeChange.emit(this.make);
+        if (this.model) {
+            this.model = '';
+        }
+        this.onModelChanged(event);
+        this.modelSelector?.focus();
+    }
+    onModelChanged(_event) {
+        this.modelChange.emit(this.model);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MakeModelCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: MakeModelCardComponent, isStandalone: true, selector: "sneat-make-model-card", inputs: { assetType: "assetType", make: "make", model: "model" }, outputs: { makeChange: "makeChange", modelChange: "modelChange" }, viewQueries: [{ propertyName: "modelSelector", first: true, predicate: ["modelSelector"], descendants: true }], ngImport: i0, template: "@if (make && !isKnownMake()) {\n  <ion-item>\n    <ion-input label=\"Make\" [(ngModel)]=\"make\" placeholder=\"Make\" />\n  </ion-item>\n} @else {\n  <sneat-select-from-list\n    label=\"Make\"\n    filterLabel=\"Choose Make\"\n    [(ngModel)]=\"make\"\n    (ngModelChange)=\"onMakeChanged($event)\"\n    labelPlacement=\"end\"\n    [isFilterable]=\"true\"\n    [items]=\"makes\"\n    [canAdd]=\"true\"\n  />\n}\n@if (make && model && !isKnownModel()) {\n  <ion-item>\n    <ion-input label=\"Model\" [(ngModel)]=\"model\" placeholder=\"Model\" />\n  </ion-item>\n}\n@if (make && (!model || isKnownModel())) {\n  <sneat-select-from-list\n    #modelSelector\n    [(ngModel)]=\"model\"\n    label=\"Model\"\n    filterLabel=\"Choose Model\"\n    (ngModelChange)=\"onModelChanged($event)\"\n    labelPlacement=\"end\"\n    [isFilterable]=\"true\"\n    [items]=\"models\"\n    [canAdd]=\"true\"\n  />\n}\n", dependencies: [{ kind: "component", type: SelectFromListComponent, selector: "sneat-select-from-list", inputs: ["value", "filterLabel", "label", "listLabel", "listLabelColor", "isFilterable", "isLoading", "items", "items$", "lastItemLines", "labelPlacement", "justify", "other", "canAdd", "filterItem", "selectMode", "isReadonly", "$isProcessing", "sortBy"], outputs: ["valueChange", "filterChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MakeModelCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-make-model-card', imports: [SelectFromListComponent, FormsModule, IonItem, IonInput], template: "@if (make && !isKnownMake()) {\n  <ion-item>\n    <ion-input label=\"Make\" [(ngModel)]=\"make\" placeholder=\"Make\" />\n  </ion-item>\n} @else {\n  <sneat-select-from-list\n    label=\"Make\"\n    filterLabel=\"Choose Make\"\n    [(ngModel)]=\"make\"\n    (ngModelChange)=\"onMakeChanged($event)\"\n    labelPlacement=\"end\"\n    [isFilterable]=\"true\"\n    [items]=\"makes\"\n    [canAdd]=\"true\"\n  />\n}\n@if (make && model && !isKnownModel()) {\n  <ion-item>\n    <ion-input label=\"Model\" [(ngModel)]=\"model\" placeholder=\"Model\" />\n  </ion-item>\n}\n@if (make && (!model || isKnownModel())) {\n  <sneat-select-from-list\n    #modelSelector\n    [(ngModel)]=\"model\"\n    label=\"Model\"\n    filterLabel=\"Choose Model\"\n    (ngModelChange)=\"onModelChanged($event)\"\n    labelPlacement=\"end\"\n    [isFilterable]=\"true\"\n    [items]=\"models\"\n    [canAdd]=\"true\"\n  />\n}\n" }]
+        }], propDecorators: { assetType: [{
+                type: Input
+            }], make: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], makeChange: [{
+                type: Output
+            }], modelChange: [{
+                type: Output
+            }], modelSelector: [{
+                type: ViewChild,
+                args: ['modelSelector', { static: false }]
+            }] } });
+//# sourceMappingURL=make-model-card.component.js.map

package/esm2022/lib/make-model-card/make-model-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-model-card.component.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/assetus/components/src/lib/make-model-card/make-model-card.component.ts","../../../../../../../../libs/extensions/assetus/components/src/lib/make-model-card/make-model-card.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { IonInput, IonItem } from '@ionic/angular/standalone';\nimport { SelectFromListComponent } from '@sneat/ui';\nimport { AssetType, carMakes, IMake, IModel } from '@sneat/mod-assetus-core';\n\n@Component({\n  selector: 'sneat-make-model-card',\n  templateUrl: './make-model-card.component.html',\n  imports: [SelectFromListComponent, FormsModule, IonItem, IonInput],\n})\nexport class MakeModelCardComponent {\n  @Input() assetType?: AssetType;\n  @Input() make?: string;\n  @Input() model?: string;\n\n  @Output() makeChange = new EventEmitter<string>();\n  @Output() modelChange = new EventEmitter<string>();\n\n  @ViewChild('modelSelector', { static: false })\n  modelSelector?: SelectFromListComponent;\n\n  public makes: IMake[] = Object.keys(carMakes).map((id) => ({\n    id,\n    title: id,\n  }));\n  public models: IModel[] = [\n    { id: 'A4', title: 'A4' },\n    { id: 'A6', title: 'A6' },\n  ];\n\n  protected isKnownMake(): boolean {\n    return !!this.make && !!carMakes[this.make];\n  }\n\n  protected isKnownModel(): boolean {\n    const model = this.model?.toLowerCase();\n    return (\n      !!model &&\n      !!this.models?.length &&\n      this.models.some((m) => m.id == model || m.title.toLowerCase() === model)\n    );\n  }\n\n  protected onMakeChanged(event: Event): void {\n    const make = this.make ? carMakes[this.make] : undefined;\n    if (make) {\n      this.models = make.models.map((v) => ({ id: v.id, title: v.id }));\n    } else {\n      this.models = [];\n    }\n    this.makeChange.emit(this.make);\n    if (this.model) {\n      this.model = '';\n    }\n    this.onModelChanged(event);\n    this.modelSelector?.focus();\n  }\n\n  protected onModelChanged(_event: Event): void {\n    this.modelChange.emit(this.model);\n  }\n}\n","@if (make && !isKnownMake()) {\n  <ion-item>\n    <ion-input label=\"Make\" [(ngModel)]=\"make\" placeholder=\"Make\" />\n  </ion-item>\n} @else {\n  <sneat-select-from-list\n    label=\"Make\"\n    filterLabel=\"Choose Make\"\n    [(ngModel)]=\"make\"\n    (ngModelChange)=\"onMakeChanged($event)\"\n    labelPlacement=\"end\"\n    [isFilterable]=\"true\"\n    [items]=\"makes\"\n    [canAdd]=\"true\"\n  />\n}\n@if (make && model && !isKnownModel()) {\n  <ion-item>\n    <ion-input label=\"Model\" [(ngModel)]=\"model\" placeholder=\"Model\" />\n  </ion-item>\n}\n@if (make && (!model || isKnownModel())) {\n  <sneat-select-from-list\n    #modelSelector\n    [(ngModel)]=\"model\"\n    label=\"Model\"\n    filterLabel=\"Choose Model\"\n    (ngModelChange)=\"onModelChanged($event)\"\n    labelPlacement=\"end\"\n    [isFilterable]=\"true\"\n    [items]=\"models\"\n    [canAdd]=\"true\"\n  />\n}\n"]}

package/esm2022/lib/mileage-dialog/mileage-dialog.component.js

@@ -0,0 +1,128 @@
+import { Component, Input, inject } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { ModalController, IonButton, IonButtons, IonContent, IonInput, IonItem, IonList, IonSelect, IonSelectOption, IonTitle, IonToolbar, } from '@ionic/angular/standalone';
+import { ErrorLogger } from '@sneat/core';
+import { CurrencyList, FuelVolumeUnitTypes, MileageUnitTypes, } from '@sneat/mod-assetus-core';
+import { AssetService } from '../services';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class MileAgeDialogComponent {
+    constructor() {
+        this.errorLogger = inject(ErrorLogger);
+        this.assetService = inject(AssetService);
+        this.modalCtrl = inject(ModalController);
+        this.currencyList = CurrencyList;
+        this.fuelVolumeUnitTypes = FuelVolumeUnitTypes;
+        this.mileageUnitTypes = MileageUnitTypes;
+        this.fuelVolume = new FormControl(undefined);
+        this.fuelVolumeUnit = new FormControl(undefined);
+        this.fuelCost = new FormControl(undefined);
+        this.currency = new FormControl(undefined);
+        this.mileage = new FormControl(undefined);
+        this.mileageUnit = new FormControl(undefined);
+        this.addVehicleRecordForm = new FormGroup({
+            fuelVolume: this.fuelVolume,
+            fuelVolumeUnit: this.fuelVolumeUnit,
+            fuelCost: this.fuelCost,
+            currency: this.currency,
+            mileage: this.mileage,
+            mileageUnit: this.mileageUnit,
+        });
+    }
+    // ionViewDidEnter() {
+    // 	setTimeout(() => {
+    // 		this.inputTitle
+    // 			?.setFocus()
+    // 			.catch((err) =>
+    // 				this.errorLogger.logError(err, 'Failed to set focus to title input'),
+    // 			);
+    // 	}, 100);
+    // }
+    // selectCardType(cardType: 'sql' | 'http'): void {
+    // 	this.modalCtrl
+    // 		.dismiss({ cardType, title: this.cardTitle })
+    // 		.catch(this.errorLogger.logErrorHandler('Failed to dismiss modal'));
+    // }
+    submit() {
+        if (!this.asset?.id) {
+            throw new Error('assetId is not set');
+        }
+        if (!this.space?.id) {
+            throw new Error('spaceId is not set');
+        }
+        if ((this.fuelVolume.value !== undefined) !==
+            (this.fuelVolumeUnit.value !== undefined)) {
+            throw new Error('fuelVolume and fuelVolumeUnit should be both set or both unset');
+        }
+        if ((this.fuelCost.value !== undefined) !==
+            (this.currency.value !== undefined)) {
+            throw new Error('fuelCost and currency should be both set or both unset');
+        }
+        if ((this.mileage.value !== undefined) !==
+            (this.mileageUnit.value !== undefined)) {
+            throw new Error('mileage and mileageUnit should be both set or both unset');
+        }
+        const request = {
+            spaceID: this.space.id,
+            assetID: this.asset.id,
+            fuelVolume: this.fuelVolume.value || undefined,
+            fuelVolumeUnit: this.fuelVolumeUnit.value || undefined,
+            fuelCost: this.fuelCost.value || undefined,
+            currency: this.currency.value || undefined,
+            mileage: this.mileage.value || undefined,
+            mileageUnit: this.mileageUnit.value || undefined,
+        };
+        this.assetService.addVehicleRecord(request).subscribe({
+            next: (_id) => {
+                this.modalCtrl
+                    .dismiss()
+                    .catch(this.errorLogger.logErrorHandler('Failed to dismiss modal on success'));
+            },
+            error: (err) => {
+                console.error('Failed to add vehicle record:', err);
+            },
+        });
+        // const request: ICreateDebtRecordRequest = {
+        // 	spaceID,
+        // 	contactID,
+        // 	amount: this.amount.value,
+        // 	currency: this.currency.value,
+        // };
+        // this.debtusService.createDebtRecord(request).subscribe({
+        // 	next: (id) => {
+        // 		console.log('Debt record created:', id);
+        // 	},
+        // 	error: (err) => {
+        // 		console.error('Failed to create debt record:', err);
+        // 	},
+        // });
+    }
+    cancel() {
+        this.modalCtrl
+            .dismiss()
+            .catch(this.errorLogger.logErrorHandler('Failed to dismiss modal on cancel'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MileAgeDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: MileAgeDialogComponent, isStandalone: true, selector: "sneat-mileage-dialog", inputs: { space: "space", asset: "asset" }, ngImport: i0, template: "<ion-toolbar>\n  <ion-title\n    >Add miles & fuel &#64;\n    @switch (asset?.brief?.extraType) {\n      @case (\"vehicle\") {\n        @if (asset?.brief?.extra?.[\"make\"] && asset?.brief?.extra?.[\"model\"]) {\n          {{ asset?.brief?.extra?.[\"make\"] }}/{{\n            asset?.brief?.extra?.[\"model\"]\n          }}\n        }\n        @if (\n          asset?.brief?.title &&\n          asset?.brief?.extra?.[\"make\"] &&\n          asset?.brief?.extra?.[\"model\"]\n        ) {\n          &mdash;\n        }\n      }\n      @case (\"dwelling\") {\n        {{ asset?.brief?.extra?.[\"address\"] || asset?.brief?.title }}\n      }\n    }\n    @if (asset?.brief?.title) {\n      {{ asset?.brief?.title }}\n    }\n  </ion-title>\n</ion-toolbar>\n<ion-content>\n  <ion-list>\n    <ion-item>\n      <ion-input [formControl]=\"fuelVolume\" label=\"Fuel Volume\"></ion-input>\n      <ion-select\n        [formControl]=\"fuelVolumeUnit\"\n        placeholder=\"Select Volume Unit\"\n      >\n        @for (fuelVolumeUnit of fuelVolumeUnitTypes; track fuelVolumeUnit) {\n          <ion-select-option [value]=\"fuelVolumeUnit\">{{\n            fuelVolumeUnit\n          }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n    <ion-item>\n      <ion-input [formControl]=\"fuelCost\" label=\"Fuel Cost\"></ion-input>\n      <ion-select [formControl]=\"currency\" placeholder=\"Select Currency\">\n        @for (currency of currencyList; track currency) {\n          <ion-select-option [value]=\"currency\">{{\n            currency\n          }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n    <ion-item>\n      <ion-input [formControl]=\"mileage\" label=\"Mileage\"></ion-input>\n      <ion-select [formControl]=\"mileageUnit\" placeholder=\"Select Mileage Unit\">\n        @for (mileageUnit of mileageUnitTypes; track mileageUnit) {\n          <ion-select-option [value]=\"mileageUnit\">{{\n            mileageUnit\n          }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n  </ion-list>\n</ion-content>\n<ion-toolbar>\n  <ion-buttons slot=\"start\">\n    <ion-button (click)=\"cancel()\" fill=\"solid\" color=\"danger\">\n      Cancel\n    </ion-button>\n  </ion-buttons>\n  <ion-buttons slot=\"end\">\n    <ion-button (click)=\"submit()\" fill=\"solid\" color=\"success\">\n      Save\n    </ion-button>\n  </ion-buttons>\n</ion-toolbar>\n", styles: [""], dependencies: [{ kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MileAgeDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-mileage-dialog', imports: [
+                        IonTitle,
+                        IonContent,
+                        IonList,
+                        IonItem,
+                        IonInput,
+                        IonSelect,
+                        ReactiveFormsModule,
+                        IonSelectOption,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                    ], template: "<ion-toolbar>\n  <ion-title\n    >Add miles & fuel &#64;\n    @switch (asset?.brief?.extraType) {\n      @case (\"vehicle\") {\n        @if (asset?.brief?.extra?.[\"make\"] && asset?.brief?.extra?.[\"model\"]) {\n          {{ asset?.brief?.extra?.[\"make\"] }}/{{\n            asset?.brief?.extra?.[\"model\"]\n          }}\n        }\n        @if (\n          asset?.brief?.title &&\n          asset?.brief?.extra?.[\"make\"] &&\n          asset?.brief?.extra?.[\"model\"]\n        ) {\n          &mdash;\n        }\n      }\n      @case (\"dwelling\") {\n        {{ asset?.brief?.extra?.[\"address\"] || asset?.brief?.title }}\n      }\n    }\n    @if (asset?.brief?.title) {\n      {{ asset?.brief?.title }}\n    }\n  </ion-title>\n</ion-toolbar>\n<ion-content>\n  <ion-list>\n    <ion-item>\n      <ion-input [formControl]=\"fuelVolume\" label=\"Fuel Volume\"></ion-input>\n      <ion-select\n        [formControl]=\"fuelVolumeUnit\"\n        placeholder=\"Select Volume Unit\"\n      >\n        @for (fuelVolumeUnit of fuelVolumeUnitTypes; track fuelVolumeUnit) {\n          <ion-select-option [value]=\"fuelVolumeUnit\">{{\n            fuelVolumeUnit\n          }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n    <ion-item>\n      <ion-input [formControl]=\"fuelCost\" label=\"Fuel Cost\"></ion-input>\n      <ion-select [formControl]=\"currency\" placeholder=\"Select Currency\">\n        @for (currency of currencyList; track currency) {\n          <ion-select-option [value]=\"currency\">{{\n            currency\n          }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n    <ion-item>\n      <ion-input [formControl]=\"mileage\" label=\"Mileage\"></ion-input>\n      <ion-select [formControl]=\"mileageUnit\" placeholder=\"Select Mileage Unit\">\n        @for (mileageUnit of mileageUnitTypes; track mileageUnit) {\n          <ion-select-option [value]=\"mileageUnit\">{{\n            mileageUnit\n          }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n  </ion-list>\n</ion-content>\n<ion-toolbar>\n  <ion-buttons slot=\"start\">\n    <ion-button (click)=\"cancel()\" fill=\"solid\" color=\"danger\">\n      Cancel\n    </ion-button>\n  </ion-buttons>\n  <ion-buttons slot=\"end\">\n    <ion-button (click)=\"submit()\" fill=\"solid\" color=\"success\">\n      Save\n    </ion-button>\n  </ion-buttons>\n</ion-toolbar>\n" }]
+        }], propDecorators: { space: [{
+                type: Input
+            }], asset: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=mileage-dialog.component.js.map

package/esm2022/lib/mileage-dialog/mileage-dialog.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mileage-dialog.component.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/assetus/components/src/lib/mileage-dialog/mileage-dialog.component.ts","../../../../../../../../libs/extensions/assetus/components/src/lib/mileage-dialog/mileage-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, inject } from '@angular/core';\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport {\n  ModalController,\n  IonButton,\n  IonButtons,\n  IonContent,\n  IonInput,\n  IonItem,\n  IonList,\n  IonSelect,\n  IonSelectOption,\n  IonTitle,\n  IonToolbar,\n} from '@ionic/angular/standalone';\nimport { IIdAndBrief } from '@sneat/core';\nimport { ErrorLogger, IErrorLogger } from '@sneat/core';\nimport {\n  IAssetBrief,\n  CurrencyList,\n  CurrencyCode,\n  FuelVolumeUnitTypes,\n  FuelVolumeUnit,\n  MileageUnit,\n  MileageUnitTypes,\n} from '@sneat/mod-assetus-core';\nimport { AssetService, IAddVehicleRecordRequest } from '../services';\nimport { ISpaceBrief } from '@sneat/dto';\n\n@Component({\n  selector: 'sneat-mileage-dialog',\n  templateUrl: './mileage-dialog.component.html',\n  styleUrls: ['./mileage-dialog.component.scss'],\n  imports: [\n    IonTitle,\n    IonContent,\n    IonList,\n    IonItem,\n    IonInput,\n    IonSelect,\n    ReactiveFormsModule,\n    IonSelectOption,\n    IonToolbar,\n    IonButtons,\n    IonButton,\n  ],\n})\nexport class MileAgeDialogComponent {\n  private readonly errorLogger = inject<IErrorLogger>(ErrorLogger);\n  private readonly assetService = inject(AssetService);\n  private readonly modalCtrl = inject(ModalController);\n\n  @Input() space?: IIdAndBrief<ISpaceBrief>;\n  @Input() asset?: IIdAndBrief<IAssetBrief>;\n\n  protected currencyList: CurrencyCode[] = CurrencyList;\n  protected fuelVolumeUnitTypes = FuelVolumeUnitTypes;\n  protected mileageUnitTypes = MileageUnitTypes;\n\n  protected fuelVolume = new FormControl<number | undefined>(undefined);\n  protected fuelVolumeUnit = new FormControl<FuelVolumeUnit | undefined>(\n    undefined,\n  );\n\n  protected fuelCost = new FormControl<number | undefined>(undefined);\n  protected currency = new FormControl<CurrencyCode | undefined>(undefined);\n\n  protected mileage = new FormControl<number | undefined>(undefined);\n  protected mileageUnit = new FormControl<MileageUnit | undefined>(undefined);\n\n  protected addVehicleRecordForm = new FormGroup({\n    fuelVolume: this.fuelVolume,\n    fuelVolumeUnit: this.fuelVolumeUnit,\n\n    fuelCost: this.fuelCost,\n    currency: this.currency,\n\n    mileage: this.mileage,\n    mileageUnit: this.mileageUnit,\n  });\n\n  // ionViewDidEnter() {\n  // \tsetTimeout(() => {\n  // \t\tthis.inputTitle\n  // \t\t\t?.setFocus()\n  // \t\t\t.catch((err) =>\n  // \t\t\t\tthis.errorLogger.logError(err, 'Failed to set focus to title input'),\n  // \t\t\t);\n  // \t}, 100);\n  // }\n\n  // selectCardType(cardType: 'sql' | 'http'): void {\n  // \tthis.modalCtrl\n  // \t\t.dismiss({ cardType, title: this.cardTitle })\n  // \t\t.catch(this.errorLogger.logErrorHandler('Failed to dismiss modal'));\n  // }\n\n  submit(): void {\n    if (!this.asset?.id) {\n      throw new Error('assetId is not set');\n    }\n    if (!this.space?.id) {\n      throw new Error('spaceId is not set');\n    }\n\n    if (\n      (this.fuelVolume.value !== undefined) !==\n      (this.fuelVolumeUnit.value !== undefined)\n    ) {\n      throw new Error(\n        'fuelVolume and fuelVolumeUnit should be both set or both unset',\n      );\n    }\n\n    if (\n      (this.fuelCost.value !== undefined) !==\n      (this.currency.value !== undefined)\n    ) {\n      throw new Error('fuelCost and currency should be both set or both unset');\n    }\n\n    if (\n      (this.mileage.value !== undefined) !==\n      (this.mileageUnit.value !== undefined)\n    ) {\n      throw new Error(\n        'mileage and mileageUnit should be both set or both unset',\n      );\n    }\n\n    const request: IAddVehicleRecordRequest = {\n      spaceID: this.space.id,\n      assetID: this.asset.id,\n      fuelVolume: this.fuelVolume.value || undefined,\n      fuelVolumeUnit: this.fuelVolumeUnit.value || undefined,\n      fuelCost: this.fuelCost.value || undefined,\n      currency: this.currency.value || undefined,\n      mileage: this.mileage.value || undefined,\n      mileageUnit: this.mileageUnit.value || undefined,\n    };\n\n    this.assetService.addVehicleRecord(request).subscribe({\n      next: (_id) => {\n        this.modalCtrl\n          .dismiss()\n          .catch(\n            this.errorLogger.logErrorHandler(\n              'Failed to dismiss modal on success',\n            ),\n          );\n      },\n      error: (err) => {\n        console.error('Failed to add vehicle record:', err);\n      },\n    });\n\n    // const request: ICreateDebtRecordRequest = {\n    // \tspaceID,\n    // \tcontactID,\n    // \tamount: this.amount.value,\n    // \tcurrency: this.currency.value,\n    // };\n    // this.debtusService.createDebtRecord(request).subscribe({\n    // \tnext: (id) => {\n    // \t\tconsole.log('Debt record created:', id);\n    // \t},\n    // \terror: (err) => {\n    // \t\tconsole.error('Failed to create debt record:', err);\n    // \t},\n    // });\n  }\n\n  cancel(): void {\n    this.modalCtrl\n      .dismiss()\n      .catch(\n        this.errorLogger.logErrorHandler('Failed to dismiss modal on cancel'),\n      );\n  }\n}\n","<ion-toolbar>\n  <ion-title\n    >Add miles & fuel &#64;\n    @switch (asset?.brief?.extraType) {\n      @case (\"vehicle\") {\n        @if (asset?.brief?.extra?.[\"make\"] && asset?.brief?.extra?.[\"model\"]) {\n          {{ asset?.brief?.extra?.[\"make\"] }}/{{\n            asset?.brief?.extra?.[\"model\"]\n          }}\n        }\n        @if (\n          asset?.brief?.title &&\n          asset?.brief?.extra?.[\"make\"] &&\n          asset?.brief?.extra?.[\"model\"]\n        ) {\n          &mdash;\n        }\n      }\n      @case (\"dwelling\") {\n        {{ asset?.brief?.extra?.[\"address\"] || asset?.brief?.title }}\n      }\n    }\n    @if (asset?.brief?.title) {\n      {{ asset?.brief?.title }}\n    }\n  </ion-title>\n</ion-toolbar>\n<ion-content>\n  <ion-list>\n    <ion-item>\n      <ion-input [formControl]=\"fuelVolume\" label=\"Fuel Volume\"></ion-input>\n      <ion-select\n        [formControl]=\"fuelVolumeUnit\"\n        placeholder=\"Select Volume Unit\"\n      >\n        @for (fuelVolumeUnit of fuelVolumeUnitTypes; track fuelVolumeUnit) {\n          <ion-select-option [value]=\"fuelVolumeUnit\">{{\n            fuelVolumeUnit\n          }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n    <ion-item>\n      <ion-input [formControl]=\"fuelCost\" label=\"Fuel Cost\"></ion-input>\n      <ion-select [formControl]=\"currency\" placeholder=\"Select Currency\">\n        @for (currency of currencyList; track currency) {\n          <ion-select-option [value]=\"currency\">{{\n            currency\n          }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n    <ion-item>\n      <ion-input [formControl]=\"mileage\" label=\"Mileage\"></ion-input>\n      <ion-select [formControl]=\"mileageUnit\" placeholder=\"Select Mileage Unit\">\n        @for (mileageUnit of mileageUnitTypes; track mileageUnit) {\n          <ion-select-option [value]=\"mileageUnit\">{{\n            mileageUnit\n          }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n  </ion-list>\n</ion-content>\n<ion-toolbar>\n  <ion-buttons slot=\"start\">\n    <ion-button (click)=\"cancel()\" fill=\"solid\" color=\"danger\">\n      Cancel\n    </ion-button>\n  </ion-buttons>\n  <ion-buttons slot=\"end\">\n    <ion-button (click)=\"submit()\" fill=\"solid\" color=\"success\">\n      Save\n    </ion-button>\n  </ion-buttons>\n</ion-toolbar>\n"]}

package/esm2022/lib/period-segment/period-segment.component.js

@@ -0,0 +1,24 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { IonLabel, IonSegment, IonSegmentButton, } from '@ionic/angular/standalone';
+import * as i0 from "@angular/core";
+export class PeriodSegmentComponent {
+    constructor() {
+        this.changed = new EventEmitter();
+    }
+    segmentChanged(ev) {
+        // console.log('period segment changed', ev.detail);
+        this.period = ev.detail.value;
+        this.changed.emit(this.period);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PeriodSegmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: PeriodSegmentComponent, isStandalone: true, selector: "sneat-period-segment", inputs: { period: "period" }, outputs: { changed: "changed" }, ngImport: i0, template: "<ion-segment [value]=\"period\" (ionChange)=\"segmentChanged($event)\">\n  <!--<ion-segment-button value=\"day\" title=\"Daily\"><ion-label>Day</ion-label></ion-segment-button>-->\n  <ion-segment-button value=\"week\" title=\"Weekly\">\n    <ion-label>Week</ion-label>\n  </ion-segment-button>\n  <ion-segment-button value=\"month\" title=\"Monthly\">\n    <ion-label>Month</ion-label>\n  </ion-segment-button>\n  <ion-segment-button value=\"year\" title=\"Yearly\">\n    <ion-label>Year</ion-label>\n  </ion-segment-button>\n</ion-segment>\n", dependencies: [{ kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PeriodSegmentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-period-segment', imports: [IonSegment, IonSegmentButton, IonLabel], template: "<ion-segment [value]=\"period\" (ionChange)=\"segmentChanged($event)\">\n  <!--<ion-segment-button value=\"day\" title=\"Daily\"><ion-label>Day</ion-label></ion-segment-button>-->\n  <ion-segment-button value=\"week\" title=\"Weekly\">\n    <ion-label>Week</ion-label>\n  </ion-segment-button>\n  <ion-segment-button value=\"month\" title=\"Monthly\">\n    <ion-label>Month</ion-label>\n  </ion-segment-button>\n  <ion-segment-button value=\"year\" title=\"Yearly\">\n    <ion-label>Year</ion-label>\n  </ion-segment-button>\n</ion-segment>\n" }]
+        }], propDecorators: { period: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=period-segment.component.js.map

package/esm2022/lib/period-segment/period-segment.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"period-segment.component.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/assetus/components/src/lib/period-segment/period-segment.component.ts","../../../../../../../../libs/extensions/assetus/components/src/lib/period-segment/period-segment.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EACL,QAAQ,EACR,UAAU,EACV,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;;AAQnC,MAAM,OAAO,sBAAsB;IALnC;QASY,YAAO,GAAG,IAAI,YAAY,EAAU,CAAC;KAOhD;IALC,cAAc,CAAC,EAAe;QAC5B,oDAAoD;QACpD,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC;8GAVU,sBAAsB;kGAAtB,sBAAsB,+ICbnC,giBAYA,4CDDY,UAAU,uJAAE,gBAAgB,qIAAE,QAAQ;;2FAErC,sBAAsB;kBALlC,SAAS;+BACE,sBAAsB,WAEvB,CAAC,UAAU,EAAE,gBAAgB,EAAE,QAAQ,CAAC;;sBAGhD,KAAK;;sBAGL,MAAM","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport {\n  IonLabel,\n  IonSegment,\n  IonSegmentButton,\n} from '@ionic/angular/standalone';\nimport { Period } from '@sneat/dto';\n\n@Component({\n  selector: 'sneat-period-segment',\n  templateUrl: './period-segment.component.html',\n  imports: [IonSegment, IonSegmentButton, IonLabel],\n})\nexport class PeriodSegmentComponent {\n  @Input()\n  public period?: Period;\n\n  @Output() changed = new EventEmitter<Period>();\n\n  segmentChanged(ev: CustomEvent): void {\n    // console.log('period segment changed', ev.detail);\n    this.period = ev.detail.value;\n    this.changed.emit(this.period);\n  }\n}\n","<ion-segment [value]=\"period\" (ionChange)=\"segmentChanged($event)\">\n  <!--<ion-segment-button value=\"day\" title=\"Daily\"><ion-label>Day</ion-label></ion-segment-button>-->\n  <ion-segment-button value=\"week\" title=\"Weekly\">\n    <ion-label>Week</ion-label>\n  </ion-segment-button>\n  <ion-segment-button value=\"month\" title=\"Monthly\">\n    <ion-label>Month</ion-label>\n  </ion-segment-button>\n  <ion-segment-button value=\"year\" title=\"Yearly\">\n    <ion-label>Year</ion-label>\n  </ion-segment-button>\n</ion-segment>\n"]}

package/esm2022/lib/real-estate-location/real-estate-location.component.js

@@ -0,0 +1,22 @@
+import { Component, Input } from '@angular/core';
+import { IonButton, IonButtons, IonIcon, IonInput, IonItem, IonLabel, IonTextarea, } from '@ionic/angular/standalone';
+import * as i0 from "@angular/core";
+export class RealEstateLocationComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RealEstateLocationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: RealEstateLocationComponent, isStandalone: true, selector: "sneat-real-estate-location", inputs: { asset: "asset" }, ngImport: i0, template: "<ion-item class=\"with-buttons\">\n  <ion-label position=\"stacked\">Address</ion-label>\n  <ion-textarea />\n  <ion-buttons slot=\"end\">\n    <ion-button color=\"medium\" title=\"Copy\">\n      <ion-icon name=\"copy\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n<ion-item class=\"with-buttons\">\n  <ion-label>Eir code</ion-label>\n  <ion-input />\n  <ion-buttons slot=\"end\">\n    <ion-button color=\"medium\" title=\"Copy\">\n      <ion-icon name=\"copy\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n<ion-item class=\"with-buttons\">\n  <ion-label position=\"stacked\">Alarm</ion-label>\n  <ion-input />\n  <ion-buttons slot=\"end\">\n    <ion-button color=\"medium\" title=\"Copy\">\n      <ion-icon name=\"copy\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n", dependencies: [{ kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RealEstateLocationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-real-estate-location', imports: [
+                        IonItem,
+                        IonLabel,
+                        IonTextarea,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonInput,
+                    ], template: "<ion-item class=\"with-buttons\">\n  <ion-label position=\"stacked\">Address</ion-label>\n  <ion-textarea />\n  <ion-buttons slot=\"end\">\n    <ion-button color=\"medium\" title=\"Copy\">\n      <ion-icon name=\"copy\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n<ion-item class=\"with-buttons\">\n  <ion-label>Eir code</ion-label>\n  <ion-input />\n  <ion-buttons slot=\"end\">\n    <ion-button color=\"medium\" title=\"Copy\">\n      <ion-icon name=\"copy\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n<ion-item class=\"with-buttons\">\n  <ion-label position=\"stacked\">Alarm</ion-label>\n  <ion-input />\n  <ion-buttons slot=\"end\">\n    <ion-button color=\"medium\" title=\"Copy\">\n      <ion-icon name=\"copy\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n" }]
+        }], propDecorators: { asset: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=real-estate-location.component.js.map

package/esm2022/lib/real-estate-location/real-estate-location.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"real-estate-location.component.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/assetus/components/src/lib/real-estate-location/real-estate-location.component.ts","../../../../../../../../libs/extensions/assetus/components/src/lib/real-estate-location/real-estate-location.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,WAAW,GACZ,MAAM,2BAA2B,CAAC;;AAgBnC,MAAM,OAAO,2BAA2B;8GAA3B,2BAA2B;kGAA3B,2BAA2B,kHCzBxC,4xBA2BA,4CDXI,OAAO,0NACP,QAAQ,6FACR,WAAW,iaACX,UAAU,8EACV,SAAS,oPACT,OAAO,2JACP,QAAQ;;2FAGC,2BAA2B;kBAbvC,SAAS;+BACE,4BAA4B,WAE7B;wBACP,OAAO;wBACP,QAAQ;wBACR,WAAW;wBACX,UAAU;wBACV,SAAS;wBACT,OAAO;wBACP,QAAQ;qBACT;;sBAGA,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\nimport {\n  IonButton,\n  IonButtons,\n  IonIcon,\n  IonInput,\n  IonItem,\n  IonLabel,\n  IonTextarea,\n} from '@ionic/angular/standalone';\nimport { IAssetContext } from '@sneat/mod-assetus-core';\n\n@Component({\n  selector: 'sneat-real-estate-location',\n  templateUrl: './real-estate-location.component.html',\n  imports: [\n    IonItem,\n    IonLabel,\n    IonTextarea,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonInput,\n  ],\n})\nexport class RealEstateLocationComponent {\n  @Input() asset?: IAssetContext;\n}\n","<ion-item class=\"with-buttons\">\n  <ion-label position=\"stacked\">Address</ion-label>\n  <ion-textarea />\n  <ion-buttons slot=\"end\">\n    <ion-button color=\"medium\" title=\"Copy\">\n      <ion-icon name=\"copy\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n<ion-item class=\"with-buttons\">\n  <ion-label>Eir code</ion-label>\n  <ion-input />\n  <ion-buttons slot=\"end\">\n    <ion-button color=\"medium\" title=\"Copy\">\n      <ion-icon name=\"copy\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n<ion-item class=\"with-buttons\">\n  <ion-label position=\"stacked\">Alarm</ion-label>\n  <ion-input />\n  <ion-buttons slot=\"end\">\n    <ion-button color=\"medium\" title=\"Copy\">\n      <ion-icon name=\"copy\" />\n    </ion-button>\n  </ion-buttons>\n</ion-item>\n"]}

package/esm2022/lib/services/asset-service.dto.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=asset-service.dto.js.map

package/esm2022/lib/services/asset-service.dto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-service.dto.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/assetus/components/src/lib/services/asset-service.dto.ts"],"names":[],"mappings":"","sourcesContent":["import {\n  AssetExtraType,\n  IAssetDboBase,\n  IAssetExtra,\n} from '@sneat/mod-assetus-core';\nimport { CurrencyCode } from '@sneat/mod-schedulus-core';\nimport { ISpaceRequest } from '@sneat/space-models';\n\nexport interface ICreateAssetRequest<\n  ExtraType extends AssetExtraType,\n  Extra extends IAssetExtra,\n> extends ISpaceRequest {\n  readonly asset: IAssetDboBase<ExtraType, Extra>;\n  readonly memberID?: string;\n}\n\nexport interface IAssetRequest extends ISpaceRequest {\n  assetID: string;\n  assetCategory: string;\n}\n\nexport interface IUpdateAssetRequest extends IAssetRequest {\n  regNumber?: string;\n}\n\nexport interface IAddVehicleRecordRequest extends ISpaceRequest {\n  readonly assetID: string;\n  readonly fuelVolume?: number;\n  readonly fuelVolumeUnit?: 'l' | 'g';\n  readonly fuelCost?: number;\n  readonly currency?: CurrencyCode;\n  readonly mileage?: number;\n  readonly mileageUnit?: 'km' | 'mile';\n}\n"]}

package/esm2022/lib/services/asset-service.js

@@ -0,0 +1,59 @@
+import { HttpParams } from '@angular/common/http';
+import { Injectable, inject, Injector } from '@angular/core';
+import { Firestore as AngularFirestore } from '@angular/fire/firestore';
+import { SneatApiService } from '@sneat/api';
+import { ModuleSpaceItemService } from '@sneat/space-services';
+import * as i0 from "@angular/core";
+export class AssetService extends ModuleSpaceItemService {
+    constructor() {
+        const afs = inject(AngularFirestore);
+        const sneatApiService = inject(SneatApiService);
+        const injector = inject(Injector);
+        super(injector, 'assetus', 'assets', afs, sneatApiService);
+        this.watchAssetByID = this.watchSpaceItemByIdWithSpaceRef;
+    }
+    deleteAsset(spaceID, assetID) {
+        const request = new HttpParams({
+            fromObject: { id: assetID, space: spaceID },
+        });
+        return this.sneatApiService.delete('assets/delete_asset', request);
+    }
+    updateAsset(request) {
+        return this.sneatApiService.post('assets/update_asset', request);
+    }
+    createAsset(space, request) {
+        // console.log(`AssetService.createAsset()`, request);
+        request = { ...request, asset: { ...request.asset, isRequest: true } };
+        return this.createSpaceItem('assets/create_asset?assetCategory=' + request.asset.category, space, request);
+    }
+    addVehicleRecord(request) {
+        return this.sneatApiService.post('assets/add_vehicle_record', request);
+    }
+    updateVehicleRecord(request) {
+        return this.sneatApiService.post('assets/update_vehicle_record', request);
+    }
+    deleteVehicleRecord(request) {
+        return this.sneatApiService.post('assets/delete_vehicle_record', request);
+    }
+    watchSpaceAssets(space, category) {
+        // console.log('watchAssetsByTeamID()', team.id);
+        const filter = category
+            ? [
+                {
+                    field: 'category',
+                    operator: '==',
+                    value: category,
+                },
+            ]
+            : undefined;
+        return this.watchModuleSpaceItemsWithSpaceRef(space, {
+            filter,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AssetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AssetService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AssetService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=asset-service.js.map

package/esm2022/lib/services/asset-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-service.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/assetus/components/src/lib/services/asset-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAWtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;;AAS/D,MAAM,OAAO,YAAa,SAAQ,sBAGjC;IACC;QACE,MAAM,GAAG,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;QACrC,MAAM,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAChD,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QAClC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,CAAC,CAAC;QAiD7C,mBAAc,GAAG,IAAI,CAAC,8BAA8B,CAAC;IAhDrE,CAAC;IAEM,WAAW,CAAC,OAAe,EAAE,OAAe;QACjD,MAAM,OAAO,GAAG,IAAI,UAAU,CAAC;YAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SAC5C,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAO,qBAAqB,EAAE,OAAO,CAAC,CAAC;IAC3E,CAAC;IAEM,WAAW,CAAC,OAA4B;QAC7C,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;IACnE,CAAC;IAEM,WAAW,CAIhB,KAAoB,EACpB,OAA8C;QAE9C,sDAAsD;QACtD,OAAO,GAAG,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,EAAE,GAAG,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC;QACvE,OAAO,IAAI,CAAC,eAAe,CAIzB,oCAAoC,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,EAC7D,KAAK,EACL,OAAO,CACR,CAAC;IACJ,CAAC;IAEM,gBAAgB,CAAC,OAAiC;QACvD,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC;IACzE,CAAC;IAEM,mBAAmB,CACxB,OAAiC;QAEjC,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,8BAA8B,EAAE,OAAO,CAAC,CAAC;IAC5E,CAAC;IAEM,mBAAmB,CACxB,OAAiC;QAEjC,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,8BAA8B,EAAE,OAAO,CAAC,CAAC;IAC5E,CAAC;IAIM,gBAAgB,CAIrB,KAAoB,EACpB,QAAwB;QAExB,iDAAiD;QACjD,MAAM,MAAM,GAA0B,QAAQ;YAC5C,CAAC,CAAC;gBACE;oBACE,KAAK,EAAE,UAAU;oBACjB,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,QAAQ;iBAChB;aACF;YACH,CAAC,CAAC,SAAS,CAAC;QACd,OAAO,IAAI,CAAC,iCAAiC,CAC3C,KAAK,EACL;YACE,MAAM;SACP,CAC+C,CAAC;IACrD,CAAC;8GAlFU,YAAY;kHAAZ,YAAY;;2FAAZ,YAAY;kBADxB,UAAU","sourcesContent":["import { HttpParams } from '@angular/common/http';\nimport { Injectable, inject, Injector } from '@angular/core';\nimport { Firestore as AngularFirestore } from '@angular/fire/firestore';\nimport { IFilter, SneatApiService } from '@sneat/api';\nimport {\n  AssetCategory,\n  IAssetBrief,\n  IAssetDboBase,\n  IAssetContext,\n  IAssetDbo,\n  AssetExtraType,\n  IAssetExtra,\n} from '@sneat/mod-assetus-core';\nimport { ISpaceContext } from '@sneat/space-models';\nimport { ModuleSpaceItemService } from '@sneat/space-services';\nimport { Observable } from 'rxjs';\nimport {\n  IAddVehicleRecordRequest,\n  ICreateAssetRequest,\n  IUpdateAssetRequest,\n} from './asset-service.dto';\n\n@Injectable()\nexport class AssetService extends ModuleSpaceItemService<\n  IAssetBrief<string>,\n  IAssetDboBase<string>\n> {\n  constructor() {\n    const afs = inject(AngularFirestore);\n    const sneatApiService = inject(SneatApiService);\n    const injector = inject(Injector);\n    super(injector, 'assetus', 'assets', afs, sneatApiService);\n  }\n\n  public deleteAsset(spaceID: string, assetID: string): Observable<void> {\n    const request = new HttpParams({\n      fromObject: { id: assetID, space: spaceID },\n    });\n    return this.sneatApiService.delete<void>('assets/delete_asset', request);\n  }\n\n  public updateAsset(request: IUpdateAssetRequest): Observable<void> {\n    return this.sneatApiService.post('assets/update_asset', request);\n  }\n\n  public createAsset<\n    ExtraType extends AssetExtraType,\n    Extra extends IAssetExtra,\n  >(\n    space: ISpaceContext,\n    request: ICreateAssetRequest<ExtraType, Extra>,\n  ): Observable<IAssetContext<ExtraType, Extra>> {\n    // console.log(`AssetService.createAsset()`, request);\n    request = { ...request, asset: { ...request.asset, isRequest: true } };\n    return this.createSpaceItem<\n      IAssetBrief<ExtraType, Extra>,\n      IAssetDbo<ExtraType, Extra>\n    >(\n      'assets/create_asset?assetCategory=' + request.asset.category,\n      space,\n      request,\n    );\n  }\n\n  public addVehicleRecord(request: IAddVehicleRecordRequest): Observable<void> {\n    return this.sneatApiService.post('assets/add_vehicle_record', request);\n  }\n\n  public updateVehicleRecord(\n    request: IAddVehicleRecordRequest,\n  ): Observable<void> {\n    return this.sneatApiService.post('assets/update_vehicle_record', request);\n  }\n\n  public deleteVehicleRecord(\n    request: IAddVehicleRecordRequest,\n  ): Observable<void> {\n    return this.sneatApiService.post('assets/delete_vehicle_record', request);\n  }\n\n  public readonly watchAssetByID = this.watchSpaceItemByIdWithSpaceRef;\n\n  public watchSpaceAssets<\n    ExtraType extends AssetExtraType,\n    Extra extends IAssetExtra,\n  >(\n    space: ISpaceContext,\n    category?: AssetCategory,\n  ): Observable<IAssetContext<ExtraType, Extra>[]> {\n    // console.log('watchAssetsByTeamID()', team.id);\n    const filter: IFilter[] | undefined = category\n      ? [\n          {\n            field: 'category',\n            operator: '==',\n            value: category,\n          },\n        ]\n      : undefined;\n    return this.watchModuleSpaceItemsWithSpaceRef<IAssetDbo<ExtraType, Extra>>(\n      space,\n      {\n        filter,\n      },\n    ) as Observable<IAssetContext<ExtraType, Extra>[]>;\n  }\n}\n"]}