@sneat/components 0.1.3 → 0.1.6

package/esm2022/lib/pipes/index.js

@@ -0,0 +1,7 @@
+export * from './gender.pipes';
+export * from './team-emoji.pipe';
+export * from './long-month-name.pipe';
+export * from './short-month-name.pipe';
+export * from './country-emoji.pipe';
+export * from './decimal64p2.pipe';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/pipes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/pipes/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './gender.pipes';\nexport * from './team-emoji.pipe';\nexport * from './long-month-name.pipe';\nexport * from './short-month-name.pipe';\nexport * from './country-emoji.pipe';\nexport * from './decimal64p2.pipe';\n"]}

package/esm2022/lib/pipes/long-month-name.pipe.js

@@ -0,0 +1,41 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LongMonthNamePipe {
+    transform(month) {
+        switch (month) {
+            case 0:
+                return 'January';
+            case 1:
+                return 'February';
+            case 2:
+                return 'March';
+            case 3:
+                return 'April';
+            case 4:
+                return 'May';
+            case 5:
+                return 'June';
+            case 6:
+                return 'July';
+            case 7:
+                return 'August';
+            case 8:
+                return 'September';
+            case 9:
+                return 'October';
+            case 10:
+                return 'November';
+            case 11:
+                return 'December';
+            default:
+                return '' + month;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LongMonthNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: LongMonthNamePipe, isStandalone: true, name: "longMonthName" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LongMonthNamePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'longMonthName' }]
+        }] });
+//# sourceMappingURL=long-month-name.pipe.js.map

package/esm2022/lib/pipes/long-month-name.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-month-name.pipe.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/pipes/long-month-name.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;;AAGpD,MAAM,OAAO,iBAAiB;IAC5B,SAAS,CAAC,KAAc;QACtB,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,CAAC;gBACJ,OAAO,SAAS,CAAC;YACnB,KAAK,CAAC;gBACJ,OAAO,UAAU,CAAC;YACpB,KAAK,CAAC;gBACJ,OAAO,OAAO,CAAC;YACjB,KAAK,CAAC;gBACJ,OAAO,OAAO,CAAC;YACjB,KAAK,CAAC;gBACJ,OAAO,KAAK,CAAC;YACf,KAAK,CAAC;gBACJ,OAAO,MAAM,CAAC;YAChB,KAAK,CAAC;gBACJ,OAAO,MAAM,CAAC;YAChB,KAAK,CAAC;gBACJ,OAAO,QAAQ,CAAC;YAClB,KAAK,CAAC;gBACJ,OAAO,WAAW,CAAC;YACrB,KAAK,CAAC;gBACJ,OAAO,SAAS,CAAC;YACnB,KAAK,EAAE;gBACL,OAAO,UAAU,CAAC;YACpB,KAAK,EAAE;gBACL,OAAO,UAAU,CAAC;YACpB;gBACE,OAAO,EAAE,GAAG,KAAK,CAAC;QACtB,CAAC;IACH,CAAC;8GA9BU,iBAAiB;4GAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAD7B,IAAI;mBAAC,EAAE,IAAI,EAAE,eAAe,EAAE","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({ name: 'longMonthName' })\nexport class LongMonthNamePipe implements PipeTransform {\n  transform(month?: number): string {\n    switch (month) {\n      case 0:\n        return 'January';\n      case 1:\n        return 'February';\n      case 2:\n        return 'March';\n      case 3:\n        return 'April';\n      case 4:\n        return 'May';\n      case 5:\n        return 'June';\n      case 6:\n        return 'July';\n      case 7:\n        return 'August';\n      case 8:\n        return 'September';\n      case 9:\n        return 'October';\n      case 10:\n        return 'November';\n      case 11:\n        return 'December';\n      default:\n        return '' + month;\n    }\n  }\n}\n"]}

package/esm2022/lib/pipes/short-month-name.pipe.js

@@ -0,0 +1,31 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export const shortMonthNamesByNumber = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
+];
+export class ShortMonthNamePipe {
+    transform(month) {
+        if (month !== undefined && month >= 0 && month <= 11) {
+            return shortMonthNamesByNumber[month];
+        }
+        return '' + month;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ShortMonthNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: ShortMonthNamePipe, isStandalone: true, name: "shortMonthName" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ShortMonthNamePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'shortMonthName' }]
+        }] });
+//# sourceMappingURL=short-month-name.pipe.js.map

package/esm2022/lib/pipes/short-month-name.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"short-month-name.pipe.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/pipes/short-month-name.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;;AAEpD,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;CACN,CAAC;AAGF,MAAM,OAAO,kBAAkB;IAC7B,SAAS,CAAC,KAAc;QACtB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,EAAE,CAAC;YACrD,OAAO,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;QACD,OAAO,EAAE,GAAG,KAAK,CAAC;IACpB,CAAC;8GANU,kBAAkB;4GAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAD9B,IAAI;mBAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\nexport const shortMonthNamesByNumber = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\n@Pipe({ name: 'shortMonthName' })\nexport class ShortMonthNamePipe implements PipeTransform {\n  transform(month?: number): string {\n    if (month !== undefined && month >= 0 && month <= 11) {\n      return shortMonthNamesByNumber[month];\n    }\n    return '' + month;\n  }\n}\n"]}

package/esm2022/lib/pipes/team-emoji.pipe.js

@@ -0,0 +1,31 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SpaceEmojiPipe {
+    transform(communeType) {
+        switch (communeType) {
+            case 'family':
+                return '👨‍👩‍👧‍👦';
+            case 'cohabit':
+                return '🤝';
+            case 'sport_club':
+                return '⚽';
+            case 'educator':
+                return '💃';
+            case 'realtor':
+                return '🏘️';
+            case 'parish':
+                return '⛪';
+            case 'private':
+                return '🕶️';
+            default:
+                return undefined;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SpaceEmojiPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: SpaceEmojiPipe, isStandalone: true, name: "spaceEmoji" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SpaceEmojiPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'spaceEmoji' }]
+        }] });
+//# sourceMappingURL=team-emoji.pipe.js.map

package/esm2022/lib/pipes/team-emoji.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-emoji.pipe.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/pipes/team-emoji.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;;AAIpD,MAAM,OAAO,cAAc;IACzB,SAAS,CAAC,WAAsB;QAC9B,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,QAAQ;gBACX,OAAO,aAAa,CAAC;YACvB,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAC;YACd,KAAK,YAAY;gBACf,OAAO,GAAG,CAAC;YACb,KAAK,UAAU;gBACb,OAAO,IAAI,CAAC;YACd,KAAK,SAAS;gBACZ,OAAO,KAAK,CAAC;YACf,KAAK,QAAQ;gBACX,OAAO,GAAG,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO,KAAK,CAAC;YACf;gBACE,OAAO,SAAS,CAAC;QACrB,CAAC;IACH,CAAC;8GApBU,cAAc;4GAAd,cAAc;;2FAAd,cAAc;kBAD1B,IAAI;mBAAC,EAAE,IAAI,EAAE,YAAY,EAAE","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { SpaceType } from '@sneat/core';\n\n@Pipe({ name: 'spaceEmoji' })\nexport class SpaceEmojiPipe implements PipeTransform {\n  transform(communeType: SpaceType): string | undefined {\n    switch (communeType) {\n      case 'family':\n        return '👨‍👩‍👧‍👦';\n      case 'cohabit':\n        return '🤝';\n      case 'sport_club':\n        return '⚽';\n      case 'educator':\n        return '💃';\n      case 'realtor':\n        return '🏘️';\n      case 'parish':\n        return '⛪';\n      case 'private':\n        return '🕶️';\n      default:\n        return undefined;\n    }\n  }\n}\n"]}

package/esm2022/lib/save-event.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=save-event.js.map

package/esm2022/lib/save-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-event.js","sourceRoot":"","sources":["../../../../../libs/components/src/lib/save-event.ts"],"names":[],"mappings":"","sourcesContent":["export interface ISaveEvent<T> {\n  readonly object?: T;\n  readonly success: () => void;\n  readonly error: (e: unknown) => void;\n}\n"]}

package/esm2022/lib/user-country/user-country.component.js

@@ -0,0 +1,136 @@
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { ChangeDetectionStrategy, Component, computed, effect, Input, signal, inject, } from '@angular/core';
+import { IonButton, IonCard, IonCardContent, IonCardHeader, IonCardTitle, IonIcon, IonLabel, } from '@ionic/angular/standalone';
+import { SneatUserService } from '@sneat/auth-core';
+import { ClassName, SneatBaseComponent } from '@sneat/ui';
+import { map, race, takeUntil } from 'rxjs';
+import { CountryInputComponent } from '../country-input';
+import { CountriesLoaderService } from '../country-selector';
+import * as i0 from "@angular/core";
+let ipCountryCached; // TODO: Should have expiration?
+export class UserCountryComponent extends SneatBaseComponent {
+    trackUserRecord() {
+        this.userService.userState
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((user) => {
+            if (user.record) {
+                this.$userCountryID.set(user?.record?.countryID || '--');
+            }
+        });
+    }
+    constructor() {
+        super();
+        this.httpClient = inject(HttpClient);
+        this.userService = inject(SneatUserService);
+        this.countriesLoader = inject(CountriesLoaderService);
+        this.$ipCountryID = signal('', ...(ngDevMode ? [{ debugName: "$ipCountryID" }] : []));
+        this.$ipCountry = signal(undefined, ...(ngDevMode ? [{ debugName: "$ipCountry" }] : []));
+        this.$userCountryID = signal('', ...(ngDevMode ? [{ debugName: "$userCountryID" }] : []));
+        this.$userHasCountry = computed(() => {
+            const userCountryID = this.$userCountryID();
+            return !!userCountryID && userCountryID !== '--';
+        }, ...(ngDevMode ? [{ debugName: "$userHasCountry" }] : []));
+        this.isCountryDetectionStarted = false;
+        this.$detectingCountry = signal(false, ...(ngDevMode ? [{ debugName: "$detectingCountry" }] : []));
+        this.$saving = signal(false, ...(ngDevMode ? [{ debugName: "$saving" }] : []));
+        this.doNotHide = false;
+        this.trackUserRecord();
+        // this.getIpCountry();
+        effect(() => {
+            const userCountryID = this.$userCountryID();
+            if (userCountryID === '--' &&
+                // It looks like using signal here can cause an infinite loop
+                !this.isCountryDetectionStarted) {
+                this.getIpCountry();
+            }
+        });
+    }
+    onCountryOfResidenceChanged(countryID) {
+        this.setCountry(countryID);
+    }
+    getIpCountry() {
+        if (this.isCountryDetectionStarted) {
+            return;
+        }
+        this.isCountryDetectionStarted = true;
+        if (ipCountryCached) {
+            this.$ipCountryID.set(ipCountryCached);
+            this.countriesLoader.getCountryByID(ipCountryCached).then((country) => {
+                this.$ipCountry.set(country);
+            });
+            return;
+        }
+        this.$detectingCountry.set(true);
+        // console.log('UserCountryComponent: Detecting IP country...');
+        race(this.httpClient
+            .get('https://ipapi.co/country', {
+            headers: new HttpHeaders({
+                Accept: 'text/plain',
+            }),
+            responseType: 'text',
+        })
+            .pipe(map((country) => ({ source: 'https://ipapi.co/country', country })))).subscribe({
+            next: (response) => {
+                // console.log('UserCountryComponent: Got IP country:', response);
+                const ipCountryID = response.country;
+                ipCountryCached = ipCountryID;
+                this.$ipCountryID.set(ipCountryID);
+                this.countriesLoader.getCountryByID(ipCountryID).then((country) => {
+                    this.$ipCountry.set(country);
+                });
+                this.$detectingCountry.set(false);
+            },
+            error: (err) => {
+                this.$detectingCountry.set(false);
+                // console.error('UserCountryComponent: Failed to get IP country', err);
+                this.errorLogger.logError(err, 'UserCountryComponent: Failed to get IP country', {
+                    show: false,
+                });
+            },
+        });
+    }
+    setCountry(countryID) {
+        if (!countryID) {
+            return;
+        }
+        this.$saving.set(true);
+        this.userService.setUserCountry(countryID).subscribe({
+            next: () => {
+                // console.log('UserCountryComponent: User country set to', countryID);
+                this.$userCountryID.set(countryID);
+            },
+            error: (err) => {
+                this.errorLogger.logError('UserCountryComponent: Failed to set user country', err);
+                this.$saving.set(false);
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: UserCountryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: UserCountryComponent, isStandalone: true, selector: "sneat-user-country", inputs: { doNotHide: "doNotHide" }, providers: [
+            {
+                provide: ClassName,
+                useValue: 'UserCountryComponent',
+            },
+        ], usesInheritance: true, ngImport: i0, template: "@let userCountryID = $userCountryID();\n@let userHasCountry = $userHasCountry();\n\n@if (doNotHide || ($ipCountry() && !userHasCountry)) {\n  <ion-card>\n    @if (userHasCountry || !$ipCountry()) {\n      <ion-card-content>\n        <sneat-country-input\n          label=\"Country of residence\"\n          [canReset]=\"false\"\n          [countryID]=\"userCountryID || ''\"\n          (countryIDChange)=\"onCountryOfResidenceChanged($event)\"\n        />\n      </ion-card-content>\n    } @else {\n      <ion-card-header>\n        <ion-card-title>\n          Is {{ $ipCountry()?.emoji }} {{ $ipCountry()?.title }} your country of\n          residence?\n        </ion-card-title>\n      </ion-card-header>\n      <ion-card-content>\n        <ion-button\n          [disabled]=\"$saving()\"\n          color=\"primary\"\n          class=\"ion-padding-end\"\n          (click)=\"setCountry($ipCountryID())\"\n        >\n          <ion-icon name=\"checkmark-outline\" slot=\"start\" />\n          <ion-label style=\"text-transform: none\"\n            ><b\n              >Yes, my primary residence is in {{ $ipCountry()?.title }}\n              {{ $ipCountry()?.emoji }}</b\n            ></ion-label\n          >\n        </ion-button>\n        <ion-button color=\"light\" [disabled]=\"$saving()\">\n          <ion-icon name=\"list-outline\" slot=\"start\" />\n          <ion-label style=\"text-transform: none\">Choose county</ion-label>\n        </ion-button>\n      </ion-card-content>\n    }\n  </ion-card>\n}\n", dependencies: [{ kind: "component", type: CountryInputComponent, selector: "sneat-country-input", inputs: ["canReset", "label", "countryID"], outputs: ["countryIDChange"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { 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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: UserCountryComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        CountryInputComponent,
+                        IonCardContent,
+                        IonCardHeader,
+                        IonCardTitle,
+                        IonButton,
+                        IonIcon,
+                        IonLabel,
+                        IonCard,
+                    ], providers: [
+                        {
+                            provide: ClassName,
+                            useValue: 'UserCountryComponent',
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sneat-user-country', template: "@let userCountryID = $userCountryID();\n@let userHasCountry = $userHasCountry();\n\n@if (doNotHide || ($ipCountry() && !userHasCountry)) {\n  <ion-card>\n    @if (userHasCountry || !$ipCountry()) {\n      <ion-card-content>\n        <sneat-country-input\n          label=\"Country of residence\"\n          [canReset]=\"false\"\n          [countryID]=\"userCountryID || ''\"\n          (countryIDChange)=\"onCountryOfResidenceChanged($event)\"\n        />\n      </ion-card-content>\n    } @else {\n      <ion-card-header>\n        <ion-card-title>\n          Is {{ $ipCountry()?.emoji }} {{ $ipCountry()?.title }} your country of\n          residence?\n        </ion-card-title>\n      </ion-card-header>\n      <ion-card-content>\n        <ion-button\n          [disabled]=\"$saving()\"\n          color=\"primary\"\n          class=\"ion-padding-end\"\n          (click)=\"setCountry($ipCountryID())\"\n        >\n          <ion-icon name=\"checkmark-outline\" slot=\"start\" />\n          <ion-label style=\"text-transform: none\"\n            ><b\n              >Yes, my primary residence is in {{ $ipCountry()?.title }}\n              {{ $ipCountry()?.emoji }}</b\n            ></ion-label\n          >\n        </ion-button>\n        <ion-button color=\"light\" [disabled]=\"$saving()\">\n          <ion-icon name=\"list-outline\" slot=\"start\" />\n          <ion-label style=\"text-transform: none\">Choose county</ion-label>\n        </ion-button>\n      </ion-card-content>\n    }\n  </ion-card>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { doNotHide: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=user-country.component.js.map

package/esm2022/lib/user-country/user-country.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-country.component.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/user-country/user-country.component.ts","../../../../../../libs/components/src/lib/user-country/user-country.component.html"],"names":[],"mappings":"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","sourcesContent":["import { HttpClient, HttpHeaders } from '@angular/common/http';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  Input,\n  OnDestroy,\n  signal,\n  inject,\n} from '@angular/core';\nimport {\n  IonButton,\n  IonCard,\n  IonCardContent,\n  IonCardHeader,\n  IonCardTitle,\n  IonIcon,\n  IonLabel,\n} from '@ionic/angular/standalone';\nimport { SneatUserService } from '@sneat/auth-core';\nimport { ClassName, SneatBaseComponent } from '@sneat/ui';\nimport { map, race, takeUntil } from 'rxjs';\nimport { CountryInputComponent } from '../country-input';\nimport { ICountry, CountriesLoaderService } from '../country-selector';\n\nlet ipCountryCached: string | undefined; // TODO: Should have expiration?\n\n@Component({\n  imports: [\n    CountryInputComponent,\n    IonCardContent,\n    IonCardHeader,\n    IonCardTitle,\n    IonButton,\n    IonIcon,\n    IonLabel,\n    IonCard,\n  ],\n  providers: [\n    {\n      provide: ClassName,\n      useValue: 'UserCountryComponent',\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'sneat-user-country',\n  templateUrl: './user-country.component.html',\n})\nexport class UserCountryComponent\n  extends SneatBaseComponent\n  implements OnDestroy\n{\n  private readonly httpClient = inject(HttpClient);\n  private readonly userService = inject(SneatUserService);\n  private readonly countriesLoader = inject(CountriesLoaderService);\n\n  protected readonly $ipCountryID = signal('');\n  protected readonly $ipCountry = signal<ICountry | undefined>(undefined);\n\n  protected readonly $userCountryID = signal<string>('');\n  protected readonly $userHasCountry = computed(() => {\n    const userCountryID = this.$userCountryID();\n    return !!userCountryID && userCountryID !== '--';\n  });\n\n  protected isCountryDetectionStarted = false;\n  protected readonly $detectingCountry = signal(false);\n  protected readonly $saving = signal(false);\n\n  @Input() public doNotHide = false;\n\n  private trackUserRecord(): void {\n    this.userService.userState\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((user) => {\n        if (user.record) {\n          this.$userCountryID.set(user?.record?.countryID || '--');\n        }\n      });\n  }\n\n  constructor() {\n    super();\n    this.trackUserRecord();\n    // this.getIpCountry();\n    effect(() => {\n      const userCountryID = this.$userCountryID();\n      if (\n        userCountryID === '--' &&\n        // It looks like using signal here can cause an infinite loop\n        !this.isCountryDetectionStarted\n      ) {\n        this.getIpCountry();\n      }\n    });\n  }\n\n  protected onCountryOfResidenceChanged(countryID: string): void {\n    this.setCountry(countryID);\n  }\n\n  private getIpCountry(): void {\n    if (this.isCountryDetectionStarted) {\n      return;\n    }\n    this.isCountryDetectionStarted = true;\n    if (ipCountryCached) {\n      this.$ipCountryID.set(ipCountryCached);\n      this.countriesLoader.getCountryByID(ipCountryCached).then((country) => {\n        this.$ipCountry.set(country);\n      });\n      return;\n    }\n    this.$detectingCountry.set(true);\n    // console.log('UserCountryComponent: Detecting IP country...');\n    race(\n      this.httpClient\n        .get<string>('https://ipapi.co/country', {\n          headers: new HttpHeaders({\n            Accept: 'text/plain',\n          }),\n          responseType: 'text' as 'json',\n        })\n        .pipe(\n          map((country) => ({ source: 'https://ipapi.co/country', country })),\n        ),\n    ).subscribe({\n      next: (response) => {\n        // console.log('UserCountryComponent: Got IP country:', response);\n        const ipCountryID = response.country;\n        ipCountryCached = ipCountryID;\n        this.$ipCountryID.set(ipCountryID);\n        this.countriesLoader.getCountryByID(ipCountryID).then((country) => {\n          this.$ipCountry.set(country);\n        });\n        this.$detectingCountry.set(false);\n      },\n      error: (err) => {\n        this.$detectingCountry.set(false);\n        // console.error('UserCountryComponent: Failed to get IP country', err);\n        this.errorLogger.logError(\n          err,\n          'UserCountryComponent: Failed to get IP country',\n          {\n            show: false,\n          },\n        );\n      },\n    });\n  }\n\n  protected setCountry(countryID?: string): void {\n    if (!countryID) {\n      return;\n    }\n    this.$saving.set(true);\n    this.userService.setUserCountry(countryID).subscribe({\n      next: () => {\n        // console.log('UserCountryComponent: User country set to', countryID);\n        this.$userCountryID.set(countryID);\n      },\n      error: (err) => {\n        this.errorLogger.logError(\n          'UserCountryComponent: Failed to set user country',\n          err,\n        );\n        this.$saving.set(false);\n      },\n    });\n  }\n}\n","@let userCountryID = $userCountryID();\n@let userHasCountry = $userHasCountry();\n\n@if (doNotHide || ($ipCountry() && !userHasCountry)) {\n  <ion-card>\n    @if (userHasCountry || !$ipCountry()) {\n      <ion-card-content>\n        <sneat-country-input\n          label=\"Country of residence\"\n          [canReset]=\"false\"\n          [countryID]=\"userCountryID || ''\"\n          (countryIDChange)=\"onCountryOfResidenceChanged($event)\"\n        />\n      </ion-card-content>\n    } @else {\n      <ion-card-header>\n        <ion-card-title>\n          Is {{ $ipCountry()?.emoji }} {{ $ipCountry()?.title }} your country of\n          residence?\n        </ion-card-title>\n      </ion-card-header>\n      <ion-card-content>\n        <ion-button\n          [disabled]=\"$saving()\"\n          color=\"primary\"\n          class=\"ion-padding-end\"\n          (click)=\"setCountry($ipCountryID())\"\n        >\n          <ion-icon name=\"checkmark-outline\" slot=\"start\" />\n          <ion-label style=\"text-transform: none\"\n            ><b\n              >Yes, my primary residence is in {{ $ipCountry()?.title }}\n              {{ $ipCountry()?.emoji }}</b\n            ></ion-label\n          >\n        </ion-button>\n        <ion-button color=\"light\" [disabled]=\"$saving()\">\n          <ion-icon name=\"list-outline\" slot=\"start\" />\n          <ion-label style=\"text-transform: none\">Choose county</ion-label>\n        </ion-button>\n      </ion-card-content>\n    }\n  </ion-card>\n}\n"]}

package/esm2022/lib/virtual-slider/virtual-slider.js

@@ -0,0 +1,83 @@
+import { animate, animateChild, group, query, state, style, transition, trigger, } from '@angular/animations';
+const defaultTiming = '250ms ease-out';
+const defaultActiveOpacity = '1';
+const defaultHiddenOpacity = '0.05';
+export const showVirtualSlide = 'show';
+export const hideVirtualSlide = 'hide';
+export const VirtualSliderDirectPushedNext = 'direct-push-next';
+export const VirtualSliderDirectPushedPrev = 'direct-push-prev';
+export const VirtualSliderReversePushedNext = 'reverse-push-next';
+export const VirtualSliderReversePushedPrev = 'reverse-push-prev';
+const options = {
+    timing: defaultTiming,
+    activeOpacity: defaultActiveOpacity,
+    hiddenOpacity: defaultHiddenOpacity,
+};
+const slideLeft = group([
+    animate(options.timing, style({ transform: 'translateX(-50%)' })),
+    query('@virtualSlide', animateChild()),
+]);
+const slideRight = group([
+    animate(options.timing, style({ transform: 'translateX(0)' })),
+    query('@virtualSlide', animateChild()),
+]);
+export const virtualSliderAnimations = [
+    trigger('virtualSlide', [
+        transition('void => *', animate(0)),
+        state(showVirtualSlide, style({ opacity: options.activeOpacity || 0 })),
+        state(hideVirtualSlide, style({ opacity: options.hiddenOpacity || 0 })),
+        transition('* => *', animate(options.timing)),
+    ]),
+    trigger('virtualSlider', [
+        transition('void => *', animate(0)),
+        // Slides: A→B
+        state(VirtualSliderDirectPushedNext, style({
+            flexDirection: 'row',
+            transform: 'translateX(-50%)',
+        })),
+        transition(`* => ${VirtualSliderDirectPushedNext}`, [
+            style({
+                flexDirection: 'row',
+                transform: 'translateX(0)',
+            }),
+            slideLeft,
+        ]),
+        // Slides: A←B
+        state(VirtualSliderDirectPushedPrev, style({
+            flexDirection: 'row',
+            transform: 'translateX(0)',
+        })),
+        transition(`* => ${VirtualSliderDirectPushedPrev}`, [
+            style({
+                flexDirection: 'row',
+                transform: 'translateX(-50%)',
+            }),
+            slideRight,
+        ]),
+        // Slides: B→A
+        state(VirtualSliderReversePushedNext, style({
+            flexDirection: 'row-reverse',
+            transform: 'translateX(-50%)',
+        })),
+        transition(`* => ${VirtualSliderReversePushedNext}`, [
+            style({
+                flexDirection: 'row-reverse',
+                transform: 'translateX(0)',
+            }),
+            slideLeft,
+        ]),
+        // Slides: B←A
+        state(VirtualSliderReversePushedPrev, style({
+            flexDirection: 'row-reverse',
+            transform: 'translateX(0)',
+        })),
+        transition(`* => ${VirtualSliderReversePushedPrev}`, [
+            style({
+                flexDirection: 'row-reverse',
+                transform: 'translateX(-50%)',
+            }),
+            slideRight,
+        ]),
+    ]),
+];
+//# sourceMappingURL=virtual-slider.js.map

package/esm2022/lib/virtual-slider/virtual-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-slider.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/virtual-slider/virtual-slider.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  animate,\n  animateChild,\n  AnimationTriggerMetadata,\n  group,\n  query,\n  state,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nconst defaultTiming = '250ms ease-out';\n\nconst defaultActiveOpacity = '1';\nconst defaultHiddenOpacity = '0.05';\n\ninterface IVirtualSliderOptions {\n  timing: string;\n  activeOpacity?: string;\n  hiddenOpacity?: string;\n}\n\ntype VirtualSlideStateShow = 'show';\ntype VirtualSlideStateHide = 'hide';\n\nexport const showVirtualSlide: VirtualSlideStateShow = 'show';\nexport const hideVirtualSlide: VirtualSlideStateHide = 'hide';\n\nexport type VirtualSlideAnimationsStates =\n  | VirtualSlideStateShow\n  | VirtualSlideStateHide;\n\nexport const VirtualSliderDirectPushedNext = 'direct-push-next';\nexport const VirtualSliderDirectPushedPrev = 'direct-push-prev';\nexport const VirtualSliderReversePushedNext = 'reverse-push-next';\nexport const VirtualSliderReversePushedPrev = 'reverse-push-prev';\n\nexport type VirtualSliderAnimationStates =\n  | 'direct-push-next'\n  | 'direct-push-prev'\n  | 'reverse-push-next'\n  | 'reverse-push-prev';\n\nconst options: IVirtualSliderOptions = {\n  timing: defaultTiming,\n  activeOpacity: defaultActiveOpacity,\n  hiddenOpacity: defaultHiddenOpacity,\n};\n\nconst slideLeft = group([\n  animate(options.timing, style({ transform: 'translateX(-50%)' })),\n  query('@virtualSlide', animateChild()),\n]);\nconst slideRight = group([\n  animate(options.timing, style({ transform: 'translateX(0)' })),\n  query('@virtualSlide', animateChild()),\n]);\n\nexport const virtualSliderAnimations: AnimationTriggerMetadata[] = [\n  trigger('virtualSlide', [\n    transition('void => *', animate(0)),\n    state(showVirtualSlide, style({ opacity: options.activeOpacity || 0 })),\n    state(hideVirtualSlide, style({ opacity: options.hiddenOpacity || 0 })),\n    transition('* => *', animate(options.timing)),\n  ]),\n  trigger('virtualSlider', [\n    transition('void => *', animate(0)),\n    // Slides: A→B\n    state(\n      VirtualSliderDirectPushedNext,\n      style({\n        flexDirection: 'row',\n        transform: 'translateX(-50%)',\n      }),\n    ),\n    transition(`* => ${VirtualSliderDirectPushedNext}`, [\n      style({\n        flexDirection: 'row',\n        transform: 'translateX(0)',\n      }),\n      slideLeft,\n    ]),\n    // Slides: A←B\n    state(\n      VirtualSliderDirectPushedPrev,\n      style({\n        flexDirection: 'row',\n        transform: 'translateX(0)',\n      }),\n    ),\n    transition(`* => ${VirtualSliderDirectPushedPrev}`, [\n      style({\n        flexDirection: 'row',\n        transform: 'translateX(-50%)',\n      }),\n      slideRight,\n    ]),\n    // Slides: B→A\n    state(\n      VirtualSliderReversePushedNext,\n      style({\n        flexDirection: 'row-reverse',\n        transform: 'translateX(-50%)',\n      }),\n    ),\n    transition(`* => ${VirtualSliderReversePushedNext}`, [\n      style({\n        flexDirection: 'row-reverse',\n        transform: 'translateX(0)',\n      }),\n      slideLeft,\n    ]),\n    // Slides: B←A\n    state(\n      VirtualSliderReversePushedPrev,\n      style({\n        flexDirection: 'row-reverse',\n        transform: 'translateX(0)',\n      }),\n    ),\n    transition(`* => ${VirtualSliderReversePushedPrev}`, [\n      style({\n        flexDirection: 'row-reverse',\n        transform: 'translateX(-50%)',\n      }),\n      slideRight,\n    ]),\n  ]),\n];\n"]}

package/esm2022/sneat-components.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=sneat-components.js.map

package/esm2022/sneat-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-components.js","sourceRoot":"","sources":["../../../../libs/components/src/sneat-components.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/lib/app-version/app-version.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class AppVersionComponent {
+    protected readonly buildInfo: {
+        readonly gitHash: string;
+        readonly buildTimestamp: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppVersionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppVersionComponent, "sneat-app-version", never, {}, {}, never, never, true, never>;
+}

package/lib/app-version/build-info.d.ts

@@ -0,0 +1,4 @@
+export declare const buildInfo: {
+    readonly gitHash: string;
+    readonly buildTimestamp: string;
+};

package/lib/card-list/sneat-card-list.component.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from '@angular/core';
+import { IonInput } from '@ionic/angular/standalone';
+import { IRecord } from '@sneat/data';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface ICardTab {
+    id: string;
+    title: string;
+}
+interface IOptionallyTitled {
+    id?: string;
+    title?: string;
+}
+export declare class SneatCardListComponent {
+    private readonly errorLogger;
+    title?: string;
+    isFilterable?: boolean;
+    isLoading?: boolean;
+    items?: {
+        id?: unknown;
+        title?: string;
+    }[];
+    create?: (name: string) => Observable<IRecord<IOptionallyTitled>>;
+    itemIcon?: string;
+    tab?: string;
+    tabs?: ICardTab[];
+    noItemsText?: string;
+    getRouterLink: (item: unknown) => string;
+    readonly cardTitleClick: EventEmitter<void>;
+    readonly itemClick: EventEmitter<unknown>;
+    readonly tabChanged: EventEmitter<string>;
+    addInput?: IonInput;
+    filter: string;
+    protected mode: 'list' | 'add';
+    protected name: string;
+    protected isAdding?: boolean;
+    protected click(event: Event, item: unknown): void;
+    protected showAddForm(event: Event): void;
+    protected tryCreate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SneatCardListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SneatCardListComponent, "sneat-card-list", never, { "title": { "alias": "title"; "required": false; }; "isFilterable": { "alias": "isFilterable"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "items": { "alias": "items"; "required": false; }; "create": { "alias": "create"; "required": false; }; "itemIcon": { "alias": "itemIcon"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "noItemsText": { "alias": "noItemsText"; "required": false; }; "getRouterLink": { "alias": "getRouterLink"; "required": false; }; }, { "cardTitleClick": "cardTitleClick"; "itemClick": "itemClick"; "tabChanged": "tabChanged"; }, never, never, true, never>;
+}
+export {};

package/lib/copyright/copyright.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class CopyrightComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopyrightComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopyrightComponent, "sneat-copyright", never, {}, {}, never, never, true, never>;
+}

package/lib/country-input/country-input.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ICountry } from '../country-selector';
+import * as i0 from "@angular/core";
+export declare class CountryInputComponent implements OnInit {
+    private readonly countriesLoader;
+    canReset: boolean;
+    label: string;
+    countryID: string;
+    countryIDChange: EventEmitter<string>;
+    readonly countries: import("@angular/core").WritableSignal<readonly ICountry[]>;
+    ngOnInit(): void;
+    onCountryChanged(): void;
+    reset(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CountryInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CountryInputComponent, "sneat-country-input", never, { "canReset": { "alias": "canReset"; "required": false; }; "label": { "alias": "label"; "required": false; }; "countryID": { "alias": "countryID"; "required": false; }; }, { "countryIDChange": "countryIDChange"; }, never, never, true, never>;
+}

package/lib/country-selector/countries-loader.service.d.ts

@@ -0,0 +1,43 @@
+import { GeoRegion, ICountry } from './countries';
+import * as i0 from "@angular/core";
+/**
+ * Service to lazy load country data.
+ * This reduces the initial bundle size by loading country data on-demand.
+ */
+export declare class CountriesLoaderService {
+    private readonly http;
+    private countriesData?;
+    private loadPromise?;
+    /**
+     * Loads country data from JSON file.
+     * Subsequent calls return the same promise (singleton pattern).
+     */
+    private loadCountries;
+    /**
+     * Gets all countries as an array.
+     * Automatically loads country data if not yet loaded.
+     */
+    getCountries(): Promise<readonly ICountry[]>;
+    /**
+     * Gets countries by ID lookup.
+     * Automatically loads country data if not yet loaded.
+     */
+    getCountriesByID(): Promise<Record<string, ICountry>>;
+    /**
+     * Gets a specific country by ID.
+     * Automatically loads country data if not yet loaded.
+     */
+    getCountryByID(id: string): Promise<ICountry | undefined>;
+    /**
+     * Gets the unknown country constant.
+     * Automatically loads country data if not yet loaded.
+     */
+    getUnknownCountry(): Promise<ICountry>;
+    /**
+     * Gets countries filtered by geo region.
+     * Automatically loads country data if not yet loaded.
+     */
+    getCountriesByRegion(region: GeoRegion): Promise<readonly ICountry[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CountriesLoaderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CountriesLoaderService>;
+}

package/lib/country-selector/countries.d.ts

@@ -0,0 +1,25 @@
+export type GeoRegion = 'Europe' | 'Asia' | 'Americas' | 'South America' | 'North America' | 'Pacific Ocean' | 'Africa';
+export interface ICountry {
+    id: string;
+    id3: string;
+    geoRegions: GeoRegion[];
+    title: string;
+    longTitle?: string;
+    shortTitle?: string;
+    emoji: string;
+}
+/**
+ * @deprecated Use CountriesLoaderService.getCountriesByID() instead.
+ * Country data is now lazy-loaded to reduce bundle size.
+ */
+export declare const countriesByID: Record<string, ICountry>;
+/**
+ * @deprecated Use CountriesLoaderService.getUnknownCountry() instead.
+ * Country data is now lazy-loaded to reduce bundle size.
+ */
+export declare const unknownCountry: ICountry;
+/**
+ * @deprecated Use CountriesLoaderService.getCountries() instead.
+ * Country data is now lazy-loaded to reduce bundle size.
+ */
+export declare const countries: ICountry[];

package/lib/country-selector/country-selector.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ISelectItem } from '@sneat/ui';
+import { GeoRegion, ICountry } from './countries';
+import * as i0 from "@angular/core";
+export declare class CountrySelectorComponent implements OnInit, OnChanges {
+    private readonly countriesLoader;
+    protected readonly geoRegions: readonly {
+        readonly id: string;
+        title?: string;
+    }[];
+    countryID?: string;
+    defaultCountryID?: string;
+    readonly: boolean;
+    disabled: boolean;
+    label: string;
+    canBeUnknown: boolean;
+    readonly countryIDChange: EventEmitter<string>;
+    protected readonly filter: import("@angular/core").WritableSignal<string>;
+    protected readonly geoRegion: import("@angular/core").WritableSignal<GeoRegion | "All">;
+    protected readonly allCountries: import("@angular/core").WritableSignal<readonly ICountry[]>;
+    protected readonly unknownCountry: import("@angular/core").WritableSignal<ICountry | undefined>;
+    protected readonly countries: import("@angular/core").Signal<readonly ISelectItem[]>;
+    ngOnInit(): void;
+    protected onChanged(): void;
+    protected onFilterChanged(filter: string): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected onRegionChanged(event: Event): void;
+    protected readonly filterCountryByCode: (item: ISelectItem, filter: string) => boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CountrySelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CountrySelectorComponent, "sneat-country-selector", never, { "countryID": { "alias": "countryID"; "required": true; }; "defaultCountryID": { "alias": "defaultCountryID"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "canBeUnknown": { "alias": "canBeUnknown"; "required": false; }; }, { "countryIDChange": "countryIDChange"; }, never, never, true, never>;
+}

package/lib/country-selector/country-selector.service.d.ts

@@ -0,0 +1,8 @@
+import { SelectorBaseService } from '@sneat/ui';
+import { ICountry } from './countries';
+import * as i0 from "@angular/core";
+export declare class CountrySelectorService extends SelectorBaseService<ICountry> {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CountrySelectorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CountrySelectorService>;
+}