suis 1.4.0 → 1.6.0

package/lib/components/suis-input-image/suis-input-image.component.d.ts

@@ -1,9 +1,13 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { SuisInputBase } from '../../shared/classes/suis-input.base';
 import * as i0 from "@angular/core";
 export declare class SuisInputImageComponent extends SuisInputBase {
     /** @internal */
     fileInput?: ElementRef;
+    /**
+     * Emits value on FileList upload.
+     */
+    uploaded: EventEmitter<FileList>;
     /** @internal */
     value: FileList | null;
     /** @internal */
@@ -12,5 +16,5 @@ export declare class SuisInputImageComponent extends SuisInputBase {
     onChange(event: Event): void;
     onRemove(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisInputImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputImageComponent, "suis-input-image", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputImageComponent, "suis-input-image", never, {}, { "uploaded": "uploaded"; }, never, never, true, never>;
 }

package/lib/components/suis-pagination/suis-pagination-per-page-options.pipe.d.ts

@@ -2,7 +2,7 @@ import { PipeTransform } from '@angular/core';
 import { SuisSelectOption } from '../../modules/suis-select/interfaces/suis-select-option.interfaces';
 import * as i0 from "@angular/core";
 export declare class SuisPaginationPerPageOptionsPipe implements PipeTransform {
-    transform(options: number[]): SuisSelectOption<number>[];
+    transform(options: number[]): SuisSelectOption[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisPaginationPerPageOptionsPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SuisPaginationPerPageOptionsPipe, "suisPaginationPerPageOptions", true>;
 }

package/lib/modules/suis-select/classes/suis-select.base.d.ts

@@ -5,7 +5,7 @@ import { SuisSelectOptionDirective } from '../directives/suis-select-option.dire
 import * as i0 from "@angular/core";
 export declare abstract class SuisSelectBase<T> extends SuisInputBase {
     /** @internal */
-    suisSelectOption?: SuisSelectOptionDirective<T>;
+    suisSelectOption?: SuisSelectOptionDirective;
     /** @internal */
     searchInput?: ElementRef;
     /** @internal */
@@ -15,7 +15,7 @@ export declare abstract class SuisSelectBase<T> extends SuisInputBase {
     /**
      * Options displayed in dropdown list. Type of SuisSelectOption[].
      */
-    options: SuisSelectOption<T>[];
+    options: SuisSelectOption[];
     /**
      * Displays search input above options. By default set to true.
      */
@@ -28,6 +28,14 @@ export declare abstract class SuisSelectBase<T> extends SuisInputBase {
      * Placeholder text displayed when value is not selected. By default set to 'Select option...'.
      */
     placeholder: string;
+    /**
+     * Option value property name in options. By default set to 'value'.
+     */
+    optionValue: string;
+    /**
+     * Option label property name in options. By default set to 'label'.
+     */
+    optionLabel: string;
     /**
      * Emits on search phrase changed.
      */
@@ -41,7 +49,7 @@ export declare abstract class SuisSelectBase<T> extends SuisInputBase {
     toggle(value: boolean): void;
     onDocumentClick(event: Event): void;
     /** @internal */
-    optionTrackBy(index: number, option: SuisSelectOption<any>): string;
+    optionTrackBy(index: number, option: SuisSelectOption): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisSelectBase<any>, never, never, { "options": { "alias": "options"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "searchPhraseChanged": "searchPhraseChanged"; }, ["suisSelectOption"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisSelectBase<any>, never, never, { "options": { "alias": "options"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; }, { "searchPhraseChanged": "searchPhraseChanged"; }, ["suisSelectOption"], never, false, never>;
 }

package/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.d.ts

@@ -4,11 +4,11 @@ import { SuisSelectGroupOption } from '../../interfaces/suis-select-group-option
 import * as i0 from "@angular/core";
 export declare class SuisSelectGroupComponent<T> extends SuisSelectSingleBase<T> {
     /** @internal */
-    suisSelectGroupOption?: SuisSelectGroupOptionDirective<T>;
+    suisSelectGroupOption?: SuisSelectGroupOptionDirective;
     /**
      * Group options displayed in dropdown list. Type of SuisSelectGroupOption[].
      */
-    groupOptions: SuisSelectGroupOption<T>[];
+    groupOptions: SuisSelectGroupOption[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectGroupComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SuisSelectGroupComponent<any>, "suis-select-group", never, { "groupOptions": { "alias": "groupOptions"; "required": false; }; }, {}, ["suisSelectGroupOption"], never, true, never>;
 }

package/lib/modules/suis-select/components/suis-select-group-option/suis-select-group-option.component.d.ts

@@ -1,17 +1,17 @@
 import { TemplateRef } from '@angular/core';
 import { SuisSelectGroupOption } from '../../interfaces/suis-select-group-option.interfaces';
 import * as i0 from "@angular/core";
-export declare class SuisSelectGroupOptionComponent<T> {
+export declare class SuisSelectGroupOptionComponent {
     /**
-     * Item data. Type of SuisSelectGroupOption<T>. Required input.
+     * Item data. Type of SuisSelectGroupOption. Required input.
      */
-    option?: SuisSelectGroupOption<T>;
+    option?: SuisSelectGroupOption;
     /**
      * Template to be displayed instead of item's label.
      */
     templateRef?: TemplateRef<{
-        $implicit: SuisSelectGroupOption<T>;
+        $implicit: SuisSelectGroupOption;
     }>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectGroupOptionComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisSelectGroupOptionComponent<any>, "suis-select-group-option", never, { "option": { "alias": "option"; "required": true; }; "templateRef": { "alias": "templateRef"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectGroupOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisSelectGroupOptionComponent, "suis-select-group-option", never, { "option": { "alias": "option"; "required": true; }; "templateRef": { "alias": "templateRef"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.d.ts

@@ -4,11 +4,11 @@ import { SuisSelectGroupOptionDirective } from '../../directives/suis-select-gro
 import * as i0 from "@angular/core";
 export declare class SuisSelectMultiGroupComponent<T> extends SuisSelectMultiBase<T> {
     /** @internal */
-    suisSelectGroupOption?: SuisSelectGroupOptionDirective<T>;
+    suisSelectGroupOption?: SuisSelectGroupOptionDirective;
     /**
      * Group options displayed in dropdown list. Type of SuisSelectGroupOption[].
      */
-    groupOptions: SuisSelectGroupOption<T>[];
+    groupOptions: SuisSelectGroupOption[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectMultiGroupComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SuisSelectMultiGroupComponent<any>, "suis-select-multi-group", never, { "groupOptions": { "alias": "groupOptions"; "required": false; }; }, {}, ["suisSelectGroupOption"], never, true, never>;
 }

package/lib/modules/suis-select/components/suis-select-option/suis-select-option.component.d.ts

@@ -1,17 +1,25 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { SuisSelectOption } from '../../interfaces/suis-select-option.interfaces';
 import * as i0 from "@angular/core";
-export declare class SuisSelectOptionComponent<T> {
+export declare class SuisSelectOptionComponent {
     /**
-     * Option data. Type of SuisSelectOption<T>. Required input.
+     * Option data. Type of SuisSelectOption. Required input.
      */
-    option?: SuisSelectOption<T>;
+    option?: SuisSelectOption;
     /**
      * Template to be displayed instead of option's label.
      */
     templateRef?: TemplateRef<{
-        $implicit: SuisSelectOption<T>;
+        $implicit: SuisSelectOption;
     }>;
+    /**
+     * Option value property name in options. By default set to 'value'.
+     */
+    optionValue: string;
+    /**
+     * Option label property name in options.  By default set to 'label'.
+     */
+    optionLabel: string;
     /**
      * Adds checkmark icon to checkbox (if checkbox input set to true). By default set to false.
      */
@@ -26,6 +34,6 @@ export declare class SuisSelectOptionComponent<T> {
     clicked: EventEmitter<void>;
     /** @internal */
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectOptionComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisSelectOptionComponent<any>, "suis-select-option", never, { "option": { "alias": "option"; "required": true; }; "templateRef": { "alias": "templateRef"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisSelectOptionComponent, "suis-select-option", never, { "option": { "alias": "option"; "required": true; }; "templateRef": { "alias": "templateRef"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }

package/lib/modules/suis-select/directives/suis-select-group-option.directive.d.ts

@@ -1,10 +1,10 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SuisSelectGroupOptionDirective<T> {
+export declare class SuisSelectGroupOptionDirective {
     /**
      * Custom template of the group option.
      */
     readonly templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectGroupOptionDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisSelectGroupOptionDirective<any>, "[suisSelectGroupOption]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectGroupOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisSelectGroupOptionDirective, "[suisSelectGroupOption]", never, {}, {}, never, never, true, never>;
 }

package/lib/modules/suis-select/directives/suis-select-option.directive.d.ts

@@ -1,10 +1,10 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SuisSelectOptionDirective<T> {
+export declare class SuisSelectOptionDirective {
     /**
      * Custom template of the option.
      */
     readonly templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectOptionDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisSelectOptionDirective<any>, "[suisSelectOption]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisSelectOptionDirective, "[suisSelectOption]", never, {}, {}, never, never, true, never>;
 }

package/lib/modules/suis-select/interfaces/suis-select-group-option.interfaces.d.ts

@@ -1,6 +1,6 @@
 import { SuisSelectOption } from './suis-select-option.interfaces';
-export interface SuisSelectGroupOption<T> {
+export interface SuisSelectGroupOption {
     label: string;
-    children: SuisSelectOption<T>[];
+    children: SuisSelectOption[];
     [key: string]: any;
 }

package/lib/modules/suis-select/interfaces/suis-select-option.interfaces.d.ts

@@ -1,5 +1,3 @@
-export interface SuisSelectOption<T> {
-    label: string;
-    value: T;
+export interface SuisSelectOption {
     [key: string]: any;
 }

package/lib/modules/suis-select/pipes/suis-select-filter-group-options.pipe.d.ts

@@ -1,8 +1,8 @@
 import { PipeTransform } from '@angular/core';
 import { SuisSelectGroupOption } from '../interfaces/suis-select-group-option.interfaces';
 import * as i0 from "@angular/core";
-export declare class SuisSelectFilterGroupOptionsPipe<T> implements PipeTransform {
-    transform(groupOptions: SuisSelectGroupOption<T>[], phrase: string): SuisSelectGroupOption<T>[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectFilterGroupOptionsPipe<any>, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectFilterGroupOptionsPipe<any>, "suisSelectFilterGroupOptions", true>;
+export declare class SuisSelectFilterGroupOptionsPipe implements PipeTransform {
+    transform(groupOptions: SuisSelectGroupOption[], phrase: string, optionLabel: string): SuisSelectGroupOption[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectFilterGroupOptionsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectFilterGroupOptionsPipe, "suisSelectFilterGroupOptions", true>;
 }

package/lib/modules/suis-select/pipes/suis-select-filter-options.pipe.d.ts

@@ -1,8 +1,8 @@
 import { PipeTransform } from '@angular/core';
 import { SuisSelectOption } from '../interfaces/suis-select-option.interfaces';
 import * as i0 from "@angular/core";
-export declare class SuisSelectFilterOptionsPipe<T> implements PipeTransform {
-    transform(options: SuisSelectOption<T>[], phrase: string): SuisSelectOption<T>[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectFilterOptionsPipe<any>, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectFilterOptionsPipe<any>, "suisSelectFilterOptions", true>;
+export declare class SuisSelectFilterOptionsPipe implements PipeTransform {
+    transform(options: SuisSelectOption[], phrase: string, optionLabel: string): SuisSelectOption[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectFilterOptionsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectFilterOptionsPipe, "suisSelectFilterOptions", true>;
 }

package/lib/modules/suis-select/pipes/suis-select-group-label.pipe.d.ts

@@ -2,7 +2,7 @@ import { PipeTransform } from '@angular/core';
 import { SuisSelectGroupOption } from '../interfaces/suis-select-group-option.interfaces';
 import * as i0 from "@angular/core";
 export declare class SuisSelectGroupLabelPipe<T> implements PipeTransform {
-    transform(value: T, groupOptions: SuisSelectGroupOption<T>[], placeholder: string): string;
+    transform(value: T, groupOptions: SuisSelectGroupOption[], placeholder: string, optionValue: string, optionLabel: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectGroupLabelPipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectGroupLabelPipe<any>, "suisSelectGroupLabel", true>;
 }

package/lib/modules/suis-select/pipes/suis-select-label.pipe.d.ts

@@ -2,7 +2,7 @@ import { PipeTransform } from '@angular/core';
 import { SuisSelectOption } from '../interfaces/suis-select-option.interfaces';
 import * as i0 from "@angular/core";
 export declare class SuisSelectLabelPipe<T> implements PipeTransform {
-    transform(value: T, options: SuisSelectOption<T>[], placeholder: string): string;
+    transform(value: T, options: SuisSelectOption[], placeholder: string, optionValue: string, optionLabel: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectLabelPipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectLabelPipe<any>, "suisSelectLabel", true>;
 }

package/lib/modules/suis-select/pipes/suis-select-multi-chips.pipe.d.ts

@@ -2,7 +2,7 @@ import { PipeTransform } from '@angular/core';
 import { SuisSelectOption } from '../interfaces/suis-select-option.interfaces';
 import * as i0 from "@angular/core";
 export declare class SuisSelectMultiChipsPipe<T> implements PipeTransform {
-    transform(values: T[], options: SuisSelectOption<T>[]): string[];
+    transform(values: T[], options: SuisSelectOption[], optionValue: string, optionLabel: string): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectMultiChipsPipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectMultiChipsPipe<any>, "suisSelectMultiChips", true>;
 }

package/lib/modules/suis-select/pipes/suis-select-multi-group-chips.pipe.d.ts

@@ -2,7 +2,7 @@ import { PipeTransform } from '@angular/core';
 import { SuisSelectGroupOption } from '../interfaces/suis-select-group-option.interfaces';
 import * as i0 from "@angular/core";
 export declare class SuisSelectMultiGroupChipsPipe<T> implements PipeTransform {
-    transform(values: T[], groupOptions: SuisSelectGroupOption<T>[]): string[];
+    transform(values: T[], groupOptions: SuisSelectGroupOption[], optionValue: string, optionLabel: string): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectMultiGroupChipsPipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectMultiGroupChipsPipe<any>, "suisSelectMultiGroupChips", true>;
 }

package/lib/modules/suis-select/pipes/suis-select-sort-group-options.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { SuisSelectGroupOption } from '../interfaces/suis-select-group-option.interfaces';
+import * as i0 from "@angular/core";
+export declare class SuisSelectSortGroupOptionsPipe implements PipeTransform {
+    transform(options: SuisSelectGroupOption[]): SuisSelectGroupOption[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectSortGroupOptionsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectSortGroupOptionsPipe, "suisSelectSortGroupOptions", true>;
+}

package/lib/modules/suis-select/pipes/suis-select-sort-options.pipe.d.ts

@@ -1,8 +1,8 @@
 import { PipeTransform } from '@angular/core';
 import { SuisSelectOption } from '../interfaces/suis-select-option.interfaces';
 import * as i0 from "@angular/core";
-export declare class SuisSelectSortOptionsPipe<T> implements PipeTransform {
-    transform(options: SuisSelectOption<T>[]): SuisSelectOption<T>[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectSortOptionsPipe<any>, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectSortOptionsPipe<any>, "suisSelectSortOptions", true>;
+export declare class SuisSelectSortOptionsPipe implements PipeTransform {
+    transform(options: SuisSelectOption[], optionLabel: string): SuisSelectOption[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectSortOptionsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SuisSelectSortOptionsPipe, "suisSelectSortOptions", true>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suis",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "main": "src/index.ts",
   "author": "Karol Jaskółka",
   "description": "Angular 16+ Component Library",