@advanced-rest-client/url-input-editordeprecated

An element that is responsible for displaying and manipulating the reuqest URL

Usage no npm install needed!

<script type="module">
  import advancedRestClientUrlInputEditor from 'https://cdn.skypack.dev/@advanced-rest-client/url-input-editor';
</script>

README

Published on NPM

Build Status

Published on webcomponents.org

<url-input-editor>

A HTTP request URL editor for a HTTP request editor.

Usage

Installation

npm install --save @advanced-rest-client/url-input-editor

In a LitElement

import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/url-input-editor/url-input-editor.js';

class SampleElement extends LitElement {
  render() {
    return html`
    <url-input-editor
      .value="${this.url}"
      @value-changed="${this._valueChanged}"
      @url-history-query="${this._queryUrlHistory}"></url-input-editor>
    `;
  }

  _valueChanged(e) {
    this.url = e.detail.value;
  }

  _queryUrlHistory(e) {
    e.preventDefault();
    const query = e.detail.q;
    e.detail.value = Promise.resolve([{
      url: '... some value'
    }]);
  }
}
customElements.define('sample-element', SampleElement);

Development

git clone https://github.com/advanced-rest-client/url-input-editor
cd url-input-editor
npm install

Running the demo locally

npm start

Running the tests

npm test