@firestitch/chip 8.1.9 → 13.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.
Files changed (39) hide show
  1. package/app/components/chip/chip.component.d.ts +19 -9
  2. package/app/components/chips/chips.component.d.ts +12 -8
  3. package/app/fs-chip.module.d.ts +10 -1
  4. package/app/services/chips.service.d.ts +5 -2
  5. package/esm2020/app/components/chip/chip.component.mjs +221 -0
  6. package/esm2020/app/components/chips/chips.component.mjs +132 -0
  7. package/esm2020/app/fs-chip.module.mjs +44 -0
  8. package/esm2020/app/services/chips.service.mjs +47 -0
  9. package/esm2020/firestitch-chip.mjs +5 -0
  10. package/esm2020/public_api.mjs +7 -0
  11. package/fesm2015/firestitch-chip.mjs +442 -0
  12. package/fesm2015/firestitch-chip.mjs.map +1 -0
  13. package/fesm2020/firestitch-chip.mjs +440 -0
  14. package/fesm2020/firestitch-chip.mjs.map +1 -0
  15. package/firestitch-chip.d.ts +1 -3
  16. package/package.json +21 -12
  17. package/public_api.d.ts +2 -0
  18. package/styles.scss +0 -190
  19. package/bundles/firestitch-chip.umd.js +0 -837
  20. package/bundles/firestitch-chip.umd.js.map +0 -1
  21. package/bundles/firestitch-chip.umd.min.js +0 -2
  22. package/bundles/firestitch-chip.umd.min.js.map +0 -1
  23. package/esm2015/app/components/chip/chip.component.js +0 -336
  24. package/esm2015/app/components/chips/chips.component.js +0 -236
  25. package/esm2015/app/fs-chip.module.js +0 -39
  26. package/esm2015/app/services/chips.service.js +0 -93
  27. package/esm2015/firestitch-chip.js +0 -13
  28. package/esm2015/public_api.js +0 -10
  29. package/esm5/app/components/chip/chip.component.js +0 -392
  30. package/esm5/app/components/chips/chips.component.js +0 -287
  31. package/esm5/app/fs-chip.module.js +0 -46
  32. package/esm5/app/services/chips.service.js +0 -119
  33. package/esm5/firestitch-chip.js +0 -13
  34. package/esm5/public_api.js +0 -10
  35. package/fesm2015/firestitch-chip.js +0 -709
  36. package/fesm2015/firestitch-chip.js.map +0 -1
  37. package/fesm5/firestitch-chip.js +0 -845
  38. package/fesm5/firestitch-chip.js.map +0 -1
  39. package/firestitch-chip.metadata.json +0 -1
@@ -0,0 +1,7 @@
1
+ /*
2
+ * Public API Surface of fs-menu
3
+ */
4
+ export { FsChipModule } from './app/fs-chip.module';
5
+ export { FsChipsComponent } from './app/components/chips/chips.component';
6
+ export { FsChipComponent } from './app/components/chip/chip.component';
7
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBR3BELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZnMtbWVudVxuICovXG5cbmV4cG9ydCB7IEZzQ2hpcE1vZHVsZSB9IGZyb20gJy4vYXBwL2ZzLWNoaXAubW9kdWxlJztcblxuXG5leHBvcnQgeyBGc0NoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuZXhwb3J0IHsgRnNDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9jaGlwL2NoaXAuY29tcG9uZW50JzsiXX0=
@@ -0,0 +1,442 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Injectable, forwardRef, Component, ChangeDetectionStrategy, HostBinding, Input, EventEmitter, Optional, HostListener, Output, NgModule } from '@angular/core';
3
+ import * as i3 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, debounceTime } from 'rxjs/operators';
11
+ import { find } from 'lodash-es';
12
+
13
+ class FsChipsService {
14
+ constructor() {
15
+ this.chips = [];
16
+ this._chipItemsChanged$ = new Subject();
17
+ this._selectionChanged$ = new Subject();
18
+ this._destroy$ = new Subject();
19
+ }
20
+ get selectionChanged$() {
21
+ return this._selectionChanged$.
22
+ pipe(takeUntil(this._destroy$));
23
+ }
24
+ get chipItemsChanged$() {
25
+ return this._chipItemsChanged$
26
+ .pipe(takeUntil(this._destroy$), debounceTime(50));
27
+ }
28
+ ngOnDestroy() {
29
+ this._destroy$.next();
30
+ this._destroy$.complete();
31
+ }
32
+ selectionChanged(selected, value) {
33
+ this._selectionChanged$.next({
34
+ selected: selected,
35
+ value: value,
36
+ });
37
+ }
38
+ register(chip) {
39
+ this.chips.push(chip);
40
+ this._chipItemsChanged$.next();
41
+ }
42
+ destroy(chip) {
43
+ const index = this.chips.indexOf(chip);
44
+ if (index > -1) {
45
+ this.chips.splice(index, 1);
46
+ this._chipItemsChanged$.next();
47
+ }
48
+ }
49
+ }
50
+ FsChipsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
51
+ FsChipsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipsService });
52
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipsService, decorators: [{
53
+ type: Injectable
54
+ }], ctorParameters: function () { return []; } });
55
+
56
+ class FsChipsComponent {
57
+ constructor(_cdRef, _chipsService) {
58
+ this._cdRef = _cdRef;
59
+ this._chipsService = _chipsService;
60
+ this.classFsChips = true;
61
+ this.classHasChips = false;
62
+ this.multiple = true;
63
+ this._value = [];
64
+ this._destroy$ = new Subject();
65
+ this._subscribeToItemsChange();
66
+ this._subscribeToSelectionChange();
67
+ }
68
+ get chips() {
69
+ return this._chipsService.chips;
70
+ }
71
+ set value(value) {
72
+ if (this._value !== value) {
73
+ this._value = value;
74
+ this.onChange(this._value);
75
+ this.onTouch(this._value);
76
+ }
77
+ }
78
+ get value() {
79
+ return this._value;
80
+ }
81
+ ngOnDestroy() {
82
+ this._destroy$.next();
83
+ this._destroy$.complete();
84
+ }
85
+ writeValue(value) {
86
+ if (value !== this.value) {
87
+ this._value = value;
88
+ }
89
+ this._updateChips();
90
+ }
91
+ registerOnChange(fn) {
92
+ this.onChange = fn;
93
+ }
94
+ registerOnTouched(fn) {
95
+ this.onTouch = fn;
96
+ }
97
+ /**
98
+ * Update ngModel value when selection changed
99
+ */
100
+ _subscribeToSelectionChange() {
101
+ this._chipsService.selectionChanged$
102
+ .pipe(takeUntil(this._destroy$))
103
+ .subscribe(({ selected, value }) => {
104
+ if (!selected) {
105
+ const valueIndex = this.value.findIndex((item) => {
106
+ return this._compareFn(item, value);
107
+ });
108
+ if (valueIndex > -1) {
109
+ this.value.splice(valueIndex, 1);
110
+ this.onChange(this._value);
111
+ this.onTouch(this._value);
112
+ }
113
+ }
114
+ else {
115
+ this.value.push(value);
116
+ this.onChange(this._value);
117
+ this.onTouch(this._value);
118
+ }
119
+ });
120
+ }
121
+ /**
122
+ * Update selection if item was added or removed
123
+ */
124
+ _subscribeToItemsChange() {
125
+ this._chipsService.chipItemsChanged$
126
+ .pipe(takeUntil(this._destroy$))
127
+ .subscribe(() => {
128
+ this.classHasChips = !!this._chipsService.chips.length;
129
+ this._updateChips();
130
+ });
131
+ }
132
+ _compareFn(o1, o2) {
133
+ if (this.compare) {
134
+ return this.compare(o1, o2);
135
+ }
136
+ return o1 === o2;
137
+ }
138
+ _updateChips() {
139
+ if (this.multiple && Array.isArray(this.value) && this.chips) {
140
+ this.chips.forEach((chip) => {
141
+ chip.selected = find(this.value, (o) => {
142
+ return this._compareFn(o, chip.value);
143
+ }) !== undefined;
144
+ });
145
+ }
146
+ this._cdRef.markForCheck();
147
+ }
148
+ }
149
+ FsChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: FsChipsService }], target: i0.ɵɵFactoryTarget.Component });
150
+ FsChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsChipsComponent, selector: "fs-chips", inputs: { compare: "compare", multiple: "multiple" }, host: { properties: { "class.fs-chips": "this.classFsChips", "class.has-chips": "this.classHasChips" } }, providers: [
151
+ {
152
+ provide: NG_VALUE_ACCESSOR,
153
+ useExisting: forwardRef(() => FsChipsComponent),
154
+ multi: true,
155
+ },
156
+ FsChipsService,
157
+ ], 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-right:5px;margin-top:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
158
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipsComponent, decorators: [{
159
+ type: Component,
160
+ args: [{ selector: 'fs-chips', providers: [
161
+ {
162
+ provide: NG_VALUE_ACCESSOR,
163
+ useExisting: forwardRef(() => FsChipsComponent),
164
+ multi: true,
165
+ },
166
+ FsChipsService,
167
+ ], 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-right:5px;margin-top:5px}\n"] }]
168
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: FsChipsService }]; }, propDecorators: { classFsChips: [{
169
+ type: HostBinding,
170
+ args: ['class.fs-chips']
171
+ }], classHasChips: [{
172
+ type: HostBinding,
173
+ args: ['class.has-chips']
174
+ }], compare: [{
175
+ type: Input
176
+ }], multiple: [{
177
+ type: Input
178
+ }] } });
179
+
180
+ class FsChipComponent {
181
+ constructor(_cdRef, _chips) {
182
+ this._cdRef = _cdRef;
183
+ this._chips = _chips;
184
+ this.fsChip = true;
185
+ this._outlined = false;
186
+ this._selectable = false;
187
+ this._image = false;
188
+ this._selected = false;
189
+ this._removable = false;
190
+ this.styleBackgroundColor = '';
191
+ this.styleColor = '';
192
+ this.styleBorderColor = '';
193
+ this.classSmall = false;
194
+ this.classTiny = false;
195
+ this.classMicro = false;
196
+ this.selectedToggled = new EventEmitter();
197
+ this.removed = new EventEmitter();
198
+ this.$destroy = new Subject();
199
+ this._backgroundColor = '';
200
+ this._color = '';
201
+ }
202
+ set setSize(value) {
203
+ this._size = value;
204
+ this.classSmall = value === 'small';
205
+ this.classTiny = value === 'tiny';
206
+ this.classMicro = value === 'micro';
207
+ }
208
+ ;
209
+ click() {
210
+ if (this.selectable) {
211
+ this.selected = !this.selected;
212
+ this.selectedToggled.emit({ value: this.value, selected: this.selected });
213
+ if (this._chips) {
214
+ this._chips.selectionChanged(this.selected, this.value);
215
+ }
216
+ }
217
+ }
218
+ set backgroundColor(value) {
219
+ this._backgroundColor = value;
220
+ this.updateStyles();
221
+ }
222
+ ;
223
+ set borderColor(value) {
224
+ this.styleBorderColor = value;
225
+ this.updateStyles();
226
+ }
227
+ set color(value) {
228
+ this._color = value;
229
+ this.updateStyles();
230
+ }
231
+ get color() {
232
+ return this._color;
233
+ }
234
+ set outlined(value) {
235
+ this._outlined = value;
236
+ this.updateStyles();
237
+ }
238
+ ;
239
+ get outlined() {
240
+ return this._outlined;
241
+ }
242
+ set removable(value) {
243
+ this._removable = value;
244
+ this._cdRef.markForCheck();
245
+ }
246
+ ;
247
+ get removable() {
248
+ return this._removable;
249
+ }
250
+ set selectable(value) {
251
+ this._selectable = value;
252
+ }
253
+ ;
254
+ get selectable() {
255
+ return this._selectable;
256
+ }
257
+ set selected(value) {
258
+ this._selected = value;
259
+ this._cdRef.markForCheck();
260
+ }
261
+ ;
262
+ get selected() {
263
+ return this._selected;
264
+ }
265
+ set image(value) {
266
+ this._image = value;
267
+ this._cdRef.markForCheck();
268
+ }
269
+ ;
270
+ get image() {
271
+ return this._image;
272
+ }
273
+ ngOnInit() {
274
+ if (this._chips) {
275
+ this._chips.register(this);
276
+ }
277
+ }
278
+ ngOnDestroy() {
279
+ if (this._chips) {
280
+ this._chips.destroy(this);
281
+ }
282
+ this.$destroy.next();
283
+ this.$destroy.complete();
284
+ }
285
+ remove(event) {
286
+ this.removed.next(event);
287
+ }
288
+ isContrastYIQBlack(hexcolor) {
289
+ if (!hexcolor) {
290
+ return true;
291
+ }
292
+ hexcolor = hexcolor.replace('#', '');
293
+ const r = parseInt(hexcolor.substr(0, 2), 16);
294
+ const g = parseInt(hexcolor.substr(2, 2), 16);
295
+ const b = parseInt(hexcolor.substr(4, 2), 16);
296
+ const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
297
+ return yiq >= 200;
298
+ }
299
+ updateStyles() {
300
+ this.styleBackgroundColor = this._backgroundColor;
301
+ if (this._color) {
302
+ this.styleColor = this._color;
303
+ }
304
+ else if (!this._outlined) {
305
+ this.styleColor = this.isContrastYIQBlack(this.styleBackgroundColor) ? '#474747' : '#fff';
306
+ }
307
+ if (this._outlined) {
308
+ this.styleBackgroundColor = '';
309
+ if (this._color) {
310
+ this.styleBorderColor = this._color;
311
+ }
312
+ }
313
+ this._cdRef.markForCheck();
314
+ }
315
+ }
316
+ FsChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: FsChipsService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
317
+ FsChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsChipComponent, selector: "fs-chip", inputs: { setSize: ["size", "setSize"], value: "value", icon: "icon", backgroundColor: "backgroundColor", borderColor: "borderColor", color: "color", outlined: "outlined", removable: "removable", selectable: "selectable", selected: "selected", image: "image" }, outputs: { selectedToggled: "selectedToggled", removed: "removed" }, host: { listeners: { "click": "click()" }, properties: { "class.fs-chip": "this.fsChip", "class.outlined": "this._outlined", "class.selectable": "this._selectable", "class.imaged": "this._image", "class.selected": "this._selected", "class.removable": "this._removable", "style.backgroundColor": "this.styleBackgroundColor", "style.color": "this.styleColor", "style.borderColor": "this.styleBorderColor", "class.small": "this.classSmall", "class.tiny": "this.classTiny", "class.micro": "this.classMicro", "class.iconed": "this.icon" } }, 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<div class=\"selected-check\" *ngIf=\"selected\">\n <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n</div>\n<a *ngIf=\"removable\" class=\"remove\" (click)=\"remove($event)\">\n <mat-icon [style.color]=\"styleColor\">cancel</mat-icon>\n</a>\n", 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}: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 .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.small{padding:0 8px;font-size:85%;height:25px;line-height:normal}:host.small .image{height:25px;width:25px;margin-right:5px}:host.small.iconed:not(.imaged){padding-left:4px}:host.small.imaged{padding-left:0}:host.small .remove{margin-left:3px}:host.small .selected-check{margin:0 2px 0 0}:host.small .selected-check mat-icon{transform:scale(.7)}:host.small.removable,:host.small.selected{padding-right:0}:host.small mat-icon{height:23px;width:23px;font-size:23px}:host.tiny{padding:0 6px;height:18px;line-height:normal}:host.tiny .fs-chip-content{font-size:75%}:host.tiny .image{height:18px;width:18px;margin-right:3px}:host.tiny.iconed:not(.imaged){padding-left:3px}:host.tiny .remove{margin-left:2px}:host.tiny .selected-check{margin:0 1px 0 0}:host.tiny.imaged{padding-left:0}:host.tiny.removable,:host.tiny.selected{padding-right:0}:host.tiny mat-icon{height:15px;width:15px;font-size:15px}:host.micro{padding:0 5px;height:16px;line-height:normal}:host.micro .fs-chip-content{font-size:65%}:host.micro .image{height:100%;width:16px;margin-right:2px}:host.micro .remove{margin-left:1px}:host.micro .selected-check{margin:0 1px 0 0}:host.micro.imaged{padding-left:0}:host.micro.removable,:host.micro.selected{padding-right:0}:host.micro mat-icon{width:12px;height:12px;font-size:11px}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
318
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipComponent, decorators: [{
319
+ type: Component,
320
+ 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<div class=\"selected-check\" *ngIf=\"selected\">\n <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n</div>\n<a *ngIf=\"removable\" class=\"remove\" (click)=\"remove($event)\">\n <mat-icon [style.color]=\"styleColor\">cancel</mat-icon>\n</a>\n", 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}: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 .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.small{padding:0 8px;font-size:85%;height:25px;line-height:normal}:host.small .image{height:25px;width:25px;margin-right:5px}:host.small.iconed:not(.imaged){padding-left:4px}:host.small.imaged{padding-left:0}:host.small .remove{margin-left:3px}:host.small .selected-check{margin:0 2px 0 0}:host.small .selected-check mat-icon{transform:scale(.7)}:host.small.removable,:host.small.selected{padding-right:0}:host.small mat-icon{height:23px;width:23px;font-size:23px}:host.tiny{padding:0 6px;height:18px;line-height:normal}:host.tiny .fs-chip-content{font-size:75%}:host.tiny .image{height:18px;width:18px;margin-right:3px}:host.tiny.iconed:not(.imaged){padding-left:3px}:host.tiny .remove{margin-left:2px}:host.tiny .selected-check{margin:0 1px 0 0}:host.tiny.imaged{padding-left:0}:host.tiny.removable,:host.tiny.selected{padding-right:0}:host.tiny mat-icon{height:15px;width:15px;font-size:15px}:host.micro{padding:0 5px;height:16px;line-height:normal}:host.micro .fs-chip-content{font-size:65%}:host.micro .image{height:100%;width:16px;margin-right:2px}:host.micro .remove{margin-left:1px}:host.micro .selected-check{margin:0 1px 0 0}:host.micro.imaged{padding-left:0}:host.micro.removable,:host.micro.selected{padding-right:0}:host.micro mat-icon{width:12px;height:12px;font-size:11px}\n"] }]
321
+ }], ctorParameters: function () {
322
+ return [{ type: i0.ChangeDetectorRef }, { type: FsChipsService, decorators: [{
323
+ type: Optional
324
+ }] }];
325
+ }, propDecorators: { fsChip: [{
326
+ type: HostBinding,
327
+ args: ['class.fs-chip']
328
+ }], _outlined: [{
329
+ type: HostBinding,
330
+ args: ['class.outlined']
331
+ }], _selectable: [{
332
+ type: HostBinding,
333
+ args: ['class.selectable']
334
+ }], _image: [{
335
+ type: HostBinding,
336
+ args: ['class.imaged']
337
+ }], _selected: [{
338
+ type: HostBinding,
339
+ args: ['class.selected']
340
+ }], _removable: [{
341
+ type: HostBinding,
342
+ args: ['class.removable']
343
+ }], styleBackgroundColor: [{
344
+ type: HostBinding,
345
+ args: ['style.backgroundColor']
346
+ }], styleColor: [{
347
+ type: HostBinding,
348
+ args: ['style.color']
349
+ }], styleBorderColor: [{
350
+ type: HostBinding,
351
+ args: ['style.borderColor']
352
+ }], classSmall: [{
353
+ type: HostBinding,
354
+ args: ['class.small']
355
+ }], classTiny: [{
356
+ type: HostBinding,
357
+ args: ['class.tiny']
358
+ }], classMicro: [{
359
+ type: HostBinding,
360
+ args: ['class.micro']
361
+ }], setSize: [{
362
+ type: Input,
363
+ args: ['size']
364
+ }], click: [{
365
+ type: HostListener,
366
+ args: ['click']
367
+ }], value: [{
368
+ type: Input
369
+ }], icon: [{
370
+ type: Input
371
+ }, {
372
+ type: HostBinding,
373
+ args: ['class.iconed']
374
+ }], backgroundColor: [{
375
+ type: Input
376
+ }], borderColor: [{
377
+ type: Input
378
+ }], color: [{
379
+ type: Input
380
+ }], outlined: [{
381
+ type: Input
382
+ }], removable: [{
383
+ type: Input
384
+ }], selectable: [{
385
+ type: Input
386
+ }], selected: [{
387
+ type: Input
388
+ }], image: [{
389
+ type: Input
390
+ }], selectedToggled: [{
391
+ type: Output
392
+ }], removed: [{
393
+ type: Output
394
+ }] } });
395
+
396
+ class FsChipModule {
397
+ static forRoot() {
398
+ return {
399
+ ngModule: FsChipModule
400
+ };
401
+ }
402
+ }
403
+ FsChipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
404
+ FsChipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipModule, declarations: [FsChipsComponent,
405
+ FsChipComponent], imports: [CommonModule,
406
+ MatIconModule,
407
+ FsLabelModule], exports: [FsChipsComponent,
408
+ FsChipComponent] });
409
+ FsChipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipModule, imports: [[
410
+ CommonModule,
411
+ MatIconModule,
412
+ FsLabelModule
413
+ ]] });
414
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsChipModule, decorators: [{
415
+ type: NgModule,
416
+ args: [{
417
+ imports: [
418
+ CommonModule,
419
+ MatIconModule,
420
+ FsLabelModule
421
+ ],
422
+ exports: [
423
+ FsChipsComponent,
424
+ FsChipComponent,
425
+ ],
426
+ declarations: [
427
+ FsChipsComponent,
428
+ FsChipComponent,
429
+ ]
430
+ }]
431
+ }] });
432
+
433
+ /*
434
+ * Public API Surface of fs-menu
435
+ */
436
+
437
+ /**
438
+ * Generated bundle index. Do not edit.
439
+ */
440
+
441
+ export { FsChipComponent, FsChipModule, FsChipsComponent };
442
+ //# sourceMappingURL=firestitch-chip.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"firestitch-chip.mjs","sources":["../../src/app/services/chips.service.ts","../../src/app/components/chips/chips.component.ts","../../src/app/components/chips/chips.component.html","../../src/app/components/chip/chip.component.ts","../../src/app/components/chip/chip.component.html","../../src/app/fs-chip.module.ts","../../src/public_api.ts","../../src/firestitch-chip.ts"],"sourcesContent":["import { Injectable, OnDestroy } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\n\n@Injectable()\nexport class FsChipsService implements OnDestroy {\n\n public chips = [];\n\n private _chipItemsChanged$ = new Subject();\n private _selectionChanged$ = new Subject();\n private _destroy$ = new Subject<void>();\n\n constructor() {}\n\n get selectionChanged$() {\n return this._selectionChanged$.\n pipe(\n takeUntil(this._destroy$),\n );\n }\n\n get chipItemsChanged$() {\n return this._chipItemsChanged$\n .pipe(\n takeUntil(this._destroy$),\n debounceTime(50),\n )\n }\n\n public ngOnDestroy() {\n this._destroy$.next();\n this._destroy$.complete();\n }\n\n public selectionChanged(selected: boolean, value: any) {\n this._selectionChanged$.next({\n selected: selected,\n value: value,\n })\n }\n\n public register(chip) {\n this.chips.push(chip);\n this._chipItemsChanged$.next();\n }\n\n public destroy(chip) {\n const index = this.chips.indexOf(chip);\n\n if (index > -1) {\n this.chips.splice(index, 1);\n this._chipItemsChanged$.next();\n }\n }\n}\n","import {\n ChangeDetectionStrategy, ChangeDetectorRef,\n Component,\n forwardRef,\n HostBinding,\n Input,\n OnDestroy,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { find } from 'lodash-es';\n\nimport { FsChipsService } from '../../services/chips.service';\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 FsChipsService,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FsChipsComponent implements OnDestroy, ControlValueAccessor {\n\n @HostBinding('class.fs-chips') public classFsChips = true;\n @HostBinding('class.has-chips') public classHasChips = false;\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\n constructor(\n private _cdRef: ChangeDetectorRef,\n private _chipsService: FsChipsService,\n ) {\n this._subscribeToItemsChange();\n this._subscribeToSelectionChange();\n }\n\n public get chips() {\n return this._chipsService.chips;\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 /**\n * Update ngModel value when selection changed\n */\n private _subscribeToSelectionChange() {\n this._chipsService.selectionChanged$\n .pipe(\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 * Update selection if item was added or removed\n */\n private _subscribeToItemsChange() {\n this._chipsService.chipItemsChanged$\n .pipe(takeUntil(this._destroy$))\n .subscribe(() => {\n this.classHasChips = !!this._chipsService.chips.length;\n this._updateChips();\n });\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\n chip.selected = find(this.value, (o) => {\n return this._compareFn(o, chip.value);\n }) !== undefined;\n });\n }\n\n this._cdRef.markForCheck();\n }\n}\n","<ng-content></ng-content>\n","import {\n ChangeDetectionStrategy, ChangeDetectorRef,\n Component,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n Output,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { FsChipsService } from '../../services/chips.service';\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') fsChip = true;\n @HostBinding('class.outlined') _outlined = false;\n @HostBinding('class.selectable') _selectable = false;\n @HostBinding('class.imaged') _image = false;\n @HostBinding('class.selected') _selected = false;\n @HostBinding('class.removable') _removable = false;\n @HostBinding('style.backgroundColor') styleBackgroundColor = '';\n @HostBinding('style.color') styleColor = '';\n @HostBinding('style.borderColor') styleBorderColor = '';\n\n @HostBinding('class.small') classSmall = false;\n @HostBinding('class.tiny') classTiny = false;\n @HostBinding('class.micro') classMicro = false;\n\n @Input('size') set setSize(value) {\n this._size = 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\n if (this.selectable) {\n this.selected = !this.selected;\n this.selectedToggled.emit({ value: this.value, selected: this.selected });\n\n if (this._chips) {\n this._chips.selectionChanged(this.selected, this.value);\n }\n }\n }\n\n @Input() public value;\n \n @Input() \n @HostBinding('class.iconed') \n public icon;\n\n @Input() set backgroundColor(value) {\n this._backgroundColor = value;\n this.updateStyles();\n };\n\n @Input() set borderColor(value) {\n this.styleBorderColor = value;\n this.updateStyles();\n }\n @Input() set color(value) {\n this._color = value;\n this.updateStyles();\n }\n\n get color() {\n return this._color;\n }\n\n @Input() set outlined(value) {\n this._outlined = value;\n this.updateStyles();\n };\n\n get outlined() {\n return this._outlined;\n }\n\n @Input() set removable(value) {\n this._removable = value;\n\n this._cdRef.markForCheck();\n };\n\n get removable() {\n return this._removable;\n }\n\n @Input() set selectable(value) {\n this._selectable = value;\n };\n\n get selectable() {\n return this._selectable;\n }\n\n @Input() set selected(value) {\n this._selected = value;\n\n this._cdRef.markForCheck();\n };\n\n get selected() {\n return this._selected;\n }\n\n @Input() set image(value) {\n this._image = value;\n\n this._cdRef.markForCheck();\n };\n\n get image() {\n return this._image;\n }\n\n @Output() public selectedToggled = new EventEmitter();\n @Output() public removed = new EventEmitter();\n\n public $destroy = new Subject();\n\n private _backgroundColor = '';\n private _color = '';\n private _size;\n\n constructor(\n private _cdRef: ChangeDetectorRef,\n @Optional() private _chips: FsChipsService\n ) {}\n\n public ngOnInit() {\n if (this._chips) {\n this._chips.register(this);\n }\n }\n\n public ngOnDestroy() {\n if (this._chips) {\n this._chips.destroy(this);\n }\n\n this.$destroy.next();\n this.$destroy.complete();\n }\n\n public remove(event) {\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<div class=\"selected-check\" *ngIf=\"selected\">\n <mat-icon [style.color]=\"styleColor\">check</mat-icon>\n</div>\n<a *ngIf=\"removable\" class=\"remove\" (click)=\"remove($event)\">\n <mat-icon [style.color]=\"styleColor\">cancel</mat-icon>\n</a>\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":["i1.FsChipsService"],"mappings":"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"}