2017-10-13 14:43:58 +02:00
|
|
|
import WrappedElement from './wrapped-element';
|
|
|
|
|
|
|
|
export default class WrappedInput extends WrappedElement {
|
2018-05-21 18:01:03 +02:00
|
|
|
constructor({ element, classNames, delimiter }) {
|
|
|
|
super({ element, classNames });
|
|
|
|
this.delimiter = delimiter;
|
2017-10-13 14:43:58 +02:00
|
|
|
}
|
|
|
|
|
2018-04-24 13:54:45 +02:00
|
|
|
set value(items) {
|
2019-02-22 23:04:55 +01:00
|
|
|
const itemValues = items.map(({ value }) => value);
|
|
|
|
const joinedValues = itemValues.join(this.delimiter);
|
2018-04-24 13:54:45 +02:00
|
|
|
|
2019-02-22 23:04:55 +01:00
|
|
|
this.element.setAttribute('value', joinedValues);
|
|
|
|
this.element.value = joinedValues;
|
2018-04-24 13:54:45 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
get value() {
|
2019-10-22 18:08:43 +02:00
|
|
|
return this.element.value;
|
2017-10-18 14:05:07 +02:00
|
|
|
}
|
2017-10-13 14:43:58 +02:00
|
|
|
}
|