{"code":"import * as tslib_1 from \"tslib\";\r\nimport { LitElement } from '@polymer/lit-element';\r\nimport { html } from 'lit-html/lib/lit-extended';\r\nimport { component, property, dispatchChange } from '../../util/decorators';\r\nimport CSS from './radio-css';\r\nlet Radio = class Radio extends LitElement {\r\n    constructor() {\r\n        super(...arguments);\r\n        this.options = {};\r\n    }\r\n    _render({ value, options }) {\r\n        const opts = Object.entries(options).map(([v, label]) => ({\r\n            value: v,\r\n            label\r\n        }));\r\n        return html `\n            ${CSS}\n            <div class=\"options\">\n                ${opts.map(o => {\r\n            return html `\n                        <div class=\"option\" on-click=${() => this.value = o.value}>\n                            <zen-icon type=\"${value === o.value ? 'radio-checked' : 'radio-unchecked'}\"></zen-icon>\n                            <span>${o.label}</span>\n                        </div>\n                    `;\r\n        })}\n            </div>\n        `;\r\n    }\r\n};\r\ntslib_1.__decorate([\r\n    property,\r\n    tslib_1.__metadata(\"design:type\", Object)\r\n], Radio.prototype, \"options\", void 0);\r\ntslib_1.__decorate([\r\n    property,\r\n    tslib_1.__metadata(\"design:type\", String)\r\n], Radio.prototype, \"value\", void 0);\r\ntslib_1.__decorate([\r\n    property,\r\n    tslib_1.__metadata(\"design:type\", String)\r\n], Radio.prototype, \"name\", void 0);\r\nRadio = tslib_1.__decorate([\r\n    component('zen-radio'),\r\n    dispatchChange()\r\n], Radio);\r\nexport default Radio;\r\n","dts":{"name":"/Users/tristanmatthias/projects/origami/zen/packages/components/Radio/Radio.d.ts","text":"import { LitElement } from '@polymer/lit-element';\r\nimport { TemplateResult } from 'lit-html';\r\nexport interface props {\r\n    options: {\r\n        [key: string]: string;\r\n    };\r\n    value?: string;\r\n    name?: string;\r\n}\r\nexport default class Radio extends LitElement implements props {\r\n    options: {};\r\n    value?: string;\r\n    name?: string;\r\n    _render({value, options}: props): TemplateResult;\r\n}\r\n"}}