{"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 { unsafeHTML } from 'lit-html/lib/unsafe-html';\r\nimport { component, property, dispatchChange } from '../../util/decorators';\r\nimport CSS from './radio-icons-css';\r\nlet RadioIcons = class RadioIcons extends LitElement {\r\n    constructor() {\r\n        super(...arguments);\r\n        this.options = [];\r\n    }\r\n    _propertiesChanged(p, c, o) {\r\n        super._propertiesChanged(p, c, o);\r\n        if (c.columns) {\r\n            this.style.setProperty('--radio-icons-columns', `var(--radio-icons-columns-override, ${p.columns})`);\r\n        }\r\n    }\r\n    _render({ value, options }) {\r\n        return html `\n            ${CSS}\n            <ul class=\"options\">\n                ${options.map(o => html `\n                    <li\n                        class$=\"option ${o.value === value ? 'active' : ''}\"\n                        on-click=${() => this.value = o.value}\n                    >\n                        <div class=\"img\">\n                            ${o.icon ? html `<zen-icon type=${o.icon}></zen-icon>` : ''}\n                            ${o.image ? html `<img src=${o.image} />` : ''}\n                            ${o.html ? html `${unsafeHTML(o.html)}` : ''}\n                        </div>\n                        <span>${o.label}</span>\n                    </li>\n                `)}\n            </ul>\n        `;\r\n    }\r\n};\r\ntslib_1.__decorate([\r\n    property,\r\n    tslib_1.__metadata(\"design:type\", Array)\r\n], RadioIcons.prototype, \"options\", void 0);\r\ntslib_1.__decorate([\r\n    property,\r\n    tslib_1.__metadata(\"design:type\", Object)\r\n], RadioIcons.prototype, \"value\", void 0);\r\ntslib_1.__decorate([\r\n    property,\r\n    tslib_1.__metadata(\"design:type\", String)\r\n], RadioIcons.prototype, \"name\", void 0);\r\ntslib_1.__decorate([\r\n    property,\r\n    tslib_1.__metadata(\"design:type\", Number)\r\n], RadioIcons.prototype, \"columns\", void 0);\r\nRadioIcons = tslib_1.__decorate([\r\n    component('zen-radio-icons'),\r\n    dispatchChange()\r\n], RadioIcons);\r\nexport default RadioIcons;\r\n","dts":{"name":"/Users/tristanmatthias/projects/origami/zen/packages/components/RadioIcons/RadioIcons.d.ts","text":"import { LitElement } from '@polymer/lit-element';\r\nimport { FieldRadioIconsOption } from '../../lib/FormValidator/FormFieldTypes';\r\nimport { TemplateResult } from 'lit-html';\r\nexport interface props {\r\n    options: FieldRadioIconsOption[];\r\n    value?: string | number;\r\n    name?: string;\r\n    columns?: number;\r\n}\r\nexport default class RadioIcons extends LitElement implements props {\r\n    options: FieldRadioIconsOption[];\r\n    value?: string | number;\r\n    name?: string;\r\n    columns?: number;\r\n    _propertiesChanged(p: props, c: props, o: props): void;\r\n    _render({value, options}: props): TemplateResult;\r\n}\r\n"}}