ngx-color 7.2.0 → 7.3.0

package/twitter/esm2015/twitter.component.js

@@ -1,207 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
-import { ColorWrap, EditableInputModule, isValidHex, SwatchModule } from 'ngx-color';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export class TwitterComponent extends ColorWrap {
-    constructor() {
-        super();
-        /** Pixel value for picker width */
-        this.width = 276;
-        /** Color squares to display */
-        this.colors = [
-            '#FF6900',
-            '#FCB900',
-            '#7BDCB5',
-            '#00D084',
-            '#8ED1FC',
-            '#0693E3',
-            '#ABB8C3',
-            '#EB144C',
-            '#F78DA7',
-            '#9900EF',
-        ];
-        this.triangle = 'top-left';
-        this.swatchStyle = {
-            width: '30px',
-            height: '30px',
-            borderRadius: '4px',
-            fontSize: '0',
-        };
-        this.input = {
-            borderRadius: '4px',
-            borderBottomLeftRadius: '0',
-            borderTopLeftRadius: '0',
-            border: '1px solid #e6ecf0',
-            boxSizing: 'border-box',
-            display: 'inline',
-            fontSize: '14px',
-            height: '30px',
-            padding: '0',
-            paddingLeft: '6px',
-            width: '100%',
-            color: '#657786',
-        };
-        this.disableAlpha = true;
-    }
-    focus(color) {
-        return { boxShadow: `0 0 4px ${color}` };
-    }
-    handleBlockChange({ hex, $event }) {
-        if (isValidHex(hex)) {
-            // this.hex = hex;
-            this.handleChange({ hex, source: 'hex' }, $event);
-        }
-    }
-    handleValueChange({ data, $event }) {
-        this.handleBlockChange({ hex: data, $event });
-    }
-}
-TwitterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'color-twitter',
-                template: `
-  <div class="twitter-picker {{ triangle }}-triangle {{ className }}" [style.width.px]="width">
-    <div class="triangleShadow"></div>
-    <div class="triangle"></div>
-    <div class="twitter-body">
-      <div class="twitter-swatch" *ngFor="let color of colors">
-        <color-swatch
-          [color]="color"
-          [style]="swatchStyle"
-          [focusStyle]="focus(color)"
-          (onClick)="handleBlockChange($event)"
-          (onHover)="onSwatchHover.emit($event)"
-        ></color-swatch>
-      </div>
-      <div class="twitter-hash">
-        <div>#</div>
-      </div>
-      <div class="twitter-input">
-        <color-editable-input
-          [style]="{ input: input }"
-          [value]="hex.replace('#', '')"
-          (onChange)="handleValueChange($event)"
-        ></color-editable-input>
-      </div>
-    </div>
-  </div>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                preserveWhitespaces: false,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => TwitterComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ColorWrap,
-                        useExisting: forwardRef(() => TwitterComponent),
-                    },
-                ],
-                styles: [`
-    .twitter-picker {
-      background: rgb(255, 255, 255);
-      border: 0px solid rgba(0, 0, 0, 0.25);
-      box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;
-      border-radius: 4px;
-      position: relative;
-      box-sizing: border-box;
-    }
-    .triangleShadow {
-      width: 0px;
-      height: 0px;
-      border-style: solid;
-      border-width: 0px 9px 10px;
-      border-color: transparent transparent rgba(0, 0, 0, 0.1);
-      position: absolute;
-    }
-    .triangle {
-      width: 0px;
-      height: 0px;
-      border-style: solid;
-      border-width: 0px 9px 10px;
-      border-color: transparent transparent rgb(255, 255, 255);
-      position: absolute;
-    }
-    .hide-triangle > .triangle {
-      display: none;
-    }
-    .hide-triangle > .triangleShadow {
-      display: none;
-    }
-    .top-left-triangle > .triangle {
-      top: -10px;
-      left: 12px;
-    }
-    .top-left-triangle > .triangleShadow {
-      top: -11px;
-      left: 12px;
-    }
-    .top-right-triangle > .triangle {
-      top: -10px;
-      right: 12px;
-    }
-    .top-right-triangle > .triangleShadow {
-      top: -11px;
-      right: 12px;
-    }
-    .twitter-body {
-      padding: 15px 9px 9px 15px;
-    }
-    .twitter-swatch {
-      width: 30px;
-      height: 30px;
-      display: inline-block;
-      margin: 0 6px 0 0;
-    }
-    .twitter-hash {
-      background: rgb(240, 240, 240);
-      height: 30px;
-      width: 30px;
-      border-radius: 4px 0px 0px 4px;
-      color: rgb(152, 161, 164);
-      margin-left: -3px;
-      display: inline-block;
-
-    }
-    .twitter-hash > div {
-      position: absolute;
-      align-items: center;
-      justify-content: center;
-      height: 30px;
-      width: 30px;
-      display: flex;
-    }
-    .twitter-input {
-      position: relative;
-      display: inline-block;
-      margin-top: -6px;
-      font-size: 10px;
-      height: 27px;
-      padding: 0;
-      position: relative;
-      top: 6px;
-      vertical-align: top;
-      width: 108px;
-      margin-left: -4px;
-    }
-  `]
-            },] }
-];
-TwitterComponent.ctorParameters = () => [];
-TwitterComponent.propDecorators = {
-    width: [{ type: Input }],
-    colors: [{ type: Input }],
-    triangle: [{ type: Input }]
-};
-export class ColorTwitterModule {
-}
-ColorTwitterModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [TwitterComponent],
-                exports: [TwitterComponent],
-                imports: [CommonModule, SwatchModule, EditableInputModule],
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdpdHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdHdpdHRlci90d2l0dGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDckYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUF1SW5ELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxTQUFTO0lBd0M3QztRQUNFLEtBQUssRUFBRSxDQUFDO1FBeENWLG1DQUFtQztRQUMxQixVQUFLLEdBQW9CLEdBQUcsQ0FBQztRQUN0QywrQkFBK0I7UUFDdEIsV0FBTSxHQUFHO1lBQ2hCLFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7U0FDVixDQUFDO1FBQ08sYUFBUSxHQUF1RCxVQUFVLENBQUM7UUFFbkYsZ0JBQVcsR0FBNEI7WUFDckMsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtZQUNkLFlBQVksRUFBRSxLQUFLO1lBQ25CLFFBQVEsRUFBRSxHQUFHO1NBQ2QsQ0FBQztRQUNGLFVBQUssR0FBNEI7WUFDL0IsWUFBWSxFQUFFLEtBQUs7WUFDbkIsc0JBQXNCLEVBQUUsR0FBRztZQUMzQixtQkFBbUIsRUFBRSxHQUFHO1lBQ3hCLE1BQU0sRUFBRSxtQkFBbUI7WUFDM0IsU0FBUyxFQUFFLFlBQVk7WUFDdkIsT0FBTyxFQUFFLFFBQVE7WUFDakIsUUFBUSxFQUFFLE1BQU07WUFDaEIsTUFBTSxFQUFFLE1BQU07WUFDZCxPQUFPLEVBQUUsR0FBRztZQUNaLFdBQVcsRUFBRSxLQUFLO1lBQ2xCLEtBQUssRUFBRSxNQUFNO1lBQ2IsS0FBSyxFQUFFLFNBQVM7U0FDakIsQ0FBQztRQUNGLGlCQUFZLEdBQUcsSUFBSSxDQUFDO0lBSXBCLENBQUM7SUFFRCxLQUFLLENBQUMsS0FBYTtRQUNqQixPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsS0FBSyxFQUFFLEVBQUUsQ0FBQztJQUMzQyxDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFPO1FBQ3BDLElBQUksVUFBVSxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ25CLGtCQUFrQjtZQUNsQixJQUFJLENBQUMsWUFBWSxDQUFDLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxNQUFNLENBQUMsQ0FBQztTQUNuRDtJQUNILENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQU87UUFDckMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBQ2hELENBQUM7OztZQTlMRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQlQ7Z0JBMkZELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxtQkFBbUIsRUFBRSxLQUFLO2dCQUMxQixTQUFTLEVBQUU7b0JBQ1Q7d0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjt3QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzt3QkFDL0MsS0FBSyxFQUFFLElBQUk7cUJBQ1o7b0JBQ0Q7d0JBQ0UsT0FBTyxFQUFFLFNBQVM7d0JBQ2xCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7cUJBQ2hEO2lCQUNGO3lCQXJHQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUZEO2FBZUY7Ozs7b0JBR0UsS0FBSztxQkFFTCxLQUFLO3VCQVlMLEtBQUs7O0FBaURSLE1BQU0sT0FBTyxrQkFBa0I7OztZQUw5QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7Z0JBQ2hDLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUMzQixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLG1CQUFtQixDQUFDO2FBQzNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0LCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb2xvcldyYXAsIEVkaXRhYmxlSW5wdXRNb2R1bGUsIGlzVmFsaWRIZXgsIFN3YXRjaE1vZHVsZSB9IGZyb20gJ25neC1jb2xvcic7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sb3ItdHdpdHRlcicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJ0d2l0dGVyLXBpY2tlciB7eyB0cmlhbmdsZSB9fS10cmlhbmdsZSB7eyBjbGFzc05hbWUgfX1cIiBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIj5cbiAgICA8ZGl2IGNsYXNzPVwidHJpYW5nbGVTaGFkb3dcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidHJpYW5nbGVcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidHdpdHRlci1ib2R5XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwidHdpdHRlci1zd2F0Y2hcIiAqbmdGb3I9XCJsZXQgY29sb3Igb2YgY29sb3JzXCI+XG4gICAgICAgIDxjb2xvci1zd2F0Y2hcbiAgICAgICAgICBbY29sb3JdPVwiY29sb3JcIlxuICAgICAgICAgIFtzdHlsZV09XCJzd2F0Y2hTdHlsZVwiXG4gICAgICAgICAgW2ZvY3VzU3R5bGVdPVwiZm9jdXMoY29sb3IpXCJcbiAgICAgICAgICAob25DbGljayk9XCJoYW5kbGVCbG9ja0NoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAob25Ib3Zlcik9XCJvblN3YXRjaEhvdmVyLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgID48L2NvbG9yLXN3YXRjaD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInR3aXR0ZXItaGFzaFwiPlxuICAgICAgICA8ZGl2PiM8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInR3aXR0ZXItaW5wdXRcIj5cbiAgICAgICAgPGNvbG9yLWVkaXRhYmxlLWlucHV0XG4gICAgICAgICAgW3N0eWxlXT1cInsgaW5wdXQ6IGlucHV0IH1cIlxuICAgICAgICAgIFt2YWx1ZV09XCJoZXgucmVwbGFjZSgnIycsICcnKVwiXG4gICAgICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVZhbHVlQ2hhbmdlKCRldmVudClcIlxuICAgICAgICA+PC9jb2xvci1lZGl0YWJsZS1pbnB1dD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgIC50d2l0dGVyLXBpY2tlciB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2IoMjU1LCAyNTUsIDI1NSk7XG4gICAgICBib3JkZXI6IDBweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuICAgICAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjI1KSAwcHggMXB4IDRweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgfVxuICAgIC50cmlhbmdsZVNoYWRvdyB7XG4gICAgICB3aWR0aDogMHB4O1xuICAgICAgaGVpZ2h0OiAwcHg7XG4gICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgYm9yZGVyLXdpZHRoOiAwcHggOXB4IDEwcHg7XG4gICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB9XG4gICAgLnRyaWFuZ2xlIHtcbiAgICAgIHdpZHRoOiAwcHg7XG4gICAgICBoZWlnaHQ6IDBweDtcbiAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICBib3JkZXItd2lkdGg6IDBweCA5cHggMTBweDtcbiAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgcmdiKDI1NSwgMjU1LCAyNTUpO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIH1cbiAgICAuaGlkZS10cmlhbmdsZSA+IC50cmlhbmdsZSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgICAuaGlkZS10cmlhbmdsZSA+IC50cmlhbmdsZVNoYWRvdyB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgICAudG9wLWxlZnQtdHJpYW5nbGUgPiAudHJpYW5nbGUge1xuICAgICAgdG9wOiAtMTBweDtcbiAgICAgIGxlZnQ6IDEycHg7XG4gICAgfVxuICAgIC50b3AtbGVmdC10cmlhbmdsZSA+IC50cmlhbmdsZVNoYWRvdyB7XG4gICAgICB0b3A6IC0xMXB4O1xuICAgICAgbGVmdDogMTJweDtcbiAgICB9XG4gICAgLnRvcC1yaWdodC10cmlhbmdsZSA+IC50cmlhbmdsZSB7XG4gICAgICB0b3A6IC0xMHB4O1xuICAgICAgcmlnaHQ6IDEycHg7XG4gICAgfVxuICAgIC50b3AtcmlnaHQtdHJpYW5nbGUgPiAudHJpYW5nbGVTaGFkb3cge1xuICAgICAgdG9wOiAtMTFweDtcbiAgICAgIHJpZ2h0OiAxMnB4O1xuICAgIH1cbiAgICAudHdpdHRlci1ib2R5IHtcbiAgICAgIHBhZGRpbmc6IDE1cHggOXB4IDlweCAxNXB4O1xuICAgIH1cbiAgICAudHdpdHRlci1zd2F0Y2gge1xuICAgICAgd2lkdGg6IDMwcHg7XG4gICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBtYXJnaW46IDAgNnB4IDAgMDtcbiAgICB9XG4gICAgLnR3aXR0ZXItaGFzaCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2IoMjQwLCAyNDAsIDI0MCk7XG4gICAgICBoZWlnaHQ6IDMwcHg7XG4gICAgICB3aWR0aDogMzBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDRweCAwcHggMHB4IDRweDtcbiAgICAgIGNvbG9yOiByZ2IoMTUyLCAxNjEsIDE2NCk7XG4gICAgICBtYXJnaW4tbGVmdDogLTNweDtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAgIH1cbiAgICAudHdpdHRlci1oYXNoID4gZGl2IHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGhlaWdodDogMzBweDtcbiAgICAgIHdpZHRoOiAzMHB4O1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICB9XG4gICAgLnR3aXR0ZXItaW5wdXQge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgbWFyZ2luLXRvcDogLTZweDtcbiAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgIGhlaWdodDogMjdweDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB0b3A6IDZweDtcbiAgICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gICAgICB3aWR0aDogMTA4cHg7XG4gICAgICBtYXJnaW4tbGVmdDogLTRweDtcbiAgICB9XG4gIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUd2l0dGVyQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogQ29sb3JXcmFwLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gVHdpdHRlckNvbXBvbmVudCksXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBUd2l0dGVyQ29tcG9uZW50IGV4dGVuZHMgQ29sb3JXcmFwIHtcbiAgLyoqIFBpeGVsIHZhbHVlIGZvciBwaWNrZXIgd2lkdGggKi9cbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyB8IG51bWJlciA9IDI3NjtcbiAgLyoqIENvbG9yIHNxdWFyZXMgdG8gZGlzcGxheSAqL1xuICBASW5wdXQoKSBjb2xvcnMgPSBbXG4gICAgJyNGRjY5MDAnLFxuICAgICcjRkNCOTAwJyxcbiAgICAnIzdCRENCNScsXG4gICAgJyMwMEQwODQnLFxuICAgICcjOEVEMUZDJyxcbiAgICAnIzA2OTNFMycsXG4gICAgJyNBQkI4QzMnLFxuICAgICcjRUIxNDRDJyxcbiAgICAnI0Y3OERBNycsXG4gICAgJyM5OTAwRUYnLFxuICBdO1xuICBASW5wdXQoKSB0cmlhbmdsZTogJ2hpZGUnIHwgJ3RvcC1sZWZ0JyB8ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1yaWdodCcgPSAndG9wLWxlZnQnO1xuXG4gIHN3YXRjaFN0eWxlOiB7W2tleTogc3RyaW5nXTogc3RyaW5nfSA9IHtcbiAgICB3aWR0aDogJzMwcHgnLFxuICAgIGhlaWdodDogJzMwcHgnLFxuICAgIGJvcmRlclJhZGl1czogJzRweCcsXG4gICAgZm9udFNpemU6ICcwJyxcbiAgfTtcbiAgaW5wdXQ6IHtba2V5OiBzdHJpbmddOiBzdHJpbmd9ID0ge1xuICAgIGJvcmRlclJhZGl1czogJzRweCcsXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogJzAnLFxuICAgIGJvcmRlclRvcExlZnRSYWRpdXM6ICcwJyxcbiAgICBib3JkZXI6ICcxcHggc29saWQgI2U2ZWNmMCcsXG4gICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgZGlzcGxheTogJ2lubGluZScsXG4gICAgZm9udFNpemU6ICcxNHB4JyxcbiAgICBoZWlnaHQ6ICczMHB4JyxcbiAgICBwYWRkaW5nOiAnMCcsXG4gICAgcGFkZGluZ0xlZnQ6ICc2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgY29sb3I6ICcjNjU3Nzg2JyxcbiAgfTtcbiAgZGlzYWJsZUFscGhhID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgZm9jdXMoY29sb3I6IHN0cmluZykge1xuICAgIHJldHVybiB7IGJveFNoYWRvdzogYDAgMCA0cHggJHtjb2xvcn1gIH07XG4gIH1cblxuICBoYW5kbGVCbG9ja0NoYW5nZSh7IGhleCwgJGV2ZW50IH06IGFueSkge1xuICAgIGlmIChpc1ZhbGlkSGV4KGhleCkpIHtcbiAgICAgIC8vIHRoaXMuaGV4ID0gaGV4O1xuICAgICAgdGhpcy5oYW5kbGVDaGFuZ2UoeyBoZXgsIHNvdXJjZTogJ2hleCcgfSwgJGV2ZW50KTtcbiAgICB9XG4gIH1cblxuICBoYW5kbGVWYWx1ZUNoYW5nZSh7IGRhdGEsICRldmVudCB9OiBhbnkpIHtcbiAgICB0aGlzLmhhbmRsZUJsb2NrQ2hhbmdlKHsgaGV4OiBkYXRhLCAkZXZlbnQgfSk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbVHdpdHRlckNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtUd2l0dGVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3dhdGNoTW9kdWxlLCBFZGl0YWJsZUlucHV0TW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29sb3JUd2l0dGVyTW9kdWxlIHt9XG4iXX0=

package/twitter/fesm2015/ngx-color-twitter.js

@@ -1,214 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, ChangeDetectionStrategy, forwardRef, Input, NgModule } from '@angular/core';
-import { ColorWrap, isValidHex, SwatchModule, EditableInputModule } from 'ngx-color';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-class TwitterComponent extends ColorWrap {
-    constructor() {
-        super();
-        /** Pixel value for picker width */
-        this.width = 276;
-        /** Color squares to display */
-        this.colors = [
-            '#FF6900',
-            '#FCB900',
-            '#7BDCB5',
-            '#00D084',
-            '#8ED1FC',
-            '#0693E3',
-            '#ABB8C3',
-            '#EB144C',
-            '#F78DA7',
-            '#9900EF',
-        ];
-        this.triangle = 'top-left';
-        this.swatchStyle = {
-            width: '30px',
-            height: '30px',
-            borderRadius: '4px',
-            fontSize: '0',
-        };
-        this.input = {
-            borderRadius: '4px',
-            borderBottomLeftRadius: '0',
-            borderTopLeftRadius: '0',
-            border: '1px solid #e6ecf0',
-            boxSizing: 'border-box',
-            display: 'inline',
-            fontSize: '14px',
-            height: '30px',
-            padding: '0',
-            paddingLeft: '6px',
-            width: '100%',
-            color: '#657786',
-        };
-        this.disableAlpha = true;
-    }
-    focus(color) {
-        return { boxShadow: `0 0 4px ${color}` };
-    }
-    handleBlockChange({ hex, $event }) {
-        if (isValidHex(hex)) {
-            // this.hex = hex;
-            this.handleChange({ hex, source: 'hex' }, $event);
-        }
-    }
-    handleValueChange({ data, $event }) {
-        this.handleBlockChange({ hex: data, $event });
-    }
-}
-TwitterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'color-twitter',
-                template: `
-  <div class="twitter-picker {{ triangle }}-triangle {{ className }}" [style.width.px]="width">
-    <div class="triangleShadow"></div>
-    <div class="triangle"></div>
-    <div class="twitter-body">
-      <div class="twitter-swatch" *ngFor="let color of colors">
-        <color-swatch
-          [color]="color"
-          [style]="swatchStyle"
-          [focusStyle]="focus(color)"
-          (onClick)="handleBlockChange($event)"
-          (onHover)="onSwatchHover.emit($event)"
-        ></color-swatch>
-      </div>
-      <div class="twitter-hash">
-        <div>#</div>
-      </div>
-      <div class="twitter-input">
-        <color-editable-input
-          [style]="{ input: input }"
-          [value]="hex.replace('#', '')"
-          (onChange)="handleValueChange($event)"
-        ></color-editable-input>
-      </div>
-    </div>
-  </div>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                preserveWhitespaces: false,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => TwitterComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: ColorWrap,
-                        useExisting: forwardRef(() => TwitterComponent),
-                    },
-                ],
-                styles: [`
-    .twitter-picker {
-      background: rgb(255, 255, 255);
-      border: 0px solid rgba(0, 0, 0, 0.25);
-      box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;
-      border-radius: 4px;
-      position: relative;
-      box-sizing: border-box;
-    }
-    .triangleShadow {
-      width: 0px;
-      height: 0px;
-      border-style: solid;
-      border-width: 0px 9px 10px;
-      border-color: transparent transparent rgba(0, 0, 0, 0.1);
-      position: absolute;
-    }
-    .triangle {
-      width: 0px;
-      height: 0px;
-      border-style: solid;
-      border-width: 0px 9px 10px;
-      border-color: transparent transparent rgb(255, 255, 255);
-      position: absolute;
-    }
-    .hide-triangle > .triangle {
-      display: none;
-    }
-    .hide-triangle > .triangleShadow {
-      display: none;
-    }
-    .top-left-triangle > .triangle {
-      top: -10px;
-      left: 12px;
-    }
-    .top-left-triangle > .triangleShadow {
-      top: -11px;
-      left: 12px;
-    }
-    .top-right-triangle > .triangle {
-      top: -10px;
-      right: 12px;
-    }
-    .top-right-triangle > .triangleShadow {
-      top: -11px;
-      right: 12px;
-    }
-    .twitter-body {
-      padding: 15px 9px 9px 15px;
-    }
-    .twitter-swatch {
-      width: 30px;
-      height: 30px;
-      display: inline-block;
-      margin: 0 6px 0 0;
-    }
-    .twitter-hash {
-      background: rgb(240, 240, 240);
-      height: 30px;
-      width: 30px;
-      border-radius: 4px 0px 0px 4px;
-      color: rgb(152, 161, 164);
-      margin-left: -3px;
-      display: inline-block;
-
-    }
-    .twitter-hash > div {
-      position: absolute;
-      align-items: center;
-      justify-content: center;
-      height: 30px;
-      width: 30px;
-      display: flex;
-    }
-    .twitter-input {
-      position: relative;
-      display: inline-block;
-      margin-top: -6px;
-      font-size: 10px;
-      height: 27px;
-      padding: 0;
-      position: relative;
-      top: 6px;
-      vertical-align: top;
-      width: 108px;
-      margin-left: -4px;
-    }
-  `]
-            },] }
-];
-TwitterComponent.ctorParameters = () => [];
-TwitterComponent.propDecorators = {
-    width: [{ type: Input }],
-    colors: [{ type: Input }],
-    triangle: [{ type: Input }]
-};
-class ColorTwitterModule {
-}
-ColorTwitterModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [TwitterComponent],
-                exports: [TwitterComponent],
-                imports: [CommonModule, SwatchModule, EditableInputModule],
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ColorTwitterModule, TwitterComponent };
-//# sourceMappingURL=ngx-color-twitter.js.map

package/twitter/fesm2015/ngx-color-twitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-color-twitter.js","sources":["../../../../src/lib/components/twitter/twitter.component.ts","../../../../src/lib/components/twitter/ngx-color-twitter.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\n\nimport { ColorWrap, EditableInputModule, isValidHex, SwatchModule } from 'ngx-color';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'color-twitter',\n  template: `\n  <div class=\"twitter-picker {{ triangle }}-triangle {{ className }}\" [style.width.px]=\"width\">\n    <div class=\"triangleShadow\"></div>\n    <div class=\"triangle\"></div>\n    <div class=\"twitter-body\">\n      <div class=\"twitter-swatch\" *ngFor=\"let color of colors\">\n        <color-swatch\n          [color]=\"color\"\n          [style]=\"swatchStyle\"\n          [focusStyle]=\"focus(color)\"\n          (onClick)=\"handleBlockChange($event)\"\n          (onHover)=\"onSwatchHover.emit($event)\"\n        ></color-swatch>\n      </div>\n      <div class=\"twitter-hash\">\n        <div>#</div>\n      </div>\n      <div class=\"twitter-input\">\n        <color-editable-input\n          [style]=\"{ input: input }\"\n          [value]=\"hex.replace('#', '')\"\n          (onChange)=\"handleValueChange($event)\"\n        ></color-editable-input>\n      </div>\n    </div>\n  </div>\n  `,\n  styles: [\n    `\n    .twitter-picker {\n      background: rgb(255, 255, 255);\n      border: 0px solid rgba(0, 0, 0, 0.25);\n      box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;\n      border-radius: 4px;\n      position: relative;\n      box-sizing: border-box;\n    }\n    .triangleShadow {\n      width: 0px;\n      height: 0px;\n      border-style: solid;\n      border-width: 0px 9px 10px;\n      border-color: transparent transparent rgba(0, 0, 0, 0.1);\n      position: absolute;\n    }\n    .triangle {\n      width: 0px;\n      height: 0px;\n      border-style: solid;\n      border-width: 0px 9px 10px;\n      border-color: transparent transparent rgb(255, 255, 255);\n      position: absolute;\n    }\n    .hide-triangle > .triangle {\n      display: none;\n    }\n    .hide-triangle > .triangleShadow {\n      display: none;\n    }\n    .top-left-triangle > .triangle {\n      top: -10px;\n      left: 12px;\n    }\n    .top-left-triangle > .triangleShadow {\n      top: -11px;\n      left: 12px;\n    }\n    .top-right-triangle > .triangle {\n      top: -10px;\n      right: 12px;\n    }\n    .top-right-triangle > .triangleShadow {\n      top: -11px;\n      right: 12px;\n    }\n    .twitter-body {\n      padding: 15px 9px 9px 15px;\n    }\n    .twitter-swatch {\n      width: 30px;\n      height: 30px;\n      display: inline-block;\n      margin: 0 6px 0 0;\n    }\n    .twitter-hash {\n      background: rgb(240, 240, 240);\n      height: 30px;\n      width: 30px;\n      border-radius: 4px 0px 0px 4px;\n      color: rgb(152, 161, 164);\n      margin-left: -3px;\n      display: inline-block;\n\n    }\n    .twitter-hash > div {\n      position: absolute;\n      align-items: center;\n      justify-content: center;\n      height: 30px;\n      width: 30px;\n      display: flex;\n    }\n    .twitter-input {\n      position: relative;\n      display: inline-block;\n      margin-top: -6px;\n      font-size: 10px;\n      height: 27px;\n      padding: 0;\n      position: relative;\n      top: 6px;\n      vertical-align: top;\n      width: 108px;\n      margin-left: -4px;\n    }\n  `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TwitterComponent),\n      multi: true,\n    },\n    {\n      provide: ColorWrap,\n      useExisting: forwardRef(() => TwitterComponent),\n    },\n  ]\n})\nexport class TwitterComponent extends ColorWrap {\n  /** Pixel value for picker width */\n  @Input() width: string | number = 276;\n  /** Color squares to display */\n  @Input() colors = [\n    '#FF6900',\n    '#FCB900',\n    '#7BDCB5',\n    '#00D084',\n    '#8ED1FC',\n    '#0693E3',\n    '#ABB8C3',\n    '#EB144C',\n    '#F78DA7',\n    '#9900EF',\n  ];\n  @Input() triangle: 'hide' | 'top-left' | 'top-right' | 'bottom-right' = 'top-left';\n\n  swatchStyle: {[key: string]: string} = {\n    width: '30px',\n    height: '30px',\n    borderRadius: '4px',\n    fontSize: '0',\n  };\n  input: {[key: string]: string} = {\n    borderRadius: '4px',\n    borderBottomLeftRadius: '0',\n    borderTopLeftRadius: '0',\n    border: '1px solid #e6ecf0',\n    boxSizing: 'border-box',\n    display: 'inline',\n    fontSize: '14px',\n    height: '30px',\n    padding: '0',\n    paddingLeft: '6px',\n    width: '100%',\n    color: '#657786',\n  };\n  disableAlpha = true;\n\n  constructor() {\n    super();\n  }\n\n  focus(color: string) {\n    return { boxShadow: `0 0 4px ${color}` };\n  }\n\n  handleBlockChange({ hex, $event }: any) {\n    if (isValidHex(hex)) {\n      // this.hex = hex;\n      this.handleChange({ hex, source: 'hex' }, $event);\n    }\n  }\n\n  handleValueChange({ data, $event }: any) {\n    this.handleBlockChange({ hex: data, $event });\n  }\n}\n\n@NgModule({\n  declarations: [TwitterComponent],\n  exports: [TwitterComponent],\n  imports: [CommonModule, SwatchModule, EditableInputModule],\n})\nexport class ColorTwitterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './twitter.component';\n"],"names":[],"mappings":";;;;;MA2Ia,gBAAiB,SAAQ,SAAS;IAwC7C;QACE,KAAK,EAAE,CAAC;;QAvCD,UAAK,GAAoB,GAAG,CAAC;;QAE7B,WAAM,GAAG;YAChB,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV,CAAC;QACO,aAAQ,GAAuD,UAAU,CAAC;QAEnF,gBAAW,GAA4B;YACrC,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,GAAG;SACd,CAAC;QACF,UAAK,GAA4B;YAC/B,YAAY,EAAE,KAAK;YACnB,sBAAsB,EAAE,GAAG;YAC3B,mBAAmB,EAAE,GAAG;YACxB,MAAM,EAAE,mBAAmB;YAC3B,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE,QAAQ;YACjB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,GAAG;YACZ,WAAW,EAAE,KAAK;YAClB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,SAAS;SACjB,CAAC;QACF,iBAAY,GAAG,IAAI,CAAC;KAInB;IAED,KAAK,CAAC,KAAa;QACjB,OAAO,EAAE,SAAS,EAAE,WAAW,KAAK,EAAE,EAAE,CAAC;KAC1C;IAED,iBAAiB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAO;QACpC,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE;;YAEnB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;SACnD;KACF;IAED,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAO;QACrC,IAAI,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;KAC/C;;;YA9LF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BT;gBA2FD,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,mBAAmB,EAAE,KAAK;gBAC1B,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,iBAAiB;wBAC1B,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;wBAC/C,KAAK,EAAE,IAAI;qBACZ;oBACD;wBACE,OAAO,EAAE,SAAS;wBAClB,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;qBAChD;iBACF;yBArGC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuFD;aAeF;;;;oBAGE,KAAK;qBAEL,KAAK;uBAYL,KAAK;;MAiDK,kBAAkB;;;YAL9B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;gBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;gBAC3B,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,mBAAmB,CAAC;aAC3D;;;AC3MD;;;;;;"}

package/twitter/ngx-color-twitter.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"TwitterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ngx-color","name":"ColorWrap","line":139,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"color-twitter","template":"\n  <div class=\"twitter-picker {{ triangle }}-triangle {{ className }}\" [style.width.px]=\"width\">\n    <div class=\"triangleShadow\"></div>\n    <div class=\"triangle\"></div>\n    <div class=\"twitter-body\">\n      <div class=\"twitter-swatch\" *ngFor=\"let color of colors\">\n        <color-swatch\n          [color]=\"color\"\n          [style]=\"swatchStyle\"\n          [focusStyle]=\"focus(color)\"\n          (onClick)=\"handleBlockChange($event)\"\n          (onHover)=\"onSwatchHover.emit($event)\"\n        ></color-swatch>\n      </div>\n      <div class=\"twitter-hash\">\n        <div>#</div>\n      </div>\n      <div class=\"twitter-input\">\n        <color-editable-input\n          [style]=\"{ input: input }\"\n          [value]=\"hex.replace('#', '')\"\n          (onChange)=\"handleValueChange($event)\"\n        ></color-editable-input>\n      </div>\n    </div>\n  </div>\n  ","styles":["\n    .twitter-picker {\n      background: rgb(255, 255, 255);\n      border: 0px solid rgba(0, 0, 0, 0.25);\n      box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;\n      border-radius: 4px;\n      position: relative;\n      box-sizing: border-box;\n    }\n    .triangleShadow {\n      width: 0px;\n      height: 0px;\n      border-style: solid;\n      border-width: 0px 9px 10px;\n      border-color: transparent transparent rgba(0, 0, 0, 0.1);\n      position: absolute;\n    }\n    .triangle {\n      width: 0px;\n      height: 0px;\n      border-style: solid;\n      border-width: 0px 9px 10px;\n      border-color: transparent transparent rgb(255, 255, 255);\n      position: absolute;\n    }\n    .hide-triangle > .triangle {\n      display: none;\n    }\n    .hide-triangle > .triangleShadow {\n      display: none;\n    }\n    .top-left-triangle > .triangle {\n      top: -10px;\n      left: 12px;\n    }\n    .top-left-triangle > .triangleShadow {\n      top: -11px;\n      left: 12px;\n    }\n    .top-right-triangle > .triangle {\n      top: -10px;\n      right: 12px;\n    }\n    .top-right-triangle > .triangleShadow {\n      top: -11px;\n      right: 12px;\n    }\n    .twitter-body {\n      padding: 15px 9px 9px 15px;\n    }\n    .twitter-swatch {\n      width: 30px;\n      height: 30px;\n      display: inline-block;\n      margin: 0 6px 0 0;\n    }\n    .twitter-hash {\n      background: rgb(240, 240, 240);\n      height: 30px;\n      width: 30px;\n      border-radius: 4px 0px 0px 4px;\n      color: rgb(152, 161, 164);\n      margin-left: -3px;\n      display: inline-block;\n\n    }\n    .twitter-hash > div {\n      position: absolute;\n      align-items: center;\n      justify-content: center;\n      height: 30px;\n      width: 30px;\n      display: flex;\n    }\n    .twitter-input {\n      position: relative;\n      display: inline-block;\n      margin-top: -6px;\n      font-size: 10px;\n      height: 27px;\n      padding: 0;\n      position: relative;\n      top: 6px;\n      vertical-align: top;\n      width: 108px;\n      margin-left: -4px;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":125,"character":19},"member":"OnPush"},"preserveWhitespaces":false,"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":129,"character":15},"useExisting":{"__symbolic":"reference","name":"TwitterComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"ngx-color","name":"ColorWrap","line":134,"character":15},"useExisting":{"__symbolic":"reference","name":"TwitterComponent"}}]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3}}]}],"triangle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"focus":[{"__symbolic":"method"}],"handleBlockChange":[{"__symbolic":"method"}],"handleValueChange":[{"__symbolic":"method"}]}},"ColorTwitterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":199,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TwitterComponent"}],"exports":[{"__symbolic":"reference","name":"TwitterComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":202,"character":12},{"__symbolic":"reference","module":"ngx-color","name":"SwatchModule","line":202,"character":26},{"__symbolic":"reference","module":"ngx-color","name":"EditableInputModule","line":202,"character":40}]}]}],"members":{}}},"origins":{"TwitterComponent":"./twitter.component","ColorTwitterModule":"./twitter.component"},"importAs":"ngx-color/twitter"}