@api-client/ui 0.2.3 → 0.2.5

package/build/src/elements/autocomplete/internals/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../../../src/elements/autocomplete/internals/autocomplete.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport type UiListbox from '../../../md/listbox/internals/Listbox.js'\nimport type UiListItem from '../../../md/list/internals/ListItem.js'\nimport { bound } from '../../../decorators/bound.js'\n\n/**\n * An accessible and performant autocomplete component that enhances a text input with a list of suggestions.\n *\n * The `autocomplete-input` component provides a flexible way to add autocomplete functionality\n * to any text input. It works by coordinating a slotted input element with a slotted `ui-listbox`\n * containing suggestions.\n *\n * Key Features:\n *\n * - **Popover Management**: Automatically shows and hides the suggestions popover based on input focus\n *   and user interaction.\n * - **Keyboard Navigation**: Allows users to navigate suggestions using ArrowUp, ArrowDown keys directly\n *   from the input. Enter selects a suggestion, and Escape closes the popover.\n *   The suggestion list itself never gains focus.\n * - **Dynamic Filtering**: Filters the list of suggestions as the user types into the input. Items not matching\n *   the query are hidden (not removed).\n *   - By default, filtering checks `item.dataset.value` and then `item.textContent`.\n *   - If a `ui-list-item` has a `data-index` attribute (e.g., `data-index=\"name email\"`), filtering will search\n *     within the specified `data-*` attributes (e.g., `data-name`, `data-email`).\n * - **Mutation Awareness**: Reacts to changes in slotted suggestions, re-filtering them if necessary.\n * - **Event-Driven**: Notifies the application via an `autocomplete` event when a suggestion is selected.\n *   The component itself does not modify the input's value, giving the application author full control.\n *\n * ### Accessibility\n *\n * The `autocomplete-input` component is designed with accessibility at its core:\n * - **Keyboard Navigation**: Full keyboard support for navigating suggestions (ArrowUp, ArrowDown),\n *   selecting (Enter), and closing (Escape), all while focus remains on the input field.\n * - **ARIA Attributes**: While the `autocomplete-input` manages ARIA attributes related to the popover's\n *   state, the slotted `ui-listbox` is responsible for its internal ARIA roles and states\n *   (e.g., `role=\"listbox\"`, `aria-activedescendant`).\n * - **Labeling Suggestions**: It is **crucial** for accessibility that the slotted `ui-listbox`\n *   has an `aria-label` attribute. This provides a descriptive name for the list of suggestions,\n *   which is announced by screen readers.\n *\n * The component uses CSS anchor positioning to place the suggestions popover relative to the input.\n * Ensure your `ui-listbox` is styled appropriately for popover display (e.g., `popover=\"manual\"`, `position-anchor`).\n * The component will manage `showPopover()` and `hidePopover()` calls.\n *\n * @slot input - The input element that will be used for autocomplete. This element should be an `HTMLInputElement`\n *               or behave like one (have a `value` property and dispatch `input`, `focus`, `blur`, and `keydown`\n *               events).\n * @slot suggestions - The `ui-listbox` element containing `ui-list-item` elements as suggestions.\n * @slot anchor - An optional element that points to element that will be used as the anchor for the popover.\n *                This is useful if you want to position the suggestions relative to a different element than the input.\n *                If not provided, the input element will be used as the anchor.\n * @slot Any additional content that should be rendered inside the component.\n *\n * @fires autocomplete - Dispatched when a suggestion is selected by the user (e.g., via click or Enter key).\n * The `event.detail` object contains:\n *   - `item`: The selected `UiListItem` instance.\n *\n * @example\n * ```html\n * <autocomplete-input @autocomplete=\"${this.handleAutocompleteSelection}\">\n *   <input slot=\"input\" type=\"text\" placeholder=\"Search fruits...\" />\n *   <ui-listbox slot=\"suggestions\">\n *     <ui-list-item data-value=\"apple\">Apple</ui-list-item>\n *     <ui-list-item data-value=\"banana\">Banana</ui-list-item>\n *     <ui-list-item data-value=\"cherry\">Cherry</ui-list-item>\n *   </ui-listbox>\n *   <!-- With aria-label for accessibility -->\n *   <ui-listbox slot=\"suggestions\" aria-label=\"Fruit suggestions\">\n *     <ui-list-item data-value=\"apple\">Apple</ui-list-item>\n *     <ui-list-item data-value=\"banana\">Banana</ui-list-item>\n *     <ui-list-item data-value=\"cherry\">Cherry</ui-list-item>\n *   </ui-listbox>\n * </autocomplete-input>\n *\n * <script>\n *   // In your component/script\n *   handleAutocompleteSelection(event) {\n *     const selectedItem = event.detail.item;\n *     const inputElement = this.shadowRoot.querySelector('input[slot=\"input\"]');\n *     if (inputElement) {\n *       inputElement.value = selectedItem.dataset.value || selectedItem.textContent;\n *     }\n *     console.log('Selected:', selectedItem.dataset.value);\n *   }\n * </script>\n * ```\n *\n * @example Dynamic filtering with `data-index`\n * ```html\n * <autocomplete-input @autocomplete=\"${this.handleUserSelection}\">\n *   <input slot=\"input\" type=\"text\" placeholder=\"Search users...\" />\n *   <ui-listbox slot=\"suggestions\" aria-label=\"User suggestions\">\n *     <ui-list-item data-id=\"1\" data-name=\"Alice Wonderland\" data-email=\"alice@example.com\" data-index=\"name email\">\n *       Alice Wonderland\n *       <span slot=\"supporting-text\">alice@example.com</span>\n *     </ui-list-item>\n *     <ui-list-item data-id=\"2\" data-name=\"Bob The Builder\" data-email=\"bob@example.com\" data-index=\"name email\">\n *       Bob The Builder\n *       <span slot=\"supporting-text\">bob@example.com</span>\n *     </ui-list-item>\n *   </ui-listbox>\n * </autocomplete-input>\n *\n * <script>\n *   // In your component/script\n *   handleUserSelection(event) {\n *     const selectedItem = event.detail.item;\n *     const inputElement = this.shadowRoot.querySelector('input[slot=\"input\"]');\n *     if (inputElement) {\n *       // You might want to display the name, but store the ID\n *       inputElement.value = selectedItem.dataset.name;\n *     }\n *     console.log('Selected user ID:', selectedItem.dataset.id);\n *   }\n * </script>\n * ```\n */\nexport default class Autocomplete extends LitElement {\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    return this\n  }\n\n  /**\n   * The MutationObserver instance used to watch for changes in slotted children.\n   */\n  protected observer?: MutationObserver\n\n  /**\n   * The ID of the input element, generated if not provided.\n   * This is used for CSS anchoring and to ensure unique IDs for accessibility.\n   */\n  @state() protected accessor inputId = ''\n\n  /**\n   * The position area for the suggestions popover.\n   * This can be 'bottom' or 'top', depending on available space.\n   * Default is 'bottom'.\n   *\n   * Note, this is set dynamically based on available space\n   * and the position of the input element. This only sets the initial value.\n   *\n   * @attribute\n   * @type {'bottom' | 'top'}\n   * @default 'bottom'\n   */\n  @property() accessor positionArea: 'bottom' | 'top' = 'bottom'\n\n  /**\n   * The reference to the slotted input element.\n   * This should be an `HTMLInputElement` or behave like one.\n   */\n  protected inputRef?: HTMLInputElement | HTMLElement | null\n  /**\n   * The reference to the slotted suggestions element, which should be a `ui-listbox`.\n   * This is used to manage the suggestions popover and filtering.\n   */\n  protected suggestionsRef?: UiListbox | null\n\n  /**\n   * Checks if the suggestions popover is currently open.\n   */\n  get opened(): boolean {\n    return this.suggestionsRef?.matches(':popover-open') || false\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.observer = new MutationObserver(this.handleMutations.bind(this))\n    this.observer.observe(this, { childList: true })\n    if (!this.id) {\n      this.id = `autocomplete-${Math.random().toString(36).substring(2, 15)}`\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.observer?.disconnect()\n    this.observer = undefined\n    this.clearInputListeners()\n    this.clearSuggestionsListeners()\n  }\n\n  protected override firstUpdated(cp: PropertyValues): void {\n    super.firstUpdated(cp)\n    this.firstSetup()\n  }\n\n  /**\n   * Performs initial setup after the first update, ensuring that slotted input\n   * and suggestions elements are configured.\n   */\n  async firstSetup(): Promise<void> {\n    await this.updateComplete\n    const input = this.querySelector('[slot=\"input\"]') as HTMLElement | null\n    const suggestions = this.querySelector('[slot=\"suggestions\"]') as HTMLElement | null\n    if (input) {\n      this.setupInput(input)\n    }\n    if (suggestions) {\n      this.setupSuggestions(suggestions as UiListbox)\n    }\n  }\n\n  /**\n   * Handles mutations observed on the component's slotted children.\n   * This is used to set up or tear down input and suggestions elements when they are added or removed.\n   * @param mutations An array of MutationRecord objects.\n   */\n  protected handleMutations(mutations: MutationRecord[]): void {\n    for (const mutation of mutations) {\n      if (mutation.type === 'childList') {\n        for (const node of mutation.removedNodes) {\n          if (node instanceof HTMLElement) {\n            if (node.slot === 'input' && this.inputRef === node) {\n              this.clearInputListeners()\n            } else if (node.slot === 'suggestions' && this.suggestionsRef === node) {\n              this.clearSuggestionsListeners()\n            }\n          }\n        }\n        for (const node of mutation.addedNodes) {\n          if (node instanceof HTMLElement) {\n            if (node.slot === 'input') {\n              this.setupInput(node)\n            } else if (node.slot === 'suggestions') {\n              this.setupSuggestions(node as UiListbox)\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Clears event listeners from the current input reference and resets it.\n   */\n  protected clearInputListeners(): void {\n    if (this.inputRef) {\n      this.inputRef.removeEventListener('focus', this.handleInputFocus)\n      this.inputRef.removeEventListener('input', this.handleInput)\n      this.inputRef.removeEventListener('keydown', this.handleKeydown as EventListener)\n      this.inputRef.removeEventListener('blur', this.handleInputBlur)\n    }\n    this.inputRef = null\n  }\n\n  /**\n   * Clears event listeners from the current suggestions reference and resets it.\n   */\n  protected clearSuggestionsListeners(): void {\n    if (this.suggestionsRef) {\n      this.suggestionsRef.removeEventListener('select', this.handleSuggestionSelect as EventListener)\n      // If ui-listbox uses a slot for its items, listen to its slotchange\n      this.suggestionsRef.removeEventListener('itemschange', this.handleSuggestionsSlotChange)\n      if (this.suggestionsRef.matches(':popover-open')) {\n        this.suggestionsRef.hidePopover()\n      }\n    }\n    this.suggestionsRef = null\n  }\n\n  /**\n   * Sets up the slotted input element.\n   * Assigns an ID if necessary, sets up CSS anchoring, and attaches event listeners.\n   * @param input The HTMLElement to be used as the input.\n   */\n  protected setupInput(input: HTMLElement): void {\n    this.clearInputListeners() // Clear any old listeners\n    if (!input.id) {\n      this.inputId = `autocomplete-input-${Math.random().toString(36).substring(2, 15)}`\n      input.id = this.inputId\n    } else {\n      this.inputId = input.id\n    }\n    const anchorElement = this.querySelector('[slot=\"anchor\"]') as HTMLElement | null\n    // Ensure CSS anchor positioning can work\n    const anchor = anchorElement || input\n    anchor.style.setProperty('anchor-name', `--${this.inputId}`)\n\n    this.inputRef = input as HTMLInputElement // Assuming it behaves like an input\n    this.inputRef.addEventListener('focus', this.handleInputFocus)\n    this.inputRef.addEventListener('input', this.handleInput)\n    this.inputRef.addEventListener('keydown', this.handleKeydown as EventListener)\n    this.inputRef.addEventListener('blur', this.handleInputBlur)\n\n    // Apply initial filtering if suggestions are already present\n    if (this.suggestionsRef) {\n      this.suggestionsRef.style.setProperty('position-anchor', `--${this.inputId}`)\n      this.filterSuggestions((this.inputRef as HTMLInputElement).value || '')\n    }\n  }\n\n  /**\n   * Sets up the slotted suggestions element (assumed to be a `UiListbox`).\n   * Configures popover behavior, CSS anchoring, and attaches event listeners.\n   * @param suggestionsElement The `UiListbox` element to be used for suggestions.\n   */\n  protected setupSuggestions(suggestionsElement: UiListbox): void {\n    this.clearSuggestionsListeners() // Clear any old listeners\n\n    this.suggestionsRef = suggestionsElement\n    this.suggestionsRef.popover = 'manual'\n    this.suggestionsRef.tabIndex = -1 // Prevent direct focus\n\n    if (this.inputId) {\n      this.suggestionsRef.style.setProperty('position-anchor', `--${this.inputId}`)\n    }\n\n    this.suggestionsRef.addEventListener('select', this.handleSuggestionSelect as EventListener)\n    // The `List` dispatches `itemschange` when the slot changes, so we can listen to it.\n    this.suggestionsRef.addEventListener('itemschange', this.handleSuggestionsSlotChange)\n\n    // Initial filter\n    this.filterSuggestions(this.inputRef ? (this.inputRef as HTMLInputElement).value : '')\n  }\n\n  /**\n   * Handles the focus event on the input element.\n   * Opens the suggestions popover if there are items to display.\n   */\n  @bound\n  protected handleInputFocus(): void {\n    const items = this.suggestionsRef?.items\n    if (!items || items.length === 0) {\n      // If no suggestions, do not open\n      return\n    }\n    const active = items.find((item) => !item.hidden)\n    if (active) {\n      this.openSuggestions()\n      this.filterSuggestions(this.inputRef ? (this.inputRef as HTMLInputElement).value : '')\n    }\n  }\n\n  /**\n   * Handles the input event on the input element.\n   * Filters suggestions based on the input query and opens/closes the popover accordingly.\n   * @param event The input event.\n   */\n  @bound\n  protected handleInput(event: Event): void {\n    this.openSuggestions()\n    const query = (event.target as HTMLInputElement).value\n    this.filterSuggestions(query)\n  }\n\n  /**\n   * Handles keydown events on the input element for navigating and selecting suggestions.\n   * - ArrowDown/ArrowUp: Navigates the suggestion list.\n   * - Enter: Selects the highlighted suggestion.\n   * - Escape: Closes the suggestions popover.\n   * @param event The keyboard event.\n   */\n  @bound\n  protected handleKeydown(event: KeyboardEvent): void {\n    if (!this.suggestionsRef) return\n\n    const { key } = event\n    const isSuggestionsOpen = this.suggestionsRef.matches(':popover-open')\n\n    if (['ArrowDown', 'ArrowUp'].includes(key)) {\n      event.preventDefault()\n      if (!isSuggestionsOpen) {\n        this.openSuggestions()\n        // Give popover a moment to open before trying to highlight\n        requestAnimationFrame(() => this.navigateList(key))\n      } else {\n        this.navigateList(key)\n      }\n    } else if (key === 'Enter') {\n      if (isSuggestionsOpen && this.suggestionsRef.highlightListItem) {\n        event.preventDefault()\n        this.suggestionsRef.notifySelect(this.suggestionsRef.highlightListItem)\n      }\n    } else if (key === 'Escape') {\n      if (isSuggestionsOpen) {\n        event.preventDefault()\n        this.closeSuggestions()\n      }\n    }\n  }\n\n  /**\n   * Navigates the suggestion list based on the pressed key.\n   * @param key The key that was pressed (ArrowDown or ArrowUp).\n   */\n  protected navigateList(key: string): void {\n    if (!this.suggestionsRef) return\n    switch (key) {\n      case 'ArrowDown':\n        this.suggestionsRef.highlightNext()\n        break\n      case 'ArrowUp':\n        this.suggestionsRef.highlightPrevious()\n        break\n      // Don't handle Home or End keys here, as they break the usability of the input.\n    }\n  }\n\n  /**\n   * Handles the blur event on the input element.\n   * Closes the suggestions popover if focus moves outside the autocomplete component.\n   */\n  @bound\n  protected handleInputBlur(): void {\n    // We use the manual popover mode, so we need to close suggestions\n    // when the input loses focus, but only the current active element is not part of the suggestions.\n    requestAnimationFrame(() => {\n      if (\n        !this.inputRef?.contains(document.activeElement) &&\n        (!this.suggestionsRef || !this.suggestionsRef.contains(document.activeElement))\n      ) {\n        this.closeSuggestions()\n      }\n    })\n  }\n\n  /**\n   * Handles the `select` event dispatched by the `ui-listbox` when a suggestion is chosen.\n   * Dispatches an `autocomplete` event and closes the popover.\n   * @param event The custom event from `ui-listbox`.\n   */\n  @bound\n  protected handleSuggestionSelect(event: CustomEvent): void {\n    event.stopPropagation()\n    const selectedItem = event.detail.item as UiListItem\n    this.dispatchEvent(\n      new CustomEvent('autocomplete', {\n        detail: { item: selectedItem },\n        bubbles: false,\n        composed: false,\n      })\n    )\n    this.closeSuggestions()\n  }\n\n  /**\n   * Handles the `itemschange` event dispatched by the `ui-listbox` when its slotted items change.\n   * Re-filters the suggestions.\n   */\n  @bound\n  protected handleSuggestionsSlotChange(): void {\n    const value = this.inputRef ? (this.inputRef as HTMLInputElement).value : ''\n    if (!value) {\n      return\n    }\n    this.openSuggestions()\n    this.filterSuggestions(value)\n  }\n\n  /**\n   * Opens the suggestions popover if it's not already open and there are visible items.\n   */\n  protected openSuggestions(): void {\n    const popover = this.suggestionsRef\n    if (!popover || popover.matches(':popover-open')) {\n      return\n    }\n    // we need to open the popover first to make any measurements\n    popover.showPopover()\n    const anchor = (this.querySelector('[slot=\"anchor\"]') as HTMLElement | null) || this.inputRef\n    if (!anchor) {\n      return\n    }\n    this.positionArea = this.decidePositionArea(popover, anchor)\n  }\n\n  /**\n   * Decides the position area for the popover based on available space.\n   * It checks if there is enough space below or above the anchor element and decides accordingly.\n   *\n   * We need to do this because we set the popover height to `100%`, `-webkit-fill-available`, or `-moz-available`\n   * and it makes the popover to always open at the bottom, even if there is no space. The `position-try-fallbacks`\n   * will not work in this case, because from its perspective there is always enough space, even if that will cause\n   * the popover to have a height of just a few pixels.\n   *\n   * @param popover The popover element to position.\n   * @param anchor The anchor element relative to which the popover will be positioned.\n   * @returns 'top' or 'bottom' based on available space.\n   */\n  protected decidePositionArea(popover: HTMLElement, anchor: HTMLElement): 'top' | 'bottom' {\n    let newArea: 'top' | 'bottom' = 'bottom'\n    // Get bounding rectangles\n    const anchorRect = anchor.getBoundingClientRect()\n    const viewportHeight = window.innerHeight\n\n    const spaceBelow = viewportHeight - anchorRect.bottom\n    const spaceAbove = anchorRect.top\n\n    // Estimate a typical/minimum height the popover might need to be useful\n    const popoverThresholdHeight = popover.scrollHeight || 150\n    if (spaceBelow < popoverThresholdHeight && spaceAbove > spaceBelow && spaceAbove > popoverThresholdHeight) {\n      // Not enough space below, but more (and sufficient) space above\n      newArea = 'top'\n    } else if (spaceBelow < popoverThresholdHeight && spaceAbove > spaceBelow) {\n      // Not enough space below, and space above is more than space below (even if not \"sufficient\")\n      newArea = 'top'\n    } else {\n      newArea = 'bottom' // Default to bottom if enough space or if top is worse\n    }\n    return newArea\n  }\n\n  /**\n   * Closes the suggestions popover if it's open and clears any highlighted item.\n   */\n  protected closeSuggestions(): void {\n    if (this.suggestionsRef && this.suggestionsRef.matches(':popover-open')) {\n      this.suggestionsRef.hidePopover()\n    }\n  }\n\n  /**\n   * Filters the suggestions based on the provided query.\n   * Hides items that do not match and manages the highlighted item state.\n   * @param query The search query string.\n   */\n  protected filterSuggestions(query: string): void {\n    if (!this.suggestionsRef) {\n      return\n    }\n\n    const lowerCaseQuery = query.toLowerCase().trim()\n    let firstVisibleItem: UiListItem | null = null\n\n    // The `items` getter in `List.ts` (parent of UiListbox) correctly gets assigned elements.\n    const items = this.suggestionsRef.items as UiListItem[]\n\n    for (const item of items) {\n      let matches = false\n      if (lowerCaseQuery === '') {\n        matches = true\n      } else if (item.dataset.index) {\n        const indexFields = item.dataset.index.split(' ').filter(Boolean)\n        for (const field of indexFields) {\n          const valueToSearch = item.dataset[field] || ''\n          if (valueToSearch.toLowerCase().includes(lowerCaseQuery)) {\n            matches = true\n            break\n          }\n        }\n      } else {\n        const valueToSearch = item.dataset.value || item.textContent || ''\n        matches = valueToSearch.toLowerCase().includes(lowerCaseQuery)\n      }\n      item.hidden = !matches\n      if (matches && !firstVisibleItem) {\n        firstVisibleItem = item\n      }\n    }\n\n    // If the currently highlighted item is now hidden, try to highlight the first visible one or clear.\n    if (this.suggestionsRef.highlightListItem?.hidden) {\n      // the highlightListItem clears the highlighted item if it is not passed an argument.\n      this.suggestionsRef?.highlightItem(firstVisibleItem)\n    }\n    if (!firstVisibleItem) {\n      // Close if no items are visible\n      this.closeSuggestions()\n    }\n  }\n\n  protected override render(): TemplateResult {\n    const { id, positionArea } = this\n    return html`\n      <style>\n        #${id} {\n          display: inline-block;\n\n          [popover] {\n            border: none;\n            margin: 0;\n            position-area: ${positionArea};\n            position-try-fallbacks:\n              flip-block,\n              flip-inline,\n              flip-block flip-inline;\n            width: anchor-size(width);\n\n            box-shadow: var(--md-sys-elevation-1);\n            border-radius: var(--md-sys-shape-corner-medium);\n\n            overflow: auto;\n            /* We try 100% and then vendor options which are more accurate */\n            height: 100%;\n            height: -webkit-fill-available;\n            height: -moz-available;\n            max-height: max-content;\n          }\n\n          [popover]:not(:popover-open) {\n            display: none;\n          }\n        }\n      </style>\n    `\n  }\n}\n"]}

package/build/src/elements/autocomplete/internals/autocomplete.styles.d.ts

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

package/build/src/elements/autocomplete/internals/autocomplete.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/autocomplete/internals/autocomplete.styles.ts"],"names":[],"mappings":";AAEA,wBAsBC"}

package/build/src/elements/autocomplete/internals/autocomplete.styles.js

@@ -0,0 +1,25 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+  }
+
+  ::slotted([popover]) {
+    border: none;
+    margin: 0;
+    position-area: bottom;
+    position-try-fallbacks:
+      flip-block,
+      flip-inline,
+      flip-block flip-inline;
+    width: anchor-size(width);
+
+    box-shadow: var(--md-sys-elevation-1);
+    border-radius: var(--md-sys-shape-corner-medium);
+  }
+
+  ::slotted([popover]:not(:popover-open)) {
+    display: none;
+  }
+`;
+//# sourceMappingURL=autocomplete.styles.js.map

package/build/src/elements/autocomplete/internals/autocomplete.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.styles.js","sourceRoot":"","sources":["../../../../../src/elements/autocomplete/internals/autocomplete.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  ::slotted([popover]) {\n    border: none;\n    margin: 0;\n    position-area: bottom;\n    position-try-fallbacks:\n      flip-block,\n      flip-inline,\n      flip-block flip-inline;\n    width: anchor-size(width);\n\n    box-shadow: var(--md-sys-elevation-1);\n    border-radius: var(--md-sys-shape-corner-medium);\n  }\n\n  ::slotted([popover]:not(:popover-open)) {\n    display: none;\n  }\n`\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteCookieAction.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/DeleteCookieAction.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAI1D,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAE7D,OAAO,yCAAyC,CAAA;AAChD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,mEAAmE,CAAA;AAE1E;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,QAAQ;IAC1B,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,SAAS,CAAA;IAE/D,WAAW,EAAE,iBAAiB,CAAkC;;IAQhE,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOnD,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;IAQ7B,UAAU,IAAI,cAAc;CA8BtC"}
+{"version":3,"file":"DeleteCookieAction.element.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/DeleteCookieAction.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAI1D,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAE7D,OAAO,gDAAgD,CAAA;AACvD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,mEAAmE,CAAA;AAE1E;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,QAAQ;IAC1B,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,SAAS,CAAA;IAE/D,WAAW,EAAE,iBAAiB,CAAkC;;IAQhE,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOnD,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;IAQ7B,UAAU,IAAI,cAAc;CA8BtC"}

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

@@ -4,7 +4,7 @@ import { property } from 'lit/decorators.js';
 import { live } from 'lit/directives/live.js';
 import { classMap } from 'lit/directives/class-map.js';
 import UiDialog from '../../../md/dialog/internals/Dialog.js';
-import '../../../md/text-field/ui-text-field.js';
+import '../../../md/text-field/ui-filled-text-field.js';
 import { DeleteCookieStep, } from '@api-client/core/models/http-flows/steps/data/DeleteCookieStep.js';
 let DeleteCookieAction = (() => {
     let _classSuper = UiDialog;
@@ -71,7 +71,7 @@ let DeleteCookieAction = (() => {
             return html `
       <div class="content">
         <div class="param-row">
-          <ui-text-field
+          <ui-filled-text-field
             name="name"
             label="Cookie name"
             type="text"
@@ -79,10 +79,10 @@ let DeleteCookieAction = (() => {
             @change="${this.handleNameChange}"
             class="input"
             supportingText="Leave empty to delete all cookies for the URL."
-          ></ui-text-field>
+          ></ui-filled-text-field>
         </div>
         <div class="param-row">
-          <ui-text-field
+          <ui-filled-text-field
             name="url"
             label="Cookie URL"
             type="url"
@@ -90,7 +90,7 @@ let DeleteCookieAction = (() => {
             @change="${this.handleUrlChange}"
             class="input"
             supportingText="When the URL is not set then the request URL is used."
-          ></ui-text-field>
+          ></ui-filled-text-field>
         </div>
       </div>
     `;

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Rename.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/Rename.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAG7D,OAAO,sCAAsC,CAAA;AAC7C,OAAO,8BAA8B,CAAA;AACrC,OAAO,yCAAyC,CAAA;;sBA4BC,QAAQ;;;;;;;iBAApC,mBAAoB,SAAQ,WAAQ;;;gCAKtD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAE1B,KAAK,EAAE;YAFoB,iKAAS,IAAI,6BAAJ,IAAI,mFAAoB;YAEpD,6KAAS,QAAQ,6BAAR,QAAQ,2FAAoB;;;QAFlB,6EAAiC;QAJ7D;;;WAGG;QACyB,IAAS,IAAI,0CAAoB;QAAjC,IAAS,IAAI,gDAAoB;QAEpD,yIAAqC;QAArC,IAAS,QAAQ,8CAAoB;QAArC,IAAS,QAAQ,oDAAoB;QAE9C,IAAY,QAAQ;YAClB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;YACzB,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO,KAAK,CAAA;YACd,CAAC;YACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;QACnC,CAAC;QAES,WAAW,CAAC,CAAQ;YAC5B,MAAM,KAAK,GAAG,CAAC,CAAC,MAAe,CAAA;YAC/B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAA;QAC7B,CAAC;QAES,kBAAkB,CAAC,CAAgB;YAC3C,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,CAAA;YAC7D,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAC/B,OAAM;YACR,CAAC;YACD,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;QACnC,CAAC;QAEkB,iBAAiB,CAAC,KAA4B;YAC/D,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAA;YAClC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;YAC9B,CAAC;YACD,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;QAChC,CAAC;QAEQ,UAAU;YACjB,MAAM,OAAO,GAAc;gBACzB,MAAM,EAAE,IAAI;gBACZ,WAAW,EAAE,IAAI;aAClB,CAAA;YACD,OAAO,IAAI,CAAA,gBAAgB,QAAQ,CAAC,OAAO,CAAC,wDAAwD,CAAA;QACtG,CAAC;QAEQ,WAAW;YAClB,MAAM,OAAO,GAAc;gBACzB,OAAO,EAAE,IAAI;gBACb,YAAY,EAAE,IAAI;aACnB,CAAA;YACD,OAAO,IAAI,CAAA,gBAAgB,QAAQ,CAAC,OAAO,CAAC,2CAA2C,CAAA;QACzF,CAAC;QAEQ,UAAU;YACjB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,CAAA;YAC9C,OAAO,IAAI,CAAA;;;;;;;;oBAQK,IAAI,CAAC,WAAW;sBACd,IAAI,CAAC,kBAAkB;oBACzB,IAAI,CAAC,KAAK,CAAC;;;;KAI1B,CAAA;QACH,CAAC;QAEQ,aAAa;YACpB,MAAM,EAAE,YAAY,GAAG,QAAQ,EAAE,YAAY,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAA;YACjE,MAAM,OAAO,GAAc;gBACzB,SAAS,EAAE,IAAI;gBACf,cAAc,EAAE,IAAI;aACrB,CAAA;YACD,OAAO,IAAI,CAAA;oBACK,QAAQ,CAAC,OAAO,CAAC;0EACqC,IAAI,CAAC,aAAa;aAC/E,YAAY;;;;;uBAKF,CAAC,IAAI,CAAC,QAAQ;oBACjB,IAAI,CAAC,aAAa;aACzB,YAAY;;;KAGpB,CAAA;QACH,CAAC;;;;;;;AAxHH;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,mCA+FC","sourcesContent":["import { TemplateResult, html } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { live } from 'lit/directives/live.js'\nimport UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\n\nimport '../../../md/button/ui-text-button.js'\nimport '../../../md/icons/ui-icon.js'\nimport '../../../md/text-field/ui-text-field.js'\n\n/**\n * A dialog that requests the user for the new name.\n *\n * Listen to the `closed` on the dialog. The CustomEvent has the `detail`\n * object with the `closingReason` retails:\n * - canceled: whether the dialog was cancelled (ESC, outside click, dismiss button)\n * - confirmed: whether the dialog was confirmed by the user\n * - value: The entered name value\n *\n * The application should handle the event and trigger name change flow.\n *\n * ```javascript\n * const dialog = document.createElement('rename-dialog');\n * dialog.name = 'old name';\n * document.body.appendChild(dialog);\n * dialog.open = true;\n * dialog.addEventListener('closed', (ev: Event) => {\n *   document.body.removeChild(dialog);\n *   const event = ev as CustomEvent<UiDialogClosingReason>;\n *   const { cancelled, value } = event.detail;\n *   if (!cancelled && value) {\n *     // trigger the flow, value is the new value\n *   }\n * });\n * ```\n */\nexport default class RenameDialogElement extends UiDialog {\n  /**\n   * The previous name\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  @state() accessor newValue: string | undefined\n\n  private get hasValue(): boolean {\n    const { newValue } = this\n    if (!newValue) {\n      return false\n    }\n    return newValue.trim().length > 0\n  }\n\n  protected handleInput(e: Event): void {\n    const input = e.target as Input\n    this.newValue = input.value\n  }\n\n  protected handleInputKeyDown(e: KeyboardEvent): void {\n    const confirm = (e.ctrlKey || e.metaKey) && e.key === 'Enter'\n    if (!confirm || !this.hasValue) {\n      return\n    }\n    this.handleInteraction('confirm')\n  }\n\n  protected override handleInteraction(value: 'dismiss' | 'confirm'): void {\n    if (value === 'confirm') {\n      this.dialogValue = this.newValue\n    } else {\n      this.dialogValue = undefined\n    }\n    super.handleInteraction(value)\n  }\n\n  override renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      'icon': true,\n      'with-icon': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"rename\"></ui-icon></div> `\n  }\n\n  override renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      'title': true,\n      'with-title': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"title\"><span>Rename</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const value = this.newValue || this.name || ''\n    return html`\n      <div class=\"content\">\n        <ui-text-field\n          class=\"file-name\"\n          type=\"text\"\n          name=\"name\"\n          required\n          invalidText=\"The name is required. Please, enter the name.\"\n          @input=\"${this.handleInput}\"\n          @keydown=\"${this.handleInputKeyDown}\"\n          .value=\"${live(value)}\"\n          label=\"Enter new name\"\n        ></ui-text-field>\n      </div>\n    `\n  }\n\n  override renderButtons(): TemplateResult {\n    const { confirmLabel = 'Rename', dismissLabel = 'Cancel' } = this\n    const classes: ClassInfo = {\n      'buttons': true,\n      'with-buttons': true,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"button\">\n        <ui-text-button value=\"dismiss\" class=\"internal-button\" @click=\"${this.handleDismiss}\"\n          >${dismissLabel}</ui-text-button\n        >\n        <ui-text-button\n          value=\"confirm\"\n          class=\"internal-button\"\n          ?disabled=\"${!this.hasValue}\"\n          @click=\"${this.handleConfirm}\"\n          >${confirmLabel}</ui-text-button\n        >\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"Rename.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/Rename.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { live } from 'lit/directives/live.js'\nimport UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\n\nimport '../../../md/button/ui-text-button.js'\nimport '../../../md/icons/ui-icon.js'\nimport '../../../md/text-field/ui-filled-text-field.js'\n\n/**\n * A dialog that requests the user for the new name.\n *\n * Listen to the `closed` on the dialog. The CustomEvent has the `detail`\n * object with the `closingReason` retails:\n * - canceled: whether the dialog was cancelled (ESC, outside click, dismiss button)\n * - confirmed: whether the dialog was confirmed by the user\n * - value: The entered name value\n *\n * The application should handle the event and trigger name change flow.\n *\n * ```javascript\n * const dialog = document.createElement('rename-dialog');\n * dialog.name = 'old name';\n * document.body.appendChild(dialog);\n * dialog.open = true;\n * dialog.addEventListener('closed', (ev: Event) => {\n *   document.body.removeChild(dialog);\n *   const event = ev as CustomEvent<UiDialogClosingReason>;\n *   const { cancelled, value } = event.detail;\n *   if (!cancelled && value) {\n *     // trigger the flow, value is the new value\n *   }\n * });\n * ```\n */\nexport default class RenameDialogElement extends UiDialog {\n  /**\n   * The previous name\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  @state() accessor newValue: string | undefined\n\n  private get hasValue(): boolean {\n    const { newValue } = this\n    if (!newValue) {\n      return false\n    }\n    return newValue.trim().length > 0\n  }\n\n  protected handleInput(e: Event): void {\n    const input = e.target as Input\n    this.newValue = input.value\n  }\n\n  protected handleInputKeyDown(e: KeyboardEvent): void {\n    const confirm = (e.ctrlKey || e.metaKey) && e.key === 'Enter'\n    if (!confirm || !this.hasValue) {\n      return\n    }\n    this.handleInteraction('confirm')\n  }\n\n  protected override handleInteraction(value: 'dismiss' | 'confirm'): void {\n    if (value === 'confirm') {\n      this.dialogValue = this.newValue\n    } else {\n      this.dialogValue = undefined\n    }\n    super.handleInteraction(value)\n  }\n\n  override renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      'icon': true,\n      'with-icon': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"rename\"></ui-icon></div> `\n  }\n\n  override renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      'title': true,\n      'with-title': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"title\"><span>Rename</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const value = this.newValue || this.name || ''\n    return html`\n      <div class=\"content\">\n        <ui-filled-text-field\n          class=\"file-name\"\n          type=\"text\"\n          name=\"name\"\n          required\n          invalidText=\"The name is required. Please, enter the name.\"\n          @input=\"${this.handleInput}\"\n          @keydown=\"${this.handleInputKeyDown}\"\n          .value=\"${live(value)}\"\n          label=\"Enter new name\"\n        ></ui-filled-text-field>\n      </div>\n    `\n  }\n\n  override renderButtons(): TemplateResult {\n    const { confirmLabel = 'Rename', dismissLabel = 'Cancel' } = this\n    const classes: ClassInfo = {\n      'buttons': true,\n      'with-buttons': true,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"button\">\n        <ui-text-button value=\"dismiss\" class=\"internal-button\" @click=\"${this.handleDismiss}\"\n          >${dismissLabel}</ui-text-button\n        >\n        <ui-text-button\n          value=\"confirm\"\n          class=\"internal-button\"\n          ?disabled=\"${!this.hasValue}\"\n          @click=\"${this.handleConfirm}\"\n          >${confirmLabel}</ui-text-button\n        >\n      </div>\n    `\n  }\n}\n"]}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SetCookieAction.element.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/SetCookieAction.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { type TemplateResult, html, type PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\nimport { type ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\nimport type CheckboxElement from '../../../md/checkbox/internals/CheckboxElement.js'\nimport { type ISetCookieStep, SetCookieStep } from '@api-client/core/models/http-flows/steps/data/SetCookieStep.js'\nimport type { SameSiteValue } from '@api-client/core/cookies/CookieParser.js'\n\nimport '../../../md/text-field/ui-text-field.js'\nimport '../../../md/checkbox/ui-checkbox.js'\n\n/**\n * A dialog used by the Flow builder to configure the Set Cookie action.\n */\nexport default class SetCookieAction extends UiDialog {\n  @property({ type: Object }) accessor step: ISetCookieStep | undefined\n\n  override dialogValue: ISetCookieStep = new SetCookieStep().toJSON()\n\n  constructor() {\n    super()\n    this.dismissLabel = 'Cancel'\n    this.confirmLabel = 'Save'\n  }\n\n  override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('step')) {\n      this.setupDialogValue()\n    }\n    super.willUpdate(cp)\n  }\n\n  protected setupDialogValue(): void {\n    const { step } = this\n    if (!step) {\n      this.dialogValue = new SetCookieStep().toJSON()\n    } else {\n      this.dialogValue = new SetCookieStep(step).toJSON()\n    }\n  }\n\n  protected handleValueChange(e: Event): void {\n    const input = e.target as Input\n    const name = input.name as 'name' | 'url' | 'expires'\n    this.dialogValue[name] = input.value\n  }\n\n  protected handleBooleanChange(e: Event): void {\n    const input = e.target as CheckboxElement\n    const name = input.name as 'hostOnly' | 'httpOnly' | 'secure' | 'session'\n    this.dialogValue[name] = input.checked as boolean\n  }\n\n  protected handleSameSiteChange(e: Event): void {\n    const input = e.target as Input\n    this.dialogValue.sameSite = input.value as SameSiteValue\n  }\n\n  override renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      'icon': true,\n      'with-icon': true,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"tune\" role=\"presentation\"></ui-icon></div>\n    `\n  }\n\n  override renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      'title': true,\n      'with-title': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"title\"><span>Configure Set Cookie Action</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const {\n      name = '',\n      url = '',\n      expires = '',\n      hostOnly = false,\n      httpOnly = false,\n      sameSite = 'None',\n      secure = false,\n      session = false,\n    } = this.dialogValue\n\n    return html`\n      <div class=\"content\">\n        <div class=\"param-row\">\n          <ui-text-field\n            name=\"name\"\n            label=\"Cookie name\"\n            type=\"text\"\n            required\n            .value=\"${live(name)}\"\n            @change=\"${this.handleValueChange}\"\n            class=\"input\"\n            supportingText=\"The name of the cookie to set.\"\n          ></ui-text-field>\n        </div>\n\n        <div class=\"param-row\">\n          <ui-text-field\n            name=\"url\"\n            label=\"Cookie URL\"\n            type=\"url\"\n            .value=\"${live(url)}\"\n            @change=\"${this.handleValueChange}\"\n            class=\"input\"\n            supportingText=\"When the URL is not set then the request URL is used.\"\n          ></ui-text-field>\n        </div>\n\n        <div class=\"param-row\">\n          <ui-text-field\n            name=\"expires\"\n            label=\"Expires\"\n            .value=\"${live(expires)}\"\n            @change=\"${this.handleValueChange}\"\n            class=\"input\"\n            supportingText=\"A valid cookie date or relative time like 4d, 600s, etc.\"\n          ></ui-text-field>\n        </div>\n\n        <div class=\"param-row\">\n          <ui-text-field\n            name=\"sameSite\"\n            label=\"Same site\"\n            .value=\"${live(sameSite)}\"\n            @change=\"${this.handleSameSiteChange}\"\n            class=\"input\"\n            .list=\"${['Lax', 'Strict', 'None']}\"\n          ></ui-text-field>\n        </div>\n\n        <div class=\"checkbox-row\">\n          <label>\n            <ui-checkbox\n              name=\"hostOnly\"\n              .checked=\"${hostOnly}\"\n              @change=\"${this.handleBooleanChange}\"\n              aria-label=\"Host only cookie\"\n            ></ui-checkbox>\n            Host only\n          </label>\n        </div>\n\n        <div class=\"checkbox-row\">\n          <label>\n            <ui-checkbox\n              name=\"httpOnly\"\n              .checked=\"${httpOnly}\"\n              @change=\"${this.handleBooleanChange}\"\n              aria-label=\"HTTP only cookie\"\n            ></ui-checkbox>\n            HTTP only\n          </label>\n        </div>\n\n        <div class=\"checkbox-row\">\n          <label>\n            <ui-checkbox\n              name=\"secure\"\n              .checked=\"${secure}\"\n              @change=\"${this.handleBooleanChange}\"\n              aria-label=\"Secure cookie\"\n            ></ui-checkbox>\n            Secure\n          </label>\n        </div>\n\n        <div class=\"checkbox-row\">\n          <label>\n            <ui-checkbox\n              name=\"session\"\n              .checked=\"${session}\"\n              @change=\"${this.handleBooleanChange}\"\n              aria-label=\"Session cookie\"\n            ></ui-checkbox>\n            Session\n          </label>\n        </div>\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"SetCookieAction.element.js","sourceRoot":"","sources":["../../../../../src/elements/dialog/internals/SetCookieAction.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { type TemplateResult, html, type PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\nimport { type ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport UiDialog from '../../../md/dialog/internals/Dialog.js'\nimport type Input from '../../../md/input/Input.js'\nimport type CheckboxElement from '../../../md/checkbox/internals/CheckboxElement.js'\nimport { type ISetCookieStep, SetCookieStep } from '@api-client/core/models/http-flows/steps/data/SetCookieStep.js'\nimport type { SameSiteValue } from '@api-client/core/cookies/CookieParser.js'\n\nimport '../../../md/text-field/ui-filled-text-field.js'\nimport '../../../md/checkbox/ui-checkbox.js'\n\n/**\n * A dialog used by the Flow builder to configure the Set Cookie action.\n */\nexport default class SetCookieAction extends UiDialog {\n  @property({ type: Object }) accessor step: ISetCookieStep | undefined\n\n  override dialogValue: ISetCookieStep = new SetCookieStep().toJSON()\n\n  constructor() {\n    super()\n    this.dismissLabel = 'Cancel'\n    this.confirmLabel = 'Save'\n  }\n\n  override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('step')) {\n      this.setupDialogValue()\n    }\n    super.willUpdate(cp)\n  }\n\n  protected setupDialogValue(): void {\n    const { step } = this\n    if (!step) {\n      this.dialogValue = new SetCookieStep().toJSON()\n    } else {\n      this.dialogValue = new SetCookieStep(step).toJSON()\n    }\n  }\n\n  protected handleValueChange(e: Event): void {\n    const input = e.target as Input\n    const name = input.name as 'name' | 'url' | 'expires'\n    this.dialogValue[name] = input.value\n  }\n\n  protected handleBooleanChange(e: Event): void {\n    const input = e.target as CheckboxElement\n    const name = input.name as 'hostOnly' | 'httpOnly' | 'secure' | 'session'\n    this.dialogValue[name] = input.checked as boolean\n  }\n\n  protected handleSameSiteChange(e: Event): void {\n    const input = e.target as Input\n    this.dialogValue.sameSite = input.value as SameSiteValue\n  }\n\n  override renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      'icon': true,\n      'with-icon': true,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"icon\"><ui-icon icon=\"tune\" role=\"presentation\"></ui-icon></div>\n    `\n  }\n\n  override renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      'title': true,\n      'with-title': true,\n    }\n    return html` <div class=\"${classMap(classes)}\" part=\"title\"><span>Configure Set Cookie Action</span></div> `\n  }\n\n  override renderBody(): TemplateResult {\n    const {\n      name = '',\n      url = '',\n      expires = '',\n      hostOnly = false,\n      httpOnly = false,\n      sameSite = 'None',\n      secure = false,\n      session = false,\n    } = this.dialogValue\n\n    return html`\n      <div class=\"content\">\n        <div class=\"param-row\">\n          <ui-filled-text-field\n            name=\"name\"\n            label=\"Cookie name\"\n            type=\"text\"\n            required\n            .value=\"${live(name)}\"\n            @change=\"${this.handleValueChange}\"\n            class=\"input\"\n            supportingText=\"The name of the cookie to set.\"\n          ></ui-filled-text-field>\n        </div>\n\n        <div class=\"param-row\">\n          <ui-filled-text-field\n            name=\"url\"\n            label=\"Cookie URL\"\n            type=\"url\"\n            .value=\"${live(url)}\"\n            @change=\"${this.handleValueChange}\"\n            class=\"input\"\n            supportingText=\"When the URL is not set then the request URL is used.\"\n          ></ui-filled-text-field>\n        </div>\n\n        <div class=\"param-row\">\n          <ui-filled-text-field\n            name=\"expires\"\n            label=\"Expires\"\n            .value=\"${live(expires)}\"\n            @change=\"${this.handleValueChange}\"\n            class=\"input\"\n            supportingText=\"A valid cookie date or relative time like 4d, 600s, etc.\"\n          ></ui-filled-text-field>\n        </div>\n\n        <div class=\"param-row\">\n          <ui-filled-text-field\n            name=\"sameSite\"\n            label=\"Same site\"\n            .value=\"${live(sameSite)}\"\n            @change=\"${this.handleSameSiteChange}\"\n            class=\"input\"\n            .list=\"${['Lax', 'Strict', 'None']}\"\n          ></ui-filled-text-field>\n        </div>\n\n        <div class=\"checkbox-row\">\n          <label>\n            <ui-checkbox\n              name=\"hostOnly\"\n              .checked=\"${hostOnly}\"\n              @change=\"${this.handleBooleanChange}\"\n              aria-label=\"Host only cookie\"\n            ></ui-checkbox>\n            Host only\n          </label>\n        </div>\n\n        <div class=\"checkbox-row\">\n          <label>\n            <ui-checkbox\n              name=\"httpOnly\"\n              .checked=\"${httpOnly}\"\n              @change=\"${this.handleBooleanChange}\"\n              aria-label=\"HTTP only cookie\"\n            ></ui-checkbox>\n            HTTP only\n          </label>\n        </div>\n\n        <div class=\"checkbox-row\">\n          <label>\n            <ui-checkbox\n              name=\"secure\"\n              .checked=\"${secure}\"\n              @change=\"${this.handleBooleanChange}\"\n              aria-label=\"Secure cookie\"\n            ></ui-checkbox>\n            Secure\n          </label>\n        </div>\n\n        <div class=\"checkbox-row\">\n          <label>\n            <ui-checkbox\n              name=\"session\"\n              .checked=\"${session}\"\n              @change=\"${this.handleBooleanChange}\"\n              aria-label=\"Session cookie\"\n            ></ui-checkbox>\n            Session\n          </label>\n        </div>\n      </div>\n    `\n  }\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentEditor.d.ts","sourceRoot":"","sources":["../../../../src/elements/environment/EnvironmentEditor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"EnvironmentEditor.d.ts","sourceRoot":"","sources":["../../../../src/elements/environment/EnvironmentEditor.ts"],"names":[],"mappings":"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"}

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

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