suis 1.6.0 → 1.7.0
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/modules/suis-select/classes/suis-select.base.mjs +8 -2
- package/esm2022/lib/modules/suis-select/components/suis-select/suis-select.component.mjs +3 -3
- package/esm2022/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.mjs +3 -3
- package/esm2022/lib/modules/suis-select/components/suis-select-multi/suis-select-multi.component.mjs +3 -3
- package/esm2022/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.mjs +3 -3
- package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-group-options.pipe.mjs +10 -3
- package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-options.pipe.mjs +10 -3
- package/esm2022/lib/types/suis-sort.type.mjs +1 -1
- package/fesm2022/suis.mjs +33 -13
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/modules/suis-select/classes/suis-select.base.d.ts +6 -1
- package/lib/modules/suis-select/pipes/suis-select-sort-group-options.pipe.d.ts +2 -1
- package/lib/modules/suis-select/pipes/suis-select-sort-options.pipe.d.ts +2 -1
- package/lib/types/suis-sort.type.d.ts +1 -0
- package/package.json +1 -1
@@ -13,6 +13,10 @@ export class SuisSelectBase extends SuisInputBase {
|
|
13
13
|
* Options displayed in dropdown list. Type of SuisSelectOption[].
|
14
14
|
*/
|
15
15
|
this.options = [];
|
16
|
+
/**
|
17
|
+
* Defines way of sorting options. Type of SuisSortOptional. By default set to 'asc'.
|
18
|
+
*/
|
19
|
+
this.sortOptions = 'asc';
|
16
20
|
/**
|
17
21
|
* Displays search input above options. By default set to true.
|
18
22
|
*/
|
@@ -68,7 +72,7 @@ export class SuisSelectBase extends SuisInputBase {
|
|
68
72
|
return `${JSON.stringify(option[this.optionValue])}`;
|
69
73
|
}
|
70
74
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
71
|
-
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 }); }
|
75
|
+
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 }); }
|
72
76
|
}
|
73
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectBase, decorators: [{
|
74
78
|
type: Directive
|
@@ -80,6 +84,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
80
84
|
args: ['searchInput', { static: false }]
|
81
85
|
}], options: [{
|
82
86
|
type: Input
|
87
|
+
}], sortOptions: [{
|
88
|
+
type: Input
|
83
89
|
}], search: [{
|
84
90
|
type: Input
|
85
91
|
}], searchPlaceholder: [{
|
@@ -96,4 +102,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
96
102
|
type: HostListener,
|
97
103
|
args: ['document:click', ['$event']]
|
98
104
|
}] } });
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY2xhc3Nlcy9zdWlzLXNlbGVjdC5iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ1osU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7QUFJdkYsTUFBTSxPQUFnQixjQUFrQixTQUFRLGFBQWE7SUFEN0Q7O1FBVUUsZ0JBQWdCO1FBQ04saUJBQVksR0FBVyxFQUFFLENBQUM7UUFFcEMsZ0JBQWdCO1FBQ04sYUFBUSxHQUFZLEtBQUssQ0FBQyxDQUFDLGVBQWU7UUFFcEQ7O1dBRUc7UUFDTSxZQUFPLEdBQXVCLEVBQUUsQ0FBQztRQUUxQzs7V0FFRztRQUNNLGdCQUFXLEdBQXFCLEtBQUssQ0FBQztRQUUvQzs7V0FFRztRQUNNLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFFaEM7O1dBRUc7UUFDTSxzQkFBaUIsR0FBVyxXQUFXLENBQUM7UUFFakQ7O1dBRUc7UUFDTSxnQkFBVyxHQUFXLGtCQUFrQixDQUFDO1FBRWxEOztXQUVHO1FBQ00sZ0JBQVcsR0FBVyxPQUFPLENBQUM7UUFFdkM7O1dBRUc7UUFDTSxnQkFBVyxHQUFXLE9BQU8sQ0FBQztRQUV2Qzs7V0FFRztRQUNPLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0E0QzVEO0lBbkNDLE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELG9CQUFvQixDQUFDLElBQVk7UUFDL0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN2QixJQUFJLElBQUksQ0FBQyxRQUFRO1lBQ2YsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMxQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDVixDQUFDO0lBR0QsZUFBZSxDQUFDLEtBQVk7UUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDcEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDdkI7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCO0lBQ2hCLGFBQWEsQ0FBQyxLQUFhLEVBQUUsTUFBd0I7UUFDbkQsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDdkQsQ0FBQzsrR0FoR21CLGNBQWM7bUdBQWQsY0FBYyxpWkFFcEIseUJBQXlCOzs0RkFGbkIsY0FBYztrQkFEbkMsU0FBUzs4QkFJUixnQkFBZ0I7c0JBRGYsWUFBWTt1QkFBQyx5QkFBeUI7Z0JBS3ZDLFdBQVc7c0JBRFYsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQVlsQyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtJLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFrQ1AsZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc0lucHV0QmFzZSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtaW5wdXQuYmFzZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0T3B0aW9uIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0T3B0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vZGlyZWN0aXZlcy9zdWlzLXNlbGVjdC1vcHRpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFN1aXNTb3J0T3B0aW9uYWwgfSBmcm9tICcuLi8uLi8uLi90eXBlcy9zdWlzLXNvcnQudHlwZSc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFN1aXNTZWxlY3RCYXNlPFQ+IGV4dGVuZHMgU3Vpc0lucHV0QmFzZSB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgQENvbnRlbnRDaGlsZChTdWlzU2VsZWN0T3B0aW9uRGlyZWN0aXZlKVxuICBzdWlzU2VsZWN0T3B0aW9uPzogU3Vpc1NlbGVjdE9wdGlvbkRpcmVjdGl2ZTtcblxuICAvKiogQGludGVybmFsICovXG4gIEBWaWV3Q2hpbGQoJ3NlYXJjaElucHV0JywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gIHNlYXJjaElucHV0PzogRWxlbWVudFJlZjtcblxuICAvKiogQGludGVybmFsICovXG4gIHByb3RlY3RlZCBzZWFyY2hQaHJhc2U6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHJvdGVjdGVkIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7IC8vIFRPRE86IFJlbW92ZVxuXG4gIC8qKlxuICAgKiBPcHRpb25zIGRpc3BsYXllZCBpbiBkcm9wZG93biBsaXN0LiBUeXBlIG9mIFN1aXNTZWxlY3RPcHRpb25bXS5cbiAgICovXG4gIEBJbnB1dCgpIG9wdGlvbnM6IFN1aXNTZWxlY3RPcHRpb25bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHdheSBvZiBzb3J0aW5nIG9wdGlvbnMuIFR5cGUgb2YgU3Vpc1NvcnRPcHRpb25hbC4gQnkgZGVmYXVsdCBzZXQgdG8gJ2FzYycuXG4gICAqL1xuICBASW5wdXQoKSBzb3J0T3B0aW9uczogU3Vpc1NvcnRPcHRpb25hbCA9ICdhc2MnO1xuXG4gIC8qKlxuICAgKiBEaXNwbGF5cyBzZWFyY2ggaW5wdXQgYWJvdmUgb3B0aW9ucy4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHNlYXJjaDogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZGlzcGxheWVkIGluIG9wdGlvbnMgc2VhcmNoLiBCeSBkZWZhdWx0IHNldCB0byAnU2VhcmNoLi4uJy5cbiAgICovXG4gIEBJbnB1dCgpIHNlYXJjaFBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnU2VhcmNoLi4uJztcblxuICAvKipcbiAgICogUGxhY2Vob2xkZXIgdGV4dCBkaXNwbGF5ZWQgd2hlbiB2YWx1ZSBpcyBub3Qgc2VsZWN0ZWQuIEJ5IGRlZmF1bHQgc2V0IHRvICdTZWxlY3Qgb3B0aW9uLi4uJy5cbiAgICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnU2VsZWN0IG9wdGlvbi4uLic7XG5cbiAgLyoqXG4gICAqIE9wdGlvbiB2YWx1ZSBwcm9wZXJ0eSBuYW1lIGluIG9wdGlvbnMuIEJ5IGRlZmF1bHQgc2V0IHRvICd2YWx1ZScuXG4gICAqL1xuICBASW5wdXQoKSBvcHRpb25WYWx1ZTogc3RyaW5nID0gJ3ZhbHVlJztcblxuICAvKipcbiAgICogT3B0aW9uIGxhYmVsIHByb3BlcnR5IG5hbWUgaW4gb3B0aW9ucy4gQnkgZGVmYXVsdCBzZXQgdG8gJ2xhYmVsJy5cbiAgICovXG4gIEBJbnB1dCgpIG9wdGlvbkxhYmVsOiBzdHJpbmcgPSAnbGFiZWwnO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBzZWFyY2ggcGhyYXNlIGNoYW5nZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgc2VhcmNoUGhyYXNlQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGFic3RyYWN0IG9uU2VsZWN0KHZhbHVlOiBUKTogdm9pZDtcblxuICBhYnN0cmFjdCBjbGVhclZhbHVlKCk6IHZvaWQ7XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgYWJzdHJhY3Qgc2V0VmFsdWUodmFsdWU6IGFueSk6IHZvaWQ7XG5cbiAgb25DbGVhcihldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmNsZWFyVmFsdWUoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxuXG4gIG9uU2VhcmNoUGhyYXNlQ2hhbmdlKHRleHQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuc2VhcmNoUGhyYXNlID0gdGV4dDtcbiAgICB0aGlzLnNlYXJjaFBocmFzZUNoYW5nZWQuZW1pdCh0ZXh0KTtcbiAgfVxuXG4gIG9uRXhwYW5kKCk6IHZvaWQge1xuICAgIHRoaXMudG9nZ2xlKCF0aGlzLmV4cGFuZGVkKTtcbiAgICB0aGlzLm9uVG91Y2goKTtcbiAgfVxuXG4gIHRvZ2dsZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnNlYXJjaFBocmFzZSA9ICcnO1xuICAgIGlmICh0aGlzLmV4cGFuZGVkKVxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuc2VhcmNoSW5wdXQ/Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICAgIH0sIDApO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxuICBvbkRvY3VtZW50Q2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgdGhpcy5leHBhbmRlZCA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgb3B0aW9uVHJhY2tCeShpbmRleDogbnVtYmVyLCBvcHRpb246IFN1aXNTZWxlY3RPcHRpb24pOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHtKU09OLnN0cmluZ2lmeShvcHRpb25bdGhpcy5vcHRpb25WYWx1ZV0pfWA7XG4gIH1cbn1cbiJdfQ==
|
@@ -18,7 +18,7 @@ export class SuisSelectComponent extends SuisSelectSingleBase {
|
|
18
18
|
multi: true,
|
19
19
|
useExisting: forwardRef(() => SuisSelectComponent),
|
20
20
|
},
|
21
|
-
], 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 [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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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 }); }
|
21
|
+
], 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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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 }); }
|
22
22
|
}
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectComponent, decorators: [{
|
24
24
|
type: Component,
|
@@ -38,6 +38,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
38
38
|
multi: true,
|
39
39
|
useExisting: forwardRef(() => SuisSelectComponent),
|
40
40
|
},
|
41
|
-
], 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 [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"] }]
|
41
|
+
], 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"] }]
|
42
42
|
}] });
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0L3N1aXMtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC9zdWlzLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMxRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBMkI3RSxNQUFNLE9BQU8sbUJBQXVCLFNBQVEsb0JBQXVCOytHQUF0RCxtQkFBbUI7bUdBQW5CLG1CQUFtQiwwREFSbkI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2FBQ25EO1NBQ0YsaURDbENILGt3Q0F3Q0EsczJCRHpCSSxJQUFJLDZGQUNKLEtBQUssa0hBQ0wsV0FBVywrbUJBQ1gseUJBQXlCLDhLQUN6Qix5QkFBeUIsMERBQ3pCLG1CQUFtQixtREFDbkIsd0JBQXdCLHdEQUN4Qix5QkFBeUIseURBQ3pCLDJCQUEyQjs7NEZBYWxCLG1CQUFtQjtrQkF6Qi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUDt3QkFDUCxJQUFJO3dCQUNKLEtBQUs7d0JBQ0wsV0FBVzt3QkFDWCx5QkFBeUI7d0JBQ3pCLHlCQUF5Qjt3QkFDekIsbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsMkJBQTJCO3FCQUM1QixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzt5QkFDbkQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TGFiZWxQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbGFiZWwucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1pcy1zZWxlY3RlZC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtYnV0dG9uL3N1aXMtc2VsZWN0LWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNpbmdsZUJhc2UgfSBmcm9tICcuLi8uLi9jbGFzc2VzL3N1aXMtc2VsZWN0LXNpbmdsZS5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ0ZvcixcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RCdXR0b25Db21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdExhYmVsUGlwZSxcbiAgICBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUsXG4gICAgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdENvbXBvbmVudDxUPiBleHRlbmRzIFN1aXNTZWxlY3RTaW5nbGVCYXNlPFQ+IHt9XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3RcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvblxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2NsZWFyYWJsZV09XCIhIShudWxsYWJsZSAmJiB2YWx1ZSlcIlxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgKGV4cGFuZGVkQ2hhbmdlKT1cIm9uRXhwYW5kKClcIlxuICAgIChjbGVhcmVkKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gID5cbiAgICB7e1xuICAgICAgdmFsdWVcbiAgICAgICAgfCBzdWlzU2VsZWN0TGFiZWwgOiBvcHRpb25zIDogcGxhY2Vob2xkZXIgOiBvcHRpb25WYWx1ZSA6IG9wdGlvbkxhYmVsXG4gICAgfX1cbiAgPC9zdWlzLXNlbGVjdC1idXR0b24+XG4gIDxkaXYgKm5nSWY9XCJleHBhbmRlZFwiIGNsYXNzPVwic3Vpcy1zZWxlY3RfX2xpc3RcIj5cbiAgICA8aW5wdXRcbiAgICAgICNzZWFyY2hJbnB1dFxuICAgICAgKm5nSWY9XCJzZWFyY2hcIlxuICAgICAgW25nTW9kZWxdPVwic2VhcmNoUGhyYXNlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VhcmNoUGhyYXNlQ2hhbmdlKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdF9fbGlzdF9fc2VhcmNoXCJcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAvPlxuICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgb3B0aW9uIG9mIG9wdGlvbnNcbiAgICAgICAgICB8IHN1aXNTZWxlY3RTb3J0T3B0aW9ucyA6IG9wdGlvbkxhYmVsIDogc29ydE9wdGlvbnNcbiAgICAgICAgICB8IHN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zIDogc2VhcmNoUGhyYXNlIDogb3B0aW9uTGFiZWw7XG4gICAgICAgIHRyYWNrQnk6IG9wdGlvblRyYWNrQnlcbiAgICAgIFwiXG4gICAgICBbb3B0aW9uXT1cIm9wdGlvblwiXG4gICAgICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIlxuICAgICAgW29wdGlvblZhbHVlXT1cIm9wdGlvblZhbHVlXCJcbiAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0T3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgICBbc2VsZWN0ZWRdPVwib3B0aW9uW29wdGlvblZhbHVlXSB8IHN1aXNTZWxlY3RJc1NlbGVjdGVkIDogdmFsdWVcIlxuICAgICAgKGNsaWNrZWQpPVwib25TZWxlY3Qob3B0aW9uW29wdGlvblZhbHVlXSlcIlxuICAgID48L3N1aXMtc2VsZWN0LW9wdGlvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/esm2022/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.mjs
CHANGED
@@ -30,7 +30,7 @@ export class SuisSelectGroupComponent extends SuisSelectSingleBase {
|
|
30
30
|
multi: true,
|
31
31
|
useExisting: forwardRef(() => SuisSelectGroupComponent),
|
32
32
|
},
|
33
|
-
], 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 [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.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: 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 }); }
|
33
|
+
], 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.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: 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 }); }
|
34
34
|
}
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectGroupComponent, decorators: [{
|
36
36
|
type: Component,
|
@@ -52,11 +52,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
52
52
|
multi: true,
|
53
53
|
useExisting: forwardRef(() => SuisSelectGroupComponent),
|
54
54
|
},
|
55
|
-
], 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 [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"] }]
|
55
|
+
], 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"] }]
|
56
56
|
}], propDecorators: { suisSelectGroupOption: [{
|
57
57
|
type: ContentChild,
|
58
58
|
args: [SuisSelectGroupOptionDirective]
|
59
59
|
}], groupOptions: [{
|
60
60
|
type: Input
|
61
61
|
}] } });
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LWdyb3VwL3N1aXMtc2VsZWN0LWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC9zdWlzLXNlbGVjdC1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBRXJHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOzs7O0FBNkJqRyxNQUFNLE9BQU8sd0JBQTRCLFNBQVEsb0JBQXVCO0lBM0J4RTs7UUFnQ0U7O1dBRUc7UUFDTSxpQkFBWSxHQUE0QixFQUFFLENBQUM7S0FDckQ7K0dBVFksd0JBQXdCO21HQUF4Qix3QkFBd0IsMEdBUnhCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQzthQUN4RDtTQUNGLDZFQUlhLDhCQUE4Qix1RUNuRDlDLHN2REF3REEseTZCRDNCSSxZQUFZLCtQQUNaLFdBQVcsK21CQUNYLHlCQUF5Qiw4S0FDekIsOEJBQThCLG1HQUM5Qix3QkFBd0Isd0RBQ3hCLHlCQUF5Qix5REFDekIsMkJBQTJCLDJEQUMzQixnQ0FBZ0MsZ0VBQ2hDLHdCQUF3Qiw2REFDeEIseUJBQXlCLDBEQUN6Qiw4QkFBOEI7OzRGQVVyQix3QkFBd0I7a0JBM0JwQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLG1CQUdDLHVCQUF1QixDQUFDLE1BQU0sV0FDdEM7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLHlCQUF5Qjt3QkFDekIsOEJBQThCO3dCQUM5Qix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsMkJBQTJCO3dCQUMzQixnQ0FBZ0M7d0JBQ2hDLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6Qiw4QkFBOEI7cUJBQy9CLGFBQ1U7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7eUJBQ3hEO3FCQUNGOzhCQUtELHFCQUFxQjtzQkFEcEIsWUFBWTt1QkFBQyw4QkFBOEI7Z0JBTW5DLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIElucHV0LFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3Qtb3B0aW9uL3N1aXMtc2VsZWN0LW9wdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uL3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdElzU2VsZWN0ZWRQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtaXMtc2VsZWN0ZWQucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LWZpbHRlci1ncm91cC1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwTGFiZWxQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZ3JvdXAtbGFiZWwucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U2luZ2xlQmFzZSB9IGZyb20gJy4uLy4uL2NsYXNzZXMvc3Vpcy1zZWxlY3Qtc2luZ2xlLmJhc2UnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LWJ1dHRvbic7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LWdyb3VwLW9wdGlvbnMucGlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtc2VsZWN0LWdyb3VwJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtc2VsZWN0LWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1zZWxlY3QtZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0R3JvdXBPcHRpb25Db21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdElzU2VsZWN0ZWRQaXBlLFxuICAgIFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUsXG4gICAgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJHcm91cE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RHcm91cExhYmVsUGlwZSxcbiAgICBTdWlzU2VsZWN0QnV0dG9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zUGlwZSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNTZWxlY3RHcm91cENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdEdyb3VwQ29tcG9uZW50PFQ+IGV4dGVuZHMgU3Vpc1NlbGVjdFNpbmdsZUJhc2U8VD4ge1xuICAvKiogQGludGVybmFsICovXG4gIEBDb250ZW50Q2hpbGQoU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlKVxuICBzdWlzU2VsZWN0R3JvdXBPcHRpb24/OiBTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmU7XG5cbiAgLyoqXG4gICAqIEdyb3VwIG9wdGlvbnMgZGlzcGxheWVkIGluIGRyb3Bkb3duIGxpc3QuIFR5cGUgb2YgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uW10uXG4gICAqL1xuICBASW5wdXQoKSBncm91cE9wdGlvbnM6IFN1aXNTZWxlY3RHcm91cE9wdGlvbltdID0gW107XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3QtZ3JvdXBcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvblxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2NsZWFyYWJsZV09XCIhIShudWxsYWJsZSAmJiB2YWx1ZSlcIlxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgKGV4cGFuZGVkQ2hhbmdlKT1cIm9uRXhwYW5kKClcIlxuICAgIChjbGVhcmVkKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gID5cbiAgICB7e1xuICAgICAgdmFsdWVcbiAgICAgICAgfCBzdWlzU2VsZWN0R3JvdXBMYWJlbFxuICAgICAgICAgIDogZ3JvdXBPcHRpb25zXG4gICAgICAgICAgOiBwbGFjZWhvbGRlclxuICAgICAgICAgIDogb3B0aW9uVmFsdWVcbiAgICAgICAgICA6IG9wdGlvbkxhYmVsXG4gICAgfX1cbiAgPC9zdWlzLXNlbGVjdC1idXR0b24+XG4gIDxkaXYgKm5nSWY9XCJleHBhbmRlZFwiIGNsYXNzPVwic3Vpcy1zZWxlY3QtZ3JvdXBfX2xpc3RcIj5cbiAgICA8aW5wdXRcbiAgICAgICNzZWFyY2hJbnB1dFxuICAgICAgKm5nSWY9XCJzZWFyY2hcIlxuICAgICAgW25nTW9kZWxdPVwic2VhcmNoUGhyYXNlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VhcmNoUGhyYXNlQ2hhbmdlKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1ncm91cF9fbGlzdF9fc2VhcmNoXCJcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAvPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgZ3JvdXAgb2YgZ3JvdXBPcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9ucyA6IHNvcnRPcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zIDogc2VhcmNoUGhyYXNlIDogb3B0aW9uTGFiZWxcbiAgICAgIFwiXG4gICAgPlxuICAgICAgPHN1aXMtc2VsZWN0LWdyb3VwLW9wdGlvblxuICAgICAgICBbb3B0aW9uXT1cImdyb3VwXCJcbiAgICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RHcm91cE9wdGlvbj8udGVtcGxhdGVSZWZcIlxuICAgICAgPjwvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uPlxuICAgICAgPHN1aXMtc2VsZWN0LW9wdGlvblxuICAgICAgICAqbmdGb3I9XCJcbiAgICAgICAgICBsZXQgb3B0aW9uIG9mIGdyb3VwLmNoaWxkcmVuXG4gICAgICAgICAgICB8IHN1aXNTZWxlY3RTb3J0T3B0aW9ucyA6IG9wdGlvbkxhYmVsIDogc29ydE9wdGlvbnNcbiAgICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgICB0cmFja0J5OiBvcHRpb25UcmFja0J5XG4gICAgICAgIFwiXG4gICAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgICAgICAgW29wdGlvblZhbHVlXT1cIm9wdGlvblZhbHVlXCJcbiAgICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgICAgW3NlbGVjdGVkXT1cIm9wdGlvbltvcHRpb25WYWx1ZV0gfCBzdWlzU2VsZWN0SXNTZWxlY3RlZCA6IHZhbHVlXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25TZWxlY3Qob3B0aW9uW29wdGlvblZhbHVlXSlcIlxuICAgICAgPjwvc3Vpcy1zZWxlY3Qtb3B0aW9uPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
package/esm2022/lib/modules/suis-select/components/suis-select-multi/suis-select-multi.component.mjs
CHANGED
@@ -19,7 +19,7 @@ export class SuisSelectMultiComponent extends SuisSelectMultiBase {
|
|
19
19
|
multi: true,
|
20
20
|
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
21
21
|
},
|
22
|
-
], 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 [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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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 }); }
|
22
|
+
], 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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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 }); }
|
23
23
|
}
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiComponent, decorators: [{
|
25
25
|
type: Component,
|
@@ -40,6 +40,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
40
40
|
multi: true,
|
41
41
|
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
42
42
|
},
|
43
|
-
], 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 [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"] }]
|
43
|
+
], 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"] }]
|
44
44
|
}] });
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUN0RixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUN6RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMxRixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUNoSCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBNEIzRSxNQUFNLE9BQU8sd0JBQTRCLFNBQVEsbUJBQXNCOytHQUExRCx3QkFBd0I7bUdBQXhCLHdCQUF3QixnRUFSeEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO2FBQ3hEO1NBQ0YsaURDcENILHl1REF1REEsczVCRHZDSSxLQUFLLG1IQUNMLElBQUksNEZBQ0osV0FBVywrbUJBQ1gsaUJBQWlCLHdIQUNqQix5QkFBeUIseUtBQ3pCLHdCQUF3Qix3REFDeEIsNkJBQTZCLDZEQUM3Qix5QkFBeUIseURBQ3pCLDJCQUEyQixnRUFDM0IsOEJBQThCOzs0RkFhckIsd0JBQXdCO2tCQTFCcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLEtBQUs7d0JBQ0wsSUFBSTt3QkFDSixXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLDZCQUE2Qjt3QkFDN0IseUJBQXlCO3dCQUN6QiwyQkFBMkI7d0JBQzNCLDhCQUE4QjtxQkFDL0IsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7eUJBQ3hEO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzQ2hpcENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3Vpcy1jaGlwL3N1aXMtY2hpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE11bHRpQ2hpcHNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbXVsdGktY2hpcHMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LW11bHRpLWlzLXNlbGVjdGVkLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QnV0dG9uTXVsdGlDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1tdWx0aS5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtbXVsdGknLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdGb3IsXG4gICAgTmdJZixcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzQ2hpcENvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RNdWx0aUNoaXBzUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0QnV0dG9uTXVsdGlDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdE11bHRpQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0TXVsdGlDb21wb25lbnQ8VD4gZXh0ZW5kcyBTdWlzU2VsZWN0TXVsdGlCYXNlPFQ+IHt9XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aVxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCJcbiAgICBbY2xlYXJhYmxlXT1cInZhbHVlcy5sZW5ndGggPiAwXCJcbiAgICAoZXhwYW5kZWRDaGFuZ2UpPVwib25FeHBhbmQoKVwiXG4gICAgKGNsZWFyZWQpPVwib25DbGVhcigkZXZlbnQpXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhdmFsdWVzPy5sZW5ndGhcIj5cbiAgICAgIHt7IHBsYWNlaG9sZGVyIH19XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInZhbHVlcz8ubGVuZ3RoXCI+XG4gICAgICA8c3Vpcy1jaGlwXG4gICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgIGxldCB2YWx1ZSBvZiB2YWx1ZXNcbiAgICAgICAgICAgIHwgc3Vpc1NlbGVjdE11bHRpQ2hpcHMgOiBvcHRpb25zIDogb3B0aW9uVmFsdWUgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgICBsZXQgaW5kZXggPSBpbmRleFxuICAgICAgICBcIlxuICAgICAgICBbcmVtb3ZhYmxlXT1cInRydWVcIlxuICAgICAgICBbY29sb3JdPVwiY2hpcENvbG9yXCJcbiAgICAgICAgW2ljb25Db2xvcl09XCJjaGlwSWNvbkNvbG9yXCJcbiAgICAgICAgKHJlbW92ZSk9XCJvblJlbW92ZShpbmRleClcIlxuICAgICAgPlxuICAgICAgICB7eyB2YWx1ZSB9fVxuICAgICAgPC9zdWlzLWNoaXA+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpPlxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kZWRcIiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19saXN0XCI+XG4gICAgPGlucHV0XG4gICAgICAjc2VhcmNoSW5wdXRcbiAgICAgICpuZ0lmPVwic2VhcmNoXCJcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlfX2xpc3RfX3NlYXJjaFwiXG4gICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgLz5cbiAgICA8c3Vpcy1zZWxlY3Qtb3B0aW9uXG4gICAgICAqbmdGb3I9XCJcbiAgICAgICAgbGV0IG9wdGlvbiBvZiBvcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0U29ydE9wdGlvbnMgOiBvcHRpb25MYWJlbCA6IHNvcnRPcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0RmlsdGVyT3B0aW9ucyA6IHNlYXJjaFBocmFzZSA6IG9wdGlvbkxhYmVsO1xuICAgICAgICB0cmFja0J5OiBvcHRpb25UcmFja0J5XG4gICAgICBcIlxuICAgICAgW29wdGlvbl09XCJvcHRpb25cIlxuICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgICAgIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiXG4gICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc1NlbGVjdE9wdGlvbj8udGVtcGxhdGVSZWZcIlxuICAgICAgW3NlbGVjdGVkXT1cIm9wdGlvbltvcHRpb25WYWx1ZV0gfCBzdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkIDogdmFsdWVzXCJcbiAgICAgIFtjaGVja2JveF09XCIhZHVwbGljYXRlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uU2VsZWN0KG9wdGlvbltvcHRpb25WYWx1ZV0pXCJcbiAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -31,7 +31,7 @@ export class SuisSelectMultiGroupComponent extends SuisSelectMultiBase {
|
|
31
31
|
multi: true,
|
32
32
|
useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
|
33
33
|
},
|
34
|
-
], 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 [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 }); }
|
34
|
+
], 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 }); }
|
35
35
|
}
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiGroupComponent, decorators: [{
|
37
37
|
type: Component,
|
@@ -54,11 +54,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
54
54
|
multi: true,
|
55
55
|
useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
|
56
56
|
},
|
57
|
-
], 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 [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"] }]
|
57
|
+
], 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"] }]
|
58
58
|
}], propDecorators: { suisSelectGroupOption: [{
|
59
59
|
type: ContentChild,
|
60
60
|
args: [SuisSelectGroupOptionDirective]
|
61
61
|
}], groupOptions: [{
|
62
62
|
type: Input
|
63
63
|
}] } });
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOzs7O0FBOEJqRyxNQUFNLE9BQU8sNkJBQWlDLFNBQVEsbUJBQXNCO0lBNUI1RTs7UUFpQ0U7O1dBRUc7UUFDTSxpQkFBWSxHQUE0QixFQUFFLENBQUM7S0FDckQ7K0dBVFksNkJBQTZCO21HQUE3Qiw2QkFBNkIsZ0hBUjdCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQzthQUM3RDtTQUNGLDZFQUlhLDhCQUE4Qix1RUNyRDlDLGd1RUFzRUEscThCRDNDSSxZQUFZLCtQQUNaLFdBQVcsK21CQUNYLGlCQUFpQix3SEFDakIsOEJBQThCLHFFQUM5Qix5QkFBeUIsOEtBQ3pCLDhCQUE4QixtR0FDOUIseUJBQXlCLHlEQUN6Qiw2QkFBNkIsNkRBQzdCLDJCQUEyQiwyREFDM0IsZ0NBQWdDLGdFQUNoQyw2QkFBNkIsNkRBQzdCLDhCQUE4Qjs7NEZBYXJCLDZCQUE2QjtrQkE1QnpDLFNBQVM7K0JBQ0UseUJBQXlCLGNBQ3ZCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQiw4QkFBOEI7d0JBQzlCLHlCQUF5Qjt3QkFDekIsOEJBQThCO3dCQUM5Qix5QkFBeUI7d0JBQ3pCLDZCQUE2Qjt3QkFDN0IsMkJBQTJCO3dCQUMzQixnQ0FBZ0M7d0JBQ2hDLDZCQUE2Qjt3QkFDN0IsOEJBQThCO3FCQUMvQixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw4QkFBOEIsQ0FBQzt5QkFDN0Q7cUJBQ0Y7OEJBS0QscUJBQXFCO3NCQURwQixZQUFZO3VCQUFDLDhCQUE4QjtnQkFNbkMsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdWlzLWNoaXAvc3Vpcy1jaGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1tdWx0aS5iYXNlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkuY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlHcm91cENoaXBzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLWNoaXBzLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlckdyb3VwT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItZ3JvdXAtb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUlzU2VsZWN0ZWRQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbXVsdGktaXMtc2VsZWN0ZWQucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtZ3JvdXAtb3B0aW9ucy5waXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFN1aXNDaGlwQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RHcm91cE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RNdWx0aUdyb3VwQ2hpcHNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdE11bHRpR3JvdXBDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RNdWx0aUdyb3VwQ29tcG9uZW50PFQ+IGV4dGVuZHMgU3Vpc1NlbGVjdE11bHRpQmFzZTxUPiB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgQENvbnRlbnRDaGlsZChTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmUpXG4gIHN1aXNTZWxlY3RHcm91cE9wdGlvbj86IFN1aXNTZWxlY3RHcm91cE9wdGlvbkRpcmVjdGl2ZTtcblxuICAvKipcbiAgICogR3JvdXAgb3B0aW9ucyBkaXNwbGF5ZWQgaW4gZHJvcGRvd24gbGlzdC4gVHlwZSBvZiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXS5cbiAgICovXG4gIEBJbnB1dCgpIGdyb3VwT3B0aW9uczogU3Vpc1NlbGVjdEdyb3VwT3B0aW9uW10gPSBbXTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aS1ncm91cFwiPlxuICA8c3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpXG4gICAgW2ludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgIFtjbGVhcmFibGVdPVwidmFsdWVzLmxlbmd0aCA+IDBcIlxuICAgIChleHBhbmRlZENoYW5nZSk9XCJvbkV4cGFuZCgpXCJcbiAgICAoY2xlYXJlZCk9XCJvbkNsZWFyKCRldmVudClcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiF2YWx1ZXM/Lmxlbmd0aFwiPlxuICAgICAge3sgcGxhY2Vob2xkZXIgfX1cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidmFsdWVzPy5sZW5ndGhcIj5cbiAgICAgIDxzdWlzLWNoaXBcbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgbGV0IHZhbHVlIG9mIHZhbHVlc1xuICAgICAgICAgICAgfCBzdWlzU2VsZWN0TXVsdGlHcm91cENoaXBzXG4gICAgICAgICAgICAgIDogZ3JvdXBPcHRpb25zXG4gICAgICAgICAgICAgIDogb3B0aW9uVmFsdWVcbiAgICAgICAgICAgICAgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgICBsZXQgaW5kZXggPSBpbmRleFxuICAgICAgICBcIlxuICAgICAgICBbcmVtb3ZhYmxlXT1cInRydWVcIlxuICAgICAgICBbY29sb3JdPVwiY2hpcENvbG9yXCJcbiAgICAgICAgW2ljb25Db2xvcl09XCJjaGlwSWNvbkNvbG9yXCJcbiAgICAgICAgKHJlbW92ZSk9XCJvblJlbW92ZShpbmRleClcIlxuICAgICAgPlxuICAgICAgICB7eyB2YWx1ZSB9fVxuICAgICAgPC9zdWlzLWNoaXA+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpPlxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kZWRcIiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpLWdyb3VwX19saXN0XCI+XG4gICAgPGlucHV0XG4gICAgICAjc2VhcmNoSW5wdXRcbiAgICAgICpuZ0lmPVwic2VhcmNoXCJcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXBfX2xpc3RfX3NlYXJjaFwiXG4gICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgLz5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdGb3I9XCJcbiAgICAgICAgbGV0IGdyb3VwIG9mIGdyb3VwT3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRHcm91cE9wdGlvbnMgOiBzb3J0T3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlckdyb3VwT3B0aW9ucyA6IHNlYXJjaFBocmFzZSA6IG9wdGlvbkxhYmVsXG4gICAgICBcIlxuICAgID5cbiAgICAgIDxzdWlzLXNlbGVjdC1ncm91cC1vcHRpb25cbiAgICAgICAgW29wdGlvbl09XCJncm91cFwiXG4gICAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0R3JvdXBPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgID48L3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbj5cbiAgICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgbGV0IG9wdGlvbiBvZiBncm91cC5jaGlsZHJlblxuICAgICAgICAgICAgfCBzdWlzU2VsZWN0U29ydE9wdGlvbnMgOiBvcHRpb25MYWJlbCA6IHNvcnRPcHRpb25zXG4gICAgICAgICAgICB8IHN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zIDogc2VhcmNoUGhyYXNlIDogb3B0aW9uTGFiZWw7XG4gICAgICAgICAgdHJhY2tCeTogb3B0aW9uVHJhY2tCeVxuICAgICAgICBcIlxuICAgICAgICBbb3B0aW9uXT1cIm9wdGlvblwiXG4gICAgICAgIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiXG4gICAgICAgIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiXG4gICAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0T3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgICAgIFtzZWxlY3RlZF09XCJvcHRpb25bb3B0aW9uVmFsdWVdIHwgc3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZCA6IHZhbHVlc1wiXG4gICAgICAgIFtjaGVja2JveF09XCIhZHVwbGljYXRlXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25TZWxlY3Qob3B0aW9uW29wdGlvblZhbHVlXSlcIlxuICAgICAgPjwvc3Vpcy1zZWxlY3Qtb3B0aW9uPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
@@ -1,8 +1,15 @@
|
|
1
1
|
import { Pipe } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
export class SuisSelectSortGroupOptionsPipe {
|
4
|
-
transform(options) {
|
5
|
-
|
4
|
+
transform(options, sortOptions) {
|
5
|
+
switch (sortOptions) {
|
6
|
+
case 'asc':
|
7
|
+
return options.sort((a, b) => a.label.localeCompare(b.label));
|
8
|
+
case 'desc':
|
9
|
+
return options.sort((a, b) => b.label.localeCompare(a.label));
|
10
|
+
default:
|
11
|
+
return options;
|
12
|
+
}
|
6
13
|
}
|
7
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortGroupOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
8
15
|
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
|
|
14
21
|
name: 'suisSelectSortGroupOptions',
|
15
22
|
}]
|
16
23
|
}] });
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtc29ydC1ncm91cC1vcHRpb25zLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtZ3JvdXAtb3B0aW9ucy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQVFwRCxNQUFNLE9BQU8sOEJBQThCO0lBQ3pDLFNBQVMsQ0FDUCxPQUFnQyxFQUNoQyxXQUE2QjtRQUU3QixRQUFRLFdBQVcsRUFBRTtZQUNuQixLQUFLLEtBQUs7Z0JBQ1IsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFDaEUsS0FBSyxNQUFNO2dCQUNULE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQ2hFO2dCQUNFLE9BQU8sT0FBTyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQzsrR0FiVSw4QkFBOEI7NkdBQTlCLDhCQUE4Qjs7NEZBQTlCLDhCQUE4QjtrQkFKMUMsSUFBSTttQkFBQztvQkFDSixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFLDRCQUE0QjtpQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBPcHRpb24gfSBmcm9tICcuLi9pbnRlcmZhY2VzL3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbi5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNTb3J0T3B0aW9uYWwgfSBmcm9tICcuLi8uLi8uLi90eXBlcy9zdWlzLXNvcnQudHlwZSc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zJyxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdFNvcnRHcm91cE9wdGlvbnNQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShcbiAgICBvcHRpb25zOiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXSxcbiAgICBzb3J0T3B0aW9uczogU3Vpc1NvcnRPcHRpb25hbFxuICApOiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXSB7XG4gICAgc3dpdGNoIChzb3J0T3B0aW9ucykge1xuICAgICAgY2FzZSAnYXNjJzpcbiAgICAgICAgcmV0dXJuIG9wdGlvbnMuc29ydCgoYSwgYikgPT4gYS5sYWJlbC5sb2NhbGVDb21wYXJlKGIubGFiZWwpKTtcbiAgICAgIGNhc2UgJ2Rlc2MnOlxuICAgICAgICByZXR1cm4gb3B0aW9ucy5zb3J0KChhLCBiKSA9PiBiLmxhYmVsLmxvY2FsZUNvbXBhcmUoYS5sYWJlbCkpO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIG9wdGlvbnM7XG4gICAgfVxuICB9XG59XG4iXX0=
|
@@ -1,8 +1,15 @@
|
|
1
1
|
import { Pipe } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
export class SuisSelectSortOptionsPipe {
|
4
|
-
transform(options, optionLabel) {
|
5
|
-
|
4
|
+
transform(options, optionLabel, sortOptions) {
|
5
|
+
switch (sortOptions) {
|
6
|
+
case 'asc':
|
7
|
+
return options.sort((a, b) => a[optionLabel].localeCompare(b[optionLabel]));
|
8
|
+
case 'desc':
|
9
|
+
return options.sort((a, b) => b[optionLabel].localeCompare(a[optionLabel]));
|
10
|
+
default:
|
11
|
+
return options;
|
12
|
+
}
|
6
13
|
}
|
7
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSortOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
8
15
|
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
|
|
14
21
|
name: 'suisSelectSortOptions',
|
15
22
|
}]
|
16
23
|
}] });
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtb3B0aW9ucy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQVFwRCxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLFNBQVMsQ0FDUCxPQUEyQixFQUMzQixXQUFtQixFQUNuQixXQUE2QjtRQUU3QixRQUFRLFdBQVcsRUFBRTtZQUNuQixLQUFLLEtBQUs7Z0JBQ1IsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQzNCLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQzdDLENBQUM7WUFDSixLQUFLLE1BQU07Z0JBQ1QsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQzNCLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQzdDLENBQUM7WUFDSjtnQkFDRSxPQUFPLE9BQU8sQ0FBQztTQUNsQjtJQUNILENBQUM7K0dBbEJVLHlCQUF5Qjs2R0FBekIseUJBQXlCOzs0RkFBekIseUJBQXlCO2tCQUpyQyxJQUFJO21CQUFDO29CQUNKLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUUsdUJBQXVCO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb24gfSBmcm9tICcuLi9pbnRlcmZhY2VzL3N1aXMtc2VsZWN0LW9wdGlvbi5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNTb3J0T3B0aW9uYWwgfSBmcm9tICcuLi8uLi8uLi90eXBlcyc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNTZWxlY3RTb3J0T3B0aW9ucycsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKFxuICAgIG9wdGlvbnM6IFN1aXNTZWxlY3RPcHRpb25bXSxcbiAgICBvcHRpb25MYWJlbDogc3RyaW5nLFxuICAgIHNvcnRPcHRpb25zOiBTdWlzU29ydE9wdGlvbmFsXG4gICk6IFN1aXNTZWxlY3RPcHRpb25bXSB7XG4gICAgc3dpdGNoIChzb3J0T3B0aW9ucykge1xuICAgICAgY2FzZSAnYXNjJzpcbiAgICAgICAgcmV0dXJuIG9wdGlvbnMuc29ydCgoYSwgYikgPT5cbiAgICAgICAgICBhW29wdGlvbkxhYmVsXS5sb2NhbGVDb21wYXJlKGJbb3B0aW9uTGFiZWxdKVxuICAgICAgICApO1xuICAgICAgY2FzZSAnZGVzYyc6XG4gICAgICAgIHJldHVybiBvcHRpb25zLnNvcnQoKGEsIGIpID0+XG4gICAgICAgICAgYltvcHRpb25MYWJlbF0ubG9jYWxlQ29tcGFyZShhW29wdGlvbkxhYmVsXSlcbiAgICAgICAgKTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBvcHRpb25zO1xuICAgIH1cbiAgfVxufVxuIl19
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export {};
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zb3J0LnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi90eXBlcy9zdWlzLXNvcnQudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgU3Vpc1NvcnQgPSAnYXNjJyB8ICdkZXNjJztcblxuZXhwb3J0IHR5cGUgU3Vpc1NvcnRPcHRpb25hbCA9IFN1aXNTb3J0IHwgJ25vbmUnO1xuIl19
|