@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@firestitch/chip",
3
- "version": "15.0.0",
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": "fesm2015/firestitch-chip.mjs",
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
- "esm2020": "./esm2020/firestitch-chip.mjs",
33
- "es2020": "./fesm2020/firestitch-chip.mjs",
34
- "es2015": "./fesm2015/firestitch-chip.mjs",
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL2NoaXBzL2NoaXBzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQzFDLFNBQVMsRUFDVCxlQUFlLEVBQ2YsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEVBRUwsZUFBZSxFQUVmLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFnQjFDLE1BQU0sT0FBTyxnQkFBZ0I7SUFzQjNCLFlBQ1UsTUFBeUIsRUFDekIsU0FBMEI7UUFEMUIsV0FBTSxHQUFOLE1BQU0sQ0FBbUI7UUFDekIsY0FBUyxHQUFULFNBQVMsQ0FBaUI7UUFyQjdCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBR3BCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBT2IsYUFBUSxHQUFHLElBQUksQ0FBQztRQUt4QixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ1osY0FBUyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7UUFPaEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRU0sZ0JBQWdCLENBQUUsVUFBbUI7UUFDMUMsRUFBRTtJQUNKLENB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LENBQUMsRUFBRSxFQUFFO29CQUNWLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN4QyxDQUFDLENBQUMsQ0FBQztnQkFFTCxJQUFHLFFBQVEsRUFBRTtvQkFDWCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7aUJBQ2Y7cUJBQU07b0JBQ0wsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO2lCQUNqQjtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDOzs4R0E1SlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsbU1BVGhCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7WUFDL0MsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLGdEQVdnQixlQUFlLDZCQzFDbEMsNkJBQ0E7NEZEaUNhLGdCQUFnQjtrQkFiNUIsU0FBUzsrQkFDRSxVQUFVLGFBR1Q7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUM7NEJBQy9DLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNO3NJQUt4QyxZQUFZO3NCQURsQixXQUFXO3VCQUFDLGdCQUFnQjtnQkFJdEIsYUFBYTtzQkFEbkIsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBSXZCLEtBQUs7c0JBRFgsZUFBZTt1QkFBQyxlQUFlO2dCQUdoQixPQUFPO3NCQUF0QixLQUFLO2dCQUVVLFFBQVE7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIEl0ZXJhYmxlRGlmZmVyLFxuICBJdGVyYWJsZURpZmZlcnMsXG4gIE9uRGVzdHJveSxcbiAgUXVlcnlMaXN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBGc0NoaXBDb21wb25lbnQgfSBmcm9tICcuLi9jaGlwJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy1jaGlwcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoaXBzLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gRnNDaGlwc0NvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRnNDaGlwc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyQ29udGVudEluaXQge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZnMtY2hpcHMnKSBcbiAgcHVibGljIGNsYXNzRnNDaGlwcyA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5oYXMtY2hpcHMnKSBcbiAgcHVibGljIGNsYXNzSGFzQ2hpcHMgPSBmYWxzZTtcblxuICBAQ29udGVudENoaWxkcmVuKEZzQ2hpcENvbXBvbmVudClcbiAgcHVibGljIGNoaXBzOiBRdWVyeUxpc3Q8RnNDaGlwQ29tcG9uZW50PjtcblxuICBASW5wdXQoKSBwdWJsaWMgY29tcGFyZTtcblxuICBASW5wdXQoKSBwdWJsaWMgbXVsdGlwbGUgPSB0cnVlO1xuXG4gIHB1YmxpYyBvbkNoYW5nZTogKHZhbHVlKSA9PiB2b2lkO1xuICBwdWJsaWMgb25Ub3VjaDogKHZhbHVlKSA9PiB2b2lkO1xuXG4gIHByaXZhdGUgX3ZhbHVlID0gW107XG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3QoKTtcbiAgcHJpdmF0ZSBfY2hpcERpZmZlcjogSXRlcmFibGVEaWZmZXI8RnNDaGlwQ29tcG9uZW50PjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9jZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSBfaXRlcmFibGU6IEl0ZXJhYmxlRGlmZmVycyxcbiAgKSB7XG4gICAgdGhpcy5fY2hpcERpZmZlciA9IHRoaXMuX2l0ZXJhYmxlLmZpbmQoW10pLmNyZWF0ZSgpO1xuICB9XG4gIFxuICBwdWJsaWMgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIC8vXG4gIH1cblxuICBwdWJsaWMgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX3N1YnNjcmliZVRvU2VsZWN0aW9uQ2hhbmdlcygpO1xuICAgIHRoaXMuX3N1YnNjcmliZVRvSXRlbXNDaGFuZ2UoKTtcbiAgfVxuIFxuICBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlKSB7XG4gICAgaWYgKHRoaXMuX3ZhbHVlICE9PSB2YWx1ZSkge1xuICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcblxuICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLl92YWx1ZSk7XG4gICAgICB0aGlzLm9uVG91Y2godGhpcy5fdmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXQgdmFsdWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuX2Rlc3Ryb3kkLm5leHQoKTtcbiAgICB0aGlzLl9kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy52YWx1ZSkge1xuICAgICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICB0aGlzLl91cGRhdGVDaGlwcygpO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm4pIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuKSB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cblxuICBwcml2YXRlIF9zdWJzY3JpYmVUb1NlbGVjdGlvbkNoYW5nZSgpIHtcbiAgICBjb25zdCBjaGFuZ2VkID0gdGhpcy5fY2hpcERpZmZlci5kaWZmKHRoaXMuY2hpcHMpO1xuICAgIGNoYW5nZWQ/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":"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"}