File controller.js has 829 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import tinycolor from 'tinycolor2';

export default class AngularColorPickerController {
    constructor(_$scope, _$element, _$document, _$timeout, _ColorPickerOptions) {
        // set angular injected variables

AngularColorPickerController has 57 functions (exceeds 20 allowed). Consider refactoring.

Open

export default class AngularColorPickerController {
    constructor(_$scope, _$element, _$document, _$timeout, _ColorPickerOptions) {
        // set angular injected variables
        this.$scope = _$scope;
        this.$element = _$element;

Function template has 87 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function template($templateCache) {
    $templateCache.put('template/color-picker/directive.html',
        '<div class="color-picker-wrapper" ng-class="{' +
            '\'color-picker-disabled\': AngularColorPickerController.options.disabled,' +
            '\'color-picker-swatch-only\': AngularColorPickerController.options.swatchOnly,' +

Function initWatchers has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    initWatchers() {

        // ngModel

        this.$scope.$watch('AngularColorPickerController.internalNgModel', this.watchInternalNgModel.bind(this));

Function initMouseEvents has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    initMouseEvents() {
        const eventHandlers = {
            mouseDown: this.onMouseDown.bind(this),
            mouseUp: this.onMouseUp.bind(this),
            mouseMove: this.onMouseMove.bind(this),

Function constructor has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    constructor() {
        return {
            // input attributes
            id: undefined,
            name: undefined,

Function setupApi has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    setupApi() {
        if (!this.api) {
            this.api = {};
        }

Function update has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    update() {
        if (!this.areAllValuesSet()) {
            return false;
        }

Function setupApi has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

    setupApi() {
        if (!this.api) {
            this.api = {};
        }

• Read up
  Read up

Function getColorValue has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

    getColorValue(dynamicValues = true, includeOpacity = true) {
        let value = {
            h: this.hue,
            s: dynamicValues ? `${this.saturation}%` : '100%',
            v: dynamicValues ? `${this.lightness}%`: '100%'

• Read up
  Read up

Function checkDirty has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

    checkDirty(color) {
        // check dirty/pristine state
        if (this.hasOwnProperty('initialNgModel')) {
            if (color === this.initialNgModel) {
                if (typeof this.$scope.control[0].$setPristine === 'function') {

• Read up
  Read up

Function offset has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    offset(el) {
        var docElem, win, rect, doc, elem = el[0];

        if (!elem) {
            return;

Function updateHueBackground has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    updateHueBackground(color) {
        var el = this.find('.color-picker-hue .color-picker-overlay');
        var direction = this.options.horizontal ? 'left' : 'top';

        var zero_sixths = this.getColorValue(this.options.dynamicHue);

Function valueUpdate has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

    valueUpdate(type) {
        if (this[type] !== undefined) {
            if (type === 'saturation') {
                this[`${type}Pos`] = this[type];
            } else {

• Read up
  Read up

Function setColorValue has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

    setColorValue(color) {
        let noMouseEvents = !this.anyMouseEvents();
        let hsl = this.options.round ? color.toHsl() : color.toHsv();

        if (noMouseEvents || this.hueMouse) {

• Read up
  Read up

Function mergeOptions has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

    mergeOptions(options, defaultOptions) {
        for (var attr in defaultOptions) {
            if (defaultOptions.hasOwnProperty(attr)) {
                if (!options || !options.hasOwnProperty(attr)) {
                    options[attr] = defaultOptions[attr];

• Read up
  Read up

Function update has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

    update() {
        if (!this.areAllValuesSet()) {
            return false;
        }

• Read up
  Read up

Function find has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

    find(selector) {
        var context = this.wrapper ? this.wrapper[0] : this.$element[0],
            results = [],
            nodeType;

• Read up
  Read up

Function watchNgModelSet has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

    watchNgModelSet(newValue) {
        if (newValue !== undefined && newValue !== null) {
            var color = tinycolor(newValue);
            var isValid = this.isColorValid(color);

• Read up
  Read up

Function offset has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

    offset(el) {
        var docElem, win, rect, doc, elem = el[0];

        if (!elem) {
            return;

• Read up
  Read up