@noaestudio/forms
Version:
Dynamic forms extension for Covalent
83 lines (79 loc) • 6.41 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import { Component, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { AbstractControlValueAccessor } from '../abstract-control-value-accesor';
export const /** @type {?} */ INPUT_INPUT_CONTROL_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => ColorPickerComponent),
multi: true,
};
export class ColorPickerComponent extends AbstractControlValueAccessor {
constructor() {
super(...arguments);
this.label = '';
this.type = undefined;
this.required = undefined;
this.min = undefined;
this.max = undefined;
this.minLength = undefined;
this.maxLength = undefined;
this.hideUsedColors = true;
}
/**
* @param {?} value
* @return {?}
*/
selectColor(value) {
this.control.setValue(value);
}
}
ColorPickerComponent.decorators = [
{ type: Component, args: [{
providers: [INPUT_INPUT_CONTROL_VALUE_ACCESSOR],
selector: 'color-picker',
styles: [`.td-dynamic-input-wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-input-wrapper .td-dynamic-input-field{-ms-flex:1;flex:1;box-sizing:border-box}.td-dynamic-input-wrapper .ngx-editor{margin-top:10px}`],
template: `<style>
.ngx-editor {
margin-top: 10px;
}
</style>
<div class="td-dynamic-input-wrapper" style="display: block;">
<label style="display: block; margin-right: 10px;">{{label}} {{required ? '*' : ''}}</label>
<mcc-color-picker [selectedColor]="value" (selected)="selectColor($event)" [hideUsedColors]="hideUsedColors"></mcc-color-picker>
</div>
`,
},] },
];
/** @nocollapse */
ColorPickerComponent.ctorParameters = () => [];
function ColorPickerComponent_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
ColorPickerComponent.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
ColorPickerComponent.ctorParameters;
/** @type {?} */
ColorPickerComponent.prototype.control;
/** @type {?} */
ColorPickerComponent.prototype.label;
/** @type {?} */
ColorPickerComponent.prototype.type;
/** @type {?} */
ColorPickerComponent.prototype.required;
/** @type {?} */
ColorPickerComponent.prototype.min;
/** @type {?} */
ColorPickerComponent.prototype.max;
/** @type {?} */
ColorPickerComponent.prototype.minLength;
/** @type {?} */
ColorPickerComponent.prototype.maxLength;
/** @type {?} */
ColorPickerComponent.prototype.hideUsedColors;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bjb3ZhbGVudC9keW5hbWljLWZvcm1zLyIsInNvdXJjZXMiOlsiZHluYW1pYy1lbGVtZW50cy9jb2xvci1waWNrZXIvY29sb3ItcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFxQyxNQUFNLGdCQUFnQixDQUFDO0FBRXRGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRWpGLE1BQU0sQ0FBQyx1QkFBTSxrQ0FBa0MsR0FBUTtJQUN0RCxPQUFPLEVBQUUsaUJBQWlCO0lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7SUFDbkQsS0FBSyxFQUFFLElBQUk7Q0FDWCxDQUFDO0FBb0JGLE1BQU0sMkJBQTRCLFNBQVEsNEJBQTRCOzs7cUJBSXJELEVBQUU7b0JBRUgsU0FBUzt3QkFFSixTQUFTO21CQUVmLFNBQVM7bUJBRVQsU0FBUzt5QkFFSCxTQUFTO3lCQUVULFNBQVM7OEJBRUYsSUFBSTs7Ozs7O0lBRS9CLFdBQVcsQ0FBQyxLQUFXO1FBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQzdCOzs7WUF4Q0QsU0FBUyxTQUFDO2dCQUNWLFNBQVMsRUFBRSxDQUFFLGtDQUFrQyxDQUFFO2dCQUNqRCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsTUFBTSxFQUFFLENBQUMsNlFBQTZRLENBQUM7Z0JBQ3ZSLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7O0NBWVY7YUFDQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sVmFsdWVBY2Nlc3NvciB9IGZyb20gJy4uL2Fic3RyYWN0LWNvbnRyb2wtdmFsdWUtYWNjZXNvcic7XHJcblxyXG5leHBvcnQgY29uc3QgSU5QVVRfSU5QVVRfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUjogYW55ID0ge1xyXG5cdHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG5cdHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENvbG9yUGlja2VyQ29tcG9uZW50KSxcclxuXHRtdWx0aTogdHJ1ZSxcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHByb3ZpZGVyczogWyBJTlBVVF9JTlBVVF9DT05UUk9MX1ZBTFVFX0FDQ0VTU09SIF0sXHJcblx0c2VsZWN0b3I6ICdjb2xvci1waWNrZXInLFxyXG5cdHN0eWxlczogW2AudGQtZHluYW1pYy1pbnB1dC13cmFwcGVyey1tcy1mbGV4LWRpcmVjdGlvbjpyb3c7ZmxleC1kaXJlY3Rpb246cm93O2Rpc3BsYXk6LW1zLWZsZXhib3g7ZGlzcGxheTpmbGV4O2JveC1zaXppbmc6Ym9yZGVyLWJveH0udGQtZHluYW1pYy1pbnB1dC13cmFwcGVyIC50ZC1keW5hbWljLWlucHV0LWZpZWxkey1tcy1mbGV4OjE7ZmxleDoxO2JveC1zaXppbmc6Ym9yZGVyLWJveH0udGQtZHluYW1pYy1pbnB1dC13cmFwcGVyIC5uZ3gtZWRpdG9ye21hcmdpbi10b3A6MTBweH1gXSxcclxuXHR0ZW1wbGF0ZTogYDxzdHlsZT5cclxuXHJcbi5uZ3gtZWRpdG9yIHtcclxuXHRtYXJnaW4tdG9wOiAxMHB4O1xyXG59XHJcblxyXG48L3N0eWxlPlxyXG5cclxuPGRpdiBjbGFzcz1cInRkLWR5bmFtaWMtaW5wdXQtd3JhcHBlclwiIHN0eWxlPVwiZGlzcGxheTogYmxvY2s7XCI+XHJcblx0PGxhYmVsIHN0eWxlPVwiZGlzcGxheTogYmxvY2s7IG1hcmdpbi1yaWdodDogMTBweDtcIj57e2xhYmVsfX0ge3tyZXF1aXJlZCA/ICcqJyA6ICcnfX08L2xhYmVsPlxyXG5cdDxtY2MtY29sb3ItcGlja2VyIFtzZWxlY3RlZENvbG9yXT1cInZhbHVlXCIgKHNlbGVjdGVkKT1cInNlbGVjdENvbG9yKCRldmVudClcIiBbaGlkZVVzZWRDb2xvcnNdPVwiaGlkZVVzZWRDb2xvcnNcIj48L21jYy1jb2xvci1waWNrZXI+XHJcbjwvZGl2PlxyXG5gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29sb3JQaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdENvbnRyb2xWYWx1ZUFjY2Vzc29yIGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG5cclxuXHRjb250cm9sOiBGb3JtQ29udHJvbDtcclxuXHJcblx0bGFiZWw6IHN0cmluZyA9ICcnO1xyXG5cclxuXHR0eXBlOiBzdHJpbmcgPSB1bmRlZmluZWQ7XHJcblxyXG5cdHJlcXVpcmVkOiBib29sZWFuID0gdW5kZWZpbmVkO1xyXG5cclxuXHRtaW46IG51bWJlciA9IHVuZGVmaW5lZDtcclxuXHJcblx0bWF4OiBudW1iZXIgPSB1bmRlZmluZWQ7XHJcblxyXG5cdG1pbkxlbmd0aDogbnVtYmVyID0gdW5kZWZpbmVkO1xyXG5cclxuXHRtYXhMZW5ndGg6IG51bWJlciA9IHVuZGVmaW5lZDtcclxuXHJcblx0aGlkZVVzZWRDb2xvcnMgOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcblx0c2VsZWN0Q29sb3IodmFsdWUgOiBhbnkpIHtcclxuXHRcdHRoaXMuY29udHJvbC5zZXRWYWx1ZSh2YWx1ZSk7XHJcblx0fVxyXG5cclxufVxyXG4iXX0=