@progress/kendo-angular-inputs 7.5.1 → 8.0.0-dev.202112211528

package/dist/npm/colorpicker/contrast-validation.component.js

@@ -5,6 +5,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+var constants_1 = require("./constants");
 var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
 var core_1 = require("@angular/core");
 /**
@@ -30,7 +31,8 @@ var ContrastValidationComponent = /** @class */ (function () {
     });
     Object.defineProperty(ContrastValidationComponent.prototype, "contrastText", {
         get: function () {
-            return this.type + ": " + this.ratio.toFixed(1);
+            var ratio = this.type === 'AA' ? constants_1.AA_RATIO : constants_1.AAA_RATIO;
+            return this.type + ": " + ratio.toFixed(1);
         },
         enumerable: true,
         configurable: true
@@ -39,18 +41,18 @@ var ContrastValidationComponent = /** @class */ (function () {
         core_1.Input(),
         tslib_1.__metadata("design:type", String)
     ], ContrastValidationComponent.prototype, "type", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ContrastValidationComponent.prototype, "ratio", void 0);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", Boolean)
     ], ContrastValidationComponent.prototype, "pass", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ContrastValidationComponent.prototype, "value", void 0);
     ContrastValidationComponent = tslib_1.__decorate([
         core_1.Component({
             selector: '[kendoContrastValidation]',
-            template: "\n        <span>{{contrastText}}</span>\n                <span class=\"k-contrast-validation k-text-success\" *ngIf=\"pass\">\n                    {{passMessage}}\n                    <span class=\"k-icon k-i-check\"></span>\n                </span>\n                <span class=\"k-contrast-validation k-text-error\" *ngIf=\"!pass\">\n                    {{failMessage}}\n                <span class=\"k-icon k-i-close\"></span>\n        </span>\n    "
+            template: "\n        <span>{{contrastText}}</span>\n        <ng-container *ngIf=\"value\">\n            <span class=\"k-contrast-validation k-text-success\" *ngIf=\"pass\">\n                {{passMessage}}\n                <span class=\"k-icon k-i-check\"></span>\n            </span>\n            <span class=\"k-contrast-validation k-text-error\" *ngIf=\"!pass\">\n                {{failMessage}}\n                <span class=\"k-icon k-i-close\"></span>\n            </span>\n        </ng-container>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
     ], ContrastValidationComponent);

package/dist/npm/colorpicker/contrast.component.js

@@ -5,8 +5,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
 var core_1 = require("@angular/core");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
 var utils_1 = require("./utils");
 var constants_1 = require("./constants");
 /**
@@ -15,8 +15,6 @@ var constants_1 = require("./constants");
 var ContrastComponent = /** @class */ (function () {
     function ContrastComponent(localization) {
         this.localization = localization;
-        this.aaRatio = constants_1.AA_RATIO;
-        this.aaaRatio = constants_1.AAA_RATIO;
     }
     Object.defineProperty(ContrastComponent.prototype, "formatedRatio", {
         get: function () {
@@ -25,23 +23,23 @@ var ContrastComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ContrastComponent.prototype, "contrastRatioMessage", {
+    Object.defineProperty(ContrastComponent.prototype, "contrastRatioText", {
         get: function () {
-            return this.localization.get('contrastRatio');
+            return this.localization.get('contrastRatio') + ": " + (this.value ? this.formatedRatio : 'n/a');
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(ContrastComponent.prototype, "satisfiesAACondition", {
         get: function () {
-            return this.contrastRatio >= this.aaRatio;
+            return this.contrastRatio >= constants_1.AA_RATIO;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(ContrastComponent.prototype, "satisfiesAAACondition", {
         get: function () {
-            return this.contrastRatio >= this.aaaRatio;
+            return this.contrastRatio >= constants_1.AAA_RATIO;
         },
         enumerable: true,
         configurable: true
@@ -65,7 +63,7 @@ var ContrastComponent = /** @class */ (function () {
     ContrastComponent = tslib_1.__decorate([
         core_1.Component({
             selector: '[kendoContrastTool]',
-            template: "\n        <div class=\"k-contrast-ratio\">\n            <span class=\"k-contrast-ratio-text\">{{contrastRatioMessage}}: {{formatedRatio}}</span>\n            <span class=\"k-contrast-validation k-text-success\" *ngIf=\"satisfiesAACondition\">\n                <span class=\"k-icon k-i-check\"></span>\n                <span class=\"k-icon k-i-check\" *ngIf=\"satisfiesAAACondition\"></span>\n            </span>\n            <span class=\"k-contrast-validation k-text-error\" *ngIf=\"!satisfiesAACondition\">\n                <span class=\"k-icon k-i-close\"></span>\n            </span>\n        </div>\n        <div kendoContrastValidation\n            type=\"AA\"\n            [ratio]=\"aaaRatio\"\n            [pass]=\"satisfiesAACondition\">\n        </div>\n        <div kendoContrastValidation\n            type=\"AAA\"\n            [ratio]=\"aaaRatio\"\n            [pass]=\"satisfiesAAACondition\">\n        </div>\n    "
+            template: "\n        <div class=\"k-contrast-ratio\">\n            <span class=\"k-contrast-ratio-text\">{{contrastRatioText}}</span>\n            <ng-container *ngIf=\"value\">\n                <span class=\"k-contrast-validation k-text-success\" *ngIf=\"satisfiesAACondition\">\n                    <span class=\"k-icon k-i-check\"></span>\n                    <span class=\"k-icon k-i-check\" *ngIf=\"satisfiesAAACondition\"></span>\n                </span>\n                <span class=\"k-contrast-validation k-text-error\" *ngIf=\"!satisfiesAACondition\">\n                    <span class=\"k-icon k-i-close\"></span>\n                </span>\n            </ng-container>\n        </div>\n        <div kendoContrastValidation\n            type=\"AA\"\n            [value]=\"value\"\n            [pass]=\"satisfiesAACondition\">\n        </div>\n        <div kendoContrastValidation\n            type=\"AAA\"\n            [value]=\"value\"\n            [pass]=\"satisfiesAAACondition\">\n        </div>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
     ], ContrastComponent);

package/dist/npm/colorpicker/events/cancel-event.js

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* 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 kendo_angular_common_1 = require("@progress/kendo-angular-common");
+/**
+ * Arguments for the `cancel` event of the ColorPicker and FlatColorPicker components.
+ */
+var ColorPickerCancelEvent = /** @class */ (function (_super) {
+    tslib_1.__extends(ColorPickerCancelEvent, _super);
+    function ColorPickerCancelEvent(originalEvent) {
+        var _this = _super.call(this) || this;
+        _this.originalEvent = originalEvent;
+        return _this;
+    }
+    return ColorPickerCancelEvent;
+}(kendo_angular_common_1.PreventableEvent));
+exports.ColorPickerCancelEvent = ColorPickerCancelEvent;

package/dist/npm/colorpicker/events/close-event.js

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* 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 kendo_angular_common_1 = require("@progress/kendo-angular-common");
+/**
+ * Arguments for the `close` event of the ColorPicker component.
+ */
+var ColorPickerCloseEvent = /** @class */ (function (_super) {
+    tslib_1.__extends(ColorPickerCloseEvent, _super);
+    function ColorPickerCloseEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return ColorPickerCloseEvent;
+}(kendo_angular_common_1.PreventableEvent));
+exports.ColorPickerCloseEvent = ColorPickerCloseEvent;

package/dist/npm/colorpicker/events/open-event.js

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* 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 kendo_angular_common_1 = require("@progress/kendo-angular-common");
+/**
+ * Arguments for the `open` event of the ColorPicker component.
+ */
+var ColorPickerOpenEvent = /** @class */ (function (_super) {
+    tslib_1.__extends(ColorPickerOpenEvent, _super);
+    function ColorPickerOpenEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return ColorPickerOpenEvent;
+}(kendo_angular_common_1.PreventableEvent));
+exports.ColorPickerOpenEvent = ColorPickerOpenEvent;

package/dist/npm/colorpicker/events.js

@@ -0,0 +1,11 @@
+/**-----------------------------------------------------------------------------------------
+* 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");
+tslib_1.__exportStar(require("./events/cancel-event"), exports);
+tslib_1.__exportStar(require("./events/close-event"), exports);
+tslib_1.__exportStar(require("./events/open-event"), exports);
+tslib_1.__exportStar(require("./events/active-color-click-event"), exports);

package/dist/npm/colorpicker/flatcolorpicker-actions.component.js

@@ -0,0 +1,52 @@
+/**-----------------------------------------------------------------------------------------
+* 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");
+/**
+ * @hidden
+ */
+var FlatColorPickerActionButtonsComponent = /** @class */ (function () {
+    function FlatColorPickerActionButtonsComponent(localizationService) {
+        this.localizationService = localizationService;
+        this.hostClasses = true;
+        this.actionButtonClick = new core_1.EventEmitter();
+    }
+    FlatColorPickerActionButtonsComponent.prototype.getText = function (text) {
+        return this.localizationService.get(text);
+    };
+    FlatColorPickerActionButtonsComponent.prototype.onActionButtonClick = function (type, ev) {
+        var args = {
+            target: type,
+            originalEvent: ev
+        };
+        this.actionButtonClick.emit(args);
+    };
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-coloreditor-footer'),
+        core_1.HostBinding('class.k-actions'),
+        core_1.HostBinding('class.k-hstack'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FlatColorPickerActionButtonsComponent.prototype, "hostClasses", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], FlatColorPickerActionButtonsComponent.prototype, "actionButtonClick", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChild('last', { read: core_1.ElementRef, static: false }),
+        tslib_1.__metadata("design:type", core_1.ElementRef)
+    ], FlatColorPickerActionButtonsComponent.prototype, "lastButton", void 0);
+    FlatColorPickerActionButtonsComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: '[kendoFlatColorPickerActionButtons]',
+            template: "\n        <button\n            class=\"k-coloreditor-cancel k-button k-button-md k-button-solid k-button-solid-base\"\n            [attr.title]=\"getText('cancelButton')\"\n            (click)=\"onActionButtonClick('cancel', $event)\"\n        >{{getText('cancelButton')}}</button>\n        <button #last\n            class=\"k-coloreditor-apply k-button k-button-md k-button-solid k-button-solid-primary\"\n            [attr.title]=\"getText('applyButton')\"\n            (click)=\"onActionButtonClick('apply', $event)\"\n        >{{getText('applyButton')}}</button>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
+    ], FlatColorPickerActionButtonsComponent);
+    return FlatColorPickerActionButtonsComponent;
+}());
+exports.FlatColorPickerActionButtonsComponent = FlatColorPickerActionButtonsComponent;

package/dist/npm/colorpicker/flatcolorpicker-header.component.js

@@ -0,0 +1,96 @@
+/**-----------------------------------------------------------------------------------------
+* 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");
+/**
+ * @hidden
+ */
+var FlatColorPickerHeaderComponent = /** @class */ (function () {
+    function FlatColorPickerHeaderComponent(localizationService) {
+        this.localizationService = localizationService;
+        this.hostClasses = true;
+        this.viewChange = new core_1.EventEmitter();
+        this.valuePaneClick = new core_1.EventEmitter();
+        this.clearButtonClick = new core_1.EventEmitter();
+    }
+    FlatColorPickerHeaderComponent.prototype.onViewButtonClick = function (view) {
+        this.activeView = view;
+        this.viewChange.emit(view);
+    };
+    Object.defineProperty(FlatColorPickerHeaderComponent.prototype, "viewButtons", {
+        get: function () {
+            return this.views && this.views.indexOf('gradient') >= 0 && this.views.indexOf('palette') >= 0;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FlatColorPickerHeaderComponent.prototype.getViewButtonIcon = function (view) {
+        return view === 'gradient' ? 'k-i-color-canvas' : 'k-i-palette';
+    };
+    FlatColorPickerHeaderComponent.prototype.getText = function (text) {
+        return this.localizationService.get(text);
+    };
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-coloreditor-header'),
+        core_1.HostBinding('class.k-hstack'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FlatColorPickerHeaderComponent.prototype, "hostClasses", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FlatColorPickerHeaderComponent.prototype, "clearButton", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], FlatColorPickerHeaderComponent.prototype, "activeView", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], FlatColorPickerHeaderComponent.prototype, "views", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FlatColorPickerHeaderComponent.prototype, "preview", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], FlatColorPickerHeaderComponent.prototype, "value", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], FlatColorPickerHeaderComponent.prototype, "selection", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], FlatColorPickerHeaderComponent.prototype, "viewChange", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], FlatColorPickerHeaderComponent.prototype, "valuePaneClick", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], FlatColorPickerHeaderComponent.prototype, "clearButtonClick", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChildren('viewButtons', { read: core_1.ElementRef }),
+        tslib_1.__metadata("design:type", core_1.QueryList)
+    ], FlatColorPickerHeaderComponent.prototype, "viewButtonsCollection", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChild('clearButton', { read: core_1.ElementRef, static: false }),
+        tslib_1.__metadata("design:type", core_1.ElementRef)
+    ], FlatColorPickerHeaderComponent.prototype, "clearButtonElement", void 0);
+    FlatColorPickerHeaderComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: '[kendoFlatColorPickerHeader]',
+            template: "\n        <div class=\"k-coloreditor-header-actions k-hstack\">\n            <div *ngIf=\"viewButtons\" class=\"k-button-group k-button-group-flat\">\n                <button *ngFor=\"let view of views\"\n                    #viewButtons\n                    (click)=\"onViewButtonClick(view)\"\n                    class=\"k-button k-button-md k-button-flat k-button-flat-base k-icon-button\"\n                    [attr.title]=\"getText(view === 'gradient' ? 'gradientView' : 'paletteView')\"\n                    [attr.aria-label]=\"getText(view === 'gradient' ? 'gradientView' : 'paletteView')\"\n                    [attr.aria-pressed]=\"activeView === view\"\n                    [ngClass]=\"activeView === view ? 'k-state-selected' : ''\"\n                >\n                    <span\n                        class=\"k-button-icon k-icon\"\n                        [ngClass]=\"getViewButtonIcon(view)\">\n                    </span>\n                </button>\n            </div>\n        </div>\n        <div class=\"k-spacer\"></div>\n        <div class=\"k-coloreditor-header-actions k-hstack\">\n            <button *ngIf=\"clearButton\"\n                #clearButton\n                class=\"k-button k-button-md k-button-flat k-button-flat-base k-icon-button k-coloreditor-reset\"\n                [attr.aria-label]=\"getText('clearButton')\"\n                [attr.title]=\"getText('clearButton')\"\n                (click)=\"clearButtonClick.emit()\">\n                    <span class=\"k-button-icon k-icon k-i-reset-color\"></span>\n            </button>\n            <div class=\"k-coloreditor-preview k-vstack\" *ngIf=\"preview\">\n                <span\n                    class=\"k-coloreditor-preview-color k-color-preview\"\n                    [attr.title]=\"getText('previewColor')\"\n                    [style.background-color]=\"selection\">\n                </span>\n                <span class=\"k-coloreditor-current-color k-color-preview\"\n                    [style.background-color]=\"value\"\n                    [attr.title]=\"getText('revertSelection')\"\n                    (click)=\"valuePaneClick.emit($event)\">\n                </span>\n            </div>\n        </div>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
+    ], FlatColorPickerHeaderComponent);
+    return FlatColorPickerHeaderComponent;
+}());
+exports.FlatColorPickerHeaderComponent = FlatColorPickerHeaderComponent;