@api-client/ui 0.0.4 → 0.0.7

package/dist/elements/code/HttpSnippets.js

@@ -127,14 +127,15 @@ const topTabs = commands.filter(i => !i.parent);
  * An element that renders various code snippets from a basic definition of an HTTP request.
  */
 export default class HttpSnippets extends LitElement {
-    /**
-     * The currently selected snippet.
-     * @attribute
-     */
-    selected = 'bash-curl';
-    parentLanguage = 'bash-curl';
-    request;
-    code;
+    constructor() {
+        super(...arguments);
+        /**
+         * The currently selected snippet.
+         * @attribute
+         */
+        this.selected = 'bash-curl';
+        this.parentLanguage = 'bash-curl';
+    }
     /**
      * The list of tab names to render in the view.
      */

package/dist/elements/code/HttpSnippets.js.map

@@ -1 +1 @@
-{"version":3,"file":"HttpSnippets.js","sourceRoot":"","sources":["../../../src/elements/code/HttpSnippets.ts"],"names":[],"mappings":"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","sourcesContent":["import { IHttpRequest } from \"@api-client/core/build/browser.js\";\nimport { LitElement, TemplateResult, html, PropertyValues } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport CodeSnippet from \"../../code-snippets/CodeSnippet.js\";\nimport CurlSnippet from '../../code-snippets/Bash/CurlSnippet.js';\nimport CcurlSnippet from '../../code-snippets/C/CcurlSnippet.js';\nimport RawSnippet from '../../code-snippets/HTTP/RawSnippet.js';\nimport FetchSnippet from '../../code-snippets/JavaScript/FetchSnippet.js';\nimport AsyncFetchSnippet from '../../code-snippets/JavaScript/AsyncFetchSnippet.js';\nimport NodeSnippet from '../../code-snippets/JavaScript/NodeSnippet.js';\nimport XhrSnippet from '../../code-snippets/JavaScript/XhrSnippet.js';\nimport JQuerySnippet from '../../code-snippets/JavaScript/jQuerySnippet.js';\nimport AxiosSnippet from '../../code-snippets/JavaScript/AxiosSnippet.js';\nimport Python27Snippet from '../../code-snippets/Python/Python27Snippet.js';\nimport Python31Snippet from '../../code-snippets/Python/Python31Snippet.js';\nimport RequestsSnippet from '../../code-snippets/Python/RequestsSnippet.js';\nimport PlatformSnippet from '../../code-snippets/Java/PlatformSnippet.js';\nimport SpringSnippet from '../../code-snippets/Java/SpringSnippet.js';\nimport DartSnippet from '../../code-snippets/Dart/DartSnippet.js';\nimport '../../define/ui/ui-dropdown-list.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon.js';\n\ninterface CodeGroup {\n  label: string;\n  parent?: string;\n  snippet?: CodeSnippet;\n  id: string;\n}\n\nconst commands: CodeGroup[] = [\n  {\n    id: 'bash-curl',\n    label: 'cURL',\n    snippet: new CurlSnippet,\n  },\n  {\n    id: 'http-raw',\n    label: 'HTTP',\n    snippet: new RawSnippet,\n  },\n  {\n    id: 'javascript',\n    label: 'JavaScript',\n  },\n  {\n    label: 'Async',\n    id: 'javascript-async',\n    parent: 'javascript',\n    snippet: new AsyncFetchSnippet,\n  },\n  {\n    label: 'Fetch',\n    id: 'javascript-fetch',\n    parent: 'javascript',\n    snippet: new FetchSnippet,\n  },\n  {\n    label: 'Node',\n    id: 'javascript-node',\n    parent: 'javascript',\n    snippet: new NodeSnippet,\n  },\n  {\n    label: 'XHR',\n    id: 'javascript-xhr',\n    parent: 'javascript',\n    snippet: new XhrSnippet,\n  },\n  {\n    label: 'jQuery',\n    id: 'javascript-jquery',\n    parent: 'javascript',\n    snippet: new JQuerySnippet,\n  },\n  {\n    label: 'Axios',\n    id: 'javascript-axios',\n    parent: 'javascript',\n    snippet: new AxiosSnippet,\n  },\n  {\n    label: 'Python',\n    id: 'python',\n  },\n  {\n    label: 'Requests',\n    id: 'python-requests',\n    parent: 'python',\n    snippet: new RequestsSnippet,\n  },\n  {\n    label: 'Python 2.7',\n    id: 'python-2.7',\n    parent: 'python',\n    snippet: new Python27Snippet,\n  },\n  {\n    label: 'Python 3.1',\n    id: 'python-3.1',\n    parent: 'python',\n    snippet: new Python31Snippet,\n  },\n  {\n    label: 'C',\n    id: 'c-curl',\n    snippet: new CcurlSnippet,\n  },\n  {\n    label: 'Java',\n    id: 'java',\n  },\n  {\n    label: 'Spring',\n    id: 'java-spring',\n    parent: 'java',\n    snippet: new SpringSnippet,\n  },\n  {\n    label: 'Native',\n    id: 'java-platform',\n    parent: 'java',\n    snippet: new PlatformSnippet,\n  },\n  {\n    label: 'Dart',\n    id: 'dart',\n    snippet: new DartSnippet,\n  }\n];\n\nconst topTabs = commands.filter(i => !i.parent);\n\n/**\n * An element that renders various code snippets from a basic definition of an HTTP request.\n */\nexport default class HttpSnippets extends LitElement {\n  /**\n   * The currently selected snippet.\n   * @attribute\n   */\n  @property({ type: String }) selected = 'bash-curl';\n\n  protected parentLanguage = 'bash-curl';\n\n  @property({ type: Object }) request?: IHttpRequest;\n\n  @state() protected code?: string;\n\n  /**\n   * The list of tab names to render in the view.\n   */\n  protected get groupTabs(): CodeGroup[] {\n    const result: CodeGroup[] = [];\n    commands.forEach(i => {\n      if (i.parent === this.parentLanguage) {\n        result.push(i);\n      }\n    });\n    return result;\n  }\n\n  protected override update(cp: PropertyValues<this>): void {\n    if (cp.has('request') || cp.has('selected')) {\n      this.triggerCommand();\n    }\n    super.update(cp);\n  }\n\n  protected triggerCommand(): void {\n    const { selected = 'bash-curl', request } = this;\n    if (!request) {\n      return;\n    }\n    const instance = commands.find(i => i.id === selected);\n    if (!instance || !instance.snippet) {\n      return;\n    }\n    this.code = instance.snippet.tokenize(request);\n  }\n\n  protected handleGroupSelect(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined;\n    if (!target) {\n      return;\n    }\n    const { id } = target.dataset\n    if (!id) {\n      return;\n    }\n    if (this.parentLanguage === id) {\n      return;\n    }\n    const item = commands.find(i => i.id === id);\n    if (!item) {\n      return;\n    }\n    if (!item.snippet) {\n      const firstChild = commands.find(i => i.parent === id) as CodeGroup;\n      this.selected = firstChild.id;\n      this.parentLanguage = id;\n    } else {\n      this.selected = id;\n      this.parentLanguage = id;\n    }\n  }\n\n  protected handleSubGroup(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined;\n    if (!target) {\n      return;\n    }\n    const { id } = target.dataset\n    if (!id) {\n      return;\n    }\n    this.selected = id;\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    ${this.renderSelectionOptions()}\n    ${this.renderCode()}\n    `;\n  }\n\n  protected renderSelectionOptions(): TemplateResult {\n    return html`\n    <div class=\"selection-options\">\n      ${this.renderLanguageOptions()}\n      ${this.renderFrameworkOptions()}\n    </div>\n    `;\n  }\n\n  protected renderLanguageOptions(): TemplateResult {\n    const selectedKey = this.parentLanguage;\n    const selectedItem = topTabs.find(i => i.id === selectedKey);\n    const label = selectedItem ? selectedItem.label : 'Language';\n\n    return html`\n    <ui-dropdown-list\n      verticalAlign=\"top\"\n      class=\"group-dropdown\"\n      closeOnOutsideClick\n       @select=\"${this.handleGroupSelect}\"\n    >\n      <ui-button \n        type=\"tonal\" \n        title=\"Select language\" \n        aria-label=\"Opens a menu to select the language\"\n      >\n        <ui-icon icon=\"arrowDropDown\" slot=\"icon\" role=\"presentation\"></ui-icon>\n        ${label}\n      </ui-button>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${topTabs.map(tab => html`<ui-list-item role=\"menuitem\" data-id=\"${tab.id}\">${tab.label}</ui-list-item>`)}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderFrameworkOptions(): TemplateResult | string {\n    const { groupTabs, selected } = this;\n    if (!groupTabs.length) {\n      return '';\n    }\n    const selectedItem = groupTabs.find(i => i.id === selected);\n    const label = selectedItem ? selectedItem.label : 'Framework';\n    return html`\n\n    <ui-dropdown-list\n      verticalAlign=\"top\"\n      class=\"group-dropdown\"\n      closeOnOutsideClick\n       @select=\"${this.handleSubGroup}\"\n    >\n      <ui-button \n        type=\"tonal\" \n        title=\"Select a framework\" \n        aria-label=\"Opens a menu to select the framework\"\n      >\n        <ui-icon icon=\"arrowDropDown\" slot=\"icon\" role=\"presentation\"></ui-icon>\n        ${label}\n      </ui-button>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${groupTabs.map(tab => html`<ui-list-item role=\"menuitem\" data-id=\"${tab.id}\">${tab.label}</ui-list-item>`)}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderCode(): TemplateResult | string {\n    if (!this.code) {\n      return '';\n    }\n    return html`\n    <code class=\"code language-snippet\"><pre>${unsafeHTML(this.code)}</pre></code>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"HttpSnippets.js","sourceRoot":"","sources":["../../../src/elements/code/HttpSnippets.ts"],"names":[],"mappings":"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","sourcesContent":["import { IHttpRequest } from \"@api-client/core/build/browser.js\";\nimport { LitElement, TemplateResult, html, PropertyValues } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport CodeSnippet from \"../../code-snippets/CodeSnippet.js\";\nimport CurlSnippet from '../../code-snippets/Bash/CurlSnippet.js';\nimport CcurlSnippet from '../../code-snippets/C/CcurlSnippet.js';\nimport RawSnippet from '../../code-snippets/HTTP/RawSnippet.js';\nimport FetchSnippet from '../../code-snippets/JavaScript/FetchSnippet.js';\nimport AsyncFetchSnippet from '../../code-snippets/JavaScript/AsyncFetchSnippet.js';\nimport NodeSnippet from '../../code-snippets/JavaScript/NodeSnippet.js';\nimport XhrSnippet from '../../code-snippets/JavaScript/XhrSnippet.js';\nimport JQuerySnippet from '../../code-snippets/JavaScript/jQuerySnippet.js';\nimport AxiosSnippet from '../../code-snippets/JavaScript/AxiosSnippet.js';\nimport Python27Snippet from '../../code-snippets/Python/Python27Snippet.js';\nimport Python31Snippet from '../../code-snippets/Python/Python31Snippet.js';\nimport RequestsSnippet from '../../code-snippets/Python/RequestsSnippet.js';\nimport PlatformSnippet from '../../code-snippets/Java/PlatformSnippet.js';\nimport SpringSnippet from '../../code-snippets/Java/SpringSnippet.js';\nimport DartSnippet from '../../code-snippets/Dart/DartSnippet.js';\nimport '../../define/ui/ui-dropdown-list.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon.js';\n\ninterface CodeGroup {\n  label: string;\n  parent?: string;\n  snippet?: CodeSnippet;\n  id: string;\n}\n\nconst commands: CodeGroup[] = [\n  {\n    id: 'bash-curl',\n    label: 'cURL',\n    snippet: new CurlSnippet,\n  },\n  {\n    id: 'http-raw',\n    label: 'HTTP',\n    snippet: new RawSnippet,\n  },\n  {\n    id: 'javascript',\n    label: 'JavaScript',\n  },\n  {\n    label: 'Async',\n    id: 'javascript-async',\n    parent: 'javascript',\n    snippet: new AsyncFetchSnippet,\n  },\n  {\n    label: 'Fetch',\n    id: 'javascript-fetch',\n    parent: 'javascript',\n    snippet: new FetchSnippet,\n  },\n  {\n    label: 'Node',\n    id: 'javascript-node',\n    parent: 'javascript',\n    snippet: new NodeSnippet,\n  },\n  {\n    label: 'XHR',\n    id: 'javascript-xhr',\n    parent: 'javascript',\n    snippet: new XhrSnippet,\n  },\n  {\n    label: 'jQuery',\n    id: 'javascript-jquery',\n    parent: 'javascript',\n    snippet: new JQuerySnippet,\n  },\n  {\n    label: 'Axios',\n    id: 'javascript-axios',\n    parent: 'javascript',\n    snippet: new AxiosSnippet,\n  },\n  {\n    label: 'Python',\n    id: 'python',\n  },\n  {\n    label: 'Requests',\n    id: 'python-requests',\n    parent: 'python',\n    snippet: new RequestsSnippet,\n  },\n  {\n    label: 'Python 2.7',\n    id: 'python-2.7',\n    parent: 'python',\n    snippet: new Python27Snippet,\n  },\n  {\n    label: 'Python 3.1',\n    id: 'python-3.1',\n    parent: 'python',\n    snippet: new Python31Snippet,\n  },\n  {\n    label: 'C',\n    id: 'c-curl',\n    snippet: new CcurlSnippet,\n  },\n  {\n    label: 'Java',\n    id: 'java',\n  },\n  {\n    label: 'Spring',\n    id: 'java-spring',\n    parent: 'java',\n    snippet: new SpringSnippet,\n  },\n  {\n    label: 'Native',\n    id: 'java-platform',\n    parent: 'java',\n    snippet: new PlatformSnippet,\n  },\n  {\n    label: 'Dart',\n    id: 'dart',\n    snippet: new DartSnippet,\n  }\n];\n\nconst topTabs = commands.filter(i => !i.parent);\n\n/**\n * An element that renders various code snippets from a basic definition of an HTTP request.\n */\nexport default class HttpSnippets extends LitElement {\n  /**\n   * The currently selected snippet.\n   * @attribute\n   */\n  @property({ type: String }) selected = 'bash-curl';\n\n  protected parentLanguage = 'bash-curl';\n\n  @property({ type: Object }) request?: IHttpRequest;\n\n  @state() protected code?: string;\n\n  /**\n   * The list of tab names to render in the view.\n   */\n  protected get groupTabs(): CodeGroup[] {\n    const result: CodeGroup[] = [];\n    commands.forEach(i => {\n      if (i.parent === this.parentLanguage) {\n        result.push(i);\n      }\n    });\n    return result;\n  }\n\n  protected override update(cp: PropertyValues<this>): void {\n    if (cp.has('request') || cp.has('selected')) {\n      this.triggerCommand();\n    }\n    super.update(cp);\n  }\n\n  protected triggerCommand(): void {\n    const { selected = 'bash-curl', request } = this;\n    if (!request) {\n      return;\n    }\n    const instance = commands.find(i => i.id === selected);\n    if (!instance || !instance.snippet) {\n      return;\n    }\n    this.code = instance.snippet.tokenize(request);\n  }\n\n  protected handleGroupSelect(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined;\n    if (!target) {\n      return;\n    }\n    const { id } = target.dataset\n    if (!id) {\n      return;\n    }\n    if (this.parentLanguage === id) {\n      return;\n    }\n    const item = commands.find(i => i.id === id);\n    if (!item) {\n      return;\n    }\n    if (!item.snippet) {\n      const firstChild = commands.find(i => i.parent === id) as CodeGroup;\n      this.selected = firstChild.id;\n      this.parentLanguage = id;\n    } else {\n      this.selected = id;\n      this.parentLanguage = id;\n    }\n  }\n\n  protected handleSubGroup(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined;\n    if (!target) {\n      return;\n    }\n    const { id } = target.dataset\n    if (!id) {\n      return;\n    }\n    this.selected = id;\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    ${this.renderSelectionOptions()}\n    ${this.renderCode()}\n    `;\n  }\n\n  protected renderSelectionOptions(): TemplateResult {\n    return html`\n    <div class=\"selection-options\">\n      ${this.renderLanguageOptions()}\n      ${this.renderFrameworkOptions()}\n    </div>\n    `;\n  }\n\n  protected renderLanguageOptions(): TemplateResult {\n    const selectedKey = this.parentLanguage;\n    const selectedItem = topTabs.find(i => i.id === selectedKey);\n    const label = selectedItem ? selectedItem.label : 'Language';\n\n    return html`\n    <ui-dropdown-list\n      verticalAlign=\"top\"\n      class=\"group-dropdown\"\n      closeOnOutsideClick\n       @select=\"${this.handleGroupSelect}\"\n    >\n      <ui-button \n        type=\"tonal\" \n        title=\"Select language\" \n        aria-label=\"Opens a menu to select the language\"\n      >\n        <ui-icon icon=\"arrowDropDown\" slot=\"icon\" role=\"presentation\"></ui-icon>\n        ${label}\n      </ui-button>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${topTabs.map(tab => html`<ui-list-item role=\"menuitem\" data-id=\"${tab.id}\">${tab.label}</ui-list-item>`)}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderFrameworkOptions(): TemplateResult | string {\n    const { groupTabs, selected } = this;\n    if (!groupTabs.length) {\n      return '';\n    }\n    const selectedItem = groupTabs.find(i => i.id === selected);\n    const label = selectedItem ? selectedItem.label : 'Framework';\n    return html`\n\n    <ui-dropdown-list\n      verticalAlign=\"top\"\n      class=\"group-dropdown\"\n      closeOnOutsideClick\n       @select=\"${this.handleSubGroup}\"\n    >\n      <ui-button \n        type=\"tonal\" \n        title=\"Select a framework\" \n        aria-label=\"Opens a menu to select the framework\"\n      >\n        <ui-icon icon=\"arrowDropDown\" slot=\"icon\" role=\"presentation\"></ui-icon>\n        ${label}\n      </ui-button>\n      <ui-list slot=\"dropdown\" role=\"menu\">\n        ${groupTabs.map(tab => html`<ui-list-item role=\"menuitem\" data-id=\"${tab.id}\">${tab.label}</ui-list-item>`)}\n      </ui-list>\n    </ui-dropdown-list>\n    `;\n  }\n\n  protected renderCode(): TemplateResult | string {\n    if (!this.code) {\n      return '';\n    }\n    return html`\n    <code class=\"code language-snippet\"><pre>${unsafeHTML(this.code)}</pre></code>\n    `;\n  }\n}\n"]}

package/dist/elements/dialog/ConfirmDelete.js

@@ -30,18 +30,6 @@ import '../../define/ui/ui-icon.js';
  * ```
  */
 export default class ConfirmDelete extends UiDialog {
-    /**
-     * The type of the delete dialog. Renders a specialized view for the deleting type.
-     */
-    type;
-    /**
-     * General purpose name of the objects to list as to delete.
-     */
-    names;
-    /**
-     * General purpose name of the object to delete.
-     */
-    name;
     renderIcon() {
         const classes = {
             icon: true,

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDelete.js","sourceRoot":"","sources":["../../../src/elements/dialog/ConfirmDelete.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport UiDialog from '../../ui/dialog/UiDialog.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon.js';\n\nexport type IDialogType = 'files' | 'project';\n\n/**\n * A dialog that requests the user to confirm a delete action.\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 * \n * The application should handle the event and trigger delete flow.\n * \n * ```javascript\n * const dialog = document.createElement('confirm-delete-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 } = event.detail;\n *   if (!canceled && confirmed) {\n *     // trigger the flow\n *   }\n * });\n * ```\n */\nexport default class ConfirmDelete extends UiDialog {\n  /**\n   * The type of the delete dialog. Renders a specialized view for the deleting type.\n   */\n  @property({ type: String, reflect: true }) type?: IDialogType;\n\n  /**\n   * General purpose name of the objects to list as to delete.\n   */\n  @property({ type: Array }) names?: string[];\n\n  /**\n   * General purpose name of the object to delete.\n   */\n  @property({ type: Array }) name?: string;\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=\"deleteOutline\"></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>Confirm delete</span></div>\n    `;\n  }\n\n  override renderBody(): TemplateResult {\n    return html`\n    <div class=\"content\">${this.renderContent()}</div>\n    `;\n  }\n\n  override renderButtons(): TemplateResult {\n    const { confirmLabel = 'Delete', 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\" @click=\"${this.handleConfirm}\">${confirmLabel}</ui-button>\n    </div>\n    `;\n  }\n\n  protected renderContent(): TemplateResult {\n    switch (this.type) {\n      case 'files': return this.renderFiles();\n      case 'project': return this.renderProject();\n      default: return this._fallbackTemplate();\n    }\n  }\n\n  protected renderFiles(): TemplateResult {\n    const { names=[] } = this;\n    if (!names.length) {\n      return html`<slot><p>Are you sure you want to delete these files?</p></slot>`;\n    }\n    if (names.length === 1) {\n      return html`\n      <p>Confirm moving <b>${names[0]}</b> to trash.</p>\n      `;\n    }\n    return html`\n    <p>Files to be moved to thrash:</p>\n    <ul>\n      ${names.map(n => html`<li>${n}</li>`)}\n    </ul>\n    `;\n  }\n\n  protected renderProject(): TemplateResult {\n    const { name } = this;\n    if (!name) {\n      return html`<slot><p>Are you sure you want to delete this project?</p></slot>`;\n    }\n    return html`<slot><p>Are you sure you want to delete <b>${name}</b> project?</p></slot>`;\n  }\n\n  protected _fallbackTemplate(): TemplateResult {\n    return html`<slot><p>Are you sure you want to delete this?</p></slot>`;\n  }\n}\n"]}
+{"version":3,"file":"ConfirmDelete.js","sourceRoot":"","sources":["../../../src/elements/dialog/ConfirmDelete.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AAIpC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,QAAQ;IAgBxC,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,OAAO,IAAI,CAAA;2BACY,IAAI,CAAC,aAAa,EAAE;KAC1C,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;+EACnC,IAAI,CAAC,aAAa,KAAK,YAAY;;KAE7G,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;YACxC,KAAK,SAAS,CAAC,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;YAC5C,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1C;IACH,CAAC;IAES,WAAW;QACnB,MAAM,EAAE,KAAK,GAAC,EAAE,EAAE,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAO,IAAI,CAAA,kEAAkE,CAAC;SAC/E;QACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,OAAO,IAAI,CAAA;6BACY,KAAK,CAAC,CAAC,CAAC;OAC9B,CAAC;SACH;QACD,OAAO,IAAI,CAAA;;;QAGP,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,OAAO,CAAC,OAAO,CAAC;;KAEtC,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,IAAI,CAAA,mEAAmE,CAAC;SAChF;QACD,OAAO,IAAI,CAAA,+CAA+C,IAAI,0BAA0B,CAAC;IAC3F,CAAC;IAES,iBAAiB;QACzB,OAAO,IAAI,CAAA,2DAA2D,CAAC;IACzE,CAAC;CACF;AAzF4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAoB;AAKnC;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4CAAkB;AAKjB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2CAAe","sourcesContent":["import { TemplateResult, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js';\nimport UiDialog from '../../ui/dialog/UiDialog.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon.js';\n\nexport type IDialogType = 'files' | 'project';\n\n/**\n * A dialog that requests the user to confirm a delete action.\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 * \n * The application should handle the event and trigger delete flow.\n * \n * ```javascript\n * const dialog = document.createElement('confirm-delete-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 } = event.detail;\n *   if (!canceled && confirmed) {\n *     // trigger the flow\n *   }\n * });\n * ```\n */\nexport default class ConfirmDelete extends UiDialog {\n  /**\n   * The type of the delete dialog. Renders a specialized view for the deleting type.\n   */\n  @property({ type: String, reflect: true }) type?: IDialogType;\n\n  /**\n   * General purpose name of the objects to list as to delete.\n   */\n  @property({ type: Array }) names?: string[];\n\n  /**\n   * General purpose name of the object to delete.\n   */\n  @property({ type: Array }) name?: string;\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=\"deleteOutline\"></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>Confirm delete</span></div>\n    `;\n  }\n\n  override renderBody(): TemplateResult {\n    return html`\n    <div class=\"content\">${this.renderContent()}</div>\n    `;\n  }\n\n  override renderButtons(): TemplateResult {\n    const { confirmLabel = 'Delete', 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\" @click=\"${this.handleConfirm}\">${confirmLabel}</ui-button>\n    </div>\n    `;\n  }\n\n  protected renderContent(): TemplateResult {\n    switch (this.type) {\n      case 'files': return this.renderFiles();\n      case 'project': return this.renderProject();\n      default: return this._fallbackTemplate();\n    }\n  }\n\n  protected renderFiles(): TemplateResult {\n    const { names=[] } = this;\n    if (!names.length) {\n      return html`<slot><p>Are you sure you want to delete these files?</p></slot>`;\n    }\n    if (names.length === 1) {\n      return html`\n      <p>Confirm moving <b>${names[0]}</b> to trash.</p>\n      `;\n    }\n    return html`\n    <p>Files to be moved to thrash:</p>\n    <ul>\n      ${names.map(n => html`<li>${n}</li>`)}\n    </ul>\n    `;\n  }\n\n  protected renderProject(): TemplateResult {\n    const { name } = this;\n    if (!name) {\n      return html`<slot><p>Are you sure you want to delete this project?</p></slot>`;\n    }\n    return html`<slot><p>Are you sure you want to delete <b>${name}</b> project?</p></slot>`;\n  }\n\n  protected _fallbackTemplate(): TemplateResult {\n    return html`<slot><p>Are you sure you want to delete this?</p></slot>`;\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,26 +19,21 @@ 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
  *   }
  * });
  * ```
  */
 export default class RenameDialogElement extends UiDialog {
-    /**
-     * The previous name
-     * @attribute
-     */
-    name;
-    newValue;
     get hasValue() {
         const { newValue } = this;
         if (!newValue) {

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