@firestitch/chip 15.0.0 → 16.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/components/chip/chip.component.d.ts +1 -1
- package/app/components/chips/chips.component.d.ts +1 -1
- package/{esm2020 → esm2022}/app/components/chip/chip.component.mjs +24 -20
- package/esm2022/app/components/chips/chips.component.mjs +161 -0
- package/{esm2020 → esm2022}/app/fs-chip.module.mjs +11 -11
- package/{fesm2020 → fesm2022}/firestitch-chip.mjs +54 -43
- package/fesm2022/firestitch-chip.mjs.map +1 -0
- package/package.json +5 -11
- package/esm2020/app/components/chips/chips.component.mjs +0 -154
- package/fesm2015/firestitch-chip.mjs +0 -380
- package/fesm2015/firestitch-chip.mjs.map +0 -1
- package/fesm2020/firestitch-chip.mjs.map +0 -1
- /package/{esm2020 → esm2022}/app/components/chip/index.mjs +0 -0
- /package/{esm2020 → esm2022}/firestitch-chip.mjs +0 -0
- /package/{esm2020 → esm2022}/public_api.mjs +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@firestitch/chip",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "16.0.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://github.com/Firestitch/ngx-chip"
|
|
@@ -17,11 +17,7 @@
|
|
|
17
17
|
"url": "https://github.com/Firestitch/ngx-chip/issues"
|
|
18
18
|
},
|
|
19
19
|
"sideEffects": false,
|
|
20
|
-
"module": "
|
|
21
|
-
"es2020": "fesm2020/firestitch-chip.mjs",
|
|
22
|
-
"esm2020": "esm2020/firestitch-chip.mjs",
|
|
23
|
-
"fesm2020": "fesm2020/firestitch-chip.mjs",
|
|
24
|
-
"fesm2015": "fesm2015/firestitch-chip.mjs",
|
|
20
|
+
"module": "fesm2022/firestitch-chip.mjs",
|
|
25
21
|
"typings": "index.d.ts",
|
|
26
22
|
"exports": {
|
|
27
23
|
"./package.json": {
|
|
@@ -29,11 +25,9 @@
|
|
|
29
25
|
},
|
|
30
26
|
".": {
|
|
31
27
|
"types": "./index.d.ts",
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"node": "./fesm2015/firestitch-chip.mjs",
|
|
36
|
-
"default": "./fesm2020/firestitch-chip.mjs"
|
|
28
|
+
"esm2022": "./esm2022/firestitch-chip.mjs",
|
|
29
|
+
"esm": "./esm2022/firestitch-chip.mjs",
|
|
30
|
+
"default": "./fesm2022/firestitch-chip.mjs"
|
|
37
31
|
}
|
|
38
32
|
},
|
|
39
33
|
"dependencies": {
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, forwardRef, HostBinding, Input, IterableDiffers, QueryList, } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { takeUntil } from 'rxjs/operators';
|
|
5
|
-
import { FsChipComponent } from '../chip';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class FsChipsComponent {
|
|
8
|
-
constructor(_cdRef, _iterable) {
|
|
9
|
-
this._cdRef = _cdRef;
|
|
10
|
-
this._iterable = _iterable;
|
|
11
|
-
this.classFsChips = true;
|
|
12
|
-
this.classHasChips = false;
|
|
13
|
-
this.multiple = true;
|
|
14
|
-
this._value = [];
|
|
15
|
-
this._destroy$ = new Subject();
|
|
16
|
-
this._chipDiffer = this._iterable.find([]).create();
|
|
17
|
-
}
|
|
18
|
-
setDisabledState(isDisabled) {
|
|
19
|
-
//
|
|
20
|
-
}
|
|
21
|
-
ngAfterContentInit() {
|
|
22
|
-
this._subscribeToSelectionChanges();
|
|
23
|
-
this._subscribeToItemsChange();
|
|
24
|
-
}
|
|
25
|
-
set value(value) {
|
|
26
|
-
if (this._value !== value) {
|
|
27
|
-
this._value = value;
|
|
28
|
-
this.onChange(this._value);
|
|
29
|
-
this.onTouch(this._value);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
get value() {
|
|
33
|
-
return this._value;
|
|
34
|
-
}
|
|
35
|
-
ngOnDestroy() {
|
|
36
|
-
this._destroy$.next();
|
|
37
|
-
this._destroy$.complete();
|
|
38
|
-
}
|
|
39
|
-
writeValue(value) {
|
|
40
|
-
if (value !== this.value) {
|
|
41
|
-
this._value = value;
|
|
42
|
-
}
|
|
43
|
-
this._updateChips();
|
|
44
|
-
}
|
|
45
|
-
registerOnChange(fn) {
|
|
46
|
-
this.onChange = fn;
|
|
47
|
-
}
|
|
48
|
-
registerOnTouched(fn) {
|
|
49
|
-
this.onTouch = fn;
|
|
50
|
-
}
|
|
51
|
-
_subscribeToSelectionChange() {
|
|
52
|
-
const changed = this._chipDiffer.diff(this.chips);
|
|
53
|
-
changed?.forEachAddedItem((change) => {
|
|
54
|
-
change.item.selectedToggled
|
|
55
|
-
.pipe(takeUntil(change.item.destroy$), takeUntil(this._destroy$))
|
|
56
|
-
.subscribe(({ selected, value }) => {
|
|
57
|
-
if (!selected) {
|
|
58
|
-
const valueIndex = this.value.findIndex((item) => {
|
|
59
|
-
return this._compareFn(item, value);
|
|
60
|
-
});
|
|
61
|
-
if (valueIndex > -1) {
|
|
62
|
-
this.value.splice(valueIndex, 1);
|
|
63
|
-
this.onChange(this._value);
|
|
64
|
-
this.onTouch(this._value);
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
else {
|
|
68
|
-
this.value.push(value);
|
|
69
|
-
this.onChange(this._value);
|
|
70
|
-
this.onTouch(this._value);
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
/**
|
|
76
|
-
* Update ngModel value when selection changed
|
|
77
|
-
*/
|
|
78
|
-
_subscribeToSelectionChanges() {
|
|
79
|
-
this._subscribeToSelectionChange();
|
|
80
|
-
this.chips.changes
|
|
81
|
-
.pipe(takeUntil(this._destroy$))
|
|
82
|
-
.subscribe(() => {
|
|
83
|
-
this._subscribeToSelectionChange();
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
/**
|
|
87
|
-
* Update selection if item was added or removed
|
|
88
|
-
*/
|
|
89
|
-
_subscribeToItemsChange() {
|
|
90
|
-
this.chips.changes
|
|
91
|
-
.pipe(takeUntil(this._destroy$))
|
|
92
|
-
.subscribe(() => {
|
|
93
|
-
this.classHasChips = this.chips.length !== 0;
|
|
94
|
-
this._cdRef.markForCheck();
|
|
95
|
-
this._updateChips();
|
|
96
|
-
});
|
|
97
|
-
this.classHasChips = this.chips.length !== 0;
|
|
98
|
-
this._cdRef.markForCheck();
|
|
99
|
-
}
|
|
100
|
-
_compareFn(o1, o2) {
|
|
101
|
-
if (this.compare) {
|
|
102
|
-
return this.compare(o1, o2);
|
|
103
|
-
}
|
|
104
|
-
return o1 === o2;
|
|
105
|
-
}
|
|
106
|
-
_updateChips() {
|
|
107
|
-
if (this.multiple && Array.isArray(this.value) && this.chips) {
|
|
108
|
-
this.chips.forEach((chip) => {
|
|
109
|
-
const selected = this.value
|
|
110
|
-
.some((o) => {
|
|
111
|
-
return this._compareFn(o, chip.value);
|
|
112
|
-
});
|
|
113
|
-
if (selected) {
|
|
114
|
-
chip.select();
|
|
115
|
-
}
|
|
116
|
-
else {
|
|
117
|
-
chip.unselect();
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
FsChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsChipsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component });
|
|
124
|
-
FsChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FsChipsComponent, selector: "fs-chips", inputs: { compare: "compare", multiple: "multiple" }, host: { properties: { "class.fs-chips": "this.classFsChips", "class.has-chips": "this.classHasChips" } }, providers: [
|
|
125
|
-
{
|
|
126
|
-
provide: NG_VALUE_ACCESSOR,
|
|
127
|
-
useExisting: forwardRef(() => FsChipsComponent),
|
|
128
|
-
multi: true,
|
|
129
|
-
},
|
|
130
|
-
], queries: [{ propertyName: "chips", predicate: FsChipComponent }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;flex-wrap:wrap}:host.has-chips{margin-top:-5px}:host ::ng-deep .fs-chip{margin-top:5px}:host ::ng-deep .fs-chip+.fs-chip{margin-left:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsChipsComponent, decorators: [{
|
|
132
|
-
type: Component,
|
|
133
|
-
args: [{ selector: 'fs-chips', providers: [
|
|
134
|
-
{
|
|
135
|
-
provide: NG_VALUE_ACCESSOR,
|
|
136
|
-
useExisting: forwardRef(() => FsChipsComponent),
|
|
137
|
-
multi: true,
|
|
138
|
-
},
|
|
139
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;flex-wrap:wrap}:host.has-chips{margin-top:-5px}:host ::ng-deep .fs-chip{margin-top:5px}:host ::ng-deep .fs-chip+.fs-chip{margin-left:5px}\n"] }]
|
|
140
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.IterableDiffers }]; }, propDecorators: { classFsChips: [{
|
|
141
|
-
type: HostBinding,
|
|
142
|
-
args: ['class.fs-chips']
|
|
143
|
-
}], classHasChips: [{
|
|
144
|
-
type: HostBinding,
|
|
145
|
-
args: ['class.has-chips']
|
|
146
|
-
}], chips: [{
|
|
147
|
-
type: ContentChildren,
|
|
148
|
-
args: [FsChipComponent]
|
|
149
|
-
}], compare: [{
|
|
150
|
-
type: Input
|
|
151
|
-
}], multiple: [{
|
|
152
|
-
type: Input
|
|
153
|
-
}] } });
|
|
154
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL2NoaXBzL2NoaXBzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQzFDLFNBQVMsRUFDVCxlQUFlLEVBQ2YsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEVBRUwsZUFBZSxFQUVmLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFnQjFDLE1BQU0sT0FBTyxnQkFBZ0I7SUFzQjNCLFlBQ1UsTUFBeUIsRUFDekIsU0FBMEI7UUFEMUIsV0FBTSxHQUFOLE1BQU0sQ0FBbUI7UUFDekIsY0FBUyxHQUFULFNBQVMsQ0FBaUI7UUFyQjdCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBR3BCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBT2IsYUFBUSxHQUFHLElBQUksQ0FBQztRQUt4QixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ1osY0FBUyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7UUFPaEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRU0sZ0JBQWdCLENBQUUsVUFBbUI7UUFDMUMsRUFBRTtJQUNKLENBQUM7SUFFTSxrQkFBa0I7UUFDdkIsSUFBSSxDQUFDLDRCQUE0QixFQUFFLENBQUM7UUFDcEMsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELElBQVcsS0FBSyxDQUFDLEtBQUs7UUFDcEIsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLEtBQUssRUFBRTtZQUN6QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztZQUVwQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUMzQjtJQUNILENBQUM7SUFFRCxJQUFXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBVTtRQUMxQixJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1NBQ3JCO1FBRUQsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxFQUFFO1FBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFDTSxpQkFBaUIsQ0FBQyxFQUFFO1FBQ3pCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFTywyQkFBMkI7UUFDakMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xELE9BQU8sRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ25DLE1BQU0sQ0FBQyxJQUFJLENBQUMsZUFBZTtpQkFDeEIsSUFBSSxDQUNILFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUMvQixTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMxQjtpQkFDQSxTQUFTLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO2dCQUNqQyxJQUFJLENBQUMsUUFBUSxFQUFFO29CQUNiLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7d0JBQy9DLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7b0JBQ3RDLENBQUMsQ0FBQyxDQUFDO29CQUVILElBQUksVUFBVSxHQUFHLENBQUMsQ0FBQyxFQUFFO3dCQUNuQixJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUM7d0JBRWpDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO3dCQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztxQkFDM0I7aUJBQ0Y7cUJBQU07b0JBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBRXZCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO29CQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztpQkFDM0I7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0ssNEJBQTRCO1FBQ2xDLElBQUksQ0FBQywyQkFBMkIsRUFBRSxDQUFDO1FBQ25DLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTzthQUNmLElBQUksQ0FDSCxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMxQjthQUNBLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQztRQUNyQyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRDs7T0FFRztJQUNLLHVCQUF1QjtRQUM3QixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU87YUFDZixJQUFJLENBQ0gsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDMUI7YUFDQSxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUM7WUFDN0MsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDdEIsQ0FBQyxDQUFDLENBQUM7UUFFTCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQztRQUM3QyxJQUFJLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFTyxVQUFVLENBQUMsRUFBRSxFQUFFLEVBQUU7UUFDdkIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7U0FDN0I7UUFFRCxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVPLFlBQVk7UUFDbEIsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDNUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtnQkFDMUIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUs7cUJBQ3hCLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO29CQUNWLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN4QyxDQUFDLENBQUMsQ0FBQztnQkFFTCxJQUFHLFFBQVEsRUFBRTtvQkFDWCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7aUJBQ2Y7cUJBQU07b0JBQ0wsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO2lCQUNqQjtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDOzs4R0E1SlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsbU1BVGhCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7WUFDL0MsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLGdEQVdnQixlQUFlLDZCQzFDbEMsNkJBQ0E7NEZEaUNhLGdCQUFnQjtrQkFiNUIsU0FBUzsrQkFDRSxVQUFVLGFBR1Q7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUM7NEJBQy9DLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNO3NJQUt4QyxZQUFZO3NCQURsQixXQUFXO3VCQUFDLGdCQUFnQjtnQkFJdEIsYUFBYTtzQkFEbkIsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBSXZCLEtBQUs7c0JBRFgsZUFBZTt1QkFBQyxlQUFlO2dCQUdoQixPQUFPO3NCQUF0QixLQUFLO2dCQUVVLFFBQVE7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIEl0ZXJhYmxlRGlmZmVyLFxuICBJdGVyYWJsZURpZmZlcnMsXG4gIE9uRGVzdHJveSxcbiAgUXVlcnlMaXN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBGc0NoaXBDb21wb25lbnQgfSBmcm9tICcuLi9jaGlwJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy1jaGlwcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoaXBzLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gRnNDaGlwc0NvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRnNDaGlwc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyQ29udGVudEluaXQge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZnMtY2hpcHMnKSBcbiAgcHVibGljIGNsYXNzRnNDaGlwcyA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5oYXMtY2hpcHMnKSBcbiAgcHVibGljIGNsYXNzSGFzQ2hpcHMgPSBmYWxzZTtcblxuICBAQ29udGVudENoaWxkcmVuKEZzQ2hpcENvbXBvbmVudClcbiAgcHVibGljIGNoaXBzOiBRdWVyeUxpc3Q8RnNDaGlwQ29tcG9uZW50PjtcblxuICBASW5wdXQoKSBwdWJsaWMgY29tcGFyZTtcblxuICBASW5wdXQoKSBwdWJsaWMgbXVsdGlwbGUgPSB0cnVlO1xuXG4gIHB1YmxpYyBvbkNoYW5nZTogKHZhbHVlKSA9PiB2b2lkO1xuICBwdWJsaWMgb25Ub3VjaDogKHZhbHVlKSA9PiB2b2lkO1xuXG4gIHByaXZhdGUgX3ZhbHVlID0gW107XG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3QoKTtcbiAgcHJpdmF0ZSBfY2hpcERpZmZlcjogSXRlcmFibGVEaWZmZXI8RnNDaGlwQ29tcG9uZW50PjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9jZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSBfaXRlcmFibGU6IEl0ZXJhYmxlRGlmZmVycyxcbiAgKSB7XG4gICAgdGhpcy5fY2hpcERpZmZlciA9IHRoaXMuX2l0ZXJhYmxlLmZpbmQoW10pLmNyZWF0ZSgpO1xuICB9XG4gIFxuICBwdWJsaWMgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIC8vXG4gIH1cblxuICBwdWJsaWMgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX3N1YnNjcmliZVRvU2VsZWN0aW9uQ2hhbmdlcygpO1xuICAgIHRoaXMuX3N1YnNjcmliZVRvSXRlbXNDaGFuZ2UoKTtcbiAgfVxuIFxuICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlKSB7XG4gICAgaWYgKHRoaXMuX3ZhbHVlICE9PSB2YWx1ZSkge1xuICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcblxuICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLl92YWx1ZSk7XG4gICAgICB0aGlzLm9uVG91Y2godGhpcy5fdmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXQgdmFsdWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuX2Rlc3Ryb3kkLm5leHQoKTtcbiAgICB0aGlzLl9kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy52YWx1ZSkge1xuICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICB0aGlzLl91cGRhdGVDaGlwcygpO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm4pIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuKSB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cblxuICBwcml2YXRlIF9zdWJzY3JpYmVUb1NlbGVjdGlvbkNoYW5nZSgpIHtcbiAgICBjb25zdCBjaGFuZ2VkID0gdGhpcy5fY2hpcERpZmZlci5kaWZmKHRoaXMuY2hpcHMpO1xuICAgIGNoYW5nZWQ/LmZvckVhY2hBZGRlZEl0ZW0oKGNoYW5nZSkgPT4ge1xuICAgICAgY2hhbmdlLml0ZW0uc2VsZWN0ZWRUb2dnbGVkXG4gICAgICAgIC5waXBlKFxuICAgICAgICAgIHRha2VVbnRpbChjaGFuZ2UuaXRlbS5kZXN0cm95JCksXG4gICAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgICAgKVxuICAgICAgICAuc3Vic2NyaWJlKCh7IHNlbGVjdGVkLCB2YWx1ZSB9KSA9PiB7XG4gICAgICAgICAgaWYgKCFzZWxlY3RlZCkge1xuICAgICAgICAgICAgY29uc3QgdmFsdWVJbmRleCA9IHRoaXMudmFsdWUuZmluZEluZGV4KChpdGVtKSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiB0aGlzLl9jb21wYXJlRm4oaXRlbSwgdmFsdWUpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIGlmICh2YWx1ZUluZGV4ID4gLTEpIHtcbiAgICAgICAgICAgICAgdGhpcy52YWx1ZS5zcGxpY2UodmFsdWVJbmRleCwgMSk7XG5cbiAgICAgICAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLl92YWx1ZSk7XG4gICAgICAgICAgICAgIHRoaXMub25Ub3VjaCh0aGlzLl92YWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWUucHVzaCh2YWx1ZSk7XG5cbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2UodGhpcy5fdmFsdWUpO1xuICAgICAgICAgICAgdGhpcy5vblRvdWNoKHRoaXMuX3ZhbHVlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBuZ01vZGVsIHZhbHVlIHdoZW4gc2VsZWN0aW9uIGNoYW5nZWRcbiAgICovXG4gIHByaXZhdGUgX3N1YnNjcmliZVRvU2VsZWN0aW9uQ2hhbmdlcygpIHtcbiAgICB0aGlzLl9zdWJzY3JpYmVUb1NlbGVjdGlvbkNoYW5nZSgpO1xuICAgIHRoaXMuY2hpcHMuY2hhbmdlc1xuICAgICAgLnBpcGUoXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLl9kZXN0cm95JCksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5fc3Vic2NyaWJlVG9TZWxlY3Rpb25DaGFuZ2UoKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBzZWxlY3Rpb24gaWYgaXRlbSB3YXMgYWRkZWQgb3IgcmVtb3ZlZFxuICAgKi9cbiAgcHJpdmF0ZSBfc3Vic2NyaWJlVG9JdGVtc0NoYW5nZSgpIHtcbiAgICB0aGlzLmNoaXBzLmNoYW5nZXNcbiAgICAgIC5waXBlKFxuICAgICAgICB0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuY2xhc3NIYXNDaGlwcyA9IHRoaXMuY2hpcHMubGVuZ3RoICE9PSAwO1xuICAgICAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgdGhpcy5fdXBkYXRlQ2hpcHMoKTtcbiAgICAgIH0pO1xuXG4gICAgdGhpcy5jbGFzc0hhc0NoaXBzID0gdGhpcy5jaGlwcy5sZW5ndGggIT09IDA7XG4gICAgdGhpcy5fY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIF9jb21wYXJlRm4obzEsIG8yKSB7XG4gICAgaWYgKHRoaXMuY29tcGFyZSkge1xuICAgICAgcmV0dXJuIHRoaXMuY29tcGFyZShvMSwgbzIpO1xuICAgIH1cblxuICAgIHJldHVybiBvMSA9PT0gbzI7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVDaGlwcygpIHtcbiAgICBpZiAodGhpcy5tdWx0aXBsZSAmJiBBcnJheS5pc0FycmF5KHRoaXMudmFsdWUpICYmIHRoaXMuY2hpcHMpIHtcbiAgICAgIHRoaXMuY2hpcHMuZm9yRWFjaCgoY2hpcCkgPT4ge1xuICAgICAgICBjb25zdCBzZWxlY3RlZCA9IHRoaXMudmFsdWVcbiAgICAgICAgICAuc29tZSgobykgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuX2NvbXBhcmVGbihvLCBjaGlwLnZhbHVlKTtcbiAgICAgICAgICB9KTtcblxuICAgICAgICBpZihzZWxlY3RlZCkge1xuICAgICAgICAgIGNoaXAuc2VsZWN0KCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgY2hpcC51bnNlbGVjdCgpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9ICAgIFxuICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -1,380 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, ChangeDetectionStrategy, HostBinding, Input, Output, HostListener, forwardRef, ContentChildren, NgModule } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i2 from '@angular/material/icon';
|
|
6
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
7
|
-
import { FsLabelModule } from '@firestitch/label';
|
|
8
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
9
|
-
import { Subject } from 'rxjs';
|
|
10
|
-
import { takeUntil } from 'rxjs/operators';
|
|
11
|
-
|
|
12
|
-
class FsChipComponent {
|
|
13
|
-
constructor(_cdRef) {
|
|
14
|
-
this._cdRef = _cdRef;
|
|
15
|
-
this.fsChip = true;
|
|
16
|
-
this._outlined = false;
|
|
17
|
-
this.selectable = false;
|
|
18
|
-
this.removable = true;
|
|
19
|
-
this.styleBackgroundColor = '';
|
|
20
|
-
this.styleColor = '';
|
|
21
|
-
this.styleBorderColor = '';
|
|
22
|
-
this.classSmall = false;
|
|
23
|
-
this.classTiny = false;
|
|
24
|
-
this.classMicro = false;
|
|
25
|
-
this.selected = false;
|
|
26
|
-
this.selectedToggled = new EventEmitter();
|
|
27
|
-
this.removed = new EventEmitter();
|
|
28
|
-
this._destroy$ = new Subject();
|
|
29
|
-
this._backgroundColor = '';
|
|
30
|
-
this._color = '';
|
|
31
|
-
}
|
|
32
|
-
set setSize(value) {
|
|
33
|
-
this.classSmall = value === 'small';
|
|
34
|
-
this.classTiny = value === 'tiny';
|
|
35
|
-
this.classMicro = value === 'micro';
|
|
36
|
-
}
|
|
37
|
-
click() {
|
|
38
|
-
if (this.selectable) {
|
|
39
|
-
this.selected = !this.selected;
|
|
40
|
-
this.selectedToggled.emit({ value: this.value, selected: this.selected });
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
set backgroundColor(value) {
|
|
44
|
-
this._backgroundColor = value;
|
|
45
|
-
this._updateStyles();
|
|
46
|
-
}
|
|
47
|
-
set borderColor(value) {
|
|
48
|
-
this.styleBorderColor = value;
|
|
49
|
-
this._updateStyles();
|
|
50
|
-
}
|
|
51
|
-
set color(value) {
|
|
52
|
-
this._color = value;
|
|
53
|
-
this._updateStyles();
|
|
54
|
-
}
|
|
55
|
-
get destroy$() {
|
|
56
|
-
return this._destroy$.asObservable();
|
|
57
|
-
}
|
|
58
|
-
set outlined(value) {
|
|
59
|
-
this._outlined = value;
|
|
60
|
-
this._updateStyles();
|
|
61
|
-
}
|
|
62
|
-
select() {
|
|
63
|
-
this.selected = true;
|
|
64
|
-
this._cdRef.markForCheck();
|
|
65
|
-
}
|
|
66
|
-
unselect() {
|
|
67
|
-
this.selected = false;
|
|
68
|
-
this._cdRef.markForCheck();
|
|
69
|
-
}
|
|
70
|
-
ngOnInit() {
|
|
71
|
-
if (this.removed.observers.length === 0) {
|
|
72
|
-
this.removable = false;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
ngOnDestroy() {
|
|
76
|
-
this._destroy$.next();
|
|
77
|
-
this._destroy$.complete();
|
|
78
|
-
}
|
|
79
|
-
remove(event) {
|
|
80
|
-
event.stopImmediatePropagation();
|
|
81
|
-
event.stopPropagation();
|
|
82
|
-
this.removed.next(event);
|
|
83
|
-
}
|
|
84
|
-
_isContrastYIQBlack(hexcolor) {
|
|
85
|
-
if (!hexcolor) {
|
|
86
|
-
return true;
|
|
87
|
-
}
|
|
88
|
-
hexcolor = hexcolor.replace('#', '');
|
|
89
|
-
const r = parseInt(hexcolor.substr(0, 2), 16);
|
|
90
|
-
const g = parseInt(hexcolor.substr(2, 2), 16);
|
|
91
|
-
const b = parseInt(hexcolor.substr(4, 2), 16);
|
|
92
|
-
const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
|
|
93
|
-
return yiq >= 200;
|
|
94
|
-
}
|
|
95
|
-
_updateStyles() {
|
|
96
|
-
this.styleBackgroundColor = this._backgroundColor;
|
|
97
|
-
if (this._color) {
|
|
98
|
-
this.styleColor = this._color;
|
|
99
|
-
}
|
|
100
|
-
else if (!this._outlined) {
|
|
101
|
-
this.styleColor = this._isContrastYIQBlack(this.styleBackgroundColor) ? '#474747' : '#fff';
|
|
102
|
-
}
|
|
103
|
-
if (this._outlined) {
|
|
104
|
-
this.styleBackgroundColor = '';
|
|
105
|
-
if (this._color) {
|
|
106
|
-
this.styleBorderColor = this._color;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
this._cdRef.markForCheck();
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
FsChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsChipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
113
|
-
FsChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FsChipComponent, selector: "fs-chip", inputs: { selectable: "selectable", removable: "removable", value: "value", icon: "icon", image: "image", selected: "selected", setSize: ["size", "setSize"], backgroundColor: "backgroundColor", borderColor: "borderColor", color: "color", outlined: "outlined" }, outputs: { selectedToggled: "selectedToggled", removed: "removed" }, host: { listeners: { "click": "click()" }, properties: { "class.fs-chip": "this.fsChip", "class.outlined": "this._outlined", "class.selectable": "this.selectable", "class.removable": "this.removable", "style.backgroundColor": "this.styleBackgroundColor", "style.color": "this.styleColor", "style.borderColor": "this.styleBorderColor", "class.size-small": "this.classSmall", "class.size-tiny": "this.classTiny", "class.size-micro": "this.classMicro", "class.iconed": "this.icon", "class.imaged": "this.image", "class.selected": "this.selected" } }, ngImport: i0, template: "<img *ngIf=\"image\" [src]=\"image\" class=\"image\" alt=\"\">\n<ng-container *ngIf=\"icon\">\n <mat-icon class=\"icon\">{{icon}}</mat-icon>\n</ng-container>\n<div class=\"fs-chip-content\">\n <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"selected\">\n <div class=\"selected-check\">\n <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n </div>\n</ng-container>\n<div *ngIf=\"removed.observers.length && removable\" class=\"remove\" (click)=\"remove($event)\">\n <mat-icon [style.color]=\"styleColor\">remove_circle_outline</mat-icon>\n</div>", styles: [":host{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e0e0e0;overflow:hidden}:host.imaged{overflow:visible;padding-left:0;vertical-align:middle}:host.imaged.outlined .image{margin-left:-2px}:host.iconed:not(.imaged){padding-left:5px}:host.removable,:host.selected{padding-right:3px}:host.selectable{cursor:pointer}:host.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}:host .icon{margin-right:5px}:host mat-icon{font-size:25px}:host .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}:host .fs-chip-content{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .selected-check{margin:0 5px;display:flex}:host .remove{display:flex;margin-left:5px;cursor:pointer}:host.size-micro{padding:0 5px;height:16px;line-height:normal}:host.size-micro .fs-chip-content{font-size:65%}:host.size-micro .image{height:100%;width:16px;margin-right:2px}:host.size-micro .remove{margin-left:1px}:host.size-micro .selected-check{margin:0 1px 0 0}:host.size-micro.imaged{padding-left:0}:host.size-micro.removable,:host.size-micro.selected{padding-right:0}:host.size-micro mat-icon{width:12px;height:12px;font-size:11px}:host.size-tiny{padding:0 6px;height:18px;line-height:normal}:host.size-tiny .fs-chip-content{font-size:75%}:host.size-tiny .image{height:18px;width:18px;margin-right:3px}:host.size-tiny.iconed:not(.imaged){padding-left:3px}:host.size-tiny .remove{margin-left:2px;margin-right:2px}:host.size-tiny .selected-check{margin:0 1px 0 0}:host.size-tiny.imaged{padding-left:0}:host.size-tiny.removable,:host.size-tiny.selected{padding-right:0}:host.size-tiny mat-icon{height:13px;width:13px;font-size:13px}:host.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}:host.size-small .image{height:25px;width:25px;margin-right:5px}:host.size-small.iconed:not(.imaged){padding-left:4px}:host.size-small.imaged{padding-left:0}:host.size-small .remove{margin-right:2px}:host.size-small .selected-check{margin:0 2px 0 0}:host.size-small .selected-check mat-icon{transform:scale(.7)}:host.size-small.removable,:host.size-small.selected{padding-right:0}:host.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsChipComponent, decorators: [{
|
|
115
|
-
type: Component,
|
|
116
|
-
args: [{ selector: 'fs-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<img *ngIf=\"image\" [src]=\"image\" class=\"image\" alt=\"\">\n<ng-container *ngIf=\"icon\">\n <mat-icon class=\"icon\">{{icon}}</mat-icon>\n</ng-container>\n<div class=\"fs-chip-content\">\n <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"selected\">\n <div class=\"selected-check\">\n <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n </div>\n</ng-container>\n<div *ngIf=\"removed.observers.length && removable\" class=\"remove\" (click)=\"remove($event)\">\n <mat-icon [style.color]=\"styleColor\">remove_circle_outline</mat-icon>\n</div>", styles: [":host{-webkit-user-select:none;user-select:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);display:inline-flex;padding:0 12px;border-radius:16px;align-items:center;cursor:default;height:30px;background-color:#e0e0e0;overflow:hidden}:host.imaged{overflow:visible;padding-left:0;vertical-align:middle}:host.imaged.outlined .image{margin-left:-2px}:host.iconed:not(.imaged){padding-left:5px}:host.removable,:host.selected{padding-right:3px}:host.selectable{cursor:pointer}:host.outlined{background-color:transparent;border:1px solid #e0e0e0;box-sizing:border-box}:host .icon{margin-right:5px}:host mat-icon{font-size:25px}:host .image{height:30px;width:30px;border-radius:50%;object-fit:cover;margin-left:-1px;margin-right:8px}:host .fs-chip-content{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .selected-check{margin:0 5px;display:flex}:host .remove{display:flex;margin-left:5px;cursor:pointer}:host.size-micro{padding:0 5px;height:16px;line-height:normal}:host.size-micro .fs-chip-content{font-size:65%}:host.size-micro .image{height:100%;width:16px;margin-right:2px}:host.size-micro .remove{margin-left:1px}:host.size-micro .selected-check{margin:0 1px 0 0}:host.size-micro.imaged{padding-left:0}:host.size-micro.removable,:host.size-micro.selected{padding-right:0}:host.size-micro mat-icon{width:12px;height:12px;font-size:11px}:host.size-tiny{padding:0 6px;height:18px;line-height:normal}:host.size-tiny .fs-chip-content{font-size:75%}:host.size-tiny .image{height:18px;width:18px;margin-right:3px}:host.size-tiny.iconed:not(.imaged){padding-left:3px}:host.size-tiny .remove{margin-left:2px;margin-right:2px}:host.size-tiny .selected-check{margin:0 1px 0 0}:host.size-tiny.imaged{padding-left:0}:host.size-tiny.removable,:host.size-tiny.selected{padding-right:0}:host.size-tiny mat-icon{height:13px;width:13px;font-size:13px}:host.size-small{padding:0 8px;font-size:85%;height:25px;line-height:normal}:host.size-small .image{height:25px;width:25px;margin-right:5px}:host.size-small.iconed:not(.imaged){padding-left:4px}:host.size-small.imaged{padding-left:0}:host.size-small .remove{margin-right:2px}:host.size-small .selected-check{margin:0 2px 0 0}:host.size-small .selected-check mat-icon{transform:scale(.7)}:host.size-small.removable,:host.size-small.selected{padding-right:0}:host.size-small mat-icon{height:22px;width:22px;font-size:22px}\n"] }]
|
|
117
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { fsChip: [{
|
|
118
|
-
type: HostBinding,
|
|
119
|
-
args: ['class.fs-chip']
|
|
120
|
-
}], _outlined: [{
|
|
121
|
-
type: HostBinding,
|
|
122
|
-
args: ['class.outlined']
|
|
123
|
-
}], selectable: [{
|
|
124
|
-
type: Input
|
|
125
|
-
}, {
|
|
126
|
-
type: HostBinding,
|
|
127
|
-
args: ['class.selectable']
|
|
128
|
-
}], removable: [{
|
|
129
|
-
type: Input
|
|
130
|
-
}, {
|
|
131
|
-
type: HostBinding,
|
|
132
|
-
args: ['class.removable']
|
|
133
|
-
}], styleBackgroundColor: [{
|
|
134
|
-
type: HostBinding,
|
|
135
|
-
args: ['style.backgroundColor']
|
|
136
|
-
}], styleColor: [{
|
|
137
|
-
type: HostBinding,
|
|
138
|
-
args: ['style.color']
|
|
139
|
-
}], styleBorderColor: [{
|
|
140
|
-
type: HostBinding,
|
|
141
|
-
args: ['style.borderColor']
|
|
142
|
-
}], classSmall: [{
|
|
143
|
-
type: HostBinding,
|
|
144
|
-
args: ['class.size-small']
|
|
145
|
-
}], classTiny: [{
|
|
146
|
-
type: HostBinding,
|
|
147
|
-
args: ['class.size-tiny']
|
|
148
|
-
}], classMicro: [{
|
|
149
|
-
type: HostBinding,
|
|
150
|
-
args: ['class.size-micro']
|
|
151
|
-
}], value: [{
|
|
152
|
-
type: Input
|
|
153
|
-
}], icon: [{
|
|
154
|
-
type: Input
|
|
155
|
-
}, {
|
|
156
|
-
type: HostBinding,
|
|
157
|
-
args: ['class.iconed']
|
|
158
|
-
}], image: [{
|
|
159
|
-
type: Input
|
|
160
|
-
}, {
|
|
161
|
-
type: HostBinding,
|
|
162
|
-
args: ['class.imaged']
|
|
163
|
-
}], selected: [{
|
|
164
|
-
type: Input
|
|
165
|
-
}, {
|
|
166
|
-
type: HostBinding,
|
|
167
|
-
args: ['class.selected']
|
|
168
|
-
}], selectedToggled: [{
|
|
169
|
-
type: Output
|
|
170
|
-
}], removed: [{
|
|
171
|
-
type: Output
|
|
172
|
-
}], setSize: [{
|
|
173
|
-
type: Input,
|
|
174
|
-
args: ['size']
|
|
175
|
-
}], click: [{
|
|
176
|
-
type: HostListener,
|
|
177
|
-
args: ['click']
|
|
178
|
-
}], backgroundColor: [{
|
|
179
|
-
type: Input
|
|
180
|
-
}], borderColor: [{
|
|
181
|
-
type: Input
|
|
182
|
-
}], color: [{
|
|
183
|
-
type: Input
|
|
184
|
-
}], outlined: [{
|
|
185
|
-
type: Input
|
|
186
|
-
}] } });
|
|
187
|
-
|
|
188
|
-
class FsChipsComponent {
|
|
189
|
-
constructor(_cdRef, _iterable) {
|
|
190
|
-
this._cdRef = _cdRef;
|
|
191
|
-
this._iterable = _iterable;
|
|
192
|
-
this.classFsChips = true;
|
|
193
|
-
this.classHasChips = false;
|
|
194
|
-
this.multiple = true;
|
|
195
|
-
this._value = [];
|
|
196
|
-
this._destroy$ = new Subject();
|
|
197
|
-
this._chipDiffer = this._iterable.find([]).create();
|
|
198
|
-
}
|
|
199
|
-
setDisabledState(isDisabled) {
|
|
200
|
-
//
|
|
201
|
-
}
|
|
202
|
-
ngAfterContentInit() {
|
|
203
|
-
this._subscribeToSelectionChanges();
|
|
204
|
-
this._subscribeToItemsChange();
|
|
205
|
-
}
|
|
206
|
-
set value(value) {
|
|
207
|
-
if (this._value !== value) {
|
|
208
|
-
this._value = value;
|
|
209
|
-
this.onChange(this._value);
|
|
210
|
-
this.onTouch(this._value);
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
get value() {
|
|
214
|
-
return this._value;
|
|
215
|
-
}
|
|
216
|
-
ngOnDestroy() {
|
|
217
|
-
this._destroy$.next();
|
|
218
|
-
this._destroy$.complete();
|
|
219
|
-
}
|
|
220
|
-
writeValue(value) {
|
|
221
|
-
if (value !== this.value) {
|
|
222
|
-
this._value = value;
|
|
223
|
-
}
|
|
224
|
-
this._updateChips();
|
|
225
|
-
}
|
|
226
|
-
registerOnChange(fn) {
|
|
227
|
-
this.onChange = fn;
|
|
228
|
-
}
|
|
229
|
-
registerOnTouched(fn) {
|
|
230
|
-
this.onTouch = fn;
|
|
231
|
-
}
|
|
232
|
-
_subscribeToSelectionChange() {
|
|
233
|
-
const changed = this._chipDiffer.diff(this.chips);
|
|
234
|
-
changed === null || changed === void 0 ? void 0 : changed.forEachAddedItem((change) => {
|
|
235
|
-
change.item.selectedToggled
|
|
236
|
-
.pipe(takeUntil(change.item.destroy$), takeUntil(this._destroy$))
|
|
237
|
-
.subscribe(({ selected, value }) => {
|
|
238
|
-
if (!selected) {
|
|
239
|
-
const valueIndex = this.value.findIndex((item) => {
|
|
240
|
-
return this._compareFn(item, value);
|
|
241
|
-
});
|
|
242
|
-
if (valueIndex > -1) {
|
|
243
|
-
this.value.splice(valueIndex, 1);
|
|
244
|
-
this.onChange(this._value);
|
|
245
|
-
this.onTouch(this._value);
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
else {
|
|
249
|
-
this.value.push(value);
|
|
250
|
-
this.onChange(this._value);
|
|
251
|
-
this.onTouch(this._value);
|
|
252
|
-
}
|
|
253
|
-
});
|
|
254
|
-
});
|
|
255
|
-
}
|
|
256
|
-
/**
|
|
257
|
-
* Update ngModel value when selection changed
|
|
258
|
-
*/
|
|
259
|
-
_subscribeToSelectionChanges() {
|
|
260
|
-
this._subscribeToSelectionChange();
|
|
261
|
-
this.chips.changes
|
|
262
|
-
.pipe(takeUntil(this._destroy$))
|
|
263
|
-
.subscribe(() => {
|
|
264
|
-
this._subscribeToSelectionChange();
|
|
265
|
-
});
|
|
266
|
-
}
|
|
267
|
-
/**
|
|
268
|
-
* Update selection if item was added or removed
|
|
269
|
-
*/
|
|
270
|
-
_subscribeToItemsChange() {
|
|
271
|
-
this.chips.changes
|
|
272
|
-
.pipe(takeUntil(this._destroy$))
|
|
273
|
-
.subscribe(() => {
|
|
274
|
-
this.classHasChips = this.chips.length !== 0;
|
|
275
|
-
this._cdRef.markForCheck();
|
|
276
|
-
this._updateChips();
|
|
277
|
-
});
|
|
278
|
-
this.classHasChips = this.chips.length !== 0;
|
|
279
|
-
this._cdRef.markForCheck();
|
|
280
|
-
}
|
|
281
|
-
_compareFn(o1, o2) {
|
|
282
|
-
if (this.compare) {
|
|
283
|
-
return this.compare(o1, o2);
|
|
284
|
-
}
|
|
285
|
-
return o1 === o2;
|
|
286
|
-
}
|
|
287
|
-
_updateChips() {
|
|
288
|
-
if (this.multiple && Array.isArray(this.value) && this.chips) {
|
|
289
|
-
this.chips.forEach((chip) => {
|
|
290
|
-
const selected = this.value
|
|
291
|
-
.some((o) => {
|
|
292
|
-
return this._compareFn(o, chip.value);
|
|
293
|
-
});
|
|
294
|
-
if (selected) {
|
|
295
|
-
chip.select();
|
|
296
|
-
}
|
|
297
|
-
else {
|
|
298
|
-
chip.unselect();
|
|
299
|
-
}
|
|
300
|
-
});
|
|
301
|
-
}
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
FsChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsChipsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component });
|
|
305
|
-
FsChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FsChipsComponent, selector: "fs-chips", inputs: { compare: "compare", multiple: "multiple" }, host: { properties: { "class.fs-chips": "this.classFsChips", "class.has-chips": "this.classHasChips" } }, providers: [
|
|
306
|
-
{
|
|
307
|
-
provide: NG_VALUE_ACCESSOR,
|
|
308
|
-
useExisting: forwardRef(() => FsChipsComponent),
|
|
309
|
-
multi: true,
|
|
310
|
-
},
|
|
311
|
-
], queries: [{ propertyName: "chips", predicate: FsChipComponent }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;flex-wrap:wrap}:host.has-chips{margin-top:-5px}:host ::ng-deep .fs-chip{margin-top:5px}:host ::ng-deep .fs-chip+.fs-chip{margin-left:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
312
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsChipsComponent, decorators: [{
|
|
313
|
-
type: Component,
|
|
314
|
-
args: [{ selector: 'fs-chips', providers: [
|
|
315
|
-
{
|
|
316
|
-
provide: NG_VALUE_ACCESSOR,
|
|
317
|
-
useExisting: forwardRef(() => FsChipsComponent),
|
|
318
|
-
multi: true,
|
|
319
|
-
},
|
|
320
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;flex-wrap:wrap}:host.has-chips{margin-top:-5px}:host ::ng-deep .fs-chip{margin-top:5px}:host ::ng-deep .fs-chip+.fs-chip{margin-left:5px}\n"] }]
|
|
321
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.IterableDiffers }]; }, propDecorators: { classFsChips: [{
|
|
322
|
-
type: HostBinding,
|
|
323
|
-
args: ['class.fs-chips']
|
|
324
|
-
}], classHasChips: [{
|
|
325
|
-
type: HostBinding,
|
|
326
|
-
args: ['class.has-chips']
|
|
327
|
-
}], chips: [{
|
|
328
|
-
type: ContentChildren,
|
|
329
|
-
args: [FsChipComponent]
|
|
330
|
-
}], compare: [{
|
|
331
|
-
type: Input
|
|
332
|
-
}], multiple: [{
|
|
333
|
-
type: Input
|
|
334
|
-
}] } });
|
|
335
|
-
|
|
336
|
-
class FsChipModule {
|
|
337
|
-
static forRoot() {
|
|
338
|
-
return {
|
|
339
|
-
ngModule: FsChipModule
|
|
340
|
-
};
|
|
341
|
-
}
|
|
342
|
-
}
|
|
343
|
-
FsChipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
344
|
-
FsChipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FsChipModule, declarations: [FsChipsComponent,
|
|
345
|
-
FsChipComponent], imports: [CommonModule,
|
|
346
|
-
MatIconModule,
|
|
347
|
-
FsLabelModule], exports: [FsChipsComponent,
|
|
348
|
-
FsChipComponent] });
|
|
349
|
-
FsChipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsChipModule, imports: [CommonModule,
|
|
350
|
-
MatIconModule,
|
|
351
|
-
FsLabelModule] });
|
|
352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FsChipModule, decorators: [{
|
|
353
|
-
type: NgModule,
|
|
354
|
-
args: [{
|
|
355
|
-
imports: [
|
|
356
|
-
CommonModule,
|
|
357
|
-
MatIconModule,
|
|
358
|
-
FsLabelModule
|
|
359
|
-
],
|
|
360
|
-
exports: [
|
|
361
|
-
FsChipsComponent,
|
|
362
|
-
FsChipComponent,
|
|
363
|
-
],
|
|
364
|
-
declarations: [
|
|
365
|
-
FsChipsComponent,
|
|
366
|
-
FsChipComponent,
|
|
367
|
-
]
|
|
368
|
-
}]
|
|
369
|
-
}] });
|
|
370
|
-
|
|
371
|
-
/*
|
|
372
|
-
* Public API Surface of fs-menu
|
|
373
|
-
*/
|
|
374
|
-
|
|
375
|
-
/**
|
|
376
|
-
* Generated bundle index. Do not edit.
|
|
377
|
-
*/
|
|
378
|
-
|
|
379
|
-
export { FsChipComponent, FsChipModule, FsChipsComponent };
|
|
380
|
-
//# sourceMappingURL=firestitch-chip.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"firestitch-chip.mjs","sources":["../../src/app/components/chip/chip.component.ts","../../src/app/components/chip/chip.component.html","../../src/app/components/chips/chips.component.ts","../../src/app/components/chips/chips.component.html","../../src/app/fs-chip.module.ts","../../src/public_api.ts","../../src/firestitch-chip.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy, ChangeDetectorRef,\n Component,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n Output,\n} from '@angular/core';\n\nimport { Observable, Subject } from 'rxjs';\n\n\n@Component({\n selector: 'fs-chip',\n templateUrl: './chip.component.html',\n styleUrls: ['./chip.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsChipComponent implements OnInit, OnDestroy {\n\n @HostBinding('class.fs-chip') \n public fsChip = true;\n\n @HostBinding('class.outlined') \n public _outlined = false;\n\n @Input()\n @HostBinding('class.selectable') \n public selectable = false;\n \n @Input()\n @HostBinding('class.removable') \n public removable = true;\n \n @HostBinding('style.backgroundColor') \n public styleBackgroundColor = '';\n\n @HostBinding('style.color') \n public styleColor = '';\n\n @HostBinding('style.borderColor') \n public styleBorderColor = '';\n\n @HostBinding('class.size-small') \n public classSmall = false;\n\n @HostBinding('class.size-tiny') \n public classTiny = false;\n\n @HostBinding('class.size-micro') \n public classMicro = false;\n\n @Input() public value;\n \n @Input() \n @HostBinding('class.iconed') \n public icon;\n \n @Input() \n @HostBinding('class.imaged') \n public image;\n \n @Input() \n @HostBinding('class.selected') \n public selected = false;\n\n @Output() public selectedToggled = new EventEmitter();\n @Output() public removed = new EventEmitter();\n\n private _destroy$ = new Subject();\n\n private _backgroundColor = '';\n private _color = '';\n\n constructor(\n private _cdRef: ChangeDetectorRef,\n ) {}\n\n @Input('size') public set setSize(value) {\n this.classSmall = value === 'small';\n this.classTiny = value === 'tiny';\n this.classMicro = value === 'micro';\n }\n\n @HostListener('click')\n public click() {\n if (this.selectable) {\n this.selected = !this.selected;\n this.selectedToggled.emit({ value: this.value, selected: this.selected });\n }\n }\n\n @Input() public set backgroundColor(value) {\n this._backgroundColor = value;\n this._updateStyles();\n }\n\n @Input() public set borderColor(value) {\n this.styleBorderColor = value;\n this._updateStyles();\n }\n\n @Input() public set color(value) {\n this._color = value;\n this._updateStyles();\n }\n\n public get destroy$(): Observable<any> {\n return this._destroy$.asObservable();\n }\n\n @Input() public set outlined(value) {\n this._outlined = value;\n this._updateStyles();\n }\n\n public select() {\n this.selected = true;\n this._cdRef.markForCheck();\n }\n\n public unselect() {\n this.selected = false;\n this._cdRef.markForCheck();\n }\n\n public ngOnInit() {\n if(this.removed.observers.length === 0) {\n this.removable = false;\n }\n }\n\n public ngOnDestroy() {\n this._destroy$.next();\n this._destroy$.complete();\n }\n\n public remove(event: MouseEvent) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n this.removed.next(event);\n }\n\n private _isContrastYIQBlack(hexcolor) {\n if (!hexcolor) {\n return true;\n }\n\n hexcolor = hexcolor.replace('#', '');\n const r = parseInt(hexcolor.substr(0, 2), 16);\n const g = parseInt(hexcolor.substr(2, 2), 16);\n const b = parseInt(hexcolor.substr(4, 2), 16);\n const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\n\n return yiq >= 200;\n }\n\n private _updateStyles() {\n this.styleBackgroundColor = this._backgroundColor;\n\n if (this._color) {\n this.styleColor = this._color;\n } else if (!this._outlined) {\n this.styleColor = this._isContrastYIQBlack(this.styleBackgroundColor) ? '#474747' : '#fff';\n }\n\n if (this._outlined) {\n this.styleBackgroundColor = '';\n\n if (this._color) {\n this.styleBorderColor = this._color;\n }\n }\n\n this._cdRef.markForCheck();\n }\n}\n","<img *ngIf=\"image\" [src]=\"image\" class=\"image\" alt=\"\">\n<ng-container *ngIf=\"icon\">\n <mat-icon class=\"icon\">{{icon}}</mat-icon>\n</ng-container>\n<div class=\"fs-chip-content\">\n <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"selected\">\n <div class=\"selected-check\">\n <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n </div>\n</ng-container>\n<div *ngIf=\"removed.observers.length && removable\" class=\"remove\" (click)=\"remove($event)\">\n <mat-icon [style.color]=\"styleColor\">remove_circle_outline</mat-icon>\n</div>","import {\n AfterContentInit,\n ChangeDetectionStrategy, ChangeDetectorRef,\n Component,\n ContentChildren,\n forwardRef,\n HostBinding,\n Input,\n IterableDiffer,\n IterableDiffers,\n OnDestroy,\n QueryList,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { FsChipComponent } from '../chip';\n\n\n@Component({\n selector: 'fs-chips',\n templateUrl: './chips.component.html',\n styleUrls: ['./chips.component.scss'],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => FsChipsComponent),\n multi: true,\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsChipsComponent implements OnDestroy, ControlValueAccessor, AfterContentInit {\n\n @HostBinding('class.fs-chips') \n public classFsChips = true;\n\n @HostBinding('class.has-chips') \n public classHasChips = false;\n\n @ContentChildren(FsChipComponent)\n public chips: QueryList<FsChipComponent>;\n\n @Input() public compare;\n\n @Input() public multiple = true;\n\n public onChange: (value) => void;\n public onTouch: (value) => void;\n\n private _value = [];\n private _destroy$ = new Subject();\n private _chipDiffer: IterableDiffer<FsChipComponent>;\n\n constructor(\n private _cdRef: ChangeDetectorRef,\n private _iterable: IterableDiffers,\n ) {\n this._chipDiffer = this._iterable.find([]).create();\n }\n \n public setDisabledState?(isDisabled: boolean): void {\n //\n }\n\n public ngAfterContentInit(): void {\n this._subscribeToSelectionChanges();\n this._subscribeToItemsChange();\n }\n \n public set value(value) {\n if (this._value !== value) {\n this._value = value;\n\n this.onChange(this._value);\n this.onTouch(this._value);\n }\n }\n\n public get value() {\n return this._value;\n }\n\n public ngOnDestroy() {\n this._destroy$.next();\n this._destroy$.complete();\n }\n\n public writeValue(value: any) {\n if (value !== this.value) {\n this._value = value;\n }\n\n this._updateChips();\n }\n\n public registerOnChange(fn) {\n this.onChange = fn;\n }\n public registerOnTouched(fn) {\n this.onTouch = fn;\n }\n\n private _subscribeToSelectionChange() {\n const changed = this._chipDiffer.diff(this.chips);\n changed?.forEachAddedItem((change) => {\n change.item.selectedToggled\n .pipe(\n takeUntil(change.item.destroy$),\n takeUntil(this._destroy$),\n )\n .subscribe(({ selected, value }) => {\n if (!selected) {\n const valueIndex = this.value.findIndex((item) => {\n return this._compareFn(item, value);\n });\n\n if (valueIndex > -1) {\n this.value.splice(valueIndex, 1);\n\n this.onChange(this._value);\n this.onTouch(this._value);\n }\n } else {\n this.value.push(value);\n\n this.onChange(this._value);\n this.onTouch(this._value);\n }\n });\n });\n }\n\n /**\n * Update ngModel value when selection changed\n */\n private _subscribeToSelectionChanges() {\n this._subscribeToSelectionChange();\n this.chips.changes\n .pipe(\n takeUntil(this._destroy$),\n )\n .subscribe(() => {\n this._subscribeToSelectionChange();\n });\n }\n\n /**\n * Update selection if item was added or removed\n */\n private _subscribeToItemsChange() {\n this.chips.changes\n .pipe(\n takeUntil(this._destroy$),\n )\n .subscribe(() => {\n this.classHasChips = this.chips.length !== 0;\n this._cdRef.markForCheck();\n this._updateChips();\n });\n\n this.classHasChips = this.chips.length !== 0;\n this._cdRef.markForCheck();\n }\n\n private _compareFn(o1, o2) {\n if (this.compare) {\n return this.compare(o1, o2);\n }\n\n return o1 === o2;\n }\n\n private _updateChips() {\n if (this.multiple && Array.isArray(this.value) && this.chips) {\n this.chips.forEach((chip) => {\n const selected = this.value\n .some((o) => {\n return this._compareFn(o, chip.value);\n });\n\n if(selected) {\n chip.select();\n } else {\n chip.unselect();\n }\n });\n } \n }\n}\n","<ng-content></ng-content>\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { FsLabelModule } from '@firestitch/label';\n\nimport { FsChipsComponent } from './components/chips/chips.component';\nimport { FsChipComponent } from './components/chip/chip.component';\n\n@NgModule({\n imports: [\n CommonModule,\n MatIconModule,\n FsLabelModule\n ],\n exports: [\n FsChipsComponent,\n FsChipComponent,\n ],\n declarations: [\n FsChipsComponent,\n FsChipComponent,\n ]\n})\nexport class FsChipModule {\n static forRoot(): ModuleWithProviders<FsChipModule> {\n return {\n ngModule: FsChipModule\n };\n }\n}\n","/*\n * Public API Surface of fs-menu\n */\n\nexport { FsChipModule } from './app/fs-chip.module';\n\n\nexport { FsChipsComponent } from './app/components/chips/chips.component';\nexport { FsChipComponent } from './app/components/chip/chip.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;MAqBa,eAAe,CAAA;AAwD1B,IAAA,WAAA,CACU,MAAyB,EAAA;AAAzB,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAmB;AAtD5B,QAAA,IAAM,CAAA,MAAA,GAAG,IAAI,CAAC;AAGd,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAIlB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAInB,QAAA,IAAS,CAAA,SAAA,GAAG,IAAI,CAAC;AAGjB,QAAA,IAAoB,CAAA,oBAAA,GAAG,EAAE,CAAC;AAG1B,QAAA,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AAGhB,QAAA,IAAgB,CAAA,gBAAA,GAAG,EAAE,CAAC;AAGtB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAGnB,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAGlB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAcnB,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAEP,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAE,CAAC;AACrC,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAAE,CAAC;AAEtC,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,OAAO,EAAE,CAAC;AAE1B,QAAA,IAAgB,CAAA,gBAAA,GAAG,EAAE,CAAC;AACtB,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;KAIhB;IAEJ,IAA0B,OAAO,CAAC,KAAK,EAAA;AACrC,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,KAAK,OAAO,CAAC;AACpC,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,KAAK,MAAM,CAAC;AAClC,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,KAAK,OAAO,CAAC;KACrC;IAGM,KAAK,GAAA;QACV,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC/B,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC3E,SAAA;KACF;IAED,IAAoB,eAAe,CAAC,KAAK,EAAA;AACvC,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,IAAoB,WAAW,CAAC,KAAK,EAAA;AACnC,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,IAAoB,KAAK,CAAC,KAAK,EAAA;AAC7B,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;AAED,IAAA,IAAW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;KACtC;IAED,IAAoB,QAAQ,CAAC,KAAK,EAAA;AAChC,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAEM,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;KAC5B;IAEM,QAAQ,GAAA;AACb,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;KAC5B;IAEM,QAAQ,GAAA;QACb,IAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AACtC,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACxB,SAAA;KACF;IAEM,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;KAC3B;AAEM,IAAA,MAAM,CAAC,KAAiB,EAAA;QAC7B,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACjC,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1B;AAEO,IAAA,mBAAmB,CAAC,QAAQ,EAAA;QAClC,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;QAED,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AACrC,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9C,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9C,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9C,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC;QAEvD,OAAO,GAAG,IAAI,GAAG,CAAC;KACnB;IAEO,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAElD,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,SAAA;AAAM,aAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AAC1B,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,SAAS,GAAG,MAAM,CAAC;AAC5F,SAAA;QAED,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC;YAE/B,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC;AACrC,aAAA;AACF,SAAA;AAED,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;KAC5B;;6GA7JU,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,85BCrB5B,yjBAcM,EAAA,MAAA,EAAA,CAAA,01EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDOO,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,SAAS,EAAA,eAAA,EAGF,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yjBAAA,EAAA,MAAA,EAAA,CAAA,01EAAA,CAAA,EAAA,CAAA;wGAKxC,MAAM,EAAA,CAAA;sBADZ,WAAW;uBAAC,eAAe,CAAA;gBAIrB,SAAS,EAAA,CAAA;sBADf,WAAW;uBAAC,gBAAgB,CAAA;gBAKtB,UAAU,EAAA,CAAA;sBAFhB,KAAK;;sBACL,WAAW;uBAAC,kBAAkB,CAAA;gBAKxB,SAAS,EAAA,CAAA;sBAFf,KAAK;;sBACL,WAAW;uBAAC,iBAAiB,CAAA;gBAIvB,oBAAoB,EAAA,CAAA;sBAD1B,WAAW;uBAAC,uBAAuB,CAAA;gBAI7B,UAAU,EAAA,CAAA;sBADhB,WAAW;uBAAC,aAAa,CAAA;gBAInB,gBAAgB,EAAA,CAAA;sBADtB,WAAW;uBAAC,mBAAmB,CAAA;gBAIzB,UAAU,EAAA,CAAA;sBADhB,WAAW;uBAAC,kBAAkB,CAAA;gBAIxB,SAAS,EAAA,CAAA;sBADf,WAAW;uBAAC,iBAAiB,CAAA;gBAIvB,UAAU,EAAA,CAAA;sBADhB,WAAW;uBAAC,kBAAkB,CAAA;gBAGf,KAAK,EAAA,CAAA;sBAApB,KAAK;gBAIC,IAAI,EAAA,CAAA;sBAFV,KAAK;;sBACL,WAAW;uBAAC,cAAc,CAAA;gBAKpB,KAAK,EAAA,CAAA;sBAFX,KAAK;;sBACL,WAAW;uBAAC,cAAc,CAAA;gBAKpB,QAAQ,EAAA,CAAA;sBAFd,KAAK;;sBACL,WAAW;uBAAC,gBAAgB,CAAA;gBAGZ,eAAe,EAAA,CAAA;sBAA/B,MAAM;gBACU,OAAO,EAAA,CAAA;sBAAvB,MAAM;gBAWmB,OAAO,EAAA,CAAA;sBAAhC,KAAK;uBAAC,MAAM,CAAA;gBAON,KAAK,EAAA,CAAA;sBADX,YAAY;uBAAC,OAAO,CAAA;gBAQD,eAAe,EAAA,CAAA;sBAAlC,KAAK;gBAKc,WAAW,EAAA,CAAA;sBAA9B,KAAK;gBAKc,KAAK,EAAA,CAAA;sBAAxB,KAAK;gBASc,QAAQ,EAAA,CAAA;sBAA3B,KAAK;;;MEhFK,gBAAgB,CAAA;IAsB3B,WACU,CAAA,MAAyB,EACzB,SAA0B,EAAA;AAD1B,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAmB;AACzB,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAiB;AArB7B,QAAA,IAAY,CAAA,YAAA,GAAG,IAAI,CAAC;AAGpB,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;AAOb,QAAA,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAC;AAKxB,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;AACZ,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,OAAO,EAAE,CAAC;AAOhC,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;KACrD;AAEM,IAAA,gBAAgB,CAAE,UAAmB,EAAA;;KAE3C;IAEM,kBAAkB,GAAA;QACvB,IAAI,CAAC,4BAA4B,EAAE,CAAC;QACpC,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;IAED,IAAW,KAAK,CAAC,KAAK,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;AACzB,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;AAEpB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,SAAA;KACF;AAED,IAAA,IAAW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;IAEM,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;KAC3B;AAEM,IAAA,UAAU,CAAC,KAAU,EAAA;AAC1B,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;AACrB,SAAA;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;AAEM,IAAA,gBAAgB,CAAC,EAAE,EAAA;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACpB;AACM,IAAA,iBAAiB,CAAC,EAAE,EAAA;AACzB,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACnB;IAEO,2BAA2B,GAAA;AACjC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAE,gBAAgB,CAAC,CAAC,MAAM,KAAI;YACnC,MAAM,CAAC,IAAI,CAAC,eAAe;AACxB,iBAAA,IAAI,CACH,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC/B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B;iBACA,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAI;gBACjC,IAAI,CAAC,QAAQ,EAAE;oBACb,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAI;wBAC/C,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACtC,qBAAC,CAAC,CAAC;AAEH,oBAAA,IAAI,UAAU,GAAG,CAAC,CAAC,EAAE;wBACnB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;AAEjC,wBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,wBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,qBAAA;AACF,iBAAA;AAAM,qBAAA;AACL,oBAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAEvB,oBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,oBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC3B,iBAAA;AACH,aAAC,CAAC,CAAC;AACP,SAAC,CAAC,CAAC;KACJ;AAED;;AAEG;IACK,4BAA4B,GAAA;QAClC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACnC,IAAI,CAAC,KAAK,CAAC,OAAO;AACf,aAAA,IAAI,CACH,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B;aACA,SAAS,CAAC,MAAK;YACd,IAAI,CAAC,2BAA2B,EAAE,CAAC;AACrC,SAAC,CAAC,CAAC;KACN;AAED;;AAEG;IACK,uBAAuB,GAAA;QAC7B,IAAI,CAAC,KAAK,CAAC,OAAO;AACf,aAAA,IAAI,CACH,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1B;aACA,SAAS,CAAC,MAAK;YACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;AACtB,SAAC,CAAC,CAAC;QAEL,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;KAC5B;IAEO,UAAU,CAAC,EAAE,EAAE,EAAE,EAAA;QACvB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AAC7B,SAAA;QAED,OAAO,EAAE,KAAK,EAAE,CAAC;KAClB;IAEO,YAAY,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE;YAC5D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAC1B,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK;AACxB,qBAAA,IAAI,CAAC,CAAC,CAAC,KAAI;oBACV,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;AACxC,iBAAC,CAAC,CAAC;AAEL,gBAAA,IAAG,QAAQ,EAAE;oBACX,IAAI,CAAC,MAAM,EAAE,CAAC;AACf,iBAAA;AAAM,qBAAA;oBACL,IAAI,CAAC,QAAQ,EAAE,CAAC;AACjB,iBAAA;AACH,aAAC,CAAC,CAAC;AACJ,SAAA;KACF;;8GA5JU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAThB,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,QAAA;AACE,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;AAC/C,YAAA,KAAK,EAAE,IAAI;AACZ,SAAA;AACF,KAAA,EAWgB,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAe,6BC1ClC,6BACA,EAAA,MAAA,EAAA,CAAA,gKAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDiCa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAb5B,SAAS;YACE,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAGT,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC;AAC/C,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,gKAAA,CAAA,EAAA,CAAA;sIAKxC,YAAY,EAAA,CAAA;sBADlB,WAAW;uBAAC,gBAAgB,CAAA;gBAItB,aAAa,EAAA,CAAA;sBADnB,WAAW;uBAAC,iBAAiB,CAAA;gBAIvB,KAAK,EAAA,CAAA;sBADX,eAAe;uBAAC,eAAe,CAAA;gBAGhB,OAAO,EAAA,CAAA;sBAAtB,KAAK;gBAEU,QAAQ,EAAA,CAAA;sBAAvB,KAAK;;;MEvBK,YAAY,CAAA;AACvB,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,YAAY;SACvB,CAAC;KACH;;0GALU,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,iBAJrB,gBAAgB;AAChB,QAAA,eAAe,aAVf,YAAY;QACZ,aAAa;AACb,QAAA,aAAa,aAGb,gBAAgB;QAChB,eAAe,CAAA,EAAA,CAAA,CAAA;AAON,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAbrB,YAAY;QACZ,aAAa;QACb,aAAa,CAAA,EAAA,CAAA,CAAA;4FAWJ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAfxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,gBAAgB;wBAChB,eAAe;AAChB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,gBAAgB;wBAChB,eAAe;AAChB,qBAAA;iBACF,CAAA;;;ACvBD;;AAEG;;ACFH;;AAEG;;;;"}
|