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

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\"\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-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-icon-button k-flat\"\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-icon-button k-flat 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;