@igo2/common 16.3.0 → 17.0.0-next.10

package/fesm2022/igo2-common-json-dialog.mjs

@@ -0,0 +1,88 @@
+import * as i0 from '@angular/core';
+import { Component, Injectable, NgModule } from '@angular/core';
+import { NgTemplateOutlet, NgFor, NgIf, KeyValuePipe } from '@angular/common';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1 from '@angular/material/dialog';
+import { MatDialogTitle, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
+
+class JsonDialogComponent {
+    dialogRef;
+    title;
+    data;
+    ignoreKeys;
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+    }
+    isObject(val) {
+        return typeof val === 'object' && !Array.isArray(val);
+    }
+    getKey(baseKey, key) {
+        return (baseKey ? baseKey + '.' : '') + key;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: JsonDialogComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: JsonDialogComponent, isStandalone: true, selector: "igo-json-dialog", ngImport: i0, template: "<h1 mat-dialog-title class=\"mat-typography\">{{ title }}</h1>\n\n<div mat-dialog-content class=\"mat-typography\">\n  <ng-container\n    *ngTemplateOutlet=\"loopObject; context: { obj: data }\"\n  ></ng-container>\n\n  <ng-template #loopObject let-obj=\"obj\" let-baseKey=\"baseKey\">\n    <ng-container *ngFor=\"let property of obj | keyvalue\">\n      <ng-container\n        *ngIf=\"ignoreKeys.indexOf(getKey(baseKey, property.key)) === -1\"\n      >\n        <ng-container *ngIf=\"isObject(property.value); else notObject\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              loopObject;\n              context: {\n                obj: property.value,\n                baseKey: getKey(baseKey, property.key)\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <ng-template #notObject>\n          <p>\n            <span\n              ><b>{{ getKey(baseKey, property.key) }}</b> : </span\n            ><span class=\"propertyValue\" [innerHtml]=\"property.value\"></span>\n          </p>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n\n<div mat-dialog-actions>\n  <button mat-button color=\"primary\" (click)=\"dialogRef.close(false)\">\n    OK\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: JsonDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-json-dialog', standalone: true, imports: [
+                        MatDialogTitle,
+                        MatDialogContent,
+                        NgTemplateOutlet,
+                        NgFor,
+                        NgIf,
+                        MatDialogActions,
+                        MatButtonModule,
+                        KeyValuePipe
+                    ], template: "<h1 mat-dialog-title class=\"mat-typography\">{{ title }}</h1>\n\n<div mat-dialog-content class=\"mat-typography\">\n  <ng-container\n    *ngTemplateOutlet=\"loopObject; context: { obj: data }\"\n  ></ng-container>\n\n  <ng-template #loopObject let-obj=\"obj\" let-baseKey=\"baseKey\">\n    <ng-container *ngFor=\"let property of obj | keyvalue\">\n      <ng-container\n        *ngIf=\"ignoreKeys.indexOf(getKey(baseKey, property.key)) === -1\"\n      >\n        <ng-container *ngIf=\"isObject(property.value); else notObject\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              loopObject;\n              context: {\n                obj: property.value,\n                baseKey: getKey(baseKey, property.key)\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <ng-template #notObject>\n          <p>\n            <span\n              ><b>{{ getKey(baseKey, property.key) }}</b> : </span\n            ><span class=\"propertyValue\" [innerHtml]=\"property.value\"></span>\n          </p>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n\n<div mat-dialog-actions>\n  <button mat-button color=\"primary\" (click)=\"dialogRef.close(false)\">\n    OK\n  </button>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.MatDialogRef }] });
+
+class JsonDialogService {
+    dialog;
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    open(title, data, ignoreKeys) {
+        const dialogRef = this.dialog.open(JsonDialogComponent, {
+            disableClose: false
+        });
+        dialogRef.componentInstance.data = data;
+        dialogRef.componentInstance.title = title;
+        dialogRef.componentInstance.ignoreKeys = ignoreKeys ?? [];
+        return dialogRef.afterClosed();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: JsonDialogService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: JsonDialogService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: JsonDialogService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.MatDialog }] });
+
+class IgoJsonDialogModule {
+    /**
+     * @deprecated it has no effect
+     */
+    static forRoot() {
+        return {
+            ngModule: IgoJsonDialogModule
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IgoJsonDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: IgoJsonDialogModule, imports: [JsonDialogComponent], exports: [JsonDialogComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IgoJsonDialogModule, providers: [JsonDialogService], imports: [JsonDialogComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IgoJsonDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [JsonDialogComponent],
+                    exports: [JsonDialogComponent],
+                    providers: [JsonDialogService]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IgoJsonDialogModule, JsonDialogComponent, JsonDialogService };
+//# sourceMappingURL=igo2-common-json-dialog.mjs.map

package/fesm2022/igo2-common-json-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"igo2-common-json-dialog.mjs","sources":["../../../packages/common/json-dialog/src/json-dialog.component.ts","../../../packages/common/json-dialog/src/json-dialog.component.html","../../../packages/common/json-dialog/src/json-dialog.service.ts","../../../packages/common/json-dialog/src/json-dialog.module.ts","../../../packages/common/json-dialog/src/igo2-common-json-dialog.ts"],"sourcesContent":["import { KeyValuePipe, NgFor, NgIf, NgTemplateOutlet } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport {\n  MatDialogActions,\n  MatDialogContent,\n  MatDialogRef,\n  MatDialogTitle\n} from '@angular/material/dialog';\n\n@Component({\n  selector: 'igo-json-dialog',\n  templateUrl: './json-dialog.component.html',\n  standalone: true,\n  imports: [\n    MatDialogTitle,\n    MatDialogContent,\n    NgTemplateOutlet,\n    NgFor,\n    NgIf,\n    MatDialogActions,\n    MatButtonModule,\n    KeyValuePipe\n  ]\n})\nexport class JsonDialogComponent {\n  public title: string;\n  public data: any;\n  public ignoreKeys: string[];\n\n  constructor(public dialogRef: MatDialogRef<JsonDialogComponent>) {}\n\n  isObject(val) {\n    return typeof val === 'object' && !Array.isArray(val);\n  }\n\n  getKey(baseKey, key) {\n    return (baseKey ? baseKey + '.' : '') + key;\n  }\n}\n","<h1 mat-dialog-title class=\"mat-typography\">{{ title }}</h1>\n\n<div mat-dialog-content class=\"mat-typography\">\n  <ng-container\n    *ngTemplateOutlet=\"loopObject; context: { obj: data }\"\n  ></ng-container>\n\n  <ng-template #loopObject let-obj=\"obj\" let-baseKey=\"baseKey\">\n    <ng-container *ngFor=\"let property of obj | keyvalue\">\n      <ng-container\n        *ngIf=\"ignoreKeys.indexOf(getKey(baseKey, property.key)) === -1\"\n      >\n        <ng-container *ngIf=\"isObject(property.value); else notObject\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              loopObject;\n              context: {\n                obj: property.value,\n                baseKey: getKey(baseKey, property.key)\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <ng-template #notObject>\n          <p>\n            <span\n              ><b>{{ getKey(baseKey, property.key) }}</b> : </span\n            ><span class=\"propertyValue\" [innerHtml]=\"property.value\"></span>\n          </p>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n\n<div mat-dialog-actions>\n  <button mat-button color=\"primary\" (click)=\"dialogRef.close(false)\">\n    OK\n  </button>\n</div>\n","import { Injectable } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\n\nimport { Observable } from 'rxjs';\n\nimport { JsonDialogComponent } from './json-dialog.component';\n\n@Injectable()\nexport class JsonDialogService {\n  constructor(private dialog: MatDialog) {}\n\n  public open(title: any, data, ignoreKeys?: string[]): Observable<any> {\n    const dialogRef = this.dialog.open(JsonDialogComponent, {\n      disableClose: false\n    });\n    dialogRef.componentInstance.data = data;\n    dialogRef.componentInstance.title = title;\n    dialogRef.componentInstance.ignoreKeys = ignoreKeys ?? [];\n\n    return dialogRef.afterClosed();\n  }\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { JsonDialogComponent } from './json-dialog.component';\nimport { JsonDialogService } from './json-dialog.service';\n\n@NgModule({\n  imports: [JsonDialogComponent],\n  exports: [JsonDialogComponent],\n  providers: [JsonDialogService]\n})\nexport class IgoJsonDialogModule {\n  /**\n   * @deprecated it has no effect\n   */\n  static forRoot(): ModuleWithProviders<IgoJsonDialogModule> {\n    return {\n      ngModule: IgoJsonDialogModule\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/igo2-common-keyvalue.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { Pipe, NgModule } from '@angular/core';
+
+class KeyValuePipe {
+    transform(value, args) {
+        const keyValues = [];
+        Object.getOwnPropertyNames(value).forEach((key) => keyValues.push({ key, value: value[key] }));
+        return keyValues;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: KeyValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: "keyvalue" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: KeyValuePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'keyvalue',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * @deprecated import the KeyValuePipe directly
+ */
+class IgoKeyValueModule {
+    static forRoot() {
+        return {
+            ngModule: IgoKeyValueModule,
+            providers: []
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IgoKeyValueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: IgoKeyValueModule, imports: [KeyValuePipe], exports: [KeyValuePipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IgoKeyValueModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IgoKeyValueModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [KeyValuePipe],
+                    exports: [KeyValuePipe]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IgoKeyValueModule, KeyValuePipe };
+//# sourceMappingURL=igo2-common-keyvalue.mjs.map

package/fesm2022/igo2-common-keyvalue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"igo2-common-keyvalue.mjs","sources":["../../../packages/common/keyvalue/src/keyvalue.pipe.ts","../../../packages/common/keyvalue/src/keyvalue.module.ts","../../../packages/common/keyvalue/src/igo2-common-keyvalue.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'keyvalue',\n  standalone: true\n})\nexport class KeyValuePipe implements PipeTransform {\n  transform(value: any, args?: any): any {\n    const keyValues = [];\n    Object.getOwnPropertyNames(value).forEach((key: string) =>\n      keyValues.push({ key, value: value[key] })\n    );\n\n    return keyValues;\n  }\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { KeyValuePipe } from './keyvalue.pipe';\n\n/**\n * @deprecated import the KeyValuePipe directly\n */\n@NgModule({\n  imports: [KeyValuePipe],\n  exports: [KeyValuePipe]\n})\nexport class IgoKeyValueModule {\n  static forRoot(): ModuleWithProviders<IgoKeyValueModule> {\n    return {\n      ngModule: IgoKeyValueModule,\n      providers: []\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAMa,YAAY,CAAA;IACvB,SAAS,CAAC,KAAU,EAAE,IAAU,EAAA;QAC9B,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,QAAA,MAAM,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAW,KACpD,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAC3C,CAAC;AAEF,QAAA,OAAO,SAAS,CAAC;KAClB;uGARU,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;qGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,UAAU;AAChB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACDD;;AAEG;MAKU,iBAAiB,CAAA;AAC5B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,iBAAiB;AAC3B,YAAA,SAAS,EAAE,EAAE;SACd,CAAC;KACH;uGANU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAjB,iBAAiB,EAAA,OAAA,EAAA,CAHlB,YAAY,CAAA,EAAA,OAAA,EAAA,CACZ,YAAY,CAAA,EAAA,CAAA,CAAA;wGAEX,iBAAiB,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}

package/fesm2022/igo2-common-list.mjs

@@ -0,0 +1,446 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Input, Output, HostListener, Component, ContentChildren, NgModule } from '@angular/core';
+import { NgClass } from '@angular/common';
+import * as i1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import { ClickoutDirective } from '@igo2/common/clickout';
+
+class ListItemDirective {
+    renderer;
+    el;
+    static focusedCls = 'igo-list-item-focused';
+    static selectedCls = 'igo-list-item-selected';
+    static disabledCls = 'igo-list-item-disabled';
+    get color() {
+        return this._color;
+    }
+    set color(value) {
+        this._color = value;
+    }
+    _color = 'primary';
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        if (value === this._focused) {
+            return;
+        }
+        if (this.disabled) {
+            return;
+        }
+        value ? this.beforeFocus.emit(this) : this.beforeUnfocus.emit(this);
+        this._focused = value;
+        if (this.selected !== true) {
+            this.toggleFocusedClass();
+        }
+        value ? this.focus.emit(this) : this.unfocus.emit(this);
+    }
+    _focused = false;
+    get selected() {
+        return this._selected;
+    }
+    set selected(value) {
+        if (value === this._selected) {
+            return;
+        }
+        if (this.disabled) {
+            return;
+        }
+        value ? this.beforeSelect.emit(this) : this.beforeUnselect.emit(this);
+        this._selected = value;
+        this._focused = value;
+        this.toggleSelectedClass();
+        value ? this.select.emit(this) : this.unselect.emit(this);
+    }
+    _selected = false;
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        if (value === this._disabled) {
+            return;
+        }
+        if (value === true) {
+            this.selected = false;
+        }
+        value ? this.beforeDisable.emit(this) : this.beforeEnable.emit(this);
+        this._disabled = value;
+        this.toggleDisabledClass();
+        value ? this.disable.emit(this) : this.enable.emit(this);
+    }
+    _disabled = false;
+    beforeSelect = new EventEmitter();
+    beforeFocus = new EventEmitter();
+    beforeUnselect = new EventEmitter();
+    beforeUnfocus = new EventEmitter();
+    beforeDisable = new EventEmitter();
+    beforeEnable = new EventEmitter();
+    focus = new EventEmitter();
+    unfocus = new EventEmitter();
+    select = new EventEmitter();
+    unselect = new EventEmitter();
+    disable = new EventEmitter();
+    enable = new EventEmitter();
+    onClick() {
+        this.selected = true;
+    }
+    constructor(renderer, el) {
+        this.renderer = renderer;
+        this.el = el;
+    }
+    getOffsetTop() {
+        const padding = 5;
+        return this.el.nativeElement.offsetTop - padding;
+    }
+    toggleFocusedClass() {
+        if (this.focused) {
+            this.addCls(ListItemDirective.focusedCls);
+        }
+        else {
+            this.removeCls(ListItemDirective.focusedCls);
+        }
+    }
+    toggleSelectedClass() {
+        if (this.selected) {
+            this.addCls(ListItemDirective.selectedCls);
+            this.removeCls(ListItemDirective.focusedCls);
+        }
+        else {
+            this.removeCls(ListItemDirective.selectedCls);
+        }
+    }
+    toggleDisabledClass() {
+        if (this.disabled) {
+            this.addCls(ListItemDirective.disabledCls);
+        }
+        else {
+            this.removeCls(ListItemDirective.disabledCls);
+        }
+    }
+    addCls(cls) {
+        this.renderer.addClass(this.el.nativeElement, cls);
+    }
+    removeCls(cls) {
+        this.renderer.removeClass(this.el.nativeElement, cls);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ListItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: ListItemDirective, isStandalone: true, selector: "[igoListItem]", inputs: { color: "color", focused: "focused", selected: "selected", disabled: "disabled" }, outputs: { beforeSelect: "beforeSelect", beforeFocus: "beforeFocus", beforeUnselect: "beforeUnselect", beforeUnfocus: "beforeUnfocus", beforeDisable: "beforeDisable", beforeEnable: "beforeEnable", focus: "focus", unfocus: "unfocus", select: "select", unselect: "unselect", disable: "disable", enable: "enable" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ListItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[igoListItem]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { color: [{
+                type: Input
+            }], focused: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], beforeSelect: [{
+                type: Output
+            }], beforeFocus: [{
+                type: Output
+            }], beforeUnselect: [{
+                type: Output
+            }], beforeUnfocus: [{
+                type: Output
+            }], beforeDisable: [{
+                type: Output
+            }], beforeEnable: [{
+                type: Output
+            }], focus: [{
+                type: Output
+            }], unfocus: [{
+                type: Output
+            }], select: [{
+                type: Output
+            }], unselect: [{
+                type: Output
+            }], disable: [{
+                type: Output
+            }], enable: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class ListComponent {
+    el;
+    get navigation() {
+        return this._navigation;
+    }
+    set navigation(value) {
+        this._navigation = value;
+    }
+    _navigation = true;
+    get selection() {
+        return this._selection;
+    }
+    set selection(value) {
+        this._selection = value;
+    }
+    _selection = true;
+    get selectedItem() {
+        return this._selectedItem;
+    }
+    set selectedItem(value) {
+        this.focusedItem = value;
+        this._selectedItem = value;
+    }
+    _selectedItem;
+    get focusedItem() {
+        return this._focusedItem;
+    }
+    set focusedItem(value) {
+        this._focusedItem = value;
+    }
+    _focusedItem;
+    navigationEnabled;
+    listItems$$;
+    subscriptions = [];
+    listItems;
+    handleKeyboardEvent(event) {
+        // It would be nice to be able to unsubscribe to the event
+        // completely but until ES7 this won't be possible because
+        // document events are not observables
+        if (this.navigationEnabled) {
+            if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+                event.preventDefault();
+                this.navigate(event.key);
+            }
+            else if (event.key === 'Enter') {
+                this.select(this.focusedItem);
+            }
+        }
+    }
+    constructor(el) {
+        this.el = el;
+    }
+    ngOnInit() {
+        this.enableNavigation();
+    }
+    ngAfterViewInit() {
+        if (this.listItems.length) {
+            this.init();
+        }
+        this.listItems$$ = this.listItems.changes.subscribe((items) => this.init());
+    }
+    ngOnDestroy() {
+        this.listItems$$.unsubscribe();
+    }
+    focus(item) {
+        if (!this.selection) {
+            return;
+        }
+        this.unfocus();
+        // We need to make this check because dynamic
+        // lists such as in the search results list may fail
+        if (item !== undefined) {
+            item.focused = true;
+        }
+    }
+    unfocus() {
+        if (this.focusedItem !== undefined) {
+            this.focusedItem.focused = false;
+        }
+        this.focusedItem = undefined;
+    }
+    focusNext() {
+        const items = this.listItems.toArray();
+        let item;
+        const igoList = this.el.nativeElement;
+        let disabled = true;
+        let index = this.getFocusedIndex();
+        if (index === undefined) {
+            index = -1;
+        }
+        while (disabled && index < items.length - 1) {
+            index += 1;
+            item = items[index];
+            disabled = item.disabled;
+        }
+        if (item !== undefined) {
+            this.focus(item);
+        }
+        if (!items[index + 1]) {
+            igoList.scrollTop = igoList.scrollHeight - igoList.clientHeight;
+            return;
+        }
+        if (item !== undefined && !this.isScrolledIntoView(item.el.nativeElement)) {
+            igoList.scrollTop =
+                item.el.nativeElement.offsetTop +
+                    item.el.nativeElement.children[0].offsetHeight -
+                    igoList.clientHeight;
+        }
+    }
+    focusPrevious() {
+        const items = this.listItems.toArray();
+        let item;
+        const igoList = this.el.nativeElement;
+        let disabled = true;
+        let index = this.getFocusedIndex();
+        while (disabled && index > 0) {
+            index -= 1;
+            item = items[index];
+            disabled = item.disabled;
+        }
+        if (item !== undefined) {
+            this.focus(item);
+        }
+        if (!items[index - 1]) {
+            igoList.scrollTop = 0;
+            return;
+        }
+        if (item !== undefined && !this.isScrolledIntoView(item.el.nativeElement)) {
+            const padding = 3;
+            igoList.scrollTop = item.el.nativeElement.offsetTop - padding;
+        }
+    }
+    select(item) {
+        if (!this.selection) {
+            return;
+        }
+        this.unselect();
+        if (item !== undefined) {
+            item.selected = true;
+        }
+    }
+    unselect() {
+        this.unfocus();
+        if (this.selectedItem !== undefined) {
+            this.selectedItem.selected = false;
+        }
+        this.selectedItem = undefined;
+    }
+    enableNavigation() {
+        if (this.navigation) {
+            this.navigationEnabled = true;
+        }
+    }
+    disableNavigation() {
+        this.navigationEnabled = false;
+    }
+    scrollToItem(item) {
+        this.el.nativeElement.scrollTop = item.getOffsetTop();
+    }
+    isScrolledIntoView(elem) {
+        const docViewTop = this.el.nativeElement.scrollTop + this.el.nativeElement.offsetTop;
+        const docViewBottom = docViewTop + this.el.nativeElement.clientHeight;
+        const elemTop = elem.offsetTop;
+        const elemBottom = elemTop + elem.children[0].offsetHeight;
+        return elemBottom <= docViewBottom && elemTop >= docViewTop;
+    }
+    init() {
+        this.subscribe();
+        this.selectedItem = this.findSelectedItem();
+        this.focusedItem = this.findFocusedItem();
+        this.enableNavigation();
+    }
+    subscribe() {
+        this.unsubscribe();
+        this.listItems.toArray().forEach((item) => {
+            this.subscriptions.push(item.beforeSelect.subscribe((item2) => this.handleItemBeforeSelect(item2)));
+            this.subscriptions.push(item.select.subscribe((item2) => this.handleItemSelect(item2)));
+            this.subscriptions.push(item.beforeFocus.subscribe((item2) => this.handleItemBeforeFocus(item2)));
+            this.subscriptions.push(item.focus.subscribe((item2) => this.handleItemFocus(item2)));
+        }, this);
+    }
+    unsubscribe() {
+        this.subscriptions.forEach((sub) => sub.unsubscribe());
+        this.subscriptions = [];
+    }
+    handleItemBeforeFocus(item) {
+        if (item !== this.focusedItem) {
+            this.unfocus();
+        }
+    }
+    handleItemFocus(item) {
+        this.focusedItem = item;
+    }
+    handleItemBeforeSelect(item) {
+        if (item !== this.focusedItem) {
+            this.unselect();
+        }
+    }
+    handleItemSelect(item) {
+        this.selectedItem = item;
+    }
+    findSelectedItem() {
+        return this.listItems.toArray().find((item) => item.selected);
+    }
+    findFocusedItem() {
+        return this.listItems.toArray().find((item) => item.focused);
+    }
+    getFocusedIndex() {
+        return this.listItems
+            .toArray()
+            .findIndex((item) => item === this.focusedItem);
+    }
+    navigate(key) {
+        switch (key) {
+            case 'ArrowUp':
+                this.focusPrevious();
+                break;
+            case 'ArrowDown':
+                this.focusNext();
+                break;
+            default:
+                break;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: ListComponent, isStandalone: true, selector: "igo-list", inputs: { navigation: "navigation", selection: "selection" }, host: { listeners: { "document:keydown": "handleKeyboardEvent($event)", "document:enter": "handleKeyboardEvent($event)" } }, queries: [{ propertyName: "listItems", predicate: ListItemDirective, descendants: true }], ngImport: i0, template: "<mat-list\n  igoClickout\n  [ngClass]=\"{ selectable: selection }\"\n  (clickout)=\"disableNavigation()\"\n  (click)=\"enableNavigation()\"\n>\n  <ng-content></ng-content>\n</mat-list>\n", styles: [":host{display:block;height:100%;overflow:auto;position:relative}:host mat-list{padding-top:0}:host ::ng-deep .mat-mdc-list .mat-mdc-list-item .mdc-list-item__primary-text{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:36px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}:host ::ng-deep .mat-mdc-list .mat-mdc-list-item.mdc-list-item--with-leading-icon{height:48px}:host ::ng-deep .mat-mdc-list ::ng-deep igo-collapsible>.mat-mdc-list-item>.mdc-list-item__primary-text>.mat-mdc-list-item{font-weight:700;opacity:.9}:host mat-list.selectable ::ng-deep [igolistitem]:not(.igo-list-item-disabled) mat-list-item:hover{cursor:pointer}:host ::ng-deep [igolistitem]:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "directive", type: ClickoutDirective, selector: "[igoClickout]", outputs: ["clickout"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-list', standalone: true, imports: [MatListModule, ClickoutDirective, NgClass], template: "<mat-list\n  igoClickout\n  [ngClass]=\"{ selectable: selection }\"\n  (clickout)=\"disableNavigation()\"\n  (click)=\"enableNavigation()\"\n>\n  <ng-content></ng-content>\n</mat-list>\n", styles: [":host{display:block;height:100%;overflow:auto;position:relative}:host mat-list{padding-top:0}:host ::ng-deep .mat-mdc-list .mat-mdc-list-item .mdc-list-item__primary-text{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:36px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}:host ::ng-deep .mat-mdc-list .mat-mdc-list-item.mdc-list-item--with-leading-icon{height:48px}:host ::ng-deep .mat-mdc-list ::ng-deep igo-collapsible>.mat-mdc-list-item>.mdc-list-item__primary-text>.mat-mdc-list-item{font-weight:700;opacity:.9}:host mat-list.selectable ::ng-deep [igolistitem]:not(.igo-list-item-disabled) mat-list-item:hover{cursor:pointer}:host ::ng-deep [igolistitem]:focus{outline:none}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { navigation: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], listItems: [{
+                type: ContentChildren,
+                args: [ListItemDirective, { descendants: true }]
+            }], handleKeyboardEvent: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['document:enter', ['$event']]
+            }] } });
+
+/**
+ * @deprecated import the components/directives directly or LIST_DIRECTIVES for the set
+ */
+class IgoListModule {
+    static forRoot() {
+        return {
+            ngModule: IgoListModule,
+            providers: []
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IgoListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: IgoListModule, imports: [ListItemDirective, ListComponent], exports: [ListItemDirective, ListComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IgoListModule, imports: [ListComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IgoListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ListItemDirective, ListComponent],
+                    exports: [ListItemDirective, ListComponent]
+                }]
+        }] });
+
+const LIST_DIRECTIVES = [ListItemDirective, ListComponent];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IgoListModule, LIST_DIRECTIVES, ListComponent, ListItemDirective };
+//# sourceMappingURL=igo2-common-list.mjs.map