@progress/kendo-angular-inputs 7.5.2 → 8.0.0-dev.202201101634

package/dist/npm/colorpicker/localization/flatcolorpicker-localization.service.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var colorpicker_localization_service_1 = require("./colorpicker-localization.service");
+/**
+ * @hidden
+ */
+var FlatColorPickerLocalizationService = /** @class */ (function (_super) {
+    tslib_1.__extends(FlatColorPickerLocalizationService, _super);
+    function FlatColorPickerLocalizationService(prefix, messageService, _rtl, colorPickerLocalization) {
+        var _this = _super.call(this, prefix, messageService, _rtl) || this;
+        _this.colorPickerLocalization = colorPickerLocalization;
+        return _this;
+    }
+    FlatColorPickerLocalizationService.prototype.get = function (shortKey) {
+        if (this.colorPickerLocalization) {
+            return this.colorPickerLocalization.get(shortKey);
+        }
+        return _super.prototype.get.call(this, shortKey);
+    };
+    FlatColorPickerLocalizationService = tslib_1.__decorate([
+        tslib_1.__param(0, core_1.Inject(kendo_angular_l10n_1.L10N_PREFIX)),
+        tslib_1.__param(1, core_1.Optional()),
+        tslib_1.__param(2, core_1.Optional()), tslib_1.__param(2, core_1.Inject(kendo_angular_l10n_1.RTL)),
+        tslib_1.__param(3, core_1.Optional()), tslib_1.__param(3, core_1.Inject(colorpicker_localization_service_1.ColorPickerLocalizationService)),
+        tslib_1.__metadata("design:paramtypes", [String, kendo_angular_l10n_1.MessageService, Boolean, colorpicker_localization_service_1.ColorPickerLocalizationService])
+    ], FlatColorPickerLocalizationService);
+    return FlatColorPickerLocalizationService;
+}(kendo_angular_l10n_1.LocalizationService));
+exports.FlatColorPickerLocalizationService = FlatColorPickerLocalizationService;

package/dist/npm/colorpicker/localization/localized-colorpicker-messages.directive.js

@@ -28,7 +28,7 @@ var LocalizedColorPickerMessagesDirective = /** @class */ (function (_super) {
                     useExisting: core_1.forwardRef(function () { return LocalizedColorPickerMessagesDirective_1; }) // tslint:disable-line:no-forward-ref
                 }
             ],
-            selector: '[kendoColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]'
+            selector: '[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]'
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
     ], LocalizedColorPickerMessagesDirective);

package/dist/npm/colorpicker/localization/messages.js

@@ -23,6 +23,14 @@ var ColorPickerMessages = /** @class */ (function (_super) {
         core_1.Input(),
         tslib_1.__metadata("design:type", String)
     ], ColorPickerMessages.prototype, "colorGradientNoColor", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColorPickerMessages.prototype, "flatColorPickerNoColor", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColorPickerMessages.prototype, "colorPickerNoColor", void 0);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", String)
@@ -71,6 +79,34 @@ var ColorPickerMessages = /** @class */ (function (_super) {
         core_1.Input(),
         tslib_1.__metadata("design:type", String)
     ], ColorPickerMessages.prototype, "contrastRatio", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColorPickerMessages.prototype, "previewColor", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColorPickerMessages.prototype, "revertSelection", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColorPickerMessages.prototype, "gradientView", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColorPickerMessages.prototype, "paletteView", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColorPickerMessages.prototype, "formatButton", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColorPickerMessages.prototype, "applyButton", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColorPickerMessages.prototype, "cancelButton", void 0);
     return ColorPickerMessages;
 }(kendo_angular_l10n_1.ComponentMessages));
 exports.ColorPickerMessages = ColorPickerMessages;

package/dist/npm/colorpicker/models/colorpicker-view.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colorpicker/models.js

@@ -5,5 +5,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./models/preventable-event"), exports);
-tslib_1.__exportStar(require("./models/active-color-click-event"), exports);
+tslib_1.__exportStar(require("./models/palette-presets"), exports);

package/dist/npm/colorpicker/services/flatcolorpicker.service.js

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var constants_1 = require("../constants");
+var models_1 = require("../models");
+/**
+ * @hidden
+ */
+var FlatColorPickerService = /** @class */ (function () {
+    function FlatColorPickerService() {
+    }
+    FlatColorPickerService.prototype.getPaletteSettings = function (settings, format) {
+        var defaultPreset = (format !== 'name') ? constants_1.DEFAULT_PRESET : constants_1.DEFAULT_ACCESSIBLE_PRESET;
+        var settingsPalette = settings.palette;
+        var presetColumns = typeof settingsPalette === 'string' && models_1.PALETTEPRESETS[settingsPalette] ?
+            models_1.PALETTEPRESETS[settingsPalette].columns :
+            undefined;
+        return {
+            palette: settingsPalette || defaultPreset,
+            tileSize: settings.tileSize || 24,
+            columns: settings.columns || presetColumns || 10
+        };
+    };
+    FlatColorPickerService.prototype.paletteTileLayout = function (tileSize) {
+        if (typeof tileSize === 'number') {
+            return { width: tileSize, height: tileSize };
+        }
+        return {
+            width: tileSize.width ? tileSize.width : tileSize.height,
+            height: tileSize.height ? tileSize.height : tileSize.width
+        };
+    };
+    FlatColorPickerService = tslib_1.__decorate([
+        core_1.Injectable()
+    ], FlatColorPickerService);
+    return FlatColorPickerService;
+}());
+exports.FlatColorPickerService = FlatColorPickerService;

package/dist/npm/colorpicker/utils/color-parser.js

@@ -11,7 +11,8 @@ var utils_1 = require("../../common/utils");
  *
  * Returns the hex or rgba string representation of the color.
  */
-exports.parseColor = function (value, format, safe) {
+exports.parseColor = function (value, format, opacityEnabled, safe) {
+    if (opacityEnabled === void 0) { opacityEnabled = false; }
     if (safe === void 0) { safe = true; }
     var allowedFormats = ['hex', 'rgba', 'name'];
     if (allowedFormats.indexOf(format) === -1) {
@@ -27,7 +28,8 @@ exports.parseColor = function (value, format, safe) {
     if (!utils_1.isPresent(parsedColor)) {
         return;
     }
-    return format === 'hex' ? parsedColor.toCss() : parsedColor.toCssRgba();
+    var parsedColorResult = format === 'hex' ? exports.getHexValue(parsedColor, opacityEnabled) : parsedColor.toCssRgba();
+    return parsedColorResult;
 };
 /**
  * @hidden
@@ -60,12 +62,23 @@ exports.getRGBA = function (value, safe) {
  *
  * Returns the RGBA string representation of the color.
  */
-exports.getColorFromHSV = function (hsva) {
+exports.getColorFromHSV = function (hsva, format, opacityEnabled) {
+    if (format === void 0) { format = 'rgba'; }
+    if (opacityEnabled === void 0) { opacityEnabled = false; }
     var hue = utils_1.fitIntoBounds(hsva.h, 0, 359.9);
     var saturation = utils_1.fitIntoBounds(hsva.s, 0, 1);
     var value = utils_1.fitIntoBounds(hsva.v, 0, 1);
     var alpha = utils_1.fitIntoBounds(hsva.a, 0, 1);
-    return kendo_drawing_1.Color.fromHSV(hue, saturation, value, alpha).toCssRgba();
+    var color = kendo_drawing_1.Color.fromHSV(hue, saturation, value, alpha);
+    return format === 'hex' ? exports.getHexValue(color, opacityEnabled) : color.toCssRgba();
+};
+/**
+ * @hidden
+ *
+ * Returns the HEX value.
+ */
+exports.getHexValue = function (color, opacity) {
+    return opacity && color.a < 1 ? color.toCss({ alpha: true }) : color.toCss();
 };
 /**
  * @hidden
@@ -101,7 +114,7 @@ function nameFormat(value, safe) {
     }
     var key = Object.keys(kendo_drawing_1.namedColors).find(function (key) { return kendo_drawing_1.namedColors[key] === value; });
     if (!key && !safe) {
-        throw new Error("The provided color " + value + " is not supported for 'format=\"name\"' property.To display " + value + " color, the component 'format' property shoud be set to 'hex' or 'rgba' ");
+        throw new Error("The provided color " + value + " is not supported for 'format=\"name\"' property.To display " + value + " color, the component 'format' property should be set to 'hex' or 'rgba' ");
     }
     return key;
 }

package/dist/npm/colorpicker/utils/contrast-curve.js

@@ -0,0 +1,93 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @hidden
+ */
+exports.bezierCommand = function (controlPointCalc) { return function (point, i, a) {
+    // start control point
+    var _a = controlPointCalc(a[i - 1], a[i - 2], point), cpsX = _a[0], cpsY = _a[1];
+    // end control point
+    var _b = controlPointCalc(point, a[i - 1], a[i + 1], true), cpeX = _b[0], cpeY = _b[1];
+    return "C " + cpsX + "," + cpsY + " " + cpeX + "," + cpeY + " " + point[0] + "," + point[1];
+}; };
+/**
+ * @hidden
+ */
+exports.controlPoint = function (lineCalc) {
+    return function (current, previous, next, reverse) {
+        // when 'current' is the first or last point of the array
+        // 'previous' and 'next' are undefined
+        // replace with 'current'
+        var p = previous || current;
+        var n = next || current;
+        var smooth = 0.1;
+        // properties of the line between previous and next
+        var l = lineCalc(p, n);
+        // If is end-control-point, add PI to the angle to go backward
+        var angle = l.angle + (reverse ? Math.PI : 0);
+        var length = l.length * smooth;
+        // The control point position is relative to the current point
+        var x = current[0] + Math.cos(angle) * length;
+        var y = current[1] + Math.sin(angle) * length;
+        return [x, y];
+    };
+};
+/**
+ * @hidden
+ */
+exports.line = function (pointA, pointB) {
+    var lengthX = pointB[0] - pointA[0];
+    var lengthY = pointB[1] - pointA[1];
+    return {
+        length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
+        angle: Math.atan2(lengthY, lengthX)
+    };
+};
+/**
+ * @hidden
+ */
+exports.d = function (points, command) {
+    if (points.length === 0) {
+        return '';
+    }
+    // build the d attributes by looping over the points
+    var d = points.reduce(function (acc, point, i, a) {
+        return i === 0 ?
+            // if first point
+            "M " + point[0] + "," + point[1] :
+            // else
+            acc + " " + command(point, i, a);
+    }, '');
+    return d;
+};
+/**
+ * @hidden
+ *
+ * Render the svg <path> element.
+ *
+ * @param points (array) Represents the points coordinates as an array of tuples.
+ * @param command (function) The command that is used (bezierCommand, lineCommand).
+ *      @param point (array) [x,y] Represents the current point coordinates.
+ *      @param i (integer) Represents the index of 'point' in the array 'a'.
+ *      @param a (array) Represents the complete array of points coordinates.
+ *      @output (string) a svg path command.
+ * @output (string) a Svg <path> element
+ */
+exports.svgPath = function (points, command) {
+    if (points.length === 0) {
+        return '';
+    }
+    // build the d attributes by looping over the points
+    var d = points.reduce(function (acc, point, i, a) {
+        return i === 0 ?
+            // if first point
+            "M " + point[0] + "," + point[1] :
+            // else
+            acc + " " + command(point, i, a);
+    }, '');
+    return d;
+};

package/dist/npm/colorpicker/utils.js

@@ -5,5 +5,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./utils/palette-presets"), exports);
 tslib_1.__exportStar(require("./utils/color-parser"), exports);
+tslib_1.__exportStar(require("./utils/contrast-curve"), exports);

package/dist/npm/colorpicker.module.js

@@ -15,15 +15,20 @@ var colorpicker_component_1 = require("./colorpicker/colorpicker.component");
 var color_palette_component_1 = require("./colorpicker/color-palette.component");
 var color_gradient_component_1 = require("./colorpicker/color-gradient.component");
 var color_input_component_1 = require("./colorpicker/color-input.component");
+var flatcolorpicker_header_component_1 = require("./colorpicker/flatcolorpicker-header.component");
+var flatcolorpicker_actions_component_1 = require("./colorpicker/flatcolorpicker-actions.component");
+var flatcolorpicker_component_1 = require("./colorpicker/flatcolorpicker.component");
 var custom_messages_component_1 = require("./colorpicker/localization/custom-messages.component");
 var localized_colorpicker_messages_directive_1 = require("./colorpicker/localization/localized-colorpicker-messages.directive");
 var focus_on_dom_ready_directive_1 = require("./colorpicker/focus-on-dom-ready.directive");
 var contrast_validation_component_1 = require("./colorpicker/contrast-validation.component");
 var contrast_component_1 = require("./colorpicker/contrast.component");
+var color_contrast_svg_component_1 = require("./colorpicker/color-contrast-svg.component");
 var PUBLIC_DIRECTIVES = [
     colorpicker_component_1.ColorPickerComponent,
     color_palette_component_1.ColorPaletteComponent,
     color_gradient_component_1.ColorGradientComponent,
+    flatcolorpicker_component_1.FlatColorPickerComponent,
     localized_colorpicker_messages_directive_1.LocalizedColorPickerMessagesDirective,
     custom_messages_component_1.ColorPickerCustomMessagesComponent
 ];
@@ -31,7 +36,10 @@ var INTERNAL_DIRECTIVES = [
     color_input_component_1.ColorInputComponent,
     focus_on_dom_ready_directive_1.FocusOnDomReadyDirective,
     contrast_component_1.ContrastComponent,
-    contrast_validation_component_1.ContrastValidationComponent
+    contrast_validation_component_1.ContrastValidationComponent,
+    flatcolorpicker_header_component_1.FlatColorPickerHeaderComponent,
+    flatcolorpicker_actions_component_1.FlatColorPickerActionButtonsComponent,
+    color_contrast_svg_component_1.ColorContrastSvgComponent
 ];
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})

package/dist/npm/common/models/fillmode.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/common/models/rounded.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/common/models/size.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/common/models/styling-classes.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/common/models.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/common/utils.js

@@ -36,3 +36,40 @@ exports.fitIntoBounds = function (contender, min, max) {
     }
     return contender <= min ? min : contender >= max ? max : contender;
 };
+var SIZES = {
+    small: 'sm',
+    medium: 'md',
+    large: 'lg'
+};
+var ROUNDNESS = {
+    small: 'sm',
+    medium: 'md',
+    large: 'lg',
+    full: 'full'
+};
+/**
+ * @hidden
+ *
+ * Returns the styling classes to be added and removed
+ */
+exports.getStylingClasses = function (componentType, stylingOption, previousValue, newValue) {
+    switch (stylingOption) {
+        case 'size':
+            return {
+                toRemove: "k-" + componentType + "-" + SIZES[previousValue],
+                toAdd: newValue ? "k-" + componentType + "-" + SIZES[newValue] : null
+            };
+        case 'rounded':
+            return {
+                toRemove: "k-rounded-" + ROUNDNESS[previousValue],
+                toAdd: newValue ? "k-rounded-" + ROUNDNESS[newValue] : null
+            };
+        case 'fillMode':
+            return {
+                toRemove: "k-" + componentType + "-" + previousValue,
+                toAdd: newValue ? "k-" + componentType + "-" + newValue : null
+            };
+        default:
+            break;
+    }
+};

package/dist/npm/index.js

@@ -11,12 +11,18 @@ var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./main"), exports);
 var checkbox_module_1 = require("./checkbox.module");
 exports.CheckBoxModule = checkbox_module_1.CheckBoxModule
+var color_contrast_svg_component_1 = require("./colorpicker/color-contrast-svg.component");
+exports.ColorContrastSvgComponent = color_contrast_svg_component_1.ColorContrastSvgComponent
 var color_input_component_1 = require("./colorpicker/color-input.component");
 exports.ColorInputComponent = color_input_component_1.ColorInputComponent
 var contrast_validation_component_1 = require("./colorpicker/contrast-validation.component");
 exports.ContrastValidationComponent = contrast_validation_component_1.ContrastValidationComponent
 var contrast_component_1 = require("./colorpicker/contrast.component");
 exports.ContrastComponent = contrast_component_1.ContrastComponent
+var flatcolorpicker_actions_component_1 = require("./colorpicker/flatcolorpicker-actions.component");
+exports.FlatColorPickerActionButtonsComponent = flatcolorpicker_actions_component_1.FlatColorPickerActionButtonsComponent
+var flatcolorpicker_header_component_1 = require("./colorpicker/flatcolorpicker-header.component");
+exports.FlatColorPickerHeaderComponent = flatcolorpicker_header_component_1.FlatColorPickerHeaderComponent
 var focus_on_dom_ready_directive_1 = require("./colorpicker/focus-on-dom-ready.directive");
 exports.FocusOnDomReadyDirective = focus_on_dom_ready_directive_1.FocusOnDomReadyDirective
 var colorgradient_localization_service_1 = require("./colorpicker/localization/colorgradient-localization.service");
@@ -27,10 +33,14 @@ var colorpicker_localization_service_1 = require("./colorpicker/localization/col
 exports.ColorPickerLocalizationService = colorpicker_localization_service_1.ColorPickerLocalizationService
 var custom_messages_component_1 = require("./colorpicker/localization/custom-messages.component");
 exports.ColorPickerCustomMessagesComponent = custom_messages_component_1.ColorPickerCustomMessagesComponent
+var flatcolorpicker_localization_service_1 = require("./colorpicker/localization/flatcolorpicker-localization.service");
+exports.FlatColorPickerLocalizationService = flatcolorpicker_localization_service_1.FlatColorPickerLocalizationService
 var messages_1 = require("./colorpicker/localization/messages");
 exports.ColorPickerMessages = messages_1.ColorPickerMessages
 var color_palette_service_1 = require("./colorpicker/services/color-palette.service");
 exports.ColorPaletteService = color_palette_service_1.ColorPaletteService
+var flatcolorpicker_service_1 = require("./colorpicker/services/flatcolorpicker.service");
+exports.FlatColorPickerService = flatcolorpicker_service_1.FlatColorPickerService
 var masking_service_1 = require("./maskedtextbox/masking.service");
 exports.MaskingService = masking_service_1.MaskingService
 var messages_2 = require("./numerictextbox/localization/messages");

package/dist/npm/main.js

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 var slider_component_1 = require("./slider/slider.component");
 exports.SliderComponent = slider_component_1.SliderComponent;
 var rangeslider_component_1 = require("./rangeslider/rangeslider.component");
@@ -12,8 +13,6 @@ var label_template_directive_1 = require("./sliders-common/label-template.direct
 exports.LabelTemplateDirective = label_template_directive_1.LabelTemplateDirective;
 var switch_component_1 = require("./switch/switch.component");
 exports.SwitchComponent = switch_component_1.SwitchComponent;
-var textbox_container_component_1 = require("./textbox/textbox-container.component");
-exports.TextBoxContainerComponent = textbox_container_component_1.TextBoxContainerComponent;
 var textbox_directive_1 = require("./textbox/textbox.directive");
 exports.TextBoxDirective = textbox_directive_1.TextBoxDirective;
 var textarea_directive_1 = require("./shared/textarea.directive");
@@ -42,6 +41,7 @@ var textbox_module_1 = require("./textbox.module");
 exports.TextBoxModule = textbox_module_1.TextBoxModule;
 var textarea_module_1 = require("./textarea.module");
 exports.TextAreaModule = textarea_module_1.TextAreaModule;
+// All ColorPicker Components
 var colorpicker_component_1 = require("./colorpicker/colorpicker.component");
 exports.ColorPickerComponent = colorpicker_component_1.ColorPickerComponent;
 var color_palette_component_1 = require("./colorpicker/color-palette.component");
@@ -50,8 +50,11 @@ var color_gradient_component_1 = require("./colorpicker/color-gradient.component
 exports.ColorGradientComponent = color_gradient_component_1.ColorGradientComponent;
 var colorpicker_module_1 = require("./colorpicker.module");
 exports.ColorPickerModule = colorpicker_module_1.ColorPickerModule;
-var models_1 = require("./colorpicker/models");
-exports.ActiveColorClickEvent = models_1.ActiveColorClickEvent;
+tslib_1.__exportStar(require("./colorpicker/events"), exports);
+var flatcolorpicker_component_1 = require("./colorpicker/flatcolorpicker.component");
+exports.FlatColorPickerComponent = flatcolorpicker_component_1.FlatColorPickerComponent;
+var events_1 = require("./colorpicker/events");
+exports.ColorPickerCancelEvent = events_1.ColorPickerCancelEvent;
 var checkbox_directive_1 = require("./checkbox/checkbox.directive");
 exports.CheckBoxDirective = checkbox_directive_1.CheckBoxDirective;
 var radiobutton_directive_1 = require("./radiobutton/radiobutton.directive");