@covalent/core 3.1.2 → 4.0.0-beta.2

package/chips/chips.component.d.ts

@@ -1,287 +0,0 @@
-import { DoCheck, QueryList, OnInit, ElementRef, TemplateRef, ViewContainerRef, ChangeDetectorRef, AfterViewInit, OnDestroy, Renderer2 } from '@angular/core';
-import { EventEmitter } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { TemplatePortalDirective } from '@angular/cdk/portal';
-import { MatChip } from '@angular/material/chips';
-import { MatInput } from '@angular/material/input';
-import { MatOption } from '@angular/material/core';
-import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
-import { ICanDisable, IControlValueAccessor } from '@covalent/core/common';
-export declare class TdChipDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}
-export declare class TdAutocompleteOptionDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}
-export declare class TdChipsBase {
-    _changeDetectorRef: ChangeDetectorRef;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
-}
-export declare const _TdChipsMixinBase: (new (...args: any[]) => IControlValueAccessor) & (new (...args: any[]) => ICanDisable) & typeof TdChipsBase;
-export declare class TdChipsComponent extends _TdChipsMixinBase implements IControlValueAccessor, DoCheck, OnInit, AfterViewInit, OnDestroy, ICanDisable {
-    private _elementRef;
-    private _renderer;
-    private _document;
-    private _outsideClickSubs;
-    private _inputValueChangesSubs;
-    private _isMousedown;
-    private _items;
-    private _length;
-    private _stacked;
-    private _requireMatch;
-    private _color;
-    private _inputPosition;
-    private _chipAddition;
-    private _chipRemoval;
-    private _focused;
-    private _required;
-    private _tabIndex;
-    private _touchendDebounce;
-    _internalClick: boolean;
-    _internalActivateOption: boolean;
-    _nativeInput: ElementRef;
-    _inputChild: MatInput;
-    _autocompleteTrigger: MatAutocompleteTrigger;
-    _chipsChildren: QueryList<MatChip>;
-    _chipTemplate: TdChipDirective;
-    _autocompleteOptionTemplate: TdAutocompleteOptionDirective;
-    _options: QueryList<MatOption>;
-    /**
-     * Flag that is true when autocomplete is focused.
-     */
-    get focused(): boolean;
-    /**
-     * FormControl for the matInput element.
-     */
-    inputControl: FormControl;
-    /**
-     * items?: any[]
-     * Renders the `mat-autocomplete` with the provided list to display as options.
-     */
-    set items(items: any[]);
-    get items(): any[];
-    /**
-     * stacked?: boolean
-     * Set stacked or horizontal chips depending on value.
-     * Defaults to false.
-     */
-    set stacked(stacked: boolean);
-    get stacked(): boolean;
-    /**
-     * inputPosition?: 'before' | 'after'
-     * Set input position before or after the chips.
-     * Defaults to 'after'.
-     */
-    set inputPosition(inputPosition: 'before' | 'after');
-    get inputPosition(): 'before' | 'after';
-    /**
-     * requireMatch?: boolean
-     * Blocks custom inputs and only allows selections from the autocomplete list.
-     */
-    set requireMatch(requireMatch: boolean);
-    get requireMatch(): boolean;
-    /**
-     * required?: boolean
-     * Value is set to true if at least one chip is needed
-     * Defaults to false
-     */
-    set required(required: boolean);
-    get required(): boolean;
-    /**
-     * chipAddition?: boolean
-     * Disables the ability to add chips. When setting disabled as true, this will be overriden.
-     * Defaults to true.
-     */
-    set chipAddition(chipAddition: boolean);
-    get chipAddition(): boolean;
-    /**
-     * Checks if not in disabled state and if chipAddition is set to 'true'
-     * States if a chip can be added and if the input is available
-     */
-    get canAddChip(): boolean;
-    /**
-     * chipRemoval?: boolean
-     * Disables the ability to remove chips. If it doesn't exist chip remmoval defaults to true.
-     * When setting disabled as true, this will be overriden to false.
-     */
-    set chipRemoval(chipRemoval: boolean);
-    get chipRemoval(): boolean;
-    /**
-     * Checks if not in disabled state and if chipRemoval is set to 'true'
-     * States if a chip can be removed
-     */
-    get canRemoveChip(): boolean;
-    /**
-     * returns the display placeholder
-     */
-    get displayPlaceHolder(): string;
-    /**
-     * placeholder?: string
-     * Placeholder for the autocomplete input.
-     */
-    placeholder: string;
-    /**
-     * debounce?: number
-     * Debounce timeout between keypresses. Defaults to 200.
-     */
-    debounce: number;
-    /**
-     * color?: 'primary' | 'accent' | 'warn'
-     * Sets the color for the input and focus/selected state of the chips.
-     * Defaults to 'primary'
-     */
-    set color(color: 'primary' | 'accent' | 'warn');
-    get color(): 'primary' | 'accent' | 'warn';
-    /**
-     * add?: function
-     * Method to be executed when a chip is added.
-     * Sends chip value as event.
-     */
-    add: EventEmitter<any>;
-    /**
-     * remove?: function
-     * Method to be executed when a chip is removed.
-     * Sends chip value as event.
-     */
-    remove: EventEmitter<any>;
-    /**
-     * inputChange?: function
-     * Method to be executed when the value in the autocomplete input changes.
-     * Sends string value as event.
-     */
-    inputChange: EventEmitter<string>;
-    /**
-     * chipFocus?: function
-     * Method to be executed when a chip is focused.
-     * Sends chip value as event.
-     */
-    chipFocus: EventEmitter<any>;
-    /**
-     * blur?: function
-     * Method to be executed when a chip is blurred.
-     * Sends chip value as event.
-     */
-    chipBlur: EventEmitter<any>;
-    /**
-     * Hostbinding to set the a11y of the TdChipsComponent depending on its state
-     */
-    get tabIndex(): number;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2, _document: any, _changeDetectorRef: ChangeDetectorRef);
-    /**
-     * compareWith? function
-     * Function used to check whether a chip value already exists.
-     * Defaults to strict equality comparison ===
-     */
-    compareWith: (o1: any, o2: any) => boolean;
-    /**
-     * Listens to host focus event to act on it
-     */
-    focusListener(event: FocusEvent): void;
-    /**
-     * Listens to host mousedown event to act on it
-     */
-    mousedownListener(event: FocusEvent): void;
-    /**
-     * If clicking on :host or `td-chips-wrapper`, then we stop the click propagation so the autocomplete
-     * doesnt close automatically.
-     */
-    clickListener(event: Event): void;
-    /**
-     * Listens to host keydown event to act on it depending on the keypress
-     */
-    keydownListener(event: KeyboardEvent): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngDoCheck(): void;
-    ngOnDestroy(): void;
-    _setInternalClick(): void;
-    /** Method executed when the disabled value changes */
-    onDisabledChange(v: boolean): void;
-    /**
-     * Method that is executed when trying to create a new chip from the autocomplete.
-     * It check if [requireMatch] is enabled, and tries to add the first active option
-     * else if just adds the value thats on the input
-     * returns 'true' if successful, 'false' if it fails.
-     */
-    _handleAddChip(): boolean;
-    /**
-     * Method thats exectuted when trying to add a value as chip
-     * returns 'true' if successful, 'false' if it fails.
-     */
-    addChip(value: any): boolean;
-    /**
-     * Method that is executed when trying to remove a chip.
-     * returns 'true' if successful, 'false' if it fails.
-     */
-    removeChip(index: number): boolean;
-    /**
-     * Sets blur of chip and sends out event
-     */
-    _handleChipBlur(event: FocusEvent, value: any): void;
-    /**
-     * Sets focus of chip and sends out event
-     */
-    _handleChipFocus(event: FocusEvent, value: any): void;
-    _handleFocus(): boolean;
-    /**
-     * Sets focus state of the component
-     */
-    setFocusedState(): void;
-    /**
-     * Removes focus state of the component
-     */
-    removeFocusedState(): void;
-    /**
-     * Programmatically focus the input or first chip. Since its the component entry point
-     * depending if a user can add or remove chips
-     */
-    focus(): void;
-    /**
-     * Passes relevant input key presses.
-     */
-    _inputKeydown(event: KeyboardEvent): void;
-    /**
-     * Passes relevant chip key presses.
-     */
-    _chipKeydown(event: KeyboardEvent, index: number): void;
-    /**
-     * Method to remove from display the value added from the autocomplete since it goes directly as chip.
-     */
-    _removeInputDisplay(): string;
-    /**
-     * Method to open the autocomplete manually if its not already opened
-     */
-    _openAutocomplete(): void;
-    /**
-     * Method to close the autocomplete manually if its not already closed
-     */
-    _closeAutocomplete(): void;
-    /**
-     * Get total of chips
-     */
-    get _totalChips(): number;
-    /**
-     * Method to focus a desired chip by index
-     */
-    private _focusChip;
-    /** Method to focus first chip */
-    private _focusFirstChip;
-    /** Method to focus last chip */
-    private _focusLastChip;
-    /**
-     * Method to toggle the disable state of input
-     * Checks if not in disabled state and if chipAddition is set to 'true'
-     */
-    private _toggleInput;
-    /**
-     * Sets first option as active to let the user know which one will be added when pressing enter
-     * Only if [requireMatch] has been set
-     */
-    private _setFirstOptionActive;
-    /**
-     * Watches clicks outside of the component to remove the focus
-     * The autocomplete panel is considered inside the component so we
-     * need to use a flag to find out when its clicked.
-     */
-    private _watchOutsideClick;
-}

package/chips/chips.component.scss

@@ -1,147 +0,0 @@
-@import '../common/styles/rtl';
-
-:host {
-  display: block;
-  padding: 0 5px;
-  min-height: 48px;
-  .td-chips-wrapper {
-    min-height: 42px;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: flex-start;
-    &.td-chips-stacked .mat-basic-chip,
-    &.td-chips-stacked .td-chips-form-field {
-      width: 100%;
-    }
-    &.td-chips-input-before-position {
-      .td-chips-form-field {
-        order: -1;
-      }
-    }
-  }
-  .td-chip {
-    &,
-    > .td-chip-content {
-      // layout
-      box-sizing: border-box;
-      display: flex;
-      // layout row
-      flex-direction: row;
-      // layout-align start center
-      max-width: 100%;
-      align-items: center;
-      align-content: center;
-      justify-content: flex-start;
-      // truncate content on flexbox children
-      min-width: 0;
-      &.td-chip-stacked {
-        // layout-align space-between center
-        justify-content: space-between;
-      }
-    }
-  }
-  ::ng-deep {
-    .mat-form-field-wrapper {
-      padding-bottom: 2px;
-    }
-
-    /* TODO see if we can make styles more abstract to future proof for contact chips */
-    .mat-basic-chip {
-      display: inline-block;
-      cursor: default;
-      border-radius: 16px;
-      @include rtl(margin, 8px 8px 0 0, 8px 0 0 8px);
-      .td-chip {
-        min-height: 32px;
-        line-height: 32px;
-        font-size: 13px;
-        @include rtl(padding, 0 0 0 12px, 0 12px 0 0);
-        [td-chip-avatar] {
-          display: inline-block;
-          order: -20;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          height: 32px;
-          width: 32px;
-          @include rtl(margin, 0 8px 0 -12px, 0 -12px 0 8px);
-
-          border-radius: 50%;
-          // emulate flex="none"
-          flex: 0 0 auto;
-          box-sizing: border-box;
-        }
-      }
-
-      box-sizing: border-box;
-      max-width: 100%;
-      position: relative;
-      &.td-chip-after-pad {
-        @include rtl(padding, 0 12px 0 0, 0 0 0 12px);
-      }
-      mat-icon.td-chip-removal {
-        margin: 0 4px;
-        font-size: 21px;
-        line-height: 22px;
-        &:hover {
-          cursor: pointer;
-        }
-      }
-    }
-    .td-chips-stacked {
-      .mat-basic-chip {
-        margin: 4px 0;
-        &:first-of-type {
-          margin: 8px 0 4px;
-        }
-        &:last-of-type {
-          margin: 4px 0 8px;
-        }
-      }
-    }
-  }
-  .mat-form-field-underline {
-    position: relative;
-    height: 1px;
-    width: 100%;
-    bottom: 0;
-
-    &.mat-disabled {
-      background-position: 0;
-      bottom: -4px;
-      background-color: transparent;
-    }
-
-    .mat-form-field-ripple {
-      position: absolute;
-      height: 2px;
-      top: 0;
-      width: 100%;
-      transform-origin: 50%;
-      transform: scaleX(0.5);
-      visibility: hidden;
-      opacity: 0;
-      transition: background-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
-      &.mat-focused {
-        visibility: visible;
-        opacity: 1;
-        transform: scaleX(1);
-        transition: transform 150ms linear, background-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
-      }
-    }
-  }
-  &.ng-invalid {
-    .mat-form-field-underline .mat-form-field-ripple {
-      visibility: visible;
-      opacity: 1;
-      transform: scaleX(1);
-      transition: transform 150ms linear, background-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
-    }
-  }
-  ::ng-deep mat-form-field {
-    .mat-form-field-underline {
-      display: none;
-    }
-  }
-}

package/chips/chips.module.d.ts

@@ -1,2 +0,0 @@
-export declare class CovalentChipsModule {
-}

package/chips/covalent-core-chips.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentChipsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":13,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":33},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":13,"character":47},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":13,"character":63},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":13,"character":78},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":13,"character":94}],"declarations":[{"__symbolic":"reference","name":"TdChipsComponent"},{"__symbolic":"reference","name":"TdChipDirective"},{"__symbolic":"reference","name":"TdAutocompleteOptionDirective"}],"exports":[{"__symbolic":"reference","name":"TdChipsComponent"},{"__symbolic":"reference","name":"TdChipDirective"},{"__symbolic":"reference","name":"TdAutocompleteOptionDirective"}]}]}],"members":{}},"TdChipDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":57,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":54,"character":1},"arguments":[{"selector":"[td-chip]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":58,"character":63}]}]}},"TdAutocompleteOptionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":66,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":63,"character":1},"arguments":[{"selector":"[td-autocomplete-option]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":58,"character":63}]}]}},"TdChipsBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":41}]}]}},"_TdChipsMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":77,"character":33},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":77,"character":59},"arguments":[{"__symbolic":"reference","name":"TdChipsBase"}]},[]]},"TdChipsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdChipsMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":79,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":82,"character":15},"useExisting":{"__symbolic":"reference","name":"TdChipsComponent"},"multi":true}],"selector":"td-chips","inputs":["disabled","value"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":91,"character":19},"member":"OnPush"},"template":"<div\n  class=\"td-chips-wrapper\"\n  [class.td-chips-stacked]=\"stacked\"\n  [class.td-chips-input-before-position]=\"inputPosition === 'before'\"\n>\n  <ng-template let-chip let-first=\"first\" let-index=\"index\" ngFor [ngForOf]=\"value\">\n    <mat-basic-chip\n      [class.td-chip-disabled]=\"disabled\"\n      [class.td-chip-after-pad]=\"!canRemoveChip\"\n      [disableRipple]=\"true\"\n      [color]=\"color\"\n      (keydown)=\"_chipKeydown($event, index)\"\n      (blur)=\"_handleChipBlur($event, chip)\"\n      (focus)=\"_handleChipFocus($event, chip)\"\n    >\n      <div class=\"td-chip\" [class.td-chip-stacked]=\"stacked\">\n        <span class=\"td-chip-content\">\n          <span *ngIf=\"!_chipTemplate?.templateRef\">{{ chip }}</span>\n          <ng-template\n            *ngIf=\"_chipTemplate?.templateRef\"\n            [ngTemplateOutlet]=\"_chipTemplate?.templateRef\"\n            [ngTemplateOutletContext]=\"{ chip: chip }\"\n          ></ng-template>\n        </span>\n        <mat-icon *ngIf=\"canRemoveChip\" class=\"td-chip-removal\" (click)=\"_internalClick = removeChip(index)\">\n          cancel\n        </mat-icon>\n      </div>\n    </mat-basic-chip>\n  </ng-template>\n  <mat-form-field\n    floatLabel=\"never\"\n    class=\"td-chips-form-field\"\n    [style.width.px]=\"canAddChip ? null : 0\"\n    [style.height.px]=\"canAddChip ? null : 0\"\n    [color]=\"color\"\n  >\n    <input\n      matInput\n      #input\n      [tabIndex]=\"-1\"\n      [matAutocomplete]=\"autocomplete\"\n      [formControl]=\"inputControl\"\n      [placeholder]=\"displayPlaceHolder\"\n      (keydown)=\"_inputKeydown($event)\"\n      (keyup.enter)=\"_handleAddChip()\"\n      (focus)=\"_handleFocus()\"\n    />\n  </mat-form-field>\n  <mat-autocomplete\n    #autocomplete=\"matAutocomplete\"\n    [displayWith]=\"_removeInputDisplay\"\n    (optionSelected)=\"addChip($event.option.value)\"\n  >\n    <ng-template let-item let-first=\"first\" ngFor [ngForOf]=\"items\">\n      <mat-option (click)=\"_setInternalClick()\" [value]=\"item\">\n        <span *ngIf=\"!_autocompleteOptionTemplate?.templateRef\">{{ item }}</span>\n        <ng-template\n          *ngIf=\"_autocompleteOptionTemplate?.templateRef\"\n          [ngTemplateOutlet]=\"_autocompleteOptionTemplate?.templateRef\"\n          [ngTemplateOutletContext]=\"{ option: item }\"\n        ></ng-template>\n      </mat-option>\n    </ng-template>\n  </mat-autocomplete>\n</div>\n<div *ngIf=\"chipAddition\" class=\"mat-form-field-underline\" [class.mat-disabled]=\"disabled\">\n  <span class=\"mat-form-field-ripple\" [class.mat-focused]=\"focused\"></span>\n</div>\n<ng-content></ng-content>\n","styles":[":host{display:block;min-height:48px;padding:0 5px}:host .td-chips-wrapper{-ms-flex-align:start;-ms-flex-direction:row;-ms-flex-wrap:wrap;align-items:flex-start;display:-ms-flexbox;display:flex;flex-direction:row;flex-wrap:wrap;min-height:42px}:host .td-chips-wrapper.td-chips-stacked .mat-basic-chip,:host .td-chips-wrapper.td-chips-stacked .td-chips-form-field{width:100%}:host .td-chips-wrapper.td-chips-input-before-position .td-chips-form-field{-ms-flex-order:-1;order:-1}:host .td-chip,:host .td-chip>.td-chip-content{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-width:0}:host .td-chip.td-chip-stacked,:host .td-chip>.td-chip-content.td-chip-stacked{-ms-flex-pack:justify;justify-content:space-between}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:2px}:host ::ng-deep .mat-basic-chip{border-radius:16px;box-sizing:border-box;cursor:default;display:inline-block;margin:8px 8px 0 0;max-width:100%;position:relative}html[dir=rtl] :host ::ng-deep .mat-basic-chip{margin:8px 0 0 8px;unicode-bidi:embed}body[dir=rtl] :host ::ng-deep .mat-basic-chip{margin:8px 0 0 8px;unicode-bidi:embed}[dir=rtl] :host ::ng-deep .mat-basic-chip{margin:8px 0 0 8px;unicode-bidi:embed}:host ::ng-deep .mat-basic-chip bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip .td-chip{font-size:13px;line-height:32px;min-height:32px;padding:0 0 0 12px}html[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip{padding:0 12px 0 0;unicode-bidi:embed}body[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip{padding:0 12px 0 0;unicode-bidi:embed}[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip{padding:0 12px 0 0;unicode-bidi:embed}:host ::ng-deep .mat-basic-chip .td-chip bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip .td-chip bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar]{-ms-flex:0 0 auto;-ms-flex-align:center;-ms-flex-order:-20;-ms-flex-pack:center;align-items:center;border-radius:50%;box-sizing:border-box;display:inline-block;flex:0 0 auto;height:32px;justify-content:center;margin:0 8px 0 -12px;order:-20;text-align:center;width:32px}html[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar]{margin:0 -12px 0 8px;unicode-bidi:embed}body[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar]{margin:0 -12px 0 8px;unicode-bidi:embed}[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar]{margin:0 -12px 0 8px;unicode-bidi:embed}:host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar] bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar] bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip.td-chip-after-pad{padding:0 12px 0 0}html[dir=rtl] :host ::ng-deep .mat-basic-chip.td-chip-after-pad{padding:0 0 0 12px;unicode-bidi:embed}body[dir=rtl] :host ::ng-deep .mat-basic-chip.td-chip-after-pad{padding:0 0 0 12px;unicode-bidi:embed}[dir=rtl] :host ::ng-deep .mat-basic-chip.td-chip-after-pad{padding:0 0 0 12px;unicode-bidi:embed}:host ::ng-deep .mat-basic-chip.td-chip-after-pad bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip.td-chip-after-pad bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip mat-icon.td-chip-removal{font-size:21px;line-height:22px;margin:0 4px}:host ::ng-deep .mat-basic-chip mat-icon.td-chip-removal:hover{cursor:pointer}:host ::ng-deep .td-chips-stacked .mat-basic-chip{margin:4px 0}:host ::ng-deep .td-chips-stacked .mat-basic-chip:first-of-type{margin:8px 0 4px}:host ::ng-deep .td-chips-stacked .mat-basic-chip:last-of-type{margin:4px 0 8px}:host .mat-form-field-underline{bottom:0;height:1px;position:relative;width:100%}:host .mat-form-field-underline.mat-disabled{background-color:rgba(0,0,0,0);background-position:0;bottom:-4px}:host .mat-form-field-underline .mat-form-field-ripple{-ms-transform:scaleX(.5);-ms-transform-origin:50%;height:2px;opacity:0;position:absolute;top:0;transform:scaleX(.5);transform-origin:50%;transition:background-color .3s cubic-bezier(.55,0,.55,.2);visibility:hidden;width:100%}:host .mat-form-field-underline .mat-form-field-ripple.mat-focused,:host.ng-invalid .mat-form-field-underline .mat-form-field-ripple{-ms-transform:scaleX(1);opacity:1;transform:scaleX(1);transition:transform .15s linear,background-color .3s cubic-bezier(.55,0,.55,.2);visibility:visible}:host ::ng-deep mat-form-field .mat-form-field-underline{display:none}"]}]}],"members":{"_nativeInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":117,"character":3},"arguments":["input",{"static":true}]}]}],"_inputChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/input","name":"MatInput","line":118,"character":13},{"static":true}]}]}],"_autocompleteTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":119,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":119,"character":13},{"static":true}]}]}],"_chipsChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":120,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChip","line":120,"character":16}]}]}],"_chipTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":122,"character":3},"arguments":[{"__symbolic":"reference","name":"TdChipDirective"}]}]}],"_autocompleteOptionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":123,"character":3},"arguments":[{"__symbolic":"reference","name":"TdAutocompleteOptionDirective"}]}]}],"_options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":126,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":126,"character":16}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3},"arguments":["items"]}]}],"stacked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3},"arguments":["stacked"]}]}],"inputPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["inputPosition"]}]}],"requireMatch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["requireMatch"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3},"arguments":["required"]}]}],"chipAddition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":3},"arguments":["chipAddition"]}]}],"chipRemoval":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":232,"character":3},"arguments":["chipRemoval"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":262,"character":3}}]}],"debounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":268,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":275,"character":3},"arguments":["color"]}]}],"add":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":292,"character":3}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":299,"character":3}}]}],"inputChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":306,"character":3}}]}],"chipFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":313,"character":3}}]}],"chipBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":320,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":325,"character":3},"arguments":["attr.tabindex"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":333,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":333,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":333,"character":24}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":331,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":332,"character":23},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":41}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":345,"character":3}}]}],"focusListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":352,"character":3},"arguments":["focus",["$event"]]}]}],"mousedownListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":364,"character":3},"arguments":["mousedown",["$event"]]}]}],"clickListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":379,"character":3},"arguments":["click",["$event"]]}]}],"keydownListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":392,"character":3},"arguments":["keydown",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setInternalClick":[{"__symbolic":"method"}],"onDisabledChange":[{"__symbolic":"method"}],"_handleAddChip":[{"__symbolic":"method"}],"addChip":[{"__symbolic":"method"}],"removeChip":[{"__symbolic":"method"}],"_handleChipBlur":[{"__symbolic":"method"}],"_handleChipFocus":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"setFocusedState":[{"__symbolic":"method"}],"removeFocusedState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_inputKeydown":[{"__symbolic":"method"}],"_chipKeydown":[{"__symbolic":"method"}],"_removeInputDisplay":[{"__symbolic":"method"}],"_openAutocomplete":[{"__symbolic":"method"}],"_closeAutocomplete":[{"__symbolic":"method"}],"_focusChip":[{"__symbolic":"method"}],"_focusFirstChip":[{"__symbolic":"method"}],"_focusLastChip":[{"__symbolic":"method"}],"_toggleInput":[{"__symbolic":"method"}],"_setFirstOptionActive":[{"__symbolic":"method"}],"_watchOutsideClick":[{"__symbolic":"method"}]}}},"origins":{"CovalentChipsModule":"./chips.module","TdChipDirective":"./chips.component","TdAutocompleteOptionDirective":"./chips.component","TdChipsBase":"./chips.component","_TdChipsMixinBase":"./chips.component","TdChipsComponent":"./chips.component"},"importAs":"@covalent/core/chips"}

package/chips/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/chips/package.json

@@ -1,11 +0,0 @@
-{
-  "main": "../bundles/covalent-core-chips.umd.js",
-  "module": "../fesm2015/covalent-core-chips.js",
-  "es2015": "../fesm2015/covalent-core-chips.js",
-  "esm2015": "../esm2015/chips/covalent-core-chips.js",
-  "fesm2015": "../fesm2015/covalent-core-chips.js",
-  "typings": "covalent-core-chips.d.ts",
-  "metadata": "covalent-core-chips.metadata.json",
-  "sideEffects": false,
-  "name": "@covalent/core/chips"
-}

package/chips/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './chips.module';
-export * from './chips.component';