<template id="knot-input" >
	<style>
  :host {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
  }
  
  div {
    display: flex;
    flex-direction: row;
  }
      
  input {
    flex: 1;
  }
  
  .drag * {
    pointer-events: none;
  }

  input.drag {
    border: 5px dashed green;
  }
      
  label {
    padding-right: 5px;
  }

	</style>
  <div>
  <label id="label" for="input">-</label>
  <input type="text" id="input" placeholder="-" list="list">
  <datalist id="list"></datalist>
  </div>
</template>


