suis 1.6.1 → 1.7.1

package/esm2022/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.mjs

@@ -31,7 +31,7 @@ export class SuisSelectMultiGroupComponent extends SuisSelectMultiBase {
                 multi: true,
                 useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
             },
-        ], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi-group\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiGroupChips\n              : groupOptions\n              : optionValue\n              : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n        [checkbox]=\"!duplicate\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi-group{position:relative}.suis-select-multi-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-group__list__search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectButtonMultiComponent, selector: "suis-select-button-multi" }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectGroupOptionComponent, selector: "suis-select-group-option", inputs: ["option", "templateRef"] }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectMultiGroupChipsPipe, name: "suisSelectMultiGroupChips" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "pipe", type: SuisSelectFilterGroupOptionsPipe, name: "suisSelectFilterGroupOptions" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortGroupOptionsPipe, name: "suisSelectSortGroupOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi-group\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiGroupChips\n              : groupOptions\n              : optionValue\n              : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions : sortOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel : sortOptions\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n        [checkbox]=\"!duplicate\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi-group{position:relative}.suis-select-multi-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-group__list__search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectButtonMultiComponent, selector: "suis-select-button-multi" }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectGroupOptionComponent, selector: "suis-select-group-option", inputs: ["option", "templateRef"] }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectMultiGroupChipsPipe, name: "suisSelectMultiGroupChips" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "pipe", type: SuisSelectFilterGroupOptionsPipe, name: "suisSelectFilterGroupOptions" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortGroupOptionsPipe, name: "suisSelectSortGroupOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiGroupComponent, decorators: [{
             type: Component,
@@ -54,11 +54,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
                         },
-                    ], template: "<div class=\"suis-select-multi-group\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiGroupChips\n              : groupOptions\n              : optionValue\n              : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n        [checkbox]=\"!duplicate\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi-group{position:relative}.suis-select-multi-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-group__list__search:focus{outline:none}\n"] }]
+                    ], template: "<div class=\"suis-select-multi-group\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiGroupChips\n              : groupOptions\n              : optionValue\n              : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions : sortOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel : sortOptions\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n        [checkbox]=\"!duplicate\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi-group{position:relative}.suis-select-multi-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-group__list__search:focus{outline:none}\n"] }]
         }], propDecorators: { suisSelectGroupOption: [{
                 type: ContentChild,
                 args: [SuisSelectGroupOptionDirective]
             }], groupOptions: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOzs7O0FBOEJqRyxNQUFNLE9BQU8sNkJBQWlDLFNBQVEsbUJBQXNCO0lBNUI1RTs7UUFpQ0U7O1dBRUc7UUFDTSxpQkFBWSxHQUE0QixFQUFFLENBQUM7S0FDckQ7K0dBVFksNkJBQTZCO21HQUE3Qiw2QkFBNkIsZ0hBUjdCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQzthQUM3RDtTQUNGLDZFQUlhLDhCQUE4Qix1RUNyRDlDLG9zRUFzRUEscThCRDNDSSxZQUFZLCtQQUNaLFdBQVcsK21CQUNYLGlCQUFpQix3SEFDakIsOEJBQThCLHFFQUM5Qix5QkFBeUIsOEtBQ3pCLDhCQUE4QixtR0FDOUIseUJBQXlCLHlEQUN6Qiw2QkFBNkIsNkRBQzdCLDJCQUEyQiwyREFDM0IsZ0NBQWdDLGdFQUNoQyw2QkFBNkIsNkRBQzdCLDhCQUE4Qjs7NEZBYXJCLDZCQUE2QjtrQkE1QnpDLFNBQVM7K0JBQ0UseUJBQXlCLGNBQ3ZCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQiw4QkFBOEI7d0JBQzlCLHlCQUF5Qjt3QkFDekIsOEJBQThCO3dCQUM5Qix5QkFBeUI7d0JBQ3pCLDZCQUE2Qjt3QkFDN0IsMkJBQTJCO3dCQUMzQixnQ0FBZ0M7d0JBQ2hDLDZCQUE2Qjt3QkFDN0IsOEJBQThCO3FCQUMvQixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw4QkFBOEIsQ0FBQzt5QkFDN0Q7cUJBQ0Y7OEJBS0QscUJBQXFCO3NCQURwQixZQUFZO3VCQUFDLDhCQUE4QjtnQkFNbkMsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdWlzLWNoaXAvc3Vpcy1jaGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1tdWx0aS5iYXNlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkuY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlHcm91cENoaXBzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLWNoaXBzLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlckdyb3VwT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItZ3JvdXAtb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUlzU2VsZWN0ZWRQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbXVsdGktaXMtc2VsZWN0ZWQucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtZ3JvdXAtb3B0aW9ucy5waXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFN1aXNDaGlwQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RHcm91cE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RNdWx0aUdyb3VwQ2hpcHNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdE11bHRpR3JvdXBDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RNdWx0aUdyb3VwQ29tcG9uZW50PFQ+IGV4dGVuZHMgU3Vpc1NlbGVjdE11bHRpQmFzZTxUPiB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgQENvbnRlbnRDaGlsZChTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmUpXG4gIHN1aXNTZWxlY3RHcm91cE9wdGlvbj86IFN1aXNTZWxlY3RHcm91cE9wdGlvbkRpcmVjdGl2ZTtcblxuICAvKipcbiAgICogR3JvdXAgb3B0aW9ucyBkaXNwbGF5ZWQgaW4gZHJvcGRvd24gbGlzdC4gVHlwZSBvZiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXS5cbiAgICovXG4gIEBJbnB1dCgpIGdyb3VwT3B0aW9uczogU3Vpc1NlbGVjdEdyb3VwT3B0aW9uW10gPSBbXTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aS1ncm91cFwiPlxuICA8c3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpXG4gICAgW2ludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgIFtjbGVhcmFibGVdPVwidmFsdWVzLmxlbmd0aCA+IDBcIlxuICAgIChleHBhbmRlZENoYW5nZSk9XCJvbkV4cGFuZCgpXCJcbiAgICAoY2xlYXJlZCk9XCJvbkNsZWFyKCRldmVudClcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiF2YWx1ZXM/Lmxlbmd0aFwiPlxuICAgICAge3sgcGxhY2Vob2xkZXIgfX1cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidmFsdWVzPy5sZW5ndGhcIj5cbiAgICAgIDxzdWlzLWNoaXBcbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgbGV0IHZhbHVlIG9mIHZhbHVlc1xuICAgICAgICAgICAgfCBzdWlzU2VsZWN0TXVsdGlHcm91cENoaXBzXG4gICAgICAgICAgICAgIDogZ3JvdXBPcHRpb25zXG4gICAgICAgICAgICAgIDogb3B0aW9uVmFsdWVcbiAgICAgICAgICAgICAgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgICBsZXQgaW5kZXggPSBpbmRleFxuICAgICAgICBcIlxuICAgICAgICBbcmVtb3ZhYmxlXT1cInRydWVcIlxuICAgICAgICBbY29sb3JdPVwiY2hpcENvbG9yXCJcbiAgICAgICAgW2ljb25Db2xvcl09XCJjaGlwSWNvbkNvbG9yXCJcbiAgICAgICAgKHJlbW92ZSk9XCJvblJlbW92ZShpbmRleClcIlxuICAgICAgPlxuICAgICAgICB7eyB2YWx1ZSB9fVxuICAgICAgPC9zdWlzLWNoaXA+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpPlxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kZWRcIiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpLWdyb3VwX19saXN0XCI+XG4gICAgPGlucHV0XG4gICAgICAjc2VhcmNoSW5wdXRcbiAgICAgICpuZ0lmPVwic2VhcmNoXCJcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXBfX2xpc3RfX3NlYXJjaFwiXG4gICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgLz5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdGb3I9XCJcbiAgICAgICAgbGV0IGdyb3VwIG9mIGdyb3VwT3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRHcm91cE9wdGlvbnNcbiAgICAgICAgICB8IHN1aXNTZWxlY3RGaWx0ZXJHcm91cE9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbFxuICAgICAgXCJcbiAgICA+XG4gICAgICA8c3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uXG4gICAgICAgIFtvcHRpb25dPVwiZ3JvdXBcIlxuICAgICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc1NlbGVjdEdyb3VwT3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgICA+PC9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24+XG4gICAgICA8c3Vpcy1zZWxlY3Qtb3B0aW9uXG4gICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgIGxldCBvcHRpb24gb2YgZ3JvdXAuY2hpbGRyZW5cbiAgICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zIDogb3B0aW9uTGFiZWxcbiAgICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgICB0cmFja0J5OiBvcHRpb25UcmFja0J5XG4gICAgICAgIFwiXG4gICAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgICAgICAgW29wdGlvblZhbHVlXT1cIm9wdGlvblZhbHVlXCJcbiAgICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgICAgW3NlbGVjdGVkXT1cIm9wdGlvbltvcHRpb25WYWx1ZV0gfCBzdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkIDogdmFsdWVzXCJcbiAgICAgICAgW2NoZWNrYm94XT1cIiFkdXBsaWNhdGVcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb25bb3B0aW9uVmFsdWVdKVwiXG4gICAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOzs7O0FBOEJqRyxNQUFNLE9BQU8sNkJBQWlDLFNBQVEsbUJBQXNCO0lBNUI1RTs7UUFpQ0U7O1dBRUc7UUFDTSxpQkFBWSxHQUE0QixFQUFFLENBQUM7S0FDckQ7K0dBVFksNkJBQTZCO21HQUE3Qiw2QkFBNkIsZ0hBUjdCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQzthQUM3RDtTQUNGLDZFQUlhLDhCQUE4Qix1RUNyRDlDLGd1RUFzRUEscThCRDNDSSxZQUFZLCtQQUNaLFdBQVcsK21CQUNYLGlCQUFpQix3SEFDakIsOEJBQThCLHFFQUM5Qix5QkFBeUIsOEtBQ3pCLDhCQUE4QixtR0FDOUIseUJBQXlCLHlEQUN6Qiw2QkFBNkIsNkRBQzdCLDJCQUEyQiwyREFDM0IsZ0NBQWdDLGdFQUNoQyw2QkFBNkIsNkRBQzdCLDhCQUE4Qjs7NEZBYXJCLDZCQUE2QjtrQkE1QnpDLFNBQVM7K0JBQ0UseUJBQXlCLGNBQ3ZCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQiw4QkFBOEI7d0JBQzlCLHlCQUF5Qjt3QkFDekIsOEJBQThCO3dCQUM5Qix5QkFBeUI7d0JBQ3pCLDZCQUE2Qjt3QkFDN0IsMkJBQTJCO3dCQUMzQixnQ0FBZ0M7d0JBQ2hDLDZCQUE2Qjt3QkFDN0IsOEJBQThCO3FCQUMvQixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw4QkFBOEIsQ0FBQzt5QkFDN0Q7cUJBQ0Y7OEJBS0QscUJBQXFCO3NCQURwQixZQUFZO3VCQUFDLDhCQUE4QjtnQkFNbkMsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdWlzLWNoaXAvc3Vpcy1jaGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1tdWx0aS5iYXNlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkuY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlHcm91cENoaXBzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLWNoaXBzLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlckdyb3VwT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItZ3JvdXAtb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUlzU2VsZWN0ZWRQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbXVsdGktaXMtc2VsZWN0ZWQucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtZ3JvdXAtb3B0aW9ucy5waXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFN1aXNDaGlwQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RHcm91cE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RNdWx0aUdyb3VwQ2hpcHNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdE11bHRpR3JvdXBDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RNdWx0aUdyb3VwQ29tcG9uZW50PFQ+IGV4dGVuZHMgU3Vpc1NlbGVjdE11bHRpQmFzZTxUPiB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgQENvbnRlbnRDaGlsZChTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmUpXG4gIHN1aXNTZWxlY3RHcm91cE9wdGlvbj86IFN1aXNTZWxlY3RHcm91cE9wdGlvbkRpcmVjdGl2ZTtcblxuICAvKipcbiAgICogR3JvdXAgb3B0aW9ucyBkaXNwbGF5ZWQgaW4gZHJvcGRvd24gbGlzdC4gVHlwZSBvZiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXS5cbiAgICovXG4gIEBJbnB1dCgpIGdyb3VwT3B0aW9uczogU3Vpc1NlbGVjdEdyb3VwT3B0aW9uW10gPSBbXTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aS1ncm91cFwiPlxuICA8c3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpXG4gICAgW2ludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgIFtjbGVhcmFibGVdPVwidmFsdWVzLmxlbmd0aCA+IDBcIlxuICAgIChleHBhbmRlZENoYW5nZSk9XCJvbkV4cGFuZCgpXCJcbiAgICAoY2xlYXJlZCk9XCJvbkNsZWFyKCRldmVudClcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiF2YWx1ZXM/Lmxlbmd0aFwiPlxuICAgICAge3sgcGxhY2Vob2xkZXIgfX1cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidmFsdWVzPy5sZW5ndGhcIj5cbiAgICAgIDxzdWlzLWNoaXBcbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgbGV0IHZhbHVlIG9mIHZhbHVlc1xuICAgICAgICAgICAgfCBzdWlzU2VsZWN0TXVsdGlHcm91cENoaXBzXG4gICAgICAgICAgICAgIDogZ3JvdXBPcHRpb25zXG4gICAgICAgICAgICAgIDogb3B0aW9uVmFsdWVcbiAgICAgICAgICAgICAgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgICBsZXQgaW5kZXggPSBpbmRleFxuICAgICAgICBcIlxuICAgICAgICBbcmVtb3ZhYmxlXT1cInRydWVcIlxuICAgICAgICBbY29sb3JdPVwiY2hpcENvbG9yXCJcbiAgICAgICAgW2ljb25Db2xvcl09XCJjaGlwSWNvbkNvbG9yXCJcbiAgICAgICAgKHJlbW92ZSk9XCJvblJlbW92ZShpbmRleClcIlxuICAgICAgPlxuICAgICAgICB7eyB2YWx1ZSB9fVxuICAgICAgPC9zdWlzLWNoaXA+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpPlxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kZWRcIiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpLWdyb3VwX19saXN0XCI+XG4gICAgPGlucHV0XG4gICAgICAjc2VhcmNoSW5wdXRcbiAgICAgICpuZ0lmPVwic2VhcmNoXCJcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXBfX2xpc3RfX3NlYXJjaFwiXG4gICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgLz5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdGb3I9XCJcbiAgICAgICAgbGV0IGdyb3VwIG9mIGdyb3VwT3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRHcm91cE9wdGlvbnMgOiBzb3J0T3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlckdyb3VwT3B0aW9ucyA6IHNlYXJjaFBocmFzZSA6IG9wdGlvbkxhYmVsXG4gICAgICBcIlxuICAgID5cbiAgICAgIDxzdWlzLXNlbGVjdC1ncm91cC1vcHRpb25cbiAgICAgICAgW29wdGlvbl09XCJncm91cFwiXG4gICAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0R3JvdXBPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgID48L3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbj5cbiAgICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgbGV0IG9wdGlvbiBvZiBncm91cC5jaGlsZHJlblxuICAgICAgICAgICAgfCBzdWlzU2VsZWN0U29ydE9wdGlvbnMgOiBvcHRpb25MYWJlbCA6IHNvcnRPcHRpb25zXG4gICAgICAgICAgICB8IHN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zIDogc2VhcmNoUGhyYXNlIDogb3B0aW9uTGFiZWw7XG4gICAgICAgICAgdHJhY2tCeTogb3B0aW9uVHJhY2tCeVxuICAgICAgICBcIlxuICAgICAgICBbb3B0aW9uXT1cIm9wdGlvblwiXG4gICAgICAgIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiXG4gICAgICAgIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiXG4gICAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0T3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgICAgIFtzZWxlY3RlZF09XCJvcHRpb25bb3B0aW9uVmFsdWVdIHwgc3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZCA6IHZhbHVlc1wiXG4gICAgICAgIFtjaGVja2JveF09XCIhZHVwbGljYXRlXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25TZWxlY3Qob3B0aW9uW29wdGlvblZhbHVlXSlcIlxuICAgICAgPjwvc3Vpcy1zZWxlY3Qtb3B0aW9uPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-group-options.pipe.mjs

@@ -1,8 +1,15 @@
 import { Pipe } from '@angular/core';
 import * as i0 from "@angular/core";
 export class SuisSelectSortGroupOptionsPipe {
-    transform(options) {
-        return options.sort((a, b) => a.label.localeCompare(b.label));
+    transform(options, sortOptions) {
+        switch (sortOptions) {
+            case 'asc':
+                return options.sort((a, b) => a.label.localeCompare(b.label));
+            case 'desc':
+                return options.sort((a, b) => b.label.localeCompare(a.label));
+            default:
+                return options;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortGroupOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortGroupOptionsPipe, isStandalone: true, name: "suisSelectSortGroupOptions" }); }
@@ -14,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     name: 'suisSelectSortGroupOptions',
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtc29ydC1ncm91cC1vcHRpb25zLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtZ3JvdXAtb3B0aW9ucy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQU9wRCxNQUFNLE9BQU8sOEJBQThCO0lBQ3pDLFNBQVMsQ0FBQyxPQUFnQztRQUN4QyxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNoRSxDQUFDOytHQUhVLDhCQUE4Qjs2R0FBOUIsOEJBQThCOzs0RkFBOUIsOEJBQThCO2tCQUoxQyxJQUFJO21CQUFDO29CQUNKLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUUsNEJBQTRCO2lCQUNuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9IGZyb20gJy4uL2ludGVyZmFjZXMvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmludGVyZmFjZXMnO1xuXG5AUGlwZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIG5hbWU6ICdzdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9ucycsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0ob3B0aW9uczogU3Vpc1NlbGVjdEdyb3VwT3B0aW9uW10pOiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXSB7XG4gICAgcmV0dXJuIG9wdGlvbnMuc29ydCgoYSwgYikgPT4gYS5sYWJlbC5sb2NhbGVDb21wYXJlKGIubGFiZWwpKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtc29ydC1ncm91cC1vcHRpb25zLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtZ3JvdXAtb3B0aW9ucy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQVFwRCxNQUFNLE9BQU8sOEJBQThCO0lBQ3pDLFNBQVMsQ0FDUCxPQUFnQyxFQUNoQyxXQUE2QjtRQUU3QixRQUFRLFdBQVcsRUFBRTtZQUNuQixLQUFLLEtBQUs7Z0JBQ1IsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFDaEUsS0FBSyxNQUFNO2dCQUNULE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQ2hFO2dCQUNFLE9BQU8sT0FBTyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQzsrR0FiVSw4QkFBOEI7NkdBQTlCLDhCQUE4Qjs7NEZBQTlCLDhCQUE4QjtrQkFKMUMsSUFBSTttQkFBQztvQkFDSixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFLDRCQUE0QjtpQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBPcHRpb24gfSBmcm9tICcuLi9pbnRlcmZhY2VzL3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbi5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNTb3J0T3B0aW9uYWwgfSBmcm9tICcuLi8uLi8uLi90eXBlcy9zdWlzLXNvcnQudHlwZSc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zJyxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdFNvcnRHcm91cE9wdGlvbnNQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShcbiAgICBvcHRpb25zOiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXSxcbiAgICBzb3J0T3B0aW9uczogU3Vpc1NvcnRPcHRpb25hbFxuICApOiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXSB7XG4gICAgc3dpdGNoIChzb3J0T3B0aW9ucykge1xuICAgICAgY2FzZSAnYXNjJzpcbiAgICAgICAgcmV0dXJuIG9wdGlvbnMuc29ydCgoYSwgYikgPT4gYS5sYWJlbC5sb2NhbGVDb21wYXJlKGIubGFiZWwpKTtcbiAgICAgIGNhc2UgJ2Rlc2MnOlxuICAgICAgICByZXR1cm4gb3B0aW9ucy5zb3J0KChhLCBiKSA9PiBiLmxhYmVsLmxvY2FsZUNvbXBhcmUoYS5sYWJlbCkpO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIG9wdGlvbnM7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-options.pipe.mjs

@@ -1,8 +1,15 @@
 import { Pipe } from '@angular/core';
 import * as i0 from "@angular/core";
 export class SuisSelectSortOptionsPipe {
-    transform(options, optionLabel) {
-        return options.sort((a, b) => a[optionLabel].localeCompare(b[optionLabel]));
+    transform(options, optionLabel, sortOptions) {
+        switch (sortOptions) {
+            case 'asc':
+                return options.sort((a, b) => a[optionLabel].localeCompare(b[optionLabel]));
+            case 'desc':
+                return options.sort((a, b) => b[optionLabel].localeCompare(a[optionLabel]));
+            default:
+                return options;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortOptionsPipe, isStandalone: true, name: "suisSelectSortOptions" }); }
@@ -14,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     name: 'suisSelectSortOptions',
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtb3B0aW9ucy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQU9wRCxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLFNBQVMsQ0FDUCxPQUEyQixFQUMzQixXQUFtQjtRQUVuQixPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUUsQ0FBQzsrR0FOVSx5QkFBeUI7NkdBQXpCLHlCQUF5Qjs7NEZBQXpCLHlCQUF5QjtrQkFKckMsSUFBSTttQkFBQztvQkFDSixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFLHVCQUF1QjtpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0T3B0aW9uIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcyc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNTZWxlY3RTb3J0T3B0aW9ucycsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKFxuICAgIG9wdGlvbnM6IFN1aXNTZWxlY3RPcHRpb25bXSxcbiAgICBvcHRpb25MYWJlbDogc3RyaW5nXG4gICk6IFN1aXNTZWxlY3RPcHRpb25bXSB7XG4gICAgcmV0dXJuIG9wdGlvbnMuc29ydCgoYSwgYikgPT4gYVtvcHRpb25MYWJlbF0ubG9jYWxlQ29tcGFyZShiW29wdGlvbkxhYmVsXSkpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtb3B0aW9ucy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQVFwRCxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLFNBQVMsQ0FDUCxPQUEyQixFQUMzQixXQUFtQixFQUNuQixXQUE2QjtRQUU3QixRQUFRLFdBQVcsRUFBRTtZQUNuQixLQUFLLEtBQUs7Z0JBQ1IsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQzNCLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQzdDLENBQUM7WUFDSixLQUFLLE1BQU07Z0JBQ1QsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQzNCLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQzdDLENBQUM7WUFDSjtnQkFDRSxPQUFPLE9BQU8sQ0FBQztTQUNsQjtJQUNILENBQUM7K0dBbEJVLHlCQUF5Qjs2R0FBekIseUJBQXlCOzs0RkFBekIseUJBQXlCO2tCQUpyQyxJQUFJO21CQUFDO29CQUNKLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUUsdUJBQXVCO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb24gfSBmcm9tICcuLi9pbnRlcmZhY2VzL3N1aXMtc2VsZWN0LW9wdGlvbi5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNTb3J0T3B0aW9uYWwgfSBmcm9tICcuLi8uLi8uLi90eXBlcyc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNTZWxlY3RTb3J0T3B0aW9ucycsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKFxuICAgIG9wdGlvbnM6IFN1aXNTZWxlY3RPcHRpb25bXSxcbiAgICBvcHRpb25MYWJlbDogc3RyaW5nLFxuICAgIHNvcnRPcHRpb25zOiBTdWlzU29ydE9wdGlvbmFsXG4gICk6IFN1aXNTZWxlY3RPcHRpb25bXSB7XG4gICAgc3dpdGNoIChzb3J0T3B0aW9ucykge1xuICAgICAgY2FzZSAnYXNjJzpcbiAgICAgICAgcmV0dXJuIG9wdGlvbnMuc29ydCgoYSwgYikgPT5cbiAgICAgICAgICBhW29wdGlvbkxhYmVsXS5sb2NhbGVDb21wYXJlKGJbb3B0aW9uTGFiZWxdKVxuICAgICAgICApO1xuICAgICAgY2FzZSAnZGVzYyc6XG4gICAgICAgIHJldHVybiBvcHRpb25zLnNvcnQoKGEsIGIpID0+XG4gICAgICAgICAgYltvcHRpb25MYWJlbF0ubG9jYWxlQ29tcGFyZShhW29wdGlvbkxhYmVsXSlcbiAgICAgICAgKTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBvcHRpb25zO1xuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/lib/types/suis-sort.type.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zb3J0LnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi90eXBlcy9zdWlzLXNvcnQudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgU3Vpc1NvcnQgPSAnYXNjJyB8ICdkZXNjJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zb3J0LnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi90eXBlcy9zdWlzLXNvcnQudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgU3Vpc1NvcnQgPSAnYXNjJyB8ICdkZXNjJztcblxuZXhwb3J0IHR5cGUgU3Vpc1NvcnRPcHRpb25hbCA9IFN1aXNTb3J0IHwgJ25vbmUnO1xuIl19

package/fesm2022/suis.mjs

@@ -1215,11 +1215,11 @@ class SuisNotificationsComponent {
         return notification.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNotificationsComponent, isStandalone: true, selector: "suis-notifications", ngImport: i0, template: "<suis-notification\n  *ngFor=\"let notification of notifications(); trackBy: notificationTrackBy\"\n  [notification]=\"notification\"\n  (closed)=\"remove(notification.id)\"\n></suis-notification>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{position:absolute;bottom:0;right:0;padding:1rem}:host suis-notification{display:block;margin-top:.75rem}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNotificationComponent, selector: "suis-notification", inputs: ["notification"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNotificationsComponent, isStandalone: true, selector: "suis-notifications", ngImport: i0, template: "<suis-notification\n  *ngFor=\"let notification of notifications(); trackBy: notificationTrackBy\"\n  [notification]=\"notification\"\n  (closed)=\"remove(notification.id)\"\n></suis-notification>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{position:fixed;bottom:0;right:0;padding:1rem}:host suis-notification{display:block;margin-top:.75rem}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNotificationComponent, selector: "suis-notification", inputs: ["notification"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-notifications', standalone: true, imports: [NgFor, SuisNotificationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<suis-notification\n  *ngFor=\"let notification of notifications(); trackBy: notificationTrackBy\"\n  [notification]=\"notification\"\n  (closed)=\"remove(notification.id)\"\n></suis-notification>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{position:absolute;bottom:0;right:0;padding:1rem}:host suis-notification{display:block;margin-top:.75rem}\n"] }]
+            args: [{ selector: 'suis-notifications', standalone: true, imports: [NgFor, SuisNotificationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<suis-notification\n  *ngFor=\"let notification of notifications(); trackBy: notificationTrackBy\"\n  [notification]=\"notification\"\n  (closed)=\"remove(notification.id)\"\n></suis-notification>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{position:fixed;bottom:0;right:0;padding:1rem}:host suis-notification{display:block;margin-top:.75rem}\n"] }]
         }] });
 
 class SuisPaginationPagePipe {
@@ -1345,8 +1345,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class SuisSelectSortOptionsPipe {
-    transform(options, optionLabel) {
-        return options.sort((a, b) => a[optionLabel].localeCompare(b[optionLabel]));
+    transform(options, optionLabel, sortOptions) {
+        switch (sortOptions) {
+            case 'asc':
+                return options.sort((a, b) => a[optionLabel].localeCompare(b[optionLabel]));
+            case 'desc':
+                return options.sort((a, b) => b[optionLabel].localeCompare(a[optionLabel]));
+            default:
+                return options;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortOptionsPipe, isStandalone: true, name: "suisSelectSortOptions" }); }
@@ -1434,11 +1441,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class SuisSelectButtonComponent extends SuisSelectButtonBase {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectButtonComponent, isStandalone: true, selector: "suis-select-button", usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"onExpand()\"\n  class=\"suis-select-button\"\n  [class.suis-select-button--invalid]=\"invalid\"\n  [class.suis-select-button--readonly]=\"readonly\"\n  [disabled]=\"readonly\"\n>\n  <span class=\"suis-select-button__value\">\n    <ng-content></ng-content>\n  </span>\n  <span class=\"suis-select-button__actions\">\n    <suis-icon\n      *ngIf=\"clearable\"\n      class=\"suis-select-button__cross\"\n      type=\"times\"\n      size=\"lg\"\n      color=\"primary\"\n      (click)=\"onClear($event)\"\n    ></suis-icon>\n    <suis-icon\n      class=\"suis-select-button__chevron\"\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n    ></suis-icon>\n  </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button--invalid{border:.0625rem solid #ff4757}.suis-select-button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectButtonComponent, isStandalone: true, selector: "suis-select-button", usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"onExpand()\"\n  class=\"suis-select-button\"\n  [class.suis-select-button--invalid]=\"invalid\"\n  [class.suis-select-button--readonly]=\"readonly\"\n  [disabled]=\"readonly\"\n>\n  <span class=\"suis-select-button__value\">\n    <ng-content></ng-content>\n  </span>\n  <span class=\"suis-select-button__actions\">\n    <suis-icon\n      *ngIf=\"clearable && !readonly\"\n      class=\"suis-select-button__cross\"\n      type=\"times\"\n      size=\"lg\"\n      color=\"primary\"\n      (click)=\"onClear($event)\"\n    ></suis-icon>\n    <suis-icon\n      class=\"suis-select-button__chevron\"\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n    ></suis-icon>\n  </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button--invalid{border:.0625rem solid #ff4757}.suis-select-button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-select-button', standalone: true, imports: [CommonModule, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  (click)=\"onExpand()\"\n  class=\"suis-select-button\"\n  [class.suis-select-button--invalid]=\"invalid\"\n  [class.suis-select-button--readonly]=\"readonly\"\n  [disabled]=\"readonly\"\n>\n  <span class=\"suis-select-button__value\">\n    <ng-content></ng-content>\n  </span>\n  <span class=\"suis-select-button__actions\">\n    <suis-icon\n      *ngIf=\"clearable\"\n      class=\"suis-select-button__cross\"\n      type=\"times\"\n      size=\"lg\"\n      color=\"primary\"\n      (click)=\"onClear($event)\"\n    ></suis-icon>\n    <suis-icon\n      class=\"suis-select-button__chevron\"\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n    ></suis-icon>\n  </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button--invalid{border:.0625rem solid #ff4757}.suis-select-button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}\n"] }]
+            args: [{ selector: 'suis-select-button', standalone: true, imports: [CommonModule, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  (click)=\"onExpand()\"\n  class=\"suis-select-button\"\n  [class.suis-select-button--invalid]=\"invalid\"\n  [class.suis-select-button--readonly]=\"readonly\"\n  [disabled]=\"readonly\"\n>\n  <span class=\"suis-select-button__value\">\n    <ng-content></ng-content>\n  </span>\n  <span class=\"suis-select-button__actions\">\n    <suis-icon\n      *ngIf=\"clearable && !readonly\"\n      class=\"suis-select-button__cross\"\n      type=\"times\"\n      size=\"lg\"\n      color=\"primary\"\n      (click)=\"onClear($event)\"\n    ></suis-icon>\n    <suis-icon\n      class=\"suis-select-button__chevron\"\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n    ></suis-icon>\n  </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button--invalid{border:.0625rem solid #ff4757}.suis-select-button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}\n"] }]
         }] });
 
 class SuisSelectOptionDirective {
@@ -1470,6 +1477,10 @@ class SuisSelectBase extends SuisInputBase {
          * Options displayed in dropdown list. Type of SuisSelectOption[].
          */
         this.options = [];
+        /**
+         * Defines way of sorting options. Type of SuisSortOptional. By default set to 'asc'.
+         */
+        this.sortOptions = 'asc';
         /**
          * Displays search input above options. By default set to true.
          */
@@ -1525,7 +1536,7 @@ class SuisSelectBase extends SuisInputBase {
         return `${JSON.stringify(option[this.optionValue])}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectBase, inputs: { options: "options", search: "search", searchPlaceholder: "searchPlaceholder", placeholder: "placeholder", optionValue: "optionValue", optionLabel: "optionLabel" }, outputs: { searchPhraseChanged: "searchPhraseChanged" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, queries: [{ propertyName: "suisSelectOption", first: true, predicate: SuisSelectOptionDirective, descendants: true }], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectBase, inputs: { options: "options", sortOptions: "sortOptions", search: "search", searchPlaceholder: "searchPlaceholder", placeholder: "placeholder", optionValue: "optionValue", optionLabel: "optionLabel" }, outputs: { searchPhraseChanged: "searchPhraseChanged" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, queries: [{ propertyName: "suisSelectOption", first: true, predicate: SuisSelectOptionDirective, descendants: true }], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectBase, decorators: [{
             type: Directive
@@ -1537,6 +1548,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['searchInput', { static: false }]
             }], options: [{
                 type: Input
+            }], sortOptions: [{
+                type: Input
             }], search: [{
                 type: Input
             }], searchPlaceholder: [{
@@ -1605,7 +1618,7 @@ class SuisSelectComponent extends SuisSelectSingleBase {
                 multi: true,
                 useExisting: forwardRef(() => SuisSelectComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select\">\n  <suis-select-button\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [clearable]=\"!!(nullable && value)\"\n    [expanded]=\"expanded\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    {{\n      value\n        | suisSelectLabel : options : placeholder : optionValue : optionLabel\n    }}\n  </suis-select-button>\n  <div *ngIf=\"expanded\" class=\"suis-select__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <suis-select-option\n      *ngFor=\"\n        let option of options\n          | suisSelectSortOptions : optionLabel\n          | suisSelectFilterOptions : searchPhrase : optionLabel;\n        trackBy: optionTrackBy\n      \"\n      [option]=\"option\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [templateRef]=\"suisSelectOption?.templateRef\"\n      [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n      (clicked)=\"onSelect(option[optionValue])\"\n    ></suis-select-option>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select{position:relative}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select__list__search:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectButtonComponent, selector: "suis-select-button" }, { kind: "pipe", type: SuisSelectLabelPipe, name: "suisSelectLabel" }, { kind: "pipe", type: SuisSelectIsSelectedPipe, name: "suisSelectIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select\">\n  <suis-select-button\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [clearable]=\"!!(nullable && value)\"\n    [expanded]=\"expanded\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    {{\n      value\n        | suisSelectLabel : options : placeholder : optionValue : optionLabel\n    }}\n  </suis-select-button>\n  <div *ngIf=\"expanded\" class=\"suis-select__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <suis-select-option\n      *ngFor=\"\n        let option of options\n          | suisSelectSortOptions : optionLabel : sortOptions\n          | suisSelectFilterOptions : searchPhrase : optionLabel;\n        trackBy: optionTrackBy\n      \"\n      [option]=\"option\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [templateRef]=\"suisSelectOption?.templateRef\"\n      [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n      (clicked)=\"onSelect(option[optionValue])\"\n    ></suis-select-option>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select{position:relative}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select__list__search:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectButtonComponent, selector: "suis-select-button" }, { kind: "pipe", type: SuisSelectLabelPipe, name: "suisSelectLabel" }, { kind: "pipe", type: SuisSelectIsSelectedPipe, name: "suisSelectIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectComponent, decorators: [{
             type: Component,
@@ -1625,7 +1638,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => SuisSelectComponent),
                         },
-                    ], template: "<div class=\"suis-select\">\n  <suis-select-button\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [clearable]=\"!!(nullable && value)\"\n    [expanded]=\"expanded\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    {{\n      value\n        | suisSelectLabel : options : placeholder : optionValue : optionLabel\n    }}\n  </suis-select-button>\n  <div *ngIf=\"expanded\" class=\"suis-select__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <suis-select-option\n      *ngFor=\"\n        let option of options\n          | suisSelectSortOptions : optionLabel\n          | suisSelectFilterOptions : searchPhrase : optionLabel;\n        trackBy: optionTrackBy\n      \"\n      [option]=\"option\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [templateRef]=\"suisSelectOption?.templateRef\"\n      [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n      (clicked)=\"onSelect(option[optionValue])\"\n    ></suis-select-option>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select{position:relative}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select__list__search:focus{outline:none}\n"] }]
+                    ], template: "<div class=\"suis-select\">\n  <suis-select-button\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [clearable]=\"!!(nullable && value)\"\n    [expanded]=\"expanded\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    {{\n      value\n        | suisSelectLabel : options : placeholder : optionValue : optionLabel\n    }}\n  </suis-select-button>\n  <div *ngIf=\"expanded\" class=\"suis-select__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <suis-select-option\n      *ngFor=\"\n        let option of options\n          | suisSelectSortOptions : optionLabel : sortOptions\n          | suisSelectFilterOptions : searchPhrase : optionLabel;\n        trackBy: optionTrackBy\n      \"\n      [option]=\"option\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [templateRef]=\"suisSelectOption?.templateRef\"\n      [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n      (clicked)=\"onSelect(option[optionValue])\"\n    ></suis-select-option>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select{position:relative}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select__list__search:focus{outline:none}\n"] }]
         }] });
 
 class SuisSelectGroupOptionComponent {
@@ -1701,8 +1714,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class SuisSelectSortGroupOptionsPipe {
-    transform(options) {
-        return options.sort((a, b) => a.label.localeCompare(b.label));
+    transform(options, sortOptions) {
+        switch (sortOptions) {
+            case 'asc':
+                return options.sort((a, b) => a.label.localeCompare(b.label));
+            case 'desc':
+                return options.sort((a, b) => b.label.localeCompare(a.label));
+            default:
+                return options;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortGroupOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortGroupOptionsPipe, isStandalone: true, name: "suisSelectSortGroupOptions" }); }
@@ -1730,7 +1750,7 @@ class SuisSelectGroupComponent extends SuisSelectSingleBase {
                 multi: true,
                 useExisting: forwardRef(() => SuisSelectGroupComponent),
             },
-        ], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-group\">\n  <suis-select-button\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [clearable]=\"!!(nullable && value)\"\n    [expanded]=\"expanded\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    {{\n      value\n        | suisSelectGroupLabel\n          : groupOptions\n          : placeholder\n          : optionValue\n          : optionLabel\n    }}\n  </suis-select-button>\n  <div *ngIf=\"expanded\" class=\"suis-select-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-group{position:relative}.suis-select-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto;max-height:15.25rem}.suis-select-group__list::-webkit-scrollbar{width:.5rem}.suis-select-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-group__list__search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectGroupOptionComponent, selector: "suis-select-group-option", inputs: ["option", "templateRef"] }, { kind: "pipe", type: SuisSelectIsSelectedPipe, name: "suisSelectIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "pipe", type: SuisSelectFilterGroupOptionsPipe, name: "suisSelectFilterGroupOptions" }, { kind: "pipe", type: SuisSelectGroupLabelPipe, name: "suisSelectGroupLabel" }, { kind: "component", type: SuisSelectButtonComponent, selector: "suis-select-button" }, { kind: "pipe", type: SuisSelectSortGroupOptionsPipe, name: "suisSelectSortGroupOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-group\">\n  <suis-select-button\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [clearable]=\"!!(nullable && value)\"\n    [expanded]=\"expanded\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    {{\n      value\n        | suisSelectGroupLabel\n          : groupOptions\n          : placeholder\n          : optionValue\n          : optionLabel\n    }}\n  </suis-select-button>\n  <div *ngIf=\"expanded\" class=\"suis-select-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions : sortOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel : sortOptions\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-group{position:relative}.suis-select-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto;max-height:15.25rem}.suis-select-group__list::-webkit-scrollbar{width:.5rem}.suis-select-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-group__list__search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectGroupOptionComponent, selector: "suis-select-group-option", inputs: ["option", "templateRef"] }, { kind: "pipe", type: SuisSelectIsSelectedPipe, name: "suisSelectIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "pipe", type: SuisSelectFilterGroupOptionsPipe, name: "suisSelectFilterGroupOptions" }, { kind: "pipe", type: SuisSelectGroupLabelPipe, name: "suisSelectGroupLabel" }, { kind: "component", type: SuisSelectButtonComponent, selector: "suis-select-button" }, { kind: "pipe", type: SuisSelectSortGroupOptionsPipe, name: "suisSelectSortGroupOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectGroupComponent, decorators: [{
             type: Component,
@@ -1752,7 +1772,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => SuisSelectGroupComponent),
                         },
-                    ], template: "<div class=\"suis-select-group\">\n  <suis-select-button\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [clearable]=\"!!(nullable && value)\"\n    [expanded]=\"expanded\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    {{\n      value\n        | suisSelectGroupLabel\n          : groupOptions\n          : placeholder\n          : optionValue\n          : optionLabel\n    }}\n  </suis-select-button>\n  <div *ngIf=\"expanded\" class=\"suis-select-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-group{position:relative}.suis-select-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto;max-height:15.25rem}.suis-select-group__list::-webkit-scrollbar{width:.5rem}.suis-select-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-group__list__search:focus{outline:none}\n"] }]
+                    ], template: "<div class=\"suis-select-group\">\n  <suis-select-button\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [clearable]=\"!!(nullable && value)\"\n    [expanded]=\"expanded\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    {{\n      value\n        | suisSelectGroupLabel\n          : groupOptions\n          : placeholder\n          : optionValue\n          : optionLabel\n    }}\n  </suis-select-button>\n  <div *ngIf=\"expanded\" class=\"suis-select-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions : sortOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel : sortOptions\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-group{position:relative}.suis-select-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto;max-height:15.25rem}.suis-select-group__list::-webkit-scrollbar{width:.5rem}.suis-select-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-group__list__search:focus{outline:none}\n"] }]
         }], propDecorators: { suisSelectGroupOption: [{
                 type: ContentChild,
                 args: [SuisSelectGroupOptionDirective]
@@ -1799,11 +1819,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class SuisSelectButtonMultiComponent extends SuisSelectButtonBase {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectButtonMultiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectButtonMultiComponent, isStandalone: true, selector: "suis-select-button-multi", usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"onExpand()\"\n  class=\"suis-select-button-multi\"\n  [class.suis-select-button-multi--invalid]=\"invalid\"\n  [class.suis-select-button-multi--readonly]=\"readonly\"\n  [class.suis-select-button-multi--valid]=\"clearable\"\n  [disabled]=\"readonly\"\n>\n  <span class=\"suis-select-button-multi__value\">\n    <ng-content></ng-content>\n  </span>\n  <span class=\"suis-select-button-multi__actions\">\n    <suis-icon\n      *ngIf=\"clearable\"\n      class=\"suis-select-button-multi__cross\"\n      type=\"times\"\n      size=\"lg\"\n      color=\"primary\"\n      (click)=\"onClear($event)\"\n      tabindex=\"0\"\n    ></suis-icon>\n    <suis-icon\n      class=\"suis-select-button-multi__chevron\"\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n      tabindex=\"0\"\n    ></suis-icon>\n  </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button-multi{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button-multi:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button-multi--invalid{border:.0625rem solid #ff4757}.suis-select-button-multi--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button-multi--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button-multi--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button-multi__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button-multi__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-button-multi--valid{padding-bottom:.125rem}.suis-select-button-multi__value{display:flex;flex-wrap:wrap;gap:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectButtonMultiComponent, isStandalone: true, selector: "suis-select-button-multi", usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"onExpand()\"\n  class=\"suis-select-button-multi\"\n  [class.suis-select-button-multi--invalid]=\"invalid\"\n  [class.suis-select-button-multi--readonly]=\"readonly\"\n  [class.suis-select-button-multi--valid]=\"clearable\"\n  [disabled]=\"readonly\"\n>\n  <span class=\"suis-select-button-multi__value\">\n    <ng-content></ng-content>\n  </span>\n  <span class=\"suis-select-button-multi__actions\">\n    <suis-icon\n      *ngIf=\"clearable && !readonly\"\n      class=\"suis-select-button-multi__cross\"\n      type=\"times\"\n      size=\"lg\"\n      color=\"primary\"\n      (click)=\"onClear($event)\"\n      tabindex=\"0\"\n    ></suis-icon>\n    <suis-icon\n      class=\"suis-select-button-multi__chevron\"\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n      tabindex=\"0\"\n    ></suis-icon>\n  </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button-multi{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button-multi:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button-multi--invalid{border:.0625rem solid #ff4757}.suis-select-button-multi--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button-multi--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button-multi--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button-multi__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button-multi__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-button-multi--valid{padding-bottom:.125rem}.suis-select-button-multi__value{display:flex;flex-wrap:wrap;gap:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectButtonMultiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'suis-select-button-multi', standalone: true, imports: [CommonModule, SuisIconComponent, SuisChipComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  (click)=\"onExpand()\"\n  class=\"suis-select-button-multi\"\n  [class.suis-select-button-multi--invalid]=\"invalid\"\n  [class.suis-select-button-multi--readonly]=\"readonly\"\n  [class.suis-select-button-multi--valid]=\"clearable\"\n  [disabled]=\"readonly\"\n>\n  <span class=\"suis-select-button-multi__value\">\n    <ng-content></ng-content>\n  </span>\n  <span class=\"suis-select-button-multi__actions\">\n    <suis-icon\n      *ngIf=\"clearable\"\n      class=\"suis-select-button-multi__cross\"\n      type=\"times\"\n      size=\"lg\"\n      color=\"primary\"\n      (click)=\"onClear($event)\"\n      tabindex=\"0\"\n    ></suis-icon>\n    <suis-icon\n      class=\"suis-select-button-multi__chevron\"\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n      tabindex=\"0\"\n    ></suis-icon>\n  </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button-multi{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button-multi:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button-multi--invalid{border:.0625rem solid #ff4757}.suis-select-button-multi--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button-multi--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button-multi--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button-multi__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button-multi__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-button-multi--valid{padding-bottom:.125rem}.suis-select-button-multi__value{display:flex;flex-wrap:wrap;gap:.25rem}\n"] }]
+            args: [{ selector: 'suis-select-button-multi', standalone: true, imports: [CommonModule, SuisIconComponent, SuisChipComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  (click)=\"onExpand()\"\n  class=\"suis-select-button-multi\"\n  [class.suis-select-button-multi--invalid]=\"invalid\"\n  [class.suis-select-button-multi--readonly]=\"readonly\"\n  [class.suis-select-button-multi--valid]=\"clearable\"\n  [disabled]=\"readonly\"\n>\n  <span class=\"suis-select-button-multi__value\">\n    <ng-content></ng-content>\n  </span>\n  <span class=\"suis-select-button-multi__actions\">\n    <suis-icon\n      *ngIf=\"clearable && !readonly\"\n      class=\"suis-select-button-multi__cross\"\n      type=\"times\"\n      size=\"lg\"\n      color=\"primary\"\n      (click)=\"onClear($event)\"\n      tabindex=\"0\"\n    ></suis-icon>\n    <suis-icon\n      class=\"suis-select-button-multi__chevron\"\n      [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n      size=\"lg\"\n      color=\"primary\"\n      tabindex=\"0\"\n    ></suis-icon>\n  </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button-multi{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button-multi:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button-multi--invalid{border:.0625rem solid #ff4757}.suis-select-button-multi--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button-multi--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button-multi--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button-multi__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button-multi__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-button-multi--valid{padding-bottom:.125rem}.suis-select-button-multi__value{display:flex;flex-wrap:wrap;gap:.25rem}\n"] }]
         }] });
 
 class SuisSelectMultiBase extends SuisSelectBase {
@@ -1839,6 +1859,7 @@ class SuisSelectMultiBase extends SuisSelectBase {
                 ...this.values.filter((v) => JSON.stringify(v) !== JSON.stringify(value)),
             ]);
         }
+        this.searchPhrase = '';
     }
     onRemove(index) {
         const values = [...this.values];
@@ -1876,7 +1897,7 @@ class SuisSelectMultiComponent extends SuisSelectMultiBase {
                 multi: true,
                 useExisting: forwardRef(() => SuisSelectMultiComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiChips : options : optionValue : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <suis-select-option\n      *ngFor=\"\n        let option of options\n          | suisSelectSortOptions : optionLabel\n          | suisSelectFilterOptions : searchPhrase : optionLabel;\n        trackBy: optionTrackBy\n      \"\n      [option]=\"option\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [templateRef]=\"suisSelectOption?.templateRef\"\n      [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n      [checkbox]=\"!duplicate\"\n      (clicked)=\"onSelect(option[optionValue])\"\n    ></suis-select-option>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi{position:relative}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi__list__search:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "pipe", type: SuisSelectMultiChipsPipe, name: "suisSelectMultiChips" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "component", type: SuisSelectButtonMultiComponent, selector: "suis-select-button-multi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiChips : options : optionValue : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <suis-select-option\n      *ngFor=\"\n        let option of options\n          | suisSelectSortOptions : optionLabel : sortOptions\n          | suisSelectFilterOptions : searchPhrase : optionLabel;\n        trackBy: optionTrackBy\n      \"\n      [option]=\"option\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [templateRef]=\"suisSelectOption?.templateRef\"\n      [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n      [checkbox]=\"!duplicate\"\n      (clicked)=\"onSelect(option[optionValue])\"\n    ></suis-select-option>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi{position:relative}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi__list__search:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "pipe", type: SuisSelectMultiChipsPipe, name: "suisSelectMultiChips" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "component", type: SuisSelectButtonMultiComponent, selector: "suis-select-button-multi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiComponent, decorators: [{
             type: Component,
@@ -1897,7 +1918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => SuisSelectMultiComponent),
                         },
-                    ], template: "<div class=\"suis-select-multi\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiChips : options : optionValue : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <suis-select-option\n      *ngFor=\"\n        let option of options\n          | suisSelectSortOptions : optionLabel\n          | suisSelectFilterOptions : searchPhrase : optionLabel;\n        trackBy: optionTrackBy\n      \"\n      [option]=\"option\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [templateRef]=\"suisSelectOption?.templateRef\"\n      [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n      [checkbox]=\"!duplicate\"\n      (clicked)=\"onSelect(option[optionValue])\"\n    ></suis-select-option>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi{position:relative}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi__list__search:focus{outline:none}\n"] }]
+                    ], template: "<div class=\"suis-select-multi\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiChips : options : optionValue : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <suis-select-option\n      *ngFor=\"\n        let option of options\n          | suisSelectSortOptions : optionLabel : sortOptions\n          | suisSelectFilterOptions : searchPhrase : optionLabel;\n        trackBy: optionTrackBy\n      \"\n      [option]=\"option\"\n      [optionLabel]=\"optionLabel\"\n      [optionValue]=\"optionValue\"\n      [templateRef]=\"suisSelectOption?.templateRef\"\n      [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n      [checkbox]=\"!duplicate\"\n      (clicked)=\"onSelect(option[optionValue])\"\n    ></suis-select-option>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi{position:relative}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi__list__search:focus{outline:none}\n"] }]
         }] });
 
 class SuisSelectMultiGroupChipsPipe {
@@ -1938,7 +1959,7 @@ class SuisSelectMultiGroupComponent extends SuisSelectMultiBase {
                 multi: true,
                 useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
             },
-        ], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi-group\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiGroupChips\n              : groupOptions\n              : optionValue\n              : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n        [checkbox]=\"!duplicate\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi-group{position:relative}.suis-select-multi-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-group__list__search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectButtonMultiComponent, selector: "suis-select-button-multi" }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectGroupOptionComponent, selector: "suis-select-group-option", inputs: ["option", "templateRef"] }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectMultiGroupChipsPipe, name: "suisSelectMultiGroupChips" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "pipe", type: SuisSelectFilterGroupOptionsPipe, name: "suisSelectFilterGroupOptions" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortGroupOptionsPipe, name: "suisSelectSortGroupOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi-group\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiGroupChips\n              : groupOptions\n              : optionValue\n              : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions : sortOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel : sortOptions\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n        [checkbox]=\"!duplicate\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi-group{position:relative}.suis-select-multi-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-group__list__search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectButtonMultiComponent, selector: "suis-select-button-multi" }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectGroupOptionComponent, selector: "suis-select-group-option", inputs: ["option", "templateRef"] }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectMultiGroupChipsPipe, name: "suisSelectMultiGroupChips" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "pipe", type: SuisSelectFilterGroupOptionsPipe, name: "suisSelectFilterGroupOptions" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortGroupOptionsPipe, name: "suisSelectSortGroupOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiGroupComponent, decorators: [{
             type: Component,
@@ -1961,7 +1982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
                         },
-                    ], template: "<div class=\"suis-select-multi-group\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiGroupChips\n              : groupOptions\n              : optionValue\n              : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n        [checkbox]=\"!duplicate\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi-group{position:relative}.suis-select-multi-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-group__list__search:focus{outline:none}\n"] }]
+                    ], template: "<div class=\"suis-select-multi-group\">\n  <suis-select-button-multi\n    [invalid]=\"invalid\"\n    [readonly]=\"readonly\"\n    [expanded]=\"expanded\"\n    [clearable]=\"values.length > 0\"\n    (expandedChange)=\"onExpand()\"\n    (cleared)=\"onClear($event)\"\n  >\n    <ng-container *ngIf=\"!values?.length\">\n      {{ placeholder }}\n    </ng-container>\n    <ng-container *ngIf=\"values?.length\">\n      <suis-chip\n        *ngFor=\"\n          let value of values\n            | suisSelectMultiGroupChips\n              : groupOptions\n              : optionValue\n              : optionLabel;\n          let index = index\n        \"\n        [removable]=\"true\"\n        [color]=\"chipColor\"\n        [iconColor]=\"chipIconColor\"\n        (remove)=\"onRemove(index)\"\n      >\n        {{ value }}\n      </suis-chip>\n    </ng-container>\n  </suis-select-button-multi>\n  <div *ngIf=\"expanded\" class=\"suis-select-multi-group__list\">\n    <input\n      #searchInput\n      *ngIf=\"search\"\n      [ngModel]=\"searchPhrase\"\n      (ngModelChange)=\"onSearchPhraseChange($event)\"\n      class=\"suis-select-multi-group__list__search\"\n      type=\"search\"\n      [placeholder]=\"searchPlaceholder\"\n    />\n    <ng-container\n      *ngFor=\"\n        let group of groupOptions\n          | suisSelectSortGroupOptions : sortOptions\n          | suisSelectFilterGroupOptions : searchPhrase : optionLabel\n      \"\n    >\n      <suis-select-group-option\n        [option]=\"group\"\n        [templateRef]=\"suisSelectGroupOption?.templateRef\"\n      ></suis-select-group-option>\n      <suis-select-option\n        *ngFor=\"\n          let option of group.children\n            | suisSelectSortOptions : optionLabel : sortOptions\n            | suisSelectFilterOptions : searchPhrase : optionLabel;\n          trackBy: optionTrackBy\n        \"\n        [option]=\"option\"\n        [optionLabel]=\"optionLabel\"\n        [optionValue]=\"optionValue\"\n        [templateRef]=\"suisSelectOption?.templateRef\"\n        [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n        [checkbox]=\"!duplicate\"\n        (clicked)=\"onSelect(option[optionValue])\"\n      ></suis-select-option>\n    </ng-container>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi-group{position:relative}.suis-select-multi-group__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2.625rem;left:0;max-height:13.375rem;overflow-y:auto}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-group__list__search:focus{outline:none}\n"] }]
         }], propDecorators: { suisSelectGroupOption: [{
                 type: ContentChild,
                 args: [SuisSelectGroupOptionDirective]