@api-client/ui 0.0.5 → 0.0.8

package/dist/elements/authorization/ui/Authorization.d.ts

@@ -37,10 +37,12 @@ export declare class Authorization extends ApiElement {
     authorizing: boolean;
     /**
      * Whether the UI should render the toggle button to toggle the enabled state of the security scheme
+     * @attribute
      */
     canToggle?: boolean;
     /**
      * Whether the UI should render the delete button
+     * @attribute
      */
     canDelete?: boolean;
     /**
@@ -48,7 +50,6 @@ export declare class Authorization extends ApiElement {
      * This does noting when `authorization` is not set.
      */
     toggleEnabled(): void;
-    notifyChange(): void;
     protected handleDelete(): void;
     /**
      * Performs the authorization.

package/dist/elements/authorization/ui/Authorization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Authorization.d.ts","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/Authorization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGpD,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAG7C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AAEvC;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C;;OAEG;IACkB,SAAS,CAAC,IAAI,EAAG,eAAe,CAAC;IAEtD;;;OAGG;IACyB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IAElE;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,WAAW,UAAS;IAEhE;;OAEG;IAC0B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEjD;;OAEG;IAC0B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEjD;;;OAGG;IACH,aAAa,IAAI,IAAI;IAUrB,YAAY,IAAI,IAAI;IAIpB,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B;;;;OAIG;IACG,SAAS,IAAI,OAAO,CAAC,OAAO,CAAC;IAInC;;OAEG;IACH,aAAa,IAAI,OAAO;IAKxB,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,OAAO,OAAO;IAkBzD,SAAS,CAAC,cAAc,IAAI,cAAc;IAM1C,SAAS,CAAC,kBAAkB,CAAC,aAAa,EAAE,qBAAqB,GAAG,cAAc,GAAG,OAAO,OAAO;IAenG,SAAS,CAAC,WAAW,CAAC,aAAa,EAAE,qBAAqB,GAAG,cAAc;IAQ3E,SAAS,CAAC,kBAAkB,IAAI,cAAc,GAAG,OAAO,OAAO;CAgBhE"}
+{"version":3,"file":"Authorization.d.ts","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/Authorization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGpD,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAG7C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AAEvC;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C;;OAEG;IACkB,SAAS,CAAC,IAAI,EAAG,eAAe,CAAC;IAEtD;;;OAGG;IACyB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IAElE;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,WAAW,UAAS;IAEhE;;;OAGG;IAC0B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEjD;;;OAGG;IAC0B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEjD;;;OAGG;IACH,aAAa,IAAI,IAAI;IAUrB,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B;;;;OAIG;IACG,SAAS,IAAI,OAAO,CAAC,OAAO,CAAC;IAInC;;OAEG;IACH,aAAa,IAAI,OAAO;IAKxB,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,OAAO,OAAO;IAkBzD,SAAS,CAAC,cAAc,IAAI,cAAc;IAM1C,SAAS,CAAC,kBAAkB,CAAC,aAAa,EAAE,qBAAqB,GAAG,cAAc,GAAG,OAAO,OAAO;IAenG,SAAS,CAAC,WAAW,CAAC,aAAa,EAAE,qBAAqB,GAAG,cAAc;IAQ3E,SAAS,CAAC,kBAAkB,IAAI,cAAc,GAAG,OAAO,OAAO;CAgBhE"}

package/dist/elements/authorization/ui/Authorization.js

@@ -45,9 +45,6 @@ export class Authorization extends ApiElement {
         this.requestUpdate();
         this.notifyChange();
     }
-    notifyChange() {
-        this.dispatchEvent(new Event('change'));
-    }
     handleDelete() {
         this.dispatchEvent(new Event('delete'));
     }

package/dist/elements/authorization/ui/Authorization.js.map

@@ -1 +1 @@
-{"version":3,"file":"Authorization.js","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/Authorization.ts"],"names":[],"mappings":"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","sourcesContent":["import { IRequestAuthorization } from \"@api-client/core/build/browser.js\";\nimport { html, nothing, TemplateResult } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport ApiElement from \"../../ApiElement.js\";\nimport { authTypeToLabel } from \"../AuthLabels.js\";\nimport Input from \"../../../ui/input/Input.js\";\nimport '../../../define/ui/ui-icon-button.js';\nimport '../../../define/ui/ui-switch.js';\nimport '../../../define/ui/ui-icon.js';\n\n/**\n * An authorization element renders an UI allowing the user to provide client credentials.\n * \n * @fires delete - When the user requests to delete this authorization.\n * @fires change - When authorization values have changed via a user interaction.\n */\nexport class Authorization extends ApiElement {\n  /**\n   * The form element in the UI.\n   */\n  @query('form', true) protected form!: HTMLFormElement;\n\n  /**\n   * The request authorization object keeping the config.\n   * @attribute\n   */\n  @property({ type: Object }) authorization?: IRequestAuthorization;\n\n  /**\n   * Whether the UI is in the disabled state.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Whether the UI is in the read only state.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * Whether the element is currently authorizing the user.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) authorizing = false;\n\n  /**\n   * Whether the UI should render the toggle button to toggle the enabled state of the security scheme\n   */\n  @property({ type: Boolean }) canToggle?: boolean;\n\n  /**\n   * Whether the UI should render the delete button\n   */\n  @property({ type: Boolean }) canDelete?: boolean;\n\n  /**\n   * Toggles this authorization method enabled state.\n   * This does noting when `authorization` is not set.\n   */\n  toggleEnabled(): void {\n    const { authorization } = this;\n    if (!authorization) {\n      return;\n    }\n    authorization.enabled = !authorization.enabled;\n    this.requestUpdate();\n    this.notifyChange();\n  }\n\n  notifyChange(): void {\n    this.dispatchEvent(new Event('change'));\n  }\n\n  protected handleDelete(): void {\n    this.dispatchEvent(new Event('delete'))\n  }\n\n  /**\n   * Performs the authorization.\n   * This only applies to methods that have any authorization to perform\n   * like Oauth 2.\n   */\n  async authorize(): Promise<unknown> {\n    return null;\n  }\n\n  /**\n   * @returns True when the element is valid.\n   */\n  checkValidity(): boolean {\n    const { elements } = this.form;\n    return !Array.from(elements).some(node => !(node as Input).checkValidity());\n  }\n\n  protected renderHeader(): TemplateResult | typeof nothing {\n    const { authorization } = this;\n    if (!authorization) {\n      return nothing;\n    }\n    const classes = {\n      'auth-header': true,\n      centered: !this.canDelete && !this.canToggle,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\">\n      ${this.renderToggleSwitch(authorization)}\n      ${this.renderTitle(authorization)}\n      ${this.renderDeleteButton()}\n    </div>\n    `;\n  }\n\n  protected renderAuthInfo(): TemplateResult {\n    return html`\n    <p class=\"auth-info\">Note that the authorization header will be added when the request is sent. We encourage you to use variables to insert sensitive data.</p>\n    `;\n  }\n\n  protected renderToggleSwitch(authorization: IRequestAuthorization): TemplateResult | typeof nothing {\n    const { canToggle } = this;\n    if (!canToggle) {\n      return nothing;\n    }\n    return html`\n    <ui-switch \n      .checked=\"${!!authorization.enabled}\" \n      @change=\"${this.toggleEnabled}\" \n      aria-label=\"Toggle this authorization\"\n      ?disabled=\"${this.readOnly || this.disabled}\"\n    ></ui-switch>\n    `;\n  }\n\n  protected renderTitle(authorization: IRequestAuthorization): TemplateResult {\n    const { type } = authorization;\n    const label = authTypeToLabel(type || '');\n    return html`\n    <span class=\"auth-title\">${label}</span>\n    `;\n  }\n\n  protected renderDeleteButton(): TemplateResult | typeof nothing {\n    const { canDelete } = this;\n    if (!canDelete) {\n      return nothing;\n    }\n    return html`\n    <ui-icon-button \n      aria-label=\"Delete this authorization\"\n      title=\"Removes this authorization definition\" \n      @click=\"${this.handleDelete}\"\n      ?disabled=\"${this.readOnly}\"\n    >\n      <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Authorization.js","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/Authorization.ts"],"names":[],"mappings":"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","sourcesContent":["import { IRequestAuthorization } from \"@api-client/core/build/browser.js\";\nimport { html, nothing, TemplateResult } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport ApiElement from \"../../ApiElement.js\";\nimport { authTypeToLabel } from \"../AuthLabels.js\";\nimport Input from \"../../../ui/input/Input.js\";\nimport '../../../define/ui/ui-icon-button.js';\nimport '../../../define/ui/ui-switch.js';\nimport '../../../define/ui/ui-icon.js';\n\n/**\n * An authorization element renders an UI allowing the user to provide client credentials.\n * \n * @fires delete - When the user requests to delete this authorization.\n * @fires change - When authorization values have changed via a user interaction.\n */\nexport class Authorization extends ApiElement {\n  /**\n   * The form element in the UI.\n   */\n  @query('form', true) protected form!: HTMLFormElement;\n\n  /**\n   * The request authorization object keeping the config.\n   * @attribute\n   */\n  @property({ type: Object }) authorization?: IRequestAuthorization;\n\n  /**\n   * Whether the UI is in the disabled state.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Whether the UI is in the read only state.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * Whether the element is currently authorizing the user.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) authorizing = false;\n\n  /**\n   * Whether the UI should render the toggle button to toggle the enabled state of the security scheme\n   * @attribute\n   */\n  @property({ type: Boolean }) canToggle?: boolean;\n\n  /**\n   * Whether the UI should render the delete button\n   * @attribute\n   */\n  @property({ type: Boolean }) canDelete?: boolean;\n\n  /**\n   * Toggles this authorization method enabled state.\n   * This does noting when `authorization` is not set.\n   */\n  toggleEnabled(): void {\n    const { authorization } = this;\n    if (!authorization) {\n      return;\n    }\n    authorization.enabled = !authorization.enabled;\n    this.requestUpdate();\n    this.notifyChange();\n  }\n  \n  protected handleDelete(): void {\n    this.dispatchEvent(new Event('delete'))\n  }\n\n  /**\n   * Performs the authorization.\n   * This only applies to methods that have any authorization to perform\n   * like Oauth 2.\n   */\n  async authorize(): Promise<unknown> {\n    return null;\n  }\n\n  /**\n   * @returns True when the element is valid.\n   */\n  checkValidity(): boolean {\n    const { elements } = this.form;\n    return !Array.from(elements).some(node => !(node as Input).checkValidity());\n  }\n\n  protected renderHeader(): TemplateResult | typeof nothing {\n    const { authorization } = this;\n    if (!authorization) {\n      return nothing;\n    }\n    const classes = {\n      'auth-header': true,\n      centered: !this.canDelete && !this.canToggle,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\">\n      ${this.renderToggleSwitch(authorization)}\n      ${this.renderTitle(authorization)}\n      ${this.renderDeleteButton()}\n    </div>\n    `;\n  }\n\n  protected renderAuthInfo(): TemplateResult {\n    return html`\n    <p class=\"auth-info\">Note that the authorization header will be added when the request is sent. We encourage you to use variables to insert sensitive data.</p>\n    `;\n  }\n\n  protected renderToggleSwitch(authorization: IRequestAuthorization): TemplateResult | typeof nothing {\n    const { canToggle } = this;\n    if (!canToggle) {\n      return nothing;\n    }\n    return html`\n    <ui-switch \n      .checked=\"${!!authorization.enabled}\" \n      @change=\"${this.toggleEnabled}\" \n      aria-label=\"Toggle this authorization\"\n      ?disabled=\"${this.readOnly || this.disabled}\"\n    ></ui-switch>\n    `;\n  }\n\n  protected renderTitle(authorization: IRequestAuthorization): TemplateResult {\n    const { type } = authorization;\n    const label = authTypeToLabel(type || '');\n    return html`\n    <span class=\"auth-title\">${label}</span>\n    `;\n  }\n\n  protected renderDeleteButton(): TemplateResult | typeof nothing {\n    const { canDelete } = this;\n    if (!canDelete) {\n      return nothing;\n    }\n    return html`\n    <ui-icon-button \n      aria-label=\"Delete this authorization\"\n      title=\"Removes this authorization definition\" \n      @click=\"${this.handleDelete}\"\n      ?disabled=\"${this.readOnly}\"\n    >\n      <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { TemplateResult, PropertyValues } from 'lit';
+import { IDeleteCookieStep } 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 {
+    step?: IDeleteCookieStep;
+    dialogValue: IDeleteCookieStep;
+    constructor();
+    protected willUpdate(cp: PropertyValues<this>): void;
+    protected setupDialogValue(): void;
+    protected handleUrlChange(e: Event): void;
+    protected handleNameChange(e: Event): void;
+    renderIcon(): TemplateResult;
+    renderTitle(): TemplateResult;
+    renderBody(): TemplateResult;
+}
+//# sourceMappingURL=DeleteCookieAction.element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteCookieAction.element.d.ts","sourceRoot":"","sources":["../../../src/elements/dialog/DeleteCookieAction.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3D,OAAO,EAAE,iBAAiB,EAAoB,MAAM,mCAAmC,CAAC;AACxF,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAEnD,OAAO,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,QAAQ;IAC1B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAE5C,WAAW,EAAE,iBAAiB,CAAmC;;cAQvD,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO7D,SAAS,CAAC,gBAAgB,IAAI,IAAI;IASlC,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKzC,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKjC,UAAU,IAAI,cAAc;IAU5B,WAAW,IAAI,cAAc;IAU7B,UAAU,IAAI,cAAc;CA8BtC"}

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