opal-components/src/components/opal-tree-select/index.ts

[Rionite](https://github.com/Riim/Rionite) component set.

import { Cell, define } from 'cellx';
import { OpalModal } from '../opal-modal';
import { OpalSelect } from '../opal-select';
import { OpalTreeList, TDataTreeList, TViewModel } from '../opal-tree-list';
import './index.css';
import template from './template.nelm';

@OpalSelect.Config({
	elementIs: 'OpalTreeSelect',

	params: {
		multiple: true,
		dataTreeList: { type: Object },
		dataTreeListKeypath: { type: String, readonly: true },
		dataTreeListItemSchema: {
			type: eval,
			default: OpalTreeList.defaultDataTreeListItemSchema,
			readonly: true
		},
		viewModel: { type: Object },
		viewModelItemSchema: {
			type: eval,
			default: OpalTreeList.defaultViewModelItemSchema,
			readonly: true
		},
		query: String
	},

	template,

	events: {
		'btn-close': {
			click() {
				this.$<OpalModal>('menu')!.close();
			}
		}
	}
})
export class OpalTreeSelect extends OpalSelect {
	dataTreeList: TDataTreeList;
	viewModel: TViewModel;

	initialize() {
		super.initialize();

		let params = this.params;

		if (params.dataTreeListKeypath) {
			define(
				this,
				'dataTreeList',
				new Cell(Function(`return this.${params.dataTreeListKeypath};`), {
					context: this.ownerComponent || window
				})
			);
		} else {
			if (!params.$specified.has('dataTreeList')) {
				throw new TypeError('Parameter "dataTreeList" is required');
			}

			define(this, 'dataTreeList', () => params.dataTreeList);
		}
	}

	_onMenuSelectOptionSelect(): false {
		return false;
	}

	_onMenuSelectOptionDeselect(): false {
		return false;
	}

	_onMenuChange(): false {
		return false;
	}

	_updateOptions() {}
}