@api-client/ui 0.0.5 → 0.0.7

package/dist/elements/dialog/DeleteCookieAction.element.js

@@ -0,0 +1,93 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { live } from 'lit/directives/live.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { DeleteCookieStep } from "@api-client/core/build/browser.js";
+import UiDialog from "../../ui/dialog/UiDialog.js";
+import '../../define/ui/ui-text-field.js';
+/**
+ * A dialog used by the Flow builder to configure the Delete Cookie action.
+ */
+export default class DeleteCookieAction extends UiDialog {
+    constructor() {
+        super();
+        this.dialogValue = new DeleteCookieStep().toJSON();
+        this.dismissLabel = 'Cancel';
+        this.confirmLabel = 'Save';
+    }
+    willUpdate(cp) {
+        if (cp.has('step')) {
+            this.setupDialogValue();
+        }
+        super.willUpdate(cp);
+    }
+    setupDialogValue() {
+        const { step } = this;
+        if (!step) {
+            this.dialogValue = new DeleteCookieStep().toJSON();
+        }
+        else {
+            this.dialogValue = new DeleteCookieStep(step).toJSON();
+        }
+    }
+    handleUrlChange(e) {
+        const input = e.target;
+        this.dialogValue.url = input.value;
+    }
+    handleNameChange(e) {
+        const input = e.target;
+        this.dialogValue.name = input.value;
+    }
+    renderIcon() {
+        const classes = {
+            icon: true,
+            'with-icon': true,
+        };
+        return html `
+    <div class="${classMap(classes)}" part="icon"><ui-icon icon="tune" role="presentation"></ui-icon></div>
+    `;
+    }
+    renderTitle() {
+        const classes = {
+            title: true,
+            'with-title': true,
+        };
+        return html `
+    <div class="${classMap(classes)}" part="title"><span>Configure Delete Cookie Action</span></div>
+    `;
+    }
+    renderBody() {
+        const { name = '', url = '' } = this.dialogValue;
+        return html `
+    <div class="content">
+      <div class="param-row">
+        <ui-text-field
+          name="name"
+          label="Cookie name"
+          type="text"
+          .value="${live(name)}"
+          @change="${this.handleNameChange}"
+          class="input"
+          supportingText="Leave empty to delete all cookies for the URL."
+        ></ui-text-field>
+      </div>
+      <div class="param-row">
+        <ui-text-field
+          name="url"
+          label="Cookie URL"
+          type="url"
+          .value="${live(url)}"
+          @change="${this.handleUrlChange}"
+          class="input"
+          supportingText="When the URL is not set then the request URL is used."
+        ></ui-text-field>
+      </div>
+    </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Object })
+], DeleteCookieAction.prototype, "step", void 0);
+//# sourceMappingURL=DeleteCookieAction.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteCookieAction.element.js","sourceRoot":"","sources":["../../../src/elements/dialog/DeleteCookieAction.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,EAAqB,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAEnD,OAAO,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,QAAQ;IAKtD;QACE,KAAK,EAAE,CAAC;QAHD,gBAAW,GAAsB,IAAI,gBAAgB,EAAE,CAAC,MAAM,EAAE,CAAC;QAIxE,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,gBAAgB,EAAE,CAAC,MAAM,EAAE,CAAC;SACpD;aAAM;YACL,IAAI,CAAC,WAAW,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;SACxD;IACH,CAAC;IAES,eAAe,CAAC,CAAQ;QAChC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAC;QAChC,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC;IACrC,CAAC;IAES,gBAAgB,CAAC,CAAQ;QACjC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAC;QAChC,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;IACtC,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,GAAG,IAAI,CAAC,WAAW,CAAC;QAEjD,OAAO,IAAI,CAAA;;;;;;;oBAOK,IAAI,CAAC,IAAI,CAAC;qBACT,IAAI,CAAC,gBAAgB;;;;;;;;;;oBAUtB,IAAI,CAAC,GAAG,CAAC;qBACR,IAAI,CAAC,eAAe;;;;;;KAMpC,CAAC;IACJ,CAAC;CACF;AAtF6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAA0B","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 { IDeleteCookieStep, DeleteCookieStep } from \"@api-client/core/build/browser.js\";\nimport UiDialog from \"../../ui/dialog/UiDialog.js\";\nimport type Input from '../../ui/input/Input.js';\nimport '../../define/ui/ui-text-field.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 }) step?: IDeleteCookieStep;\n\n  override dialogValue: IDeleteCookieStep = new DeleteCookieStep().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 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`\n    <div class=\"${classMap(classes)}\" part=\"title\"><span>Configure Delete Cookie Action</span></div>\n    `;\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"]}

package/dist/elements/dialog/DeleteCookieAction.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=DeleteCookieAction.styles.d.ts.map

package/dist/elements/dialog/DeleteCookieAction.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteCookieAction.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/dialog/DeleteCookieAction.styles.ts"],"names":[],"mappings":";AAIA,wBASE"}

package/dist/elements/dialog/DeleteCookieAction.styles.js

@@ -0,0 +1,13 @@
+import { css } from 'lit';
+// These are shared with the set cookie action dialog.
+export default css `
+.input {
+  max-width: 520px;
+  width: 100%;
+}
+
+.param-row:not(:last-of-type) {
+  margin-bottom: 20px;
+}
+`;
+//# sourceMappingURL=DeleteCookieAction.styles.js.map

package/dist/elements/dialog/DeleteCookieAction.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteCookieAction.styles.js","sourceRoot":"","sources":["../../../src/elements/dialog/DeleteCookieAction.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,sDAAsD;AAEtD,eAAe,GAAG,CAAA;;;;;;;;;CASjB,CAAC","sourcesContent":["import { css } from 'lit';\n\n// These are shared with the set cookie action dialog.\n\nexport default css`\n.input {\n  max-width: 520px;\n  width: 100%;\n}\n\n.param-row:not(:last-of-type) {\n  margin-bottom: 20px;\n}\n`;\n"]}

package/dist/elements/dialog/Rename.d.ts

@@ -15,15 +15,16 @@ import '../../define/ui/ui-text-field.js';
  * The application should handle the event and trigger name change flow.
  *
  * ```javascript
- * const dialog = document.createElement('rename-file-dialog');
- * dialog.opened = true;
+ * const dialog = document.createElement('rename-dialog');
+ * dialog.name = 'old name';
  * document.body.appendChild(dialog);
+ * dialog.open = true;
  * dialog.addEventListener('closed', (ev: Event) => {
  *   document.body.removeChild(dialog);
- *   const event = ev as CustomEvent;
- *   const { canceled, confirmed, value } = event.detail;
- *   if (!canceled && confirmed && value) {
- *     // trigger the flow
+ *   const event = ev as CustomEvent<UiDialogClosingReason>;
+ *   const { cancelled, value } = event.detail;
+ *   if (!cancelled && value) {
+ *     // trigger the flow, value is the new value
  *   }
  * });
  * ```

package/dist/elements/dialog/Rename.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rename.d.ts","sourceRoot":"","sources":["../../../src/elements/dialog/Rename.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAO,MAAM,KAAK,CAAC;AAI1C,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAG1C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,QAAQ;IACvD;;;OAGG;IACyB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,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;IAU5B,WAAW,IAAI,cAAc;IAU7B,UAAU,IAAI,cAAc;IAmB5B,aAAa,IAAI,cAAc;CAazC"}
+{"version":3,"file":"Rename.d.ts","sourceRoot":"","sources":["../../../src/elements/dialog/Rename.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAO,MAAM,KAAK,CAAC;AAI1C,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAEnD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,QAAQ;IACvD;;;OAGG;IACyB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,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;IAU5B,WAAW,IAAI,cAAc;IAU7B,UAAU,IAAI,cAAc;IAmB5B,aAAa,IAAI,cAAc;CAazC"}

package/dist/elements/dialog/Rename.js

@@ -19,15 +19,16 @@ import '../../define/ui/ui-text-field.js';
  * The application should handle the event and trigger name change flow.
  *
  * ```javascript
- * const dialog = document.createElement('rename-file-dialog');
- * dialog.opened = true;
+ * const dialog = document.createElement('rename-dialog');
+ * dialog.name = 'old name';
  * document.body.appendChild(dialog);
+ * dialog.open = true;
  * dialog.addEventListener('closed', (ev: Event) => {
  *   document.body.removeChild(dialog);
- *   const event = ev as CustomEvent;
- *   const { canceled, confirmed, value } = event.detail;
- *   if (!canceled && confirmed && value) {
- *     // trigger the flow
+ *   const event = ev as CustomEvent<UiDialogClosingReason>;
+ *   const { cancelled, value } = event.detail;
+ *   if (!cancelled && value) {
+ *     // trigger the flow, value is the new value
  *   }
  * });
  * ```

package/dist/elements/dialog/Rename.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rename.js","sourceRoot":"","sources":["../../../src/elements/dialog/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 '../../ui/dialog/UiDialog.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-text-field.js';\nimport Input from '../../ui/input/Input.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-file-dialog');\n * dialog.opened = true;\n * document.body.appendChild(dialog);\n * dialog.addEventListener('closed', (ev: Event) => {\n *   document.body.removeChild(dialog);\n *   const event = ev as CustomEvent;\n *   const { canceled, confirmed, value } = event.detail;\n *   if (!canceled && confirmed && value) {\n *     // trigger the flow\n *   }\n * });\n * ```\n */\nexport default class RenameDialogElement extends UiDialog {\n  /**\n   * The previous name\n   * @attribute\n   */\n  @property({ type: String }) name?: string;\n\n  @state() newValue?: string;\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`\n    <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"rename\"></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>Rename</span></div>\n    `;\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-button value=\"dismiss\" type=\"text\" class=\"internal-button\" @click=\"${this.handleDismiss}\">${dismissLabel}</ui-button>\n      <ui-button value=\"confirm\" type=\"text\" class=\"internal-button\" ?disabled=\"${!this.hasValue}\" @click=\"${this.handleConfirm}\">${confirmLabel}</ui-button>\n    </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Rename.js","sourceRoot":"","sources":["../../../src/elements/dialog/Rename.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAEnD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,QAAQ;IASvD,IAAY,QAAQ;QAClB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,KAAK,CAAC;SACd;QACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IACpC,CAAC;IAES,WAAW,CAAC,CAAQ;QAC5B,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;IAC9B,CAAC;IAES,kBAAkB,CAAC,CAAgB;QAC3C,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC;QAC9D,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC9B,OAAO;SACR;QACD,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC;IAEkB,iBAAiB,CAAC,KAA4B;QAC/D,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC;SAClC;aAAM;YACL,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;SAC9B;QACD,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACjC,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,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;QAC/C,OAAO,IAAI,CAAA;;;;;;;;kBAQG,IAAI,CAAC,WAAW;oBACd,IAAI,CAAC,kBAAkB;kBACzB,IAAI,CAAC,KAAK,CAAC;;;;KAIxB,CAAC;IACJ,CAAC;IAEQ,aAAa;QACpB,MAAM,EAAE,YAAY,GAAG,QAAQ,EAAE,YAAY,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC;QAClE,MAAM,OAAO,GAAc;YACzB,OAAO,EAAE,IAAI;YACb,cAAc,EAAE,IAAI;SACrB,CAAC;QACF,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,OAAO,CAAC;+EAC4C,IAAI,CAAC,aAAa,KAAK,YAAY;kFAChC,CAAC,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,aAAa,KAAK,YAAY;;KAE3I,CAAC;IACJ,CAAC;CACF;AAtF6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAe;AAEjC;IAAR,KAAK,EAAE;qDAAmB","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 '../../ui/dialog/UiDialog.js';\nimport type Input from '../../ui/input/Input.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/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 }) name?: string;\n\n  @state() newValue?: string;\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`\n    <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"rename\"></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>Rename</span></div>\n    `;\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-button value=\"dismiss\" type=\"text\" class=\"internal-button\" @click=\"${this.handleDismiss}\">${dismissLabel}</ui-button>\n      <ui-button value=\"confirm\" type=\"text\" class=\"internal-button\" ?disabled=\"${!this.hasValue}\" @click=\"${this.handleConfirm}\">${confirmLabel}</ui-button>\n    </div>\n    `;\n  }\n}\n"]}

package/dist/elements/dialog/SetCookieAction.element.d.ts

@@ -0,0 +1,22 @@
+import { TemplateResult, PropertyValues } from 'lit';
+import { ISetCookieStep } from "@api-client/core/build/browser.js";
+import UiDialog from "../../ui/dialog/UiDialog.js";
+import '../../define/ui/ui-text-field.js';
+import '../../define/ui/ui-checkbox.js';
+/**
+ * A dialog used by the Flow builder to configure the Set Cookie action.
+ */
+export default class SetCookieAction extends UiDialog {
+    step?: ISetCookieStep;
+    dialogValue: ISetCookieStep;
+    constructor();
+    protected willUpdate(cp: PropertyValues<this>): void;
+    protected setupDialogValue(): void;
+    protected handleValueChange(e: Event): void;
+    protected handleBooleanChange(e: Event): void;
+    protected handleSameSiteChange(e: Event): void;
+    renderIcon(): TemplateResult;
+    renderTitle(): TemplateResult;
+    renderBody(): TemplateResult;
+}
+//# sourceMappingURL=SetCookieAction.element.d.ts.map

package/dist/elements/dialog/SetCookieAction.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetCookieAction.element.d.ts","sourceRoot":"","sources":["../../../src/elements/dialog/SetCookieAction.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3D,OAAO,EAAE,cAAc,EAAiB,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;IACvB,IAAI,CAAC,EAAE,cAAc,CAAC;IAEzC,WAAW,EAAE,cAAc,CAAgC;;cAQjD,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO7D,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;IAU7B,UAAU,IAAI,cAAc;CAuGtC"}

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

@@ -0,0 +1,173 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { live } from 'lit/directives/live.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { SetCookieStep } from "@api-client/core/build/browser.js";
+import UiDialog from "../../ui/dialog/UiDialog.js";
+import '../../define/ui/ui-text-field.js';
+import '../../define/ui/ui-checkbox.js';
+/**
+ * A dialog used by the Flow builder to configure the Set Cookie action.
+ */
+export default class SetCookieAction extends UiDialog {
+    constructor() {
+        super();
+        this.dialogValue = new SetCookieStep().toJSON();
+        this.dismissLabel = 'Cancel';
+        this.confirmLabel = 'Save';
+    }
+    willUpdate(cp) {
+        if (cp.has('step')) {
+            this.setupDialogValue();
+        }
+        super.willUpdate(cp);
+    }
+    setupDialogValue() {
+        const { step } = this;
+        if (!step) {
+            this.dialogValue = new SetCookieStep().toJSON();
+        }
+        else {
+            this.dialogValue = new SetCookieStep(step).toJSON();
+        }
+    }
+    handleValueChange(e) {
+        const input = e.target;
+        const name = input.name;
+        this.dialogValue[name] = input.value;
+    }
+    handleBooleanChange(e) {
+        const input = e.target;
+        const name = input.name;
+        this.dialogValue[name] = input.checked;
+    }
+    handleSameSiteChange(e) {
+        const input = e.target;
+        this.dialogValue.sameSite = input.value;
+    }
+    renderIcon() {
+        const classes = {
+            icon: true,
+            'with-icon': true,
+        };
+        return html `
+    <div class="${classMap(classes)}" part="icon"><ui-icon icon="tune" role="presentation"></ui-icon></div>
+    `;
+    }
+    renderTitle() {
+        const classes = {
+            title: true,
+            'with-title': true,
+        };
+        return html `
+    <div class="${classMap(classes)}" part="title"><span>Configure Set Cookie Action</span></div>
+    `;
+    }
+    renderBody() {
+        const { name = '', url = '', expires = '', hostOnly = false, httpOnly = false, sameSite = 'None', secure = false, session = false } = this.dialogValue;
+        return html `
+    <div class="content">
+      <div class="param-row">
+        <ui-text-field
+          name="name"
+          label="Cookie name"
+          type="text"
+          required
+          .value="${live(name)}"
+          @change="${this.handleValueChange}"
+          class="input"
+          supportingText="The name of the cookie to set."
+        ></ui-text-field>
+      </div>
+
+      <div class="param-row">
+        <ui-text-field
+          name="url"
+          label="Cookie URL"
+          type="url"
+          .value="${live(url)}"
+          @change="${this.handleValueChange}"
+          class="input"
+          supportingText="When the URL is not set then the request URL is used."
+        ></ui-text-field>
+      </div>
+
+      <div class="param-row">
+        <ui-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>
+      </div>
+
+      <div class="param-row">
+        <ui-text-field
+          name="sameSite"
+          label="Same site"
+          .value="${live(sameSite)}"
+          @change="${this.handleSameSiteChange}"
+          class="input"
+          .list="${['Lax', 'Strict', 'None']}"
+        ></ui-text-field>
+      </div>
+
+      <div class="checkbox-row">
+        <label>
+          <ui-checkbox
+            name="hostOnly"
+            .checked="${hostOnly}"
+            @change="${this.handleBooleanChange}"
+            aria-label="Host only cookie"
+          ></ui-checkbox>
+          Host only
+        </label>
+      </div>
+
+      <div class="checkbox-row">
+        <label>
+          <ui-checkbox
+            name="httpOnly"
+            .checked="${httpOnly}"
+            @change="${this.handleBooleanChange}"
+            aria-label="HTTP only cookie"
+          ></ui-checkbox>
+          HTTP only
+        </label>
+      </div>
+
+      <div class="checkbox-row">
+        <label>
+          <ui-checkbox
+            name="secure"
+            .checked="${secure}"
+            @change="${this.handleBooleanChange}"
+            aria-label="Secure cookie"
+          ></ui-checkbox>
+          Secure
+        </label>
+      </div>
+
+      <div class="checkbox-row">
+        <label>
+          <ui-checkbox
+            name="session"
+            .checked="${session}"
+            @change="${this.handleBooleanChange}"
+            aria-label="Session cookie"
+          ></ui-checkbox>
+          Session
+        </label>
+      </div>
+
+    </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Object })
+], SetCookieAction.prototype, "step", void 0);
+//# sourceMappingURL=SetCookieAction.element.js.map

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":"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","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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"}