@api-client/ui 0.0.4 → 0.0.5

package/dist/elements/http/BodyUrlEncodedEditor.js

@@ -26,26 +26,26 @@ import '../../define/ui/ui-switch.js';
  * A body editor specializing in URL encoded data.
  */
 export default class BodyUrlEncodedEditor extends LitElement {
-    /**
-     * When set the editor is in read only mode.
-     * @attribute
-     */
-    readOnly = false;
-    /**
-     * When set all controls are disabled in the form
-     * @attribute
-     */
-    disabled = false;
-    /**
-     * When set it automatically encodes and decodes values.
-     * @attribute
-     */
-    autoEncode = false;
-    /**
-     * @attribute
-     */
-    allowFormInfo;
-    valueInternal = '';
+    constructor() {
+        super(...arguments);
+        /**
+         * When set the editor is in read only mode.
+         * @attribute
+         */
+        this.readOnly = false;
+        /**
+         * When set all controls are disabled in the form
+         * @attribute
+         */
+        this.disabled = false;
+        /**
+         * When set it automatically encodes and decodes values.
+         * @attribute
+         */
+        this.autoEncode = false;
+        this.valueInternal = '';
+        this.modelInternal = [];
+    }
     /**
      * The HTTP body.
      */
@@ -60,7 +60,6 @@ export default class BodyUrlEncodedEditor extends LitElement {
         this.valueInternal = value || '';
         this.setupModel(value || '');
     }
-    modelInternal = [];
     /**
      * Computed data model for the view.
      * Don't set both `value` and `model`. If the model exists then

package/dist/elements/http/BodyUrlEncodedEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyUrlEncodedEditor.js","sourceRoot":"","sources":["../../../src/elements/http/BodyUrlEncodedEditor.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\n/**\n@license\nCopyright 2020 The Advanced REST client authors <arc@mulesoft.com>\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not\nuse this file except in compliance with the License. You may obtain a copy of\nthe License at\nhttp://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\nWARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\nLicense for the specific language governing permissions and limitations under\nthe License.\n*/\nimport { LitElement, html, TemplateResult, PropertyValues, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { IProperty, Property } from '@api-client/core/build/browser.js';\nimport { \n  decodeUrlEncoded,\n  encodeUrlEncoded,\n  createViewModel,\n  formArrayToString,\n} from './UrlEncodeUtils.js';\nimport SwitchElement from '../../ui/input/SwitchElement.js';\nimport Input from '../../ui/input/Input.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-switch.js';\n\n/**\n * A body editor specializing in URL encoded data.\n */\nexport default class BodyUrlEncodedEditor extends LitElement {\n  /**\n   * When set the editor is in read only mode.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * When set all controls are disabled in the form\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** \n   * When set it automatically encodes and decodes values.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) autoEncode = false;\n\n  /**\n   * @attribute\n   */\n  @property({ type: Boolean }) allowFormInfo?: boolean;\n\n  protected valueInternal = '';\n\n  /**\n   * The HTTP body.\n   */\n  @property({ type: String })\n  get value(): string | undefined {\n    return this.valueInternal;\n  }\n\n  set value(value: string | undefined) {\n    const old = this.valueInternal;\n    if (old === value) {\n      return;\n    }\n    this.valueInternal = value || '';\n    this.setupModel(value || '');\n  }\n\n  protected modelInternal: IProperty[] = [];\n\n  /**\n   * Computed data model for the view.\n   * Don't set both `value` and `model`. If the model exists then\n   * set only it or otherwise the `value` setter override the model.\n   */\n  get model(): IProperty[] {\n    return this.modelInternal;\n  }\n\n  set model(value: IProperty[]) {\n    const old = this.modelInternal;\n    if (old === value) {\n      return;\n    }\n    if (Array.isArray(value)) {\n      this.modelInternal = value;\n    } else {\n      this.modelInternal = [];\n    }\n    this.valueInternal = this.modelToValue();\n    this.requestUpdate();\n  }\n\n  protected override update(cp: PropertyValues<this>): void {\n    if (cp.has('autoEncode')) {\n      this.updateValue();\n    }\n    super.update(cp);\n  }\n\n  /**\n   * Removes all parameters.\n   */\n  clear(): void {\n    this.model = [];\n    this.updateValue();\n    this.requestUpdate();\n  }\n\n  /**\n   * Removes a parameter from an index.\n   */\n  removeProperty(index: number): void {\n    const items = this.model;\n    items.splice(index, 1);\n    this.updateValue();\n    this.requestUpdate();\n  }\n\n  /**\n   * Toggles enabled state of a parameter.\n   */\n  toggleProperty(index: number, enabled: boolean): void {\n    const items = this.model;\n    const item = items[index];\n    item.enabled = enabled;\n    this.updateValue();\n  }\n\n  /**\n   * Updates name/value of a parameter on a specific index.\n   */\n  updateProperty(index: number, field: 'name' | 'value', value: string): void {\n    const item = this.model[index];\n    const old = item[field];\n    if (old === value) {\n      return;\n    }\n    item[field] = value as string;\n    this.updateValue();\n  }\n\n  addParameter(name = '', value = ''): void {\n    if (this.readOnly || this.disabled) {\n      return;\n    }\n    const prop = Property.String(name, value, true);\n    const items = this.model;\n    items[items.length] = prop.toJSON();\n    this.model = items;\n    this.requestUpdate();\n    this.focusLast();\n  }\n\n  protected notifyChange(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  protected updateValue(): void {\n    if (this.readOnly) {\n      return;\n    }\n    this.valueInternal = this.modelToValue();\n    this.notifyChange();\n  }\n\n  protected modelToValue(): string {\n    const { model, autoEncode } = this;\n    if (autoEncode) {\n      const encoded = encodeUrlEncoded(model) as IProperty[];\n      return formArrayToString(encoded);\n    }\n    return formArrayToString(this.model);\n  }\n\n  /**\n   * Called when the `value` property change. It generates the view model\n   * for the editor.\n   */\n  protected setupModel(value: string): void {\n    if (!value) {\n      this.model = [];\n      return;\n    }\n    const model = createViewModel(value) as IProperty[];\n    if (this.autoEncode) {\n      this.modelInternal = decodeUrlEncoded(model) as IProperty[];\n    } else {\n      this.modelInternal = model;\n    }\n    this.requestUpdate();\n  }\n\n  async focusLast(): Promise<void> {\n    await this.updateComplete;\n    const row = this.shadowRoot?.querySelector('.param-row:last-of-type');\n    if (!row) {\n      return;\n    }\n    try {\n      const node = row.querySelector('.name-input input') as HTMLInputElement | undefined;\n      if (node) {\n        node.focus();\n      }\n    } catch (e) {\n      // ...\n    }\n  }\n\n  /**\n   * Encodes current parameters in the model, updated the value, and notifies the change\n   */\n  encodeParameters(): void {\n    const encoded = encodeUrlEncoded(this.model) as IProperty[];\n    this.modelInternal = encoded;\n    this.valueInternal = formArrayToString(encoded);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  /**\n   * Encodes current parameters in the model, updated the value, and notifies the change\n   */\n  decodeParameters(): void {\n    const decoded = decodeUrlEncoded(this.model) as IProperty[];\n    this.modelInternal = decoded;\n    this.valueInternal = formArrayToString(decoded);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected handleAdd(): void {\n    this.addParameter();\n  }\n\n  protected handleToggle(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    const index = Number(node.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.toggleProperty(index, node.checked);\n  }\n\n  protected handleRemove(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    const index = Number(node.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.removeProperty(index);\n  }\n\n  protected handleNameChange(e: Event): void {\n    const input = e.target as Input;\n    const index = Number(input.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.updateProperty(index, 'name', input.value);\n    input.checkValidity();\n  }\n\n  protected handleValueChange(e: Event): void {\n    const input = e.target as Input;\n    const index = Number(input.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.updateProperty(index, 'value', input.value);\n    input.checkValidity();\n  }\n\n  override render(): TemplateResult {\n    const items = this.model;\n    if (!Array.isArray(items) || !items.length) {\n      return html`${this.renderEmptyMessage()}${this.renderFormInfo()}`;\n    }\n    return this.renderParams(items);\n  }\n\n  protected renderFormInfo(): TemplateResult | typeof nothing {\n    if (!this.allowFormInfo) {\n      return nothing;\n    }\n    return html`\n    <p class=\"form-info\">\n      Note that the content-type header will be added when the request is sent. \n      We encourage you to use variables to insert sensitive data.\n    </p>\n    `;\n  }\n\n  protected renderEmptyMessage(): TemplateResult {\n    return html`\n    <div class=\"empty-message\">No parameters added</div>\n    `;\n  }\n\n  protected renderParams(items: IProperty[]): TemplateResult {\n    return html`\n    ${items.map((item, index) => this.renderParam(item, index))}\n    ${this.renderFormInfo()}\n    `;\n  }\n\n  protected renderParam(item: IProperty, index: number): TemplateResult {\n    return html`\n    <div class=\"param-row\">\n      ${this.renderToggleButton(item, index)}\n      ${this.renderNameField(item, index)}\n      ${this.renderValueField(item, index)}\n      ${this.renderDeleteParameter(index)}\n    </div>\n    `;\n  }\n\n  protected renderToggleButton(item: IProperty, index: number): TemplateResult {\n    return html`\n    <ui-switch \n      .checked=\"${!!item.enabled}\" \n      @change=\"${this.handleToggle}\" \n      title=\"Enable / disable parameter\"\n      aria-label=\"Activate to toggle enabled state of this parameter\"\n      data-index=\"${index}\"\n      ?disabled=\"${this.readOnly}\"\n    ></ui-switch>\n    `;\n  }\n\n  protected renderDeleteParameter(index: number): TemplateResult {\n    return html`\n    <ui-icon-button \n      title=\"Removes this parameter\"\n      aria-label=\"Deletes this parameter\" \n      data-index=\"${index}\" \n      @click=\"${this.handleRemove}\"\n      ?disabled=\"${this.readOnly}\"\n    >\n      <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n\n  protected renderNameField(item: IProperty, index: number): TemplateResult {\n    const { autoEncode } = this;\n    const pattern = !autoEncode ? '\\\\S*' : undefined;\n    return html`\n    <div class=\"input-wrapper name-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <input\n        type=\"text\"\n        name=\"name\"\n        autocomplete=\"off\"\n        .value=\"${live(item.name as string)}\" \n        data-index=\"${index}\" \n        ?readOnly=\"${this.readOnly}\" \n        pattern=\"${ifDefined(pattern)}\"\n        aria-label=\"Parameter name value\"\n        @change=\"${this.handleNameChange}\"\n      />\n    </div>\n    `;\n  }\n\n  protected renderValueField(item: IProperty, index: number): TemplateResult {\n    const { autoEncode } = this;\n    const pattern = !autoEncode ? '\\\\S*' : undefined;\n    return html`\n    <div class=\"input-wrapper value-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <input\n        type=\"text\"\n        name=\"value\"\n        .value=\"${live(item.value as string)}\" \n        data-index=\"${index}\" \n        ?readOnly=\"${this.readOnly}\" \n        pattern=\"${ifDefined(pattern)}\"\n        aria-label=\"Parameter value\"\n        @change=\"${this.handleValueChange}\"\n      />\n    </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"BodyUrlEncodedEditor.js","sourceRoot":"","sources":["../../../src/elements/http/BodyUrlEncodedEditor.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\n/**\n@license\nCopyright 2020 The Advanced REST client authors <arc@mulesoft.com>\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not\nuse this file except in compliance with the License. You may obtain a copy of\nthe License at\nhttp://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\nWARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\nLicense for the specific language governing permissions and limitations under\nthe License.\n*/\nimport { LitElement, html, TemplateResult, PropertyValues, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { IProperty, Property } from '@api-client/core/build/browser.js';\nimport { \n  decodeUrlEncoded,\n  encodeUrlEncoded,\n  createViewModel,\n  formArrayToString,\n} from './UrlEncodeUtils.js';\nimport SwitchElement from '../../ui/input/SwitchElement.js';\nimport Input from '../../ui/input/Input.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-switch.js';\n\n/**\n * A body editor specializing in URL encoded data.\n */\nexport default class BodyUrlEncodedEditor extends LitElement {\n  /**\n   * When set the editor is in read only mode.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * When set all controls are disabled in the form\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** \n   * When set it automatically encodes and decodes values.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) autoEncode = false;\n\n  /**\n   * @attribute\n   */\n  @property({ type: Boolean }) allowFormInfo?: boolean;\n\n  protected valueInternal = '';\n\n  /**\n   * The HTTP body.\n   */\n  @property({ type: String })\n  get value(): string | undefined {\n    return this.valueInternal;\n  }\n\n  set value(value: string | undefined) {\n    const old = this.valueInternal;\n    if (old === value) {\n      return;\n    }\n    this.valueInternal = value || '';\n    this.setupModel(value || '');\n  }\n\n  protected modelInternal: IProperty[] = [];\n\n  /**\n   * Computed data model for the view.\n   * Don't set both `value` and `model`. If the model exists then\n   * set only it or otherwise the `value` setter override the model.\n   */\n  get model(): IProperty[] {\n    return this.modelInternal;\n  }\n\n  set model(value: IProperty[]) {\n    const old = this.modelInternal;\n    if (old === value) {\n      return;\n    }\n    if (Array.isArray(value)) {\n      this.modelInternal = value;\n    } else {\n      this.modelInternal = [];\n    }\n    this.valueInternal = this.modelToValue();\n    this.requestUpdate();\n  }\n\n  protected override update(cp: PropertyValues<this>): void {\n    if (cp.has('autoEncode')) {\n      this.updateValue();\n    }\n    super.update(cp);\n  }\n\n  /**\n   * Removes all parameters.\n   */\n  clear(): void {\n    this.model = [];\n    this.updateValue();\n    this.requestUpdate();\n  }\n\n  /**\n   * Removes a parameter from an index.\n   */\n  removeProperty(index: number): void {\n    const items = this.model;\n    items.splice(index, 1);\n    this.updateValue();\n    this.requestUpdate();\n  }\n\n  /**\n   * Toggles enabled state of a parameter.\n   */\n  toggleProperty(index: number, enabled: boolean): void {\n    const items = this.model;\n    const item = items[index];\n    item.enabled = enabled;\n    this.updateValue();\n  }\n\n  /**\n   * Updates name/value of a parameter on a specific index.\n   */\n  updateProperty(index: number, field: 'name' | 'value', value: string): void {\n    const item = this.model[index];\n    const old = item[field];\n    if (old === value) {\n      return;\n    }\n    item[field] = value as string;\n    this.updateValue();\n  }\n\n  addParameter(name = '', value = ''): void {\n    if (this.readOnly || this.disabled) {\n      return;\n    }\n    const prop = Property.String(name, value, true);\n    const items = this.model;\n    items[items.length] = prop.toJSON();\n    this.model = items;\n    this.requestUpdate();\n    this.focusLast();\n  }\n\n  protected notifyChange(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  protected updateValue(): void {\n    if (this.readOnly) {\n      return;\n    }\n    this.valueInternal = this.modelToValue();\n    this.notifyChange();\n  }\n\n  protected modelToValue(): string {\n    const { model, autoEncode } = this;\n    if (autoEncode) {\n      const encoded = encodeUrlEncoded(model) as IProperty[];\n      return formArrayToString(encoded);\n    }\n    return formArrayToString(this.model);\n  }\n\n  /**\n   * Called when the `value` property change. It generates the view model\n   * for the editor.\n   */\n  protected setupModel(value: string): void {\n    if (!value) {\n      this.model = [];\n      return;\n    }\n    const model = createViewModel(value) as IProperty[];\n    if (this.autoEncode) {\n      this.modelInternal = decodeUrlEncoded(model) as IProperty[];\n    } else {\n      this.modelInternal = model;\n    }\n    this.requestUpdate();\n  }\n\n  async focusLast(): Promise<void> {\n    await this.updateComplete;\n    const row = this.shadowRoot?.querySelector('.param-row:last-of-type');\n    if (!row) {\n      return;\n    }\n    try {\n      const node = row.querySelector('.name-input input') as HTMLInputElement | undefined;\n      if (node) {\n        node.focus();\n      }\n    } catch (e) {\n      // ...\n    }\n  }\n\n  /**\n   * Encodes current parameters in the model, updated the value, and notifies the change\n   */\n  encodeParameters(): void {\n    const encoded = encodeUrlEncoded(this.model) as IProperty[];\n    this.modelInternal = encoded;\n    this.valueInternal = formArrayToString(encoded);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  /**\n   * Encodes current parameters in the model, updated the value, and notifies the change\n   */\n  decodeParameters(): void {\n    const decoded = decodeUrlEncoded(this.model) as IProperty[];\n    this.modelInternal = decoded;\n    this.valueInternal = formArrayToString(decoded);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected handleAdd(): void {\n    this.addParameter();\n  }\n\n  protected handleToggle(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    const index = Number(node.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.toggleProperty(index, node.checked);\n  }\n\n  protected handleRemove(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    const index = Number(node.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.removeProperty(index);\n  }\n\n  protected handleNameChange(e: Event): void {\n    const input = e.target as Input;\n    const index = Number(input.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.updateProperty(index, 'name', input.value);\n    input.checkValidity();\n  }\n\n  protected handleValueChange(e: Event): void {\n    const input = e.target as Input;\n    const index = Number(input.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.updateProperty(index, 'value', input.value);\n    input.checkValidity();\n  }\n\n  override render(): TemplateResult {\n    const items = this.model;\n    if (!Array.isArray(items) || !items.length) {\n      return html`${this.renderEmptyMessage()}${this.renderFormInfo()}`;\n    }\n    return this.renderParams(items);\n  }\n\n  protected renderFormInfo(): TemplateResult | typeof nothing {\n    if (!this.allowFormInfo) {\n      return nothing;\n    }\n    return html`\n    <p class=\"form-info\">\n      Note that the content-type header will be added when the request is sent. \n      We encourage you to use variables to insert sensitive data.\n    </p>\n    `;\n  }\n\n  protected renderEmptyMessage(): TemplateResult {\n    return html`\n    <div class=\"empty-message\">No parameters added</div>\n    `;\n  }\n\n  protected renderParams(items: IProperty[]): TemplateResult {\n    return html`\n    ${items.map((item, index) => this.renderParam(item, index))}\n    ${this.renderFormInfo()}\n    `;\n  }\n\n  protected renderParam(item: IProperty, index: number): TemplateResult {\n    return html`\n    <div class=\"param-row\">\n      ${this.renderToggleButton(item, index)}\n      ${this.renderNameField(item, index)}\n      ${this.renderValueField(item, index)}\n      ${this.renderDeleteParameter(index)}\n    </div>\n    `;\n  }\n\n  protected renderToggleButton(item: IProperty, index: number): TemplateResult {\n    return html`\n    <ui-switch \n      .checked=\"${!!item.enabled}\" \n      @change=\"${this.handleToggle}\" \n      title=\"Enable / disable parameter\"\n      aria-label=\"Activate to toggle enabled state of this parameter\"\n      data-index=\"${index}\"\n      ?disabled=\"${this.readOnly}\"\n    ></ui-switch>\n    `;\n  }\n\n  protected renderDeleteParameter(index: number): TemplateResult {\n    return html`\n    <ui-icon-button \n      title=\"Removes this parameter\"\n      aria-label=\"Deletes this parameter\" \n      data-index=\"${index}\" \n      @click=\"${this.handleRemove}\"\n      ?disabled=\"${this.readOnly}\"\n    >\n      <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n\n  protected renderNameField(item: IProperty, index: number): TemplateResult {\n    const { autoEncode } = this;\n    const pattern = !autoEncode ? '\\\\S*' : undefined;\n    return html`\n    <div class=\"input-wrapper name-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <input\n        type=\"text\"\n        name=\"name\"\n        autocomplete=\"off\"\n        .value=\"${live(item.name as string)}\" \n        data-index=\"${index}\" \n        ?readOnly=\"${this.readOnly}\" \n        pattern=\"${ifDefined(pattern)}\"\n        aria-label=\"Parameter name value\"\n        @change=\"${this.handleNameChange}\"\n      />\n    </div>\n    `;\n  }\n\n  protected renderValueField(item: IProperty, index: number): TemplateResult {\n    const { autoEncode } = this;\n    const pattern = !autoEncode ? '\\\\S*' : undefined;\n    return html`\n    <div class=\"input-wrapper value-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <input\n        type=\"text\"\n        name=\"value\"\n        .value=\"${live(item.value as string)}\" \n        data-index=\"${index}\" \n        ?readOnly=\"${this.readOnly}\" \n        pattern=\"${ifDefined(pattern)}\"\n        aria-label=\"Parameter value\"\n        @change=\"${this.handleValueChange}\"\n      />\n    </div>\n    `;\n  }\n}\n"]}

package/dist/elements/http/HeadersForm.js

@@ -20,25 +20,24 @@ const nameSuggestions = HttpDefinitions.queryRequestHeaders().map(item => item.k
  * An editor that creates HTTP headers as a data model that can be translated into a headers string.
  */
 export default class HeadersForm extends ApiElement {
-    /**
-     * When set the editor is in read only mode.
-     * @attribute
-     */
-    readOnly = false;
-    /**
-     * Whether the text editor is rendered instead of the form.
-     * @attribute
-     */
-    text = false;
-    /**
-     * The headers model.
-     */
-    model = [];
-    internalModel = new HeadersArray();
-    textValue;
-    autocompleteMap = {};
     constructor() {
         super();
+        /**
+         * When set the editor is in read only mode.
+         * @attribute
+         */
+        this.readOnly = false;
+        /**
+         * Whether the text editor is rendered instead of the form.
+         * @attribute
+         */
+        this.text = false;
+        /**
+         * The headers model.
+         */
+        this.model = [];
+        this.internalModel = new HeadersArray();
+        this.autocompleteMap = {};
         this.handleGlobalContentType = this.handleGlobalContentType.bind(this);
     }
     connectedCallback() {

package/dist/elements/http/HeadersForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadersForm.js","sourceRoot":"","sources":["../../../src/elements/http/HeadersForm.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\nimport { html, PropertyValues, TemplateResult } from \"lit\";\nimport { Events as CoreEvents, Property, HeadersArray, HttpDefinitions, IProperty } from '@api-client/core/build/browser.js';\nimport { property, state } from \"lit/decorators.js\";\nimport { live } from \"lit/directives/live.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport Input from \"../../ui/input/Input.js\";\nimport SwitchElement from \"../../ui/input/SwitchElement.js\";\nimport { EventTypes } from \"../../events/EventTypes.js\";\nimport { SnackNotifications } from \"../../ui/notification/SnackNotifications.js\";\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-dropdown-list.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-switch.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-icon.js';\n\nconst nameSuggestions = HttpDefinitions.queryRequestHeaders().map(item => item.key);\n\n/**\n * An editor that creates HTTP headers as a data model that can be translated into a headers string.\n */\nexport default class HeadersForm extends ApiElement {\n  /**\n   * When set the editor is in read only mode.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * Whether the text editor is rendered instead of the form.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) text = false;\n\n  /**\n   * The headers model.\n   */\n  @property({ type: Array }) model: IProperty[] = [];\n\n  @state() protected internalModel = new HeadersArray();\n\n  @state() protected textValue?: string;\n\n  protected autocompleteMap: Record<string, string[]> = {};\n\n  constructor() {\n    super();\n    this.handleGlobalContentType = this.handleGlobalContentType.bind(this);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.eventsTarget.addEventListener(EventTypes.Http.Request.State.contentTypeChange, this.handleGlobalContentType as EventListener);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.eventsTarget.removeEventListener(EventTypes.Http.Request.State.contentTypeChange, this.handleGlobalContentType as EventListener);\n  }\n\n  protected override update(cp: PropertyValues<this>): void {\n    if (cp.has('model')) {\n      if (this.model) {\n        this.internalModel = HeadersArray.from(this.model);\n        this.model.forEach((item, index) => this.setupValueAutocomplete(item.name, index));\n      } else {\n        this.internalModel = new HeadersArray();\n      }\n    }\n    if (cp.has('text')) {\n      if (this.text) {\n        this.textValue = this.internalModel.toRawString();\n      } else {\n        this.textValue = undefined;\n      }\n    }\n    \n    super.update(cp);\n  }\n\n  protected setupHeaders(headers?: string): void {\n    this.autocompleteMap = {};\n    if (headers) {\n      this.internalModel = HeadersArray.fromHeaders(headers);\n      this.model = this.internalModel.toJSON();\n    } else {\n      this.internalModel = new HeadersArray();\n      this.model = [];\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Updates header value. It the header does not exists at the position it adds a new header.\n   * @param index The position at which the header is located\n   * @param value Header value\n   */\n  updateHeaderValue(index: number, value: string): void;\n\n  /**\n   * Updates header value. It the header does not exists at the position it adds a new header.\n   * @param name The name of the header to update.\n   * @param value Header value\n   */\n  updateHeaderValue(name: string, value: string): void;\n\n  /**\n   * Updates header value. It the header does not exists at the position it adds a new header.\n   * @param nameOrIndex Header name or index\n   * @param value Header value\n   */\n  updateHeaderValue(nameOrIndex: string | number, value: string): void {\n    const { internalModel } = this;\n    let index: number;\n    if (typeof nameOrIndex === 'number') {\n      index = nameOrIndex;\n    } else {\n      const lowerName = nameOrIndex.toLowerCase();\n      index = internalModel.findIndex((item) => (item.name || '').toLocaleLowerCase() === lowerName);\n    }\n    if (index === -1) {\n      if (typeof nameOrIndex === 'string') {\n        this.addHeader(nameOrIndex, value);\n      } else {\n        this.addHeader('', value);\n      }\n      this.propagateModelChange();\n      return;\n    }\n    internalModel[index].value = value;\n    this.model[index].value = value;\n    if (this.text) {\n      this.textValue = internalModel.toRawString();\n    }\n    this.propagateModelChange();\n    this.requestUpdate();\n  }\n\n  /**\n   * Updates header name. It the header does not exists at the position it adds a new header.\n   * @param index The position at which the header is located\n   * @param value The header name\n   */\n  updateHeaderName(index: number, value: string): void;\n\n  /**\n   * Updates header name. It the header does not exists at the position it adds a new header.\n   * @param name The name of the header to update.\n   * @param value The header name\n   */\n  updateHeaderName(name: string, value: string): void;\n\n  /**\n   * Updates header name. It the header does not exists at the position it adds a new header.\n   * @param nameOrIndex The header name or index\n   * @param value The header name\n   */\n  updateHeaderName(nameOrIndex: string | number, value: string): void {\n    const { internalModel } = this;\n    let index: number;\n    if (typeof nameOrIndex === 'number') {\n      index = nameOrIndex;\n    } else {\n      const lowerName = nameOrIndex.toLowerCase();\n      index = internalModel.findIndex((item) => (item.name || '').toLocaleLowerCase() === lowerName);\n    }\n    if (index === -1) {\n      this.addHeader(value);\n      return;\n    }\n    internalModel[index].name = value;\n    this.model[index].name = value;\n    this.setupValueAutocomplete(value, index);\n    if (this.text) {\n      this.textValue = internalModel.toRawString();\n    }\n    this.propagateModelChange();\n    this.requestUpdate();\n  }\n\n  protected setupValueAutocomplete(name: string, index: number): void {\n    const query = name.toLowerCase();\n    const items = HttpDefinitions.queryRequestHeaders(query);\n    const item = items.find(i => i.key.toLowerCase() === query);\n    if (item && item.autocomplete) {\n      this.autocompleteMap[`header-value-${index}`] = item.autocomplete;\n    } else {\n      delete this.autocompleteMap[`header-value-${index}`];\n    }\n  }\n\n  /**\n   * Removes a header from the list.\n   * @param name The name of the header to remove\n   */\n  removeHeader(name: string): void;\n\n  /**\n   * Removes a header from the list.\n   * @param index The position of the header to remove\n   */\n  removeHeader(index: number): void\n\n  /**\n   * Removes a header from the list.\n   * @param nameOrIndex Header name or its index.\n   */\n  removeHeader(nameOrIndex: string | number): void {\n    const { internalModel } = this;\n    let index: number;\n    if (typeof nameOrIndex === 'number') {\n      index = nameOrIndex;\n    } else {\n      const lowerName = nameOrIndex.toLowerCase();\n      index = internalModel.findIndex((item) => (item.name || '').toLocaleLowerCase() === lowerName);\n    }\n    if (index < 0) {\n      return;\n    }\n    internalModel.splice(index, 1);\n    this.model.splice(index, 1);\n    delete this.autocompleteMap[`header-value-${index}`];\n    if (this.text) {\n      this.textValue = internalModel.toRawString();\n    }\n    this.propagateModelChange();\n    this.requestUpdate();\n  }\n\n  /**\n   * Adds a header to the list of headers\n   */\n  addHeader(name = '', value = ''): void {\n    const prop = Property.String(name, value);\n    this.internalModel.push(prop);\n    this.model.push(prop.toJSON());\n    // the value hasn't actually changed here so no events\n    this.requestUpdate();\n  }\n\n  /**\n   * Removes all parameters.\n   */\n  clear(): void {\n    this.model.splice(0);\n    this.internalModel.splice(0);\n    this.propagateModelChange();\n    this.autocompleteMap = {};\n    if (this.text) {\n      this.textValue = '';\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Toggles enabled state of a header.\n   */\n  toggleHeader(index: number, enabled: boolean): void {\n    this.model[index].enabled = enabled;\n    this.internalModel[index].enabled = enabled;\n    if (this.text) {\n      this.textValue = this.internalModel.toRawString();\n    }\n    this.propagateModelChange();\n  }\n\n  /**\n   * Toggles the state between form and text editors.\n   */\n  toggle(): void {\n    this.text = !this.text;\n  }\n\n  async copyToClipboard(): Promise<void> {\n    if (!navigator.clipboard) {\n      throw new Error(`Clipboard API not supported.`);\n    }\n    await navigator.clipboard.writeText(this.internalModel.toString());\n    SnackNotifications.notify('Headers copied to clipboard.', 2000);\n    CoreEvents.Telemetry.event({\n      category: 'Usage',\n      action: 'Click',\n      label: 'Headers editor clipboard copy',\n    }, this);\n  }\n\n  /**\n   * Dispatches the `change` event to notify about the value change\n   */\n  protected notifyChange(): void {\n    this.dispatchEvent(new Event('change'))\n  }\n\n  protected handleGlobalContentType(e: CustomEvent): void {\n    const { value } = e.detail;\n    this.updateHeaderValue('content-type', value);\n  }\n\n  /**\n   * Updates the `value` from the current model and dispatches the value change event\n   */\n  protected propagateModelChange(): void {\n    this.notifyChange();\n  }\n\n  protected async focusLast(): Promise<void> {\n    await this.updateComplete;\n    const row = this.shadowRoot?.querySelector('.param-row:last-of-type');\n    if (!row) {\n      return;\n    }\n    try {\n      const node = row.querySelector('.name-input input') as HTMLInputElement | undefined;\n      if (node) {\n        node.focus();\n      }\n    } catch (e) {\n      // ...\n    }\n  }\n\n  protected handleAdd(): void {\n    this.addHeader();\n  }\n\n  protected handleOption(e: CustomEvent): void {\n    const element = e.detail.item as HTMLElement;\n    const { option } = element.dataset;\n    if (!option) {\n      return;\n    }\n    if (option === 'clear') {\n      this.clear();\n    } else if (option === 'text-editor') {\n      this.toggle();\n    }\n  }\n\n  protected handleNameChange(e: Event): void {\n    const input = e.target as Input;\n    const index = Number(input.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.updateHeaderName(index, input.value);\n    input.checkValidity();\n  }\n\n  protected handleValueChange(e: Event): void {\n    const input = e.target as Input;\n    const index = Number(input.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.updateHeaderValue(index, input.value);\n    input.checkValidity();\n  }\n\n  protected handleRemove(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    const index = Number(node.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.removeHeader(index);\n  }\n\n  protected handleToggle(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    const index = Number(node.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.toggleHeader(index, node.checked);\n  }\n\n  protected handleText(e: Event): void {\n    const input = e.target as HTMLTextAreaElement;\n    const { value } = input;\n    this.setupHeaders(value);\n    this.textValue = value;\n    this.notifyChange();\n  }\n\n  protected handleCopy(): void {\n    this.copyToClipboard();\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    ${this.renderActionButtons()}\n    ${this.renderEditor()}\n    ${this.renderNamesList()}\n    ${this.renderAutocompleteLists()}\n    `;\n  }\n\n  protected renderActionButtons(): TemplateResult {\n    return html`\n    <div class=\"editor-actions\">\n      <ui-button type=\"tonal\" @click=\"${this.handleAdd}\">Add</ui-button>\n      <ui-button type=\"tonal\" @click=\"${this.handleCopy}\">Copy</ui-button>\n      <ui-dropdown-list @select=\"${this.handleOption}\" closeOnOutsideClick class=\"dropdown\">\n        <ui-icon-button aria-label=\"Additional options\"><ui-icon icon=\"moreVert\" role=\"presentation\"></ui-icon></ui-icon-button>\n        <ui-list slot=\"dropdown\" role=\"menu\">\n          <ui-list-item role=\"menuitem\" data-option=\"text-editor\" image=\"icon\" title=\"Toggles between a text editor and a form\">\n            <ui-icon role=\"presentation\" slot=\"start\" icon=\"${this.text ? 'checkBox' : 'checkBoxBlank'}\"></ui-icon>\n            Text editor\n          </ui-list-item>\n          <ui-divider type=\"inset\"></ui-divider>\n          <ui-list-item role=\"menuitem\" data-option=\"clear\" image=\"icon\" title=\"Removes all parameters from the editor\">\n            <ui-icon role=\"presentation\" slot=\"start\" icon=\"deleteOutline\"></ui-icon>\n            Clear form\n          </ui-list-item>\n        </ui-list>\n      </ui-dropdown-list>\n    </div>\n    `;\n  }\n\n  protected renderEditor(): TemplateResult {\n    if (this.text) {\n      return this.renderText();\n    }\n    return this.renderList();\n  }\n\n  protected renderText(): TemplateResult {\n    const { textValue = '' } = this;\n    return html`\n    <div class=\"text-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <textarea \n        .value=\"${live(textValue)}\"\n        data-enable-grammarly=\"false\"\n        @change=\"${this.handleText}\"\n      ></textarea>\n    </div>\n    `;\n  }\n\n  protected renderList(): TemplateResult {\n    const items = this.internalModel;\n    if (!Array.isArray(items) || !items.length) {\n      return this.renderEmptyMessage();\n    }\n    return this.renderParams(items);\n  }\n\n  protected renderEmptyMessage(): TemplateResult {\n    return html`\n    <div class=\"empty-message\">No parameters added</div>\n    `;\n  }\n\n  protected renderParams(items: HeadersArray): TemplateResult {\n    return html`\n    ${items.map((item, index) => this.renderParam(item, index))}\n    `;\n  }\n\n  protected renderParam(item: Property, index: number): TemplateResult {\n    return html`\n    <div class=\"param-row\">\n      ${this.renderToggleButton(item, index)}\n      ${this.renderNameField(item, index)}\n      ${this.renderValueField(item, index)}\n      ${this.renderDeleteParameter(index)}\n    </div>\n    `;\n  }\n\n  protected renderToggleButton(item: Property, index: number): TemplateResult {\n    return html`\n    <ui-switch \n      .checked=\"${!!item.enabled}\" \n      @change=\"${this.handleToggle}\" \n      aria-label=\"Toggle this parameter\"\n      data-index=\"${index}\"\n    ></ui-switch>\n    `;\n  }\n\n  protected renderDeleteParameter(index: number): TemplateResult {\n    return html`\n    <ui-icon-button aria-label=\"Delete this parameter\" data-index=\"${index}\" @click=\"${this.handleRemove}\">\n      <ui-icon icon=\"deleteOutline\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n\n  protected renderNameField(item: Property, index: number): TemplateResult {\n    return html`\n    <div class=\"input-wrapper name-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <input\n        type=\"text\"\n        name=\"name\"\n        autocomplete=\"off\"\n        .value=\"${live(item.name)}\" \n        data-index=\"${index}\" \n        ?readOnly=\"${this.readOnly}\" \n        pattern=\"\\\\S*\" \n        aria-label=\"Parameter name value\"\n        @change=\"${this.handleNameChange}\"\n        list=\"names-list\"\n      />\n    </div>\n    `;\n  }\n\n  protected renderValueField(item: Property, index: number): TemplateResult {\n    return html`\n    <div class=\"input-wrapper value-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <input\n        type=\"text\"\n        name=\"value\"\n        .value=\"${live(item.value as string)}\" \n        data-index=\"${index}\" \n        ?readOnly=\"${this.readOnly}\" \n        aria-label=\"Parameter value\"\n        @change=\"${this.handleValueChange}\"\n        list=\"header-value-${index}\"\n      />\n    </div>\n    `;\n  }\n\n  protected renderNamesList(): TemplateResult {\n    return html`\n    <datalist id=\"names-list\">\n    ${nameSuggestions.map(i => html`<option value=\"${i}\">`)}\n    </datalist>\n    `;\n  }\n\n  protected renderAutocompleteLists(): TemplateResult[] {\n    const { autocompleteMap } = this;\n    return Object.keys(autocompleteMap).map(key => html`\n    <datalist id=\"${key}\">\n    ${autocompleteMap[key].map(i => html`<option value=\"${i}\">`)}\n    </datalist>\n    `)\n  }\n}\n"]}
+{"version":3,"file":"HeadersForm.js","sourceRoot":"","sources":["../../../src/elements/http/HeadersForm.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\nimport { html, PropertyValues, TemplateResult } from \"lit\";\nimport { Events as CoreEvents, Property, HeadersArray, HttpDefinitions, IProperty } from '@api-client/core/build/browser.js';\nimport { property, state } from \"lit/decorators.js\";\nimport { live } from \"lit/directives/live.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport Input from \"../../ui/input/Input.js\";\nimport SwitchElement from \"../../ui/input/SwitchElement.js\";\nimport { EventTypes } from \"../../events/EventTypes.js\";\nimport { SnackNotifications } from \"../../ui/notification/SnackNotifications.js\";\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-dropdown-list.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-switch.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-icon.js';\n\nconst nameSuggestions = HttpDefinitions.queryRequestHeaders().map(item => item.key);\n\n/**\n * An editor that creates HTTP headers as a data model that can be translated into a headers string.\n */\nexport default class HeadersForm extends ApiElement {\n  /**\n   * When set the editor is in read only mode.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * Whether the text editor is rendered instead of the form.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) text = false;\n\n  /**\n   * The headers model.\n   */\n  @property({ type: Array }) model: IProperty[] = [];\n\n  @state() protected internalModel = new HeadersArray();\n\n  @state() protected textValue?: string;\n\n  protected autocompleteMap: Record<string, string[]> = {};\n\n  constructor() {\n    super();\n    this.handleGlobalContentType = this.handleGlobalContentType.bind(this);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.eventsTarget.addEventListener(EventTypes.Http.Request.State.contentTypeChange, this.handleGlobalContentType as EventListener);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.eventsTarget.removeEventListener(EventTypes.Http.Request.State.contentTypeChange, this.handleGlobalContentType as EventListener);\n  }\n\n  protected override update(cp: PropertyValues<this>): void {\n    if (cp.has('model')) {\n      if (this.model) {\n        this.internalModel = HeadersArray.from(this.model);\n        this.model.forEach((item, index) => this.setupValueAutocomplete(item.name, index));\n      } else {\n        this.internalModel = new HeadersArray();\n      }\n    }\n    if (cp.has('text')) {\n      if (this.text) {\n        this.textValue = this.internalModel.toRawString();\n      } else {\n        this.textValue = undefined;\n      }\n    }\n    \n    super.update(cp);\n  }\n\n  protected setupHeaders(headers?: string): void {\n    this.autocompleteMap = {};\n    if (headers) {\n      this.internalModel = HeadersArray.fromHeaders(headers);\n      this.model = this.internalModel.toJSON();\n    } else {\n      this.internalModel = new HeadersArray();\n      this.model = [];\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Updates header value. It the header does not exists at the position it adds a new header.\n   * @param index The position at which the header is located\n   * @param value Header value\n   */\n  updateHeaderValue(index: number, value: string): void;\n\n  /**\n   * Updates header value. It the header does not exists at the position it adds a new header.\n   * @param name The name of the header to update.\n   * @param value Header value\n   */\n  updateHeaderValue(name: string, value: string): void;\n\n  /**\n   * Updates header value. It the header does not exists at the position it adds a new header.\n   * @param nameOrIndex Header name or index\n   * @param value Header value\n   */\n  updateHeaderValue(nameOrIndex: string | number, value: string): void {\n    const { internalModel } = this;\n    let index: number;\n    if (typeof nameOrIndex === 'number') {\n      index = nameOrIndex;\n    } else {\n      const lowerName = nameOrIndex.toLowerCase();\n      index = internalModel.findIndex((item) => (item.name || '').toLocaleLowerCase() === lowerName);\n    }\n    if (index === -1) {\n      if (typeof nameOrIndex === 'string') {\n        this.addHeader(nameOrIndex, value);\n      } else {\n        this.addHeader('', value);\n      }\n      this.propagateModelChange();\n      return;\n    }\n    internalModel[index].value = value;\n    this.model[index].value = value;\n    if (this.text) {\n      this.textValue = internalModel.toRawString();\n    }\n    this.propagateModelChange();\n    this.requestUpdate();\n  }\n\n  /**\n   * Updates header name. It the header does not exists at the position it adds a new header.\n   * @param index The position at which the header is located\n   * @param value The header name\n   */\n  updateHeaderName(index: number, value: string): void;\n\n  /**\n   * Updates header name. It the header does not exists at the position it adds a new header.\n   * @param name The name of the header to update.\n   * @param value The header name\n   */\n  updateHeaderName(name: string, value: string): void;\n\n  /**\n   * Updates header name. It the header does not exists at the position it adds a new header.\n   * @param nameOrIndex The header name or index\n   * @param value The header name\n   */\n  updateHeaderName(nameOrIndex: string | number, value: string): void {\n    const { internalModel } = this;\n    let index: number;\n    if (typeof nameOrIndex === 'number') {\n      index = nameOrIndex;\n    } else {\n      const lowerName = nameOrIndex.toLowerCase();\n      index = internalModel.findIndex((item) => (item.name || '').toLocaleLowerCase() === lowerName);\n    }\n    if (index === -1) {\n      this.addHeader(value);\n      return;\n    }\n    internalModel[index].name = value;\n    this.model[index].name = value;\n    this.setupValueAutocomplete(value, index);\n    if (this.text) {\n      this.textValue = internalModel.toRawString();\n    }\n    this.propagateModelChange();\n    this.requestUpdate();\n  }\n\n  protected setupValueAutocomplete(name: string, index: number): void {\n    const query = name.toLowerCase();\n    const items = HttpDefinitions.queryRequestHeaders(query);\n    const item = items.find(i => i.key.toLowerCase() === query);\n    if (item && item.autocomplete) {\n      this.autocompleteMap[`header-value-${index}`] = item.autocomplete;\n    } else {\n      delete this.autocompleteMap[`header-value-${index}`];\n    }\n  }\n\n  /**\n   * Removes a header from the list.\n   * @param name The name of the header to remove\n   */\n  removeHeader(name: string): void;\n\n  /**\n   * Removes a header from the list.\n   * @param index The position of the header to remove\n   */\n  removeHeader(index: number): void\n\n  /**\n   * Removes a header from the list.\n   * @param nameOrIndex Header name or its index.\n   */\n  removeHeader(nameOrIndex: string | number): void {\n    const { internalModel } = this;\n    let index: number;\n    if (typeof nameOrIndex === 'number') {\n      index = nameOrIndex;\n    } else {\n      const lowerName = nameOrIndex.toLowerCase();\n      index = internalModel.findIndex((item) => (item.name || '').toLocaleLowerCase() === lowerName);\n    }\n    if (index < 0) {\n      return;\n    }\n    internalModel.splice(index, 1);\n    this.model.splice(index, 1);\n    delete this.autocompleteMap[`header-value-${index}`];\n    if (this.text) {\n      this.textValue = internalModel.toRawString();\n    }\n    this.propagateModelChange();\n    this.requestUpdate();\n  }\n\n  /**\n   * Adds a header to the list of headers\n   */\n  addHeader(name = '', value = ''): void {\n    const prop = Property.String(name, value);\n    this.internalModel.push(prop);\n    this.model.push(prop.toJSON());\n    // the value hasn't actually changed here so no events\n    this.requestUpdate();\n  }\n\n  /**\n   * Removes all parameters.\n   */\n  clear(): void {\n    this.model.splice(0);\n    this.internalModel.splice(0);\n    this.propagateModelChange();\n    this.autocompleteMap = {};\n    if (this.text) {\n      this.textValue = '';\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Toggles enabled state of a header.\n   */\n  toggleHeader(index: number, enabled: boolean): void {\n    this.model[index].enabled = enabled;\n    this.internalModel[index].enabled = enabled;\n    if (this.text) {\n      this.textValue = this.internalModel.toRawString();\n    }\n    this.propagateModelChange();\n  }\n\n  /**\n   * Toggles the state between form and text editors.\n   */\n  toggle(): void {\n    this.text = !this.text;\n  }\n\n  async copyToClipboard(): Promise<void> {\n    if (!navigator.clipboard) {\n      throw new Error(`Clipboard API not supported.`);\n    }\n    await navigator.clipboard.writeText(this.internalModel.toString());\n    SnackNotifications.notify('Headers copied to clipboard.', 2000);\n    CoreEvents.Telemetry.event({\n      category: 'Usage',\n      action: 'Click',\n      label: 'Headers editor clipboard copy',\n    }, this);\n  }\n\n  /**\n   * Dispatches the `change` event to notify about the value change\n   */\n  protected notifyChange(): void {\n    this.dispatchEvent(new Event('change'))\n  }\n\n  protected handleGlobalContentType(e: CustomEvent): void {\n    const { value } = e.detail;\n    this.updateHeaderValue('content-type', value);\n  }\n\n  /**\n   * Updates the `value` from the current model and dispatches the value change event\n   */\n  protected propagateModelChange(): void {\n    this.notifyChange();\n  }\n\n  protected async focusLast(): Promise<void> {\n    await this.updateComplete;\n    const row = this.shadowRoot?.querySelector('.param-row:last-of-type');\n    if (!row) {\n      return;\n    }\n    try {\n      const node = row.querySelector('.name-input input') as HTMLInputElement | undefined;\n      if (node) {\n        node.focus();\n      }\n    } catch (e) {\n      // ...\n    }\n  }\n\n  protected handleAdd(): void {\n    this.addHeader();\n  }\n\n  protected handleOption(e: CustomEvent): void {\n    const element = e.detail.item as HTMLElement;\n    const { option } = element.dataset;\n    if (!option) {\n      return;\n    }\n    if (option === 'clear') {\n      this.clear();\n    } else if (option === 'text-editor') {\n      this.toggle();\n    }\n  }\n\n  protected handleNameChange(e: Event): void {\n    const input = e.target as Input;\n    const index = Number(input.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.updateHeaderName(index, input.value);\n    input.checkValidity();\n  }\n\n  protected handleValueChange(e: Event): void {\n    const input = e.target as Input;\n    const index = Number(input.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.updateHeaderValue(index, input.value);\n    input.checkValidity();\n  }\n\n  protected handleRemove(e: Event): void {\n    const node = e.currentTarget as HTMLElement;\n    const index = Number(node.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.removeHeader(index);\n  }\n\n  protected handleToggle(e: Event): void {\n    const node = e.currentTarget as SwitchElement;\n    const index = Number(node.dataset.index);\n    if (Number.isNaN(index)) {\n      return;\n    }\n    this.toggleHeader(index, node.checked);\n  }\n\n  protected handleText(e: Event): void {\n    const input = e.target as HTMLTextAreaElement;\n    const { value } = input;\n    this.setupHeaders(value);\n    this.textValue = value;\n    this.notifyChange();\n  }\n\n  protected handleCopy(): void {\n    this.copyToClipboard();\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    ${this.renderActionButtons()}\n    ${this.renderEditor()}\n    ${this.renderNamesList()}\n    ${this.renderAutocompleteLists()}\n    `;\n  }\n\n  protected renderActionButtons(): TemplateResult {\n    return html`\n    <div class=\"editor-actions\">\n      <ui-button type=\"tonal\" @click=\"${this.handleAdd}\">Add</ui-button>\n      <ui-button type=\"tonal\" @click=\"${this.handleCopy}\">Copy</ui-button>\n      <ui-dropdown-list @select=\"${this.handleOption}\" closeOnOutsideClick class=\"dropdown\">\n        <ui-icon-button aria-label=\"Additional options\"><ui-icon icon=\"moreVert\" role=\"presentation\"></ui-icon></ui-icon-button>\n        <ui-list slot=\"dropdown\" role=\"menu\">\n          <ui-list-item role=\"menuitem\" data-option=\"text-editor\" image=\"icon\" title=\"Toggles between a text editor and a form\">\n            <ui-icon role=\"presentation\" slot=\"start\" icon=\"${this.text ? 'checkBox' : 'checkBoxBlank'}\"></ui-icon>\n            Text editor\n          </ui-list-item>\n          <ui-divider type=\"inset\"></ui-divider>\n          <ui-list-item role=\"menuitem\" data-option=\"clear\" image=\"icon\" title=\"Removes all parameters from the editor\">\n            <ui-icon role=\"presentation\" slot=\"start\" icon=\"deleteOutline\"></ui-icon>\n            Clear form\n          </ui-list-item>\n        </ui-list>\n      </ui-dropdown-list>\n    </div>\n    `;\n  }\n\n  protected renderEditor(): TemplateResult {\n    if (this.text) {\n      return this.renderText();\n    }\n    return this.renderList();\n  }\n\n  protected renderText(): TemplateResult {\n    const { textValue = '' } = this;\n    return html`\n    <div class=\"text-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <textarea \n        .value=\"${live(textValue)}\"\n        data-enable-grammarly=\"false\"\n        @change=\"${this.handleText}\"\n      ></textarea>\n    </div>\n    `;\n  }\n\n  protected renderList(): TemplateResult {\n    const items = this.internalModel;\n    if (!Array.isArray(items) || !items.length) {\n      return this.renderEmptyMessage();\n    }\n    return this.renderParams(items);\n  }\n\n  protected renderEmptyMessage(): TemplateResult {\n    return html`\n    <div class=\"empty-message\">No parameters added</div>\n    `;\n  }\n\n  protected renderParams(items: HeadersArray): TemplateResult {\n    return html`\n    ${items.map((item, index) => this.renderParam(item, index))}\n    `;\n  }\n\n  protected renderParam(item: Property, index: number): TemplateResult {\n    return html`\n    <div class=\"param-row\">\n      ${this.renderToggleButton(item, index)}\n      ${this.renderNameField(item, index)}\n      ${this.renderValueField(item, index)}\n      ${this.renderDeleteParameter(index)}\n    </div>\n    `;\n  }\n\n  protected renderToggleButton(item: Property, index: number): TemplateResult {\n    return html`\n    <ui-switch \n      .checked=\"${!!item.enabled}\" \n      @change=\"${this.handleToggle}\" \n      aria-label=\"Toggle this parameter\"\n      data-index=\"${index}\"\n    ></ui-switch>\n    `;\n  }\n\n  protected renderDeleteParameter(index: number): TemplateResult {\n    return html`\n    <ui-icon-button aria-label=\"Delete this parameter\" data-index=\"${index}\" @click=\"${this.handleRemove}\">\n      <ui-icon icon=\"deleteOutline\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n\n  protected renderNameField(item: Property, index: number): TemplateResult {\n    return html`\n    <div class=\"input-wrapper name-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <input\n        type=\"text\"\n        name=\"name\"\n        autocomplete=\"off\"\n        .value=\"${live(item.name)}\" \n        data-index=\"${index}\" \n        ?readOnly=\"${this.readOnly}\" \n        pattern=\"\\\\S*\" \n        aria-label=\"Parameter name value\"\n        @change=\"${this.handleNameChange}\"\n        list=\"names-list\"\n      />\n    </div>\n    `;\n  }\n\n  protected renderValueField(item: Property, index: number): TemplateResult {\n    return html`\n    <div class=\"input-wrapper value-input\">\n      <div class=\"error\" role=\"presentation\">Invalid character</div>\n      <div class=\"state\"></div>\n      <input\n        type=\"text\"\n        name=\"value\"\n        .value=\"${live(item.value as string)}\" \n        data-index=\"${index}\" \n        ?readOnly=\"${this.readOnly}\" \n        aria-label=\"Parameter value\"\n        @change=\"${this.handleValueChange}\"\n        list=\"header-value-${index}\"\n      />\n    </div>\n    `;\n  }\n\n  protected renderNamesList(): TemplateResult {\n    return html`\n    <datalist id=\"names-list\">\n    ${nameSuggestions.map(i => html`<option value=\"${i}\">`)}\n    </datalist>\n    `;\n  }\n\n  protected renderAutocompleteLists(): TemplateResult[] {\n    const { autocompleteMap } = this;\n    return Object.keys(autocompleteMap).map(key => html`\n    <datalist id=\"${key}\">\n    ${autocompleteMap[key].map(i => html`<option value=\"${i}\">`)}\n    </datalist>\n    `)\n  }\n}\n"]}

package/dist/elements/http/HttpAssertions.js

@@ -16,11 +16,14 @@ import '../../define/ui/ui-dialog.js';
  * @fires change When the model change
  */
 export default class HttpAssertions extends ApiElement {
-    /**
-     * The list of assertions.
-     * This is a live list. All changes are propagated in the model.
-     */
-    model = [];
+    constructor() {
+        super(...arguments);
+        /**
+         * The list of assertions.
+         * This is a live list. All changes are propagated in the model.
+         */
+        this.model = [];
+    }
     /**
      * Adds a new empty assertion to the model.
      * Note, this function won't notify the parent element
@@ -98,7 +101,6 @@ export default class HttpAssertions extends ApiElement {
         this.notifyChange();
         this.requestUpdate();
     }
-    draggedChip;
     isValidDropTarget(dataTransfer) {
         if (!dataTransfer) {
             return false;