@api-client/ui 0.0.4 → 0.0.7

package/dist/elements/dialog/SetCookieAction.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetCookieAction.element.js","sourceRoot":"","sources":["../../../src/elements/dialog/SetCookieAction.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAkB,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElF,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAGnD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AAExC;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,QAAQ;IAKnD;QACE,KAAK,EAAE,CAAC;QAHD,gBAAW,GAAmB,IAAI,aAAa,EAAE,CAAC,MAAM,EAAE,CAAC;QAIlE,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;IAC7B,CAAC;IAEkB,UAAU,CAAC,EAAwB;QACpD,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YAClB,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;QACD,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC;IAES,gBAAgB;QACxB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,IAAI,EAAE;YACT,IAAI,CAAC,WAAW,GAAG,IAAI,aAAa,EAAE,CAAC,MAAM,EAAE,CAAC;SACjD;aAAM;YACL,IAAI,CAAC,WAAW,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;SACrD;IACH,CAAC;IAES,iBAAiB,CAAC,CAAQ;QAClC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAC;QAChC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAkC,CAAC;QACtD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;IACvC,CAAC;IAES,mBAAmB,CAAC,CAAQ;QACpC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAyB,CAAC;QAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAsD,CAAC;QAC1E,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,OAAkB,CAAC;IACpD,CAAC;IAES,oBAAoB,CAAC,CAAQ;QACrC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAC;QAChC,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAsB,CAAC;IAC3D,CAAC;IAEQ,UAAU;QACjB,MAAM,OAAO,GAAc;YACzB,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,IAAI;SAClB,CAAC;QACF,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,OAAO,CAAC;KAC9B,CAAC;IACJ,CAAC;IAEQ,WAAW;QAClB,MAAM,OAAO,GAAc;YACzB,KAAK,EAAE,IAAI;YACX,YAAY,EAAE,IAAI;SACnB,CAAC;QACF,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,OAAO,CAAC;KAC9B,CAAC;IACJ,CAAC;IAEQ,UAAU;QACjB,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,MAAM,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;QAEvJ,OAAO,IAAI,CAAA;;;;;;;;oBAQK,IAAI,CAAC,IAAI,CAAC;qBACT,IAAI,CAAC,iBAAiB;;;;;;;;;;;oBAWvB,IAAI,CAAC,GAAG,CAAC;qBACR,IAAI,CAAC,iBAAiB;;;;;;;;;;oBAUvB,IAAI,CAAC,OAAO,CAAC;qBACZ,IAAI,CAAC,iBAAiB;;;;;;;;;;oBAUvB,IAAI,CAAC,QAAQ,CAAC;qBACb,IAAI,CAAC,oBAAoB;;mBAE3B,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC;;;;;;;;wBAQpB,QAAQ;uBACT,IAAI,CAAC,mBAAmB;;;;;;;;;;;wBAWvB,QAAQ;uBACT,IAAI,CAAC,mBAAmB;;;;;;;;;;;wBAWvB,MAAM;uBACP,IAAI,CAAC,mBAAmB;;;;;;;;;;;wBAWvB,OAAO;uBACR,IAAI,CAAC,mBAAmB;;;;;;;;KAQ1C,CAAC;IACJ,CAAC;CACF;AAtK6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAuB","sourcesContent":["import { TemplateResult, html, PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport { ISetCookieStep, SetCookieStep } from \"@api-client/core/build/browser.js\";\nimport type { SameSiteValue } from \"@api-client/core/build/src/cookies/CookieParser.js\";\nimport UiDialog from \"../../ui/dialog/UiDialog.js\";\nimport type Input from '../../ui/input/Input.js';\nimport type CheckboxElement from '../../ui/input/CheckboxElement.js';\nimport '../../define/ui/ui-text-field.js';\nimport '../../define/ui/ui-checkbox.js';\n\n/**\n * A dialog used by the Flow builder to configure the Set Cookie action.\n */\nexport default class SetCookieAction extends UiDialog {\n  @property({ type: Object }) step?: ISetCookieStep;\n\n  override dialogValue: ISetCookieStep = new SetCookieStep().toJSON();\n\n  constructor() {\n    super();\n    this.dismissLabel = 'Cancel';\n    this.confirmLabel = 'Save';\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('step')) {\n      this.setupDialogValue();\n    }\n    super.willUpdate(cp);\n  }\n\n  protected setupDialogValue(): void {\n    const { step } = this;\n    if (!step) {\n      this.dialogValue = new SetCookieStep().toJSON();\n    } else {\n      this.dialogValue = new SetCookieStep(step).toJSON();\n    }\n  }\n\n  protected handleValueChange(e: Event): void {\n    const input = e.target as Input;\n    const name = input.name as 'name' | 'url' | 'expires';\n    this.dialogValue[name] = input.value;\n  }\n\n  protected handleBooleanChange(e: Event): void {\n    const input = e.target as CheckboxElement;\n    const name = input.name as 'hostOnly' | 'httpOnly' | 'secure' | 'session';\n    this.dialogValue[name] = input.checked as boolean;\n  }\n\n  protected handleSameSiteChange(e: Event): void {\n    const input = e.target as Input;\n    this.dialogValue.sameSite = input.value as SameSiteValue;\n  }\n\n  override renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      icon: true,\n      'with-icon': true,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"tune\" role=\"presentation\"></ui-icon></div>\n    `;\n  }\n\n  override renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      title: true,\n      'with-title': true,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\" part=\"title\"><span>Configure Set Cookie Action</span></div>\n    `;\n  }\n\n  override renderBody(): TemplateResult {\n    const { name = '', url = '', expires = '', hostOnly = false, httpOnly = false, sameSite = 'None', secure = false, session = false } = this.dialogValue;\n\n    return html`\n    <div class=\"content\">\n      <div class=\"param-row\">\n        <ui-text-field\n          name=\"name\"\n          label=\"Cookie name\"\n          type=\"text\"\n          required\n          .value=\"${live(name)}\"\n          @change=\"${this.handleValueChange}\"\n          class=\"input\"\n          supportingText=\"The name of the cookie to set.\"\n        ></ui-text-field>\n      </div>\n\n      <div class=\"param-row\">\n        <ui-text-field\n          name=\"url\"\n          label=\"Cookie URL\"\n          type=\"url\"\n          .value=\"${live(url)}\"\n          @change=\"${this.handleValueChange}\"\n          class=\"input\"\n          supportingText=\"When the URL is not set then the request URL is used.\"\n        ></ui-text-field>\n      </div>\n\n      <div class=\"param-row\">\n        <ui-text-field\n          name=\"expires\"\n          label=\"Expires\"\n          .value=\"${live(expires)}\"\n          @change=\"${this.handleValueChange}\"\n          class=\"input\"\n          supportingText=\"A valid cookie date or relative time like 4d, 600s, etc.\"\n        ></ui-text-field>\n      </div>\n\n      <div class=\"param-row\">\n        <ui-text-field\n          name=\"sameSite\"\n          label=\"Same site\"\n          .value=\"${live(sameSite)}\"\n          @change=\"${this.handleSameSiteChange}\"\n          class=\"input\"\n          .list=\"${['Lax', 'Strict', 'None']}\"\n        ></ui-text-field>\n      </div>\n\n      <div class=\"checkbox-row\">\n        <label>\n          <ui-checkbox\n            name=\"hostOnly\"\n            .checked=\"${hostOnly}\"\n            @change=\"${this.handleBooleanChange}\"\n            aria-label=\"Host only cookie\"\n          ></ui-checkbox>\n          Host only\n        </label>\n      </div>\n\n      <div class=\"checkbox-row\">\n        <label>\n          <ui-checkbox\n            name=\"httpOnly\"\n            .checked=\"${httpOnly}\"\n            @change=\"${this.handleBooleanChange}\"\n            aria-label=\"HTTP only cookie\"\n          ></ui-checkbox>\n          HTTP only\n        </label>\n      </div>\n\n      <div class=\"checkbox-row\">\n        <label>\n          <ui-checkbox\n            name=\"secure\"\n            .checked=\"${secure}\"\n            @change=\"${this.handleBooleanChange}\"\n            aria-label=\"Secure cookie\"\n          ></ui-checkbox>\n          Secure\n        </label>\n      </div>\n\n      <div class=\"checkbox-row\">\n        <label>\n          <ui-checkbox\n            name=\"session\"\n            .checked=\"${session}\"\n            @change=\"${this.handleBooleanChange}\"\n            aria-label=\"Session cookie\"\n          ></ui-checkbox>\n          Session\n        </label>\n      </div>\n\n    </div>\n    `;\n  }\n}\n"]}

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

@@ -1,5 +1,7 @@
-import { LitElement, TemplateResult, CSSResult } from 'lit';
+import { TemplateResult, CSSResult } from 'lit';
 import { IEnvironment, IServer, IProperty, IRequestAuthorization, AuthorizationType, RequestAuthorization } from '@api-client/core/build/browser.js';
+import ApiElement from '../ApiElement.js';
+import { TabSelectionDetail } from '../../ui/tabs/UiTabs.js';
 import '../../define/environment/server-editor.js';
 import '../../define/environment/variables-editor.js';
 import '../../define/ui/ui-icon.js';
@@ -8,10 +10,20 @@ 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 '../../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';
+type EditorPage = 'server' | 'variables' | 'authorization';
 /**
  * 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(): CSSResult[];
     /**
      * The environment schema to edit.
@@ -21,14 +33,19 @@ export default class EnvironmentEditor extends LitElement {
      * Redirect URL for the OAuth2 authorization.
      * If can be also set by dispatching `oauth2-redirect-url-changed`
      * with `value` property on the `detail` object.
+     * @attribute
      */
     oauth2RedirectUri?: string;
     encapsulateHelp: boolean;
+    /**
+     * @attribute
+     */
+    selected: EditorPage;
+    constructor();
     updateName(value: string): void;
     updateEncapsulated(value: boolean): void;
     deleteServer(): void;
     updateVariables(value?: IProperty[]): void;
-    protected notifyChange(): void;
     protected handleServerChange(e: Event): void;
     protected handleVariableChange(e: Event): void;
     protected _createServerHandler(): void;
@@ -56,8 +73,10 @@ export default class EnvironmentEditor extends LitElement {
      * @param type The authorization type to remove.
      */
     removeAuthorization(type: string): void;
+    protected handleTabSelection(e: CustomEvent<TabSelectionDetail>): void;
     protected render(): TemplateResult;
     protected renderHeader(): TemplateResult;
+    protected renderPage(): TemplateResult;
     protected renderEnvironmentEditor(): TemplateResult;
     protected renderNameInput(): TemplateResult;
     protected renderEncapsulate(): TemplateResult;
@@ -80,5 +99,7 @@ export default class EnvironmentEditor extends LitElement {
     protected renderOidcAuthorization(auth: IRequestAuthorization): TemplateResult;
     protected renderCCAuthorization(auth: IRequestAuthorization): TemplateResult;
     protected renderApiKeyAuthorization(auth: IRequestAuthorization): TemplateResult;
+    protected renderTabs(): TemplateResult;
 }
+export {};
 //# sourceMappingURL=EnvironmentEditor.d.ts.map

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,25 +15,31 @@ 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];
     }
-    /**
-     * The environment schema to edit.
-     */
-    environment = new Environment().toJSON();
-    /**
-     * Redirect URL for the OAuth2 authorization.
-     * If can be also set by dispatching `oauth2-redirect-url-changed`
-     * with `value` property on the `detail` object.
-     */
-    oauth2RedirectUri;
-    encapsulateHelp = false;
+    constructor() {
+        super();
+        /**
+         * The environment schema to edit.
+         */
+        this.environment = new Environment().toJSON();
+        this.encapsulateHelp = false;
+        this.selected = 'server';
+    }
     updateName(value) {
         this.environment.info.name = value;
         this.notifyChange();
@@ -58,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();
@@ -168,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">
@@ -245,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>
     `;
@@ -273,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>
     `;
@@ -285,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 = []) {
@@ -373,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>
@@ -383,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>
@@ -393,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>
@@ -403,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}"
@@ -414,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}"
@@ -425,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>
@@ -435,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 })
@@ -450,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":";AAAA,OAAO,EAAE,IAAI,EAA6B,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,WAAW,EAAW,MAAM,EAAuD,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC1K,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,2CAA2C,CAAC;AACnD,OAAO,8CAA8C,CAAC;AACtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,8BAA8B,CAAC;AACtC,OAAO,+BAA+B,CAAC;AACvC,OAAO,4BAA4B,CAAC;AACpC,OAAO,2BAA2B,CAAC;AACnC,OAAO,mDAAmD,CAAC;AAC3D,OAAO,oDAAoD,CAAC;AAC5D,OAAO,kDAAkD,CAAC;AAC1D,OAAO,oDAAoD,CAAC;AAC5D,OAAO,oDAAoD,CAAC;AAC5D,OAAO,kDAAkD,CAAC;AAC1D,OAAO,gDAAgD,CAAC;AAIxD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,UAAU;IACvD,MAAM,KAAc,MAAM;QACxB,OAAO,CAAC,aAAa,CAAC,CAAC;IACzB,CAAC;IAsBD;QACE,KAAK,EAAE,CAAC;QArBV;;WAEG;QACyB,gBAAW,GAAiB,IAAI,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QAmBjF,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,UAAU,CAAC,KAAa;QACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACnC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1F,CAAC;IAED,kBAAkB,CAAC,KAAc;QAC/B,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,KAAK,CAAC;QACtC,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC;QACpC,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,eAAe,CAAC,KAAmB;QACjC,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,KAAK,CAAC;SACpC;QACD,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,yEAAyE;QACzE,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAC7D,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;IACH,CAAC;IAES,kBAAkB,CAAC,CAAQ;QACnC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAsB,CAAC;QACxC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;QACjC,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAES,oBAAoB,CAAC,CAAQ;QACrC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAC;QAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;QAC7B,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAES,oBAAoB;QAC5B,MAAM,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;QAC1C,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,wBAAwB,CAAC,CAAQ;QACzC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAuB,CAAC;QACxC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAES,gBAAgB,CAAC,CAAQ;QACjC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC7B,KAAK,CAAC,aAAa,EAAE,CAAC;IACxB,CAAC;IAES,gBAAgB;QACxB,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;IAC/C,CAAC;IAES,kBAAkB;QAC1B,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAES,aAAa,CAAC,CAAc;QACpC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,IAA+B,CAAC;QACxD,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,IAAqC,CAAC;QACtE,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QACD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;IAED;;;;OAIG;IACH,gBAAgB,CAAC,IAAuB;QACtC,MAAM,GAAG,GAAG,oBAAoB,CAAC,eAAe,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QAClE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;YACnC,IAAI,CAAC,WAAW,CAAC,aAAa,GAAG,EAAE,CAAC;SACrC;QACD,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,OAAO,GAAG,CAAC;IACb,CAAC;IAES,gBAAgB,CAAC,CAAQ;QACjC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAuB,CAAC;QACzC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,mBAAmB,CAAC,aAAsC,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;IAC3F,CAAC;IAES,gBAAgB,CAAC,CAAQ;QACjC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAuB,CAAC;QACzC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO;SACR;QACD,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAC9C,CAAC;IAED;;;;OAIG;IACH,mBAAmB,CAAC,MAA6B,EAAE,OAAgB;QACjE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;QAC3C,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO;SACR;QACD,MAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC;QACnE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,OAAO;SACR;QACD,6CAA6C;QAC7C,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC;QACvB,aAAa,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC;QAC9B,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,IAAY;QAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;QAC3C,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO;SACR;QACD,MAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QAC5D,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,OAAO;SACR;QACD,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC/B,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,kBAAkB,CAAC,CAAkC;QAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QAC1B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,IAAI,CAAC,QAAQ,GAAG,IAAkB,CAAC;IACrC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;MACT,IAAI,CAAC,YAAY,EAAE;MACnB,IAAI,CAAC,uBAAuB,EAAE;MAC9B,IAAI,CAAC,UAAU,EAAE;MACjB,IAAI,CAAC,UAAU,EAAE;KAClB,CAAC;IACJ,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAA,8CAA8C,CAAC;IAC5D,CAAC;IAES,UAAU;QAClB,QAAQ,IAAI,CAAC,QAAQ,EAAE;YACrB,KAAK,eAAe,CAAC,CAAC,OAAO,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACxD,KAAK,WAAW,CAAC,CAAC,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;YAChD,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7C;IACH,CAAC;IAES,uBAAuB;QAC/B,OAAO,IAAI,CAAA;;MAET,IAAI,CAAC,eAAe,EAAE;MACtB,IAAI,CAAC,iBAAiB,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAES,eAAe;QACvB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAC7B,OAAO,IAAI,CAAA;;;;;;kBAMG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;mBAChC,IAAI,CAAC,gBAAgB;;WAE7B,CAAC;IACV,CAAC;IAES,iBAAiB;QACzB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QACjC,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,sBAAsB,EAAE;QAC7B,IAAI,CAAC,2BAA2B,EAAE;;MAEpC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;;KAOvB,CAAC,CAAC,CAAC,EAAE;KACL,CAAC;IACJ,CAAC;IAES,sBAAsB;QAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAC7B,OAAO,IAAI,CAAA;;;;oBAIK,WAAW,CAAC,YAAY,IAAI,KAAK;mBAClC,IAAI,CAAC,wBAAwB;;;;;KAK3C,CAAC;IACJ,CAAC;IAES,2BAA2B;QACnC,OAAO,IAAI,CAAA;mEACoD,IAAI,CAAC,gBAAgB;;;KAGnF,CAAC;IACJ,CAAC;IAES,oBAAoB;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;QACpC,OAAO,IAAI,CAAA;;QAEP,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;KAEnE,CAAC;IACJ,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,CAAA;;;sCAGuB,IAAI,CAAC,oBAAoB;KAC1D,CAAC;IACJ,CAAC;IAES,kBAAkB,CAAC,MAAe;QAC1C,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;QACxD,OAAO,IAAI,CAAA;;cAED,GAAG;mBACE,QAAQ;sBACL,WAAW;mBACd,QAAQ;oBACP,IAAI,CAAC,WAAW,CAAC,SAAS;iBAC7B,IAAI,CAAC,kBAAkB;iBACvB,IAAI,CAAC,kBAAkB;;KAEnC,CAAC;IACJ,CAAC;IAES,eAAe;QACvB,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,qBAAqB,EAAE;;KAE/B,CAAC;IACJ,CAAC;IAES,qBAAqB;QAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;QACvC,OAAO,IAAI,CAAA,iCAAiC,SAAS,cAAc,IAAI,CAAC,oBAAoB,uBAAuB,CAAC;IACtH,CAAC;IAES,mBAAmB;QAC3B,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;QAChD,OAAO,IAAI,CAAA;;;;QAIP,IAAI,CAAC,0BAA0B,CAAC,aAAa,CAAC;QAC9C,IAAI,CAAC,uBAAuB,CAAC,aAAa,CAAC;;KAE9C,CAAC;IACJ,CAAC;IAES,0BAA0B,CAAC,UAAmC,EAAE;QACxE,MAAM,GAAG,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC;QAC/F,MAAM,QAAQ,GAAa,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC;QACnF,OAAO,IAAI,CAAA;;;iBAGE,IAAI,CAAC,aAAa;;;;;;;;qBAQd,CAAC,QAAQ,CAAC,MAAM;;;;;;UAM3B,IAAI,CAAC,0BAA0B,CAAC,QAAQ,CAAC;;;KAG9C,CAAC;IACJ,CAAC;IAES,0BAA0B,CAAC,SAAmB;QACtD,OAAO,IAAI,CAAA;MACT,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;+CACe,IAAI;QAC3C,eAAe,CAAC,IAAI,CAAC;;KAExB,CAAC;KACD,CAAC;IACJ,CAAC;IAES,uBAAuB,CAAC,gBAAyC,EAAE;QAC3E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YAC1D,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC;SAC1C;QACD,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvC,IAAI,OAAmC,CAAC;YACxC,QAAQ,IAAI,CAAC,IAAI,EAAE;gBACjB,KAAK,OAAO;oBAAE,OAAO,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;oBAAC,MAAM;gBACnE,KAAK,QAAQ;oBAAE,OAAO,GAAG,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;oBAAC,MAAM;gBACrE,KAAK,MAAM;oBAAE,OAAO,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;oBAAC,MAAM;gBACjE,KAAK,SAAS;oBAAE,OAAO,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;oBAAC,MAAM;gBACrE,KAAK,SAAS;oBAAE,OAAO,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;oBAAC,MAAM;gBACpE,KAAK,oBAAoB;oBAAE,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;oBAAC,MAAM;gBAC7E,KAAK,SAAS;oBAAE,OAAO,GAAG,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;oBAAC,MAAM;gBACtE,QAAQ;aACT;YACD,IAAI,OAAO,EAAE;gBACX,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,CAAC;gBAClD,OAAO,IAAI,CAAA;UACT,OAAO;UACP,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,2BAA2B,CAAC,CAAC,CAAC,EAAE;SAC/C,CAAC;aACH;YACD,OAAO,IAAI,CAAA,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAES,wBAAwB;QAChC,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAES,wBAAwB,CAAC,IAA2B;QAC5D,OAAO,IAAI,CAAA;;wBAES,IAAI;;;;iBAIX,IAAI,CAAC,gBAAgB;iBACrB,IAAI,CAAC,gBAAgB;;KAEjC,CAAC;IACJ,CAAC;IAES,yBAAyB,CAAC,IAA2B;QAC7D,OAAO,IAAI,CAAA;;wBAES,IAAI;;;;iBAIX,IAAI,CAAC,gBAAgB;iBACrB,IAAI,CAAC,gBAAgB;;KAEjC,CAAC;IACJ,CAAC;IAES,uBAAuB,CAAC,IAA2B;QAC3D,OAAO,IAAI,CAAA;;wBAES,IAAI;;;;iBAIX,IAAI,CAAC,gBAAgB;iBACrB,IAAI,CAAC,gBAAgB;;KAEjC,CAAC;IACJ,CAAC;IAES,wBAAwB,CAAC,IAA2B;QAC5D,OAAO,IAAI,CAAA;;wBAES,IAAI;;;;iBAIX,IAAI,CAAC,gBAAgB;iBACrB,IAAI,CAAC,gBAAgB;6BACT,IAAI,CAAC,iBAAiB;;KAE9C,CAAC;IACJ,CAAC;IAES,uBAAuB,CAAC,IAA2B;QAC3D,OAAO,IAAI,CAAA;;wBAES,IAAI;;;;iBAIX,IAAI,CAAC,gBAAgB;iBACrB,IAAI,CAAC,gBAAgB;6BACT,IAAI,CAAC,iBAAiB;;KAE9C,CAAC;IACJ,CAAC;IAES,qBAAqB,CAAC,IAA2B;QACzD,OAAO,IAAI,CAAA;;wBAES,IAAI;;;;iBAIX,IAAI,CAAC,gBAAgB;iBACrB,IAAI,CAAC,gBAAgB;;KAEjC,CAAC;IACJ,CAAC;IAES,yBAAyB,CAAC,IAA2B;QAC7D,OAAO,IAAI,CAAA;;wBAES,IAAI;;;;iBAIX,IAAI,CAAC,gBAAgB;iBACrB,IAAI,CAAC,gBAAgB;;KAEjC,CAAC;IACJ,CAAC;IAES,UAAU;QAClB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,QAAQ,cAAc,IAAI,CAAC,kBAAkB;;;;;KAKvE,CAAC;IACJ,CAAC;CACF;AA5e6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAwD;AAQvD;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAA4B;AAE9C;IAAR,KAAK,EAAE;0DAA0B;AAKN;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAsB","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,55 +15,17 @@ 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);
+        /**
+         * The server logic used with computations.
+         */
+        this.serverInternal = new Server();
+    }
     static get styles() {
         return [elementStyles];
     }
-    /**
-     * The base URI of the server.
-     *
-     * Note, the URL can contain URI templates (e.g. `http://{host}.api.com/v1`)
-     * In this case the variable is replaced with the system or project variables.
-     *
-     * For simplicity, the `uri` can be the full base URI with protocol, host, and the `basePath`
-     *
-     * @attribute
-     */
-    uri;
-    /**
-     * Usually included in the `uri`. When the `uri` is missing a protocol
-     * this is then used.
-     *
-     * @attribute
-     */
-    protocol;
-    /**
-     * The base path for the server. It starts with the `/`.
-     * When set, it is appended to the `uri` value.
-     *
-     * @attribute
-     */
-    basePath;
-    /**
-     * Optional description of the server.
-     *
-     * @attribute
-     */
-    description;
-    /**
-     * Optional list of variables to set on the environment.
-     * When set it evaluates the final URI value against these properties.
-     */
-    variables;
-    /**
-     * The computed value of the full URI from the values.
-     */
-    valueInternal;
-    /**
-     * The server logic used with computations.
-     */
-    serverInternal = new Server();
-    protocolInput;
     willUpdate(cp) {
         if (cp.has('uri') || cp.has('protocol') || cp.has('basePath') || cp.has('description')) {
             this.setupValue();
@@ -120,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'));
     }