venkateshwarv

<script>
  _inweb.hideAfterSubmission = true;
</script>

venkateshwarv

<script>
_inweb.throttleForDays = 30;
</script>

venkateshwarv

<script>
  _inweb.cookieId="my-cookie-name";
</script>

venkateshwarv

<script>
    document.addEventListener('cc-inweb-response', function ($event) {
      if($event.target.attributes.id === 'widget-usability'){
        <!-- react to response submission -->
      }
    })
</script>

venkateshwarv

<cc-inweb id="widget-usability" question="How are you today?" token="PC-56874" question-id='5c272306c3d98742b0f7d577'>
</cc-inweb>

venkateshwarv

<script type="module" src='node_modules/inweb-survey/dist/inweb/inweb.esm.js'></script>
<script nomodule src="node_modules/inweb-survey/dist/inweb/inweb.js"></script>

venkateshwarv

  <script type="module" src='https://unpkg.com/inweb-survey/dist/inweb/inweb.esm.js'></script>`
  <script nomodule src='https://unpkg.com/inweb-survey/dist/inweb/inweb.js'></script>

venkateshwarv

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": ["cover 99.5%", "ie 8-11"]
      }
    }]
  ],
  "plugins": ["transform-es2017-object-entries", "transform-array-find"]
}

venkateshwarv

import { Portal, TemplatePortal } from '@angular/cdk/portal';

// [redacted]
  showPopUp() {
    if ( !this._overlayOpened) {
      this._startAnimation();
      this.input.setValue( '', { emitEvent: true } );
      this._overlayOpened = true;
      this._createOverlay().attach( this._portal );
    }

venkateshwarv

<mat-form-field color="primary" class="search-box" [floatLabel]="floatPlaceholder">
  <mat-icon class="input-icon" matPrefix fontSet="fa" fontIcon="fa-search"></mat-icon>
  <input matInput [formControl]="input" [disabled]="disabled" autocomplete="off" (focus)="showPopUp()" [placeholder]="placeholder"
  />
</mat-form-field>
<ng-template #multiSelectFor>
<!--  Place where your options will go  -->
</ng-template>