@sneat/components 0.1.3 → 0.1.4

package/esm2022/index.js

@@ -0,0 +1,15 @@
+export * from './lib/app-version';
+export * from './lib/pipes';
+export * from './lib/virtual-slider/virtual-slider';
+export * from './lib/card-list';
+export * from './lib/error-card';
+export * from './lib/country-selector';
+export * from './lib/filter-item';
+export * from './lib/copyright';
+export * from './lib/dialog-header';
+export * from './lib/country-input';
+export * from './lib/save-event';
+export * from './lib/date-input/date-input.component';
+export * from './lib/user-country/user-country.component';
+export * from './lib/card-list/sneat-card-list.component';
+//# sourceMappingURL=index.js.map

package/esm2022/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qCAAqC,CAAC;AACpD,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './lib/app-version';\nexport * from './lib/pipes';\nexport * from './lib/virtual-slider/virtual-slider';\nexport * from './lib/card-list';\nexport * from './lib/error-card';\nexport * from './lib/country-selector';\nexport * from './lib/filter-item';\nexport * from './lib/copyright';\nexport * from './lib/dialog-header';\nexport * from './lib/country-input';\nexport * from './lib/save-event';\nexport * from './lib/date-input/date-input.component';\nexport * from './lib/user-country/user-country.component';\nexport * from './lib/card-list/sneat-card-list.component';\n"]}

package/esm2022/lib/app-version/app-version.component.js

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { IonInput, IonItem, IonItemDivider, IonLabel, } from '@ionic/angular/standalone';
+import { buildInfo } from './build-info';
+import * as i0 from "@angular/core";
+export class AppVersionComponent {
+    constructor() {
+        this.buildInfo = buildInfo;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AppVersionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: AppVersionComponent, isStandalone: true, selector: "sneat-app-version", ngImport: i0, template: "<ion-item-divider color=\"light\">\n  <ion-label>App version</ion-label>\n</ion-item-divider>\n<ion-item>\n  <ion-input\n    label=\"Build:\"\n    color=\"medium\"\n    readonly=\"true\"\n    disabled=\"true\"\n    [value]=\"\n      buildInfo.gitHash.substring(0, 7) + ' @ ' + buildInfo.buildTimestamp\n    \"\n    [title]=\"buildInfo.gitHash\"\n  />\n</ion-item>\n", dependencies: [{ kind: "component", type: IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { 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: AppVersionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-app-version', imports: [IonItemDivider, IonLabel, IonItem, IonInput], template: "<ion-item-divider color=\"light\">\n  <ion-label>App version</ion-label>\n</ion-item-divider>\n<ion-item>\n  <ion-input\n    label=\"Build:\"\n    color=\"medium\"\n    readonly=\"true\"\n    disabled=\"true\"\n    [value]=\"\n      buildInfo.gitHash.substring(0, 7) + ' @ ' + buildInfo.buildTimestamp\n    \"\n    [title]=\"buildInfo.gitHash\"\n  />\n</ion-item>\n" }]
+        }] });
+//# sourceMappingURL=app-version.component.js.map

package/esm2022/lib/app-version/app-version.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-version.component.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/app-version/app-version.component.ts","../../../../../../libs/components/src/lib/app-version/app-version.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EACL,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,GACT,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;;AAOzC,MAAM,OAAO,mBAAmB;IALhC;QAMqB,cAAS,GAAG,SAAS,CAAC;KAC1C;8GAFY,mBAAmB;kGAAnB,mBAAmB,6ECdhC,+WAeA,4CDHY,cAAc,kGAAE,QAAQ,6FAAE,OAAO,0NAAE,QAAQ;;2FAE1C,mBAAmB;kBAL/B,SAAS;+BACE,mBAAmB,WAEpB,CAAC,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC","sourcesContent":["import { Component } from '@angular/core';\nimport {\n  IonInput,\n  IonItem,\n  IonItemDivider,\n  IonLabel,\n} from '@ionic/angular/standalone';\nimport { buildInfo } from './build-info';\n\n@Component({\n  selector: 'sneat-app-version',\n  templateUrl: 'app-version.component.html',\n  imports: [IonItemDivider, IonLabel, IonItem, IonInput],\n})\nexport class AppVersionComponent {\n  protected readonly buildInfo = buildInfo;\n}\n","<ion-item-divider color=\"light\">\n  <ion-label>App version</ion-label>\n</ion-item-divider>\n<ion-item>\n  <ion-input\n    label=\"Build:\"\n    color=\"medium\"\n    readonly=\"true\"\n    disabled=\"true\"\n    [value]=\"\n      buildInfo.gitHash.substring(0, 7) + ' @ ' + buildInfo.buildTimestamp\n    \"\n    [title]=\"buildInfo.gitHash\"\n  />\n</ion-item>\n"]}

package/esm2022/lib/app-version/build-info.js

@@ -0,0 +1,5 @@
+export const buildInfo = {
+    gitHash: 'gitHash t0be$et',
+    buildTimestamp: 'timestamp t0be$et',
+};
+//# sourceMappingURL=build-info.js.map

package/esm2022/lib/app-version/build-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-info.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/app-version/build-info.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAIlB;IACF,OAAO,EAAE,iBAAiB;IAC1B,cAAc,EAAE,mBAAmB;CACpC,CAAC","sourcesContent":["export const buildInfo: {\n  // TODO: Needs pre-commit hook to check gitHash and buildTimestamp are NOT changed.\n  readonly gitHash: string;\n  readonly buildTimestamp: string;\n} = {\n  gitHash: 'gitHash t0be$et',\n  buildTimestamp: 'timestamp t0be$et',\n};\n"]}

package/esm2022/lib/app-version/index.js

@@ -0,0 +1,3 @@
+export * from './app-version.component';
+export * from './build-info';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/app-version/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/app-version/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC","sourcesContent":["export * from './app-version.component';\nexport * from './build-info';\n"]}

package/esm2022/lib/card-list/index.js

@@ -0,0 +1,2 @@
+export * from './sneat-card-list.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/card-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/card-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './sneat-card-list.component';\n"]}

package/esm2022/lib/card-list/sneat-card-list.component.js

@@ -0,0 +1,106 @@
+import { Component, EventEmitter, Input, Output, ViewChild, inject, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { IonButton, IonButtons, IonCard, IonCardContent, IonIcon, IonInput, IonItem, IonLabel, IonList, IonSegment, IonSegmentButton, IonSkeletonText, } from '@ionic/angular/standalone';
+import { ErrorLogger } from '@sneat/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/forms";
+export class SneatCardListComponent {
+    constructor() {
+        this.errorLogger = inject(ErrorLogger);
+        this.getRouterLink = () => undefined;
+        this.cardTitleClick = new EventEmitter();
+        this.itemClick = new EventEmitter();
+        this.tabChanged = new EventEmitter();
+        this.filter = '';
+        this.mode = 'list';
+        this.name = '';
+    }
+    click(event, item) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.itemClick.emit(item);
+    }
+    showAddForm(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.mode = 'add';
+        setTimeout(() => {
+            // console.log(this.addInput);
+            if (this.addInput) {
+                this.addInput
+                    ?.setFocus()
+                    .catch((err) => this.errorLogger.logError(err, 'Failed to set focus'));
+            }
+        }, 200);
+    }
+    tryCreate() {
+        this.isAdding = true;
+        if (this.create) {
+            this.create(this.name.trim()).subscribe({
+                next: (item) => {
+                    this.items?.push(item);
+                    this.isAdding = false;
+                    this.mode = 'list';
+                    this.name = '';
+                },
+                error: (err) => {
+                    this.errorLogger.logError(err, 'Failed to create new item');
+                    this.isAdding = false;
+                },
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SneatCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SneatCardListComponent, isStandalone: true, selector: "sneat-card-list", inputs: { title: "title", isFilterable: "isFilterable", isLoading: "isLoading", items: "items", create: "create", itemIcon: "itemIcon", tab: "tab", tabs: "tabs", noItemsText: "noItemsText", getRouterLink: "getRouterLink" }, outputs: { cardTitleClick: "cardTitleClick", itemClick: "itemClick", tabChanged: "tabChanged" }, viewQueries: [{ propertyName: "addInput", first: true, predicate: IonInput, descendants: true }], ngImport: i0, template: "<ion-card>\n  @if (title) {\n    <ion-item (click)=\"cardTitleClick.emit()\" tappable>\n      @if (itemIcon && !isLoading && !items?.length) {\n        <ion-icon [name]=\"itemIcon\" slot=\"start\" />\n      }\n      <ion-label style=\"font-weight: bold\">{{ title }}</ion-label>\n      @if (isFilterable) {\n        <ion-input [(ngModel)]=\"filter\" placeholder=\"(type to filter)\" />\n      }\n      <ion-buttons slot=\"end\">\n        @if (filter) {\n          <ion-button (click)=\"filter = ''\" title=\"Clear filter\">\n            <ion-icon name=\"close-outline\" color=\"medium\" />\n          </ion-button>\n        }\n        @if (mode !== \"add\" && create) {\n          <ion-button (click)=\"showAddForm($event)\">\n            <ion-icon color=\"primary\" slot=\"start\" name=\"add\" />\n            <ion-label color=\"medium\">Add</ion-label>\n          </ion-button>\n        }\n      </ion-buttons>\n    </ion-item>\n  }\n  @if (tabs) {\n    <ion-segment [(ngModel)]=\"tab\" (ionChange)=\"tabChanged.emit(tab || '')\">\n      @for (tab of tabs; track tab.id) {\n        <ion-segment-button [value]=\"tab.id\">\n          <ion-label>{{ tab.title }}</ion-label>\n        </ion-segment-button>\n      }\n    </ion-segment>\n    <ion-buttons>\n      @if (mode !== \"add\" && create) {\n        <ion-button (click)=\"showAddForm($event)\">\n          <ion-icon color=\"primary\" slot=\"start\" name=\"add\" />\n          <ion-label color=\"medium\">Add</ion-label>\n        </ion-button>\n      }\n    </ion-buttons>\n  }\n  @if (isLoading) {\n    <ion-card-content>\n      <ion-skeleton-text animated=\"\" style=\"width: 100%\" />\n    </ion-card-content>\n  } @else {\n    <ion-list>\n      @for (item of items; track item.id) {\n        <ion-item\n          tappable\n          (click)=\"itemClick && click($event, item)\"\n          [routerLink]=\"getRouterLink(item)\"\n        >\n          @if (itemIcon) {\n            <ion-icon [name]=\"itemIcon\" slot=\"start\" />\n          }\n          <ion-label>{{ item.title || item.id }}</ion-label>\n        </ion-item>\n      }\n      @if (mode === \"add\") {\n        <ion-item>\n          <ion-icon name=\"earth-outline\" slot=\"start\" color=\"medium\" />\n          <ion-input\n            [(ngModel)]=\"name\"\n            placeholder=\"Name\"\n            [disabled]=\"!!isAdding\"\n          />\n          <ion-buttons slot=\"end\">\n            <ion-button\n              fill=\"solid\"\n              color=\"primary\"\n              [disabled]=\"isAdding || !name.trim()\"\n              (click)=\"tryCreate()\"\n            >\n              Create\n            </ion-button>\n            <ion-button\n              (click)=\"mode = 'list'\"\n              color=\"medium\"\n              title=\"Cancel\"\n              [disabled]=\"isAdding\"\n            >\n              <ion-icon name=\"close-outline\" />\n            </ion-button>\n          </ion-buttons>\n        </ion-item>\n      }\n    </ion-list>\n    @if (!items?.length && mode !== \"add\") {\n      <ion-card-content>\n        @if (!noItemsText) {\n          <p>\n            {{ noItemsText }}\n          </p>\n        } @else {\n          <p>\n            Not defined for this project yet. Click the\n            <span style=\"background-color: whitesmoke; padding: 4px 8px\"\n              >+ Add</span\n            >\n            button above in the header of this card to create a first one.\n          </p>\n        }\n      </ion-card-content>\n    }\n  }\n</ion-card>\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { 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: 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: 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: 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: 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: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SneatCardListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-card-list', imports: [
+                        RouterModule,
+                        IonCard,
+                        IonItem,
+                        IonIcon,
+                        IonLabel,
+                        IonInput,
+                        IonButtons,
+                        IonButton,
+                        IonSegment,
+                        IonSegmentButton,
+                        FormsModule,
+                        IonCardContent,
+                        IonSkeletonText,
+                        IonList,
+                    ], template: "<ion-card>\n  @if (title) {\n    <ion-item (click)=\"cardTitleClick.emit()\" tappable>\n      @if (itemIcon && !isLoading && !items?.length) {\n        <ion-icon [name]=\"itemIcon\" slot=\"start\" />\n      }\n      <ion-label style=\"font-weight: bold\">{{ title }}</ion-label>\n      @if (isFilterable) {\n        <ion-input [(ngModel)]=\"filter\" placeholder=\"(type to filter)\" />\n      }\n      <ion-buttons slot=\"end\">\n        @if (filter) {\n          <ion-button (click)=\"filter = ''\" title=\"Clear filter\">\n            <ion-icon name=\"close-outline\" color=\"medium\" />\n          </ion-button>\n        }\n        @if (mode !== \"add\" && create) {\n          <ion-button (click)=\"showAddForm($event)\">\n            <ion-icon color=\"primary\" slot=\"start\" name=\"add\" />\n            <ion-label color=\"medium\">Add</ion-label>\n          </ion-button>\n        }\n      </ion-buttons>\n    </ion-item>\n  }\n  @if (tabs) {\n    <ion-segment [(ngModel)]=\"tab\" (ionChange)=\"tabChanged.emit(tab || '')\">\n      @for (tab of tabs; track tab.id) {\n        <ion-segment-button [value]=\"tab.id\">\n          <ion-label>{{ tab.title }}</ion-label>\n        </ion-segment-button>\n      }\n    </ion-segment>\n    <ion-buttons>\n      @if (mode !== \"add\" && create) {\n        <ion-button (click)=\"showAddForm($event)\">\n          <ion-icon color=\"primary\" slot=\"start\" name=\"add\" />\n          <ion-label color=\"medium\">Add</ion-label>\n        </ion-button>\n      }\n    </ion-buttons>\n  }\n  @if (isLoading) {\n    <ion-card-content>\n      <ion-skeleton-text animated=\"\" style=\"width: 100%\" />\n    </ion-card-content>\n  } @else {\n    <ion-list>\n      @for (item of items; track item.id) {\n        <ion-item\n          tappable\n          (click)=\"itemClick && click($event, item)\"\n          [routerLink]=\"getRouterLink(item)\"\n        >\n          @if (itemIcon) {\n            <ion-icon [name]=\"itemIcon\" slot=\"start\" />\n          }\n          <ion-label>{{ item.title || item.id }}</ion-label>\n        </ion-item>\n      }\n      @if (mode === \"add\") {\n        <ion-item>\n          <ion-icon name=\"earth-outline\" slot=\"start\" color=\"medium\" />\n          <ion-input\n            [(ngModel)]=\"name\"\n            placeholder=\"Name\"\n            [disabled]=\"!!isAdding\"\n          />\n          <ion-buttons slot=\"end\">\n            <ion-button\n              fill=\"solid\"\n              color=\"primary\"\n              [disabled]=\"isAdding || !name.trim()\"\n              (click)=\"tryCreate()\"\n            >\n              Create\n            </ion-button>\n            <ion-button\n              (click)=\"mode = 'list'\"\n              color=\"medium\"\n              title=\"Cancel\"\n              [disabled]=\"isAdding\"\n            >\n              <ion-icon name=\"close-outline\" />\n            </ion-button>\n          </ion-buttons>\n        </ion-item>\n      }\n    </ion-list>\n    @if (!items?.length && mode !== \"add\") {\n      <ion-card-content>\n        @if (!noItemsText) {\n          <p>\n            {{ noItemsText }}\n          </p>\n        } @else {\n          <p>\n            Not defined for this project yet. Click the\n            <span style=\"background-color: whitesmoke; padding: 4px 8px\"\n              >+ Add</span\n            >\n            button above in the header of this card to create a first one.\n          </p>\n        }\n      </ion-card-content>\n    }\n  }\n</ion-card>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], isFilterable: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], create: [{
+                type: Input
+            }], itemIcon: [{
+                type: Input
+            }], tab: [{
+                type: Input
+            }], tabs: [{
+                type: Input
+            }], noItemsText: [{
+                type: Input
+            }], getRouterLink: [{
+                type: Input
+            }], cardTitleClick: [{
+                type: Output
+            }], itemClick: [{
+                type: Output
+            }], tabChanged: [{
+                type: Output
+            }], addInput: [{
+                type: ViewChild,
+                args: [IonInput, { static: false }]
+            }] } });
+//# sourceMappingURL=sneat-card-list.component.js.map

package/esm2022/lib/card-list/sneat-card-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-card-list.component.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/card-list/sneat-card-list.component.ts","../../../../../../libs/components/src/lib/card-list/sneat-card-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAgB,MAAM,aAAa,CAAC;;;;AAiCxD,MAAM,OAAO,sBAAsB;IApBnC;QAqBmB,gBAAW,GAAG,MAAM,CAAe,WAAW,CAAC,CAAC;QAWxD,kBAAa,GAA8B,GAAG,EAAE,CACvD,SAA8B,CAAC;QAEd,mBAAc,GAAG,IAAI,YAAY,EAAQ,CAAC;QAC1C,cAAS,GAAG,IAAI,YAAY,EAAW,CAAC;QACxC,eAAU,GAAG,IAAI,YAAY,EAAU,CAAC;QAI3D,WAAM,GAAG,EAAE,CAAC;QAEF,SAAI,GAAmB,MAAM,CAAC;QAC9B,SAAI,GAAG,EAAE,CAAC;KA0CrB;IAvCW,KAAK,CAAC,KAAY,EAAE,IAAa;QACzC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAES,WAAW,CAAC,KAAY;QAChC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,UAAU,CAAC,GAAG,EAAE;YACd,8BAA8B;YAC9B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,IAAI,CAAC,QAAQ;oBACX,EAAE,QAAQ,EAAE;qBACX,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CACb,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,EAAE,qBAAqB,CAAC,CACtD,CAAC;YACN,CAAC;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAES,SAAS;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC;gBACtC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;oBACb,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;oBACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;oBACtB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;oBACnB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;gBACjB,CAAC;gBACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;oBACb,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,EAAE,2BAA2B,CAAC,CAAC;oBAC5D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACxB,CAAC;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC;8GAjEU,sBAAsB;kGAAtB,sBAAsB,sbAmBtB,QAAQ,gDC7ErB,27GA4GA,2CDlEI,YAAY,gRACZ,OAAO,yLACP,OAAO,0NACP,OAAO,2JACP,QAAQ,6FACR,QAAQ,8eACR,UAAU,8EACV,SAAS,oPACT,UAAU,uJACV,gBAAgB,oIAChB,WAAW,+VACX,cAAc,+EACd,eAAe,oFACf,OAAO;;2FAGE,sBAAsB;kBApBlC,SAAS;+BACE,iBAAiB,WAElB;wBACP,YAAY;wBACZ,OAAO;wBACP,OAAO;wBACP,OAAO;wBACP,QAAQ;wBACR,QAAQ;wBACR,UAAU;wBACV,SAAS;wBACT,UAAU;wBACV,gBAAgB;wBAChB,WAAW;wBACX,cAAc;wBACd,eAAe;wBACf,OAAO;qBACR;;sBAKA,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBAGL,MAAM;;sBACN,MAAM;;sBACN,MAAM;;sBAEN,SAAS;uBAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewChild,\n  inject,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\nimport {\n  IonButton,\n  IonButtons,\n  IonCard,\n  IonCardContent,\n  IonIcon,\n  IonInput,\n  IonItem,\n  IonLabel,\n  IonList,\n  IonSegment,\n  IonSegmentButton,\n  IonSkeletonText,\n} from '@ionic/angular/standalone';\nimport { IRecord } from '@sneat/data';\nimport { ErrorLogger, IErrorLogger } from '@sneat/core';\nimport { Observable } from 'rxjs';\n\nexport interface ICardTab {\n  id: string;\n  title: string;\n}\n\ninterface IOptionallyTitled {\n  id?: string;\n  title?: string;\n}\n\n@Component({\n  selector: 'sneat-card-list',\n  templateUrl: './sneat-card-list.component.html',\n  imports: [\n    RouterModule,\n    IonCard,\n    IonItem,\n    IonIcon,\n    IonLabel,\n    IonInput,\n    IonButtons,\n    IonButton,\n    IonSegment,\n    IonSegmentButton,\n    FormsModule,\n    IonCardContent,\n    IonSkeletonText,\n    IonList,\n  ],\n})\nexport class SneatCardListComponent {\n  private readonly errorLogger = inject<IErrorLogger>(ErrorLogger);\n\n  @Input() title?: string;\n  @Input() isFilterable?: boolean;\n  @Input() isLoading?: boolean;\n  @Input() items?: { id?: unknown; title?: string }[];\n  @Input() create?: (name: string) => Observable<IRecord<IOptionallyTitled>>;\n  @Input() itemIcon?: string;\n  @Input() tab?: string;\n  @Input() tabs?: ICardTab[];\n  @Input() noItemsText?: string;\n  @Input() getRouterLink: (item: unknown) => string = () =>\n    undefined as unknown as string;\n\n  @Output() readonly cardTitleClick = new EventEmitter<void>();\n  @Output() readonly itemClick = new EventEmitter<unknown>();\n  @Output() readonly tabChanged = new EventEmitter<string>();\n\n  @ViewChild(IonInput, { static: false }) addInput?: IonInput;\n\n  filter = '';\n\n  protected mode: 'list' | 'add' = 'list';\n  protected name = '';\n  protected isAdding?: boolean;\n\n  protected click(event: Event, item: unknown): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.itemClick.emit(item);\n  }\n\n  protected showAddForm(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.mode = 'add';\n    setTimeout(() => {\n      // console.log(this.addInput);\n      if (this.addInput) {\n        this.addInput\n          ?.setFocus()\n          .catch((err) =>\n            this.errorLogger.logError(err, 'Failed to set focus'),\n          );\n      }\n    }, 200);\n  }\n\n  protected tryCreate(): void {\n    this.isAdding = true;\n    if (this.create) {\n      this.create(this.name.trim()).subscribe({\n        next: (item) => {\n          this.items?.push(item);\n          this.isAdding = false;\n          this.mode = 'list';\n          this.name = '';\n        },\n        error: (err) => {\n          this.errorLogger.logError(err, 'Failed to create new item');\n          this.isAdding = false;\n        },\n      });\n    }\n  }\n}\n","<ion-card>\n  @if (title) {\n    <ion-item (click)=\"cardTitleClick.emit()\" tappable>\n      @if (itemIcon && !isLoading && !items?.length) {\n        <ion-icon [name]=\"itemIcon\" slot=\"start\" />\n      }\n      <ion-label style=\"font-weight: bold\">{{ title }}</ion-label>\n      @if (isFilterable) {\n        <ion-input [(ngModel)]=\"filter\" placeholder=\"(type to filter)\" />\n      }\n      <ion-buttons slot=\"end\">\n        @if (filter) {\n          <ion-button (click)=\"filter = ''\" title=\"Clear filter\">\n            <ion-icon name=\"close-outline\" color=\"medium\" />\n          </ion-button>\n        }\n        @if (mode !== \"add\" && create) {\n          <ion-button (click)=\"showAddForm($event)\">\n            <ion-icon color=\"primary\" slot=\"start\" name=\"add\" />\n            <ion-label color=\"medium\">Add</ion-label>\n          </ion-button>\n        }\n      </ion-buttons>\n    </ion-item>\n  }\n  @if (tabs) {\n    <ion-segment [(ngModel)]=\"tab\" (ionChange)=\"tabChanged.emit(tab || '')\">\n      @for (tab of tabs; track tab.id) {\n        <ion-segment-button [value]=\"tab.id\">\n          <ion-label>{{ tab.title }}</ion-label>\n        </ion-segment-button>\n      }\n    </ion-segment>\n    <ion-buttons>\n      @if (mode !== \"add\" && create) {\n        <ion-button (click)=\"showAddForm($event)\">\n          <ion-icon color=\"primary\" slot=\"start\" name=\"add\" />\n          <ion-label color=\"medium\">Add</ion-label>\n        </ion-button>\n      }\n    </ion-buttons>\n  }\n  @if (isLoading) {\n    <ion-card-content>\n      <ion-skeleton-text animated=\"\" style=\"width: 100%\" />\n    </ion-card-content>\n  } @else {\n    <ion-list>\n      @for (item of items; track item.id) {\n        <ion-item\n          tappable\n          (click)=\"itemClick && click($event, item)\"\n          [routerLink]=\"getRouterLink(item)\"\n        >\n          @if (itemIcon) {\n            <ion-icon [name]=\"itemIcon\" slot=\"start\" />\n          }\n          <ion-label>{{ item.title || item.id }}</ion-label>\n        </ion-item>\n      }\n      @if (mode === \"add\") {\n        <ion-item>\n          <ion-icon name=\"earth-outline\" slot=\"start\" color=\"medium\" />\n          <ion-input\n            [(ngModel)]=\"name\"\n            placeholder=\"Name\"\n            [disabled]=\"!!isAdding\"\n          />\n          <ion-buttons slot=\"end\">\n            <ion-button\n              fill=\"solid\"\n              color=\"primary\"\n              [disabled]=\"isAdding || !name.trim()\"\n              (click)=\"tryCreate()\"\n            >\n              Create\n            </ion-button>\n            <ion-button\n              (click)=\"mode = 'list'\"\n              color=\"medium\"\n              title=\"Cancel\"\n              [disabled]=\"isAdding\"\n            >\n              <ion-icon name=\"close-outline\" />\n            </ion-button>\n          </ion-buttons>\n        </ion-item>\n      }\n    </ion-list>\n    @if (!items?.length && mode !== \"add\") {\n      <ion-card-content>\n        @if (!noItemsText) {\n          <p>\n            {{ noItemsText }}\n          </p>\n        } @else {\n          <p>\n            Not defined for this project yet. Click the\n            <span style=\"background-color: whitesmoke; padding: 4px 8px\"\n              >+ Add</span\n            >\n            button above in the header of this card to create a first one.\n          </p>\n        }\n      </ion-card-content>\n    }\n  }\n</ion-card>\n"]}

package/esm2022/lib/copyright/copyright.component.js

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CopyrightComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CopyrightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CopyrightComponent, isStandalone: true, selector: "sneat-copyright", ngImport: i0, template: "<p>2020 &copy; Sneat.team</p>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CopyrightComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-copyright', template: "<p>2020 &copy; Sneat.team</p>\n" }]
+        }] });
+//# sourceMappingURL=copyright.component.js.map

package/esm2022/lib/copyright/copyright.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyright.component.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/copyright/copyright.component.ts","../../../../../../libs/components/src/lib/copyright/copyright.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAM1C,MAAM,OAAO,kBAAkB;8GAAlB,kBAAkB;kGAAlB,kBAAkB,2ECN/B,iCACA;;2FDKa,kBAAkB;kBAJ9B,SAAS;+BACE,iBAAiB","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'sneat-copyright',\n  templateUrl: './copyright.component.html',\n})\nexport class CopyrightComponent {}\n","<p>2020 &copy; Sneat.team</p>\n"]}

package/esm2022/lib/copyright/index.js

@@ -0,0 +1,2 @@
+export * from './copyright.component';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/copyright/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC","sourcesContent":["export * from './copyright.component';\n"]}

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

@@ -0,0 +1,59 @@
+import { Component, EventEmitter, inject, Input, Output, signal, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonButton, IonButtons, IonIcon, IonItem, IonSelect, IonSelectOption, } from '@ionic/angular/standalone';
+import { CountriesLoaderService } from '../country-selector';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class CountryInputComponent {
+    constructor() {
+        this.countriesLoader = inject(CountriesLoaderService);
+        this.canReset = true;
+        this.label = 'Country';
+        this.countryID = '';
+        this.countryIDChange = new EventEmitter();
+        this.countries = signal([], ...(ngDevMode ? [{ debugName: "countries" }] : []));
+    }
+    ngOnInit() {
+        // Load countries data
+        this.countriesLoader.getCountries().then((countries) => {
+            this.countries.set(countries);
+        });
+    }
+    // constructor(
+    // 	// private readonly countrySelectorService: CountrySelectorService,
+    // ) {
+    // }
+    onCountryChanged() {
+        // console.log('CountryInputComponent.onCountryChanged()', this.countryID);
+        this.countryIDChange.emit(this.countryID);
+    }
+    reset(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.countryID = '';
+        this.countryIDChange.emit('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CountryInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CountryInputComponent, isStandalone: true, selector: "sneat-country-input", inputs: { canReset: "canReset", label: "label", countryID: "countryID" }, outputs: { countryIDChange: "countryIDChange" }, ngImport: i0, template: "<ion-item class=\"sneat-tiny-end-padding\" lines=\"none\">\n  <ion-select\n    interface=\"popover\"\n    [label]=\"label\"\n    [(ngModel)]=\"countryID\"\n    (ionChange)=\"onCountryChanged()\"\n  >\n    <ion-select-option value=\"\">All</ion-select-option>\n    @for (c of countries(); track c.id) {\n      <ion-select-option [value]=\"c.id\">\n        {{ c.title }} {{ c.emoji }}\n      </ion-select-option>\n    }\n  </ion-select>\n  @if (countryID && canReset) {\n    <ion-buttons slot=\"end\">\n      <ion-button color=\"medium\" (click)=\"reset($event)\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  }\n  <!-- disable for now as select is showing incorrectyl and lookup us not linked-->\n  <!--\t<ion-buttons slot=\"end\" class=\"ion-no-margin ion-no-padding\">-->\n  <!--\t\t<ion-button *ngIf=\"canReset && countryID\"-->\n  <!--\t\t\t\t\t\t\t\tcolor=\"medium\"-->\n  <!--\t\t\t\t\t\t\t\t(click)=\"reset($event)\" [disabled]=\"!canReset || !countryID\">-->\n  <!--\t\t\t<ion-icon name=\"close-outline\"></ion-icon>-->\n  <!--\t\t</ion-button>-->\n  <!--\t\t<ion-button (click)=\"openCountrySelector($event)\">-->\n  <!--\t\t\t<ion-label>...</ion-label>-->\n  <!--\t\t</ion-button>-->\n  <!--\t</ion-buttons>-->\n</ion-item>\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: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { 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: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CountryInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-country-input', imports: [
+                        FormsModule,
+                        IonItem,
+                        IonSelect,
+                        IonSelectOption,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                    ], template: "<ion-item class=\"sneat-tiny-end-padding\" lines=\"none\">\n  <ion-select\n    interface=\"popover\"\n    [label]=\"label\"\n    [(ngModel)]=\"countryID\"\n    (ionChange)=\"onCountryChanged()\"\n  >\n    <ion-select-option value=\"\">All</ion-select-option>\n    @for (c of countries(); track c.id) {\n      <ion-select-option [value]=\"c.id\">\n        {{ c.title }} {{ c.emoji }}\n      </ion-select-option>\n    }\n  </ion-select>\n  @if (countryID && canReset) {\n    <ion-buttons slot=\"end\">\n      <ion-button color=\"medium\" (click)=\"reset($event)\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  }\n  <!-- disable for now as select is showing incorrectyl and lookup us not linked-->\n  <!--\t<ion-buttons slot=\"end\" class=\"ion-no-margin ion-no-padding\">-->\n  <!--\t\t<ion-button *ngIf=\"canReset && countryID\"-->\n  <!--\t\t\t\t\t\t\t\tcolor=\"medium\"-->\n  <!--\t\t\t\t\t\t\t\t(click)=\"reset($event)\" [disabled]=\"!canReset || !countryID\">-->\n  <!--\t\t\t<ion-icon name=\"close-outline\"></ion-icon>-->\n  <!--\t\t</ion-button>-->\n  <!--\t\t<ion-button (click)=\"openCountrySelector($event)\">-->\n  <!--\t\t\t<ion-label>...</ion-label>-->\n  <!--\t\t</ion-button>-->\n  <!--\t</ion-buttons>-->\n</ion-item>\n" }]
+        }], propDecorators: { canReset: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], countryID: [{
+                type: Input
+            }], countryIDChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=country-input.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"country-input.component.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/country-input/country-input.component.ts","../../../../../../libs/components/src/lib/country-input/country-input.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,MAAM,EACN,KAAK,EAEL,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,SAAS,EACT,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAY,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;;;AAevE,MAAM,OAAO,qBAAqB;IAblC;QAcmB,oBAAe,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;QAEzD,aAAQ,GAAG,IAAI,CAAC;QAChB,UAAK,GAAG,SAAS,CAAC;QAClB,cAAS,GAAG,EAAE,CAAC;QACd,oBAAe,GAAG,IAAI,YAAY,EAAU,CAAC;QAE9C,cAAS,GAAG,MAAM,CAAsB,EAAE,qDAAC,CAAC;KAkCtD;IAhCC,QAAQ;QACN,sBAAsB;QACtB,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE;YACrD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe;IACf,uEAAuE;IACvE,MAAM;IACN,IAAI;IAEG,gBAAgB;QACrB,2EAA2E;QAC3E,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC;IAED,KAAK,CAAC,KAAY;QAChB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;8GAhCU,qBAAqB;kGAArB,qBAAqB,0MCjClC,gwCAiCA,2CDTI,WAAW,+VACX,OAAO,0NACP,SAAS,kVACT,eAAe,6FACf,UAAU,8EACV,SAAS,oPACT,OAAO;;2FAGE,qBAAqB;kBAbjC,SAAS;+BACE,qBAAqB,WAEtB;wBACP,WAAW;wBACX,OAAO;wBACP,SAAS;wBACT,eAAe;wBACf,UAAU;wBACV,SAAS;wBACT,OAAO;qBACR;;sBAKA,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,MAAM","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  inject,\n  Input,\n  OnInit,\n  Output,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  IonButton,\n  IonButtons,\n  IonIcon,\n  IonItem,\n  IonSelect,\n  IonSelectOption,\n} from '@ionic/angular/standalone';\nimport { ICountry, CountriesLoaderService } from '../country-selector';\n\n@Component({\n  selector: 'sneat-country-input',\n  templateUrl: './country-input.component.html',\n  imports: [\n    FormsModule,\n    IonItem,\n    IonSelect,\n    IonSelectOption,\n    IonButtons,\n    IonButton,\n    IonIcon,\n  ],\n})\nexport class CountryInputComponent implements OnInit {\n  private readonly countriesLoader = inject(CountriesLoaderService);\n\n  @Input() canReset = true;\n  @Input() label = 'Country';\n  @Input() countryID = '';\n  @Output() countryIDChange = new EventEmitter<string>();\n\n  readonly countries = signal<readonly ICountry[]>([]);\n\n  ngOnInit(): void {\n    // Load countries data\n    this.countriesLoader.getCountries().then((countries) => {\n      this.countries.set(countries);\n    });\n  }\n\n  // constructor(\n  // \t// private readonly countrySelectorService: CountrySelectorService,\n  // ) {\n  // }\n\n  public onCountryChanged(): void {\n    // console.log('CountryInputComponent.onCountryChanged()', this.countryID);\n    this.countryIDChange.emit(this.countryID);\n  }\n\n  reset(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.countryID = '';\n    this.countryIDChange.emit('');\n  }\n\n  // protected openCountrySelector(): void {\n  // \t// const options: ISelectorOptions<ICountry> = {\n  // \t// \titems: of(countries),\n  // \t// };\n  // \t// this.countrySelectorService\n  // \t// \t.selectSingleInModal(options)\n  // \t// \t.then();\n  // }\n}\n","<ion-item class=\"sneat-tiny-end-padding\" lines=\"none\">\n  <ion-select\n    interface=\"popover\"\n    [label]=\"label\"\n    [(ngModel)]=\"countryID\"\n    (ionChange)=\"onCountryChanged()\"\n  >\n    <ion-select-option value=\"\">All</ion-select-option>\n    @for (c of countries(); track c.id) {\n      <ion-select-option [value]=\"c.id\">\n        {{ c.title }} {{ c.emoji }}\n      </ion-select-option>\n    }\n  </ion-select>\n  @if (countryID && canReset) {\n    <ion-buttons slot=\"end\">\n      <ion-button color=\"medium\" (click)=\"reset($event)\">\n        <ion-icon name=\"close-outline\" />\n      </ion-button>\n    </ion-buttons>\n  }\n  <!-- disable for now as select is showing incorrectyl and lookup us not linked-->\n  <!--\t<ion-buttons slot=\"end\" class=\"ion-no-margin ion-no-padding\">-->\n  <!--\t\t<ion-button *ngIf=\"canReset && countryID\"-->\n  <!--\t\t\t\t\t\t\t\tcolor=\"medium\"-->\n  <!--\t\t\t\t\t\t\t\t(click)=\"reset($event)\" [disabled]=\"!canReset || !countryID\">-->\n  <!--\t\t\t<ion-icon name=\"close-outline\"></ion-icon>-->\n  <!--\t\t</ion-button>-->\n  <!--\t\t<ion-button (click)=\"openCountrySelector($event)\">-->\n  <!--\t\t\t<ion-label>...</ion-label>-->\n  <!--\t\t</ion-button>-->\n  <!--\t</ion-buttons>-->\n</ion-item>\n"]}

package/esm2022/lib/country-input/index.js

@@ -0,0 +1,2 @@
+export * from './country-input.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/country-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/country-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './country-input.component';\n"]}

package/esm2022/lib/country-selector/countries-loader.service.js

@@ -0,0 +1,91 @@
+import { inject, Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { firstValueFrom } from 'rxjs';
+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 class CountriesLoaderService {
+    constructor() {
+        this.http = inject(HttpClient);
+    }
+    /**
+     * Loads country data from JSON file.
+     * Subsequent calls return the same promise (singleton pattern).
+     */
+    async loadCountries() {
+        if (this.countriesData) {
+            return; // Already loaded
+        }
+        if (!this.loadPromise) {
+            this.loadPromise = (async () => {
+                try {
+                    this.countriesData = await firstValueFrom(this.http.get('assets/data/countries.json'));
+                }
+                catch (error) {
+                    console.error('Failed to load countries:', error);
+                    // Set to empty to avoid repeated failures
+                    this.countriesData = {
+                        countriesByID: {},
+                        unknownCountry: {
+                            id: '--',
+                            id3: '---',
+                            title: 'Unknown',
+                            geoRegions: [],
+                            emoji: '🏳️',
+                        },
+                    };
+                }
+            })();
+        }
+        return this.loadPromise;
+    }
+    /**
+     * Gets all countries as an array.
+     * Automatically loads country data if not yet loaded.
+     */
+    async getCountries() {
+        await this.loadCountries();
+        return Object.values(this.countriesData.countriesByID);
+    }
+    /**
+     * Gets countries by ID lookup.
+     * Automatically loads country data if not yet loaded.
+     */
+    async getCountriesByID() {
+        await this.loadCountries();
+        return this.countriesData.countriesByID;
+    }
+    /**
+     * Gets a specific country by ID.
+     * Automatically loads country data if not yet loaded.
+     */
+    async getCountryByID(id) {
+        await this.loadCountries();
+        return this.countriesData.countriesByID[id];
+    }
+    /**
+     * Gets the unknown country constant.
+     * Automatically loads country data if not yet loaded.
+     */
+    async getUnknownCountry() {
+        await this.loadCountries();
+        return this.countriesData.unknownCountry;
+    }
+    /**
+     * Gets countries filtered by geo region.
+     * Automatically loads country data if not yet loaded.
+     */
+    async getCountriesByRegion(region) {
+        const countries = await this.getCountries();
+        return countries.filter((c) => c.geoRegions.includes(region));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CountriesLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CountriesLoaderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CountriesLoaderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=countries-loader.service.js.map

package/esm2022/lib/country-selector/countries-loader.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countries-loader.service.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/country-selector/countries-loader.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;;AAQtC;;;GAGG;AAEH,MAAM,OAAO,sBAAsB;IADnC;QAEmB,SAAI,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;KAmF5C;IA/EC;;;OAGG;IACK,KAAK,CAAC,aAAa;QACzB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,OAAO,CAAC,iBAAiB;QAC3B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,IAAI,CAAC,WAAW,GAAG,CAAC,KAAK,IAAI,EAAE;gBAC7B,IAAI,CAAC;oBACH,IAAI,CAAC,aAAa,GAAG,MAAM,cAAc,CACvC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAgB,4BAA4B,CAAC,CAC3D,CAAC;gBACJ,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;oBAClD,0CAA0C;oBAC1C,IAAI,CAAC,aAAa,GAAG;wBACnB,aAAa,EAAE,EAAE;wBACjB,cAAc,EAAE;4BACd,EAAE,EAAE,IAAI;4BACR,GAAG,EAAE,KAAK;4BACV,KAAK,EAAE,SAAS;4BAChB,UAAU,EAAE,EAAE;4BACd,KAAK,EAAE,KAAK;yBACb;qBACF,CAAC;gBACJ,CAAC;YACH,CAAC,CAAC,EAAE,CAAC;QACP,CAAC;QAED,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,CAAC;IAC1D,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,gBAAgB;QACpB,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC;IAC3C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,cAAc,CAAC,EAAU;QAC7B,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IAC/C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,iBAAiB;QACrB,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC,aAAc,CAAC,cAAc,CAAC;IAC5C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,oBAAoB,CAAC,MAAiB;QAC1C,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,CAAC;8GAnFU,sBAAsB;kHAAtB,sBAAsB,cADT,MAAM;;2FACnB,sBAAsB;kBADlC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE","sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { firstValueFrom } from 'rxjs';\nimport { GeoRegion, ICountry } from './countries';\n\ninterface CountriesData {\n  countriesByID: Record<string, ICountry>;\n  unknownCountry: ICountry;\n}\n\n/**\n * Service to lazy load country data.\n * This reduces the initial bundle size by loading country data on-demand.\n */\n@Injectable({ providedIn: 'root' })\nexport class CountriesLoaderService {\n  private readonly http = inject(HttpClient);\n  private countriesData?: CountriesData;\n  private loadPromise?: Promise<void>;\n\n  /**\n   * Loads country data from JSON file.\n   * Subsequent calls return the same promise (singleton pattern).\n   */\n  private async loadCountries(): Promise<void> {\n    if (this.countriesData) {\n      return; // Already loaded\n    }\n\n    if (!this.loadPromise) {\n      this.loadPromise = (async () => {\n        try {\n          this.countriesData = await firstValueFrom(\n            this.http.get<CountriesData>('assets/data/countries.json'),\n          );\n        } catch (error) {\n          console.error('Failed to load countries:', error);\n          // Set to empty to avoid repeated failures\n          this.countriesData = {\n            countriesByID: {},\n            unknownCountry: {\n              id: '--',\n              id3: '---',\n              title: 'Unknown',\n              geoRegions: [],\n              emoji: '🏳️',\n            },\n          };\n        }\n      })();\n    }\n\n    return this.loadPromise;\n  }\n\n  /**\n   * Gets all countries as an array.\n   * Automatically loads country data if not yet loaded.\n   */\n  async getCountries(): Promise<readonly ICountry[]> {\n    await this.loadCountries();\n    return Object.values(this.countriesData!.countriesByID);\n  }\n\n  /**\n   * Gets countries by ID lookup.\n   * Automatically loads country data if not yet loaded.\n   */\n  async getCountriesByID(): Promise<Record<string, ICountry>> {\n    await this.loadCountries();\n    return this.countriesData!.countriesByID;\n  }\n\n  /**\n   * Gets a specific country by ID.\n   * Automatically loads country data if not yet loaded.\n   */\n  async getCountryByID(id: string): Promise<ICountry | undefined> {\n    await this.loadCountries();\n    return this.countriesData!.countriesByID[id];\n  }\n\n  /**\n   * Gets the unknown country constant.\n   * Automatically loads country data if not yet loaded.\n   */\n  async getUnknownCountry(): Promise<ICountry> {\n    await this.loadCountries();\n    return this.countriesData!.unknownCountry;\n  }\n\n  /**\n   * Gets countries filtered by geo region.\n   * Automatically loads country data if not yet loaded.\n   */\n  async getCountriesByRegion(region: GeoRegion): Promise<readonly ICountry[]> {\n    const countries = await this.getCountries();\n    return countries.filter((c) => c.geoRegions.includes(region));\n  }\n}\n"]}

package/esm2022/lib/country-selector/countries.js

@@ -0,0 +1,22 @@
+/**
+ * @deprecated Use CountriesLoaderService.getCountriesByID() instead.
+ * Country data is now lazy-loaded to reduce bundle size.
+ */
+export const countriesByID = {};
+/**
+ * @deprecated Use CountriesLoaderService.getUnknownCountry() instead.
+ * Country data is now lazy-loaded to reduce bundle size.
+ */
+export const unknownCountry = {
+    id: '--',
+    id3: '---',
+    title: 'Unknown',
+    geoRegions: [],
+    emoji: '🏳️',
+};
+/**
+ * @deprecated Use CountriesLoaderService.getCountries() instead.
+ * Country data is now lazy-loaded to reduce bundle size.
+ */
+export const countries = [];
+//# sourceMappingURL=countries.js.map

package/esm2022/lib/country-selector/countries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countries.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/country-selector/countries.ts"],"names":[],"mappings":"AAmBA;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAA6B,EAAE,CAAC;AAE1D;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAa;IACtC,EAAE,EAAE,IAAI;IACR,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,EAAE;IACd,KAAK,EAAE,KAAK;CACb,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAe,EAAE,CAAC","sourcesContent":["export type GeoRegion =\n  | 'Europe'\n  | 'Asia'\n  | 'Americas'\n  | 'South America'\n  | 'North America'\n  | 'Pacific Ocean'\n  | 'Africa';\n\nexport interface ICountry {\n  id: string;\n  id3: string;\n  geoRegions: GeoRegion[];\n  title: string;\n  longTitle?: string;\n  shortTitle?: string;\n  emoji: string;\n}\n\n/**\n * @deprecated Use CountriesLoaderService.getCountriesByID() instead.\n * Country data is now lazy-loaded to reduce bundle size.\n */\nexport const countriesByID: Record<string, ICountry> = {};\n\n/**\n * @deprecated Use CountriesLoaderService.getUnknownCountry() instead.\n * Country data is now lazy-loaded to reduce bundle size.\n */\nexport const unknownCountry: ICountry = {\n  id: '--',\n  id3: '---',\n  title: 'Unknown',\n  geoRegions: [],\n  emoji: '🏳️',\n};\n\n/**\n * @deprecated Use CountriesLoaderService.getCountries() instead.\n * Country data is now lazy-loaded to reduce bundle size.\n */\nexport const countries: ICountry[] = [];\n"]}

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

@@ -0,0 +1,103 @@
+import { Component, computed, EventEmitter, inject, Input, Output, signal, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonSegment, IonSegmentButton } from '@ionic/angular/standalone';
+import { SelectFromListComponent } from '@sneat/ui';
+import { CountriesLoaderService } from './countries-loader.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class CountrySelectorComponent {
+    constructor() {
+        this.countriesLoader = inject(CountriesLoaderService);
+        this.geoRegions = [
+            { id: 'Europe' },
+            { id: 'Asia' },
+            { id: 'Americas' },
+            { id: 'Africa' },
+        ];
+        this.readonly = false;
+        this.disabled = false;
+        this.label = 'search';
+        this.canBeUnknown = false;
+        this.countryIDChange = new EventEmitter();
+        this.filter = signal('', ...(ngDevMode ? [{ debugName: "filter" }] : []));
+        this.geoRegion = signal('All', ...(ngDevMode ? [{ debugName: "geoRegion" }] : []));
+        this.allCountries = signal([], ...(ngDevMode ? [{ debugName: "allCountries" }] : []));
+        this.unknownCountry = signal(undefined, ...(ngDevMode ? [{ debugName: "unknownCountry" }] : []));
+        this.countries = computed(() => {
+            const allCountries = this.allCountries();
+            if (allCountries.length === 0) {
+                return []; // Data not loaded yet
+            }
+            const filter = this.filter();
+            let countriesToShow = filter
+                ? allCountries
+                : allCountries.filter((c) => this.geoRegion() === 'All' ||
+                    (this.geoRegion() === 'Americas' &&
+                        (c.geoRegions.includes('North America') ||
+                            c.geoRegions.includes('South America'))) ||
+                    c.geoRegions.includes(this.geoRegion()));
+            if (this.canBeUnknown && this.unknownCountry()) {
+                countriesToShow = [...countriesToShow, this.unknownCountry()];
+            }
+            return countriesToShow;
+        }, ...(ngDevMode ? [{ debugName: "countries" }] : []));
+        this.filterCountryByCode = (item, filter) => {
+            const f = filter.trim().toUpperCase();
+            const c = item;
+            return c.id === f || c.id3.startsWith(f);
+        };
+    }
+    ngOnInit() {
+        // Load countries data
+        this.countriesLoader.getCountries().then((countries) => {
+            this.allCountries.set(countries);
+        });
+        this.countriesLoader.getUnknownCountry().then((unknown) => {
+            this.unknownCountry.set(unknown);
+        });
+    }
+    // protected geoRegion: GeoRegion | 'All' | 'Americas' = 'All';
+    onChanged() {
+        this.countryIDChange.emit(this.countryID);
+    }
+    onFilterChanged(filter) {
+        this.filter.set(filter);
+    }
+    ngOnChanges(changes) {
+        if (changes['country'] && this.countryID === '--' && !this.canBeUnknown) {
+            this.countryID = undefined;
+        }
+        if (changes['defaultCountryID'] &&
+            !this.countryID &&
+            this.defaultCountryID &&
+            this.defaultCountryID !== '--') {
+            this.countryID = this.defaultCountryID;
+            this.countryIDChange.emit(this.countryID);
+        }
+    }
+    onRegionChanged(event) {
+        this.geoRegion.set(event.detail.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CountrySelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CountrySelectorComponent, isStandalone: true, selector: "sneat-country-selector", inputs: { countryID: "countryID", defaultCountryID: "defaultCountryID", readonly: "readonly", disabled: "disabled", label: "label", canBeUnknown: "canBeUnknown" }, outputs: { countryIDChange: "countryIDChange" }, usesOnChanges: true, ngImport: i0, template: "<sneat-select-from-list\n  [value]=\"countryID || ''\"\n  [isFilterable]=\"true\"\n  [filterLabel]=\"label\"\n  [label]=\"label\"\n  [items]=\"countries()\"\n  [(ngModel)]=\"countryID\"\n  (ngModelChange)=\"onChanged()\"\n  [isReadonly]=\"readonly\"\n  [filterItem]=\"filterCountryByCode\"\n  (filterChanged)=\"onFilterChanged($event)\"\n  labelPlacement=\"start\"\n>\n  @if (!countryID && !filter()) {\n    <ion-segment [(ngModel)]=\"geoRegion\" (ionChange)=\"onRegionChanged($event)\">\n      <ion-segment-button value=\"All\">All</ion-segment-button>\n      @for (region of geoRegions; track region.id) {\n        <ion-segment-button [value]=\"region.id\">\n          <small>{{ region.id }}</small>\n        </ion-segment-button>\n      }\n    </ion-segment>\n  }\n</sneat-select-from-list>\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: "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: "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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CountrySelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-country-selector', imports: [FormsModule, SelectFromListComponent, IonSegment, IonSegmentButton], template: "<sneat-select-from-list\n  [value]=\"countryID || ''\"\n  [isFilterable]=\"true\"\n  [filterLabel]=\"label\"\n  [label]=\"label\"\n  [items]=\"countries()\"\n  [(ngModel)]=\"countryID\"\n  (ngModelChange)=\"onChanged()\"\n  [isReadonly]=\"readonly\"\n  [filterItem]=\"filterCountryByCode\"\n  (filterChanged)=\"onFilterChanged($event)\"\n  labelPlacement=\"start\"\n>\n  @if (!countryID && !filter()) {\n    <ion-segment [(ngModel)]=\"geoRegion\" (ionChange)=\"onRegionChanged($event)\">\n      <ion-segment-button value=\"All\">All</ion-segment-button>\n      @for (region of geoRegions; track region.id) {\n        <ion-segment-button [value]=\"region.id\">\n          <small>{{ region.id }}</small>\n        </ion-segment-button>\n      }\n    </ion-segment>\n  }\n</sneat-select-from-list>\n" }]
+        }], propDecorators: { countryID: [{
+                type: Input,
+                args: [{ required: true }]
+            }], defaultCountryID: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], canBeUnknown: [{
+                type: Input
+            }], countryIDChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=country-selector.component.js.map