{"code":"import * as tslib_1 from \"tslib\";\r\nimport { LitElement, html } from '@polymer/lit-element';\r\nimport CSS from './input-color-css';\r\nimport * as p3Decorators from 'polymer3-decorators';\r\nlet InputColor = class InputColor extends LitElement {\r\n    constructor() {\r\n        super();\r\n        this.value = null;\r\n        this.placeholder = null;\r\n        this._handleChange = this._handleChange.bind(this);\r\n    }\r\n    _render({ value, placeholder }) {\r\n        return html `\n            ${CSS}\n            <div class=\"color\" style=\"background-color: ${value}\">\n                <zen-icon type=\"eyedropper\" color=\"${value ? 'white' : 'grey-300'}\"></zen-icon>\n            </div>\n            <span>${value || placeholder || ''}</span>\n            <input type=\"color\" on-change=${this._handleChange}>\n        `;\r\n    }\r\n    _handleChange(e) {\r\n        const input = e.target;\r\n        this.value = input.value;\r\n        this.dispatchEvent(new CustomEvent('change'));\r\n    }\r\n};\r\ntslib_1.__decorate([\r\n    p3Decorators.property,\r\n    tslib_1.__metadata(\"design:type\", Object)\r\n], InputColor.prototype, \"value\", void 0);\r\ntslib_1.__decorate([\r\n    p3Decorators.property,\r\n    tslib_1.__metadata(\"design:type\", Object)\r\n], InputColor.prototype, \"placeholder\", void 0);\r\nInputColor = tslib_1.__decorate([\r\n    p3Decorators.component('zen-input-color'),\r\n    tslib_1.__metadata(\"design:paramtypes\", [])\r\n], InputColor);\r\nexport default InputColor;\r\n","dts":{"name":"/Users/tristanmatthias/projects/origami/zen/components/InputColor/InputColor.d.ts","text":"import { LitElement } from '@polymer/lit-element';\r\nimport { TemplateResult } from 'lit-html';\r\nexport interface props {\r\n    value: string | null;\r\n    placeholder: string | null;\r\n}\r\nexport default class InputColor extends LitElement implements props {\r\n    value: string | null;\r\n    placeholder: string | null;\r\n    constructor();\r\n    _render({value, placeholder}: props): TemplateResult;\r\n    private _handleChange(e);\r\n}\r\n"}}