suis 1.2.1 → 1.4.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +0 -4
- package/esm2022/index.mjs +2 -1
- package/esm2022/lib/components/index.mjs +1 -11
- package/esm2022/lib/components/suis-box/suis-box.component.mjs +9 -3
- package/esm2022/lib/components/suis-chart/suis-chart.component.mjs +3 -3
- package/esm2022/lib/components/suis-container/suis-container.component.mjs +2 -2
- package/esm2022/lib/components/suis-dialog/suis-dialog.component.mjs +2 -2
- package/esm2022/lib/components/suis-form-field/suis-form-field.component.mjs +2 -2
- package/esm2022/lib/components/suis-input/suis-input.component.mjs +2 -2
- package/esm2022/lib/components/suis-input-image/suis-input-image.component.mjs +3 -3
- package/esm2022/lib/components/suis-input-number/suis-input-number.component.mjs +2 -2
- package/esm2022/lib/components/suis-pagination/suis-pagination-per-page-options.pipe.mjs +1 -1
- package/esm2022/lib/components/suis-pagination/suis-pagination.component.mjs +5 -5
- package/esm2022/lib/components/suis-table/suis-table.component.mjs +3 -3
- package/esm2022/lib/components/suis-text-area/suis-text-area.component.mjs +2 -2
- package/esm2022/lib/modules/index.mjs +4 -0
- package/esm2022/lib/modules/suis-button/components/suis-button/index.mjs +2 -0
- package/esm2022/lib/{components → modules/suis-button/components}/suis-button/suis-button.component.mjs +4 -4
- package/esm2022/lib/modules/suis-button/components/suis-button-link/index.mjs +2 -0
- package/esm2022/lib/{components → modules/suis-button/components}/suis-button-link/suis-button-link.component.mjs +4 -4
- package/esm2022/lib/modules/suis-button/components/suis-button-outlined/index.mjs +2 -0
- package/esm2022/lib/{components → modules/suis-button/components}/suis-button-outlined/suis-button-outlined.component.mjs +4 -4
- package/esm2022/lib/modules/suis-button/index.mjs +5 -0
- package/esm2022/lib/modules/suis-button/suis-button.module.mjs +30 -0
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation/index.mjs +2 -0
- package/esm2022/lib/{components → modules/suis-navigation/components}/suis-navigation/suis-navigation.component.mjs +3 -3
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group/index.mjs +2 -0
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group/suis-navigation-group.component.mjs +43 -0
- package/esm2022/lib/{components → modules/suis-navigation/components}/suis-navigation-group-item/suis-navigation-group-item.component.mjs +2 -2
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-item/index.mjs +2 -0
- package/esm2022/lib/{components → modules/suis-navigation/components}/suis-navigation-item/suis-navigation-item.component.mjs +1 -1
- package/esm2022/lib/modules/suis-navigation/directives/suis-navigation-item.directive.mjs +20 -0
- package/esm2022/lib/modules/suis-navigation/index.mjs +5 -0
- package/esm2022/lib/modules/suis-navigation/interfaces/suis-navigation-item.interfaces.mjs +2 -0
- package/esm2022/lib/modules/suis-navigation/suis-navigation.module.mjs +17 -0
- package/esm2022/lib/modules/suis-select/classes/suis-select-button.base.mjs +56 -0
- package/esm2022/lib/modules/suis-select/classes/suis-select-multi.base.mjs +65 -0
- package/esm2022/lib/modules/suis-select/classes/suis-select-single.base.mjs +46 -0
- package/esm2022/lib/modules/suis-select/classes/suis-select.base.mjs +88 -0
- package/esm2022/lib/modules/suis-select/components/suis-select/index.mjs +2 -0
- package/esm2022/lib/modules/suis-select/components/suis-select/suis-select.component.mjs +43 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-button/index.mjs +2 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-button/suis-select-button.component.mjs +15 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-button-multi/suis-select-button-multi.component.mjs +16 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-group/index.mjs +2 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.mjs +60 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-group-option/index.mjs +2 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-group-option/suis-select-group-option.component.mjs +18 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-multi/index.mjs +2 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-multi/suis-select-multi.component.mjs +45 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-multi-group/index.mjs +2 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.mjs +62 -0
- package/esm2022/lib/modules/suis-select/components/suis-select-option/index.mjs +2 -0
- package/esm2022/lib/{components → modules/suis-select/components}/suis-select-option/suis-select-option.component.mjs +2 -2
- package/esm2022/lib/modules/suis-select/directives/suis-select-group-option.directive.mjs +20 -0
- package/esm2022/lib/modules/suis-select/directives/suis-select-option.directive.mjs +20 -0
- package/esm2022/lib/modules/suis-select/index.mjs +10 -0
- package/esm2022/lib/modules/suis-select/interfaces/suis-select-group-option.interfaces.mjs +2 -0
- package/esm2022/lib/modules/suis-select/interfaces/suis-select-option.interfaces.mjs +2 -0
- package/esm2022/lib/modules/suis-select/pipes/suis-select-filter-group-options.pipe.mjs +19 -0
- package/esm2022/lib/modules/suis-select/pipes/suis-select-filter-options.pipe.mjs +19 -0
- package/esm2022/lib/modules/suis-select/pipes/suis-select-group-label.pipe.mjs +23 -0
- package/esm2022/lib/modules/suis-select/pipes/suis-select-is-selected.pipe.mjs +17 -0
- package/esm2022/lib/modules/suis-select/pipes/suis-select-label.pipe.mjs +22 -0
- package/esm2022/lib/{components/suis-select-multi → modules/suis-select/pipes}/suis-select-multi-chips.pipe.mjs +1 -1
- package/esm2022/lib/modules/suis-select/pipes/suis-select-multi-group-chips.pipe.mjs +25 -0
- package/esm2022/lib/{components/suis-select-multi → modules/suis-select/pipes}/suis-select-multi-is-selected.pipe.mjs +1 -1
- package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-options.pipe.mjs +17 -0
- package/esm2022/lib/modules/suis-select/suis-select.module.mjs +48 -0
- package/esm2022/lib/shared/classes/index.mjs +1 -2
- package/fesm2022/suis.mjs +860 -537
- package/fesm2022/suis.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/components/index.d.ts +0 -10
- package/lib/components/suis-box/suis-box.component.d.ts +5 -1
- package/lib/components/suis-pagination/suis-pagination-per-page-options.pipe.d.ts +1 -1
- package/lib/components/suis-table/suis-table.component.d.ts +1 -1
- package/lib/modules/index.d.ts +3 -0
- package/lib/{components → modules/suis-button/components}/suis-button/suis-button.component.d.ts +1 -1
- package/lib/{components → modules/suis-button/components}/suis-button-link/suis-button-link.component.d.ts +1 -1
- package/lib/{components → modules/suis-button/components}/suis-button-outlined/suis-button-outlined.component.d.ts +1 -1
- package/lib/modules/suis-button/index.d.ts +4 -0
- package/lib/modules/suis-button/suis-button.module.d.ts +9 -0
- package/lib/{components → modules/suis-navigation/components}/suis-navigation/index.d.ts +0 -1
- package/lib/{components → modules/suis-navigation/components}/suis-navigation/suis-navigation.component.d.ts +2 -2
- package/lib/{components → modules/suis-navigation/components}/suis-navigation-group/suis-navigation-group.component.d.ts +1 -1
- package/lib/{components → modules/suis-navigation/components}/suis-navigation-group-item/suis-navigation-group-item.component.d.ts +1 -1
- package/lib/modules/suis-navigation/components/suis-navigation-item/index.d.ts +1 -0
- package/lib/{components → modules/suis-navigation/components}/suis-navigation-item/suis-navigation-item.component.d.ts +1 -1
- package/lib/modules/suis-navigation/index.d.ts +4 -0
- package/lib/{components → modules}/suis-navigation/suis-navigation.module.d.ts +2 -2
- package/lib/modules/suis-select/classes/suis-select-button.base.d.ts +32 -0
- package/lib/{components/suis-select-multi/suis-select-multi.component.d.ts → modules/suis-select/classes/suis-select-multi.base.d.ts} +5 -5
- package/lib/modules/suis-select/classes/suis-select-single.base.d.ts +16 -0
- package/lib/{shared → modules/suis-select}/classes/suis-select.base.d.ts +6 -4
- package/lib/{components → modules/suis-select/components}/suis-select/index.d.ts +0 -1
- package/lib/modules/suis-select/components/suis-select/suis-select.component.d.ts +6 -0
- package/lib/modules/suis-select/components/suis-select-button/index.d.ts +1 -0
- package/lib/modules/suis-select/components/suis-select-button/suis-select-button.component.d.ts +6 -0
- package/lib/modules/suis-select/components/suis-select-button-multi/suis-select-button-multi.component.d.ts +6 -0
- package/lib/modules/suis-select/components/suis-select-group/index.d.ts +1 -0
- package/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.d.ts +14 -0
- package/lib/modules/suis-select/components/suis-select-group-option/index.d.ts +1 -0
- package/lib/modules/suis-select/components/suis-select-group-option/suis-select-group-option.component.d.ts +17 -0
- package/lib/modules/suis-select/components/suis-select-multi/suis-select-multi.component.d.ts +6 -0
- package/lib/modules/suis-select/components/suis-select-multi-group/index.d.ts +1 -0
- package/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.d.ts +14 -0
- package/lib/modules/suis-select/components/suis-select-option/index.d.ts +1 -0
- package/lib/{components → modules/suis-select/components}/suis-select-option/suis-select-option.component.d.ts +1 -1
- package/lib/modules/suis-select/directives/suis-select-group-option.directive.d.ts +10 -0
- package/lib/modules/suis-select/index.d.ts +9 -0
- package/lib/modules/suis-select/interfaces/suis-select-group-option.interfaces.d.ts +6 -0
- package/lib/modules/suis-select/pipes/suis-select-filter-group-options.pipe.d.ts +8 -0
- package/lib/{shared → modules/suis-select}/pipes/suis-select-filter-options.pipe.d.ts +1 -1
- package/lib/modules/suis-select/pipes/suis-select-group-label.pipe.d.ts +8 -0
- package/lib/{components/suis-select → modules/suis-select/pipes}/suis-select-label.pipe.d.ts +1 -1
- package/lib/{components/suis-select-multi → 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 +8 -0
- package/lib/{shared → modules/suis-select}/pipes/suis-select-sort-options.pipe.d.ts +1 -1
- package/lib/modules/suis-select/suis-select.module.d.ts +12 -0
- package/lib/shared/classes/index.d.ts +0 -1
- package/package.json +1 -2
- package/esm2022/lib/components/suis-button/index.mjs +0 -2
- package/esm2022/lib/components/suis-button-link/index.mjs +0 -2
- package/esm2022/lib/components/suis-button-outlined/index.mjs +0 -2
- package/esm2022/lib/components/suis-navigation/index.mjs +0 -3
- package/esm2022/lib/components/suis-navigation/suis-navigation.module.mjs +0 -17
- package/esm2022/lib/components/suis-navigation-group/index.mjs +0 -2
- package/esm2022/lib/components/suis-navigation-group/suis-navigation-group.component.mjs +0 -43
- package/esm2022/lib/components/suis-navigation-group-item/index.mjs +0 -2
- package/esm2022/lib/components/suis-navigation-item/index.mjs +0 -4
- package/esm2022/lib/components/suis-navigation-item/suis-navigation-item.directive.mjs +0 -20
- package/esm2022/lib/components/suis-navigation-item/suis-navigation-item.interfaces.mjs +0 -2
- package/esm2022/lib/components/suis-select/index.mjs +0 -3
- package/esm2022/lib/components/suis-select/suis-select-is-selected.pipe.mjs +0 -17
- package/esm2022/lib/components/suis-select/suis-select-label.pipe.mjs +0 -22
- package/esm2022/lib/components/suis-select/suis-select.component.mjs +0 -78
- package/esm2022/lib/components/suis-select/suis-select.module.mjs +0 -31
- package/esm2022/lib/components/suis-select-multi/index.mjs +0 -2
- package/esm2022/lib/components/suis-select-multi/suis-select-multi.component.mjs +0 -98
- package/esm2022/lib/components/suis-select-option/index.mjs +0 -4
- package/esm2022/lib/components/suis-select-option/suis-select-option.directive.mjs +0 -20
- package/esm2022/lib/components/suis-select-option/suis-select-option.interfaces.mjs +0 -2
- package/esm2022/lib/shared/classes/suis-select.base.mjs +0 -81
- package/esm2022/lib/shared/pipes/suis-select-filter-options.pipe.mjs +0 -19
- package/esm2022/lib/shared/pipes/suis-select-sort-options.pipe.mjs +0 -17
- package/lib/components/suis-navigation-group-item/index.d.ts +0 -1
- package/lib/components/suis-navigation-item/index.d.ts +0 -3
- package/lib/components/suis-select/suis-select.component.d.ts +0 -16
- package/lib/components/suis-select/suis-select.module.d.ts +0 -9
- package/lib/components/suis-select-option/index.d.ts +0 -3
- /package/lib/{components → modules/suis-button/components}/suis-button/index.d.ts +0 -0
- /package/lib/{components → modules/suis-button/components}/suis-button-link/index.d.ts +0 -0
- /package/lib/{components → modules/suis-button/components}/suis-button-outlined/index.d.ts +0 -0
- /package/lib/{components → modules/suis-navigation/components}/suis-navigation-group/index.d.ts +0 -0
- /package/lib/{components/suis-navigation-item → modules/suis-navigation/directives}/suis-navigation-item.directive.d.ts +0 -0
- /package/lib/{components/suis-navigation-item → modules/suis-navigation/interfaces}/suis-navigation-item.interfaces.d.ts +0 -0
- /package/lib/{components → modules/suis-select/components}/suis-select-multi/index.d.ts +0 -0
- /package/lib/{components/suis-select-option → modules/suis-select/directives}/suis-select-option.directive.d.ts +0 -0
- /package/lib/{components/suis-select-option → modules/suis-select/interfaces}/suis-select-option.interfaces.d.ts +0 -0
- /package/lib/{components/suis-select → modules/suis-select/pipes}/suis-select-is-selected.pipe.d.ts +0 -0
- /package/lib/{components/suis-select-multi → modules/suis-select/pipes}/suis-select-multi-is-selected.pipe.d.ts +0 -0
@@ -0,0 +1,65 @@
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
2
|
+
import { SuisSelectBase } from './suis-select.base';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export class SuisSelectMultiBase extends SuisSelectBase {
|
5
|
+
constructor() {
|
6
|
+
super(...arguments);
|
7
|
+
/** @internal */
|
8
|
+
this.values = [];
|
9
|
+
/**
|
10
|
+
* Allows to select duplicated values and remove checkboxes next to options' label. By default set to false.
|
11
|
+
*/
|
12
|
+
this.duplicate = false;
|
13
|
+
/**
|
14
|
+
* Sets the color pallette of the chips. Type of SuisColor. By default set to 'primary'.
|
15
|
+
*/
|
16
|
+
this.chipColor = 'primary';
|
17
|
+
/**
|
18
|
+
* Sets the color of the chips' cross icon. Type of SuisColor. By default set to 'white'.
|
19
|
+
*/
|
20
|
+
this.chipIconColor = 'white';
|
21
|
+
}
|
22
|
+
writeValue(obj) {
|
23
|
+
this.values = obj;
|
24
|
+
this._onChange(this.values);
|
25
|
+
this.cdRef.markForCheck();
|
26
|
+
}
|
27
|
+
onSelect(value) {
|
28
|
+
if (this.duplicate ||
|
29
|
+
!this.values.some((v) => JSON.stringify(v) === JSON.stringify(value))) {
|
30
|
+
this.setValue([...this.values, value]);
|
31
|
+
}
|
32
|
+
else {
|
33
|
+
this.setValue([
|
34
|
+
...this.values.filter((v) => JSON.stringify(v) !== JSON.stringify(value)),
|
35
|
+
]);
|
36
|
+
}
|
37
|
+
}
|
38
|
+
onRemove(index) {
|
39
|
+
const values = [...this.values];
|
40
|
+
values.splice(index, 1);
|
41
|
+
this.setValue([...values]);
|
42
|
+
}
|
43
|
+
clearValue() {
|
44
|
+
this.setValue([]);
|
45
|
+
this.toggle(false);
|
46
|
+
}
|
47
|
+
setValue(value) {
|
48
|
+
this.values = value;
|
49
|
+
this._onChange(this.values);
|
50
|
+
this.changed.emit();
|
51
|
+
this.cdRef.markForCheck();
|
52
|
+
}
|
53
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
54
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectMultiBase, inputs: { duplicate: "duplicate", chipColor: "chipColor", chipIconColor: "chipIconColor" }, usesInheritance: true, ngImport: i0 }); }
|
55
|
+
}
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiBase, decorators: [{
|
57
|
+
type: Directive
|
58
|
+
}], propDecorators: { duplicate: [{
|
59
|
+
type: Input
|
60
|
+
}], chipColor: [{
|
61
|
+
type: Input
|
62
|
+
}], chipIconColor: [{
|
63
|
+
type: Input
|
64
|
+
}] } });
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGkuYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY2xhc3Nlcy9zdWlzLXNlbGVjdC1tdWx0aS5iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFJcEQsTUFBTSxPQUFnQixtQkFBdUIsU0FBUSxjQUFpQjtJQUR0RTs7UUFFRSxnQkFBZ0I7UUFDaEIsV0FBTSxHQUFRLEVBQUUsQ0FBQztRQUVqQjs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxjQUFTLEdBQWMsU0FBUyxDQUFDO1FBRTFDOztXQUVHO1FBQ00sa0JBQWEsR0FBYyxPQUFPLENBQUM7S0F3QzdDO0lBdENVLFVBQVUsQ0FBQyxHQUFRO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVRLFFBQVEsQ0FBQyxLQUFRO1FBQ3hCLElBQ0UsSUFBSSxDQUFDLFNBQVM7WUFDZCxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDckU7WUFDQSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7U0FDeEM7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLENBQUM7Z0JBQ1osR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FDbkIsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FDbkQ7YUFDRixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixNQUFNLE1BQU0sR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVRLFVBQVU7UUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JCLENBQUM7SUFFUSxRQUFRLENBQUMsS0FBVTtRQUMxQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQzsrR0F4RG1CLG1CQUFtQjttR0FBbkIsbUJBQW1COzs0RkFBbkIsbUJBQW1CO2tCQUR4QyxTQUFTOzhCQVFDLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFLRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEJhc2UgfSBmcm9tICcuL3N1aXMtc2VsZWN0LmJhc2UnO1xuaW1wb3J0IHsgU3Vpc0NvbG9yIH0gZnJvbSAnLi4vLi4vLi4vdHlwZXMvc3Vpcy1jb2xvci50eXBlJztcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgU3Vpc1NlbGVjdE11bHRpQmFzZTxUPiBleHRlbmRzIFN1aXNTZWxlY3RCYXNlPFQ+IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICB2YWx1ZXM6IFRbXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBBbGxvd3MgdG8gc2VsZWN0IGR1cGxpY2F0ZWQgdmFsdWVzIGFuZCByZW1vdmUgY2hlY2tib3hlcyBuZXh0IHRvIG9wdGlvbnMnIGxhYmVsLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGR1cGxpY2F0ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBwYWxsZXR0ZSBvZiB0aGUgY2hpcHMuIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAncHJpbWFyeScuXG4gICAqL1xuICBASW5wdXQoKSBjaGlwQ29sb3I6IFN1aXNDb2xvciA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3Igb2YgdGhlIGNoaXBzJyBjcm9zcyBpY29uLiBUeXBlIG9mIFN1aXNDb2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ3doaXRlJy5cbiAgICovXG4gIEBJbnB1dCgpIGNoaXBJY29uQ29sb3I6IFN1aXNDb2xvciA9ICd3aGl0ZSc7XG5cbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IFRbXSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWVzID0gb2JqO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWVzKTtcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb3ZlcnJpZGUgb25TZWxlY3QodmFsdWU6IFQpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICB0aGlzLmR1cGxpY2F0ZSB8fFxuICAgICAgIXRoaXMudmFsdWVzLnNvbWUoKHYpID0+IEpTT04uc3RyaW5naWZ5KHYpID09PSBKU09OLnN0cmluZ2lmeSh2YWx1ZSkpXG4gICAgKSB7XG4gICAgICB0aGlzLnNldFZhbHVlKFsuLi50aGlzLnZhbHVlcywgdmFsdWVdKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRWYWx1ZShbXG4gICAgICAgIC4uLnRoaXMudmFsdWVzLmZpbHRlcihcbiAgICAgICAgICAodikgPT4gSlNPTi5zdHJpbmdpZnkodikgIT09IEpTT04uc3RyaW5naWZ5KHZhbHVlKVxuICAgICAgICApLFxuICAgICAgXSk7XG4gICAgfVxuICB9XG5cbiAgb25SZW1vdmUoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGNvbnN0IHZhbHVlcyA9IFsuLi50aGlzLnZhbHVlc107XG4gICAgdmFsdWVzLnNwbGljZShpbmRleCwgMSk7XG4gICAgdGhpcy5zZXRWYWx1ZShbLi4udmFsdWVzXSk7XG4gIH1cblxuICBvdmVycmlkZSBjbGVhclZhbHVlKCk6IHZvaWQge1xuICAgIHRoaXMuc2V0VmFsdWUoW10pO1xuICAgIHRoaXMudG9nZ2xlKGZhbHNlKTtcbiAgfVxuXG4gIG92ZXJyaWRlIHNldFZhbHVlKHZhbHVlOiBUW10pOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlcyA9IHZhbHVlO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWVzKTtcbiAgICB0aGlzLmNoYW5nZWQuZW1pdCgpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiJdfQ==
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
2
|
+
import { SuisSelectBase } from './suis-select.base';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export class SuisSelectSingleBase extends SuisSelectBase {
|
5
|
+
constructor() {
|
6
|
+
super(...arguments);
|
7
|
+
/** @internal */
|
8
|
+
this.value = null;
|
9
|
+
/**
|
10
|
+
* Allows mechanism of clearing value. By default set to true.
|
11
|
+
*/
|
12
|
+
this.nullable = true;
|
13
|
+
}
|
14
|
+
writeValue(obj) {
|
15
|
+
this.value = obj;
|
16
|
+
this._onChange(this.value);
|
17
|
+
this.cdRef.markForCheck();
|
18
|
+
}
|
19
|
+
onSelect(value) {
|
20
|
+
if (JSON.stringify(this.value) === JSON.stringify(value)) {
|
21
|
+
if (this.nullable)
|
22
|
+
this.clearValue();
|
23
|
+
}
|
24
|
+
else {
|
25
|
+
this.setValue(value);
|
26
|
+
}
|
27
|
+
}
|
28
|
+
clearValue() {
|
29
|
+
this.setValue(null);
|
30
|
+
}
|
31
|
+
setValue(value) {
|
32
|
+
this.value = value;
|
33
|
+
this.toggle(false);
|
34
|
+
this._onChange(this.value);
|
35
|
+
this.changed.emit();
|
36
|
+
this.cdRef.markForCheck();
|
37
|
+
}
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSingleBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
39
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectSingleBase, inputs: { nullable: "nullable" }, usesInheritance: true, ngImport: i0 }); }
|
40
|
+
}
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectSingleBase, decorators: [{
|
42
|
+
type: Directive
|
43
|
+
}], propDecorators: { nullable: [{
|
44
|
+
type: Input
|
45
|
+
}] } });
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtc2luZ2xlLmJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L2NsYXNzZXMvc3Vpcy1zZWxlY3Qtc2luZ2xlLmJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQUdwRCxNQUFNLE9BQWdCLG9CQUF3QixTQUFRLGNBQWlCO0lBRHZFOztRQUVFLGdCQUFnQjtRQUNoQixVQUFLLEdBQWEsSUFBSSxDQUFDO1FBRXZCOztXQUVHO1FBQ00sYUFBUSxHQUFZLElBQUksQ0FBQztLQTJCbkM7SUF6QlUsVUFBVSxDQUFDLEdBQU07UUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7UUFDakIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRVEsUUFBUSxDQUFDLEtBQVE7UUFDeEIsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ3hELElBQUksSUFBSSxDQUFDLFFBQVE7Z0JBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ3RDO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQztJQUVRLFVBQVU7UUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QixDQUFDO0lBRVEsUUFBUSxDQUFDLEtBQWU7UUFDL0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQzsrR0FqQ21CLG9CQUFvQjttR0FBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQUR6QyxTQUFTOzhCQVFDLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QmFzZSB9IGZyb20gJy4vc3Vpcy1zZWxlY3QuYmFzZSc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFN1aXNTZWxlY3RTaW5nbGVCYXNlPFQ+IGV4dGVuZHMgU3Vpc1NlbGVjdEJhc2U8VD4ge1xuICAvKiogQGludGVybmFsICovXG4gIHZhbHVlOiBUIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIEFsbG93cyBtZWNoYW5pc20gb2YgY2xlYXJpbmcgdmFsdWUuIEJ5IGRlZmF1bHQgc2V0IHRvIHRydWUuXG4gICAqL1xuICBASW5wdXQoKSBudWxsYWJsZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IFQpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBvdmVycmlkZSBvblNlbGVjdCh2YWx1ZTogVCkge1xuICAgIGlmIChKU09OLnN0cmluZ2lmeSh0aGlzLnZhbHVlKSA9PT0gSlNPTi5zdHJpbmdpZnkodmFsdWUpKSB7XG4gICAgICBpZiAodGhpcy5udWxsYWJsZSkgdGhpcy5jbGVhclZhbHVlKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2V0VmFsdWUodmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIG92ZXJyaWRlIGNsZWFyVmFsdWUoKSB7XG4gICAgdGhpcy5zZXRWYWx1ZShudWxsKTtcbiAgfVxuXG4gIG92ZXJyaWRlIHNldFZhbHVlKHZhbHVlOiBUIHwgbnVsbCkge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLnRvZ2dsZShmYWxzZSk7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQoKTtcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG59XG4iXX0=
|
@@ -0,0 +1,88 @@
|
|
1
|
+
import { ContentChild, Directive, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild, } from '@angular/core';
|
2
|
+
import { SuisInputBase } from '../../../shared/classes/suis-input.base';
|
3
|
+
import { SuisSelectOptionDirective } from '../directives/suis-select-option.directive';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export class SuisSelectBase extends SuisInputBase {
|
6
|
+
constructor() {
|
7
|
+
super(...arguments);
|
8
|
+
/** @internal */
|
9
|
+
this.searchPhrase = '';
|
10
|
+
/** @internal */
|
11
|
+
this.expanded = false; // TODO: Remove
|
12
|
+
/**
|
13
|
+
* Options displayed in dropdown list. Type of SuisSelectOption[].
|
14
|
+
*/
|
15
|
+
this.options = [];
|
16
|
+
/**
|
17
|
+
* Displays search input above options. By default set to true.
|
18
|
+
*/
|
19
|
+
this.search = true;
|
20
|
+
/**
|
21
|
+
* Placeholder text displayed in options search. By default set to 'Search...'.
|
22
|
+
*/
|
23
|
+
this.searchPlaceholder = 'Search...';
|
24
|
+
/**
|
25
|
+
* Placeholder text displayed when value is not selected. By default set to 'Select option...'.
|
26
|
+
*/
|
27
|
+
this.placeholder = 'Select option...';
|
28
|
+
/**
|
29
|
+
* Emits on search phrase changed.
|
30
|
+
*/
|
31
|
+
this.searchPhraseChanged = new EventEmitter();
|
32
|
+
}
|
33
|
+
onClear(event) {
|
34
|
+
this.clearValue();
|
35
|
+
event.stopPropagation();
|
36
|
+
}
|
37
|
+
onSearchPhraseChange(text) {
|
38
|
+
this.searchPhrase = text;
|
39
|
+
this.searchPhraseChanged.emit(text);
|
40
|
+
}
|
41
|
+
onExpand() {
|
42
|
+
this.toggle(!this.expanded);
|
43
|
+
this.onTouch();
|
44
|
+
}
|
45
|
+
toggle(value) {
|
46
|
+
this.expanded = value;
|
47
|
+
this.searchPhrase = '';
|
48
|
+
if (this.expanded)
|
49
|
+
setTimeout(() => {
|
50
|
+
this.searchInput?.nativeElement.focus();
|
51
|
+
}, 0);
|
52
|
+
}
|
53
|
+
onDocumentClick(event) {
|
54
|
+
if (!this.elRef.nativeElement.contains(event.target)) {
|
55
|
+
this.expanded = false;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
/** @internal */
|
59
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
60
|
+
optionTrackBy(index, option) {
|
61
|
+
return `${JSON.stringify(option.value)}`;
|
62
|
+
}
|
63
|
+
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 }); }
|
65
|
+
}
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectBase, decorators: [{
|
67
|
+
type: Directive
|
68
|
+
}], propDecorators: { suisSelectOption: [{
|
69
|
+
type: ContentChild,
|
70
|
+
args: [SuisSelectOptionDirective]
|
71
|
+
}], searchInput: [{
|
72
|
+
type: ViewChild,
|
73
|
+
args: ['searchInput', { static: false }]
|
74
|
+
}], options: [{
|
75
|
+
type: Input
|
76
|
+
}], search: [{
|
77
|
+
type: Input
|
78
|
+
}], searchPlaceholder: [{
|
79
|
+
type: Input
|
80
|
+
}], placeholder: [{
|
81
|
+
type: Input
|
82
|
+
}], searchPhraseChanged: [{
|
83
|
+
type: Output
|
84
|
+
}], onDocumentClick: [{
|
85
|
+
type: HostListener,
|
86
|
+
args: ['document:click', ['$event']]
|
87
|
+
}] } });
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY2xhc3Nlcy9zdWlzLXNlbGVjdC5iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ1osU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7QUFHdkYsTUFBTSxPQUFnQixjQUFrQixTQUFRLGFBQWE7SUFEN0Q7O1FBVUUsZ0JBQWdCO1FBQ04saUJBQVksR0FBVyxFQUFFLENBQUM7UUFFcEMsZ0JBQWdCO1FBQ04sYUFBUSxHQUFZLEtBQUssQ0FBQyxDQUFDLGVBQWU7UUFFcEQ7O1dBRUc7UUFDTSxZQUFPLEdBQTBCLEVBQUUsQ0FBQztRQUU3Qzs7V0FFRztRQUNNLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFFaEM7O1dBRUc7UUFDTSxzQkFBaUIsR0FBVyxXQUFXLENBQUM7UUFFakQ7O1dBRUc7UUFDTSxnQkFBVyxHQUFXLGtCQUFrQixDQUFDO1FBRWxEOztXQUVHO1FBQ08sd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQTZDNUQ7SUFwQ0MsT0FBTyxDQUFDLEtBQVk7UUFDbEIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsb0JBQW9CLENBQUMsSUFBWTtRQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFjO1FBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxZQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFFBQVE7WUFDZixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxXQUFXLEVBQUUsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNWLENBQUM7SUFHRCxlQUFlLENBQUMsS0FBWTtRQUMxQixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNwRCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUN2QjtJQUNILENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsOERBQThEO0lBQzlELGFBQWEsQ0FBQyxLQUFhLEVBQUUsTUFBNkI7UUFDeEQsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7SUFDM0MsQ0FBQzsrR0FsRm1CLGNBQWM7bUdBQWQsY0FBYyw2VEFFcEIseUJBQXlCOzs0RkFGbkIsY0FBYztrQkFEbkMsU0FBUzs4QkFJUixnQkFBZ0I7c0JBRGYsWUFBWTt1QkFBQyx5QkFBeUI7Z0JBS3ZDLFdBQVc7c0JBRFYsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQVlsQyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtJLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFrQ1AsZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc0lucHV0QmFzZSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtaW5wdXQuYmFzZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0T3B0aW9uIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0T3B0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vZGlyZWN0aXZlcy9zdWlzLXNlbGVjdC1vcHRpb24uZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgU3Vpc1NlbGVjdEJhc2U8VD4gZXh0ZW5kcyBTdWlzSW5wdXRCYXNlIHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAQ29udGVudENoaWxkKFN1aXNTZWxlY3RPcHRpb25EaXJlY3RpdmUpXG4gIHN1aXNTZWxlY3RPcHRpb24/OiBTdWlzU2VsZWN0T3B0aW9uRGlyZWN0aXZlPFQ+O1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgQFZpZXdDaGlsZCgnc2VhcmNoSW5wdXQnLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgc2VhcmNoSW5wdXQ/OiBFbGVtZW50UmVmO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHJvdGVjdGVkIHNlYXJjaFBocmFzZTogc3RyaW5nID0gJyc7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwcm90ZWN0ZWQgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTsgLy8gVE9ETzogUmVtb3ZlXG5cbiAgLyoqXG4gICAqIE9wdGlvbnMgZGlzcGxheWVkIGluIGRyb3Bkb3duIGxpc3QuIFR5cGUgb2YgU3Vpc1NlbGVjdE9wdGlvbltdLlxuICAgKi9cbiAgQElucHV0KCkgb3B0aW9uczogU3Vpc1NlbGVjdE9wdGlvbjxUPltdID0gW107XG5cbiAgLyoqXG4gICAqIERpc3BsYXlzIHNlYXJjaCBpbnB1dCBhYm92ZSBvcHRpb25zLiBCeSBkZWZhdWx0IHNldCB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KCkgc2VhcmNoOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogUGxhY2Vob2xkZXIgdGV4dCBkaXNwbGF5ZWQgaW4gb3B0aW9ucyBzZWFyY2guIEJ5IGRlZmF1bHQgc2V0IHRvICdTZWFyY2guLi4nLlxuICAgKi9cbiAgQElucHV0KCkgc2VhcmNoUGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWFyY2guLi4nO1xuXG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGRpc3BsYXllZCB3aGVuIHZhbHVlIGlzIG5vdCBzZWxlY3RlZC4gQnkgZGVmYXVsdCBzZXQgdG8gJ1NlbGVjdCBvcHRpb24uLi4nLlxuICAgKi9cbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWxlY3Qgb3B0aW9uLi4uJztcblxuICAvKipcbiAgICogRW1pdHMgb24gc2VhcmNoIHBocmFzZSBjaGFuZ2VkLlxuICAgKi9cbiAgQE91dHB1dCgpIHNlYXJjaFBocmFzZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBhYnN0cmFjdCBvblNlbGVjdCh2YWx1ZTogVCk6IHZvaWQ7XG5cbiAgYWJzdHJhY3QgY2xlYXJWYWx1ZSgpOiB2b2lkO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIGFic3RyYWN0IHNldFZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkO1xuXG4gIG9uQ2xlYXIoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jbGVhclZhbHVlKCk7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH1cblxuICBvblNlYXJjaFBocmFzZUNoYW5nZSh0ZXh0OiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLnNlYXJjaFBocmFzZSA9IHRleHQ7XG4gICAgdGhpcy5zZWFyY2hQaHJhc2VDaGFuZ2VkLmVtaXQodGV4dCk7XG4gIH1cblxuICBvbkV4cGFuZCgpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZSghdGhpcy5leHBhbmRlZCk7XG4gICAgdGhpcy5vblRvdWNoKCk7XG4gIH1cblxuICB0b2dnbGUodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmV4cGFuZGVkID0gdmFsdWU7XG4gICAgdGhpcy5zZWFyY2hQaHJhc2UgPSAnJztcbiAgICBpZiAodGhpcy5leHBhbmRlZClcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLnNlYXJjaElucHV0Py5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgICB9LCAwKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcbiAgb25Eb2N1bWVudENsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIG9wdGlvblRyYWNrQnkoaW5kZXg6IG51bWJlciwgb3B0aW9uOiBTdWlzU2VsZWN0T3B0aW9uPGFueT4pOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHtKU09OLnN0cmluZ2lmeShvcHRpb24udmFsdWUpfWA7XG4gIH1cbn1cbiJdfQ==
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-select.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L2NvbXBvbmVudHMvc3Vpcy1zZWxlY3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QuY29tcG9uZW50JztcbiJdfQ==
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
|
2
|
+
import { NgFor, NgIf } from '@angular/common';
|
3
|
+
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
4
|
+
import { SuisSelectLabelPipe } from '../../pipes/suis-select-label.pipe';
|
5
|
+
import { SuisSelectIsSelectedPipe } from '../../pipes/suis-select-is-selected.pipe';
|
6
|
+
import { SuisSelectOptionComponent } from '../suis-select-option/suis-select-option.component';
|
7
|
+
import { SuisSelectSortOptionsPipe } from '../../pipes/suis-select-sort-options.pipe';
|
8
|
+
import { SuisSelectFilterOptionsPipe } from '../../pipes/suis-select-filter-options.pipe';
|
9
|
+
import { SuisSelectButtonComponent } from '../suis-select-button/suis-select-button.component';
|
10
|
+
import { SuisSelectSingleBase } from '../../classes/suis-select-single.base';
|
11
|
+
import * as i0 from "@angular/core";
|
12
|
+
import * as i1 from "@angular/forms";
|
13
|
+
export class SuisSelectComponent extends SuisSelectSingleBase {
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectComponent, isStandalone: true, selector: "suis-select", providers: [
|
16
|
+
{
|
17
|
+
provide: NG_VALUE_ACCESSOR,
|
18
|
+
multi: true,
|
19
|
+
useExisting: forwardRef(() => SuisSelectComponent),
|
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 {{ value | suisSelectLabel : options : placeholder }}\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\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\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", "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
|
+
}
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectComponent, decorators: [{
|
24
|
+
type: Component,
|
25
|
+
args: [{ selector: 'suis-select', standalone: true, imports: [
|
26
|
+
NgIf,
|
27
|
+
NgFor,
|
28
|
+
FormsModule,
|
29
|
+
SuisSelectOptionComponent,
|
30
|
+
SuisSelectButtonComponent,
|
31
|
+
SuisSelectLabelPipe,
|
32
|
+
SuisSelectIsSelectedPipe,
|
33
|
+
SuisSelectSortOptionsPipe,
|
34
|
+
SuisSelectFilterOptionsPipe,
|
35
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
36
|
+
{
|
37
|
+
provide: NG_VALUE_ACCESSOR,
|
38
|
+
multi: true,
|
39
|
+
useExisting: forwardRef(() => SuisSelectComponent),
|
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 {{ value | suisSelectLabel : options : placeholder }}\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\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\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
|
+
}] });
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0L3N1aXMtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC9zdWlzLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMxRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBMkI3RSxNQUFNLE9BQU8sbUJBQXVCLFNBQVEsb0JBQXVCOytHQUF0RCxtQkFBbUI7bUdBQW5CLG1CQUFtQiwwREFSbkI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2FBQ25EO1NBQ0YsaURDbENILCtrQ0FtQ0EsczJCRHBCSSxJQUFJLDZGQUNKLEtBQUssa0hBQ0wsV0FBVywrbUJBQ1gseUJBQXlCLGdKQUN6Qix5QkFBeUIsMERBQ3pCLG1CQUFtQixtREFDbkIsd0JBQXdCLHdEQUN4Qix5QkFBeUIseURBQ3pCLDJCQUEyQjs7NEZBYWxCLG1CQUFtQjtrQkF6Qi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUDt3QkFDUCxJQUFJO3dCQUNKLEtBQUs7d0JBQ0wsV0FBVzt3QkFDWCx5QkFBeUI7d0JBQ3pCLHlCQUF5Qjt3QkFDekIsbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsMkJBQTJCO3FCQUM1QixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzt5QkFDbkQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TGFiZWxQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbGFiZWwucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1pcy1zZWxlY3RlZC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtYnV0dG9uL3N1aXMtc2VsZWN0LWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNpbmdsZUJhc2UgfSBmcm9tICcuLi8uLi9jbGFzc2VzL3N1aXMtc2VsZWN0LXNpbmdsZS5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBOZ0ZvcixcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RCdXR0b25Db21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdExhYmVsUGlwZSxcbiAgICBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUsXG4gICAgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdENvbXBvbmVudDxUPiBleHRlbmRzIFN1aXNTZWxlY3RTaW5nbGVCYXNlPFQ+IHt9XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3RcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvblxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2NsZWFyYWJsZV09XCIhIShudWxsYWJsZSAmJiB2YWx1ZSlcIlxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgKGV4cGFuZGVkQ2hhbmdlKT1cIm9uRXhwYW5kKClcIlxuICAgIChjbGVhcmVkKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gID5cbiAgICB7eyB2YWx1ZSB8IHN1aXNTZWxlY3RMYWJlbCA6IG9wdGlvbnMgOiBwbGFjZWhvbGRlciB9fVxuICA8L3N1aXMtc2VsZWN0LWJ1dHRvbj5cbiAgPGRpdiAqbmdJZj1cImV4cGFuZGVkXCIgY2xhc3M9XCJzdWlzLXNlbGVjdF9fbGlzdFwiPlxuICAgIDxpbnB1dFxuICAgICAgI3NlYXJjaElucHV0XG4gICAgICAqbmdJZj1cInNlYXJjaFwiXG4gICAgICBbbmdNb2RlbF09XCJzZWFyY2hQaHJhc2VcIlxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25TZWFyY2hQaHJhc2VDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cInN1aXMtc2VsZWN0X19saXN0X19zZWFyY2hcIlxuICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwic2VhcmNoUGxhY2Vob2xkZXJcIlxuICAgIC8+XG4gICAgPHN1aXMtc2VsZWN0LW9wdGlvblxuICAgICAgKm5nRm9yPVwiXG4gICAgICAgIGxldCBvcHRpb24gb2Ygb3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0RmlsdGVyT3B0aW9ucyA6IHNlYXJjaFBocmFzZTtcbiAgICAgICAgdHJhY2tCeTogb3B0aW9uVHJhY2tCeVxuICAgICAgXCJcbiAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0T3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgICBbc2VsZWN0ZWRdPVwib3B0aW9uLnZhbHVlIHwgc3Vpc1NlbGVjdElzU2VsZWN0ZWQgOiB2YWx1ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb24udmFsdWUpXCJcbiAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-select-button.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L2NvbXBvbmVudHMvc3Vpcy1zZWxlY3QtYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LWJ1dHRvbi5jb21wb25lbnQnO1xuIl19
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { SuisIconComponent } from '../../../../components/suis-icon/suis-icon.component';
|
4
|
+
import { SuisSelectButtonBase } from '../../classes/suis-select-button.base';
|
5
|
+
import * as i0 from "@angular/core";
|
6
|
+
import * as i1 from "@angular/common";
|
7
|
+
export class SuisSelectButtonComponent extends SuisSelectButtonBase {
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectButtonComponent, isStandalone: true, selector: "suis-select-button", usesInheritance: true, ngImport: i0, template: "<button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-button\"\n [class.suis-select-button--invalid]=\"invalid\"\n [class.suis-select-button--readonly]=\"readonly\"\n [disabled]=\"readonly\"\n>\n <span class=\"suis-select-button__value\">\n <ng-content></ng-content>\n </span>\n <span class=\"suis-select-button__actions\">\n <suis-icon\n *ngIf=\"clearable\"\n class=\"suis-select-button__cross\"\n type=\"times\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select-button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button--invalid{border:.0625rem solid #ff4757}.suis-select-button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
10
|
+
}
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectButtonComponent, decorators: [{
|
12
|
+
type: Component,
|
13
|
+
args: [{ selector: 'suis-select-button', standalone: true, imports: [CommonModule, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-button\"\n [class.suis-select-button--invalid]=\"invalid\"\n [class.suis-select-button--readonly]=\"readonly\"\n [disabled]=\"readonly\"\n>\n <span class=\"suis-select-button__value\">\n <ng-content></ng-content>\n </span>\n <span class=\"suis-select-button__actions\">\n <suis-icon\n *ngIf=\"clearable\"\n class=\"suis-select-button__cross\"\n type=\"times\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select-button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button--invalid{border:.0625rem solid #ff4757}.suis-select-button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}\n"] }]
|
14
|
+
}] });
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1idXR0b24vc3Vpcy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1idXR0b24vc3Vpcy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFVN0UsTUFBTSxPQUFPLHlCQUEwQixTQUFRLG9CQUFvQjsrR0FBdEQseUJBQXlCO21HQUF6Qix5QkFBeUIscUdDYnRDLGl3QkE0QkEsd2xDRHBCWSxZQUFZLG1JQUFFLGlCQUFpQjs7NEZBSzlCLHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDLG1CQUd6Qix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QnV0dG9uQmFzZSB9IGZyb20gJy4uLy4uL2NsYXNzZXMvc3Vpcy1zZWxlY3QtYnV0dG9uLmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXNlbGVjdC1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXNlbGVjdC1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBTdWlzU2VsZWN0QnV0dG9uQmFzZSB7fVxuIiwiPGJ1dHRvblxuICB0eXBlPVwiYnV0dG9uXCJcbiAgKGNsaWNrKT1cIm9uRXhwYW5kKClcIlxuICBjbGFzcz1cInN1aXMtc2VsZWN0LWJ1dHRvblwiXG4gIFtjbGFzcy5zdWlzLXNlbGVjdC1idXR0b24tLWludmFsaWRdPVwiaW52YWxpZFwiXG4gIFtjbGFzcy5zdWlzLXNlbGVjdC1idXR0b24tLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbj5cbiAgPHNwYW4gY2xhc3M9XCJzdWlzLXNlbGVjdC1idXR0b25fX3ZhbHVlXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG4gIDxzcGFuIGNsYXNzPVwic3Vpcy1zZWxlY3QtYnV0dG9uX19hY3Rpb25zXCI+XG4gICAgPHN1aXMtaWNvblxuICAgICAgKm5nSWY9XCJjbGVhcmFibGVcIlxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1idXR0b25fX2Nyb3NzXCJcbiAgICAgIHR5cGU9XCJ0aW1lc1wiXG4gICAgICBzaXplPVwibGdcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgIChjbGljayk9XCJvbkNsZWFyKCRldmVudClcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgICA8c3Vpcy1pY29uXG4gICAgICBjbGFzcz1cInN1aXMtc2VsZWN0LWJ1dHRvbl9fY2hldnJvblwiXG4gICAgICBbdHlwZV09XCJleHBhbmRlZCA/ICdjaGV2cm9uLXVwJyA6ICdjaGV2cm9uLWRvd24nXCJcbiAgICAgIHNpemU9XCJsZ1wiXG4gICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgPC9zcGFuPlxuPC9idXR0b24+XG4iXX0=
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { SuisIconComponent } from '../../../../components/suis-icon/suis-icon.component';
|
4
|
+
import { SuisChipComponent } from '../../../../components/suis-chip/suis-chip.component';
|
5
|
+
import { SuisSelectButtonBase } from '../../classes/suis-select-button.base';
|
6
|
+
import * as i0 from "@angular/core";
|
7
|
+
import * as i1 from "@angular/common";
|
8
|
+
export class SuisSelectButtonMultiComponent extends SuisSelectButtonBase {
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectButtonMultiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectButtonMultiComponent, isStandalone: true, selector: "suis-select-button-multi", usesInheritance: true, ngImport: i0, template: "<button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-button-multi\"\n [class.suis-select-button-multi--invalid]=\"invalid\"\n [class.suis-select-button-multi--readonly]=\"readonly\"\n [class.suis-select-button-multi--valid]=\"clearable\"\n [disabled]=\"readonly\"\n>\n <span class=\"suis-select-button-multi__value\">\n <ng-content></ng-content>\n </span>\n <span class=\"suis-select-button-multi__actions\">\n <suis-icon\n *ngIf=\"clearable\"\n class=\"suis-select-button-multi__cross\"\n type=\"times\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n tabindex=\"0\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select-button-multi__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n tabindex=\"0\"\n ></suis-icon>\n </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button-multi{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button-multi:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button-multi--invalid{border:.0625rem solid #ff4757}.suis-select-button-multi--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button-multi--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button-multi--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button-multi__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button-multi__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-button-multi--valid{padding-bottom:.125rem}.suis-select-button-multi__value{display:flex;flex-wrap:wrap;gap:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
11
|
+
}
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectButtonMultiComponent, decorators: [{
|
13
|
+
type: Component,
|
14
|
+
args: [{ selector: 'suis-select-button-multi', standalone: true, imports: [CommonModule, SuisIconComponent, SuisChipComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-button-multi\"\n [class.suis-select-button-multi--invalid]=\"invalid\"\n [class.suis-select-button-multi--readonly]=\"readonly\"\n [class.suis-select-button-multi--valid]=\"clearable\"\n [disabled]=\"readonly\"\n>\n <span class=\"suis-select-button-multi__value\">\n <ng-content></ng-content>\n </span>\n <span class=\"suis-select-button-multi__actions\">\n <suis-icon\n *ngIf=\"clearable\"\n class=\"suis-select-button-multi__cross\"\n type=\"times\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n tabindex=\"0\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select-button-multi__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n tabindex=\"0\"\n ></suis-icon>\n </span>\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button-multi{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-button-multi:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button-multi--invalid{border:.0625rem solid #ff4757}.suis-select-button-multi--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button-multi--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button-multi--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button-multi__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button-multi__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-button-multi--valid{padding-bottom:.125rem}.suis-select-button-multi__value{display:flex;flex-wrap:wrap;gap:.25rem}\n"] }]
|
15
|
+
}] });
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFVN0UsTUFBTSxPQUFPLDhCQUErQixTQUFRLG9CQUFvQjsrR0FBM0QsOEJBQThCO21HQUE5Qiw4QkFBOEIsMkdDZDNDLGc1QkErQkEsd3dDRHRCWSxZQUFZLG1JQUFFLGlCQUFpQjs7NEZBSzlCLDhCQUE4QjtrQkFSMUMsU0FBUzsrQkFDRSwwQkFBMEIsY0FDeEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDLG1CQUc1Qyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzQ2hpcENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3Vpcy1jaGlwL3N1aXMtY2hpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEJ1dHRvbkJhc2UgfSBmcm9tICcuLi8uLi9jbGFzc2VzL3N1aXMtc2VsZWN0LWJ1dHRvbi5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc0ljb25Db21wb25lbnQsIFN1aXNDaGlwQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdEJ1dHRvbk11bHRpQ29tcG9uZW50IGV4dGVuZHMgU3Vpc1NlbGVjdEJ1dHRvbkJhc2Uge31cbiIsIjxidXR0b25cbiAgdHlwZT1cImJ1dHRvblwiXG4gIChjbGljayk9XCJvbkV4cGFuZCgpXCJcbiAgY2xhc3M9XCJzdWlzLXNlbGVjdC1idXR0b24tbXVsdGlcIlxuICBbY2xhc3Muc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLS1pbnZhbGlkXT1cImludmFsaWRcIlxuICBbY2xhc3Muc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gIFtjbGFzcy5zdWlzLXNlbGVjdC1idXR0b24tbXVsdGktLXZhbGlkXT1cImNsZWFyYWJsZVwiXG4gIFtkaXNhYmxlZF09XCJyZWFkb25seVwiXG4+XG4gIDxzcGFuIGNsYXNzPVwic3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpX192YWx1ZVwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cInN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aV9fYWN0aW9uc1wiPlxuICAgIDxzdWlzLWljb25cbiAgICAgICpuZ0lmPVwiY2xlYXJhYmxlXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpX19jcm9zc1wiXG4gICAgICB0eXBlPVwidGltZXNcIlxuICAgICAgc2l6ZT1cImxnXCJcbiAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAoY2xpY2spPVwib25DbGVhcigkZXZlbnQpXCJcbiAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgPjwvc3Vpcy1pY29uPlxuICAgIDxzdWlzLWljb25cbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpX19jaGV2cm9uXCJcbiAgICAgIFt0eXBlXT1cImV4cGFuZGVkID8gJ2NoZXZyb24tdXAnIDogJ2NoZXZyb24tZG93bidcIlxuICAgICAgc2l6ZT1cImxnXCJcbiAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICB0YWJpbmRleD1cIjBcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgPC9zcGFuPlxuPC9idXR0b24+XG4iXX0=
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-select-group.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L2NvbXBvbmVudHMvc3Vpcy1zZWxlY3QtZ3JvdXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QtZ3JvdXAuY29tcG9uZW50JztcbiJdfQ==
|
package/esm2022/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.mjs
ADDED
@@ -0,0 +1,60 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, Input, forwardRef, } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
4
|
+
import { SuisSelectOptionComponent } from '../suis-select-option/suis-select-option.component';
|
5
|
+
import { SuisSelectGroupOptionComponent } from '../suis-select-group-option/suis-select-group-option.component';
|
6
|
+
import { SuisSelectIsSelectedPipe } from '../../pipes/suis-select-is-selected.pipe';
|
7
|
+
import { SuisSelectSortOptionsPipe } from '../../pipes/suis-select-sort-options.pipe';
|
8
|
+
import { SuisSelectFilterOptionsPipe } from '../../pipes/suis-select-filter-options.pipe';
|
9
|
+
import { SuisSelectFilterGroupOptionsPipe } from '../../pipes/suis-select-filter-group-options.pipe';
|
10
|
+
import { SuisSelectGroupLabelPipe } from '../../pipes/suis-select-group-label.pipe';
|
11
|
+
import { SuisSelectSingleBase } from '../../classes/suis-select-single.base';
|
12
|
+
import { SuisSelectGroupOptionDirective } from '../../directives/suis-select-group-option.directive';
|
13
|
+
import { SuisSelectButtonComponent } from '../suis-select-button';
|
14
|
+
import * as i0 from "@angular/core";
|
15
|
+
import * as i1 from "@angular/common";
|
16
|
+
import * as i2 from "@angular/forms";
|
17
|
+
export class SuisSelectGroupComponent extends SuisSelectSingleBase {
|
18
|
+
constructor() {
|
19
|
+
super(...arguments);
|
20
|
+
/**
|
21
|
+
* Group options displayed in dropdown list. Type of SuisSelectGroupOption[].
|
22
|
+
*/
|
23
|
+
this.groupOptions = [];
|
24
|
+
}
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectGroupComponent, isStandalone: true, selector: "suis-select-group", inputs: { groupOptions: "groupOptions" }, providers: [
|
27
|
+
{
|
28
|
+
provide: NG_VALUE_ACCESSOR,
|
29
|
+
multi: true,
|
30
|
+
useExisting: forwardRef(() => SuisSelectGroupComponent),
|
31
|
+
},
|
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 {{ value | suisSelectGroupLabel : groupOptions : placeholder }}\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 | suisSelectSortOptions\n | suisSelectFilterGroupOptions : searchPhrase\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\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\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", "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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
33
|
+
}
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectGroupComponent, decorators: [{
|
35
|
+
type: Component,
|
36
|
+
args: [{ selector: 'suis-select-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
37
|
+
CommonModule,
|
38
|
+
FormsModule,
|
39
|
+
SuisSelectOptionComponent,
|
40
|
+
SuisSelectGroupOptionComponent,
|
41
|
+
SuisSelectIsSelectedPipe,
|
42
|
+
SuisSelectSortOptionsPipe,
|
43
|
+
SuisSelectFilterOptionsPipe,
|
44
|
+
SuisSelectFilterGroupOptionsPipe,
|
45
|
+
SuisSelectGroupLabelPipe,
|
46
|
+
SuisSelectButtonComponent,
|
47
|
+
], providers: [
|
48
|
+
{
|
49
|
+
provide: NG_VALUE_ACCESSOR,
|
50
|
+
multi: true,
|
51
|
+
useExisting: forwardRef(() => SuisSelectGroupComponent),
|
52
|
+
},
|
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 {{ value | suisSelectGroupLabel : groupOptions : placeholder }}\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 | suisSelectSortOptions\n | suisSelectFilterGroupOptions : searchPhrase\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\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\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
|
+
}], propDecorators: { suisSelectGroupOption: [{
|
55
|
+
type: ContentChild,
|
56
|
+
args: [SuisSelectGroupOptionDirective]
|
57
|
+
}], groupOptions: [{
|
58
|
+
type: Input
|
59
|
+
}] } });
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LWdyb3VwL3N1aXMtc2VsZWN0LWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC9zdWlzLXNlbGVjdC1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBRXJHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7O0FBNEJsRSxNQUFNLE9BQU8sd0JBQTRCLFNBQVEsb0JBQXVCO0lBMUJ4RTs7UUErQkU7O1dBRUc7UUFDTSxpQkFBWSxHQUErQixFQUFFLENBQUM7S0FDeEQ7K0dBVFksd0JBQXdCO21HQUF4Qix3QkFBd0IsMEdBUnhCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQzthQUN4RDtTQUNGLDZFQUlhLDhCQUE4Qix1RUNqRDlDLGsvQ0ErQ0EseTZCRG5CSSxZQUFZLCtQQUNaLFdBQVcsK21CQUNYLHlCQUF5QixnSkFDekIsOEJBQThCLG1HQUM5Qix3QkFBd0Isd0RBQ3hCLHlCQUF5Qix5REFDekIsMkJBQTJCLDJEQUMzQixnQ0FBZ0MsZ0VBQ2hDLHdCQUF3Qiw2REFDeEIseUJBQXlCOzs0RkFVaEIsd0JBQXdCO2tCQTFCcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxtQkFHQyx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCx5QkFBeUI7d0JBQ3pCLDhCQUE4Qjt3QkFDOUIsd0JBQXdCO3dCQUN4Qix5QkFBeUI7d0JBQ3pCLDJCQUEyQjt3QkFDM0IsZ0NBQWdDO3dCQUNoQyx3QkFBd0I7d0JBQ3hCLHlCQUF5QjtxQkFDMUIsYUFDVTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx5QkFBeUIsQ0FBQzt5QkFDeEQ7cUJBQ0Y7OEJBS0QscUJBQXFCO3NCQURwQixZQUFZO3VCQUFDLDhCQUE4QjtnQkFNbkMsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1pcy1zZWxlY3RlZC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RGaWx0ZXJHcm91cE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLWdyb3VwLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBMYWJlbFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1ncm91cC1sYWJlbC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTaW5nbGVCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1zaW5nbGUuYmFzZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtZ3JvdXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1zZWxlY3QtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXNlbGVjdC1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RHcm91cE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUsXG4gICAgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUsXG4gICAgU3Vpc1NlbGVjdEZpbHRlckdyb3VwT3B0aW9uc1BpcGUsXG4gICAgU3Vpc1NlbGVjdEdyb3VwTGFiZWxQaXBlLFxuICAgIFN1aXNTZWxlY3RCdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzU2VsZWN0R3JvdXBDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RHcm91cENvbXBvbmVudDxUPiBleHRlbmRzIFN1aXNTZWxlY3RTaW5nbGVCYXNlPFQ+IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAQ29udGVudENoaWxkKFN1aXNTZWxlY3RHcm91cE9wdGlvbkRpcmVjdGl2ZSlcbiAgc3Vpc1NlbGVjdEdyb3VwT3B0aW9uPzogU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlPFQ+O1xuXG4gIC8qKlxuICAgKiBHcm91cCBvcHRpb25zIGRpc3BsYXllZCBpbiBkcm9wZG93biBsaXN0LiBUeXBlIG9mIFN1aXNTZWxlY3RHcm91cE9wdGlvbltdLlxuICAgKi9cbiAgQElucHV0KCkgZ3JvdXBPcHRpb25zOiBTdWlzU2VsZWN0R3JvdXBPcHRpb248VD5bXSA9IFtdO1xufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtc2VsZWN0LWdyb3VwXCI+XG4gIDxzdWlzLXNlbGVjdC1idXR0b25cbiAgICBbaW52YWxpZF09XCJpbnZhbGlkXCJcbiAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgIFtjbGVhcmFibGVdPVwiISEobnVsbGFibGUgJiYgdmFsdWUpXCJcbiAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgIChleHBhbmRlZENoYW5nZSk9XCJvbkV4cGFuZCgpXCJcbiAgICAoY2xlYXJlZCk9XCJvbkNsZWFyKCRldmVudClcIlxuICA+XG4gICAge3sgdmFsdWUgfCBzdWlzU2VsZWN0R3JvdXBMYWJlbCA6IGdyb3VwT3B0aW9ucyA6IHBsYWNlaG9sZGVyIH19XG4gIDwvc3Vpcy1zZWxlY3QtYnV0dG9uPlxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kZWRcIiBjbGFzcz1cInN1aXMtc2VsZWN0LWdyb3VwX19saXN0XCI+XG4gICAgPGlucHV0XG4gICAgICAjc2VhcmNoSW5wdXRcbiAgICAgICpuZ0lmPVwic2VhcmNoXCJcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtZ3JvdXBfX2xpc3RfX3NlYXJjaFwiXG4gICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgLz5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdGb3I9XCJcbiAgICAgICAgbGV0IGdyb3VwIG9mIGdyb3VwT3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zIDogc2VhcmNoUGhyYXNlXG4gICAgICBcIlxuICAgID5cbiAgICAgIDxzdWlzLXNlbGVjdC1ncm91cC1vcHRpb25cbiAgICAgICAgW29wdGlvbl09XCJncm91cFwiXG4gICAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0R3JvdXBPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgID48L3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbj5cbiAgICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgbGV0IG9wdGlvbiBvZiBncm91cC5jaGlsZHJlblxuICAgICAgICAgICAgfCBzdWlzU2VsZWN0U29ydE9wdGlvbnNcbiAgICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2U7XG4gICAgICAgICAgdHJhY2tCeTogb3B0aW9uVHJhY2tCeVxuICAgICAgICBcIlxuICAgICAgICBbb3B0aW9uXT1cIm9wdGlvblwiXG4gICAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0T3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgICAgIFtzZWxlY3RlZF09XCJvcHRpb24udmFsdWUgfCBzdWlzU2VsZWN0SXNTZWxlY3RlZCA6IHZhbHVlXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25TZWxlY3Qob3B0aW9uLnZhbHVlKVwiXG4gICAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-select-group-option.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L2NvbXBvbmVudHMvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0NBQXNDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbi5jb21wb25lbnQnO1xuIl19
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "@angular/common";
|
5
|
+
export class SuisSelectGroupOptionComponent {
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectGroupOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectGroupOptionComponent, isStandalone: true, selector: "suis-select-group-option", inputs: { option: "option", templateRef: "templateRef" }, ngImport: i0, template: "<div class=\"suis-select-group-option\">\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?.label }}\n </ng-template>\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-option{width:100%;display:flex;align-items:center;justify-content:left;text-align:left;background-color:#f5f6fa;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
8
|
+
}
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectGroupOptionComponent, decorators: [{
|
10
|
+
type: Component,
|
11
|
+
args: [{ selector: 'suis-select-group-option', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-select-group-option\">\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?.label }}\n </ng-template>\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-option{width:100%;display:flex;align-items:center;justify-content:left;text-align:left;background-color:#f5f6fa;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}\n"] }]
|
12
|
+
}], propDecorators: { option: [{
|
13
|
+
type: Input,
|
14
|
+
args: [{ required: true }]
|
15
|
+
}], templateRef: [{
|
16
|
+
type: Input
|
17
|
+
}] } });
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFXL0MsTUFBTSxPQUFPLDhCQUE4QjsrR0FBOUIsOEJBQThCO21HQUE5Qiw4QkFBOEIsOElDakIzQyxnVEFVQSxvWkRFWSxZQUFZOzs0RkFLWCw4QkFBOEI7a0JBUjFDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQU1wQixNQUFNO3NCQUFoQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLaEIsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0R3JvdXBPcHRpb25Db21wb25lbnQ8VD4ge1xuICAvKipcbiAgICogSXRlbSBkYXRhLiBUeXBlIG9mIFN1aXNTZWxlY3RHcm91cE9wdGlvbjxUPi4gUmVxdWlyZWQgaW5wdXQuXG4gICAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBvcHRpb24/OiBTdWlzU2VsZWN0R3JvdXBPcHRpb248VD47XG5cbiAgLyoqXG4gICAqIFRlbXBsYXRlIHRvIGJlIGRpc3BsYXllZCBpbnN0ZWFkIG9mIGl0ZW0ncyBsYWJlbC5cbiAgICovXG4gIEBJbnB1dCgpIHRlbXBsYXRlUmVmPzogVGVtcGxhdGVSZWY8eyAkaW1wbGljaXQ6IFN1aXNTZWxlY3RHcm91cE9wdGlvbjxUPiB9Pjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdC1ncm91cC1vcHRpb25cIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRlbXBsYXRlUmVmOyBlbHNlIGxhYmVsXCI+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVJlZjsgY29udGV4dDogeyAkaW1wbGljaXQ6IG9wdGlvbiB9XCJcbiAgICA+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctdGVtcGxhdGUgI2xhYmVsPlxuICAgIHt7IG9wdGlvbj8ubGFiZWwgfX1cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuIl19
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-select-multi.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L2NvbXBvbmVudHMvc3Vpcy1zZWxlY3QtbXVsdGkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QtbXVsdGkuY29tcG9uZW50JztcbiJdfQ==
|
package/esm2022/lib/modules/suis-select/components/suis-select-multi/suis-select-multi.component.mjs
ADDED
@@ -0,0 +1,45 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
|
2
|
+
import { NgFor, NgIf } from '@angular/common';
|
3
|
+
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
4
|
+
import { SuisSelectSortOptionsPipe } from '../../pipes/suis-select-sort-options.pipe';
|
5
|
+
import { SuisSelectOptionComponent } from '../suis-select-option/suis-select-option.component';
|
6
|
+
import { SuisChipComponent } from '../../../../components/suis-chip/suis-chip.component';
|
7
|
+
import { SuisSelectMultiChipsPipe } from '../../pipes/suis-select-multi-chips.pipe';
|
8
|
+
import { SuisSelectMultiIsSelectedPipe } from '../../pipes/suis-select-multi-is-selected.pipe';
|
9
|
+
import { SuisSelectFilterOptionsPipe } from '../../pipes/suis-select-filter-options.pipe';
|
10
|
+
import { SuisSelectButtonMultiComponent } from '../suis-select-button-multi/suis-select-button-multi.component';
|
11
|
+
import { SuisSelectMultiBase } from '../../classes/suis-select-multi.base';
|
12
|
+
import * as i0 from "@angular/core";
|
13
|
+
import * as i1 from "@angular/forms";
|
14
|
+
export class SuisSelectMultiComponent extends SuisSelectMultiBase {
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSelectMultiComponent, isStandalone: true, selector: "suis-select-multi", providers: [
|
17
|
+
{
|
18
|
+
provide: NG_VALUE_ACCESSOR,
|
19
|
+
multi: true,
|
20
|
+
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
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 | suisSelectMultiChips : options;\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\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectMultiIsSelected : values\"\n [checkbox]=\"!duplicate\"\n (clicked)=\"onSelect(option.value)\"\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", "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
|
+
}
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiComponent, decorators: [{
|
25
|
+
type: Component,
|
26
|
+
args: [{ selector: 'suis-select-multi', standalone: true, imports: [
|
27
|
+
NgFor,
|
28
|
+
NgIf,
|
29
|
+
FormsModule,
|
30
|
+
SuisChipComponent,
|
31
|
+
SuisSelectOptionComponent,
|
32
|
+
SuisSelectMultiChipsPipe,
|
33
|
+
SuisSelectMultiIsSelectedPipe,
|
34
|
+
SuisSelectSortOptionsPipe,
|
35
|
+
SuisSelectFilterOptionsPipe,
|
36
|
+
SuisSelectButtonMultiComponent,
|
37
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
38
|
+
{
|
39
|
+
provide: NG_VALUE_ACCESSOR,
|
40
|
+
multi: true,
|
41
|
+
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
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 | suisSelectMultiChips : options;\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\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectMultiIsSelected : values\"\n [checkbox]=\"!duplicate\"\n (clicked)=\"onSelect(option.value)\"\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
|
+
}] });
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUN0RixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUN6RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMxRixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUNoSCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBNEIzRSxNQUFNLE9BQU8sd0JBQTRCLFNBQVEsbUJBQXNCOytHQUExRCx3QkFBd0I7bUdBQXhCLHdCQUF3QixnRUFSeEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO2FBQ3hEO1NBQ0YsaURDcENILDhqREFvREEsczVCRHBDSSxLQUFLLG1IQUNMLElBQUksNEZBQ0osV0FBVywrbUJBQ1gsaUJBQWlCLHdIQUNqQix5QkFBeUIsMklBQ3pCLHdCQUF3Qix3REFDeEIsNkJBQTZCLDZEQUM3Qix5QkFBeUIseURBQ3pCLDJCQUEyQixnRUFDM0IsOEJBQThCOzs0RkFhckIsd0JBQXdCO2tCQTFCcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLEtBQUs7d0JBQ0wsSUFBSTt3QkFDSixXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLDZCQUE2Qjt3QkFDN0IseUJBQXlCO3dCQUN6QiwyQkFBMkI7d0JBQzNCLDhCQUE4QjtxQkFDL0IsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7eUJBQ3hEO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzQ2hpcENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3Vpcy1jaGlwL3N1aXMtY2hpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE11bHRpQ2hpcHNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbXVsdGktY2hpcHMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LW11bHRpLWlzLXNlbGVjdGVkLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QnV0dG9uTXVsdGlDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1tdWx0aS5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtbXVsdGknLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdGb3IsXG4gICAgTmdJZixcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzQ2hpcENvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RNdWx0aUNoaXBzUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0QnV0dG9uTXVsdGlDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdE11bHRpQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0TXVsdGlDb21wb25lbnQ8VD4gZXh0ZW5kcyBTdWlzU2VsZWN0TXVsdGlCYXNlPFQ+IHt9XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aVxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCJcbiAgICBbY2xlYXJhYmxlXT1cInZhbHVlcy5sZW5ndGggPiAwXCJcbiAgICAoZXhwYW5kZWRDaGFuZ2UpPVwib25FeHBhbmQoKVwiXG4gICAgKGNsZWFyZWQpPVwib25DbGVhcigkZXZlbnQpXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhdmFsdWVzPy5sZW5ndGhcIj5cbiAgICAgIHt7IHBsYWNlaG9sZGVyIH19XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInZhbHVlcz8ubGVuZ3RoXCI+XG4gICAgICA8c3Vpcy1jaGlwXG4gICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgIGxldCB2YWx1ZSBvZiB2YWx1ZXMgfCBzdWlzU2VsZWN0TXVsdGlDaGlwcyA6IG9wdGlvbnM7XG4gICAgICAgICAgbGV0IGluZGV4ID0gaW5kZXhcbiAgICAgICAgXCJcbiAgICAgICAgW3JlbW92YWJsZV09XCJ0cnVlXCJcbiAgICAgICAgW2NvbG9yXT1cImNoaXBDb2xvclwiXG4gICAgICAgIFtpY29uQ29sb3JdPVwiY2hpcEljb25Db2xvclwiXG4gICAgICAgIChyZW1vdmUpPVwib25SZW1vdmUoaW5kZXgpXCJcbiAgICAgID5cbiAgICAgICAge3sgdmFsdWUgfX1cbiAgICAgIDwvc3Vpcy1jaGlwPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aT5cbiAgPGRpdiAqbmdJZj1cImV4cGFuZGVkXCIgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aV9fbGlzdFwiPlxuICAgIDxpbnB1dFxuICAgICAgI3NlYXJjaElucHV0XG4gICAgICAqbmdJZj1cInNlYXJjaFwiXG4gICAgICBbbmdNb2RlbF09XCJzZWFyY2hQaHJhc2VcIlxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25TZWFyY2hQaHJhc2VDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19saXN0X19zZWFyY2hcIlxuICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwic2VhcmNoUGxhY2Vob2xkZXJcIlxuICAgIC8+XG4gICAgPHN1aXMtc2VsZWN0LW9wdGlvblxuICAgICAgKm5nRm9yPVwiXG4gICAgICAgIGxldCBvcHRpb24gb2Ygb3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0RmlsdGVyT3B0aW9ucyA6IHNlYXJjaFBocmFzZTtcbiAgICAgICAgdHJhY2tCeTogb3B0aW9uVHJhY2tCeVxuICAgICAgXCJcbiAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0T3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgICBbc2VsZWN0ZWRdPVwib3B0aW9uLnZhbHVlIHwgc3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZCA6IHZhbHVlc1wiXG4gICAgICBbY2hlY2tib3hdPVwiIWR1cGxpY2F0ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb24udmFsdWUpXCJcbiAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-select-multi-group.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtc2VsZWN0L2NvbXBvbmVudHMvc3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQ0FBcUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAuY29tcG9uZW50JztcbiJdfQ==
|