@api-client/ui 0.0.5 → 0.0.8

package/dist/elements/environment/EnvironmentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/environment/EnvironmentEditor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"EnvironmentEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/environment/EnvironmentEditor.ts"],"names":[],"mappings":"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"}

package/dist/elements/environment/EnvironmentEditor.js

@@ -1,11 +1,12 @@
 import { __decorate } from "tslib";
-/* eslint-disable class-methods-use-this */
-import { LitElement, html } from 'lit';
+import { html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { Environment, Server, RequestAuthorization } from '@api-client/core/build/browser.js';
 import { live } from 'lit/directives/live.js';
+import ApiElement from '../ApiElement.js';
 import { Events } from '../../events/Events.js';
 import elementStyles from './EnvironmentEditor.styles.js';
+import { authTypeToLabel } from '../authorization/AuthLabels.js';
 import '../../define/environment/server-editor.js';
 import '../../define/environment/variables-editor.js';
 import '../../define/ui/ui-icon.js';
@@ -14,21 +15,30 @@ import '../../define/ui/ui-switch.js';
 import '../../define/ui/ui-icon-button.js';
 import '../../define/ui/ui-button.js';
 import '../../define/ui/ui-divider.js';
-import { authTypeToLabel } from '../authorization/AuthLabels.js';
+import '../../define/ui/ui-tabs.js';
+import '../../define/ui/ui-tab.js';
+import '../../define/authorization/basic-authorization.js';
+import '../../define/authorization/bearer-authorization.js';
+import '../../define/authorization/ntlm-authorization.js';
+import '../../define/authorization/apikey-authorization.js';
+import '../../define/authorization/oauth2-authorization.js';
+import '../../define/authorization/oidc-authorization.js';
+import '../../define/authorization/cc-authorization.js';
 /**
  * An element that renders a form to set up an environment.
  */
-export default class EnvironmentEditor extends LitElement {
+export default class EnvironmentEditor extends ApiElement {
+    static get styles() {
+        return [elementStyles];
+    }
     constructor() {
-        super(...arguments);
+        super();
         /**
          * The environment schema to edit.
          */
         this.environment = new Environment().toJSON();
         this.encapsulateHelp = false;
-    }
-    static get styles() {
-        return [elementStyles];
+        this.selected = 'server';
     }
     updateName(value) {
         this.environment.info.name = value;
@@ -55,9 +65,6 @@ export default class EnvironmentEditor extends LitElement {
             node.generateValue();
         }
     }
-    notifyChange() {
-        this.dispatchEvent(new Event('change'));
-    }
     handleServerChange(e) {
         const editor = e.target;
         const value = editor.getSchema();
@@ -165,21 +172,32 @@ export default class EnvironmentEditor extends LitElement {
         this.notifyChange();
         this.requestUpdate();
     }
+    handleTabSelection(e) {
+        const { item } = e.detail;
+        const { page } = item.dataset;
+        if (!page) {
+            return;
+        }
+        this.selected = page;
+    }
     render() {
         return html `
     ${this.renderHeader()}
     ${this.renderEnvironmentEditor()}
-    <ui-divider></ui-divider>
-    ${this.renderServerTemplate()}
-    <ui-divider></ui-divider>
-    ${this.renderVariables()}
-    <ui-divider></ui-divider>
-    ${this.renderAuthorization()}
+    ${this.renderTabs()}
+    ${this.renderPage()}
     `;
     }
     renderHeader() {
         return html `<div class="section-title">Environment</div>`;
     }
+    renderPage() {
+        switch (this.selected) {
+            case 'authorization': return this.renderAuthorization();
+            case 'variables': return this.renderVariables();
+            default: return this.renderServerTemplate();
+        }
+    }
     renderEnvironmentEditor() {
         return html `
     <section aria-label="Environment configuration">
@@ -242,7 +260,7 @@ export default class EnvironmentEditor extends LitElement {
     renderServerTemplate() {
         const { server } = this.environment;
         return html `
-    <section aria-label="Server information">
+    <section aria-label="Server information" id="server" class="editor-container">
       ${server ? this.renderServerEditor(server) : this.renderNoServer()}
     </section>
     `;
@@ -270,7 +288,7 @@ export default class EnvironmentEditor extends LitElement {
     }
     renderVariables() {
         return html `
-    <section aria-label="Variables">
+    <section aria-label="Variables" id="variables" class="editor-container">
       ${this.renderVariablesEditor()}
     </section>
     `;
@@ -282,10 +300,12 @@ export default class EnvironmentEditor extends LitElement {
     renderAuthorization() {
         const { authorization = [] } = this.environment;
         return html `
-    <div class="section-title">Authorization</div>
-    <p class="auth-info">The authorization is applied to all requests in the current folder when the request is executed.</p>
-    ${this.renderAuthorizationActions(authorization)}
-    ${this.renderAuthorizationList(authorization)}
+    <section id="authorization" aria-label="Authorization" class="editor-container">
+      <div class="section-title">Authorization</div>
+      <p class="auth-info">The authorization is applied to all requests in the current folder when the request is executed.</p>
+      ${this.renderAuthorizationActions(authorization)}
+      ${this.renderAuthorizationList(authorization)}
+    </section>
     `;
     }
     renderAuthorizationActions(current = []) {
@@ -370,6 +390,8 @@ export default class EnvironmentEditor extends LitElement {
     <basic-authorization
       .authorization="${auth}"
       class="auth-panel"
+      canDelete
+      canToggle
       @change="${this.handleAuthChange}"
       @delete="${this.handleAuthDelete}"
     ></basic-authorization>
@@ -380,6 +402,8 @@ export default class EnvironmentEditor extends LitElement {
     <bearer-authorization
       .authorization="${auth}"
       class="auth-panel"
+      canDelete
+      canToggle
       @change="${this.handleAuthChange}"
       @delete="${this.handleAuthDelete}"
     ></bearer-authorization>
@@ -390,6 +414,8 @@ export default class EnvironmentEditor extends LitElement {
     <ntlm-authorization
       .authorization="${auth}"
       class="auth-panel"
+      canDelete
+      canToggle
       @change="${this.handleAuthChange}"
       @delete="${this.handleAuthDelete}"
     ></ntlm-authorization>
@@ -400,6 +426,8 @@ export default class EnvironmentEditor extends LitElement {
     <oauth2-authorization
       .authorization="${auth}"
       class="auth-panel"
+      canDelete
+      canToggle
       @change="${this.handleAuthChange}"
       @delete="${this.handleAuthDelete}"
       .defaultRedirectUri="${this.oauth2RedirectUri}"
@@ -411,6 +439,8 @@ export default class EnvironmentEditor extends LitElement {
     <oidc-authorization
       .authorization="${auth}"
       class="auth-panel"
+      canDelete
+      canToggle
       @change="${this.handleAuthChange}"
       @delete="${this.handleAuthDelete}"
       .defaultRedirectUri="${this.oauth2RedirectUri}"
@@ -422,6 +452,8 @@ export default class EnvironmentEditor extends LitElement {
     <cc-authorization
       .authorization="${auth}"
       class="auth-panel"
+      canDelete
+      canToggle
       @change="${this.handleAuthChange}"
       @delete="${this.handleAuthDelete}"
     ></cc-authorization>
@@ -432,11 +464,22 @@ export default class EnvironmentEditor extends LitElement {
     <apikey-authorization
       .authorization="${auth}"
       class="auth-panel"
+      canDelete
+      canToggle
       @change="${this.handleAuthChange}"
       @delete="${this.handleAuthDelete}"
     ></apikey-authorization>
     `;
     }
+    renderTabs() {
+        return html `
+    <ui-tabs .selected="${this.selected}" @select="${this.handleTabSelection}">
+      <ui-tab aria-controls="server" data-page="server">Server</ui-tab>
+      <ui-tab aria-controls="variables" data-page="variables">Variables</ui-tab>
+      <ui-tab aria-controls="authorization" data-page="authorization">Authorization</ui-tab>
+    </ui-tabs>
+    `;
+    }
 }
 __decorate([
     property({ type: Object })
@@ -447,4 +490,7 @@ __decorate([
 __decorate([
     state()
 ], EnvironmentEditor.prototype, "encapsulateHelp", void 0);
+__decorate([
+    property({ type: String })
+], EnvironmentEditor.prototype, "selected", void 0);
 //# sourceMappingURL=EnvironmentEditor.js.map

package/dist/elements/environment/EnvironmentEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentEditor.js","sourceRoot":"","sources":["../../../src/elements/environment/EnvironmentEditor.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { LitElement, html, TemplateResult, CSSResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { IEnvironment, Environment, IServer, Server, IProperty, IRequestAuthorization, AuthorizationType, RequestAuthorization } from '@api-client/core/build/browser.js';\nimport { live } from 'lit/directives/live.js';\nimport ServerEditor from './ServerEditor.js';\nimport VariablesEditor from './VariablesEditor.js';\nimport { Events } from '../../events/Events.js';\nimport Input from '../../ui/input/Input.js';\nimport elementStyles from './EnvironmentEditor.styles.js';\nimport SwitchElement from '../../ui/input/SwitchElement.js';\nimport '../../define/environment/server-editor.js';\nimport '../../define/environment/variables-editor.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-switch.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-divider.js';\nimport { authTypeToLabel } from '../authorization/AuthLabels.js';\nimport { Authorization } from '../authorization/ui/Authorization.js';\n\n/**\n * An element that renders a form to set up an environment.\n */\nexport default class EnvironmentEditor extends LitElement {\n  static override get styles(): CSSResult[] {\n    return [elementStyles];\n  }\n\n  /**\n   * The environment schema to edit.\n   */\n  @property({ type: Object }) environment: IEnvironment = new Environment().toJSON();\n\n  /**\n   * Redirect URL for the OAuth2 authorization.\n   * If can be also set by dispatching `oauth2-redirect-url-changed`\n   * with `value` property on the `detail` object.\n   */\n  @property({ type: String }) oauth2RedirectUri?: string;\n\n  @state() encapsulateHelp = false;\n\n  updateName(value: string): void {\n    this.environment.info.name = value;\n    this.notifyChange();\n    Events.HttpProject.State.nameChanged(this.environment.key, this.environment.kind, this);\n  }\n\n  updateEncapsulated(value: boolean): void {\n    this.environment.encapsulated = value;\n    this.notifyChange();\n  }\n\n  deleteServer(): void {\n    this.environment.server = undefined;\n    this.requestUpdate();\n    this.notifyChange();\n  }\n\n  updateVariables(value?: IProperty[]): void {\n    if (value) {\n      this.environment.variables = value;\n    }\n    this.notifyChange();\n    // when modifying variables they won't be reflected in the server editor.\n    const node = this.shadowRoot?.querySelector('server-editor');\n    if (node) {\n      node.generateValue();\n    }\n  }\n\n  protected notifyChange(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  protected handleServerChange(e: Event): void {\n    const editor = e.target as ServerEditor;\n    const value = editor.getSchema();\n    this.environment.server = value;\n    this.notifyChange();\n  }\n\n  protected handleVariableChange(e: Event): void {\n    const editor = e.target as VariablesEditor;\n    const { variables } = editor;\n    this.updateVariables(variables);\n  }\n\n  protected _createServerHandler(): void {\n    const server = new Server();\n    this.environment.server = server.toJSON();\n    this.requestUpdate();\n  }\n\n  protected handleEncapsulatedChange(e: Event): void {\n    const input = e.target as SwitchElement;\n    this.updateEncapsulated(input.checked);\n  }\n\n  protected handleNameChange(e: Event): void {\n    const input = e.target as Input;\n    this.updateName(input.value);\n    input.checkValidity();\n  }\n\n  protected handleToggleHelp(): void {\n    this.encapsulateHelp = !this.encapsulateHelp;\n  }\n\n  protected handleServerDelete(): void {\n    this.deleteServer();\n  }\n\n  protected handleAuthAdd(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined;\n    if (!target) {\n      return;\n    }\n    const selected = target.dataset.type as AuthorizationType | undefined;\n    if (!selected) {\n      return;\n    }\n    this.addAuthorization(selected);\n  }\n\n  /**\n   * Adds a new authorization object to the request for the given type.\n   * \n   * @returns The created instance of the authorization.\n   */\n  addAuthorization(type: AuthorizationType): RequestAuthorization {\n    const cnf = RequestAuthorization.fromTypedConfig(type, {}, false);\n    cnf.enabled = true;\n    if (!this.environment.authorization) {\n      this.environment.authorization = [];\n    }\n    this.environment.authorization.push(cnf.toJSON());\n    this.notifyChange();\n    this.requestUpdate();\n    return cnf;\n  }\n\n  protected handleAuthChange(e: Event): void {\n    const editor = e.target as Authorization;\n    const { authorization } = editor;\n    this.updateAuthorization(authorization as IRequestAuthorization, editor.checkValidity());\n  }\n\n  protected handleAuthDelete(e: Event): void {\n    const editor = e.target as Authorization;\n    const { authorization } = editor;\n    if (!authorization) {\n      return;\n    }\n    this.removeAuthorization(authorization.type)\n  }\n\n  /**\n   * Updates authorization schema on the editor.\n   * @param schema The new schema to replace the old one\n   * @param isValid Whether the schema is valid.\n   */\n  updateAuthorization(schema: IRequestAuthorization, isValid: boolean): void {\n    const { authorization } = this.environment;\n    if (!authorization) {\n      return;\n    }\n    const index = authorization.findIndex(i => i.type === schema.type);\n    if (index === -1) {\n      return;\n    }\n    // eslint-disable-next-line no-param-reassign\n    schema.valid = isValid;\n    authorization[index] = schema;\n    this.notifyChange();\n  }\n\n  /**\n   * Removes authorization schema from the editor.\n   * @param type The authorization type to remove.\n   */\n  removeAuthorization(type: string): void {\n    const { authorization } = this.environment;\n    if (!authorization) {\n      return;\n    }\n    const index = authorization.findIndex(i => i.type === type);\n    if (index === -1) {\n      return;\n    }\n    authorization.splice(index, 1);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    ${this.renderHeader()}\n    ${this.renderEnvironmentEditor()}\n    <ui-divider></ui-divider>\n    ${this.renderServerTemplate()}\n    <ui-divider></ui-divider>\n    ${this.renderVariables()}\n    <ui-divider></ui-divider>\n    ${this.renderAuthorization()}\n    `;\n  }\n\n  protected renderHeader(): TemplateResult {\n    return html`<div class=\"section-title\">Environment</div>`;\n  }\n\n  protected renderEnvironmentEditor(): TemplateResult {\n    return html`\n    <section aria-label=\"Environment configuration\">\n    ${this.renderNameInput()}\n    ${this.renderEncapsulate()}\n    </section>\n    `;\n  }\n\n  protected renderNameInput(): TemplateResult {\n    const { environment } = this;\n    return html`\n    <div class=\"form-item\">\n      <ui-text-field\n        name=\"name\"\n        label=\"Environment name\"\n        required\n        .value=\"${live(environment.info.name || '')}\"\n        @change=\"${this.handleNameChange}\"\n      ></ui-text-field>\n    </div>`;\n  }\n\n  protected renderEncapsulate(): TemplateResult {\n    const { encapsulateHelp } = this;\n    return html`\n    <div class=\"encapsulate-item\">\n      ${this.renderEncapsulateInput()}\n      ${this.renderEncapsulateInfoToggle()}\n    </div>\n    ${encapsulateHelp ? html`\n    <div class=\"help-banner\">\n      By default when running requests in a folder the application reads all environments\n      up to the project root. The variables are then combined into a single object.\n      When <i>encapsulated</i> is enabled, the program stops reading environments above the folder\n      the environment is defined.\n    </div>\n    ` : ''}\n    `;\n  }\n\n  protected renderEncapsulateInput(): TemplateResult {\n    const { environment } = this;\n    return html`\n    <label>\n      <ui-switch\n        name=\"encapsulated\"\n        .checked=\"${environment.encapsulated || false}\"\n        @change=\"${this.handleEncapsulatedChange}\"\n        aria-label=\"Encapsulate the environment\"\n      ></ui-switch>\n      Encapsulate the environment\n    </label>\n    `;\n  }\n\n  protected renderEncapsulateInfoToggle(): TemplateResult {\n    return html`\n    <ui-icon-button aria-label=\"Show or hide help topic\" @click=\"${this.handleToggleHelp}\">\n      <ui-icon icon=\"info\" role=\"presentation\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n\n  protected renderServerTemplate(): TemplateResult {\n    const { server } = this.environment;\n    return html`\n    <section aria-label=\"Server information\">\n      ${server ? this.renderServerEditor(server) : this.renderNoServer()}\n    </section>\n    `;\n  }\n\n  protected renderNoServer(): TemplateResult {\n    return html`\n    <div class=\"section-title\">Server</div>\n    <p class=\"empty-info\">No server defined.</p>\n    <ui-button type=\"tonal\" @click=\"${this._createServerHandler}\">Create server</ui-button>\n    `;\n  }\n\n  protected renderServerEditor(server: IServer): TemplateResult {\n    const { uri, basePath, description, protocol } = server;\n    return html`\n    <server-editor \n      .uri=\"${uri}\" \n      .basePath=\"${basePath}\" \n      .description=\"${description}\" \n      .protocol=\"${protocol}\" \n      .variables=\"${this.environment.variables}\"\n      @change=\"${this.handleServerChange}\"\n      @delete=\"${this.handleServerDelete}\"\n    ></server-editor>\n    `;\n  }\n\n  protected renderVariables(): TemplateResult {\n    return html`\n    <section aria-label=\"Variables\">\n      ${this.renderVariablesEditor()}\n    </section>\n    `;\n  }\n\n  protected renderVariablesEditor(): TemplateResult {\n    const { variables } = this.environment;\n    return html`<variables-editor .variables=\"${variables}\" @change=\"${this.handleVariableChange}\"></variables-editor>`;\n  }\n\n  protected renderAuthorization(): TemplateResult {\n    const { authorization = [] } = this.environment;\n    return html`\n    <div class=\"section-title\">Authorization</div>\n    <p class=\"auth-info\">The authorization is applied to all requests in the current folder when the request is executed.</p>\n    ${this.renderAuthorizationActions(authorization)}\n    ${this.renderAuthorizationList(authorization)}\n    `;\n  }\n\n  protected renderAuthorizationActions(current: IRequestAuthorization[] = []): TemplateResult {\n    const all = ['basic', 'oauth 2', 'open id', 'bearer', 'api key', 'ntlm', 'client certificate'];\n    const toRender: string[] = all.filter(type => !current.some(i => i.type === type));\n    return html`\n    <ui-dropdown-list\n      verticalAlign=\"top\"\n      @select=\"${this.handleAuthAdd}\"\n      class=\"auth-dropdown\"\n      closeOnOutsideClick\n    >\n      <ui-button \n        type=\"tonal\" \n        title=\"Add authorization option\" \n        aria-label=\"Opens a menu to select authorization option\"\n        ?disabled=\"${!toRender.length}\"\n      >\n        <ui-icon icon=\"arrowDropDown\" slot=\"icon\" role=\"presentation\"></ui-icon>\n        Add\n      </ui-button>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${this.renderAuthorizationOptions(toRender)}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderAuthorizationOptions(available: string[]): TemplateResult {\n    return html`\n    ${available.map(type => html`\n    <ui-list-item role=\"menuitem\" data-type=\"${type}\">\n      ${authTypeToLabel(type)}\n    </ui-list-item>\n    `)}\n    `;\n  }\n\n  protected renderAuthorizationList(authorization: IRequestAuthorization[] = []): TemplateResult[] {\n    if (!Array.isArray(authorization) || !authorization.length) {\n      return [this.renderEmptyAuthorization()];\n    }\n    return authorization.map((item, index) => {\n      let content: TemplateResult | undefined;\n      switch (item.type) {\n        case 'basic': content = this.renderBasicAuthorization(item); break;\n        case 'bearer': content = this.renderBearerAuthorization(item); break;\n        case 'ntlm': content = this.renderNtlmAuthorization(item); break;\n        case 'oauth 2': content = this.renderOauthAuthorization(item); break;\n        case 'open id': content = this.renderOidcAuthorization(item); break;\n        case 'client certificate': content = this.renderCCAuthorization(item); break;\n        case 'api key': content = this.renderApiKeyAuthorization(item); break;\n        default:\n      }\n      if (content) {\n        const isLast = authorization.length === index + 1;\n        return html`\n        ${content}\n        ${!isLast ? html`<ui-divider></ui-divider>` : ''}\n        `;\n      }\n      return html``;\n    });\n  }\n\n  protected renderEmptyAuthorization(): TemplateResult {\n    return html``;\n  }\n\n  protected renderBasicAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <basic-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></basic-authorization>\n    `;\n  }\n\n  protected renderBearerAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <bearer-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></bearer-authorization>\n    `;\n  }\n\n  protected renderNtlmAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <ntlm-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></ntlm-authorization>\n    `;\n  }\n\n  protected renderOauthAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <oauth2-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n      .defaultRedirectUri=\"${this.oauth2RedirectUri}\"\n    ></oauth2-authorization>\n    `;\n  }\n\n  protected renderOidcAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <oidc-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n      .defaultRedirectUri=\"${this.oauth2RedirectUri}\"\n    ></oidc-authorization>\n    `;\n  }\n\n  protected renderCCAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <cc-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></cc-authorization>\n    `;\n  }\n\n  protected renderApiKeyAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <apikey-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></apikey-authorization>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"EnvironmentEditor.js","sourceRoot":"","sources":["../../../src/elements/environment/EnvironmentEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { IEnvironment, Environment, IServer, Server, IProperty, IRequestAuthorization, AuthorizationType, RequestAuthorization } from '@api-client/core/build/browser.js';\nimport { live } from 'lit/directives/live.js';\nimport ApiElement from '../ApiElement.js';\nimport ServerEditor from './ServerEditor.js';\nimport VariablesEditor from './VariablesEditor.js';\nimport { Events } from '../../events/Events.js';\nimport Input from '../../ui/input/Input.js';\nimport elementStyles from './EnvironmentEditor.styles.js';\nimport SwitchElement from '../../ui/input/SwitchElement.js';\nimport { authTypeToLabel } from '../authorization/AuthLabels.js';\nimport { Authorization } from '../authorization/ui/Authorization.js';\nimport { TabSelectionDetail } from '../../ui/tabs/UiTabs.js';\nimport '../../define/environment/server-editor.js';\nimport '../../define/environment/variables-editor.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-switch.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-tabs.js';\nimport '../../define/ui/ui-tab.js';\nimport '../../define/authorization/basic-authorization.js';\nimport '../../define/authorization/bearer-authorization.js';\nimport '../../define/authorization/ntlm-authorization.js';\nimport '../../define/authorization/apikey-authorization.js';\nimport '../../define/authorization/oauth2-authorization.js';\nimport '../../define/authorization/oidc-authorization.js';\nimport '../../define/authorization/cc-authorization.js';\n\ntype EditorPage = 'server' | 'variables' | 'authorization';\n\n/**\n * An element that renders a form to set up an environment.\n */\nexport default class EnvironmentEditor extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return [elementStyles];\n  }\n\n  /**\n   * The environment schema to edit.\n   */\n  @property({ type: Object }) environment: IEnvironment = new Environment().toJSON();\n\n  /**\n   * Redirect URL for the OAuth2 authorization.\n   * If can be also set by dispatching `oauth2-redirect-url-changed`\n   * with `value` property on the `detail` object.\n   * @attribute\n   */\n  @property({ type: String }) oauth2RedirectUri?: string;\n\n  @state() encapsulateHelp: boolean;\n\n  /**\n   * @attribute\n   */\n  @property({ type: String }) selected: EditorPage;\n\n  constructor() {\n    super();\n    this.encapsulateHelp = false;\n    this.selected = 'server';\n  }\n\n  updateName(value: string): void {\n    this.environment.info.name = value;\n    this.notifyChange();\n    Events.HttpProject.State.nameChanged(this.environment.key, this.environment.kind, this);\n  }\n\n  updateEncapsulated(value: boolean): void {\n    this.environment.encapsulated = value;\n    this.notifyChange();\n  }\n\n  deleteServer(): void {\n    this.environment.server = undefined;\n    this.requestUpdate();\n    this.notifyChange();\n  }\n\n  updateVariables(value?: IProperty[]): void {\n    if (value) {\n      this.environment.variables = value;\n    }\n    this.notifyChange();\n    // when modifying variables they won't be reflected in the server editor.\n    const node = this.shadowRoot?.querySelector('server-editor');\n    if (node) {\n      node.generateValue();\n    }\n  }\n\n  protected handleServerChange(e: Event): void {\n    const editor = e.target as ServerEditor;\n    const value = editor.getSchema();\n    this.environment.server = value;\n    this.notifyChange();\n  }\n\n  protected handleVariableChange(e: Event): void {\n    const editor = e.target as VariablesEditor;\n    const { variables } = editor;\n    this.updateVariables(variables);\n  }\n\n  protected _createServerHandler(): void {\n    const server = new Server();\n    this.environment.server = server.toJSON();\n    this.requestUpdate();\n  }\n\n  protected handleEncapsulatedChange(e: Event): void {\n    const input = e.target as SwitchElement;\n    this.updateEncapsulated(input.checked);\n  }\n\n  protected handleNameChange(e: Event): void {\n    const input = e.target as Input;\n    this.updateName(input.value);\n    input.checkValidity();\n  }\n\n  protected handleToggleHelp(): void {\n    this.encapsulateHelp = !this.encapsulateHelp;\n  }\n\n  protected handleServerDelete(): void {\n    this.deleteServer();\n  }\n\n  protected handleAuthAdd(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined;\n    if (!target) {\n      return;\n    }\n    const selected = target.dataset.type as AuthorizationType | undefined;\n    if (!selected) {\n      return;\n    }\n    this.addAuthorization(selected);\n  }\n\n  /**\n   * Adds a new authorization object to the request for the given type.\n   * \n   * @returns The created instance of the authorization.\n   */\n  addAuthorization(type: AuthorizationType): RequestAuthorization {\n    const cnf = RequestAuthorization.fromTypedConfig(type, {}, false);\n    cnf.enabled = true;\n    if (!this.environment.authorization) {\n      this.environment.authorization = [];\n    }\n    this.environment.authorization.push(cnf.toJSON());\n    this.notifyChange();\n    this.requestUpdate();\n    return cnf;\n  }\n\n  protected handleAuthChange(e: Event): void {\n    const editor = e.target as Authorization;\n    const { authorization } = editor;\n    this.updateAuthorization(authorization as IRequestAuthorization, editor.checkValidity());\n  }\n\n  protected handleAuthDelete(e: Event): void {\n    const editor = e.target as Authorization;\n    const { authorization } = editor;\n    if (!authorization) {\n      return;\n    }\n    this.removeAuthorization(authorization.type)\n  }\n\n  /**\n   * Updates authorization schema on the editor.\n   * @param schema The new schema to replace the old one\n   * @param isValid Whether the schema is valid.\n   */\n  updateAuthorization(schema: IRequestAuthorization, isValid: boolean): void {\n    const { authorization } = this.environment;\n    if (!authorization) {\n      return;\n    }\n    const index = authorization.findIndex(i => i.type === schema.type);\n    if (index === -1) {\n      return;\n    }\n    // eslint-disable-next-line no-param-reassign\n    schema.valid = isValid;\n    authorization[index] = schema;\n    this.notifyChange();\n  }\n\n  /**\n   * Removes authorization schema from the editor.\n   * @param type The authorization type to remove.\n   */\n  removeAuthorization(type: string): void {\n    const { authorization } = this.environment;\n    if (!authorization) {\n      return;\n    }\n    const index = authorization.findIndex(i => i.type === type);\n    if (index === -1) {\n      return;\n    }\n    authorization.splice(index, 1);\n    this.notifyChange();\n    this.requestUpdate();\n  }\n\n  protected handleTabSelection(e: CustomEvent<TabSelectionDetail>): void {\n    const { item } = e.detail;\n    const { page } = item.dataset;\n    if (!page) {\n      return;\n    }\n    this.selected = page as EditorPage;\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    ${this.renderHeader()}\n    ${this.renderEnvironmentEditor()}\n    ${this.renderTabs()}\n    ${this.renderPage()}\n    `;\n  }\n\n  protected renderHeader(): TemplateResult {\n    return html`<div class=\"section-title\">Environment</div>`;\n  }\n\n  protected renderPage(): TemplateResult {\n    switch (this.selected) {\n      case 'authorization': return this.renderAuthorization();\n      case 'variables': return this.renderVariables();\n      default: return this.renderServerTemplate();\n    }\n  }\n\n  protected renderEnvironmentEditor(): TemplateResult {\n    return html`\n    <section aria-label=\"Environment configuration\">\n    ${this.renderNameInput()}\n    ${this.renderEncapsulate()}\n    </section>\n    `;\n  }\n\n  protected renderNameInput(): TemplateResult {\n    const { environment } = this;\n    return html`\n    <div class=\"form-item\">\n      <ui-text-field\n        name=\"name\"\n        label=\"Environment name\"\n        required\n        .value=\"${live(environment.info.name || '')}\"\n        @change=\"${this.handleNameChange}\"\n      ></ui-text-field>\n    </div>`;\n  }\n\n  protected renderEncapsulate(): TemplateResult {\n    const { encapsulateHelp } = this;\n    return html`\n    <div class=\"encapsulate-item\">\n      ${this.renderEncapsulateInput()}\n      ${this.renderEncapsulateInfoToggle()}\n    </div>\n    ${encapsulateHelp ? html`\n    <div class=\"help-banner\">\n      By default when running requests in a folder the application reads all environments\n      up to the project root. The variables are then combined into a single object.\n      When <i>encapsulated</i> is enabled, the program stops reading environments above the folder\n      the environment is defined.\n    </div>\n    ` : ''}\n    `;\n  }\n\n  protected renderEncapsulateInput(): TemplateResult {\n    const { environment } = this;\n    return html`\n    <label>\n      <ui-switch\n        name=\"encapsulated\"\n        .checked=\"${environment.encapsulated || false}\"\n        @change=\"${this.handleEncapsulatedChange}\"\n        aria-label=\"Encapsulate the environment\"\n      ></ui-switch>\n      Encapsulate the environment\n    </label>\n    `;\n  }\n\n  protected renderEncapsulateInfoToggle(): TemplateResult {\n    return html`\n    <ui-icon-button aria-label=\"Show or hide help topic\" @click=\"${this.handleToggleHelp}\">\n      <ui-icon icon=\"info\" role=\"presentation\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n\n  protected renderServerTemplate(): TemplateResult {\n    const { server } = this.environment;\n    return html`\n    <section aria-label=\"Server information\" id=\"server\" class=\"editor-container\">\n      ${server ? this.renderServerEditor(server) : this.renderNoServer()}\n    </section>\n    `;\n  }\n\n  protected renderNoServer(): TemplateResult {\n    return html`\n    <div class=\"section-title\">Server</div>\n    <p class=\"empty-info\">No server defined.</p>\n    <ui-button type=\"tonal\" @click=\"${this._createServerHandler}\">Create server</ui-button>\n    `;\n  }\n\n  protected renderServerEditor(server: IServer): TemplateResult {\n    const { uri, basePath, description, protocol } = server;\n    return html`\n    <server-editor \n      .uri=\"${uri}\" \n      .basePath=\"${basePath}\" \n      .description=\"${description}\" \n      .protocol=\"${protocol}\" \n      .variables=\"${this.environment.variables}\"\n      @change=\"${this.handleServerChange}\"\n      @delete=\"${this.handleServerDelete}\"\n    ></server-editor>\n    `;\n  }\n\n  protected renderVariables(): TemplateResult {\n    return html`\n    <section aria-label=\"Variables\" id=\"variables\" class=\"editor-container\">\n      ${this.renderVariablesEditor()}\n    </section>\n    `;\n  }\n\n  protected renderVariablesEditor(): TemplateResult {\n    const { variables } = this.environment;\n    return html`<variables-editor .variables=\"${variables}\" @change=\"${this.handleVariableChange}\"></variables-editor>`;\n  }\n\n  protected renderAuthorization(): TemplateResult {\n    const { authorization = [] } = this.environment;\n    return html`\n    <section id=\"authorization\" aria-label=\"Authorization\" class=\"editor-container\">\n      <div class=\"section-title\">Authorization</div>\n      <p class=\"auth-info\">The authorization is applied to all requests in the current folder when the request is executed.</p>\n      ${this.renderAuthorizationActions(authorization)}\n      ${this.renderAuthorizationList(authorization)}\n    </section>\n    `;\n  }\n\n  protected renderAuthorizationActions(current: IRequestAuthorization[] = []): TemplateResult {\n    const all = ['basic', 'oauth 2', 'open id', 'bearer', 'api key', 'ntlm', 'client certificate'];\n    const toRender: string[] = all.filter(type => !current.some(i => i.type === type));\n    return html`\n    <ui-dropdown-list\n      verticalAlign=\"top\"\n      @select=\"${this.handleAuthAdd}\"\n      class=\"auth-dropdown\"\n      closeOnOutsideClick\n    >\n      <ui-button \n        type=\"tonal\" \n        title=\"Add authorization option\" \n        aria-label=\"Opens a menu to select authorization option\"\n        ?disabled=\"${!toRender.length}\"\n      >\n        <ui-icon icon=\"arrowDropDown\" slot=\"icon\" role=\"presentation\"></ui-icon>\n        Add\n      </ui-button>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${this.renderAuthorizationOptions(toRender)}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderAuthorizationOptions(available: string[]): TemplateResult {\n    return html`\n    ${available.map(type => html`\n    <ui-list-item role=\"menuitem\" data-type=\"${type}\">\n      ${authTypeToLabel(type)}\n    </ui-list-item>\n    `)}\n    `;\n  }\n\n  protected renderAuthorizationList(authorization: IRequestAuthorization[] = []): TemplateResult[] {\n    if (!Array.isArray(authorization) || !authorization.length) {\n      return [this.renderEmptyAuthorization()];\n    }\n    return authorization.map((item, index) => {\n      let content: TemplateResult | undefined;\n      switch (item.type) {\n        case 'basic': content = this.renderBasicAuthorization(item); break;\n        case 'bearer': content = this.renderBearerAuthorization(item); break;\n        case 'ntlm': content = this.renderNtlmAuthorization(item); break;\n        case 'oauth 2': content = this.renderOauthAuthorization(item); break;\n        case 'open id': content = this.renderOidcAuthorization(item); break;\n        case 'client certificate': content = this.renderCCAuthorization(item); break;\n        case 'api key': content = this.renderApiKeyAuthorization(item); break;\n        default:\n      }\n      if (content) {\n        const isLast = authorization.length === index + 1;\n        return html`\n        ${content}\n        ${!isLast ? html`<ui-divider></ui-divider>` : ''}\n        `;\n      }\n      return html``;\n    });\n  }\n\n  protected renderEmptyAuthorization(): TemplateResult {\n    return html``;\n  }\n\n  protected renderBasicAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <basic-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      canDelete\n      canToggle\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></basic-authorization>\n    `;\n  }\n\n  protected renderBearerAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <bearer-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      canDelete\n      canToggle\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></bearer-authorization>\n    `;\n  }\n\n  protected renderNtlmAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <ntlm-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      canDelete\n      canToggle\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></ntlm-authorization>\n    `;\n  }\n\n  protected renderOauthAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <oauth2-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      canDelete\n      canToggle\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n      .defaultRedirectUri=\"${this.oauth2RedirectUri}\"\n    ></oauth2-authorization>\n    `;\n  }\n\n  protected renderOidcAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <oidc-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      canDelete\n      canToggle\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n      .defaultRedirectUri=\"${this.oauth2RedirectUri}\"\n    ></oidc-authorization>\n    `;\n  }\n\n  protected renderCCAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <cc-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      canDelete\n      canToggle\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></cc-authorization>\n    `;\n  }\n\n  protected renderApiKeyAuthorization(auth: IRequestAuthorization): TemplateResult {\n    return html`\n    <apikey-authorization\n      .authorization=\"${auth}\"\n      class=\"auth-panel\"\n      canDelete\n      canToggle\n      @change=\"${this.handleAuthChange}\"\n      @delete=\"${this.handleAuthDelete}\"\n    ></apikey-authorization>\n    `;\n  }\n\n  protected renderTabs(): TemplateResult {\n    return html`\n    <ui-tabs .selected=\"${this.selected}\" @select=\"${this.handleTabSelection}\">\n      <ui-tab aria-controls=\"server\" data-page=\"server\">Server</ui-tab>\n      <ui-tab aria-controls=\"variables\" data-page=\"variables\">Variables</ui-tab>\n      <ui-tab aria-controls=\"authorization\" data-page=\"authorization\">Authorization</ui-tab>\n    </ui-tabs>\n    `;\n  }\n}\n"]}

package/dist/elements/environment/EnvironmentEditor.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentEditor.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/environment/EnvironmentEditor.styles.ts"],"names":[],"mappings":";AAEA,wBAyEE"}
+{"version":3,"file":"EnvironmentEditor.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/environment/EnvironmentEditor.styles.ts"],"names":[],"mappings":";AAEA,wBA8EE"}

package/dist/elements/environment/EnvironmentEditor.styles.js

@@ -2,6 +2,7 @@ import { css } from 'lit';
 export default css `
 :host {
   display: block;
+  max-width: 900px;
 }
 
 ui-text-field {
@@ -18,7 +19,11 @@ ui-text-field {
   line-height: var(--md-sys-typescale-title-large-height);
   text-transform: var(--md-sys-typescale-title-large-text-transform);
   text-decoration: var(--md-sys-typescale-title-large-text-decoration);
+  
+  display: flex;
+  align-items: center;
   margin-bottom: 20px;
+  height: 48px;
 }
 
 .form-item,

package/dist/elements/environment/EnvironmentEditor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentEditor.styles.js","sourceRoot":"","sources":["../../../src/elements/environment/EnvironmentEditor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  display: block;\n}\n\nui-text-field {\n  margin: 0;\n  width: 100%;\n}\n\n.section-title {\n  font-family: var(--md-sys-typescale-title-large-font-family-name);\n  font-style: var(--md-sys-typescale-title-large-font-family-style);\n  font-weight: var(--md-sys-typescale-title-large-font-weight);\n  font-size: var(--md-sys-typescale-title-large-font-size);\n  letter-spacing: var(--md-sys-typescale-title-large-tracking);\n  line-height: var(--md-sys-typescale-title-large-height);\n  text-transform: var(--md-sys-typescale-title-large-text-transform);\n  text-decoration: var(--md-sys-typescale-title-large-text-decoration);\n  margin-bottom: 20px;\n}\n\n.form-item,\n.encapsulate-item {\n  margin-bottom: 20px;\n}\n\n.encapsulate-item {\n  display: flex;\n  align-items: center;\n}\n\n.encapsulate-item label {\n  font-family: var(--md-sys-typescale-label-large-font-family-name);\n  font-style: var(--md-sys-typescale-label-large-font-family-style);\n  font-weight: var(--md-sys-typescale-label-large-font-weight);\n  font-size: var(--md-sys-typescale-label-large-font-size);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n  line-height: var(--md-sys-typescale-label-large-height);\n  text-transform: var(--md-sys-typescale-label-large-text-transform);\n  text-decoration: var(--md-sys-typescale-label-large-text-decoration);\n}\n\n.empty-info,\n.help-banner {\n  font-family: var(--md-sys-typescale-body-large-font-family-name);\n  font-style: var(--md-sys-typescale-body-large-font-family-style);\n  font-weight: var(--md-sys-typescale-body-large-font-weight);\n  font-size: var(--md-sys-typescale-body-large-font-size);\n  letter-spacing: var(--md-sys-typescale-body-large-tracking);\n  line-height: var(--md-sys-typescale-body-large-height);\n  text-transform: var(--md-sys-typescale-body-large-text-transform);\n  text-decoration: var(--md-sys-typescale-body-large-text-decoration);\n}\n\n.auth-info {\n  font-family: var(--md-sys-typescale-body-small-font-family-name);\n  font-style: var(--md-sys-typescale-body-small-font-family-style);\n  font-weight: var(--md-sys-typescale-body-small-font-weight);\n  font-size: var(--md-sys-typescale-body-small-font-size);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n  line-height: var(--md-sys-typescale-body-small-height);\n  text-transform: var(--md-sys-typescale-body-small-text-transform);\n  text-decoration: var(--md-sys-typescale-body-small-text-decoration);\n}\n\nui-switch {\n  margin-right: 12px;\n}\n\nui-divider {\n  margin: 40px 0;\n}\n`;\n"]}
+{"version":3,"file":"EnvironmentEditor.styles.js","sourceRoot":"","sources":["../../../src/elements/environment/EnvironmentEditor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  display: block;\n  max-width: 900px;\n}\n\nui-text-field {\n  margin: 0;\n  width: 100%;\n}\n\n.section-title {\n  font-family: var(--md-sys-typescale-title-large-font-family-name);\n  font-style: var(--md-sys-typescale-title-large-font-family-style);\n  font-weight: var(--md-sys-typescale-title-large-font-weight);\n  font-size: var(--md-sys-typescale-title-large-font-size);\n  letter-spacing: var(--md-sys-typescale-title-large-tracking);\n  line-height: var(--md-sys-typescale-title-large-height);\n  text-transform: var(--md-sys-typescale-title-large-text-transform);\n  text-decoration: var(--md-sys-typescale-title-large-text-decoration);\n  \n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  height: 48px;\n}\n\n.form-item,\n.encapsulate-item {\n  margin-bottom: 20px;\n}\n\n.encapsulate-item {\n  display: flex;\n  align-items: center;\n}\n\n.encapsulate-item label {\n  font-family: var(--md-sys-typescale-label-large-font-family-name);\n  font-style: var(--md-sys-typescale-label-large-font-family-style);\n  font-weight: var(--md-sys-typescale-label-large-font-weight);\n  font-size: var(--md-sys-typescale-label-large-font-size);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n  line-height: var(--md-sys-typescale-label-large-height);\n  text-transform: var(--md-sys-typescale-label-large-text-transform);\n  text-decoration: var(--md-sys-typescale-label-large-text-decoration);\n}\n\n.empty-info,\n.help-banner {\n  font-family: var(--md-sys-typescale-body-large-font-family-name);\n  font-style: var(--md-sys-typescale-body-large-font-family-style);\n  font-weight: var(--md-sys-typescale-body-large-font-weight);\n  font-size: var(--md-sys-typescale-body-large-font-size);\n  letter-spacing: var(--md-sys-typescale-body-large-tracking);\n  line-height: var(--md-sys-typescale-body-large-height);\n  text-transform: var(--md-sys-typescale-body-large-text-transform);\n  text-decoration: var(--md-sys-typescale-body-large-text-decoration);\n}\n\n.auth-info {\n  font-family: var(--md-sys-typescale-body-small-font-family-name);\n  font-style: var(--md-sys-typescale-body-small-font-family-style);\n  font-weight: var(--md-sys-typescale-body-small-font-weight);\n  font-size: var(--md-sys-typescale-body-small-font-size);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n  line-height: var(--md-sys-typescale-body-small-height);\n  text-transform: var(--md-sys-typescale-body-small-text-transform);\n  text-decoration: var(--md-sys-typescale-body-small-text-decoration);\n}\n\nui-switch {\n  margin-right: 12px;\n}\n\nui-divider {\n  margin: 40px 0;\n}\n`;\n"]}

package/dist/elements/environment/ServerEditor.d.ts

@@ -1,5 +1,6 @@
-import { LitElement, TemplateResult, CSSResult, PropertyValues } from 'lit';
+import { TemplateResult, CSSResult, PropertyValues } from 'lit';
 import { IServer, Server, IProperty } from '@api-client/core/build/browser.js';
+import ApiElement from '../ApiElement.js';
 import '../../define/ui/ui-text-field.js';
 import '../../define/ui/ui-icon.js';
 import '../../define/ui/ui-icon-button.js';
@@ -10,7 +11,7 @@ export declare const DefaultProtocols: string[];
  * @fires change - When a value change.
  * @fires delete - When the user requested server definition delete.
  */
-export default class ServerEditor extends LitElement {
+export default class ServerEditor extends ApiElement {
     static get styles(): CSSResult[];
     /**
      * The base URI of the server.
@@ -77,7 +78,6 @@ export default class ServerEditor extends LitElement {
     protected handleUriChange(e: Event): void;
     protected handleBasePathChange(e: Event): void;
     protected handleProtocolChange(e: Event): void;
-    protected notifyChange(): void;
     protected handleDelete(): void;
     render(): TemplateResult;
     protected renderHeader(): TemplateResult;

package/dist/elements/environment/ServerEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/environment/ServerEditor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGlF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAG/E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AACpC,OAAO,mCAAmC,CAAC;AAE3C,eAAO,MAAM,gBAAgB,UAAsB,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD,WAAoB,MAAM,IAAI,SAAS,EAAE,CAExC;IAED;;;;;;;;;OASG;IACyB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzC;;;;;OAKG;IACyB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C;;;;;OAKG;IACyB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C;;;;OAIG;IACyB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD;;;OAGG;IACwB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IAEnD;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,SAAS,CAAC,cAAc,SAAgB;IAER,SAAS,CAAC,aAAa,CAAC,EAAE,gBAAgB,CAAC;cAExD,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO7D;;;;OAIG;IACH,aAAa,IAAI,IAAI;IAKrB,SAAS,CAAC,UAAU,IAAI,IAAI;IAM5B,SAAS,CAAC,YAAY,IAAI,IAAI;IAQ9B;;OAEG;IACH,SAAS,IAAI,OAAO;IAKpB;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,UAAU,GAAG,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3E,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAMzC,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM9C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM9C,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,YAAY,IAAI,IAAI;IAIrB,MAAM,IAAI,cAAc;IAYjC,SAAS,CAAC,YAAY,IAAI,cAAc;IASxC,SAAS,CAAC,cAAc,IAAI,cAAc;IAc1C,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAa/C,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAY/C,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM;IAahD,SAAS,CAAC,kBAAkB,IAAI,cAAc;CAO/C"}
+{"version":3,"file":"ServerEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/environment/ServerEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAG/E,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AACpC,OAAO,mCAAmC,CAAC;AAE3C,eAAO,MAAM,gBAAgB,UAAsB,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD,WAAoB,MAAM,IAAI,SAAS,EAAE,CAExC;IAED;;;;;;;;;OASG;IACyB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzC;;;;;OAKG;IACyB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C;;;;;OAKG;IACyB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C;;;;OAIG;IACyB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD;;;OAGG;IACwB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IAEnD;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,SAAS,CAAC,cAAc,SAAgB;IAER,SAAS,CAAC,aAAa,CAAC,EAAE,gBAAgB,CAAC;cAExD,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO7D;;;;OAIG;IACH,aAAa,IAAI,IAAI;IAKrB,SAAS,CAAC,UAAU,IAAI,IAAI;IAM5B,SAAS,CAAC,YAAY,IAAI,IAAI;IAQ9B;;OAEG;IACH,SAAS,IAAI,OAAO;IAKpB;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,UAAU,GAAG,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3E,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAMzC,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM9C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM9C,SAAS,CAAC,YAAY,IAAI,IAAI;IAIrB,MAAM,IAAI,cAAc;IAYjC,SAAS,CAAC,YAAY,IAAI,cAAc;IASxC,SAAS,CAAC,cAAc,IAAI,cAAc;IAc1C,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAa/C,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAY/C,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM;IAahD,SAAS,CAAC,kBAAkB,IAAI,cAAc;CAO/C"}

package/dist/elements/environment/ServerEditor.js

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
-/* eslint-disable class-methods-use-this */
-import { LitElement, html } from 'lit';
+import { html } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { live } from 'lit/directives/live.js';
 import { Server } from '@api-client/core/build/browser.js';
 import elementStyles from './ServerEditor.styles.js';
+import ApiElement from '../ApiElement.js';
 import '../../define/ui/ui-text-field.js';
 import '../../define/ui/ui-icon.js';
 import '../../define/ui/ui-icon-button.js';
@@ -15,7 +15,7 @@ export const DefaultProtocols = ['http:', 'https:'];
  * @fires change - When a value change.
  * @fires delete - When the user requested server definition delete.
  */
-export default class ServerEditor extends LitElement {
+export default class ServerEditor extends ApiElement {
     constructor() {
         super(...arguments);
         /**
@@ -82,9 +82,6 @@ export default class ServerEditor extends LitElement {
         this.updateProperty('protocol', input.value);
         input.checkValidity();
     }
-    notifyChange() {
-        this.dispatchEvent(new Event('change'));
-    }
     handleDelete() {
         this.dispatchEvent(new Event('delete'));
     }

package/dist/elements/environment/ServerEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerEditor.js","sourceRoot":"","sources":["../../../src/elements/environment/ServerEditor.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { LitElement, html, TemplateResult, CSSResult, PropertyValues } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport { IServer, Server, IProperty } from '@api-client/core/build/browser.js';\nimport elementStyles from './ServerEditor.styles.js';\nimport Input from '../../ui/input/Input.js';\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-icon-button.js';\n\nexport const DefaultProtocols = ['http:', 'https:'];\n\n/**\n * An element to render a view for a server definition with a form to edit it.\n * \n * @fires change - When a value change.\n * @fires delete - When the user requested server definition delete.\n */\nexport default class ServerEditor extends LitElement {\n  static override get styles(): CSSResult[] {\n    return [elementStyles];\n  }\n\n  /**\n   * The base URI of the server.\n   * \n   * Note, the URL can contain URI templates (e.g. `http://{host}.api.com/v1`)\n   * In this case the variable is replaced with the system or project variables.\n   * \n   * For simplicity, the `uri` can be the full base URI with protocol, host, and the `basePath`\n   * \n   * @attribute\n   */\n  @property({ type: String }) uri?: string;\n\n  /**\n   * Usually included in the `uri`. When the `uri` is missing a protocol \n   * this is then used.\n   * \n   * @attribute\n   */\n  @property({ type: String }) protocol?: string;\n\n  /**\n   * The base path for the server. It starts with the `/`.\n   * When set, it is appended to the `uri` value.\n   * \n   * @attribute\n   */\n  @property({ type: String }) basePath?: string;\n\n  /**\n   * Optional description of the server.\n   * \n   * @attribute\n   */\n  @property({ type: String }) description?: string;\n\n  /**\n   * Optional list of variables to set on the environment.\n   * When set it evaluates the final URI value against these properties.\n   */\n  @property({ type: Array }) variables?: IProperty[];\n\n  /**\n   * The computed value of the full URI from the values.\n   */\n  protected valueInternal?: string;\n\n  /**\n   * The server logic used with computations.\n   */\n  protected serverInternal = new Server();\n\n  @query('#protocolInput', false) protected protocolInput?: HTMLInputElement;\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('uri') || cp.has('protocol') || cp.has('basePath') || cp.has('description')) {\n      this.setupValue();\n    }\n    super.willUpdate(cp);\n  }\n\n  /**\n   * Updates the value of the generated base URI.\n   * This can be called from the outside of the component to force computation.\n   * This is helpful when deep-updating variables.\n   */\n  generateValue(): void {\n    this.setupValue();\n    this.requestUpdate();\n  }\n\n  protected setupValue(): void {\n    const { serverInternal } = this;\n    this.updateServer();\n    this.valueInternal = serverInternal.readUri(this.variables);\n  }\n\n  protected updateServer(): void {\n    const { serverInternal, uri = '', protocol, basePath, description } = this;\n    serverInternal.uri = uri;\n    serverInternal.protocol = protocol;\n    serverInternal.basePath = basePath;\n    serverInternal.description = description;\n  }\n\n  /**\n   * Creates a schema for the current values.\n   */\n  getSchema(): IServer {\n    this.updateServer();\n    return this.serverInternal.toJSON();\n  }\n\n  /**\n   * Updates name/value of a parameter on a specific index.\n   */\n  updateProperty(field: 'uri' | 'basePath' | 'protocol', value: string): void {\n    this[field] = value;\n    this.notifyChange();\n  }\n\n  protected handleUriChange(e: Event): void {\n    const input = e.target as Input;\n    this.updateProperty('uri', input.value);\n    input.checkValidity();\n  }\n\n  protected handleBasePathChange(e: Event): void {\n    const input = e.target as Input;\n    this.updateProperty('basePath', input.value);\n    input.checkValidity();\n  }\n\n  protected handleProtocolChange(e: Event): void {\n    const input = e.target as Input;\n    this.updateProperty('protocol', input.value);\n    input.checkValidity();\n  }\n\n  protected notifyChange(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  protected handleDelete(): void {\n    this.dispatchEvent(new Event('delete'));\n  }\n\n  override render(): TemplateResult {\n    return html`\n    ${this.renderHeader()}\n    <form>\n      ${this.renderUriInput()}\n      ${this.renderProtocolInput()}\n      ${this.renderBasePathInput()}\n    </form>\n    ${this.renderValue()}\n    `;\n  }\n\n  protected renderHeader(): TemplateResult {\n    return html`\n    <div class=\"header\">\n      <div class=\"section-title\">Server</div>\n      ${this.renderDeleteButton()}\n    </div>\n    `;\n  }\n\n  protected renderUriInput(): TemplateResult {\n    return html`\n    <div class=\"form-item\">\n      <ui-text-field\n        required\n        name=\"uri\" \n        .value=\"${live(this.uri || '')}\"\n        label=\"URI\"\n        @change=\"${this.handleUriChange}\"\n      ></ui-text-field>\n    </div>\n    `;\n  }\n\n  protected renderProtocolInput(): TemplateResult {\n    return html`\n    <div class=\"form-item\">\n      <ui-text-field\n        name=\"protocol\"\n        .value=\"${live(this.protocol || '')}\"\n        .list=\"${DefaultProtocols}\"\n        label=\"Protocol (optional)\"\n        @change=\"${this.handleProtocolChange}\"\n      ></ui-text-field>\n    </div>`;\n  }\n\n  protected renderBasePathInput(): TemplateResult {\n    return html`\n    <div class=\"form-item\">\n      <ui-text-field\n        name=\"basePath\"\n        .value=\"${live(this.basePath || '')}\"\n        label=\"Base path (optional)\"\n        @change=\"${this.handleBasePathChange}\"\n      ></ui-text-field>\n    </div>`;\n  }\n\n  protected renderValue(): TemplateResult | string {\n    const { valueInternal } = this;\n    if (!valueInternal) {\n      return '';\n    }\n    return html`\n    <div class=\"uri-label\">Server URI</div>\n    <div class=\"value-preview\">\n      ${valueInternal}\n    </div>\n    `;\n  }\n\n  protected renderDeleteButton(): TemplateResult {\n    return html`\n    <ui-icon-button aria-label=\"Remove this server\" @click=\"${this.handleDelete}\">\n      <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"ServerEditor.js","sourceRoot":"","sources":["../../../src/elements/environment/ServerEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult, PropertyValues } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport { IServer, Server, IProperty } from '@api-client/core/build/browser.js';\nimport elementStyles from './ServerEditor.styles.js';\nimport Input from '../../ui/input/Input.js';\nimport ApiElement from '../ApiElement.js';\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-icon-button.js';\n\nexport const DefaultProtocols = ['http:', 'https:'];\n\n/**\n * An element to render a view for a server definition with a form to edit it.\n * \n * @fires change - When a value change.\n * @fires delete - When the user requested server definition delete.\n */\nexport default class ServerEditor extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return [elementStyles];\n  }\n\n  /**\n   * The base URI of the server.\n   * \n   * Note, the URL can contain URI templates (e.g. `http://{host}.api.com/v1`)\n   * In this case the variable is replaced with the system or project variables.\n   * \n   * For simplicity, the `uri` can be the full base URI with protocol, host, and the `basePath`\n   * \n   * @attribute\n   */\n  @property({ type: String }) uri?: string;\n\n  /**\n   * Usually included in the `uri`. When the `uri` is missing a protocol \n   * this is then used.\n   * \n   * @attribute\n   */\n  @property({ type: String }) protocol?: string;\n\n  /**\n   * The base path for the server. It starts with the `/`.\n   * When set, it is appended to the `uri` value.\n   * \n   * @attribute\n   */\n  @property({ type: String }) basePath?: string;\n\n  /**\n   * Optional description of the server.\n   * \n   * @attribute\n   */\n  @property({ type: String }) description?: string;\n\n  /**\n   * Optional list of variables to set on the environment.\n   * When set it evaluates the final URI value against these properties.\n   */\n  @property({ type: Array }) variables?: IProperty[];\n\n  /**\n   * The computed value of the full URI from the values.\n   */\n  protected valueInternal?: string;\n\n  /**\n   * The server logic used with computations.\n   */\n  protected serverInternal = new Server();\n\n  @query('#protocolInput', false) protected protocolInput?: HTMLInputElement;\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('uri') || cp.has('protocol') || cp.has('basePath') || cp.has('description')) {\n      this.setupValue();\n    }\n    super.willUpdate(cp);\n  }\n\n  /**\n   * Updates the value of the generated base URI.\n   * This can be called from the outside of the component to force computation.\n   * This is helpful when deep-updating variables.\n   */\n  generateValue(): void {\n    this.setupValue();\n    this.requestUpdate();\n  }\n\n  protected setupValue(): void {\n    const { serverInternal } = this;\n    this.updateServer();\n    this.valueInternal = serverInternal.readUri(this.variables);\n  }\n\n  protected updateServer(): void {\n    const { serverInternal, uri = '', protocol, basePath, description } = this;\n    serverInternal.uri = uri;\n    serverInternal.protocol = protocol;\n    serverInternal.basePath = basePath;\n    serverInternal.description = description;\n  }\n\n  /**\n   * Creates a schema for the current values.\n   */\n  getSchema(): IServer {\n    this.updateServer();\n    return this.serverInternal.toJSON();\n  }\n\n  /**\n   * Updates name/value of a parameter on a specific index.\n   */\n  updateProperty(field: 'uri' | 'basePath' | 'protocol', value: string): void {\n    this[field] = value;\n    this.notifyChange();\n  }\n\n  protected handleUriChange(e: Event): void {\n    const input = e.target as Input;\n    this.updateProperty('uri', input.value);\n    input.checkValidity();\n  }\n\n  protected handleBasePathChange(e: Event): void {\n    const input = e.target as Input;\n    this.updateProperty('basePath', input.value);\n    input.checkValidity();\n  }\n\n  protected handleProtocolChange(e: Event): void {\n    const input = e.target as Input;\n    this.updateProperty('protocol', input.value);\n    input.checkValidity();\n  }\n  \n  protected handleDelete(): void {\n    this.dispatchEvent(new Event('delete'));\n  }\n\n  override render(): TemplateResult {\n    return html`\n    ${this.renderHeader()}\n    <form>\n      ${this.renderUriInput()}\n      ${this.renderProtocolInput()}\n      ${this.renderBasePathInput()}\n    </form>\n    ${this.renderValue()}\n    `;\n  }\n\n  protected renderHeader(): TemplateResult {\n    return html`\n    <div class=\"header\">\n      <div class=\"section-title\">Server</div>\n      ${this.renderDeleteButton()}\n    </div>\n    `;\n  }\n\n  protected renderUriInput(): TemplateResult {\n    return html`\n    <div class=\"form-item\">\n      <ui-text-field\n        required\n        name=\"uri\" \n        .value=\"${live(this.uri || '')}\"\n        label=\"URI\"\n        @change=\"${this.handleUriChange}\"\n      ></ui-text-field>\n    </div>\n    `;\n  }\n\n  protected renderProtocolInput(): TemplateResult {\n    return html`\n    <div class=\"form-item\">\n      <ui-text-field\n        name=\"protocol\"\n        .value=\"${live(this.protocol || '')}\"\n        .list=\"${DefaultProtocols}\"\n        label=\"Protocol (optional)\"\n        @change=\"${this.handleProtocolChange}\"\n      ></ui-text-field>\n    </div>`;\n  }\n\n  protected renderBasePathInput(): TemplateResult {\n    return html`\n    <div class=\"form-item\">\n      <ui-text-field\n        name=\"basePath\"\n        .value=\"${live(this.basePath || '')}\"\n        label=\"Base path (optional)\"\n        @change=\"${this.handleBasePathChange}\"\n      ></ui-text-field>\n    </div>`;\n  }\n\n  protected renderValue(): TemplateResult | string {\n    const { valueInternal } = this;\n    if (!valueInternal) {\n      return '';\n    }\n    return html`\n    <div class=\"uri-label\">Server URI</div>\n    <div class=\"value-preview\">\n      ${valueInternal}\n    </div>\n    `;\n  }\n\n  protected renderDeleteButton(): TemplateResult {\n    return html`\n    <ui-icon-button aria-label=\"Remove this server\" @click=\"${this.handleDelete}\">\n      <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n}\n"]}

package/dist/elements/environment/VariablesEditor.d.ts

@@ -35,7 +35,6 @@ export default class VariablesEditor extends ApiElement {
      * Toggles enabled state of a parameter.
      */
     toggleProperty(index: number, enabled: boolean): void;
-    protected notifyChanged(): void;
     protected handleAddVariable(): void;
     protected ensureEditorInView(): Promise<void>;
     /**

package/dist/elements/environment/VariablesEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VariablesEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/environment/VariablesEditor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"VariablesEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/environment/VariablesEditor.ts"],"names":[],"mappings":"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"}

package/dist/elements/environment/VariablesEditor.js

@@ -36,7 +36,7 @@ export default class VariablesEditor extends ApiElement {
             return;
         }
         variables[index][field] = value;
-        this.notifyChanged();
+        this.notifyChange();
     }
     /**
      * Removes a parameter from an index.
@@ -47,7 +47,7 @@ export default class VariablesEditor extends ApiElement {
             return;
         }
         variables.splice(index, 1);
-        this.notifyChanged();
+        this.notifyChange();
         this.requestUpdate();
     }
     /**
@@ -63,10 +63,7 @@ export default class VariablesEditor extends ApiElement {
             return;
         }
         variable.enabled = enabled;
-        this.notifyChanged();
-    }
-    notifyChanged() {
-        this.dispatchEvent(new Event('change'));
+        this.notifyChange();
     }
     handleAddVariable() {
         if (!this.variables) {