ngx-color 7.0.2 → 7.3.1

package/README.md

@@ -1,280 +0,0 @@
-<div align="center">
-  <img src="https://raw.githubusercontent.com/scttcper/ngx-color/master/misc/sketch-example.png" width="225" alt="Angular color sketch preview">
-  <br>
-  <h1>Angular Color</h1>
-  <br>
-  <a href="https://www.npmjs.org/package/ngx-color">
-    <img src="https://badge.fury.io/js/ngx-color.svg" alt="npm">
-  </a> 
-  <a href="https://circleci.com/gh/scttcper/ngx-color">
-    <img src="https://circleci.com/gh/scttcper/ngx-color.svg?style=svg" alt="circleci"></a> 
-  <a href="https://codecov.io/github/scttcper/ngx-color">
-    <img src="https://img.shields.io/codecov/c/github/scttcper/ngx-color.svg" alt="codecov">
-  </a>
-</div>
-
-<br>
-<br>
-
-DEMO: https://ngx-color.vercel.app
-
-- [Component API](#component-api)
-  - [Color](#color)
-  - [onChange](#onchange)
-  - [onChangeComplete](#onchangecomplete)
-  - [Individual APIs](#individual-apis)
-    - [Alpha](#alpha)
-    - [Block](#block)
-    - [Chrome](#chrome)
-    - [Circle](#circle)
-    - [Compact](#compact)
-    - [Github](#github)
-    - [Hue](#hue)
-    - [Material](#material)
-    - [Photoshop](#photoshop)
-    - [Sketch](#sketch)
-    - [Slider](#slider)
-    - [Swatches](#swatches)
-    - [Twitter](#twitter)
-    - [Shade](#shade)
-
-## About
-
-- **13 Different Pickers** - Sketch, Photoshop, Chrome, Twitter and many more
-
-- **Make Your Own** - Use the building block components to make your own
-
-- This is a port of [react-color](https://github.com/casesandberg/react-color)
-  by casesandberg
-
-## Getting Started
-
-## Dependencies
-
-Latest version available for each version of Angular
-
-| ngx-color | Angular   |
-| --------- | --------- |
-| 3.0.3     | 6.x 7.x   |
-| 4.1.1     | 8.x       |
-| 5.1.4     | 9.x       |
-| 6.2.0     | 10.x 11.x |
-| current   | >= 12.x   |
-
-### Install
-
-```sh
-npm install ngx-color --save
-```
-
-### Include Component
-
-##### import
-
-```ts
-import { ColorSketchModule } from 'ngx-color/sketch';
-
-@NgModule({
-  imports: [
-    ColorSketchModule, // added to imports
-  ],
-})
-class YourModule {}
-```
-
-##### use
-
-```html
-<color-sketch [color]="state" (onChangeComplete)="changeComplete($event)"></color-sketch>
-```
-
-### Others available
-
-```ts
-import { ColorAlphaModule } from 'ngx-color/alpha'; // <color-alpha-picker></color-alpha-picker>
-import { ColorBlockModule } from 'ngx-color/block'; // <color-block></color-block>
-import { ColorChromeModule } from 'ngx-color/chrome'; // <color-chrome></color-chrome>
-import { ColorCircleModule } from 'ngx-color/circle'; // <color-circle></color-circle>
-import { ColorCompactModule } from 'ngx-color/compact'; // <color-compact></color-compact>
-import { ColorGithubModule } from 'ngx-color/github'; // <color-github></color-github>
-import { ColorHueModule } from 'ngx-color/hue'; // <color-hue-picker></color-hue-picker>
-import { ColorMaterialModule } from 'ngx-color/material'; // <color-material></color-material>
-import { ColorPhotoshopModule } from 'ngx-color/photoshop'; // <color-photoshop></color-photoshop>
-import { ColorSketchModule } from 'ngx-color/sketch'; // <color-sketch></color-sketch>
-import { ColorSliderModule } from 'ngx-color/slider'; // <color-slider></color-slider>
-import { ColorSwatchesModule } from 'ngx-color/swatches'; // <color-swatches></color-swatches>
-import { ColorTwitterModule } from 'ngx-color/twitter'; // <color-twitter></color-twitter>
-import { ColorShadeModule } from 'ngx-color/shade'; // <color-shade-picker></color-shade-picker>
-```
-
-# Component API
-
-## Color
-
-Color controls what color is active on the color picker. You can use this to
-initialize the color picker with a particular color, or to keep it in sync with
-the state of a parent component.
-
-Color accepts either a string of a hex color `'#333'` or a object of rgb or hsl
-values `{ r: 51, g: 51, b: 51 }` or `{ h: 0, s: 0, l: .10 }`. Both rgb and hsl
-will also take a `a: 1` value for alpha. You can also use `transparent`.
-
-```html
-<color-sketch color="#fff" (onChangeComplete)="handleChangeComplete($event)"></color-sketch>
-```
-
-In this case, the color picker will initialize with the color `#fff`. When the
-color is changed, `handleChangeComplete` will fire and set the new color to
-state.
-
-## onChange
-
-Pass a function to call every time the color is changed. Use this to store the
-color in the state of a parent component or to make other transformations.
-
-Keep in mind this is called on drag events that can happen quite frequently. If
-you just need to get the color once use `onChangeComplete`.
-
-```ts
-import { Component } from '@angular/core';
-import { ColorEvent } from 'ngx-color';
-
-@Component({
-  selector: 'selector-name',
-  template: ` <color-sketch (onChange)="handleChange($event)"></color-sketch> `,
-})
-export class NameComponent {
-  constructor() {}
-
-  handleChange($event: ColorEvent) {
-    console.log($event.color);
-    // color = {
-    //   hex: '#333',
-    //   rgb: {
-    //     r: 51,
-    //     g: 51,
-    //     b: 51,
-    //     a: 1,
-    //   },
-    //   hsl: {
-    //     h: 0,
-    //     s: 0,
-    //     l: .20,
-    //     a: 1,
-    //   },
-    // }
-  }
-}
-```
-
-## onChangeComplete
-
-Pass a function to call once a color change is complete.
-
-## Individual APIs
-
-Some pickers have specific APIs that are unique to themselves:
-
-### Alpha
-
-- **width** - String | Number, Pixel value for picker width. Default `316px`
-- **height** - String | Number, Pixel value for picker height. Default `16px`
-- **direction** - String, `horizontal` or `vertical`. Default `horizontal`
-
-### Block
-
-- **width** - string | number, Pixel value for picker width. Default `170px`
-- **colors** - Array of Strings, Color squares to display. Default `['#D9E3F0', '#F47373', '#697689', '#37D67A', '#2CCCE4', '#555555', '#dce775', '#ff8a65', '#ba68c8']`
-- **triangle** - String, Either `hide` or `top`. Default `top`
-- **onSwatchHover** - (Output) An event handler for `onMouseOver` on the
-  `<Swatch>`s within this component. Gives the args `(color, event)`
-
-### Chrome
-
-- **disableAlpha** - Bool, Remove alpha slider and options from picker. Default
-  `false`
-
-### Circle
-
-- **width** - String | number, Pixel value for picker width. Default `252px`
-- **colors** - Array of Strings, Color squares to display. Default `["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#607d8b"]`
-- **circleSize** - Number, Value for circle size. Default `28`
-- **circleSpacing** - Number, Value for spacing between circles. Default `14`
-- **onSwatchHover** - (Output) An event handler for `onMouseOver` on the
-  `<Swatch>`s within this component. Gives the args `(color, event)`
-
-### Compact
-
-- **colors** - Array of Strings, Color squares to display. Default `['#4D4D4D', '#999999', '#FFFFFF', '#F44E3B', '#FE9200', '#FCDC00', '#DBDF00', '#A4DD00', '#68CCCA', '#73D8FF', '#AEA1FF', '#FDA1FF', '#333333', '#808080', '#cccccc', '#D33115', '#E27300', '#FCC400', '#B0BC00', '#68BC00', '#16A5A5', '#009CE0', '#7B64FF', '#FA28FF', '#000000', '#666666', '#B3B3B3', '#9F0500', '#C45100', '#FB9E00', '#808900', '#194D33', '#0C797D', '#0062B1', '#653294', '#AB149E']`
-- **onSwatchHover** - (Output) An event handler for `onMouseOver` on the
-  `<Swatch>`s within this component. Gives the args `(color, event)`
-
-### Github
-
-- **width** - string | number, Pixel value for picker width. Default `212px`
-- **colors** - Array of Strings, Color squares to display. Default `['#B80000', '#DB3E00', '#FCCB00', '#008B02', '#006B76', '#1273DE', '#004DCF', '#5300EB', '#EB9694', '#FAD0C3', '#FEF3BD', '#C1E1C5', '#BEDADC', '#C4DEF6', '#BED3F3', '#D4C4FB']`
-- **triangle** - String, Either `hide`, `top-left` or `top-right`. Default
-  `top-left`
-- **onSwatchHover** - (Output) An event handler for `onMouseOver` on the
-  `<Swatch>`s within this component. Gives the args `(color, event)`
-
-### Hue
-
-- **width** - string | number, Pixel value for picker width. Default `316px`
-- **height** - string | number, Pixel value for picker height. Default `16px`
-- **direction** - String Enum, `horizontal` or `vertical`. Default `horizontal`
-
-### Material
-
-None
-
-### Photoshop
-
-- **header** - String, Title text. Default `Color Picker`
-- **onAccept** - (Output), Callback for when accept is clicked.
-- **onCancel** - (Output), Callback for when cancel is clicked.
-
-### Sketch
-
-- **disableAlpha** - Bool, Remove alpha slider and options from picker. Default
-  `false`
-- **presetColors** - Array of Strings or Objects, Hex strings for default colors
-  at bottom of picker. Default `['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF']`
-  > **presetColors** may also be described as an array of objects with `color`
-  > and `title` properties: `[{ color: '#f00', title: 'red' }]` or a combination
-  > of both
-- **width** - Number, Width of picker. Default `200`
-- **onSwatchHover** - An event handler for `onMouseOver` on the `<Swatch>`s
-  within this component. Gives the args `(color, event)`
-
-### Slider
-
-- **pointer** - React Component, Custom pointer component
-
-### Swatches
-
-- **width** - string | number, Pixel value for picker width. Default `320`
-- **height** - string | number, Pixel value for picker height. Default `240`
-- **colors** - Array of Arrays of Strings, An array of color groups, each with
-  an array of colors
-- **onSwatchHover** - (Output) An event handler for `onMouseOver` on the
-  `<Swatch>`s within this component. Gives the args `(color, event)`
-
-### Twitter
-
-- **width** - string | number, Pixel value for picker width. Default `276px`
-- **colors** - Array of Strings, Color squares to display. Default `['#FF6900', '#FCB900', '#7BDCB5', '#00D084', '#8ED1FC', '#0693E3', '#ABB8C3', '#EB144C', '#F78DA7', '#9900EF']`
-- **triangle** - String, Either `hide`, `top-left` or `top-right`. Default
-  `top-left`
-- **onSwatchHover** - (Output) An event handler for `onMouseOver` on the
-  `<Swatch>`s within this component. Gives the args `(color, event)`
-
-### Shade
-
-- **width** - String | Number, Pixel value for picker width. Default `316px`
-- **height** - String | Number, Pixel value for picker height. Default `16px`
-
----
-
-> GitHub [@scttcper](https://github.com/scttcper) &nbsp;&middot;&nbsp;
-> Twitter [@scttcper](https://twitter.com/scttcper)

package/alpha/bundles/ngx-color-alpha.umd.js

@@ -1,387 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('ngx-color')) :
-    typeof define === 'function' && define.amd ? define('ngx-color/alpha', ['exports', '@angular/common', '@angular/core', 'ngx-color'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ngx-color'] = global['ngx-color'] || {}, global['ngx-color'].alpha = {}), global.ng.common, global.ng.core, global['ngx-color']));
-}(this, (function (exports, common, core, ngxColor) { 'use strict';
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    var AlphaPickerComponent = /** @class */ (function (_super) {
-        __extends(AlphaPickerComponent, _super);
-        function AlphaPickerComponent() {
-            var _this = _super.call(this) || this;
-            /** Pixel value for picker width */
-            _this.width = 316;
-            /** Pixel value for picker height */
-            _this.height = 16;
-            _this.direction = 'horizontal';
-            _this.pointer = {
-                width: '18px',
-                height: '18px',
-                borderRadius: '50%',
-                transform: 'translate(-9px, -2px)',
-                boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',
-            };
-            return _this;
-        }
-        AlphaPickerComponent.prototype.ngOnChanges = function () {
-            if (this.direction === 'vertical') {
-                this.pointer.transform = 'translate(-3px, -9px)';
-            }
-            this.setState(ngxColor.toState(this.color, this.oldHue));
-        };
-        AlphaPickerComponent.prototype.handlePickerChange = function (_a) {
-            var data = _a.data, $event = _a.$event;
-            this.handleChange(data, $event);
-        };
-        return AlphaPickerComponent;
-    }(ngxColor.ColorWrap));
-    AlphaPickerComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'color-alpha-picker',
-                    template: "\n    <div class=\"alpha-picker {{ className }}\"\n      [style.width.px]=\"width\" [style.height.px]=\"height\">\n      <color-alpha\n        [hsl]=\"hsl\"\n        [rgb]=\"rgb\"\n        [pointer]=\"pointer\"\n        [direction]=\"direction\"\n        (onChange)=\"handlePickerChange($event)\"\n      ></color-alpha>\n    </div>\n  ",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    preserveWhitespaces: false,
-                    styles: ["\n    .alpha-picker {\n      position: relative;\n    }\n    .color-alpha {\n      radius: 2px;\n    }\n  "]
-                },] }
-    ];
-    AlphaPickerComponent.ctorParameters = function () { return []; };
-    AlphaPickerComponent.propDecorators = {
-        width: [{ type: core.Input }],
-        height: [{ type: core.Input }],
-        direction: [{ type: core.Input }]
-    };
-    var ColorAlphaModule = /** @class */ (function () {
-        function ColorAlphaModule() {
-        }
-        return ColorAlphaModule;
-    }());
-    ColorAlphaModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [AlphaPickerComponent],
-                    exports: [AlphaPickerComponent],
-                    imports: [common.CommonModule, ngxColor.AlphaModule, ngxColor.CheckboardModule],
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AlphaPickerComponent = AlphaPickerComponent;
-    exports.ColorAlphaModule = ColorAlphaModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=ngx-color-alpha.umd.js.map