@firestitch/chip 12.0.0 → 13.0.0

package/fesm2020/firestitch-chip.mjs.map

@@ -0,0 +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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"}

package/firestitch-chip.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@firestitch/chip" />
-export * from './public_api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@firestitch/chip" />
+export * from './public_api';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firestitch/chip",
-  "version": "12.0.0",
+  "version": "13.0.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/Firestitch/ngx-chip"
@@ -16,14 +16,27 @@
   "bugs": {
     "url": "https://github.com/Firestitch/ngx-chip/issues"
   },
-  "dependencies": {
-    "tslib": "^2.0.0"
-  },
   "sideEffects": false,
-  "main": "bundles/firestitch-chip.umd.js",
-  "module": "fesm2015/firestitch-chip.js",
-  "es2015": "fesm2015/firestitch-chip.js",
-  "esm2015": "esm2015/firestitch-chip.js",
-  "fesm2015": "fesm2015/firestitch-chip.js",
-  "typings": "firestitch-chip.d.ts"
+  "module": "fesm2015/firestitch-chip.mjs",
+  "es2020": "fesm2020/firestitch-chip.mjs",
+  "esm2020": "esm2020/firestitch-chip.mjs",
+  "fesm2020": "fesm2020/firestitch-chip.mjs",
+  "fesm2015": "fesm2015/firestitch-chip.mjs",
+  "typings": "firestitch-chip.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./firestitch-chip.d.ts",
+      "esm2020": "./esm2020/firestitch-chip.mjs",
+      "es2020": "./fesm2020/firestitch-chip.mjs",
+      "es2015": "./fesm2015/firestitch-chip.mjs",
+      "node": "./fesm2015/firestitch-chip.mjs",
+      "default": "./fesm2020/firestitch-chip.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
 }

package/public_api.d.ts

@@ -1,3 +1,3 @@
-export { FsChipModule } from './app/fs-chip.module';
-export { FsChipsComponent } from './app/components/chips/chips.component';
-export { FsChipComponent } from './app/components/chip/chip.component';
+export { FsChipModule } from './app/fs-chip.module';
+export { FsChipsComponent } from './app/components/chips/chips.component';
+export { FsChipComponent } from './app/components/chip/chip.component';

package/styles.scss

@@ -1,190 +0,0 @@
-.fs-chip {
-  user-select: none;
-  transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
-  display: inline-flex;
-  padding: 0px 12px;
-  border-radius: 16px;
-  align-items: center;
-  cursor: default;
-  height: 30px;
-  background-color: #e0e0e0;
-  overflow: hidden;
-
-  &.imaged {
-    overflow: visible;
-    padding-left: 0;
-
-    &.outlined .image {
-      margin-left: -2px;
-    }
-  }
-
-  &.removable,
-  &.selected {
-    padding-right: 3px;
-  }
-
-  &.selectable {
-    cursor: pointer;
-  }
-
-  &.outlined {
-    background-color: transparent;
-    border: 1px solid #e0e0e0;
-    box-sizing: border-box;
-  }
-
-  .image {
-    height: 30px;
-    width: 30px;
-    border-radius: 50%;
-    object-fit: cover;
-    margin-left: -1px;
-    margin-right: 8px;
-  }
-
-  .fs-chip-content {
-    max-width: 250px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .selected-check {
-    margin: 0 5px;
-    display: flex;
-  }
-
-  .remove {
-    display: flex;
-    margin-left: 5px;
-    cursor: pointer;
-    mat-icon {
-      transform: scale(.9);
-      color: #929292;
-      height: 23px;
-    }
-  }
-
-  &.small {
-    padding: 0 8px;
-    font-size: 85%;
-    height: 22px;
-    line-height: normal;
-
-    .image {
-      height: 22px;
-      width: 22px;
-      margin-right: 5px;
-    }
-
-    &.imaged {
-      padding-left: 0;
-    }
-
-    .remove {
-      margin-left: 3px;
-    }
-
-    .selected-check {
-      margin: 0 2px 0 0;
-      mat-icon {
-        transform: scale(.7);
-      }
-    }
-
-    &.removable,
-    &.selected {
-      padding-right: 0;
-    }
-  }
-
-  &.tiny {
-    padding: 0 6px;
-    height: 18px;
-    line-height: normal;
-
-    .fs-chip-content {
-      font-size: 75%;
-    }
-
-    .image {
-      height: 18px;
-      width: 18px;
-      margin-right: 3px;
-    }
-
-    .remove {
-      margin-left: 2px;
-    }
-
-    .selected-check {
-      margin: 0 1px 0 0;
-    }
-
-    &.imaged {
-      padding-left: 0;
-    }
-
-    &.removable,
-    &.selected {
-      padding-right: 0px;
-    }
-
-    mat-icon {
-      transform: scale(.7);
-    }
-  }
-
-  &.micro {
-    padding: 0 5px;
-    height: 16px;
-    line-height: normal;
-
-    .fs-chip-content {
-      font-size: 65%;
-    }
-
-    .image {
-      height: 100%;
-      width: 16px;
-      margin-right: 2px;
-    }
-
-    .remove {
-      margin-left: 1px;
-    }
-
-    .selected-check {
-      margin: 0 1px 0 0;
-    }
-
-    &.imaged {
-      padding-left: 0;
-    }
-
-    &.removable,
-    &.selected {
-      padding-right: 0px;
-    }
-
-    mat-icon {
-      transform: scale(.65);
-      width: 20px;
-    }
-  }
-}
-
-.fs-chips {
-  display: flex;
-  flex-wrap: wrap;
-
-  &.has-chips {
-    margin-top: -5px;
-  }
-
-  .fs-chip {
-    margin-right: 5px;
-    margin-top: 5px;
-  }
-}