ngx-color 7.1.0 → 7.3.2

package/block/esm2015/block.component.js

@@ -1,147 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
-import { CheckboardModule, ColorWrap, EditableInputModule, getContrastingColor, isValidHex, SwatchModule, } from 'ngx-color';
-import { BlockSwatchesComponent } from './block-swatches.component';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export class BlockComponent extends ColorWrap {
-    constructor() {
-        super();
-        /** Pixel value for picker width */
-        this.width = 170;
-        /** Color squares to display */
-        this.colors = [
-            '#D9E3F0',
-            '#F47373',
-            '#697689',
-            '#37D67A',
-            '#2CCCE4',
-            '#555555',
-            '#dce775',
-            '#ff8a65',
-            '#ba68c8',
-        ];
-        this.triangle = 'top';
-        this.input = {
-            width: '100%',
-            fontSize: '12px',
-            color: '#666',
-            border: '0px',
-            outline: 'none',
-            height: '22px',
-            boxShadow: 'inset 0 0 0 1px #ddd',
-            borderRadius: '4px',
-            padding: '0 7px',
-            boxSizing: 'border-box',
-        };
-        this.wrap = {
-            position: 'relative',
-            width: '100%',
-        };
-        this.disableAlpha = true;
-    }
-    handleValueChange({ data, $event }) {
-        this.handleBlockChange({ hex: data, $event });
-    }
-    getContrastingColor(hex) {
-        return getContrastingColor(hex);
-    }
-    handleBlockChange({ hex, $event }) {
-        if (isValidHex(hex)) {
-            // this.hex = hex;
-            this.handleChange({
-                hex,
-                source: 'hex',
-            }, $event);
-        }
-    }
-}
-BlockComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'color-block',
-                template: `
-  <div class="block-card block-picker {{ className }}">
-    <div class="block-triangle" *ngIf="triangle !== 'hide'"
-      [style.border-color]="'transparent transparent ' + this.hex + ' transparent'"
-    ></div>
-
-    <div class="block-head" [style.background]="hex">
-      <color-checkboard *ngIf="hex === 'transparent'"
-        borderRadius="6px 6px 0 0"
-      ></color-checkboard>
-      <div class="block-label" [style.color]="getContrastingColor(hex)">
-        {{ hex }}
-      </div>
-    </div>
-
-    <div class="block-body">
-      <color-block-swatches [colors]="colors"
-        (onClick)="handleBlockChange($event)"
-        (onSwatchHover)="onSwatchHover.emit($event)"
-      ></color-block-swatches>
-      <color-editable-input [value]="hex"
-        (onChange)="handleValueChange($event)"
-        [style]="{input: input, wrap: wrap}"
-      ></color-editable-input>
-    </div>
-  </div>
-  `,
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => BlockComponent),
-                        multi: true,
-                    }
-                ],
-                styles: [`
-    .block-card {
-      background: #fff;
-      border-radius: 6px;
-      box-shadow: 0 1px rgba(0, 0, 0, .1);
-      position: relative;
-    }
-    .block-head {
-      align-items: center;
-      border-radius: 6px 6px 0 0;
-      display: flex;
-      height: 110px;
-      justify-content: center;
-      position: relative;
-    }
-    .block-body {
-      padding: 10px;
-    }
-    .block-label {
-      font-size: 18px;
-      position: relative;
-    }
-    .block-triangle {
-      border-style: solid;
-      border-width: 0 10px 10px 10px;
-      height: 0;
-      left: 50%;
-      margin-left: -10px;
-      position: absolute;
-      top: -10px;
-      width: 0;
-    }
-  `]
-            },] }
-];
-BlockComponent.ctorParameters = () => [];
-BlockComponent.propDecorators = {
-    width: [{ type: Input }],
-    colors: [{ type: Input }],
-    triangle: [{ type: Input }]
-};
-export class ColorBlockModule {
-}
-ColorBlockModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [BlockComponent, BlockSwatchesComponent],
-                exports: [BlockComponent, BlockSwatchesComponent],
-                imports: [CommonModule, CheckboardModule, SwatchModule, EditableInputModule],
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2Jsb2NrL2Jsb2NrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVoRyxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLFNBQVMsRUFDVCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLFVBQVUsRUFDVixZQUFZLEdBQ2IsTUFBTSxXQUFXLENBQUM7QUFDbkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUE0RW5ELE1BQU0sT0FBTyxjQUFlLFNBQVEsU0FBUztJQWtDM0M7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWxDVixtQ0FBbUM7UUFDMUIsVUFBSyxHQUFvQixHQUFHLENBQUM7UUFDdEMsK0JBQStCO1FBQ3RCLFdBQU0sR0FBRztZQUNoQixTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7U0FDVixDQUFDO1FBQ08sYUFBUSxHQUFtQixLQUFLLENBQUM7UUFDMUMsVUFBSyxHQUE0QjtZQUMvQixLQUFLLEVBQUUsTUFBTTtZQUNiLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLEtBQUssRUFBRSxNQUFNO1lBQ2IsTUFBTSxFQUFFLEtBQUs7WUFDYixPQUFPLEVBQUUsTUFBTTtZQUNmLE1BQU0sRUFBRSxNQUFNO1lBQ2QsU0FBUyxFQUFFLHNCQUFzQjtZQUNqQyxZQUFZLEVBQUUsS0FBSztZQUNuQixPQUFPLEVBQUUsT0FBTztZQUNoQixTQUFTLEVBQUUsWUFBWTtTQUN4QixDQUFDO1FBQ0YsU0FBSSxHQUE0QjtZQUM5QixRQUFRLEVBQUUsVUFBVTtZQUNwQixLQUFLLEVBQUUsTUFBTTtTQUNkLENBQUM7UUFDRixpQkFBWSxHQUFHLElBQUksQ0FBQztJQUlwQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1FBQ2hDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBQ0QsbUJBQW1CLENBQUMsR0FBRztRQUNyQixPQUFPLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUU7UUFDL0IsSUFBSSxVQUFVLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDbkIsa0JBQWtCO1lBQ2xCLElBQUksQ0FBQyxZQUFZLENBQ2Y7Z0JBQ0UsR0FBRztnQkFDSCxNQUFNLEVBQUUsS0FBSzthQUNkLEVBQ0QsTUFBTSxDQUNQLENBQUM7U0FDSDtJQUNILENBQUM7OztZQWpJRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQlQ7Z0JBb0NELG1CQUFtQixFQUFFLEtBQUs7Z0JBQzFCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxTQUFTLEVBQUU7b0JBQ1Q7d0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjt3QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxjQUFjLENBQUM7d0JBQzdDLEtBQUssRUFBRSxJQUFJO3FCQUNaO2lCQUNGO3lCQTFDQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQ0Q7YUFXRjs7OztvQkFHRSxLQUFLO3FCQUVMLEtBQUs7dUJBV0wsS0FBSzs7QUFnRFIsTUFBTSxPQUFPLGdCQUFnQjs7O1lBTDVCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLEVBQUUsc0JBQXNCLENBQUM7Z0JBQ3RELE9BQU8sRUFBRSxDQUFDLGNBQWMsRUFBRSxzQkFBc0IsQ0FBQztnQkFDakQsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixFQUFFLFlBQVksRUFBRSxtQkFBbUIsQ0FBQzthQUM3RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgQ2hlY2tib2FyZE1vZHVsZSxcbiAgQ29sb3JXcmFwLFxuICBFZGl0YWJsZUlucHV0TW9kdWxlLFxuICBnZXRDb250cmFzdGluZ0NvbG9yLFxuICBpc1ZhbGlkSGV4LFxuICBTd2F0Y2hNb2R1bGUsXG59IGZyb20gJ25neC1jb2xvcic7XG5pbXBvcnQgeyBCbG9ja1N3YXRjaGVzQ29tcG9uZW50IH0gZnJvbSAnLi9ibG9jay1zd2F0Y2hlcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLWJsb2NrJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImJsb2NrLWNhcmQgYmxvY2stcGlja2VyIHt7IGNsYXNzTmFtZSB9fVwiPlxuICAgIDxkaXYgY2xhc3M9XCJibG9jay10cmlhbmdsZVwiICpuZ0lmPVwidHJpYW5nbGUgIT09ICdoaWRlJ1wiXG4gICAgICBbc3R5bGUuYm9yZGVyLWNvbG9yXT1cIid0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAnICsgdGhpcy5oZXggKyAnIHRyYW5zcGFyZW50J1wiXG4gICAgPjwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImJsb2NrLWhlYWRcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJoZXhcIj5cbiAgICAgIDxjb2xvci1jaGVja2JvYXJkICpuZ0lmPVwiaGV4ID09PSAndHJhbnNwYXJlbnQnXCJcbiAgICAgICAgYm9yZGVyUmFkaXVzPVwiNnB4IDZweCAwIDBcIlxuICAgICAgPjwvY29sb3ItY2hlY2tib2FyZD5cbiAgICAgIDxkaXYgY2xhc3M9XCJibG9jay1sYWJlbFwiIFtzdHlsZS5jb2xvcl09XCJnZXRDb250cmFzdGluZ0NvbG9yKGhleClcIj5cbiAgICAgICAge3sgaGV4IH19XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJibG9jay1ib2R5XCI+XG4gICAgICA8Y29sb3ItYmxvY2stc3dhdGNoZXMgW2NvbG9yc109XCJjb2xvcnNcIlxuICAgICAgICAob25DbGljayk9XCJoYW5kbGVCbG9ja0NoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgKG9uU3dhdGNoSG92ZXIpPVwib25Td2F0Y2hIb3Zlci5lbWl0KCRldmVudClcIlxuICAgICAgPjwvY29sb3ItYmxvY2stc3dhdGNoZXM+XG4gICAgICA8Y29sb3ItZWRpdGFibGUtaW5wdXQgW3ZhbHVlXT1cImhleFwiXG4gICAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVWYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgW3N0eWxlXT1cIntpbnB1dDogaW5wdXQsIHdyYXA6IHdyYXB9XCJcbiAgICAgID48L2NvbG9yLWVkaXRhYmxlLWlucHV0PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgIC5ibG9jay1jYXJkIHtcbiAgICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgICBib3JkZXItcmFkaXVzOiA2cHg7XG4gICAgICBib3gtc2hhZG93OiAwIDFweCByZ2JhKDAsIDAsIDAsIC4xKTtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB9XG4gICAgLmJsb2NrLWhlYWQge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDZweCA2cHggMCAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGhlaWdodDogMTEwcHg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB9XG4gICAgLmJsb2NrLWJvZHkge1xuICAgICAgcGFkZGluZzogMTBweDtcbiAgICB9XG4gICAgLmJsb2NrLWxhYmVsIHtcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB9XG4gICAgLmJsb2NrLXRyaWFuZ2xlIHtcbiAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICBib3JkZXItd2lkdGg6IDAgMTBweCAxMHB4IDEwcHg7XG4gICAgICBoZWlnaHQ6IDA7XG4gICAgICBsZWZ0OiA1MCU7XG4gICAgICBtYXJnaW4tbGVmdDogLTEwcHg7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IC0xMHB4O1xuICAgICAgd2lkdGg6IDA7XG4gICAgfVxuICBgLFxuICBdLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQmxvY2tDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEJsb2NrQ29tcG9uZW50IGV4dGVuZHMgQ29sb3JXcmFwIHtcbiAgLyoqIFBpeGVsIHZhbHVlIGZvciBwaWNrZXIgd2lkdGggKi9cbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyB8IG51bWJlciA9IDE3MDtcbiAgLyoqIENvbG9yIHNxdWFyZXMgdG8gZGlzcGxheSAqL1xuICBASW5wdXQoKSBjb2xvcnMgPSBbXG4gICAgJyNEOUUzRjAnLFxuICAgICcjRjQ3MzczJyxcbiAgICAnIzY5NzY4OScsXG4gICAgJyMzN0Q2N0EnLFxuICAgICcjMkNDQ0U0JyxcbiAgICAnIzU1NTU1NScsXG4gICAgJyNkY2U3NzUnLFxuICAgICcjZmY4YTY1JyxcbiAgICAnI2JhNjhjOCcsXG4gIF07XG4gIEBJbnB1dCgpIHRyaWFuZ2xlOiAndG9wJyB8ICdoaWRlJyA9ICd0b3AnO1xuICBpbnB1dDoge1trZXk6IHN0cmluZ106IHN0cmluZ30gPSB7XG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBmb250U2l6ZTogJzEycHgnLFxuICAgIGNvbG9yOiAnIzY2NicsXG4gICAgYm9yZGVyOiAnMHB4JyxcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gICAgaGVpZ2h0OiAnMjJweCcsXG4gICAgYm94U2hhZG93OiAnaW5zZXQgMCAwIDAgMXB4ICNkZGQnLFxuICAgIGJvcmRlclJhZGl1czogJzRweCcsXG4gICAgcGFkZGluZzogJzAgN3B4JyxcbiAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgfTtcbiAgd3JhcDoge1trZXk6IHN0cmluZ106IHN0cmluZ30gPSB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgfTtcbiAgZGlzYWJsZUFscGhhID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgaGFuZGxlVmFsdWVDaGFuZ2UoeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIHRoaXMuaGFuZGxlQmxvY2tDaGFuZ2UoeyBoZXg6IGRhdGEsICRldmVudCB9KTtcbiAgfVxuICBnZXRDb250cmFzdGluZ0NvbG9yKGhleCkge1xuICAgIHJldHVybiBnZXRDb250cmFzdGluZ0NvbG9yKGhleCk7XG4gIH1cbiAgaGFuZGxlQmxvY2tDaGFuZ2UoeyBoZXgsICRldmVudCB9KSB7XG4gICAgaWYgKGlzVmFsaWRIZXgoaGV4KSkge1xuICAgICAgLy8gdGhpcy5oZXggPSBoZXg7XG4gICAgICB0aGlzLmhhbmRsZUNoYW5nZShcbiAgICAgICAge1xuICAgICAgICAgIGhleCxcbiAgICAgICAgICBzb3VyY2U6ICdoZXgnLFxuICAgICAgICB9LFxuICAgICAgICAkZXZlbnQsXG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtCbG9ja0NvbXBvbmVudCwgQmxvY2tTd2F0Y2hlc0NvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtCbG9ja0NvbXBvbmVudCwgQmxvY2tTd2F0Y2hlc0NvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIENoZWNrYm9hcmRNb2R1bGUsIFN3YXRjaE1vZHVsZSwgRWRpdGFibGVJbnB1dE1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENvbG9yQmxvY2tNb2R1bGUge31cbiJdfQ==

package/block/esm2015/ngx-color-block.js

@@ -1,6 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './block.component';
-export { BlockSwatchesComponent as ɵa } from './block-swatches.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbG9yLWJsb2NrLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2Jsb2NrL25neC1jb2xvci1ibG9jay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsbUJBQW1CLENBQUM7QUFFbEMsT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxNQUFNLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2Jsb2NrLmNvbXBvbmVudCc7XG5cbmV4cG9ydCB7QmxvY2tTd2F0Y2hlc0NvbXBvbmVudCBhcyDJtWF9IGZyb20gJy4vYmxvY2stc3dhdGNoZXMuY29tcG9uZW50JzsiXX0=

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

@@ -1,210 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { EventEmitter, Component, Input, Output, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
-import { ColorWrap, getContrastingColor, isValidHex, CheckboardModule, SwatchModule, EditableInputModule } from 'ngx-color';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-class BlockSwatchesComponent {
-    constructor() {
-        this.onClick = new EventEmitter();
-        this.onSwatchHover = new EventEmitter();
-    }
-    ngOnInit() {
-        this.swatchStyle = {
-            width: '22px',
-            height: '22px',
-            float: 'left',
-            marginRight: '10px',
-            marginBottom: '10px',
-            borderRadius: '4px',
-        };
-    }
-    handleClick({ hex, $event }) {
-        this.onClick.emit({ hex, $event });
-    }
-    focusStyle(c) {
-        return {
-            boxShadow: `${c} 0 0 4px`,
-        };
-    }
-}
-BlockSwatchesComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'color-block-swatches',
-                template: `
-    <div class="block-swatches">
-      <color-swatch
-        *ngFor="let c of colors"
-        [color]="c"
-        [style]="swatchStyle"
-        [focusStyle]="focusStyle(c)"
-        (onClick)="handleClick($event)"
-        (onHover)="onSwatchHover.emit($event)"
-      ></color-swatch>
-      <div class="clear"></div>
-    </div>
-  `,
-                styles: [`
-    .block-swatches {
-      margin-right: -10px;
-    }
-    .clear {
-      clear: both;
-    }
-  `]
-            },] }
-];
-BlockSwatchesComponent.ctorParameters = () => [];
-BlockSwatchesComponent.propDecorators = {
-    colors: [{ type: Input }],
-    onClick: [{ type: Output }],
-    onSwatchHover: [{ type: Output }]
-};
-
-class BlockComponent extends ColorWrap {
-    constructor() {
-        super();
-        /** Pixel value for picker width */
-        this.width = 170;
-        /** Color squares to display */
-        this.colors = [
-            '#D9E3F0',
-            '#F47373',
-            '#697689',
-            '#37D67A',
-            '#2CCCE4',
-            '#555555',
-            '#dce775',
-            '#ff8a65',
-            '#ba68c8',
-        ];
-        this.triangle = 'top';
-        this.input = {
-            width: '100%',
-            fontSize: '12px',
-            color: '#666',
-            border: '0px',
-            outline: 'none',
-            height: '22px',
-            boxShadow: 'inset 0 0 0 1px #ddd',
-            borderRadius: '4px',
-            padding: '0 7px',
-            boxSizing: 'border-box',
-        };
-        this.wrap = {
-            position: 'relative',
-            width: '100%',
-        };
-        this.disableAlpha = true;
-    }
-    handleValueChange({ data, $event }) {
-        this.handleBlockChange({ hex: data, $event });
-    }
-    getContrastingColor(hex) {
-        return getContrastingColor(hex);
-    }
-    handleBlockChange({ hex, $event }) {
-        if (isValidHex(hex)) {
-            // this.hex = hex;
-            this.handleChange({
-                hex,
-                source: 'hex',
-            }, $event);
-        }
-    }
-}
-BlockComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'color-block',
-                template: `
-  <div class="block-card block-picker {{ className }}">
-    <div class="block-triangle" *ngIf="triangle !== 'hide'"
-      [style.border-color]="'transparent transparent ' + this.hex + ' transparent'"
-    ></div>
-
-    <div class="block-head" [style.background]="hex">
-      <color-checkboard *ngIf="hex === 'transparent'"
-        borderRadius="6px 6px 0 0"
-      ></color-checkboard>
-      <div class="block-label" [style.color]="getContrastingColor(hex)">
-        {{ hex }}
-      </div>
-    </div>
-
-    <div class="block-body">
-      <color-block-swatches [colors]="colors"
-        (onClick)="handleBlockChange($event)"
-        (onSwatchHover)="onSwatchHover.emit($event)"
-      ></color-block-swatches>
-      <color-editable-input [value]="hex"
-        (onChange)="handleValueChange($event)"
-        [style]="{input: input, wrap: wrap}"
-      ></color-editable-input>
-    </div>
-  </div>
-  `,
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => BlockComponent),
-                        multi: true,
-                    }
-                ],
-                styles: [`
-    .block-card {
-      background: #fff;
-      border-radius: 6px;
-      box-shadow: 0 1px rgba(0, 0, 0, .1);
-      position: relative;
-    }
-    .block-head {
-      align-items: center;
-      border-radius: 6px 6px 0 0;
-      display: flex;
-      height: 110px;
-      justify-content: center;
-      position: relative;
-    }
-    .block-body {
-      padding: 10px;
-    }
-    .block-label {
-      font-size: 18px;
-      position: relative;
-    }
-    .block-triangle {
-      border-style: solid;
-      border-width: 0 10px 10px 10px;
-      height: 0;
-      left: 50%;
-      margin-left: -10px;
-      position: absolute;
-      top: -10px;
-      width: 0;
-    }
-  `]
-            },] }
-];
-BlockComponent.ctorParameters = () => [];
-BlockComponent.propDecorators = {
-    width: [{ type: Input }],
-    colors: [{ type: Input }],
-    triangle: [{ type: Input }]
-};
-class ColorBlockModule {
-}
-ColorBlockModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [BlockComponent, BlockSwatchesComponent],
-                exports: [BlockComponent, BlockSwatchesComponent],
-                imports: [CommonModule, CheckboardModule, SwatchModule, EditableInputModule],
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { BlockComponent, ColorBlockModule, BlockSwatchesComponent as ɵa };
-//# sourceMappingURL=ngx-color-block.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-color-block.js","sources":["../../../../src/lib/components/block/block-swatches.component.ts","../../../../src/lib/components/block/block.component.ts","../../../../src/lib/components/block/ngx-color-block.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\nimport { Shape } from 'ngx-color';\n\n@Component({\n  selector: 'color-block-swatches',\n  template: `\n    <div class=\"block-swatches\">\n      <color-swatch\n        *ngFor=\"let c of colors\"\n        [color]=\"c\"\n        [style]=\"swatchStyle\"\n        [focusStyle]=\"focusStyle(c)\"\n        (onClick)=\"handleClick($event)\"\n        (onHover)=\"onSwatchHover.emit($event)\"\n      ></color-swatch>\n      <div class=\"clear\"></div>\n    </div>\n  `,\n  styles: [`\n    .block-swatches {\n      margin-right: -10px;\n    }\n    .clear {\n      clear: both;\n    }\n  `],\n})\nexport class BlockSwatchesComponent implements OnInit {\n  @Input() colors!: string[] | Shape[];\n  @Output() onClick = new EventEmitter<any>();\n  @Output() onSwatchHover = new EventEmitter<any>();\n  swatchStyle?: {[key: string]: string};\n\n  constructor() { }\n\n  ngOnInit() {\n    this.swatchStyle = {\n      width: '22px',\n      height: '22px',\n      float: 'left',\n      marginRight: '10px',\n      marginBottom: '10px',\n      borderRadius: '4px',\n    };\n  }\n  handleClick({hex, $event}) {\n    this.onClick.emit({hex, $event});\n  }\n  focusStyle(c) {\n    return {\n      boxShadow: `${ c } 0 0 4px`,\n    };\n  }\n\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\n\nimport {\n  CheckboardModule,\n  ColorWrap,\n  EditableInputModule,\n  getContrastingColor,\n  isValidHex,\n  SwatchModule,\n} from 'ngx-color';\nimport { BlockSwatchesComponent } from './block-swatches.component';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'color-block',\n  template: `\n  <div class=\"block-card block-picker {{ className }}\">\n    <div class=\"block-triangle\" *ngIf=\"triangle !== 'hide'\"\n      [style.border-color]=\"'transparent transparent ' + this.hex + ' transparent'\"\n    ></div>\n\n    <div class=\"block-head\" [style.background]=\"hex\">\n      <color-checkboard *ngIf=\"hex === 'transparent'\"\n        borderRadius=\"6px 6px 0 0\"\n      ></color-checkboard>\n      <div class=\"block-label\" [style.color]=\"getContrastingColor(hex)\">\n        {{ hex }}\n      </div>\n    </div>\n\n    <div class=\"block-body\">\n      <color-block-swatches [colors]=\"colors\"\n        (onClick)=\"handleBlockChange($event)\"\n        (onSwatchHover)=\"onSwatchHover.emit($event)\"\n      ></color-block-swatches>\n      <color-editable-input [value]=\"hex\"\n        (onChange)=\"handleValueChange($event)\"\n        [style]=\"{input: input, wrap: wrap}\"\n      ></color-editable-input>\n    </div>\n  </div>\n  `,\n  styles: [\n    `\n    .block-card {\n      background: #fff;\n      border-radius: 6px;\n      box-shadow: 0 1px rgba(0, 0, 0, .1);\n      position: relative;\n    }\n    .block-head {\n      align-items: center;\n      border-radius: 6px 6px 0 0;\n      display: flex;\n      height: 110px;\n      justify-content: center;\n      position: relative;\n    }\n    .block-body {\n      padding: 10px;\n    }\n    .block-label {\n      font-size: 18px;\n      position: relative;\n    }\n    .block-triangle {\n      border-style: solid;\n      border-width: 0 10px 10px 10px;\n      height: 0;\n      left: 50%;\n      margin-left: -10px;\n      position: absolute;\n      top: -10px;\n      width: 0;\n    }\n  `,\n  ],\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => BlockComponent),\n      multi: true,\n    }\n  ]\n})\nexport class BlockComponent extends ColorWrap {\n  /** Pixel value for picker width */\n  @Input() width: string | number = 170;\n  /** Color squares to display */\n  @Input() colors = [\n    '#D9E3F0',\n    '#F47373',\n    '#697689',\n    '#37D67A',\n    '#2CCCE4',\n    '#555555',\n    '#dce775',\n    '#ff8a65',\n    '#ba68c8',\n  ];\n  @Input() triangle: 'top' | 'hide' = 'top';\n  input: {[key: string]: string} = {\n    width: '100%',\n    fontSize: '12px',\n    color: '#666',\n    border: '0px',\n    outline: 'none',\n    height: '22px',\n    boxShadow: 'inset 0 0 0 1px #ddd',\n    borderRadius: '4px',\n    padding: '0 7px',\n    boxSizing: 'border-box',\n  };\n  wrap: {[key: string]: string} = {\n    position: 'relative',\n    width: '100%',\n  };\n  disableAlpha = true;\n\n  constructor() {\n    super();\n  }\n\n  handleValueChange({ data, $event }) {\n    this.handleBlockChange({ hex: data, $event });\n  }\n  getContrastingColor(hex) {\n    return getContrastingColor(hex);\n  }\n  handleBlockChange({ hex, $event }) {\n    if (isValidHex(hex)) {\n      // this.hex = hex;\n      this.handleChange(\n        {\n          hex,\n          source: 'hex',\n        },\n        $event,\n      );\n    }\n  }\n}\n\n@NgModule({\n  declarations: [BlockComponent, BlockSwatchesComponent],\n  exports: [BlockComponent, BlockSwatchesComponent],\n  imports: [CommonModule, CheckboardModule, SwatchModule, EditableInputModule],\n})\nexport class ColorBlockModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './block.component';\n\nexport {BlockSwatchesComponent as ɵa} from './block-swatches.component';"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"BlockComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ngx-color","name":"ColorWrap","line":88,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"color-block","template":"\n  <div class=\"block-card block-picker {{ className }}\">\n    <div class=\"block-triangle\" *ngIf=\"triangle !== 'hide'\"\n      [style.border-color]=\"'transparent transparent ' + this.hex + ' transparent'\"\n    ></div>\n\n    <div class=\"block-head\" [style.background]=\"hex\">\n      <color-checkboard *ngIf=\"hex === 'transparent'\"\n        borderRadius=\"6px 6px 0 0\"\n      ></color-checkboard>\n      <div class=\"block-label\" [style.color]=\"getContrastingColor(hex)\">\n        {{ hex }}\n      </div>\n    </div>\n\n    <div class=\"block-body\">\n      <color-block-swatches [colors]=\"colors\"\n        (onClick)=\"handleBlockChange($event)\"\n        (onSwatchHover)=\"onSwatchHover.emit($event)\"\n      ></color-block-swatches>\n      <color-editable-input [value]=\"hex\"\n        (onChange)=\"handleValueChange($event)\"\n        [style]=\"{input: input, wrap: wrap}\"\n      ></color-editable-input>\n    </div>\n  </div>\n  ","styles":["\n    .block-card {\n      background: #fff;\n      border-radius: 6px;\n      box-shadow: 0 1px rgba(0, 0, 0, .1);\n      position: relative;\n    }\n    .block-head {\n      align-items: center;\n      border-radius: 6px 6px 0 0;\n      display: flex;\n      height: 110px;\n      justify-content: center;\n      position: relative;\n    }\n    .block-body {\n      padding: 10px;\n    }\n    .block-label {\n      font-size: 18px;\n      position: relative;\n    }\n    .block-triangle {\n      border-style: solid;\n      border-width: 0 10px 10px 10px;\n      height: 0;\n      left: 50%;\n      margin-left: -10px;\n      position: absolute;\n      top: -10px;\n      width: 0;\n    }\n  "],"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":79,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":82,"character":15},"useExisting":{"__symbolic":"reference","name":"BlockComponent"},"multi":true}]}]}],"members":{"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"triangle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"handleValueChange":[{"__symbolic":"method"}],"getContrastingColor":[{"__symbolic":"method"}],"handleBlockChange":[{"__symbolic":"method"}]}},"ColorBlockModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":146,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BlockComponent"},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"BlockComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":149,"character":12},{"__symbolic":"reference","module":"ngx-color","name":"CheckboardModule","line":149,"character":26},{"__symbolic":"reference","module":"ngx-color","name":"SwatchModule","line":149,"character":44},{"__symbolic":"reference","module":"ngx-color","name":"EditableInputModule","line":149,"character":58}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"color-block-swatches","template":"\n    <div class=\"block-swatches\">\n      <color-swatch\n        *ngFor=\"let c of colors\"\n        [color]=\"c\"\n        [style]=\"swatchStyle\"\n        [focusStyle]=\"focusStyle(c)\"\n        (onClick)=\"handleClick($event)\"\n        (onHover)=\"onSwatchHover.emit($event)\"\n      ></color-swatch>\n      <div class=\"clear\"></div>\n    </div>\n  ","styles":["\n    .block-swatches {\n      margin-right: -10px;\n    }\n    .clear {\n      clear: both;\n    }\n  "]}]}],"members":{"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"onSwatchHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"handleClick":[{"__symbolic":"method"}],"focusStyle":[{"__symbolic":"method"}]}}},"origins":{"BlockComponent":"./block.component","ColorBlockModule":"./block.component","ɵa":"./block-swatches.component"},"importAs":"ngx-color/block"}