<script>
/**
	A selectbox which contains selectbox items and groups
	
		// Can be created dynamically
		var selectbox = new OreeshSelectbox();
	
	
		<!-- Or via HTML -->
		<!-- Basic example -->
		<oreesh-selectbox>
			<oreesh-selectbox-item>Item 1</oreesh-selectbox-item>
			<oreesh-selectbox-item>Item 2</oreesh-selectbox-item>
		</oreesh-selectbox>
		
	@class oreesh-selectbox
**/
/**
	The text that is visible on the selectbox, until one or more items are selected.

	@attribute label
	@type String
	@default Select...
**/
/**
	Disables the selectbox from user interaction.

	@attribute disabled
**/
/**
	Allows users to select multiple options from the drop down menu (by using checkboxes).

	@attribute multiple
**/
/**
	Holds the indexs of the selectd options if the `multiple` attribute is being used.

	@attribute multi-value
	@type Array
**/
/**
	Reflects whether or not the menu is currently visible to the user.  Can also be use to manually open and close the menu.

	@attribute open
**/
/**
	Holds the index of the currently selected value.  If you are using the `multiple` attribute, then the values will be in the `multi-value` attribute.

	@attribute value
**/
/**
	Initializes the selection box `value` and `label`.

	@method initValueAndLabel
**/
</script>

<dom-module id="oreesh-selectbox">
	<template>
		<link rel="stylesheet" is="custom-style" href="./oreesh-selectbox.css">
		<oreesh-scrollbar class="content-area"  size="small">
			<content></content>
		</oreesh-scrollbar>

		<div class="selected-area">
			<div class="selectedItem"></div>
			<img source="<%- svg.arrow_selectbox_inact %>" class="arrow" >
		</div>	

		<iron-a11y-keys target="[[target]]" keys="esc" on-keys-pressed="_onEscKey"></iron-a11y-keys>
		<iron-a11y-keys target="[[target]]" keys="space enter" on-keys-pressed="_onSpaceKey"></iron-a11y-keys>
		<iron-a11y-keys target="[[target]]" keys="down" on-keys-pressed="_onDownKey"></iron-a11y-keys>
		<iron-a11y-keys target="[[target]]" keys="up" on-keys-pressed="_onUpKey"></iron-a11y-keys>
	</template>

	<script src="./oreesh-selectbox.js"></script>
</dom-module>