title: how can i identify the host environment using stencil web component?
body: <p>I am developing a custom stencil component which will have a dropdown with options fetched from my backend api. Using fetchapi i got the data to be shown. But this component will be integrated in angular application .so , how can i identify whether it is used in dev or prod? because i have to fetch data based on this . I am not sure how to get this info where i use my stencil component.</p>
  
  <pre><code>angular -  my-component.html
  &lt;div&gt;
    &lt;p&gt;This is example of stenciljs&lt;/p&gt;
  
    &lt;my-dropdown (onChange)="onSelect($event)"&gt;&lt;/my-dropdown&gt; 
  &lt;/div&gt;
  </code></pre>