@api-client/ui 0.2.3 → 0.2.4

package/build/src/elements/dialog/internals/DeleteCookieAction.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteCookieAction.element.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/DeleteCookieAction.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAE7D,OAAO,yCAAyC,CAAA;AAChD,OAAO,EACL,gBAAgB,GAEjB,MAAM,mEAAmE,CAAA;;sBAK1B,QAAQ;;;;iBAAnC,kBAAmB,SAAQ,WAAQ;;;gCACrD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YAAC,iKAAS,IAAI,6BAAJ,IAAI,mFAA+B;;;QAA5C,6EAA4C;QAA5C,IAAS,IAAI,0CAA+B;QAA5C,IAAS,IAAI,gDAA+B;QAE/D,WAAW,sDAAsB,IAAI,gBAAgB,EAAE,CAAC,MAAM,EAAE,EAAA;QAEzE;YACE,KAAK,EAAE,CAAA;YACP,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAA;YAC5B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAA;QAC5B,CAAC;QAEQ,UAAU,CAAC,EAAwB;YAC1C,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBACnB,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACzB,CAAC;YACD,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;QAES,gBAAgB;YACxB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;YACrB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,IAAI,CAAC,WAAW,GAAG,IAAI,gBAAgB,EAAE,CAAC,MAAM,EAAE,CAAA;YACpD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,WAAW,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAA;YACxD,CAAC;QACH,CAAC;QAES,eAAe,CAAC,CAAQ;YAChC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAA;YAC/B,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,CAAA;QACpC,CAAC;QAES,gBAAgB,CAAC,CAAQ;YACjC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAA;YAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAA;QACrC,CAAC;QAEQ,UAAU;YACjB,MAAM,OAAO,GAAc;gBACzB,MAAM,EAAE,IAAI;gBACZ,WAAW,EAAE,IAAI;aAClB,CAAA;YACD,OAAO,IAAI,CAAA;oBACK,QAAQ,CAAC,OAAO,CAAC;KAChC,CAAA;QACH,CAAC;QAEQ,WAAW;YAClB,MAAM,OAAO,GAAc;gBACzB,OAAO,EAAE,IAAI;gBACb,YAAY,EAAE,IAAI;aACnB,CAAA;YACD,OAAO,IAAI,CAAA,gBAAgB,QAAQ,CAAC,OAAO,CAAC,mEAAmE,CAAA;QACjH,CAAC;QAEQ,UAAU;YACjB,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,WAAW,CAAA;YAEhD,OAAO,IAAI,CAAA;;;;;;;sBAOO,IAAI,CAAC,IAAI,CAAC;uBACT,IAAI,CAAC,gBAAgB;;;;;;;;;;sBAUtB,IAAI,CAAC,GAAG,CAAC;uBACR,IAAI,CAAC,eAAe;;;;;;KAMtC,CAAA;QACH,CAAC;;;AAvFH;;GAEG;AACH,kCAqFC","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 UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\nimport '../../../md/text-field/ui-text-field.js'\nimport {\n  DeleteCookieStep,\n  type IDeleteCookieStep,\n} from '@api-client/core/models/http-flows/steps/data/DeleteCookieStep.js'\n\n/**\n * A dialog used by the Flow builder to configure the Delete Cookie action.\n */\nexport default class DeleteCookieAction extends UiDialog {\n  @property({ type: Object }) accessor step: IDeleteCookieStep | undefined\n\n  override dialogValue: IDeleteCookieStep = new DeleteCookieStep().toJSON()\n\n  constructor() {\n    super()\n    this.dismissLabel = 'Cancel'\n    this.confirmLabel = 'Save'\n  }\n\n  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 DeleteCookieStep().toJSON()\n    } else {\n      this.dialogValue = new DeleteCookieStep(step).toJSON()\n    }\n  }\n\n  protected handleUrlChange(e: Event): void {\n    const input = e.target as Input\n    this.dialogValue.url = input.value\n  }\n\n  protected handleNameChange(e: Event): void {\n    const input = e.target as Input\n    this.dialogValue.name = input.value\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` <div class=\"${classMap(classes)}\" part=\"title\"><span>Configure Delete Cookie Action</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const { name = '', url = '' } = 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            .value=\"${live(name)}\"\n            @change=\"${this.handleNameChange}\"\n            class=\"input\"\n            supportingText=\"Leave empty to delete all cookies for the URL.\"\n          ></ui-text-field>\n        </div>\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.handleUrlChange}\"\n            class=\"input\"\n            supportingText=\"When the URL is not set then the request URL is used.\"\n          ></ui-text-field>\n        </div>\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"DeleteCookieAction.element.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/DeleteCookieAction.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAE7D,OAAO,gDAAgD,CAAA;AACvD,OAAO,EACL,gBAAgB,GAEjB,MAAM,mEAAmE,CAAA;;sBAK1B,QAAQ;;;;iBAAnC,kBAAmB,SAAQ,WAAQ;;;gCACrD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YAAC,iKAAS,IAAI,6BAAJ,IAAI,mFAA+B;;;QAA5C,6EAA4C;QAA5C,IAAS,IAAI,0CAA+B;QAA5C,IAAS,IAAI,gDAA+B;QAE/D,WAAW,sDAAsB,IAAI,gBAAgB,EAAE,CAAC,MAAM,EAAE,EAAA;QAEzE;YACE,KAAK,EAAE,CAAA;YACP,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAA;YAC5B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAA;QAC5B,CAAC;QAEQ,UAAU,CAAC,EAAwB;YAC1C,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBACnB,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACzB,CAAC;YACD,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;QAES,gBAAgB;YACxB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;YACrB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,IAAI,CAAC,WAAW,GAAG,IAAI,gBAAgB,EAAE,CAAC,MAAM,EAAE,CAAA;YACpD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,WAAW,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAA;YACxD,CAAC;QACH,CAAC;QAES,eAAe,CAAC,CAAQ;YAChC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAA;YAC/B,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,CAAA;QACpC,CAAC;QAES,gBAAgB,CAAC,CAAQ;YACjC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAA;YAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAA;QACrC,CAAC;QAEQ,UAAU;YACjB,MAAM,OAAO,GAAc;gBACzB,MAAM,EAAE,IAAI;gBACZ,WAAW,EAAE,IAAI;aAClB,CAAA;YACD,OAAO,IAAI,CAAA;oBACK,QAAQ,CAAC,OAAO,CAAC;KAChC,CAAA;QACH,CAAC;QAEQ,WAAW;YAClB,MAAM,OAAO,GAAc;gBACzB,OAAO,EAAE,IAAI;gBACb,YAAY,EAAE,IAAI;aACnB,CAAA;YACD,OAAO,IAAI,CAAA,gBAAgB,QAAQ,CAAC,OAAO,CAAC,mEAAmE,CAAA;QACjH,CAAC;QAEQ,UAAU;YACjB,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,WAAW,CAAA;YAEhD,OAAO,IAAI,CAAA;;;;;;;sBAOO,IAAI,CAAC,IAAI,CAAC;uBACT,IAAI,CAAC,gBAAgB;;;;;;;;;;sBAUtB,IAAI,CAAC,GAAG,CAAC;uBACR,IAAI,CAAC,eAAe;;;;;;KAMtC,CAAA;QACH,CAAC;;;AAvFH;;GAEG;AACH,kCAqFC","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 UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\nimport '../../../md/text-field/ui-filled-text-field.js'\nimport {\n  DeleteCookieStep,\n  type IDeleteCookieStep,\n} from '@api-client/core/models/http-flows/steps/data/DeleteCookieStep.js'\n\n/**\n * A dialog used by the Flow builder to configure the Delete Cookie action.\n */\nexport default class DeleteCookieAction extends UiDialog {\n  @property({ type: Object }) accessor step: IDeleteCookieStep | undefined\n\n  override dialogValue: IDeleteCookieStep = new DeleteCookieStep().toJSON()\n\n  constructor() {\n    super()\n    this.dismissLabel = 'Cancel'\n    this.confirmLabel = 'Save'\n  }\n\n  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 DeleteCookieStep().toJSON()\n    } else {\n      this.dialogValue = new DeleteCookieStep(step).toJSON()\n    }\n  }\n\n  protected handleUrlChange(e: Event): void {\n    const input = e.target as Input\n    this.dialogValue.url = input.value\n  }\n\n  protected handleNameChange(e: Event): void {\n    const input = e.target as Input\n    this.dialogValue.name = input.value\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` <div class=\"${classMap(classes)}\" part=\"title\"><span>Configure Delete Cookie Action</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const { name = '', url = '' } = this.dialogValue\n\n    return html`\n      <div class=\"content\">\n        <div class=\"param-row\">\n          <ui-filled-text-field\n            name=\"name\"\n            label=\"Cookie name\"\n            type=\"text\"\n            .value=\"${live(name)}\"\n            @change=\"${this.handleNameChange}\"\n            class=\"input\"\n            supportingText=\"Leave empty to delete all cookies for the URL.\"\n          ></ui-filled-text-field>\n        </div>\n        <div class=\"param-row\">\n          <ui-filled-text-field\n            name=\"url\"\n            label=\"Cookie URL\"\n            type=\"url\"\n            .value=\"${live(url)}\"\n            @change=\"${this.handleUrlChange}\"\n            class=\"input\"\n            supportingText=\"When the URL is not set then the request URL is used.\"\n          ></ui-filled-text-field>\n        </div>\n      </div>\n    `\n  }\n}\n"]}

package/build/src/elements/dialog/internals/Rename.d.ts

@@ -2,7 +2,7 @@ import { TemplateResult } from 'lit';
 import UiDialog from '../../../md/dialog/internals/Dialog.js';
 import '../../../md/button/ui-text-button.js';
 import '../../../md/icons/ui-icon.js';
-import '../../../md/text-field/ui-text-field.js';
+import '../../../md/text-field/ui-filled-text-field.js';
 /**
  * A dialog that requests the user for the new name.
  *

package/build/src/elements/dialog/internals/Rename.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rename.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/Rename.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAA;AAI1C,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAG7D,OAAO,sCAAsC,CAAA;AAC7C,OAAO,8BAA8B,CAAA;AACrC,OAAO,yCAAyC,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,QAAQ;IACvD;;;OAGG;IACyB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAEpD,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAE9C,OAAO,KAAK,QAAQ,GAMnB;IAED,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKrC,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;cAQjC,iBAAiB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI;IAS/D,UAAU,IAAI,cAAc;IAQ5B,WAAW,IAAI,cAAc;IAQ7B,UAAU,IAAI,cAAc;IAmB5B,aAAa,IAAI,cAAc;CAqBzC"}
+{"version":3,"file":"Rename.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/Rename.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAA;AAI1C,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAG7D,OAAO,sCAAsC,CAAA;AAC7C,OAAO,8BAA8B,CAAA;AACrC,OAAO,gDAAgD,CAAA;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,QAAQ;IACvD;;;OAGG;IACyB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAEpD,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAE9C,OAAO,KAAK,QAAQ,GAMnB;IAED,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKrC,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;cAQjC,iBAAiB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI;IAS/D,UAAU,IAAI,cAAc;IAQ5B,WAAW,IAAI,cAAc;IAQ7B,UAAU,IAAI,cAAc;IAmB5B,aAAa,IAAI,cAAc;CAqBzC"}

package/build/src/elements/dialog/internals/Rename.js

@@ -6,7 +6,7 @@ import { live } from 'lit/directives/live.js';
 import UiDialog from '../../../md/dialog/internals/Dialog.js';
 import '../../../md/button/ui-text-button.js';
 import '../../../md/icons/ui-icon.js';
-import '../../../md/text-field/ui-text-field.js';
+import '../../../md/text-field/ui-filled-text-field.js';
 let RenameDialogElement = (() => {
     let _classSuper = UiDialog;
     let _name_decorators;
@@ -79,7 +79,7 @@ let RenameDialogElement = (() => {
             const value = this.newValue || this.name || '';
             return html `
       <div class="content">
-        <ui-text-field
+        <ui-filled-text-field
           class="file-name"
           type="text"
           name="name"
@@ -89,7 +89,7 @@ let RenameDialogElement = (() => {
           @keydown="${this.handleInputKeyDown}"
           .value="${live(value)}"
           label="Enter new name"
-        ></ui-text-field>
+        ></ui-filled-text-field>
       </div>
     `;
         }

package/build/src/elements/dialog/internals/Rename.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rename.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/Rename.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { live } from 'lit/directives/live.js'\nimport UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\n\nimport '../../../md/button/ui-text-button.js'\nimport '../../../md/icons/ui-icon.js'\nimport '../../../md/text-field/ui-text-field.js'\n\n/**\n * A dialog that requests the user for the new name.\n *\n * Listen to the `closed` on the dialog. The CustomEvent has the `detail`\n * object with the `closingReason` retails:\n * - canceled: whether the dialog was cancelled (ESC, outside click, dismiss button)\n * - confirmed: whether the dialog was confirmed by the user\n * - value: The entered name value\n *\n * The application should handle the event and trigger name change flow.\n *\n * ```javascript\n * const dialog = document.createElement('rename-dialog');\n * dialog.name = 'old name';\n * document.body.appendChild(dialog);\n * dialog.open = true;\n * dialog.addEventListener('closed', (ev: Event) => {\n *   document.body.removeChild(dialog);\n *   const event = ev as CustomEvent<UiDialogClosingReason>;\n *   const { cancelled, value } = event.detail;\n *   if (!cancelled && value) {\n *     // trigger the flow, value is the new value\n *   }\n * });\n * ```\n */\nexport default class RenameDialogElement extends UiDialog {\n  /**\n   * The previous name\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  @state() accessor newValue: string | undefined\n\n  private get hasValue(): boolean {\n    const { newValue } = this\n    if (!newValue) {\n      return false\n    }\n    return newValue.trim().length > 0\n  }\n\n  protected handleInput(e: Event): void {\n    const input = e.target as Input\n    this.newValue = input.value\n  }\n\n  protected handleInputKeyDown(e: KeyboardEvent): void {\n    const confirm = (e.ctrlKey || e.metaKey) && e.key === 'Enter'\n    if (!confirm || !this.hasValue) {\n      return\n    }\n    this.handleInteraction('confirm')\n  }\n\n  protected override handleInteraction(value: 'dismiss' | 'confirm'): void {\n    if (value === 'confirm') {\n      this.dialogValue = this.newValue\n    } else {\n      this.dialogValue = undefined\n    }\n    super.handleInteraction(value)\n  }\n\n  override renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      'icon': true,\n      'with-icon': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"rename\"></ui-icon></div> `\n  }\n\n  override renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      'title': true,\n      'with-title': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"title\"><span>Rename</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const value = this.newValue || this.name || ''\n    return html`\n      <div class=\"content\">\n        <ui-text-field\n          class=\"file-name\"\n          type=\"text\"\n          name=\"name\"\n          required\n          invalidText=\"The name is required. Please, enter the name.\"\n          @input=\"${this.handleInput}\"\n          @keydown=\"${this.handleInputKeyDown}\"\n          .value=\"${live(value)}\"\n          label=\"Enter new name\"\n        ></ui-text-field>\n      </div>\n    `\n  }\n\n  override renderButtons(): TemplateResult {\n    const { confirmLabel = 'Rename', dismissLabel = 'Cancel' } = this\n    const classes: ClassInfo = {\n      'buttons': true,\n      'with-buttons': true,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"button\">\n        <ui-text-button value=\"dismiss\" class=\"internal-button\" @click=\"${this.handleDismiss}\"\n          >${dismissLabel}</ui-text-button\n        >\n        <ui-text-button\n          value=\"confirm\"\n          class=\"internal-button\"\n          ?disabled=\"${!this.hasValue}\"\n          @click=\"${this.handleConfirm}\"\n          >${confirmLabel}</ui-text-button\n        >\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"Rename.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/Rename.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { live } from 'lit/directives/live.js'\nimport UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\n\nimport '../../../md/button/ui-text-button.js'\nimport '../../../md/icons/ui-icon.js'\nimport '../../../md/text-field/ui-filled-text-field.js'\n\n/**\n * A dialog that requests the user for the new name.\n *\n * Listen to the `closed` on the dialog. The CustomEvent has the `detail`\n * object with the `closingReason` retails:\n * - canceled: whether the dialog was cancelled (ESC, outside click, dismiss button)\n * - confirmed: whether the dialog was confirmed by the user\n * - value: The entered name value\n *\n * The application should handle the event and trigger name change flow.\n *\n * ```javascript\n * const dialog = document.createElement('rename-dialog');\n * dialog.name = 'old name';\n * document.body.appendChild(dialog);\n * dialog.open = true;\n * dialog.addEventListener('closed', (ev: Event) => {\n *   document.body.removeChild(dialog);\n *   const event = ev as CustomEvent<UiDialogClosingReason>;\n *   const { cancelled, value } = event.detail;\n *   if (!cancelled && value) {\n *     // trigger the flow, value is the new value\n *   }\n * });\n * ```\n */\nexport default class RenameDialogElement extends UiDialog {\n  /**\n   * The previous name\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  @state() accessor newValue: string | undefined\n\n  private get hasValue(): boolean {\n    const { newValue } = this\n    if (!newValue) {\n      return false\n    }\n    return newValue.trim().length > 0\n  }\n\n  protected handleInput(e: Event): void {\n    const input = e.target as Input\n    this.newValue = input.value\n  }\n\n  protected handleInputKeyDown(e: KeyboardEvent): void {\n    const confirm = (e.ctrlKey || e.metaKey) && e.key === 'Enter'\n    if (!confirm || !this.hasValue) {\n      return\n    }\n    this.handleInteraction('confirm')\n  }\n\n  protected override handleInteraction(value: 'dismiss' | 'confirm'): void {\n    if (value === 'confirm') {\n      this.dialogValue = this.newValue\n    } else {\n      this.dialogValue = undefined\n    }\n    super.handleInteraction(value)\n  }\n\n  override renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      'icon': true,\n      'with-icon': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"rename\"></ui-icon></div> `\n  }\n\n  override renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      'title': true,\n      'with-title': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"title\"><span>Rename</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const value = this.newValue || this.name || ''\n    return html`\n      <div class=\"content\">\n        <ui-filled-text-field\n          class=\"file-name\"\n          type=\"text\"\n          name=\"name\"\n          required\n          invalidText=\"The name is required. Please, enter the name.\"\n          @input=\"${this.handleInput}\"\n          @keydown=\"${this.handleInputKeyDown}\"\n          .value=\"${live(value)}\"\n          label=\"Enter new name\"\n        ></ui-filled-text-field>\n      </div>\n    `\n  }\n\n  override renderButtons(): TemplateResult {\n    const { confirmLabel = 'Rename', dismissLabel = 'Cancel' } = this\n    const classes: ClassInfo = {\n      'buttons': true,\n      'with-buttons': true,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"button\">\n        <ui-text-button value=\"dismiss\" class=\"internal-button\" @click=\"${this.handleDismiss}\"\n          >${dismissLabel}</ui-text-button\n        >\n        <ui-text-button\n          value=\"confirm\"\n          class=\"internal-button\"\n          ?disabled=\"${!this.hasValue}\"\n          @click=\"${this.handleConfirm}\"\n          >${confirmLabel}</ui-text-button\n        >\n      </div>\n    `\n  }\n}\n"]}

package/build/src/elements/dialog/internals/SetCookieAction.element.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult, type PropertyValues } from 'lit';
 import UiDialog from '../../../md/dialog/internals/Dialog.js';
 import { type ISetCookieStep } from '@api-client/core/models/http-flows/steps/data/SetCookieStep.js';
-import '../../../md/text-field/ui-text-field.js';
+import '../../../md/text-field/ui-filled-text-field.js';
 import '../../../md/checkbox/ui-checkbox.js';
 /**
  * A dialog used by the Flow builder to configure the Set Cookie action.

package/build/src/elements/dialog/internals/SetCookieAction.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetCookieAction.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/SetCookieAction.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAIpE,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAG7D,OAAO,EAAE,KAAK,cAAc,EAAiB,MAAM,gEAAgE,CAAA;AAGnH,OAAO,yCAAyC,CAAA;AAChD,OAAO,qCAAqC,CAAA;AAE5C;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,SAAS,CAAA;IAE5D,WAAW,EAAE,cAAc,CAA+B;;IAQ1D,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOnD,SAAS,CAAC,gBAAgB,IAAI,IAAI;IASlC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM3C,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM7C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKrC,UAAU,IAAI,cAAc;IAU5B,WAAW,IAAI,cAAc;IAQ7B,UAAU,IAAI,cAAc;CA+GtC"}
+{"version":3,"file":"SetCookieAction.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/SetCookieAction.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAIpE,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAG7D,OAAO,EAAE,KAAK,cAAc,EAAiB,MAAM,gEAAgE,CAAA;AAGnH,OAAO,gDAAgD,CAAA;AACvD,OAAO,qCAAqC,CAAA;AAE5C;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,SAAS,CAAA;IAE5D,WAAW,EAAE,cAAc,CAA+B;;IAQ1D,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOnD,SAAS,CAAC,gBAAgB,IAAI,IAAI;IASlC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM3C,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM7C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKrC,UAAU,IAAI,cAAc;IAU5B,WAAW,IAAI,cAAc;IAQ7B,UAAU,IAAI,cAAc;CA+GtC"}

package/build/src/elements/dialog/internals/SetCookieAction.element.js

@@ -5,7 +5,7 @@ import { live } from 'lit/directives/live.js';
 import { classMap } from 'lit/directives/class-map.js';
 import UiDialog from '../../../md/dialog/internals/Dialog.js';
 import { SetCookieStep } from '@api-client/core/models/http-flows/steps/data/SetCookieStep.js';
-import '../../../md/text-field/ui-text-field.js';
+import '../../../md/text-field/ui-filled-text-field.js';
 import '../../../md/checkbox/ui-checkbox.js';
 let SetCookieAction = (() => {
     let _classSuper = UiDialog;
@@ -78,7 +78,7 @@ let SetCookieAction = (() => {
             return html `
       <div class="content">
         <div class="param-row">
-          <ui-text-field
+          <ui-filled-text-field
             name="name"
             label="Cookie name"
             type="text"
@@ -87,11 +87,11 @@ let SetCookieAction = (() => {
             @change="${this.handleValueChange}"
             class="input"
             supportingText="The name of the cookie to set."
-          ></ui-text-field>
+          ></ui-filled-text-field>
         </div>
 
         <div class="param-row">
-          <ui-text-field
+          <ui-filled-text-field
             name="url"
             label="Cookie URL"
             type="url"
@@ -99,29 +99,29 @@ let SetCookieAction = (() => {
             @change="${this.handleValueChange}"
             class="input"
             supportingText="When the URL is not set then the request URL is used."
-          ></ui-text-field>
+          ></ui-filled-text-field>
         </div>
 
         <div class="param-row">
-          <ui-text-field
+          <ui-filled-text-field
             name="expires"
             label="Expires"
             .value="${live(expires)}"
             @change="${this.handleValueChange}"
             class="input"
             supportingText="A valid cookie date or relative time like 4d, 600s, etc."
-          ></ui-text-field>
+          ></ui-filled-text-field>
         </div>
 
         <div class="param-row">
-          <ui-text-field
+          <ui-filled-text-field
             name="sameSite"
             label="Same site"
             .value="${live(sameSite)}"
             @change="${this.handleSameSiteChange}"
             class="input"
             .list="${['Lax', 'Strict', 'None']}"
-          ></ui-text-field>
+          ></ui-filled-text-field>
         </div>
 
         <div class="checkbox-row">

package/build/src/elements/dialog/internals/SetCookieAction.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetCookieAction.element.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/SetCookieAction.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { type TemplateResult, html, type PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\nimport { type ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\nimport type CheckboxElement from '../../../md/checkbox/internals/CheckboxElement.js'\nimport { type ISetCookieStep, SetCookieStep } from '@api-client/core/models/http-flows/steps/data/SetCookieStep.js'\nimport type { SameSiteValue } from '@api-client/core/cookies/CookieParser.js'\n\nimport '../../../md/text-field/ui-text-field.js'\nimport '../../../md/checkbox/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 }) accessor step: ISetCookieStep | undefined\n\n  override dialogValue: ISetCookieStep = new SetCookieStep().toJSON()\n\n  constructor() {\n    super()\n    this.dismissLabel = 'Cancel'\n    this.confirmLabel = 'Save'\n  }\n\n  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` <div class=\"${classMap(classes)}\" part=\"title\"><span>Configure Set Cookie Action</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const {\n      name = '',\n      url = '',\n      expires = '',\n      hostOnly = false,\n      httpOnly = false,\n      sameSite = 'None',\n      secure = false,\n      session = false,\n    } = 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      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"SetCookieAction.element.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/SetCookieAction.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { type TemplateResult, html, type PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\nimport { type ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\nimport type CheckboxElement from '../../../md/checkbox/internals/CheckboxElement.js'\nimport { type ISetCookieStep, SetCookieStep } from '@api-client/core/models/http-flows/steps/data/SetCookieStep.js'\nimport type { SameSiteValue } from '@api-client/core/cookies/CookieParser.js'\n\nimport '../../../md/text-field/ui-filled-text-field.js'\nimport '../../../md/checkbox/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 }) accessor step: ISetCookieStep | undefined\n\n  override dialogValue: ISetCookieStep = new SetCookieStep().toJSON()\n\n  constructor() {\n    super()\n    this.dismissLabel = 'Cancel'\n    this.confirmLabel = 'Save'\n  }\n\n  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` <div class=\"${classMap(classes)}\" part=\"title\"><span>Configure Set Cookie Action</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const {\n      name = '',\n      url = '',\n      expires = '',\n      hostOnly = false,\n      httpOnly = false,\n      sameSite = 'None',\n      secure = false,\n      session = false,\n    } = this.dialogValue\n\n    return html`\n      <div class=\"content\">\n        <div class=\"param-row\">\n          <ui-filled-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-filled-text-field>\n        </div>\n\n        <div class=\"param-row\">\n          <ui-filled-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-filled-text-field>\n        </div>\n\n        <div class=\"param-row\">\n          <ui-filled-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-filled-text-field>\n        </div>\n\n        <div class=\"param-row\">\n          <ui-filled-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-filled-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      </div>\n    `\n  }\n}\n"]}

package/build/src/elements/environment/EnvironmentEditor.d.ts

@@ -9,7 +9,7 @@ import { TabSelectionDetail } from '../../md/tabs/internals/Tabs.js';
 import '../../define/environment/server-editor.js';
 import '../../define/environment/variables-editor.js';
 import '../../md/icons/ui-icon.js';
-import '../../md/text-field/ui-text-field.js';
+import '../../md/text-field/ui-filled-text-field.js';
 import '../../md/switch/ui-switch.js';
 import '../../md/icon-button/ui-icon-button.js';
 import '../../md/button/ui-filled-tonal-button.js';

package/build/src/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":"AAAA,OAAO,EAAQ,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAErD,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACvF,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,KAAK,OAAO,EAAU,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AACjF,OAAO,EAAE,KAAK,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAA;AAElH,OAAO,UAAU,MAAM,kBAAkB,CAAA;AASzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAEpE,OAAO,2CAA2C,CAAA;AAClD,OAAO,8CAA8C,CAAA;AACrD,OAAO,2BAA2B,CAAA;AAClC,OAAO,6CAA6C,CAAA;AACpD,OAAO,8BAA8B,CAAA;AACrC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,2CAA2C,CAAA;AAClD,OAAO,gCAAgC,CAAA;AACvC,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,mDAAmD,CAAA;AAC1D,OAAO,oDAAoD,CAAA;AAC3D,OAAO,kDAAkD,CAAA;AACzD,OAAO,oDAAoD,CAAA;AAC3D,OAAO,oDAAoD,CAAA;AAC3D,OAAO,kDAAkD,CAAA;AACzD,OAAO,gDAAgD,CAAA;AAEvD,KAAK,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,eAAe,CAAA;AAE1D;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,UAAU;IACvD,WAAoB,MAAM,IAAI,SAAS,EAAE,CAExC;IAED;;OAEG;IACyB,QAAQ,CAAC,WAAW,EAAE,YAAY,CAA6B;IAE3F;;;;;OAKG;IACyB,QAAQ,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAA;IAEjE,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAA;IAE1C;;OAEG;IACyB,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAA;;IAQzD,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM/B,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKxC,YAAY,IAAI,IAAI;IAMpB,eAAe,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI;IAY1C,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAO5C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM9C,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAMtC,SAAS,CAAC,wBAAwB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKlD,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM1C,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAIlC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAIpC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAY7C;;;;OAIG;IACH,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,GAAG,oBAAoB;IAY/D,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM1C,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAS1C;;;;OAIG;IACH,mBAAmB,CAAC,MAAM,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAc1E;;;OAGG;IACH,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAcvC,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC,GAAG,IAAI;cASnD,MAAM,IAAI,cAAc;IAI3C,SAAS,CAAC,YAAY,IAAI,cAAc;IAIxC,SAAS,CAAC,UAAU,IAAI,cAAc;IAWtC,SAAS,CAAC,uBAAuB,IAAI,cAAc;IAMnD,SAAS,CAAC,eAAe,IAAI,cAAc;IAa3C,SAAS,CAAC,iBAAiB,IAAI,cAAc;IAgB7C,SAAS,CAAC,sBAAsB,IAAI,cAAc;IAelD,SAAS,CAAC,2BAA2B,IAAI,cAAc;IAQvD,SAAS,CAAC,oBAAoB,IAAI,cAAc;IAShD,SAAS,CAAC,cAAc,IAAI,cAAc;IAQ1C,SAAS,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,GAAG,cAAc;IAe7D,SAAS,CAAC,eAAe,IAAI,cAAc;IAM3C,SAAS,CAAC,qBAAqB,IAAI,cAAc;IAKjD,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAa/C,SAAS,CAAC,0BAA0B,CAAC,OAAO,GAAE,qBAAqB,EAAO,GAAG,cAAc;IAkB3F,SAAS,CAAC,0BAA0B,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,cAAc;IAQzE,SAAS,CAAC,uBAAuB,CAAC,aAAa,GAAE,qBAAqB,EAAO,GAAG,cAAc,EAAE;IAsChG,SAAS,CAAC,wBAAwB,IAAI,cAAc;IAIpD,SAAS,CAAC,wBAAwB,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc;IAa/E,SAAS,CAAC,yBAAyB,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc;IAahF,SAAS,CAAC,uBAAuB,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc;IAa9E,SAAS,CAAC,wBAAwB,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc;IAc/E,SAAS,CAAC,uBAAuB,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc;IAc9E,SAAS,CAAC,qBAAqB,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc;IAa5E,SAAS,CAAC,yBAAyB,CAAC,IAAI,EAAE,qBAAqB,GAAG,cAAc;IAahF,SAAS,CAAC,UAAU,IAAI,cAAc;CASvC"}

package/build/src/elements/environment/EnvironmentEditor.js

@@ -12,7 +12,7 @@ import { authTypeToLabel } from '../authorization/AuthLabels.js';
 import '../../define/environment/server-editor.js';
 import '../../define/environment/variables-editor.js';
 import '../../md/icons/ui-icon.js';
-import '../../md/text-field/ui-text-field.js';
+import '../../md/text-field/ui-filled-text-field.js';
 import '../../md/switch/ui-switch.js';
 import '../../md/icon-button/ui-icon-button.js';
 import '../../md/button/ui-filled-tonal-button.js';
@@ -256,13 +256,13 @@ let EnvironmentEditor = (() => {
         renderNameInput() {
             const { environment } = this;
             return html ` <div class="form-item">
-      <ui-text-field
+      <ui-filled-text-field
         name="name"
         label="Environment name"
         required
         .value="${live(environment.info.name || '')}"
         @change="${this.handleNameChange}"
-      ></ui-text-field>
+      ></ui-filled-text-field>
     </div>`;
         }
         renderEncapsulate() {

package/build/src/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":["import { html, TemplateResult, CSSResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { Environment, type IEnvironment } from '@api-client/core/models/Environment.js'\nimport { type IProperty } from '@api-client/core/models/Property.js'\nimport { type IServer, Server } from '@api-client/core/models/Server.js'\nimport { type AuthorizationType } from '@api-client/core/models/Authorization.js'\nimport { type IRequestAuthorization, RequestAuthorization } from '@api-client/core/models/RequestAuthorization.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 '../../md/input/Input.js'\nimport elementStyles from './EnvironmentEditor.styles.js'\nimport SwitchElement from '../../md/switch/internals/SwitchElement.js'\nimport { authTypeToLabel } from '../authorization/AuthLabels.js'\nimport { Authorization } from '../authorization/ui/Authorization.js'\nimport { TabSelectionDetail } from '../../md/tabs/internals/Tabs.js'\n\nimport '../../define/environment/server-editor.js'\nimport '../../define/environment/variables-editor.js'\nimport '../../md/icons/ui-icon.js'\nimport '../../md/text-field/ui-text-field.js'\nimport '../../md/switch/ui-switch.js'\nimport '../../md/icon-button/ui-icon-button.js'\nimport '../../md/button/ui-filled-tonal-button.js'\nimport '../../md/divider/ui-divider.js'\nimport '../../md/tabs/ui-tabs.js'\nimport '../../md/tabs/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 }) accessor 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 }) accessor oauth2RedirectUri: string | undefined\n\n  @state() accessor encapsulateHelp: boolean\n\n  /**\n   * @attribute\n   */\n  @property({ type: String }) accessor 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    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` ${this.renderHeader()} ${this.renderEnvironmentEditor()} ${this.renderTabs()} ${this.renderPage()} `\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':\n        return this.renderAuthorization()\n      case 'variables':\n        return this.renderVariables()\n      default:\n        return this.renderServerTemplate()\n    }\n  }\n\n  protected renderEnvironmentEditor(): TemplateResult {\n    return html`\n      <section aria-label=\"Environment configuration\">${this.renderNameInput()} ${this.renderEncapsulate()}</section>\n    `\n  }\n\n  protected renderNameInput(): TemplateResult {\n    const { environment } = this\n    return html` <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\">${this.renderEncapsulateInput()} ${this.renderEncapsulateInfoToggle()}</div>\n      ${encapsulateHelp\n        ? html`\n            <div class=\"help-banner\">\n              By default when running requests in a folder the application reads all environments up to the project\n              root. The variables are then combined into a single object. When <i>encapsulated</i> is enabled, the\n              program stops reading environments above the folder the environment is defined.\n            </div>\n          `\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-filled-tonal-button @click=\"${this._createServerHandler}\">Create server</ui-filled-tonal-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\">${this.renderVariablesEditor()}</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\">\n          The authorization is applied to all requests in the current folder when the request is executed.\n        </p>\n        ${this.renderAuthorizationActions(authorization)} ${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 verticalAlign=\"top\" @select=\"${this.handleAuthAdd}\" class=\"auth-dropdown\" closeOnOutsideClick>\n        <ui-filled-tonal-button\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-filled-tonal-button>\n        <ui-list slot=\"dropdown\" role=\"menu\"> ${this.renderAuthorizationOptions(toRender)} </ui-list>\n      </ui-dropdown-list>\n    `\n  }\n\n  protected renderAuthorizationOptions(available: string[]): TemplateResult {\n    return html`\n      ${available.map(\n        (type) => html` <ui-list-item role=\"menuitem\" data-type=\"${type}\"> ${authTypeToLabel(type)} </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':\n          content = this.renderBasicAuthorization(item)\n          break\n        case 'bearer':\n          content = this.renderBearerAuthorization(item)\n          break\n        case 'ntlm':\n          content = this.renderNtlmAuthorization(item)\n          break\n        case 'oauth 2':\n          content = this.renderOauthAuthorization(item)\n          break\n        case 'open id':\n          content = this.renderOidcAuthorization(item)\n          break\n        case 'client certificate':\n          content = this.renderCCAuthorization(item)\n          break\n        case 'api key':\n          content = this.renderApiKeyAuthorization(item)\n          break\n        default:\n      }\n      if (content) {\n        const isLast = authorization.length === index + 1\n        return html` ${content} ${!isLast ? html`<ui-divider></ui-divider>` : ''} `\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"]}
+{"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 { Environment, type IEnvironment } from '@api-client/core/models/Environment.js'\nimport { type IProperty } from '@api-client/core/models/Property.js'\nimport { type IServer, Server } from '@api-client/core/models/Server.js'\nimport { type AuthorizationType } from '@api-client/core/models/Authorization.js'\nimport { type IRequestAuthorization, RequestAuthorization } from '@api-client/core/models/RequestAuthorization.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 '../../md/input/Input.js'\nimport elementStyles from './EnvironmentEditor.styles.js'\nimport SwitchElement from '../../md/switch/internals/SwitchElement.js'\nimport { authTypeToLabel } from '../authorization/AuthLabels.js'\nimport { Authorization } from '../authorization/ui/Authorization.js'\nimport { TabSelectionDetail } from '../../md/tabs/internals/Tabs.js'\n\nimport '../../define/environment/server-editor.js'\nimport '../../define/environment/variables-editor.js'\nimport '../../md/icons/ui-icon.js'\nimport '../../md/text-field/ui-filled-text-field.js'\nimport '../../md/switch/ui-switch.js'\nimport '../../md/icon-button/ui-icon-button.js'\nimport '../../md/button/ui-filled-tonal-button.js'\nimport '../../md/divider/ui-divider.js'\nimport '../../md/tabs/ui-tabs.js'\nimport '../../md/tabs/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 }) accessor 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 }) accessor oauth2RedirectUri: string | undefined\n\n  @state() accessor encapsulateHelp: boolean\n\n  /**\n   * @attribute\n   */\n  @property({ type: String }) accessor 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    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` ${this.renderHeader()} ${this.renderEnvironmentEditor()} ${this.renderTabs()} ${this.renderPage()} `\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':\n        return this.renderAuthorization()\n      case 'variables':\n        return this.renderVariables()\n      default:\n        return this.renderServerTemplate()\n    }\n  }\n\n  protected renderEnvironmentEditor(): TemplateResult {\n    return html`\n      <section aria-label=\"Environment configuration\">${this.renderNameInput()} ${this.renderEncapsulate()}</section>\n    `\n  }\n\n  protected renderNameInput(): TemplateResult {\n    const { environment } = this\n    return html` <div class=\"form-item\">\n      <ui-filled-text-field\n        name=\"name\"\n        label=\"Environment name\"\n        required\n        .value=\"${live(environment.info.name || '')}\"\n        @change=\"${this.handleNameChange}\"\n      ></ui-filled-text-field>\n    </div>`\n  }\n\n  protected renderEncapsulate(): TemplateResult {\n    const { encapsulateHelp } = this\n    return html`\n      <div class=\"encapsulate-item\">${this.renderEncapsulateInput()} ${this.renderEncapsulateInfoToggle()}</div>\n      ${encapsulateHelp\n        ? html`\n            <div class=\"help-banner\">\n              By default when running requests in a folder the application reads all environments up to the project\n              root. The variables are then combined into a single object. When <i>encapsulated</i> is enabled, the\n              program stops reading environments above the folder the environment is defined.\n            </div>\n          `\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-filled-tonal-button @click=\"${this._createServerHandler}\">Create server</ui-filled-tonal-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\">${this.renderVariablesEditor()}</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\">\n          The authorization is applied to all requests in the current folder when the request is executed.\n        </p>\n        ${this.renderAuthorizationActions(authorization)} ${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 verticalAlign=\"top\" @select=\"${this.handleAuthAdd}\" class=\"auth-dropdown\" closeOnOutsideClick>\n        <ui-filled-tonal-button\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-filled-tonal-button>\n        <ui-list slot=\"dropdown\" role=\"menu\"> ${this.renderAuthorizationOptions(toRender)} </ui-list>\n      </ui-dropdown-list>\n    `\n  }\n\n  protected renderAuthorizationOptions(available: string[]): TemplateResult {\n    return html`\n      ${available.map(\n        (type) => html` <ui-list-item role=\"menuitem\" data-type=\"${type}\"> ${authTypeToLabel(type)} </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':\n          content = this.renderBasicAuthorization(item)\n          break\n        case 'bearer':\n          content = this.renderBearerAuthorization(item)\n          break\n        case 'ntlm':\n          content = this.renderNtlmAuthorization(item)\n          break\n        case 'oauth 2':\n          content = this.renderOauthAuthorization(item)\n          break\n        case 'open id':\n          content = this.renderOidcAuthorization(item)\n          break\n        case 'client certificate':\n          content = this.renderCCAuthorization(item)\n          break\n        case 'api key':\n          content = this.renderApiKeyAuthorization(item)\n          break\n        default:\n      }\n      if (content) {\n        const isLast = authorization.length === index + 1\n        return html` ${content} ${!isLast ? html`<ui-divider></ui-divider>` : ''} `\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/build/src/elements/environment/EnvironmentEditor.styles.js

@@ -5,7 +5,7 @@ export default css `
     max-width: 900px;
   }
 
-  ui-text-field {
+  ui-filled-text-field {
     margin: 0;
     width: 100%;
   }

package/build/src/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,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n    max-width: 900px;\n  }\n\n  ui-text-field {\n    margin: 0;\n    width: 100%;\n  }\n\n  .section-title {\n    font-family: var(--md-sys-typescale-title-large-font);\n    font-weight: var(--md-sys-typescale-title-large-weight);\n    font-size: var(--md-sys-typescale-title-large-size);\n    letter-spacing: var(--md-sys-typescale-title-large-tracking);\n    line-height: var(--md-sys-typescale-title-large-height);\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);\n    font-weight: var(--md-sys-typescale-label-large-weight);\n    font-size: var(--md-sys-typescale-label-large-size);\n    letter-spacing: var(--md-sys-typescale-label-large-tracking);\n    line-height: var(--md-sys-typescale-label-large-height);\n  }\n\n  .empty-info,\n  .help-banner {\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .auth-info {\n    font-family: var(--md-sys-typescale-body-small-font);\n    font-weight: var(--md-sys-typescale-body-small-weight);\n    font-size: var(--md-sys-typescale-body-small-size);\n    letter-spacing: var(--md-sys-typescale-body-small-tracking);\n    line-height: var(--md-sys-typescale-body-small-height);\n  }\n\n  ui-switch {\n    margin-right: 12px;\n  }\n\n  ui-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,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n    max-width: 900px;\n  }\n\n  ui-filled-text-field {\n    margin: 0;\n    width: 100%;\n  }\n\n  .section-title {\n    font-family: var(--md-sys-typescale-title-large-font);\n    font-weight: var(--md-sys-typescale-title-large-weight);\n    font-size: var(--md-sys-typescale-title-large-size);\n    letter-spacing: var(--md-sys-typescale-title-large-tracking);\n    line-height: var(--md-sys-typescale-title-large-height);\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);\n    font-weight: var(--md-sys-typescale-label-large-weight);\n    font-size: var(--md-sys-typescale-label-large-size);\n    letter-spacing: var(--md-sys-typescale-label-large-tracking);\n    line-height: var(--md-sys-typescale-label-large-height);\n  }\n\n  .empty-info,\n  .help-banner {\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .auth-info {\n    font-family: var(--md-sys-typescale-body-small-font);\n    font-weight: var(--md-sys-typescale-body-small-weight);\n    font-size: var(--md-sys-typescale-body-small-size);\n    letter-spacing: var(--md-sys-typescale-body-small-tracking);\n    line-height: var(--md-sys-typescale-body-small-height);\n  }\n\n  ui-switch {\n    margin-right: 12px;\n  }\n\n  ui-divider {\n    margin: 40px 0;\n  }\n`\n"]}

package/build/src/elements/environment/ServerEditor.d.ts

@@ -2,7 +2,7 @@ import { TemplateResult, CSSResult, PropertyValues } from 'lit';
 import { type IProperty } from '@api-client/core/models/Property.js';
 import { type IServer, Server } from '@api-client/core/models/Server.js';
 import ApiElement from '../ApiElement.js';
-import '../../md/text-field/ui-text-field.js';
+import '../../md/text-field/ui-filled-text-field.js';
 import '../../md/icons/ui-icon.js';
 import '../../md/icon-button/ui-icon-button.js';
 export declare const DefaultProtocols: string[];

package/build/src/elements/environment/ServerEditor.d.ts.map

@@ -1 +1 @@
-{"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,CAAA;AAGrE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAGxE,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,sCAAsC,CAAA;AAC7C,OAAO,2BAA2B,CAAA;AAClC,OAAO,wCAAwC,CAAA;AAE/C,eAAO,MAAM,gBAAgB,UAAsB,CAAA;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD,WAAoB,MAAM,IAAI,SAAS,EAAE,CAExC;IAED;;;;;;;;;OASG;IACyB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAE5D;;;;;OAKG;IACyB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAEjE;;;;;OAKG;IACyB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAEjE;;;;OAIG;IACyB,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAEpE;;;OAGG;IACwB,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,CAAA;IAEtE;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAEhC;;OAEG;IACH,SAAS,CAAC,cAAc,SAAe;IAEP,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,gBAAgB,GAAG,IAAI,CAAO;cAE7E,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;IAQjC,SAAS,CAAC,YAAY,IAAI,cAAc;IASxC,SAAS,CAAC,cAAc,IAAI,cAAc;IAc1C,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAY/C,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAW/C,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM;IAWhD,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,CAAA;AAGrE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAGxE,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,6CAA6C,CAAA;AACpD,OAAO,2BAA2B,CAAA;AAClC,OAAO,wCAAwC,CAAA;AAE/C,eAAO,MAAM,gBAAgB,UAAsB,CAAA;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD,WAAoB,MAAM,IAAI,SAAS,EAAE,CAExC;IAED;;;;;;;;;OASG;IACyB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAE5D;;;;;OAKG;IACyB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAEjE;;;;;OAKG;IACyB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAEjE;;;;OAIG;IACyB,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAEpE;;;OAGG;IACwB,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,CAAA;IAEtE;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAEhC;;OAEG;IACH,SAAS,CAAC,cAAc,SAAe;IAEP,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,gBAAgB,GAAG,IAAI,CAAO;cAE7E,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;IAQjC,SAAS,CAAC,YAAY,IAAI,cAAc;IASxC,SAAS,CAAC,cAAc,IAAI,cAAc;IAc1C,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAY/C,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAW/C,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM;IAWhD,SAAS,CAAC,kBAAkB,IAAI,cAAc;CAO/C"}

package/build/src/elements/environment/ServerEditor.js

@@ -5,7 +5,7 @@ import { live } from 'lit/directives/live.js';
 import { Server } from '@api-client/core/models/Server.js';
 import elementStyles from './ServerEditor.styles.js';
 import ApiElement from '../ApiElement.js';
-import '../../md/text-field/ui-text-field.js';
+import '../../md/text-field/ui-filled-text-field.js';
 import '../../md/icons/ui-icon.js';
 import '../../md/icon-button/ui-icon-button.js';
 export const DefaultProtocols = ['http:', 'https:'];
@@ -183,35 +183,35 @@ let ServerEditor = (() => {
         renderUriInput() {
             return html `
       <div class="form-item">
-        <ui-text-field
+        <ui-filled-text-field
           required
           name="uri"
           .value="${live(this.uri || '')}"
           label="URI"
           @change="${this.handleUriChange}"
-        ></ui-text-field>
+        ></ui-filled-text-field>
       </div>
     `;
         }
         renderProtocolInput() {
             return html ` <div class="form-item">
-      <ui-text-field
+      <ui-filled-text-field
         name="protocol"
         .value="${live(this.protocol || '')}"
         .list="${DefaultProtocols}"
         label="Protocol (optional)"
         @change="${this.handleProtocolChange}"
-      ></ui-text-field>
+      ></ui-filled-text-field>
     </div>`;
         }
         renderBasePathInput() {
             return html ` <div class="form-item">
-      <ui-text-field
+      <ui-filled-text-field
         name="basePath"
         .value="${live(this.basePath || '')}"
         label="Base path (optional)"
         @change="${this.handleBasePathChange}"
-      ></ui-text-field>
+      ></ui-filled-text-field>
     </div>`;
         }
         renderValue() {