2017-10-13 14:43:58 +02:00
|
|
|
import WrappedElement from './wrapped-element';
|
|
|
|
|
2019-11-03 14:18:16 +01:00
|
|
|
/**
|
|
|
|
* @typedef {import('../../../types/index').Choices.ClassNames} ClassNames
|
|
|
|
* @typedef {import('../../../types/index').Choices.Item} Item
|
|
|
|
*/
|
|
|
|
|
2017-10-13 14:43:58 +02:00
|
|
|
export default class WrappedInput extends WrappedElement {
|
2019-11-03 14:18:16 +01:00
|
|
|
/**
|
|
|
|
* @param {{
|
|
|
|
* element: HTMLInputElement,
|
|
|
|
* classNames: ClassNames,
|
|
|
|
* delimiter: string
|
|
|
|
* }} args
|
|
|
|
*/
|
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
|
|
|
}
|
|
|
|
|
2019-11-03 14:18:16 +01:00
|
|
|
/**
|
|
|
|
* @returns {string}
|
|
|
|
*/
|
2019-10-29 19:26:11 +01:00
|
|
|
get value() {
|
|
|
|
return this.element.value;
|
|
|
|
}
|
|
|
|
|
2019-11-03 14:18:16 +01:00
|
|
|
/**
|
|
|
|
* @param {Item[]} items
|
|
|
|
*/
|
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
|
|
|
}
|
2017-10-13 14:43:58 +02:00
|
|
|
}
|