@firestitch/chip 8.1.9 → 12.0.0

package/fesm5/firestitch-chip.js

@@ -1,845 +0,0 @@
-import { Injectable, Component, forwardRef, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding, Input, EventEmitter, Optional, HostListener, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
-import { FsLabelModule } from '@firestitch/label';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { takeUntil, debounceTime } from 'rxjs/operators';
-import { find } from 'lodash-es';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: app/services/chips.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var FsChipsService = /** @class */ (function () {
-    function FsChipsService() {
-        this.chips = [];
-        this._chipItemsChanged$ = new Subject();
-        this._selectionChanged$ = new Subject();
-        this._destroy$ = new Subject();
-    }
-    Object.defineProperty(FsChipsService.prototype, "selectionChanged$", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._selectionChanged$.
-                pipe(takeUntil(this._destroy$));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsChipsService.prototype, "chipItemsChanged$", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._chipItemsChanged$
-                .pipe(takeUntil(this._destroy$), debounceTime(50));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @return {?}
-     */
-    FsChipsService.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    /**
-     * @param {?} selected
-     * @param {?} value
-     * @return {?}
-     */
-    FsChipsService.prototype.selectionChanged = /**
-     * @param {?} selected
-     * @param {?} value
-     * @return {?}
-     */
-    function (selected, value) {
-        this._selectionChanged$.next({
-            selected: selected,
-            value: value,
-        });
-    };
-    /**
-     * @param {?} chip
-     * @return {?}
-     */
-    FsChipsService.prototype.register = /**
-     * @param {?} chip
-     * @return {?}
-     */
-    function (chip) {
-        this.chips.push(chip);
-        this._chipItemsChanged$.next();
-    };
-    /**
-     * @param {?} chip
-     * @return {?}
-     */
-    FsChipsService.prototype.destroy = /**
-     * @param {?} chip
-     * @return {?}
-     */
-    function (chip) {
-        /** @type {?} */
-        var index = this.chips.indexOf(chip);
-        if (index > -1) {
-            this.chips.splice(index, 1);
-            this._chipItemsChanged$.next();
-        }
-    };
-    FsChipsService.decorators = [
-        { type: Injectable }
-    ];
-    /** @nocollapse */
-    FsChipsService.ctorParameters = function () { return []; };
-    return FsChipsService;
-}());
-if (false) {
-    /** @type {?} */
-    FsChipsService.prototype.chips;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipsService.prototype._chipItemsChanged$;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipsService.prototype._selectionChanged$;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipsService.prototype._destroy$;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: app/components/chips/chips.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var FsChipsComponent = /** @class */ (function () {
-    function FsChipsComponent(_cdRef, _chipsService) {
-        this._cdRef = _cdRef;
-        this._chipsService = _chipsService;
-        this.classFsChips = true;
-        this.classHasChips = false;
-        this.multiple = true;
-        this.onChange = (/**
-         * @return {?}
-         */
-        function () { });
-        this.onTouch = (/**
-         * @return {?}
-         */
-        function () { });
-        this._value = [];
-        this._destroy$ = new Subject();
-        this.subscribeToItemsChange();
-        this.subscribeToSelectionChange();
-    }
-    Object.defineProperty(FsChipsComponent.prototype, "chips", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._chipsService.chips;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsChipsComponent.prototype, "value", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._value;
-        },
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            if (this._value !== value) {
-                this._value = value;
-                this.onChange(this._value);
-                this.onTouch(this._value);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @return {?}
-     */
-    FsChipsComponent.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    FsChipsComponent.prototype.writeValue = /**
-     * @param {?} value
-     * @return {?}
-     */
-    function (value) {
-        if (value !== this.value) {
-            this._value = value;
-        }
-        this.updateChips();
-    };
-    /**
-     * @param {?} fn
-     * @return {?}
-     */
-    FsChipsComponent.prototype.registerOnChange = /**
-     * @param {?} fn
-     * @return {?}
-     */
-    function (fn) { this.onChange = fn; };
-    /**
-     * @param {?} fn
-     * @return {?}
-     */
-    FsChipsComponent.prototype.registerOnTouched = /**
-     * @param {?} fn
-     * @return {?}
-     */
-    function (fn) { this.onTouch = fn; };
-    /**
-     * Update ngModel value when selection changed
-     */
-    /**
-     * Update ngModel value when selection changed
-     * @private
-     * @return {?}
-     */
-    FsChipsComponent.prototype.subscribeToSelectionChange = /**
-     * Update ngModel value when selection changed
-     * @private
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this._chipsService.selectionChanged$
-            .pipe(takeUntil(this._destroy$))
-            .subscribe((/**
-         * @param {?} __0
-         * @return {?}
-         */
-        function (_a) {
-            var selected = _a.selected, value = _a.value;
-            if (!selected) {
-                /** @type {?} */
-                var valueIndex = _this.value.findIndex((/**
-                 * @param {?} item
-                 * @return {?}
-                 */
-                function (item) {
-                    return _this.compareFn(item, value);
-                }));
-                if (valueIndex > -1) {
-                    _this.value.splice(valueIndex, 1);
-                    _this.onChange(_this._value);
-                    _this.onTouch(_this._value);
-                }
-            }
-            else {
-                _this.value.push(value);
-                _this.onChange(_this._value);
-                _this.onTouch(_this._value);
-            }
-        }));
-    };
-    /**
-     * Update selection if item was added or removed
-     */
-    /**
-     * Update selection if item was added or removed
-     * @private
-     * @return {?}
-     */
-    FsChipsComponent.prototype.subscribeToItemsChange = /**
-     * Update selection if item was added or removed
-     * @private
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this._chipsService.chipItemsChanged$
-            .pipe(takeUntil(this._destroy$))
-            .subscribe((/**
-         * @return {?}
-         */
-        function () {
-            _this.classHasChips = !!_this._chipsService.chips.length;
-            _this.updateChips();
-        }));
-    };
-    /**
-     * @private
-     * @param {?} o1
-     * @param {?} o2
-     * @return {?}
-     */
-    FsChipsComponent.prototype.compareFn = /**
-     * @private
-     * @param {?} o1
-     * @param {?} o2
-     * @return {?}
-     */
-    function (o1, o2) {
-        if (this.compare) {
-            return this.compare(o1, o2);
-        }
-        return o1 === o2;
-    };
-    /**
-     * @private
-     * @return {?}
-     */
-    FsChipsComponent.prototype.updateChips = /**
-     * @private
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        if (this.multiple && Array.isArray(this.value) && this.chips) {
-            this.chips.forEach((/**
-             * @param {?} chip
-             * @return {?}
-             */
-            function (chip) {
-                chip.selected = find(_this.value, (/**
-                 * @param {?} o
-                 * @return {?}
-                 */
-                function (o) {
-                    return _this.compareFn(o, chip.value);
-                })) !== undefined;
-            }));
-        }
-        this._cdRef.markForCheck();
-    };
-    FsChipsComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'fs-chips',
-                    template: "<ng-content></ng-content>\n",
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef((/**
-                             * @return {?}
-                             */
-                            function () { return FsChipsComponent; })),
-                            multi: true,
-                        },
-                        FsChipsService,
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    styles: [""]
-                }] }
-    ];
-    /** @nocollapse */
-    FsChipsComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef },
-        { type: FsChipsService }
-    ]; };
-    FsChipsComponent.propDecorators = {
-        classFsChips: [{ type: HostBinding, args: ['class.fs-chips',] }],
-        classHasChips: [{ type: HostBinding, args: ['class.has-chips',] }],
-        compare: [{ type: Input }],
-        multiple: [{ type: Input }]
-    };
-    return FsChipsComponent;
-}());
-if (false) {
-    /** @type {?} */
-    FsChipsComponent.prototype.classFsChips;
-    /** @type {?} */
-    FsChipsComponent.prototype.classHasChips;
-    /** @type {?} */
-    FsChipsComponent.prototype.compare;
-    /** @type {?} */
-    FsChipsComponent.prototype.multiple;
-    /** @type {?} */
-    FsChipsComponent.prototype.onChange;
-    /** @type {?} */
-    FsChipsComponent.prototype.onTouch;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipsComponent.prototype._value;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipsComponent.prototype._destroy$;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipsComponent.prototype._cdRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipsComponent.prototype._chipsService;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: app/components/chip/chip.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var FsChipComponent = /** @class */ (function () {
-    function FsChipComponent(_cdRef, _chips) {
-        this._cdRef = _cdRef;
-        this._chips = _chips;
-        this.fsChip = true;
-        this._outlined = false;
-        this._selectable = false;
-        this._image = false;
-        this._selected = false;
-        this._removable = false;
-        this.styleBackgroundColor = '';
-        this.styleColor = '';
-        this.styleBorderColor = '';
-        this.classSmall = false;
-        this.classTiny = false;
-        this.classMicro = false;
-        this.value = null;
-        this.selectedToggled = new EventEmitter();
-        this.removed = new EventEmitter();
-        this.$destroy = new Subject();
-        this._backgroundColor = '';
-        this._color = '';
-    }
-    Object.defineProperty(FsChipComponent.prototype, "setSize", {
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this._size = value;
-            this.classSmall = value === 'small';
-            this.classTiny = value === 'tiny';
-            this.classMicro = value === 'micro';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    /**
-     * @return {?}
-     */
-    FsChipComponent.prototype.click = /**
-     * @return {?}
-     */
-    function () {
-        if (this.selectable) {
-            this.selected = !this.selected;
-            this.selectedToggled.emit({ value: this.value, selected: this.selected });
-            if (this._chips) {
-                this._chips.selectionChanged(this.selected, this.value);
-            }
-        }
-    };
-    Object.defineProperty(FsChipComponent.prototype, "backgroundColor", {
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this._backgroundColor = value;
-            this.updateStyles();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(FsChipComponent.prototype, "borderColor", {
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this.styleBorderColor = value;
-            this.updateStyles();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsChipComponent.prototype, "color", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._color;
-        },
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this._color = value;
-            this.updateStyles();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsChipComponent.prototype, "outlined", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._outlined;
-        },
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this._outlined = value;
-            this.updateStyles();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(FsChipComponent.prototype, "removable", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._removable;
-        },
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this._removable = value;
-            this._cdRef.markForCheck();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(FsChipComponent.prototype, "selectable", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._selectable;
-        },
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this._selectable = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(FsChipComponent.prototype, "selected", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._selected;
-        },
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this._selected = value;
-            this._cdRef.markForCheck();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(FsChipComponent.prototype, "image", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._image;
-        },
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this._image = value;
-            this._cdRef.markForCheck();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ;
-    /**
-     * @return {?}
-     */
-    FsChipComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        if (this._chips) {
-            this._chips.register(this);
-        }
-    };
-    /**
-     * @return {?}
-     */
-    FsChipComponent.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
-        if (this._chips) {
-            this._chips.destroy(this);
-        }
-        this.$destroy.next();
-        this.$destroy.complete();
-    };
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    FsChipComponent.prototype.remove = /**
-     * @param {?} event
-     * @return {?}
-     */
-    function (event) {
-        this.removed.next(event);
-    };
-    /**
-     * @private
-     * @param {?} hexcolor
-     * @return {?}
-     */
-    FsChipComponent.prototype.isContrastYIQBlack = /**
-     * @private
-     * @param {?} hexcolor
-     * @return {?}
-     */
-    function (hexcolor) {
-        if (!hexcolor) {
-            return true;
-        }
-        hexcolor = hexcolor.replace('#', '');
-        /** @type {?} */
-        var r = parseInt(hexcolor.substr(0, 2), 16);
-        /** @type {?} */
-        var g = parseInt(hexcolor.substr(2, 2), 16);
-        /** @type {?} */
-        var b = parseInt(hexcolor.substr(4, 2), 16);
-        /** @type {?} */
-        var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
-        return yiq >= 200;
-    };
-    /**
-     * @private
-     * @return {?}
-     */
-    FsChipComponent.prototype.updateStyles = /**
-     * @private
-     * @return {?}
-     */
-    function () {
-        this.styleBackgroundColor = this._backgroundColor;
-        if (this._color) {
-            this.styleColor = this._color;
-        }
-        else if (!this._outlined) {
-            this.styleColor = this.isContrastYIQBlack(this.styleBackgroundColor) ? '#474747' : '#fff';
-        }
-        if (this._outlined) {
-            this.styleBackgroundColor = '';
-            if (this._color) {
-                this.styleBorderColor = this._color;
-            }
-        }
-        this._cdRef.markForCheck();
-    };
-    FsChipComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'fs-chip',
-                    template: "<img *ngIf=\"image\" [src]=\"image\" class=\"image\" alt=\"\">\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",
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    styles: [""]
-                }] }
-    ];
-    /** @nocollapse */
-    FsChipComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef },
-        { type: FsChipsService, decorators: [{ type: Optional }] }
-    ]; };
-    FsChipComponent.propDecorators = {
-        fsChip: [{ type: HostBinding, args: ['class.fs-chip',] }],
-        _outlined: [{ type: HostBinding, args: ['class.outlined',] }],
-        _selectable: [{ type: HostBinding, args: ['class.selectable',] }],
-        _image: [{ type: HostBinding, args: ['class.imaged',] }],
-        _selected: [{ type: HostBinding, args: ['class.selected',] }],
-        _removable: [{ type: HostBinding, args: ['class.removable',] }],
-        styleBackgroundColor: [{ type: HostBinding, args: ['style.backgroundColor',] }],
-        styleColor: [{ type: HostBinding, args: ['style.color',] }],
-        styleBorderColor: [{ type: HostBinding, args: ['style.borderColor',] }],
-        classSmall: [{ type: HostBinding, args: ['class.small',] }],
-        classTiny: [{ type: HostBinding, args: ['class.tiny',] }],
-        classMicro: [{ type: HostBinding, args: ['class.micro',] }],
-        setSize: [{ type: Input, args: ['size',] }],
-        click: [{ type: HostListener, args: ['click',] }],
-        value: [{ type: Input }],
-        backgroundColor: [{ type: Input }],
-        borderColor: [{ type: Input }],
-        color: [{ type: Input }],
-        outlined: [{ type: Input }],
-        removable: [{ type: Input }],
-        selectable: [{ type: Input }],
-        selected: [{ type: Input }],
-        image: [{ type: Input }],
-        selectedToggled: [{ type: Output }],
-        removed: [{ type: Output }]
-    };
-    return FsChipComponent;
-}());
-if (false) {
-    /** @type {?} */
-    FsChipComponent.prototype.fsChip;
-    /** @type {?} */
-    FsChipComponent.prototype._outlined;
-    /** @type {?} */
-    FsChipComponent.prototype._selectable;
-    /** @type {?} */
-    FsChipComponent.prototype._image;
-    /** @type {?} */
-    FsChipComponent.prototype._selected;
-    /** @type {?} */
-    FsChipComponent.prototype._removable;
-    /** @type {?} */
-    FsChipComponent.prototype.styleBackgroundColor;
-    /** @type {?} */
-    FsChipComponent.prototype.styleColor;
-    /** @type {?} */
-    FsChipComponent.prototype.styleBorderColor;
-    /** @type {?} */
-    FsChipComponent.prototype.classSmall;
-    /** @type {?} */
-    FsChipComponent.prototype.classTiny;
-    /** @type {?} */
-    FsChipComponent.prototype.classMicro;
-    /** @type {?} */
-    FsChipComponent.prototype.value;
-    /** @type {?} */
-    FsChipComponent.prototype.selectedToggled;
-    /** @type {?} */
-    FsChipComponent.prototype.removed;
-    /** @type {?} */
-    FsChipComponent.prototype.$destroy;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipComponent.prototype._backgroundColor;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipComponent.prototype._color;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipComponent.prototype._size;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipComponent.prototype._cdRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    FsChipComponent.prototype._chips;
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-    /* Skipping unhandled member: ;*/
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: app/fs-chip.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var FsChipModule = /** @class */ (function () {
-    function FsChipModule() {
-    }
-    /**
-     * @return {?}
-     */
-    FsChipModule.forRoot = /**
-     * @return {?}
-     */
-    function () {
-        return {
-            ngModule: FsChipModule
-        };
-    };
-    FsChipModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [
-                        CommonModule,
-                        MatIconModule,
-                        FsLabelModule
-                    ],
-                    exports: [
-                        FsChipsComponent,
-                        FsChipComponent,
-                    ],
-                    declarations: [
-                        FsChipsComponent,
-                        FsChipComponent,
-                    ]
-                },] }
-    ];
-    return FsChipModule;
-}());
-
-/**
- * @fileoverview added by tsickle
- * Generated from: public_api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: firestitch-chip.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { FsChipModule, FsChipsComponent as ɵa, FsChipsService as ɵb, FsChipComponent as ɵc };
-//# sourceMappingURL=firestitch-chip.js.map