suis 1.5.0 → 1.6.1
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/components/suis-pagination/suis-pagination-per-page-options.pipe.mjs +1 -1
- package/esm2022/lib/modules/suis-select/classes/suis-select.base.mjs +15 -4
- 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 +5 -3
- package/esm2022/lib/modules/suis-select/components/suis-select-group-option/suis-select-group-option.component.mjs +1 -1
- 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 +5 -3
- package/esm2022/lib/modules/suis-select/components/suis-select-option/suis-select-option.component.mjs +15 -3
- package/esm2022/lib/modules/suis-select/directives/suis-select-group-option.directive.mjs +1 -1
- package/esm2022/lib/modules/suis-select/directives/suis-select-option.directive.mjs +1 -1
- package/esm2022/lib/modules/suis-select/interfaces/suis-select-group-option.interfaces.mjs +1 -1
- package/esm2022/lib/modules/suis-select/interfaces/suis-select-option.interfaces.mjs +1 -1
- package/esm2022/lib/modules/suis-select/pipes/suis-select-filter-group-options.pipe.mjs +5 -3
- package/esm2022/lib/modules/suis-select/pipes/suis-select-filter-options.pipe.mjs +5 -3
- package/esm2022/lib/modules/suis-select/pipes/suis-select-group-label.pipe.mjs +5 -5
- package/esm2022/lib/modules/suis-select/pipes/suis-select-label.pipe.mjs +4 -4
- package/esm2022/lib/modules/suis-select/pipes/suis-select-multi-chips.pipe.mjs +5 -5
- package/esm2022/lib/modules/suis-select/pipes/suis-select-multi-group-chips.pipe.mjs +5 -5
- package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-group-options.pipe.mjs +17 -0
- package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-options.pipe.mjs +3 -3
- package/fesm2022/suis.mjs +78 -34
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/components/suis-pagination/suis-pagination-per-page-options.pipe.d.ts +1 -1
- package/lib/modules/suis-select/classes/suis-select.base.d.ts +12 -4
- package/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.d.ts +2 -2
- package/lib/modules/suis-select/components/suis-select-group-option/suis-select-group-option.component.d.ts +6 -6
- package/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.d.ts +2 -2
- package/lib/modules/suis-select/components/suis-select-option/suis-select-option.component.d.ts +14 -6
- package/lib/modules/suis-select/directives/suis-select-group-option.directive.d.ts +3 -3
- package/lib/modules/suis-select/directives/suis-select-option.directive.d.ts +3 -3
- package/lib/modules/suis-select/interfaces/suis-select-group-option.interfaces.d.ts +2 -2
- package/lib/modules/suis-select/interfaces/suis-select-option.interfaces.d.ts +1 -3
- package/lib/modules/suis-select/pipes/suis-select-filter-group-options.pipe.d.ts +4 -4
- package/lib/modules/suis-select/pipes/suis-select-filter-options.pipe.d.ts +4 -4
- package/lib/modules/suis-select/pipes/suis-select-group-label.pipe.d.ts +1 -1
- package/lib/modules/suis-select/pipes/suis-select-label.pipe.d.ts +1 -1
- package/lib/modules/suis-select/pipes/suis-select-multi-chips.pipe.d.ts +1 -1
- package/lib/modules/suis-select/pipes/suis-select-multi-group-chips.pipe.d.ts +1 -1
- package/lib/modules/suis-select/pipes/suis-select-sort-group-options.pipe.d.ts +8 -0
- package/lib/modules/suis-select/pipes/suis-select-sort-options.pipe.d.ts +4 -4
- package/package.json +1 -1
|
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
16
16
|
name: 'suisPaginationPerPageOptions',
|
|
17
17
|
}]
|
|
18
18
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1wYWdpbmF0aW9uLXBlci1wYWdlLW9wdGlvbnMucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1wYWdpbmF0aW9uL3N1aXMtcGFnaW5hdGlvbi1wZXItcGFnZS1vcHRpb25zLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBT3BELE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0MsU0FBUyxDQUFDLE9BQWlCO1FBQ3pCLE9BQU8sT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQzVCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztRQUNyRCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBTFUsZ0NBQWdDOzZHQUFoQyxnQ0FBZ0M7OzRGQUFoQyxnQ0FBZ0M7a0JBSjVDLElBQUk7bUJBQUM7b0JBQ0osVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRSw4QkFBOEI7aUJBQ3JDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbiB9IGZyb20gJy4uLy4uL21vZHVsZXMvc3Vpcy1zZWxlY3QvaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcyc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNQYWdpbmF0aW9uUGVyUGFnZU9wdGlvbnMnLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzUGFnaW5hdGlvblBlclBhZ2VPcHRpb25zUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0ob3B0aW9uczogbnVtYmVyW10pOiBTdWlzU2VsZWN0T3B0aW9uW10ge1xuICAgIHJldHVybiBvcHRpb25zLm1hcCgob3B0aW9uKSA9PiB7XG4gICAgICByZXR1cm4geyB2YWx1ZTogb3B0aW9uLCBsYWJlbDogb3B0aW9uLnRvU3RyaW5nKCkgfTtcbiAgICB9KTtcbiAgfVxufVxuIl19
|
|
@@ -25,6 +25,14 @@ export class SuisSelectBase extends SuisInputBase {
|
|
|
25
25
|
* Placeholder text displayed when value is not selected. By default set to 'Select option...'.
|
|
26
26
|
*/
|
|
27
27
|
this.placeholder = 'Select option...';
|
|
28
|
+
/**
|
|
29
|
+
* Option value property name in options. By default set to 'value'.
|
|
30
|
+
*/
|
|
31
|
+
this.optionValue = 'value';
|
|
32
|
+
/**
|
|
33
|
+
* Option label property name in options. By default set to 'label'.
|
|
34
|
+
*/
|
|
35
|
+
this.optionLabel = 'label';
|
|
28
36
|
/**
|
|
29
37
|
* Emits on search phrase changed.
|
|
30
38
|
*/
|
|
@@ -56,12 +64,11 @@ export class SuisSelectBase extends SuisInputBase {
|
|
|
56
64
|
}
|
|
57
65
|
}
|
|
58
66
|
/** @internal */
|
|
59
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
60
67
|
optionTrackBy(index, option) {
|
|
61
|
-
return `${JSON.stringify(option.
|
|
68
|
+
return `${JSON.stringify(option[this.optionValue])}`;
|
|
62
69
|
}
|
|
63
70
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
64
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectBase, inputs: { options: "options", search: "search", searchPlaceholder: "searchPlaceholder", placeholder: "placeholder" }, 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 }); }
|
|
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 }); }
|
|
65
72
|
}
|
|
66
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectBase, decorators: [{
|
|
67
74
|
type: Directive
|
|
@@ -79,10 +86,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
79
86
|
type: Input
|
|
80
87
|
}], placeholder: [{
|
|
81
88
|
type: Input
|
|
89
|
+
}], optionValue: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], optionLabel: [{
|
|
92
|
+
type: Input
|
|
82
93
|
}], searchPhraseChanged: [{
|
|
83
94
|
type: Output
|
|
84
95
|
}], onDocumentClick: [{
|
|
85
96
|
type: HostListener,
|
|
86
97
|
args: ['document:click', ['$event']]
|
|
87
98
|
}] } });
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY2xhc3Nlcy9zdWlzLXNlbGVjdC5iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ1osU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7QUFHdkYsTUFBTSxPQUFnQixjQUFrQixTQUFRLGFBQWE7SUFEN0Q7O1FBVUUsZ0JBQWdCO1FBQ04saUJBQVksR0FBVyxFQUFFLENBQUM7UUFFcEMsZ0JBQWdCO1FBQ04sYUFBUSxHQUFZLEtBQUssQ0FBQyxDQUFDLGVBQWU7UUFFcEQ7O1dBRUc7UUFDTSxZQUFPLEdBQXVCLEVBQUUsQ0FBQztRQUUxQzs7V0FFRztRQUNNLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFFaEM7O1dBRUc7UUFDTSxzQkFBaUIsR0FBVyxXQUFXLENBQUM7UUFFakQ7O1dBRUc7UUFDTSxnQkFBVyxHQUFXLGtCQUFrQixDQUFDO1FBRWxEOztXQUVHO1FBQ00sZ0JBQVcsR0FBVyxPQUFPLENBQUM7UUFFdkM7O1dBRUc7UUFDTSxnQkFBVyxHQUFXLE9BQU8sQ0FBQztRQUV2Qzs7V0FFRztRQUNPLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0E0QzVEO0lBbkNDLE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELG9CQUFvQixDQUFDLElBQVk7UUFDL0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN2QixJQUFJLElBQUksQ0FBQyxRQUFRO1lBQ2YsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMxQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDVixDQUFDO0lBR0QsZUFBZSxDQUFDLEtBQVk7UUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDcEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDdkI7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCO0lBQ2hCLGFBQWEsQ0FBQyxLQUFhLEVBQUUsTUFBd0I7UUFDbkQsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDdkQsQ0FBQzsrR0EzRm1CLGNBQWM7bUdBQWQsY0FBYyxxWEFFcEIseUJBQXlCOzs0RkFGbkIsY0FBYztrQkFEbkMsU0FBUzs4QkFJUixnQkFBZ0I7c0JBRGYsWUFBWTt1QkFBQyx5QkFBeUI7Z0JBS3ZDLFdBQVc7c0JBRFYsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQVlsQyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLSSxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBa0NQLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbnRlbnRDaGlsZCxcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWlucHV0LmJhc2UnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbiB9IGZyb20gJy4uL2ludGVyZmFjZXMvc3Vpcy1zZWxlY3Qtb3B0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvc3Vpcy1zZWxlY3Qtb3B0aW9uLmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFN1aXNTZWxlY3RCYXNlPFQ+IGV4dGVuZHMgU3Vpc0lucHV0QmFzZSB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgQENvbnRlbnRDaGlsZChTdWlzU2VsZWN0T3B0aW9uRGlyZWN0aXZlKVxuICBzdWlzU2VsZWN0T3B0aW9uPzogU3Vpc1NlbGVjdE9wdGlvbkRpcmVjdGl2ZTtcblxuICAvKiogQGludGVybmFsICovXG4gIEBWaWV3Q2hpbGQoJ3NlYXJjaElucHV0JywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gIHNlYXJjaElucHV0PzogRWxlbWVudFJlZjtcblxuICAvKiogQGludGVybmFsICovXG4gIHByb3RlY3RlZCBzZWFyY2hQaHJhc2U6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHJvdGVjdGVkIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7IC8vIFRPRE86IFJlbW92ZVxuXG4gIC8qKlxuICAgKiBPcHRpb25zIGRpc3BsYXllZCBpbiBkcm9wZG93biBsaXN0LiBUeXBlIG9mIFN1aXNTZWxlY3RPcHRpb25bXS5cbiAgICovXG4gIEBJbnB1dCgpIG9wdGlvbnM6IFN1aXNTZWxlY3RPcHRpb25bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBEaXNwbGF5cyBzZWFyY2ggaW5wdXQgYWJvdmUgb3B0aW9ucy4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHNlYXJjaDogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZGlzcGxheWVkIGluIG9wdGlvbnMgc2VhcmNoLiBCeSBkZWZhdWx0IHNldCB0byAnU2VhcmNoLi4uJy5cbiAgICovXG4gIEBJbnB1dCgpIHNlYXJjaFBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnU2VhcmNoLi4uJztcblxuICAvKipcbiAgICogUGxhY2Vob2xkZXIgdGV4dCBkaXNwbGF5ZWQgd2hlbiB2YWx1ZSBpcyBub3Qgc2VsZWN0ZWQuIEJ5IGRlZmF1bHQgc2V0IHRvICdTZWxlY3Qgb3B0aW9uLi4uJy5cbiAgICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnU2VsZWN0IG9wdGlvbi4uLic7XG5cbiAgLyoqXG4gICAqIE9wdGlvbiB2YWx1ZSBwcm9wZXJ0eSBuYW1lIGluIG9wdGlvbnMuIEJ5IGRlZmF1bHQgc2V0IHRvICd2YWx1ZScuXG4gICAqL1xuICBASW5wdXQoKSBvcHRpb25WYWx1ZTogc3RyaW5nID0gJ3ZhbHVlJztcblxuICAvKipcbiAgICogT3B0aW9uIGxhYmVsIHByb3BlcnR5IG5hbWUgaW4gb3B0aW9ucy4gQnkgZGVmYXVsdCBzZXQgdG8gJ2xhYmVsJy5cbiAgICovXG4gIEBJbnB1dCgpIG9wdGlvbkxhYmVsOiBzdHJpbmcgPSAnbGFiZWwnO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBzZWFyY2ggcGhyYXNlIGNoYW5nZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgc2VhcmNoUGhyYXNlQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGFic3RyYWN0IG9uU2VsZWN0KHZhbHVlOiBUKTogdm9pZDtcblxuICBhYnN0cmFjdCBjbGVhclZhbHVlKCk6IHZvaWQ7XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgYWJzdHJhY3Qgc2V0VmFsdWUodmFsdWU6IGFueSk6IHZvaWQ7XG5cbiAgb25DbGVhcihldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmNsZWFyVmFsdWUoKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxuXG4gIG9uU2VhcmNoUGhyYXNlQ2hhbmdlKHRleHQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuc2VhcmNoUGhyYXNlID0gdGV4dDtcbiAgICB0aGlzLnNlYXJjaFBocmFzZUNoYW5nZWQuZW1pdCh0ZXh0KTtcbiAgfVxuXG4gIG9uRXhwYW5kKCk6IHZvaWQge1xuICAgIHRoaXMudG9nZ2xlKCF0aGlzLmV4cGFuZGVkKTtcbiAgICB0aGlzLm9uVG91Y2goKTtcbiAgfVxuXG4gIHRvZ2dsZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQgPSB2YWx1ZTtcbiAgICB0aGlzLnNlYXJjaFBocmFzZSA9ICcnO1xuICAgIGlmICh0aGlzLmV4cGFuZGVkKVxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuc2VhcmNoSW5wdXQ/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 {{
|
|
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 [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 {{
|
|
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 [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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0L3N1aXMtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC9zdWlzLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMxRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBMkI3RSxNQUFNLE9BQU8sbUJBQXVCLFNBQVEsb0JBQXVCOytHQUF0RCxtQkFBbUI7bUdBQW5CLG1CQUFtQiwwREFSbkI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2FBQ25EO1NBQ0YsaURDbENILG92Q0F3Q0EsczJCRHpCSSxJQUFJLDZGQUNKLEtBQUssa0hBQ0wsV0FBVywrbUJBQ1gseUJBQXlCLDhLQUN6Qix5QkFBeUIsMERBQ3pCLG1CQUFtQixtREFDbkIsd0JBQXdCLHdEQUN4Qix5QkFBeUIseURBQ3pCLDJCQUEyQjs7NEZBYWxCLG1CQUFtQjtrQkF6Qi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUDt3QkFDUCxJQUFJO3dCQUNKLEtBQUs7d0JBQ0wsV0FBVzt3QkFDWCx5QkFBeUI7d0JBQ3pCLHlCQUF5Qjt3QkFDekIsbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsMkJBQTJCO3FCQUM1QixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzt5QkFDbkQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TGFiZWxQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbGFiZWwucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1pcy1zZWxlY3RlZC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtYnV0dG9uL3N1aXMtc2VsZWN0LWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNpbmdsZUJhc2UgfSBmcm9tICcuLi8uLi9jbGFzc2VzL3N1aXMtc2VsZWN0LXNpbmdsZS5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ0ZvcixcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RCdXR0b25Db21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdExhYmVsUGlwZSxcbiAgICBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUsXG4gICAgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdENvbXBvbmVudDxUPiBleHRlbmRzIFN1aXNTZWxlY3RTaW5nbGVCYXNlPFQ+IHt9XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3RcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvblxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2NsZWFyYWJsZV09XCIhIShudWxsYWJsZSAmJiB2YWx1ZSlcIlxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgKGV4cGFuZGVkQ2hhbmdlKT1cIm9uRXhwYW5kKClcIlxuICAgIChjbGVhcmVkKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gID5cbiAgICB7e1xuICAgICAgdmFsdWVcbiAgICAgICAgfCBzdWlzU2VsZWN0TGFiZWwgOiBvcHRpb25zIDogcGxhY2Vob2xkZXIgOiBvcHRpb25WYWx1ZSA6IG9wdGlvbkxhYmVsXG4gICAgfX1cbiAgPC9zdWlzLXNlbGVjdC1idXR0b24+XG4gIDxkaXYgKm5nSWY9XCJleHBhbmRlZFwiIGNsYXNzPVwic3Vpcy1zZWxlY3RfX2xpc3RcIj5cbiAgICA8aW5wdXRcbiAgICAgICNzZWFyY2hJbnB1dFxuICAgICAgKm5nSWY9XCJzZWFyY2hcIlxuICAgICAgW25nTW9kZWxdPVwic2VhcmNoUGhyYXNlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VhcmNoUGhyYXNlQ2hhbmdlKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdF9fbGlzdF9fc2VhcmNoXCJcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAvPlxuICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgb3B0aW9uIG9mIG9wdGlvbnNcbiAgICAgICAgICB8IHN1aXNTZWxlY3RTb3J0T3B0aW9ucyA6IG9wdGlvbkxhYmVsXG4gICAgICAgICAgfCBzdWlzU2VsZWN0RmlsdGVyT3B0aW9ucyA6IHNlYXJjaFBocmFzZSA6IG9wdGlvbkxhYmVsO1xuICAgICAgICB0cmFja0J5OiBvcHRpb25UcmFja0J5XG4gICAgICBcIlxuICAgICAgW29wdGlvbl09XCJvcHRpb25cIlxuICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgICAgIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiXG4gICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc1NlbGVjdE9wdGlvbj8udGVtcGxhdGVSZWZcIlxuICAgICAgW3NlbGVjdGVkXT1cIm9wdGlvbltvcHRpb25WYWx1ZV0gfCBzdWlzU2VsZWN0SXNTZWxlY3RlZCA6IHZhbHVlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uU2VsZWN0KG9wdGlvbltvcHRpb25WYWx1ZV0pXCJcbiAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
package/esm2022/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.mjs
CHANGED
|
@@ -11,6 +11,7 @@ import { SuisSelectGroupLabelPipe } from '../../pipes/suis-select-group-label.pi
|
|
|
11
11
|
import { SuisSelectSingleBase } from '../../classes/suis-select-single.base';
|
|
12
12
|
import { SuisSelectGroupOptionDirective } from '../../directives/suis-select-group-option.directive';
|
|
13
13
|
import { SuisSelectButtonComponent } from '../suis-select-button';
|
|
14
|
+
import { SuisSelectSortGroupOptionsPipe } from '../../pipes/suis-select-sort-group-options.pipe';
|
|
14
15
|
import * as i0 from "@angular/core";
|
|
15
16
|
import * as i1 from "@angular/common";
|
|
16
17
|
import * as i2 from "@angular/forms";
|
|
@@ -29,7 +30,7 @@ export class SuisSelectGroupComponent extends SuisSelectSingleBase {
|
|
|
29
30
|
multi: true,
|
|
30
31
|
useExisting: forwardRef(() => SuisSelectGroupComponent),
|
|
31
32
|
},
|
|
32
|
-
], 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 {{
|
|
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 [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 }); }
|
|
33
34
|
}
|
|
34
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectGroupComponent, decorators: [{
|
|
35
36
|
type: Component,
|
|
@@ -44,17 +45,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
44
45
|
SuisSelectFilterGroupOptionsPipe,
|
|
45
46
|
SuisSelectGroupLabelPipe,
|
|
46
47
|
SuisSelectButtonComponent,
|
|
48
|
+
SuisSelectSortGroupOptionsPipe,
|
|
47
49
|
], providers: [
|
|
48
50
|
{
|
|
49
51
|
provide: NG_VALUE_ACCESSOR,
|
|
50
52
|
multi: true,
|
|
51
53
|
useExisting: forwardRef(() => SuisSelectGroupComponent),
|
|
52
54
|
},
|
|
53
|
-
], 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 {{
|
|
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 [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"] }]
|
|
54
56
|
}], propDecorators: { suisSelectGroupOption: [{
|
|
55
57
|
type: ContentChild,
|
|
56
58
|
args: [SuisSelectGroupOptionDirective]
|
|
57
59
|
}], groupOptions: [{
|
|
58
60
|
type: Input
|
|
59
61
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LWdyb3VwL3N1aXMtc2VsZWN0LWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC9zdWlzLXNlbGVjdC1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBRXJHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOzs7O0FBNkJqRyxNQUFNLE9BQU8sd0JBQTRCLFNBQVEsb0JBQXVCO0lBM0J4RTs7UUFnQ0U7O1dBRUc7UUFDTSxpQkFBWSxHQUE0QixFQUFFLENBQUM7S0FDckQ7K0dBVFksd0JBQXdCO21HQUF4Qix3QkFBd0IsMEdBUnhCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQzthQUN4RDtTQUNGLDZFQUlhLDhCQUE4Qix1RUNuRDlDLDB0REF3REEseTZCRDNCSSxZQUFZLCtQQUNaLFdBQVcsK21CQUNYLHlCQUF5Qiw4S0FDekIsOEJBQThCLG1HQUM5Qix3QkFBd0Isd0RBQ3hCLHlCQUF5Qix5REFDekIsMkJBQTJCLDJEQUMzQixnQ0FBZ0MsZ0VBQ2hDLHdCQUF3Qiw2REFDeEIseUJBQXlCLDBEQUN6Qiw4QkFBOEI7OzRGQVVyQix3QkFBd0I7a0JBM0JwQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLG1CQUdDLHVCQUF1QixDQUFDLE1BQU0sV0FDdEM7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLHlCQUF5Qjt3QkFDekIsOEJBQThCO3dCQUM5Qix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsMkJBQTJCO3dCQUMzQixnQ0FBZ0M7d0JBQ2hDLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6Qiw4QkFBOEI7cUJBQy9CLGFBQ1U7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7eUJBQ3hEO3FCQUNGOzhCQUtELHFCQUFxQjtzQkFEcEIsWUFBWTt1QkFBQyw4QkFBOEI7Z0JBTW5DLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIElucHV0LFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3Qtb3B0aW9uL3N1aXMtc2VsZWN0LW9wdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uL3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdElzU2VsZWN0ZWRQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtaXMtc2VsZWN0ZWQucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LWZpbHRlci1ncm91cC1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwTGFiZWxQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZ3JvdXAtbGFiZWwucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U2luZ2xlQmFzZSB9IGZyb20gJy4uLy4uL2NsYXNzZXMvc3Vpcy1zZWxlY3Qtc2luZ2xlLmJhc2UnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LWJ1dHRvbic7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LWdyb3VwLW9wdGlvbnMucGlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtc2VsZWN0LWdyb3VwJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtc2VsZWN0LWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1zZWxlY3QtZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0R3JvdXBPcHRpb25Db21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdElzU2VsZWN0ZWRQaXBlLFxuICAgIFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUsXG4gICAgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJHcm91cE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RHcm91cExhYmVsUGlwZSxcbiAgICBTdWlzU2VsZWN0QnV0dG9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zUGlwZSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNTZWxlY3RHcm91cENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdEdyb3VwQ29tcG9uZW50PFQ+IGV4dGVuZHMgU3Vpc1NlbGVjdFNpbmdsZUJhc2U8VD4ge1xuICAvKiogQGludGVybmFsICovXG4gIEBDb250ZW50Q2hpbGQoU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlKVxuICBzdWlzU2VsZWN0R3JvdXBPcHRpb24/OiBTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmU7XG5cbiAgLyoqXG4gICAqIEdyb3VwIG9wdGlvbnMgZGlzcGxheWVkIGluIGRyb3Bkb3duIGxpc3QuIFR5cGUgb2YgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uW10uXG4gICAqL1xuICBASW5wdXQoKSBncm91cE9wdGlvbnM6IFN1aXNTZWxlY3RHcm91cE9wdGlvbltdID0gW107XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3QtZ3JvdXBcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvblxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2NsZWFyYWJsZV09XCIhIShudWxsYWJsZSAmJiB2YWx1ZSlcIlxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgKGV4cGFuZGVkQ2hhbmdlKT1cIm9uRXhwYW5kKClcIlxuICAgIChjbGVhcmVkKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gID5cbiAgICB7e1xuICAgICAgdmFsdWVcbiAgICAgICAgfCBzdWlzU2VsZWN0R3JvdXBMYWJlbFxuICAgICAgICAgIDogZ3JvdXBPcHRpb25zXG4gICAgICAgICAgOiBwbGFjZWhvbGRlclxuICAgICAgICAgIDogb3B0aW9uVmFsdWVcbiAgICAgICAgICA6IG9wdGlvbkxhYmVsXG4gICAgfX1cbiAgPC9zdWlzLXNlbGVjdC1idXR0b24+XG4gIDxkaXYgKm5nSWY9XCJleHBhbmRlZFwiIGNsYXNzPVwic3Vpcy1zZWxlY3QtZ3JvdXBfX2xpc3RcIj5cbiAgICA8aW5wdXRcbiAgICAgICNzZWFyY2hJbnB1dFxuICAgICAgKm5nSWY9XCJzZWFyY2hcIlxuICAgICAgW25nTW9kZWxdPVwic2VhcmNoUGhyYXNlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VhcmNoUGhyYXNlQ2hhbmdlKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1ncm91cF9fbGlzdF9fc2VhcmNoXCJcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAvPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgZ3JvdXAgb2YgZ3JvdXBPcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlckdyb3VwT3B0aW9ucyA6IHNlYXJjaFBocmFzZSA6IG9wdGlvbkxhYmVsXG4gICAgICBcIlxuICAgID5cbiAgICAgIDxzdWlzLXNlbGVjdC1ncm91cC1vcHRpb25cbiAgICAgICAgW29wdGlvbl09XCJncm91cFwiXG4gICAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0R3JvdXBPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgID48L3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbj5cbiAgICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgbGV0IG9wdGlvbiBvZiBncm91cC5jaGlsZHJlblxuICAgICAgICAgICAgfCBzdWlzU2VsZWN0U29ydE9wdGlvbnMgOiBvcHRpb25MYWJlbFxuICAgICAgICAgICAgfCBzdWlzU2VsZWN0RmlsdGVyT3B0aW9ucyA6IHNlYXJjaFBocmFzZSA6IG9wdGlvbkxhYmVsO1xuICAgICAgICAgIHRyYWNrQnk6IG9wdGlvblRyYWNrQnlcbiAgICAgICAgXCJcbiAgICAgICAgW29wdGlvbl09XCJvcHRpb25cIlxuICAgICAgICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIlxuICAgICAgICBbb3B0aW9uVmFsdWVdPVwib3B0aW9uVmFsdWVcIlxuICAgICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc1NlbGVjdE9wdGlvbj8udGVtcGxhdGVSZWZcIlxuICAgICAgICBbc2VsZWN0ZWRdPVwib3B0aW9uW29wdGlvblZhbHVlXSB8IHN1aXNTZWxlY3RJc1NlbGVjdGVkIDogdmFsdWVcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb25bb3B0aW9uVmFsdWVdKVwiXG4gICAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
15
15
|
}], templateRef: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFXL0MsTUFBTSxPQUFPLDhCQUE4QjsrR0FBOUIsOEJBQThCO21HQUE5Qiw4QkFBOEIsOElDakIzQyxnVEFVQSxvWkRFWSxZQUFZOzs0RkFLWCw4QkFBOEI7a0JBUjFDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQU1wQixNQUFNO3NCQUFoQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLaEIsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0R3JvdXBPcHRpb25Db21wb25lbnQge1xuICAvKipcbiAgICogSXRlbSBkYXRhLiBUeXBlIG9mIFN1aXNTZWxlY3RHcm91cE9wdGlvbi4gUmVxdWlyZWQgaW5wdXQuXG4gICAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBvcHRpb24/OiBTdWlzU2VsZWN0R3JvdXBPcHRpb247XG5cbiAgLyoqXG4gICAqIFRlbXBsYXRlIHRvIGJlIGRpc3BsYXllZCBpbnN0ZWFkIG9mIGl0ZW0ncyBsYWJlbC5cbiAgICovXG4gIEBJbnB1dCgpIHRlbXBsYXRlUmVmPzogVGVtcGxhdGVSZWY8eyAkaW1wbGljaXQ6IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9Pjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdC1ncm91cC1vcHRpb25cIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRlbXBsYXRlUmVmOyBlbHNlIGxhYmVsXCI+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVJlZjsgY29udGV4dDogeyAkaW1wbGljaXQ6IG9wdGlvbiB9XCJcbiAgICA+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctdGVtcGxhdGUgI2xhYmVsPlxuICAgIHt7IG9wdGlvbj8ubGFiZWwgfX1cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuIl19
|
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
|
|
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 [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
|
|
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 [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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUN0RixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUN6RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMxRixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUNoSCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBNEIzRSxNQUFNLE9BQU8sd0JBQTRCLFNBQVEsbUJBQXNCOytHQUExRCx3QkFBd0I7bUdBQXhCLHdCQUF3QixnRUFSeEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO2FBQ3hEO1NBQ0YsaURDcENILDJ0REF1REEsczVCRHZDSSxLQUFLLG1IQUNMLElBQUksNEZBQ0osV0FBVywrbUJBQ1gsaUJBQWlCLHdIQUNqQix5QkFBeUIseUtBQ3pCLHdCQUF3Qix3REFDeEIsNkJBQTZCLDZEQUM3Qix5QkFBeUIseURBQ3pCLDJCQUEyQixnRUFDM0IsOEJBQThCOzs0RkFhckIsd0JBQXdCO2tCQTFCcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLEtBQUs7d0JBQ0wsSUFBSTt3QkFDSixXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLDZCQUE2Qjt3QkFDN0IseUJBQXlCO3dCQUN6QiwyQkFBMkI7d0JBQzNCLDhCQUE4QjtxQkFDL0IsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7eUJBQ3hEO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzQ2hpcENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3Vpcy1jaGlwL3N1aXMtY2hpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE11bHRpQ2hpcHNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbXVsdGktY2hpcHMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LW11bHRpLWlzLXNlbGVjdGVkLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QnV0dG9uTXVsdGlDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1tdWx0aS5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtbXVsdGknLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdGb3IsXG4gICAgTmdJZixcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzQ2hpcENvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RNdWx0aUNoaXBzUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0QnV0dG9uTXVsdGlDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdE11bHRpQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0TXVsdGlDb21wb25lbnQ8VD4gZXh0ZW5kcyBTdWlzU2VsZWN0TXVsdGlCYXNlPFQ+IHt9XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aVxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCJcbiAgICBbY2xlYXJhYmxlXT1cInZhbHVlcy5sZW5ndGggPiAwXCJcbiAgICAoZXhwYW5kZWRDaGFuZ2UpPVwib25FeHBhbmQoKVwiXG4gICAgKGNsZWFyZWQpPVwib25DbGVhcigkZXZlbnQpXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhdmFsdWVzPy5sZW5ndGhcIj5cbiAgICAgIHt7IHBsYWNlaG9sZGVyIH19XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInZhbHVlcz8ubGVuZ3RoXCI+XG4gICAgICA8c3Vpcy1jaGlwXG4gICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgIGxldCB2YWx1ZSBvZiB2YWx1ZXNcbiAgICAgICAgICAgIHwgc3Vpc1NlbGVjdE11bHRpQ2hpcHMgOiBvcHRpb25zIDogb3B0aW9uVmFsdWUgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgICBsZXQgaW5kZXggPSBpbmRleFxuICAgICAgICBcIlxuICAgICAgICBbcmVtb3ZhYmxlXT1cInRydWVcIlxuICAgICAgICBbY29sb3JdPVwiY2hpcENvbG9yXCJcbiAgICAgICAgW2ljb25Db2xvcl09XCJjaGlwSWNvbkNvbG9yXCJcbiAgICAgICAgKHJlbW92ZSk9XCJvblJlbW92ZShpbmRleClcIlxuICAgICAgPlxuICAgICAgICB7eyB2YWx1ZSB9fVxuICAgICAgPC9zdWlzLWNoaXA+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpPlxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kZWRcIiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19saXN0XCI+XG4gICAgPGlucHV0XG4gICAgICAjc2VhcmNoSW5wdXRcbiAgICAgICpuZ0lmPVwic2VhcmNoXCJcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlfX2xpc3RfX3NlYXJjaFwiXG4gICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgLz5cbiAgICA8c3Vpcy1zZWxlY3Qtb3B0aW9uXG4gICAgICAqbmdGb3I9XCJcbiAgICAgICAgbGV0IG9wdGlvbiBvZiBvcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0U29ydE9wdGlvbnMgOiBvcHRpb25MYWJlbFxuICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgdHJhY2tCeTogb3B0aW9uVHJhY2tCeVxuICAgICAgXCJcbiAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiXG4gICAgICBbb3B0aW9uVmFsdWVdPVwib3B0aW9uVmFsdWVcIlxuICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgIFtzZWxlY3RlZF09XCJvcHRpb25bb3B0aW9uVmFsdWVdIHwgc3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZCA6IHZhbHVlc1wiXG4gICAgICBbY2hlY2tib3hdPVwiIWR1cGxpY2F0ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb25bb3B0aW9uVmFsdWVdKVwiXG4gICAgPjwvc3Vpcy1zZWxlY3Qtb3B0aW9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -12,6 +12,7 @@ import { SuisSelectMultiGroupChipsPipe } from '../../pipes/suis-select-multi-gro
|
|
|
12
12
|
import { SuisSelectFilterGroupOptionsPipe } from '../../pipes/suis-select-filter-group-options.pipe';
|
|
13
13
|
import { SuisSelectMultiIsSelectedPipe } from '../../pipes/suis-select-multi-is-selected.pipe';
|
|
14
14
|
import { SuisSelectFilterOptionsPipe } from '../../pipes/suis-select-filter-options.pipe';
|
|
15
|
+
import { SuisSelectSortGroupOptionsPipe } from '../../pipes/suis-select-sort-group-options.pipe';
|
|
15
16
|
import * as i0 from "@angular/core";
|
|
16
17
|
import * as i1 from "@angular/common";
|
|
17
18
|
import * as i2 from "@angular/forms";
|
|
@@ -30,7 +31,7 @@ export class SuisSelectMultiGroupComponent extends SuisSelectMultiBase {
|
|
|
30
31
|
multi: true,
|
|
31
32
|
useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
|
|
32
33
|
},
|
|
33
|
-
], 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
|
|
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 [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 }); }
|
|
34
35
|
}
|
|
35
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiGroupComponent, decorators: [{
|
|
36
37
|
type: Component,
|
|
@@ -46,17 +47,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
46
47
|
SuisSelectFilterOptionsPipe,
|
|
47
48
|
SuisSelectFilterGroupOptionsPipe,
|
|
48
49
|
SuisSelectMultiIsSelectedPipe,
|
|
50
|
+
SuisSelectSortGroupOptionsPipe,
|
|
49
51
|
], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
50
52
|
{
|
|
51
53
|
provide: NG_VALUE_ACCESSOR,
|
|
52
54
|
multi: true,
|
|
53
55
|
useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
|
|
54
56
|
},
|
|
55
|
-
], 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
|
|
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 [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"] }]
|
|
56
58
|
}], propDecorators: { suisSelectGroupOption: [{
|
|
57
59
|
type: ContentChild,
|
|
58
60
|
args: [SuisSelectGroupOptionDirective]
|
|
59
61
|
}], groupOptions: [{
|
|
60
62
|
type: Input
|
|
61
63
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOzs7O0FBOEJqRyxNQUFNLE9BQU8sNkJBQWlDLFNBQVEsbUJBQXNCO0lBNUI1RTs7UUFpQ0U7O1dBRUc7UUFDTSxpQkFBWSxHQUE0QixFQUFFLENBQUM7S0FDckQ7K0dBVFksNkJBQTZCO21HQUE3Qiw2QkFBNkIsZ0hBUjdCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQzthQUM3RDtTQUNGLDZFQUlhLDhCQUE4Qix1RUNyRDlDLG9zRUFzRUEscThCRDNDSSxZQUFZLCtQQUNaLFdBQVcsK21CQUNYLGlCQUFpQix3SEFDakIsOEJBQThCLHFFQUM5Qix5QkFBeUIsOEtBQ3pCLDhCQUE4QixtR0FDOUIseUJBQXlCLHlEQUN6Qiw2QkFBNkIsNkRBQzdCLDJCQUEyQiwyREFDM0IsZ0NBQWdDLGdFQUNoQyw2QkFBNkIsNkRBQzdCLDhCQUE4Qjs7NEZBYXJCLDZCQUE2QjtrQkE1QnpDLFNBQVM7K0JBQ0UseUJBQXlCLGNBQ3ZCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQiw4QkFBOEI7d0JBQzlCLHlCQUF5Qjt3QkFDekIsOEJBQThCO3dCQUM5Qix5QkFBeUI7d0JBQ3pCLDZCQUE2Qjt3QkFDN0IsMkJBQTJCO3dCQUMzQixnQ0FBZ0M7d0JBQ2hDLDZCQUE2Qjt3QkFDN0IsOEJBQThCO3FCQUMvQixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw4QkFBOEIsQ0FBQzt5QkFDN0Q7cUJBQ0Y7OEJBS0QscUJBQXFCO3NCQURwQixZQUFZO3VCQUFDLDhCQUE4QjtnQkFNbkMsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdWlzLWNoaXAvc3Vpcy1jaGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1tdWx0aS5iYXNlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkuY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlHcm91cENoaXBzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLWNoaXBzLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlckdyb3VwT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItZ3JvdXAtb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUlzU2VsZWN0ZWRQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbXVsdGktaXMtc2VsZWN0ZWQucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtZ3JvdXAtb3B0aW9ucy5waXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFN1aXNDaGlwQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RHcm91cE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RNdWx0aUdyb3VwQ2hpcHNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdE11bHRpR3JvdXBDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RNdWx0aUdyb3VwQ29tcG9uZW50PFQ+IGV4dGVuZHMgU3Vpc1NlbGVjdE11bHRpQmFzZTxUPiB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgQENvbnRlbnRDaGlsZChTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmUpXG4gIHN1aXNTZWxlY3RHcm91cE9wdGlvbj86IFN1aXNTZWxlY3RHcm91cE9wdGlvbkRpcmVjdGl2ZTtcblxuICAvKipcbiAgICogR3JvdXAgb3B0aW9ucyBkaXNwbGF5ZWQgaW4gZHJvcGRvd24gbGlzdC4gVHlwZSBvZiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXS5cbiAgICovXG4gIEBJbnB1dCgpIGdyb3VwT3B0aW9uczogU3Vpc1NlbGVjdEdyb3VwT3B0aW9uW10gPSBbXTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aS1ncm91cFwiPlxuICA8c3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpXG4gICAgW2ludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgIFtjbGVhcmFibGVdPVwidmFsdWVzLmxlbmd0aCA+IDBcIlxuICAgIChleHBhbmRlZENoYW5nZSk9XCJvbkV4cGFuZCgpXCJcbiAgICAoY2xlYXJlZCk9XCJvbkNsZWFyKCRldmVudClcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiF2YWx1ZXM/Lmxlbmd0aFwiPlxuICAgICAge3sgcGxhY2Vob2xkZXIgfX1cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidmFsdWVzPy5sZW5ndGhcIj5cbiAgICAgIDxzdWlzLWNoaXBcbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgbGV0IHZhbHVlIG9mIHZhbHVlc1xuICAgICAgICAgICAgfCBzdWlzU2VsZWN0TXVsdGlHcm91cENoaXBzXG4gICAgICAgICAgICAgIDogZ3JvdXBPcHRpb25zXG4gICAgICAgICAgICAgIDogb3B0aW9uVmFsdWVcbiAgICAgICAgICAgICAgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgICBsZXQgaW5kZXggPSBpbmRleFxuICAgICAgICBcIlxuICAgICAgICBbcmVtb3ZhYmxlXT1cInRydWVcIlxuICAgICAgICBbY29sb3JdPVwiY2hpcENvbG9yXCJcbiAgICAgICAgW2ljb25Db2xvcl09XCJjaGlwSWNvbkNvbG9yXCJcbiAgICAgICAgKHJlbW92ZSk9XCJvblJlbW92ZShpbmRleClcIlxuICAgICAgPlxuICAgICAgICB7eyB2YWx1ZSB9fVxuICAgICAgPC9zdWlzLWNoaXA+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpPlxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kZWRcIiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpLWdyb3VwX19saXN0XCI+XG4gICAgPGlucHV0XG4gICAgICAjc2VhcmNoSW5wdXRcbiAgICAgICpuZ0lmPVwic2VhcmNoXCJcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXBfX2xpc3RfX3NlYXJjaFwiXG4gICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgLz5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdGb3I9XCJcbiAgICAgICAgbGV0IGdyb3VwIG9mIGdyb3VwT3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRHcm91cE9wdGlvbnNcbiAgICAgICAgICB8IHN1aXNTZWxlY3RGaWx0ZXJHcm91cE9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbFxuICAgICAgXCJcbiAgICA+XG4gICAgICA8c3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uXG4gICAgICAgIFtvcHRpb25dPVwiZ3JvdXBcIlxuICAgICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc1NlbGVjdEdyb3VwT3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgICA+PC9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24+XG4gICAgICA8c3Vpcy1zZWxlY3Qtb3B0aW9uXG4gICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgIGxldCBvcHRpb24gb2YgZ3JvdXAuY2hpbGRyZW5cbiAgICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zIDogb3B0aW9uTGFiZWxcbiAgICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbDtcbiAgICAgICAgICB0cmFja0J5OiBvcHRpb25UcmFja0J5XG4gICAgICAgIFwiXG4gICAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgICAgICAgW29wdGlvblZhbHVlXT1cIm9wdGlvblZhbHVlXCJcbiAgICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgICAgW3NlbGVjdGVkXT1cIm9wdGlvbltvcHRpb25WYWx1ZV0gfCBzdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkIDogdmFsdWVzXCJcbiAgICAgICAgW2NoZWNrYm94XT1cIiFkdXBsaWNhdGVcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb25bb3B0aW9uVmFsdWVdKVwiXG4gICAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -4,6 +4,14 @@ import { SuisIconComponent } from '../../../../components/suis-icon/suis-icon.co
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class SuisSelectOptionComponent {
|
|
6
6
|
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Option value property name in options. By default set to 'value'.
|
|
9
|
+
*/
|
|
10
|
+
this.optionValue = 'value';
|
|
11
|
+
/**
|
|
12
|
+
* Option label property name in options. By default set to 'label'.
|
|
13
|
+
*/
|
|
14
|
+
this.optionLabel = 'label';
|
|
7
15
|
/**
|
|
8
16
|
* Adds checkmark icon to checkbox (if checkbox input set to true). By default set to false.
|
|
9
17
|
*/
|
|
@@ -22,16 +30,20 @@ export class SuisSelectOptionComponent {
|
|
|
22
30
|
this.clicked.emit();
|
|
23
31
|
}
|
|
24
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectOptionComponent, isStandalone: true, selector: "suis-select-option", inputs: { option: "option", templateRef: "templateRef", selected: "selected", checkbox: "checkbox" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n class=\"suis-select-option\"\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"onClick()\"\n>\n <span\n class=\"suis-select-option__checkbox\"\n [class.suis-select-option__checkbox--selected]=\"selected\"\n *ngIf=\"checkbox\"\n >\n <suis-icon\n *ngIf=\"selected\"\n [bold]=\"true\"\n color=\"primary\"\n type=\"check\"\n size=\"sm\"\n ></suis-icon>\n </span>\n <span class=\"suis-select-option__label\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: option }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ option
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectOptionComponent, isStandalone: true, selector: "suis-select-option", inputs: { option: "option", templateRef: "templateRef", optionValue: "optionValue", optionLabel: "optionLabel", selected: "selected", checkbox: "checkbox" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n class=\"suis-select-option\"\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"onClick()\"\n>\n <span\n class=\"suis-select-option__checkbox\"\n [class.suis-select-option__checkbox--selected]=\"selected\"\n *ngIf=\"checkbox\"\n >\n <suis-icon\n *ngIf=\"selected\"\n [bold]=\"true\"\n color=\"primary\"\n type=\"check\"\n size=\"sm\"\n ></suis-icon>\n </span>\n <span class=\"suis-select-option__label\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: option }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ option ? option[optionLabel] : '' }}\n </ng-template>\n </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-option{width:100%;display:flex;align-items:center;background-color:transparent;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;cursor:pointer}.suis-select-option:hover{background-color:#f5f6fa}.suis-select-option__checkbox{min-width:1.125rem;min-height:1.125rem;border:.0625rem solid #dcdde1;margin-right:.75rem;display:flex;justify-content:center;align-items:center}.suis-select-option__checkbox--selected{border:.0625rem solid #bcbcbc}.suis-select-option__label{display:flex;justify-content:left;align-items:center;text-align:left;font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
26
34
|
}
|
|
27
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectOptionComponent, decorators: [{
|
|
28
36
|
type: Component,
|
|
29
|
-
args: [{ selector: 'suis-select-option', standalone: true, imports: [NgIf, NgTemplateOutlet, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"suis-select-option\"\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"onClick()\"\n>\n <span\n class=\"suis-select-option__checkbox\"\n [class.suis-select-option__checkbox--selected]=\"selected\"\n *ngIf=\"checkbox\"\n >\n <suis-icon\n *ngIf=\"selected\"\n [bold]=\"true\"\n color=\"primary\"\n type=\"check\"\n size=\"sm\"\n ></suis-icon>\n </span>\n <span class=\"suis-select-option__label\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: option }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ option
|
|
37
|
+
args: [{ selector: 'suis-select-option', standalone: true, imports: [NgIf, NgTemplateOutlet, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"suis-select-option\"\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"onClick()\"\n>\n <span\n class=\"suis-select-option__checkbox\"\n [class.suis-select-option__checkbox--selected]=\"selected\"\n *ngIf=\"checkbox\"\n >\n <suis-icon\n *ngIf=\"selected\"\n [bold]=\"true\"\n color=\"primary\"\n type=\"check\"\n size=\"sm\"\n ></suis-icon>\n </span>\n <span class=\"suis-select-option__label\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: option }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ option ? option[optionLabel] : '' }}\n </ng-template>\n </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-option{width:100%;display:flex;align-items:center;background-color:transparent;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;cursor:pointer}.suis-select-option:hover{background-color:#f5f6fa}.suis-select-option__checkbox{min-width:1.125rem;min-height:1.125rem;border:.0625rem solid #dcdde1;margin-right:.75rem;display:flex;justify-content:center;align-items:center}.suis-select-option__checkbox--selected{border:.0625rem solid #bcbcbc}.suis-select-option__label{display:flex;justify-content:left;align-items:center;text-align:left;font-size:.875rem}\n"] }]
|
|
30
38
|
}], propDecorators: { option: [{
|
|
31
39
|
type: Input,
|
|
32
40
|
args: [{ required: true }]
|
|
33
41
|
}], templateRef: [{
|
|
34
42
|
type: Input
|
|
43
|
+
}], optionValue: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], optionLabel: [{
|
|
46
|
+
type: Input
|
|
35
47
|
}], selected: [{
|
|
36
48
|
type: Input
|
|
37
49
|
}], checkbox: [{
|
|
@@ -39,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
39
51
|
}], clicked: [{
|
|
40
52
|
type: Output
|
|
41
53
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0RBQXNELENBQUM7O0FBVXpGLE1BQU0sT0FBTyx5QkFBeUI7SUFSdEM7UUFtQkU7O1dBRUc7UUFDTSxnQkFBVyxHQUFXLE9BQU8sQ0FBQztRQUV2Qzs7V0FFRztRQUNNLGdCQUFXLEdBQVcsT0FBTyxDQUFDO1FBRXZDOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFFbEM7O1dBRUc7UUFDTyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQU05QztJQUpDLGdCQUFnQjtJQUNoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQXZDVSx5QkFBeUI7bUdBQXpCLHlCQUF5Qiw2UUNwQnRDLHF3QkE4QkEsb3dCRGZZLElBQUksNkZBQUUsZ0JBQWdCLG9KQUFFLGlCQUFpQjs7NEZBS3hDLHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixDQUFDLG1CQUduQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQU1wQixNQUFNO3NCQUFoQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLaEIsV0FBVztzQkFBbkIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nSWYsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbiB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3Vpcy1zZWxlY3Qtb3B0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3Qtb3B0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nVGVtcGxhdGVPdXRsZXQsIFN1aXNJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtc2VsZWN0LW9wdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW9wdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBPcHRpb24gZGF0YS4gVHlwZSBvZiBTdWlzU2VsZWN0T3B0aW9uLiBSZXF1aXJlZCBpbnB1dC5cbiAgICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIG9wdGlvbj86IFN1aXNTZWxlY3RPcHRpb247XG5cbiAgLyoqXG4gICAqIFRlbXBsYXRlIHRvIGJlIGRpc3BsYXllZCBpbnN0ZWFkIG9mIG9wdGlvbidzIGxhYmVsLlxuICAgKi9cbiAgQElucHV0KCkgdGVtcGxhdGVSZWY/OiBUZW1wbGF0ZVJlZjx7ICRpbXBsaWNpdDogU3Vpc1NlbGVjdE9wdGlvbiB9PjtcblxuICAvKipcbiAgICogT3B0aW9uIHZhbHVlIHByb3BlcnR5IG5hbWUgaW4gb3B0aW9ucy4gQnkgZGVmYXVsdCBzZXQgdG8gJ3ZhbHVlJy5cbiAgICovXG4gIEBJbnB1dCgpIG9wdGlvblZhbHVlOiBzdHJpbmcgPSAndmFsdWUnO1xuXG4gIC8qKlxuICAgKiBPcHRpb24gbGFiZWwgcHJvcGVydHkgbmFtZSBpbiBvcHRpb25zLiAgQnkgZGVmYXVsdCBzZXQgdG8gJ2xhYmVsJy5cbiAgICovXG4gIEBJbnB1dCgpIG9wdGlvbkxhYmVsOiBzdHJpbmcgPSAnbGFiZWwnO1xuXG4gIC8qKlxuICAgKiBBZGRzIGNoZWNrbWFyayBpY29uIHRvIGNoZWNrYm94IChpZiBjaGVja2JveCBpbnB1dCBzZXQgdG8gdHJ1ZSkuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgc2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGlzcGxheSBjaGVja2JveCBuZXh0IHRvIG9wdGlvbiBsYWJlbC4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIGNoZWNrYm94OiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogRW1pdHMgb24gb3B0aW9uIHNlbGVjdGVkLlxuICAgKi9cbiAgQE91dHB1dCgpIGNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgY2xhc3M9XCJzdWlzLXNlbGVjdC1vcHRpb25cIlxuICB0eXBlPVwiYnV0dG9uXCJcbiAgdGFiaW5kZXg9XCItMVwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuPlxuICA8c3BhblxuICAgIGNsYXNzPVwic3Vpcy1zZWxlY3Qtb3B0aW9uX19jaGVja2JveFwiXG4gICAgW2NsYXNzLnN1aXMtc2VsZWN0LW9wdGlvbl9fY2hlY2tib3gtLXNlbGVjdGVkXT1cInNlbGVjdGVkXCJcbiAgICAqbmdJZj1cImNoZWNrYm94XCJcbiAgPlxuICAgIDxzdWlzLWljb25cbiAgICAgICpuZ0lmPVwic2VsZWN0ZWRcIlxuICAgICAgW2JvbGRdPVwidHJ1ZVwiXG4gICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgdHlwZT1cImNoZWNrXCJcbiAgICAgIHNpemU9XCJzbVwiXG4gICAgPjwvc3Vpcy1pY29uPlxuICA8L3NwYW4+XG4gIDxzcGFuIGNsYXNzPVwic3Vpcy1zZWxlY3Qtb3B0aW9uX19sYWJlbFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0ZW1wbGF0ZVJlZjsgZWxzZSBsYWJlbFwiPlxuICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlUmVmOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogb3B0aW9uIH1cIlxuICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjbGFiZWw+XG4gICAgICB7eyBvcHRpb24gPyBvcHRpb25bb3B0aW9uTGFiZWxdIDogJycgfX1cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3NwYW4+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
17
17
|
standalone: true,
|
|
18
18
|
}]
|
|
19
19
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvZGlyZWN0aXZlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPL0QsTUFBTSxPQUFPLDhCQUE4QjtJQUozQztRQUtFOztXQUVHO1FBQ2EsZ0JBQVcsR0FBRyxNQUFNLENBQ2xDLENBQUEsV0FBaUQsQ0FBQSxDQUNsRCxDQUFDO0tBQ0g7K0dBUFksOEJBQThCO21HQUE5Qiw4QkFBOEI7OzRGQUE5Qiw4QkFBOEI7a0JBSjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBUZW1wbGF0ZVJlZiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBPcHRpb24gfSBmcm9tICcuLi9pbnRlcmZhY2VzL3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbi5pbnRlcmZhY2VzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N1aXNTZWxlY3RHcm91cE9wdGlvbl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmUge1xuICAvKipcbiAgICogQ3VzdG9tIHRlbXBsYXRlIG9mIHRoZSBncm91cCBvcHRpb24uXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgdGVtcGxhdGVSZWYgPSBpbmplY3QoXG4gICAgVGVtcGxhdGVSZWY8eyAkaW1wbGljaXQ6IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9PlxuICApO1xufVxuIl19
|