@api-client/ui 0.6.6 → 0.6.8

package/build/src/elements/setup/internals/OrganizationSelector.js

@@ -73,7 +73,7 @@ let OrganizationSelector = (() => {
             }));
         }
         render() {
-            return html `<span class="container">${this.renderTrigger()} ${this.renderMenu()}</span>`;
+            return html `${this.renderTrigger()} ${this.renderMenu()}`;
         }
         renderTrigger() {
             const { organization } = this;
@@ -84,7 +84,7 @@ let OrganizationSelector = (() => {
         aria-label="Current organization: ${orgName}"
         trailingicon
         color="tonal"
-        popoverTarget="org-selector-menu"
+        popovertarget="org-selector-menu"
       >
         ${orgName}
         <ui-icon slot="icon">arrow_drop_down</ui-icon>

package/build/src/elements/setup/internals/OrganizationSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationSelector.js","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/OrganizationSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { consume } from '@lit/context'\nimport type { UiMenuItemElement } from '../../../md/menu/ui-menu-item.js'\nimport { type IOrganization, organizationContext } from '../../../providers/organization.js'\nimport { organizationsContext } from '../../../providers/organizations.js'\n\n/**\n * An element that allows selecting an organization from a list.\n * It renders a button with the current organization name that triggers a dropdown menu with available organizations.\n *\n * The component supports creating a new organization via a dedicated menu item.\n *\n * @example\n * ```html\n * <organization-selector\n *   .organization=\"${this.selectedOrg}\"\n *   .organizations=\"${this.availableOrgs}\"\n *   @select=\"${this.handleSelection}\"\n *   @create=\"${this.handleCreate}\"\n * ></organization-selector>\n * ```\n *\n * @fires select - Dispatched when the user selects an organization. The detail object contains the `organization` key.\n * @fires create - Dispatched when the user clicks on the \"New Organization\" menu item.\n */\nexport default class OrganizationSelector extends LitElement {\n  /**\n   * The currently selected organization, if any.\n   * When set, the button label will show this organization's name.\n   *\n   * This property consumes the `organizationContext`.\n   */\n  @property({ type: Object, attribute: false })\n  @consume({ context: organizationContext, subscribe: true })\n  accessor organization: IOrganization | undefined\n\n  /**\n   * The list of available organizations to display in the dropdown menu.\n   *\n   * This property consumes the `organizationsContext`.\n   */\n  @property({ type: Array, attribute: false })\n  @consume({ context: organizationsContext, subscribe: true })\n  accessor organizations: IOrganization[] | undefined\n\n  /**\n   * A handler for organization selection from the menu.\n   */\n  protected handleOrgSelect(e: CustomEvent<{ item: UiMenuItemElement }>): void {\n    const { item } = e.detail\n    const { action = '' } = item.dataset\n    if (action === 'select' && item.value) {\n      this.notifySelect(item.value)\n    } else if (action === 'new') {\n      this.notifyCreate()\n    }\n  }\n\n  /**\n   * Notifies about organization selection.\n   * @param organizationKey The key of the organization that was selected by the user.\n   */\n  protected notifySelect(organizationKey: string): void {\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail: { organization: organizationKey },\n        bubbles: false,\n        composed: false,\n      })\n    )\n  }\n\n  /**\n   * Notifies about the request to create a new organization.\n   */\n  protected notifyCreate(): void {\n    this.dispatchEvent(\n      new CustomEvent('create', {\n        bubbles: false,\n        composed: false,\n      })\n    )\n  }\n\n  protected override render(): unknown {\n    return html`<span class=\"container\">${this.renderTrigger()} ${this.renderMenu()}</span>`\n  }\n\n  protected renderTrigger(): TemplateResult {\n    const { organization } = this\n    const orgName = organization ? organization.name : 'Select Organization'\n    return html`\n      <ui-button\n        id=\"org-selector-anchor\"\n        aria-label=\"Current organization: ${orgName}\"\n        trailingicon\n        color=\"tonal\"\n        popoverTarget=\"org-selector-menu\"\n      >\n        ${orgName}\n        <ui-icon slot=\"icon\">arrow_drop_down</ui-icon>\n      </ui-button>\n    `\n  }\n\n  protected renderMenu(): TemplateResult {\n    const { organization, organizations = [] } = this\n    const orgKey = organization ? organization.key : ''\n    return html`\n      <ui-menu id=\"org-selector-menu\" popover=\"auto\" @select=\"${this.handleOrgSelect}\">\n        ${repeat(\n          organizations,\n          (org) => org.key,\n          (org) =>\n            html`<ui-menu-item\n              showSelectionIcon\n              data-action=\"select\"\n              value=\"${org.key}\"\n              ?selected=\"${org.key === orgKey}\"\n              ><div>${org.name}</div>\n            </ui-menu-item>`\n        )}\n        <ui-divider role=\"separator\"></ui-divider>\n        <ui-menu-item data-action=\"new\">\n          <div>New Organization</div>\n          <ui-icon slot=\"start\">add</ui-icon>\n        </ui-menu-item>\n      </ui-menu>\n    `\n  }\n}\n"]}
+{"version":3,"file":"OrganizationSelector.js","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/OrganizationSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { consume } from '@lit/context'\nimport type { UiMenuItemElement } from '../../../md/menu/ui-menu-item.js'\nimport { type IOrganization, organizationContext } from '../../../providers/organization.js'\nimport { organizationsContext } from '../../../providers/organizations.js'\n\n/**\n * An element that allows selecting an organization from a list.\n * It renders a button with the current organization name that triggers a dropdown menu with available organizations.\n *\n * The component supports creating a new organization via a dedicated menu item.\n *\n * @example\n * ```html\n * <organization-selector\n *   .organization=\"${this.selectedOrg}\"\n *   .organizations=\"${this.availableOrgs}\"\n *   @select=\"${this.handleSelection}\"\n *   @create=\"${this.handleCreate}\"\n * ></organization-selector>\n * ```\n *\n * @fires select - Dispatched when the user selects an organization. The detail object contains the `organization` key.\n * @fires create - Dispatched when the user clicks on the \"New Organization\" menu item.\n */\nexport default class OrganizationSelector extends LitElement {\n  /**\n   * The currently selected organization, if any.\n   * When set, the button label will show this organization's name.\n   *\n   * This property consumes the `organizationContext`.\n   */\n  @property({ type: Object, attribute: false })\n  @consume({ context: organizationContext, subscribe: true })\n  accessor organization: IOrganization | undefined\n\n  /**\n   * The list of available organizations to display in the dropdown menu.\n   *\n   * This property consumes the `organizationsContext`.\n   */\n  @property({ type: Array, attribute: false })\n  @consume({ context: organizationsContext, subscribe: true })\n  accessor organizations: IOrganization[] | undefined\n\n  /**\n   * A handler for organization selection from the menu.\n   */\n  protected handleOrgSelect(e: CustomEvent<{ item: UiMenuItemElement }>): void {\n    const { item } = e.detail\n    const { action = '' } = item.dataset\n    if (action === 'select' && item.value) {\n      this.notifySelect(item.value)\n    } else if (action === 'new') {\n      this.notifyCreate()\n    }\n  }\n\n  /**\n   * Notifies about organization selection.\n   * @param organizationKey The key of the organization that was selected by the user.\n   */\n  protected notifySelect(organizationKey: string): void {\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail: { organization: organizationKey },\n        bubbles: false,\n        composed: false,\n      })\n    )\n  }\n\n  /**\n   * Notifies about the request to create a new organization.\n   */\n  protected notifyCreate(): void {\n    this.dispatchEvent(\n      new CustomEvent('create', {\n        bubbles: false,\n        composed: false,\n      })\n    )\n  }\n\n  protected override render(): unknown {\n    return html`${this.renderTrigger()} ${this.renderMenu()}`\n  }\n\n  protected renderTrigger(): TemplateResult {\n    const { organization } = this\n    const orgName = organization ? organization.name : 'Select Organization'\n    return html`\n      <ui-button\n        id=\"org-selector-anchor\"\n        aria-label=\"Current organization: ${orgName}\"\n        trailingicon\n        color=\"tonal\"\n        popovertarget=\"org-selector-menu\"\n      >\n        ${orgName}\n        <ui-icon slot=\"icon\">arrow_drop_down</ui-icon>\n      </ui-button>\n    `\n  }\n\n  protected renderMenu(): TemplateResult {\n    const { organization, organizations = [] } = this\n    const orgKey = organization ? organization.key : ''\n    return html`\n      <ui-menu id=\"org-selector-menu\" popover=\"auto\" @select=\"${this.handleOrgSelect}\">\n        ${repeat(\n          organizations,\n          (org) => org.key,\n          (org) =>\n            html`<ui-menu-item\n              showSelectionIcon\n              data-action=\"select\"\n              value=\"${org.key}\"\n              ?selected=\"${org.key === orgKey}\"\n              ><div>${org.name}</div>\n            </ui-menu-item>`\n        )}\n        <ui-divider role=\"separator\"></ui-divider>\n        <ui-menu-item data-action=\"new\">\n          <div>New Organization</div>\n          <ui-icon slot=\"start\">add</ui-icon>\n        </ui-menu-item>\n      </ui-menu>\n    `\n  }\n}\n"]}

package/build/src/md/button/internals/base.d.ts

@@ -80,6 +80,9 @@ export default class BaseButton extends UiElement {
     /**
      * Turns a `<ui-button>` element into a popover control button; takes the ID
      * of the popover element to control as its value.
+     *
+     * Note: this is required for now as the spec only allows to control popovers
+     * via buttons. Custom elements are not allowed to control popovers.
      * @attribute
      */
     accessor popoverTarget: string | undefined;
@@ -95,7 +98,7 @@ export default class BaseButton extends UiElement {
      *   it will be shown; if the popover is showing, it will be hidden. If popoverTargetAction is omitted,
      *   "toggle" is the default action that will be performed by the control button.
      */
-    accessor popoverTargetAction: string | undefined;
+    accessor popoverTargetAction: 'hide' | 'show' | 'toggle' | undefined;
     /**
      * When true, the focus ring effect will be constrained to the inside of the button's bounds.
      * @attribute

package/build/src/md/button/internals/base.d.ts.map

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

package/build/src/md/button/internals/base.js

@@ -202,6 +202,9 @@ let BaseButton = (() => {
         /**
          * Turns a `<ui-button>` element into a popover control button; takes the ID
          * of the popover element to control as its value.
+         *
+         * Note: this is required for now as the spec only allows to control popovers
+         * via buttons. Custom elements are not allowed to control popovers.
          * @attribute
          */
         get popoverTarget() { return this.#popoverTarget_accessor_storage; }
@@ -379,6 +382,7 @@ let BaseButton = (() => {
                 element.showPopover();
             }
             else {
+                // default to toggle
                 element.togglePopover();
             }
             element.focus();

package/build/src/md/button/internals/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../../src/md/button/internals/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type PropertyValues, type TemplateResult } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { nanoid } from 'nanoid'\nimport { UiElement } from '../../UiElement.js'\nimport type { BeginPressConfig, EndPressConfig } from '../../../controllers/ActionController.js'\nimport { isDisabled, setDisabled } from '../../../lib/disabled.js'\nimport type UiRipple from '../../ripple/internals/ripple.js'\nimport { findElementInShadowRoots } from '../../../lib/Dom.js'\n\nimport '../../ripple/ui-ripple.js'\nimport '../../focus-ring/ui-focus-ring.js'\n\nexport type ButtonType = 'submit' | 'reset' | 'button'\nexport type MdButtonShape = 'round' | 'square'\nexport type MdButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl'\n\n/**\n * A material design button with M3 Expressive features - CSS-native implementation.\n *\n * @slot icon - A slot for the icon element\n * @slot - The default slot for the label\n * @attribute {string} form - The form associated with this element when the element is outside the form.\n * @fires {ToggleEvent} toggle - Fired when the `toggle` property is true and the button is clicked,\n *                               changing its selection state.\n *                               The event's `newState` and `oldState` properties (string values: 'selected' or\n *                               'unselected') detail this selection change.\n */\nexport default class BaseButton extends UiElement {\n  static readonly formAssociated = true\n\n  #internals = this.attachInternals()\n\n  /**\n   * The form associated with this element\n   * @attribute\n   */\n  get form(): HTMLFormElement | null | string {\n    return this.#internals.form\n  }\n\n  get validity() {\n    return this.#internals.validity\n  }\n\n  get validationMessage() {\n    return this.#internals.validationMessage\n  }\n\n  get willValidate() {\n    return this.#internals.willValidate\n  }\n\n  /**\n   * The name of the button, submitted as a pair with the button's value as part of the form data.\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  #value?: string\n\n  get value(): string | undefined {\n    return this.#value\n  }\n\n  /**\n   * Defines the value associated with the button's name when it's submitted with the form data.\n   * @attribute\n   */\n  @property({ type: String })\n  set value(value: string | undefined) {\n    if (this.#value === value) {\n      return\n    }\n    this.#value = value\n    this.#internals?.setFormValue(value || null)\n  }\n\n  /**\n   * Whether to render the icon at the inline end of the label rather than the inline start.\n   * @attribute\n   */\n  @property({ type: Boolean, attribute: 'trailingicon', reflect: true }) accessor trailingIcon = false\n\n  /**\n   * The default behavior of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor type: ButtonType = 'button'\n\n  /**\n   * When set, the button is a toggle button.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor toggle = false\n\n  /**\n   * Indicates that the button is currently selected.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor selected = false\n\n  /**\n   * The shape of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor shape: MdButtonShape = 'round'\n\n  /**\n   * The size of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor size: MdButtonSize = 's'\n\n  get disabled(): boolean {\n    return isDisabled(this)\n  }\n\n  /**\n   * When set, the button is in a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this)\n    setDisabled(this, value)\n    this.requestUpdate('disabled', old)\n  }\n\n  @query('ui-ripple') protected accessor ripple!: UiRipple | null\n\n  /**\n   * Turns a `<ui-button>` element into a popover control button; takes the ID\n   * of the popover element to control as its value.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor popoverTarget: string | undefined\n  /**\n   * Specifies the action to be performed on a popover element being controlled\n   * by a control <ui-button>. Possible values are:\n   *\n   * - `hide` - The button will hide a shown popover. If you try to hide an already hidden popover,\n   *   no action will be taken.\n   * - `show` - The button will show a hidden popover. If you try to show an already showing popover,\n   *   no action will be taken.\n   * - `toggle` - The button will toggle a popover between showing and hidden. If the popover is hidden,\n   *   it will be shown; if the popover is showing, it will be hidden. If popoverTargetAction is omitted,\n   *   \"toggle\" is the default action that will be performed by the control button.\n   */\n  @property({ type: String, reflect: true }) accessor popoverTargetAction: string | undefined\n  /**\n   * When true, the focus ring effect will be constrained to the inside of the button's bounds.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor inwardFocus: boolean | undefined\n\n  constructor() {\n    super()\n    this.actionController.cancelKeyboardEvents = true\n    this.addEventListener('keydown', this.handleKeyDown.bind(this))\n    this.addEventListener('keyup', this.handleKeyUp.bind(this))\n    this.addEventListener('click', this.handleClick.bind(this))\n    this.addEventListener('pointerdown', this.handlePointerDown.bind(this))\n    this.addEventListener('pointerup', this.handlePointerUp.bind(this))\n    this.addEventListener('pointercancel', this.handlePointerCancel.bind(this))\n    this.addEventListener('pointerleave', this.handlePointerLeave.bind(this))\n    this.addEventListener('pointerenter', this.handlePointerEnter.bind(this))\n    this.addEventListener('contextmenu', this.handleContextMenu.bind(this))\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button')\n    }\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0')\n    }\n  }\n\n  protected override update(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('popoverTarget')) {\n      this.setupPopoverTarget()\n    }\n    super.update(changedProperties)\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp)\n\n    // If the button is disabled, remove the tabindex attribute\n    if (cp.has('disabled')) {\n      if (this.disabled) {\n        this.removeAttribute('tabindex')\n      } else if (!this.hasAttribute('tabindex')) {\n        this.setAttribute('tabindex', '0')\n      }\n    }\n\n    if (cp.has('toggle') || cp.has('selected')) {\n      this.updatePressedState()\n    }\n  }\n\n  protected updatePressedState(): void {\n    if (this.toggle) {\n      this.ariaPressed = String(this.selected)\n    } else {\n      this.selected = false\n      this.removeAttribute('aria-pressed')\n    }\n  }\n\n  checkValidity() {\n    return this.#internals.checkValidity()\n  }\n\n  reportValidity() {\n    return this.#internals.reportValidity()\n  }\n\n  protected override firstUpdated(): void {\n    this.#internals?.setFormValue(this.value || null)\n  }\n\n  override beginPress(options: BeginPressConfig): void {\n    super.beginPress(options)\n    this.classList.add('pressed')\n    this.ripple?.beginFocus()\n  }\n\n  override endPress(config: EndPressConfig): void {\n    super.endPress(config)\n    this.classList.remove('pressed')\n    this.ripple?.endFocus()\n    const { cancelled, reason } = config\n    if (cancelled) {\n      return\n    }\n    const allowedReasons = reason === 'enter' || reason === 'space'\n    if (this.type === 'submit' && (!reason || allowedReasons)) {\n      this.handleSubmit()\n    } else if (this.type === 'reset' && (!reason || allowedReasons)) {\n      this.handleReset()\n    } else if (allowedReasons) {\n      this.click()\n    }\n  }\n\n  override handleClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.preventDefault()\n      e.stopPropagation()\n      return\n    }\n\n    if (this.toggle) {\n      this.selected = !this.selected\n      const e = new ToggleEvent('toggle', {\n        bubbles: true,\n        composed: true,\n        newState: this.selected ? 'selected' : 'unselected',\n        oldState: this.selected ? 'unselected' : 'selected',\n      })\n      this.dispatchEvent(e)\n    }\n    this.handlePopoverAction()\n    // Delegate to ActionController to properly end the press and reset phase\n    // state; this removes the 'pressed' class via endPress() and ensures\n    // subsequent pointerdown events work again.\n    super.handleClick(e)\n  }\n\n  protected setupPopoverTarget(): void {\n    const id = this.popoverTarget\n    if (!id) {\n      return\n    }\n    const element = findElementInShadowRoots(id, this)\n    if (!element) {\n      return\n    }\n    // A regular button first sets its value to the popover target ID,\n    this.value = id\n    // create an anchor association with the popover target\n    if (!this.id) {\n      this.id = nanoid()\n    }\n    const anchorName = `--anchor-${this.id}`\n    this.style.setProperty('anchor-name', anchorName)\n    element.style.setProperty('position-anchor', anchorName)\n    this.setAttribute('aria-details', id)\n    this.setAttribute('aria-controls', id)\n  }\n\n  /**\n   * When the button has a popover target, this method toggles the popover\n   * visibility by finding the element in the shadow roots and calling its\n   * `togglePopover` method.\n   */\n  protected handlePopoverAction(): void {\n    const id = this.popoverTarget\n    if (!id) {\n      return\n    }\n    const element = findElementInShadowRoots(id, this)\n    if (!element) {\n      return\n    }\n    const action = this.popoverTargetAction || 'toggle'\n    if (action === 'hide') {\n      element.hidePopover()\n    } else if (action === 'show') {\n      element.showPopover()\n    } else {\n      element.togglePopover()\n    }\n    element.focus()\n  }\n\n  protected handleSubmit(): void {\n    const { name, value, type, disabled, form } = this\n    if (!form || !type || disabled) {\n      return\n    }\n    const typedForm = form as HTMLFormElement\n    let button: HTMLButtonElement | undefined\n    if (name || value) {\n      button = document.createElement('button')\n      if (name) {\n        button.name = name\n      }\n      if (value) {\n        button.value = value\n      }\n      button.type = type\n      button.hidden = true\n      typedForm.append(button)\n    }\n    try {\n      typedForm.requestSubmit(button)\n    } catch {\n      // Ignore errors\n    }\n    if (button) {\n      typedForm.removeChild(button)\n    }\n  }\n\n  protected handleReset(): void {\n    const form = this.form as HTMLFormElement\n    form?.reset()\n  }\n\n  override handlePointerEnter(e: PointerEvent): void {\n    super.handlePointerEnter(e)\n    this.ripple?.beginHover(e)\n  }\n\n  override handlePointerLeave(e: PointerEvent): void {\n    super.handlePointerLeave(e)\n    this.ripple?.endHover()\n  }\n\n  protected override render(): TemplateResult {\n    const { trailingIcon = false } = this\n    const icon = this.renderIcon()\n\n    return html`\n      ${this.renderFocusRing()} ${this.renderRipple()} ${trailingIcon ? nothing : icon}\n      <slot></slot>\n      ${trailingIcon ? icon : nothing}\n    `\n  }\n\n  protected renderIcon(): TemplateResult {\n    return html`<slot name=\"icon\"></slot>`\n  }\n\n  protected renderFocusRing(): TemplateResult {\n    return html`<ui-focus-ring\n      part=\"focus-ring\"\n      class=\"focus-ring\"\n      .control=\"${this}\"\n      ?inward=\"${this.inwardFocus}\"\n    ></ui-focus-ring>`\n  }\n\n  protected renderRipple(): TemplateResult {\n    return html`<ui-ripple class=\"ripple\" ?disabled=\"${this.disabled}\"></ui-ripple>`\n  }\n}\n"]}
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../../src/md/button/internals/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type PropertyValues, type TemplateResult } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { nanoid } from 'nanoid'\nimport { UiElement } from '../../UiElement.js'\nimport type { BeginPressConfig, EndPressConfig } from '../../../controllers/ActionController.js'\nimport { isDisabled, setDisabled } from '../../../lib/disabled.js'\nimport type UiRipple from '../../ripple/internals/ripple.js'\nimport { findElementInShadowRoots } from '../../../lib/Dom.js'\n\nimport '../../ripple/ui-ripple.js'\nimport '../../focus-ring/ui-focus-ring.js'\n\nexport type ButtonType = 'submit' | 'reset' | 'button'\nexport type MdButtonShape = 'round' | 'square'\nexport type MdButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl'\n\n/**\n * A material design button with M3 Expressive features - CSS-native implementation.\n *\n * @slot icon - A slot for the icon element\n * @slot - The default slot for the label\n * @attribute {string} form - The form associated with this element when the element is outside the form.\n * @fires {ToggleEvent} toggle - Fired when the `toggle` property is true and the button is clicked,\n *                               changing its selection state.\n *                               The event's `newState` and `oldState` properties (string values: 'selected' or\n *                               'unselected') detail this selection change.\n */\nexport default class BaseButton extends UiElement {\n  static readonly formAssociated = true\n\n  #internals = this.attachInternals()\n\n  /**\n   * The form associated with this element\n   * @attribute\n   */\n  get form(): HTMLFormElement | null | string {\n    return this.#internals.form\n  }\n\n  get validity() {\n    return this.#internals.validity\n  }\n\n  get validationMessage() {\n    return this.#internals.validationMessage\n  }\n\n  get willValidate() {\n    return this.#internals.willValidate\n  }\n\n  /**\n   * The name of the button, submitted as a pair with the button's value as part of the form data.\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  #value?: string\n\n  get value(): string | undefined {\n    return this.#value\n  }\n\n  /**\n   * Defines the value associated with the button's name when it's submitted with the form data.\n   * @attribute\n   */\n  @property({ type: String })\n  set value(value: string | undefined) {\n    if (this.#value === value) {\n      return\n    }\n    this.#value = value\n    this.#internals?.setFormValue(value || null)\n  }\n\n  /**\n   * Whether to render the icon at the inline end of the label rather than the inline start.\n   * @attribute\n   */\n  @property({ type: Boolean, attribute: 'trailingicon', reflect: true }) accessor trailingIcon = false\n\n  /**\n   * The default behavior of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor type: ButtonType = 'button'\n\n  /**\n   * When set, the button is a toggle button.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor toggle = false\n\n  /**\n   * Indicates that the button is currently selected.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor selected = false\n\n  /**\n   * The shape of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor shape: MdButtonShape = 'round'\n\n  /**\n   * The size of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor size: MdButtonSize = 's'\n\n  get disabled(): boolean {\n    return isDisabled(this)\n  }\n\n  /**\n   * When set, the button is in a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this)\n    setDisabled(this, value)\n    this.requestUpdate('disabled', old)\n  }\n\n  @query('ui-ripple') protected accessor ripple!: UiRipple | null\n\n  /**\n   * Turns a `<ui-button>` element into a popover control button; takes the ID\n   * of the popover element to control as its value.\n   *\n   * Note: this is required for now as the spec only allows to control popovers\n   * via buttons. Custom elements are not allowed to control popovers.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor popoverTarget: string | undefined\n  /**\n   * Specifies the action to be performed on a popover element being controlled\n   * by a control <ui-button>. Possible values are:\n   *\n   * - `hide` - The button will hide a shown popover. If you try to hide an already hidden popover,\n   *   no action will be taken.\n   * - `show` - The button will show a hidden popover. If you try to show an already showing popover,\n   *   no action will be taken.\n   * - `toggle` - The button will toggle a popover between showing and hidden. If the popover is hidden,\n   *   it will be shown; if the popover is showing, it will be hidden. If popoverTargetAction is omitted,\n   *   \"toggle\" is the default action that will be performed by the control button.\n   */\n  @property({ type: String, reflect: true }) accessor popoverTargetAction: 'hide' | 'show' | 'toggle' | undefined\n  /**\n   * When true, the focus ring effect will be constrained to the inside of the button's bounds.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor inwardFocus: boolean | undefined\n\n  constructor() {\n    super()\n    this.actionController.cancelKeyboardEvents = true\n    this.addEventListener('keydown', this.handleKeyDown.bind(this))\n    this.addEventListener('keyup', this.handleKeyUp.bind(this))\n    this.addEventListener('click', this.handleClick.bind(this))\n    this.addEventListener('pointerdown', this.handlePointerDown.bind(this))\n    this.addEventListener('pointerup', this.handlePointerUp.bind(this))\n    this.addEventListener('pointercancel', this.handlePointerCancel.bind(this))\n    this.addEventListener('pointerleave', this.handlePointerLeave.bind(this))\n    this.addEventListener('pointerenter', this.handlePointerEnter.bind(this))\n    this.addEventListener('contextmenu', this.handleContextMenu.bind(this))\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button')\n    }\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0')\n    }\n  }\n\n  protected override update(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('popoverTarget')) {\n      this.setupPopoverTarget()\n    }\n    super.update(changedProperties)\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp)\n\n    // If the button is disabled, remove the tabindex attribute\n    if (cp.has('disabled')) {\n      if (this.disabled) {\n        this.removeAttribute('tabindex')\n      } else if (!this.hasAttribute('tabindex')) {\n        this.setAttribute('tabindex', '0')\n      }\n    }\n\n    if (cp.has('toggle') || cp.has('selected')) {\n      this.updatePressedState()\n    }\n  }\n\n  protected updatePressedState(): void {\n    if (this.toggle) {\n      this.ariaPressed = String(this.selected)\n    } else {\n      this.selected = false\n      this.removeAttribute('aria-pressed')\n    }\n  }\n\n  checkValidity() {\n    return this.#internals.checkValidity()\n  }\n\n  reportValidity() {\n    return this.#internals.reportValidity()\n  }\n\n  protected override firstUpdated(): void {\n    this.#internals?.setFormValue(this.value || null)\n  }\n\n  override beginPress(options: BeginPressConfig): void {\n    super.beginPress(options)\n    this.classList.add('pressed')\n    this.ripple?.beginFocus()\n  }\n\n  override endPress(config: EndPressConfig): void {\n    super.endPress(config)\n    this.classList.remove('pressed')\n    this.ripple?.endFocus()\n    const { cancelled, reason } = config\n    if (cancelled) {\n      return\n    }\n    const allowedReasons = reason === 'enter' || reason === 'space'\n    if (this.type === 'submit' && (!reason || allowedReasons)) {\n      this.handleSubmit()\n    } else if (this.type === 'reset' && (!reason || allowedReasons)) {\n      this.handleReset()\n    } else if (allowedReasons) {\n      this.click()\n    }\n  }\n\n  override handleClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.preventDefault()\n      e.stopPropagation()\n      return\n    }\n\n    if (this.toggle) {\n      this.selected = !this.selected\n      const e = new ToggleEvent('toggle', {\n        bubbles: true,\n        composed: true,\n        newState: this.selected ? 'selected' : 'unselected',\n        oldState: this.selected ? 'unselected' : 'selected',\n      })\n      this.dispatchEvent(e)\n    }\n    this.handlePopoverAction()\n    // Delegate to ActionController to properly end the press and reset phase\n    // state; this removes the 'pressed' class via endPress() and ensures\n    // subsequent pointerdown events work again.\n    super.handleClick(e)\n  }\n\n  protected setupPopoverTarget(): void {\n    const id = this.popoverTarget\n    if (!id) {\n      return\n    }\n    const element = findElementInShadowRoots(id, this)\n    if (!element) {\n      return\n    }\n    // A regular button first sets its value to the popover target ID,\n    this.value = id\n    // create an anchor association with the popover target\n    if (!this.id) {\n      this.id = nanoid()\n    }\n    const anchorName = `--anchor-${this.id}`\n    this.style.setProperty('anchor-name', anchorName)\n    element.style.setProperty('position-anchor', anchorName)\n    this.setAttribute('aria-details', id)\n    this.setAttribute('aria-controls', id)\n  }\n\n  /**\n   * When the button has a popover target, this method toggles the popover\n   * visibility by finding the element in the shadow roots and calling its\n   * `togglePopover` method.\n   */\n  protected handlePopoverAction(): void {\n    const id = this.popoverTarget\n    if (!id) {\n      return\n    }\n    const element = findElementInShadowRoots(id, this)\n    if (!element) {\n      return\n    }\n    const action = this.popoverTargetAction || 'toggle'\n    if (action === 'hide') {\n      element.hidePopover()\n    } else if (action === 'show') {\n      element.showPopover()\n    } else {\n      // default to toggle\n      element.togglePopover()\n    }\n    element.focus()\n  }\n\n  protected handleSubmit(): void {\n    const { name, value, type, disabled, form } = this\n    if (!form || !type || disabled) {\n      return\n    }\n    const typedForm = form as HTMLFormElement\n    let button: HTMLButtonElement | undefined\n    if (name || value) {\n      button = document.createElement('button')\n      if (name) {\n        button.name = name\n      }\n      if (value) {\n        button.value = value\n      }\n      button.type = type\n      button.hidden = true\n      typedForm.append(button)\n    }\n    try {\n      typedForm.requestSubmit(button)\n    } catch {\n      // Ignore errors\n    }\n    if (button) {\n      typedForm.removeChild(button)\n    }\n  }\n\n  protected handleReset(): void {\n    const form = this.form as HTMLFormElement\n    form?.reset()\n  }\n\n  override handlePointerEnter(e: PointerEvent): void {\n    super.handlePointerEnter(e)\n    this.ripple?.beginHover(e)\n  }\n\n  override handlePointerLeave(e: PointerEvent): void {\n    super.handlePointerLeave(e)\n    this.ripple?.endHover()\n  }\n\n  protected override render(): TemplateResult {\n    const { trailingIcon = false } = this\n    const icon = this.renderIcon()\n\n    return html`\n      ${this.renderFocusRing()} ${this.renderRipple()} ${trailingIcon ? nothing : icon}\n      <slot></slot>\n      ${trailingIcon ? icon : nothing}\n    `\n  }\n\n  protected renderIcon(): TemplateResult {\n    return html`<slot name=\"icon\"></slot>`\n  }\n\n  protected renderFocusRing(): TemplateResult {\n    return html`<ui-focus-ring\n      part=\"focus-ring\"\n      class=\"focus-ring\"\n      .control=\"${this}\"\n      ?inward=\"${this.inwardFocus}\"\n    ></ui-focus-ring>`\n  }\n\n  protected renderRipple(): TemplateResult {\n    return html`<ui-ripple class=\"ripple\" ?disabled=\"${this.disabled}\"></ui-ripple>`\n  }\n}\n"]}

package/build/src/modeling/internals/DomainAutoFieldsDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DomainAutoFieldsDialog.d.ts","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainAutoFieldsDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAKhC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAC5D;;OAEG;IACM,QAAQ,CAAC,cAAc,cAAoB;IAEpD;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAiK1B;IAED;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIX,MAAM,IAAI,cAAc;IAuBjC;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,WAAW;CAepB"}
+{"version":3,"file":"DomainAutoFieldsDialog.d.ts","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainAutoFieldsDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAKhC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAC5D;;OAEG;IACM,QAAQ,CAAC,cAAc,cAAoB;IAEpD;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,UAAU,CA4J1B;IAED;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIX,MAAM,IAAI,cAAc;IAuBjC;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,WAAW;CAepB"}

package/build/src/modeling/internals/DomainAutoFieldsDialog.js

@@ -42,10 +42,15 @@ let DomainAutoFieldsDialog = (() => {
                         name: 'Name',
                         description: 'A human-readable name for the record.',
                     },
+                    {
+                        id: 'display-name',
+                        name: 'Display Name',
+                        description: 'A user-friendly label for UI presentation.',
+                    },
                     {
                         id: 'description',
                         name: 'Description',
-                        description: 'A detailed description of the record.',
+                        description: 'A detailed description of the record with support for markdown.',
                     },
                     {
                         id: 'public-unique-name',
@@ -62,6 +67,11 @@ let DomainAutoFieldsDialog = (() => {
                         name: 'Email Address',
                         description: 'Email address with verification support.',
                     },
+                    {
+                        id: 'role',
+                        name: 'User Role',
+                        description: 'Defines the access level or permissions for a user.',
+                    },
                     {
                         id: 'first-name',
                         name: 'First Name',
@@ -139,21 +149,6 @@ let DomainAutoFieldsDialog = (() => {
                     },
                 ],
             },
-            {
-                name: 'Session & Security',
-                fields: [
-                    {
-                        id: 'session-id',
-                        name: 'Session ID',
-                        description: 'Unique identifier for user sessions.',
-                    },
-                    {
-                        id: 'expires-at',
-                        name: 'Expires At',
-                        description: 'When a session or token expires.',
-                    },
-                ],
-            },
             {
                 name: 'Audit Trail',
                 fields: [

package/build/src/modeling/internals/DomainAutoFieldsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DomainAutoFieldsDialog.js","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainAutoFieldsDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type TemplateResult } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport { LitElement } from 'lit'\nimport { classMap } from 'lit/directives/class-map.js'\nimport type { UiListSelection } from '../../md/list/ui-list.js'\nimport type { AutoFieldCategory, AutoFieldDefinition, AutoFieldsSelectionResult } from '../types.js'\n\n/**\n * A component for selecting \"auto fields\" to add to an entity.\n *\n * @fires select - Dispatched when fields are selected with AutoFieldsSelectionResult detail\n * @fires cancel - Dispatched when the user cancels the selection\n */\nexport default class DomainAutoFieldsDialog extends LitElement {\n  /**\n   * The currently selected field IDs\n   */\n  @state() accessor selectedFields = new Set<string>()\n\n  /**\n   * The auto field categories and definitions\n   */\n  private readonly categories: AutoFieldCategory[] = [\n    {\n      name: 'Core Fields',\n      fields: [\n        {\n          id: 'id',\n          name: 'Identifier',\n          description: 'The unique ID for each record.',\n        },\n        {\n          id: 'name',\n          name: 'Name',\n          description: 'A human-readable name for the record.',\n        },\n        {\n          id: 'description',\n          name: 'Description',\n          description: 'A detailed description of the record.',\n        },\n        {\n          id: 'public-unique-name',\n          name: 'Public Unique Name (Slug)',\n          description: 'A URL-friendly unique identifier (e.g., \"my-product\").',\n        },\n      ],\n    },\n    {\n      name: 'User Information',\n      fields: [\n        {\n          id: 'email',\n          name: 'Email Address',\n          description: 'Email address with verification support.',\n        },\n        {\n          id: 'first-name',\n          name: 'First Name',\n          description: 'The first name of a person.',\n        },\n        {\n          id: 'last-name',\n          name: 'Last Name',\n          description: 'The last name of a person.',\n        },\n        {\n          id: 'phone',\n          name: 'Phone Number',\n          description: 'Phone number with international format support.',\n        },\n        {\n          id: 'avatar-url',\n          name: 'Avatar URL',\n          description: 'URL to a profile picture or avatar image.',\n        },\n      ],\n    },\n    {\n      name: 'Lifecycle & Status',\n      fields: [\n        {\n          id: 'status',\n          name: 'Status',\n          description: 'The current state of the record (e.g., Active, Draft, Archived).',\n        },\n        {\n          id: 'version',\n          name: 'Version Number',\n          description: 'Tracks changes to prevent editing conflicts.',\n        },\n        {\n          id: 'owner',\n          name: 'Owner',\n          description: 'Reference to the user or team that owns this record.',\n        },\n      ],\n    },\n    {\n      name: 'E-commerce',\n      fields: [\n        {\n          id: 'price',\n          name: 'Price',\n          description: 'Product price with currency support.',\n        },\n        {\n          id: 'unit-price',\n          name: 'Unit Price',\n          description: 'Price per unit with currency support.',\n        },\n        {\n          id: 'sku',\n          name: 'SKU',\n          description: 'Stock Keeping Unit - unique product identifier.',\n        },\n        {\n          id: 'quantity',\n          name: 'Quantity',\n          description: 'Available quantity or stock amount.',\n        },\n        {\n          id: 'weight',\n          name: 'Weight',\n          description: 'Physical weight of the item.',\n        },\n        {\n          id: 'images',\n          name: 'Images',\n          description: 'Multiple image URLs for the product.',\n        },\n      ],\n    },\n    {\n      name: 'Session & Security',\n      fields: [\n        {\n          id: 'session-id',\n          name: 'Session ID',\n          description: 'Unique identifier for user sessions.',\n        },\n        {\n          id: 'expires-at',\n          name: 'Expires At',\n          description: 'When a session or token expires.',\n        },\n      ],\n    },\n    {\n      name: 'Audit Trail',\n      fields: [\n        {\n          id: 'created',\n          name: 'Created At',\n          description: 'The date and time when the record was created.',\n        },\n        {\n          id: 'updated',\n          name: 'Updated At',\n          description: 'The date and time when the record was last updated.',\n        },\n        {\n          id: 'updated-by',\n          name: 'Updated By',\n          description: 'Reference to the user who last updated the record.',\n        },\n      ],\n    },\n    {\n      name: 'Soft Delete',\n      fields: [\n        {\n          id: 'is-deleted',\n          name: 'Is Deleted',\n          description: 'A true/false flag indicating if the record is deleted.',\n        },\n        {\n          id: 'deleted',\n          name: 'Deleted At',\n          description: 'The date and time when the record was deleted.',\n        },\n      ],\n    },\n  ]\n\n  /**\n   * Resets the selection\n   */\n  reset(): void {\n    this.selectedFields.clear()\n    this.requestUpdate()\n  }\n\n  /**\n   * Handles field selection toggle\n   */\n  private handleFieldToggle(fieldId: string): void {\n    if (this.selectedFields.has(fieldId)) {\n      this.selectedFields.delete(fieldId)\n    } else {\n      this.selectedFields.add(fieldId)\n    }\n    this.requestUpdate()\n  }\n\n  private handleFieldSelect(e: CustomEvent<UiListSelection>): void {\n    const { item } = e.detail\n    const { id } = item.dataset\n    if (!id) return\n    this.handleFieldToggle(id)\n  }\n\n  /**\n   * Handles the Add Selected button click\n   */\n  private handleAddSelected(): void {\n    const result: AutoFieldsSelectionResult = {\n      selectedFields: Array.from(this.selectedFields),\n    }\n    this.dispatchEvent(new CustomEvent('select', { detail: result }))\n  }\n\n  /**\n   * Handles the Cancel button click\n   */\n  private handleCancel(): void {\n    this.dispatchEvent(new CustomEvent('cancel'))\n  }\n\n  override render(): TemplateResult {\n    const selectedCount = this.selectedFields.size\n\n    return html`\n      <ui-list class=\"list\" @select=\"${this.handleFieldSelect}\"\n        >${this.categories.map((category) => this.renderCategory(category))}</ui-list\n      >\n\n      <div class=\"dialog-actions\">\n        <ui-button type=\"button\" @click=\"${this.handleCancel}\" class=\"cancel\">Cancel</ui-button>\n        <ui-button\n          type=\"button\"\n          class=\"save\"\n          color=\"filled\"\n          ?disabled=\"${selectedCount === 0}\"\n          @click=\"${this.handleAddSelected}\"\n        >\n          Add Selected (${selectedCount})\n        </ui-button>\n      </div>\n    `\n  }\n\n  /**\n   * Renders a category section\n   */\n  private renderCategory(category: AutoFieldCategory): TemplateResult {\n    return html`\n      <div class=\"category-title title-medium\">${category.name}</div>\n      ${category.fields.map((field) => this.renderField(field))}\n    `\n  }\n\n  /**\n   * Renders a field item\n   */\n  private renderField(field: AutoFieldDefinition): TemplateResult {\n    const isSelected = this.selectedFields.has(field.id)\n    const classes = {\n      'field-item': true,\n      'selected': isSelected,\n    }\n\n    return html`\n      <ui-list-item image=\"avatar\" data-id=\"${field.id}\" class=\"${classMap(classes)}\" lines=\"two\">\n        <ui-checkbox slot=\"start\" .checked=\"${isSelected}\"></ui-checkbox>\n        <div class=\"label\">${field.name}</div>\n        <div slot=\"supporting-text\">${field.description}</div>\n      </ui-list-item>\n    `\n  }\n}\n"]}
+{"version":3,"file":"DomainAutoFieldsDialog.js","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainAutoFieldsDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type TemplateResult } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport { LitElement } from 'lit'\nimport { classMap } from 'lit/directives/class-map.js'\nimport type { UiListSelection } from '../../md/list/ui-list.js'\nimport type { AutoFieldCategory, AutoFieldDefinition, AutoFieldsSelectionResult } from '../types.js'\n\n/**\n * A component for selecting \"auto fields\" to add to an entity.\n *\n * @fires select - Dispatched when fields are selected with AutoFieldsSelectionResult detail\n * @fires cancel - Dispatched when the user cancels the selection\n */\nexport default class DomainAutoFieldsDialog extends LitElement {\n  /**\n   * The currently selected field IDs\n   */\n  @state() accessor selectedFields = new Set<string>()\n\n  /**\n   * The auto field categories and definitions\n   */\n  private readonly categories: AutoFieldCategory[] = [\n    {\n      name: 'Core Fields',\n      fields: [\n        {\n          id: 'id',\n          name: 'Identifier',\n          description: 'The unique ID for each record.',\n        },\n        {\n          id: 'name',\n          name: 'Name',\n          description: 'A human-readable name for the record.',\n        },\n        {\n          id: 'display-name',\n          name: 'Display Name',\n          description: 'A user-friendly label for UI presentation.',\n        },\n        {\n          id: 'description',\n          name: 'Description',\n          description: 'A detailed description of the record with support for markdown.',\n        },\n        {\n          id: 'public-unique-name',\n          name: 'Public Unique Name (Slug)',\n          description: 'A URL-friendly unique identifier (e.g., \"my-product\").',\n        },\n      ],\n    },\n    {\n      name: 'User Information',\n      fields: [\n        {\n          id: 'email',\n          name: 'Email Address',\n          description: 'Email address with verification support.',\n        },\n        {\n          id: 'role',\n          name: 'User Role',\n          description: 'Defines the access level or permissions for a user.',\n        },\n        {\n          id: 'first-name',\n          name: 'First Name',\n          description: 'The first name of a person.',\n        },\n        {\n          id: 'last-name',\n          name: 'Last Name',\n          description: 'The last name of a person.',\n        },\n        {\n          id: 'phone',\n          name: 'Phone Number',\n          description: 'Phone number with international format support.',\n        },\n        {\n          id: 'avatar-url',\n          name: 'Avatar URL',\n          description: 'URL to a profile picture or avatar image.',\n        },\n      ],\n    },\n    {\n      name: 'Lifecycle & Status',\n      fields: [\n        {\n          id: 'status',\n          name: 'Status',\n          description: 'The current state of the record (e.g., Active, Draft, Archived).',\n        },\n        {\n          id: 'version',\n          name: 'Version Number',\n          description: 'Tracks changes to prevent editing conflicts.',\n        },\n        {\n          id: 'owner',\n          name: 'Owner',\n          description: 'Reference to the user or team that owns this record.',\n        },\n      ],\n    },\n    {\n      name: 'E-commerce',\n      fields: [\n        {\n          id: 'price',\n          name: 'Price',\n          description: 'Product price with currency support.',\n        },\n        {\n          id: 'unit-price',\n          name: 'Unit Price',\n          description: 'Price per unit with currency support.',\n        },\n        {\n          id: 'sku',\n          name: 'SKU',\n          description: 'Stock Keeping Unit - unique product identifier.',\n        },\n        {\n          id: 'quantity',\n          name: 'Quantity',\n          description: 'Available quantity or stock amount.',\n        },\n        {\n          id: 'weight',\n          name: 'Weight',\n          description: 'Physical weight of the item.',\n        },\n        {\n          id: 'images',\n          name: 'Images',\n          description: 'Multiple image URLs for the product.',\n        },\n      ],\n    },\n    {\n      name: 'Audit Trail',\n      fields: [\n        {\n          id: 'created',\n          name: 'Created At',\n          description: 'The date and time when the record was created.',\n        },\n        {\n          id: 'updated',\n          name: 'Updated At',\n          description: 'The date and time when the record was last updated.',\n        },\n        {\n          id: 'updated-by',\n          name: 'Updated By',\n          description: 'Reference to the user who last updated the record.',\n        },\n      ],\n    },\n    {\n      name: 'Soft Delete',\n      fields: [\n        {\n          id: 'is-deleted',\n          name: 'Is Deleted',\n          description: 'A true/false flag indicating if the record is deleted.',\n        },\n        {\n          id: 'deleted',\n          name: 'Deleted At',\n          description: 'The date and time when the record was deleted.',\n        },\n      ],\n    },\n  ]\n\n  /**\n   * Resets the selection\n   */\n  reset(): void {\n    this.selectedFields.clear()\n    this.requestUpdate()\n  }\n\n  /**\n   * Handles field selection toggle\n   */\n  private handleFieldToggle(fieldId: string): void {\n    if (this.selectedFields.has(fieldId)) {\n      this.selectedFields.delete(fieldId)\n    } else {\n      this.selectedFields.add(fieldId)\n    }\n    this.requestUpdate()\n  }\n\n  private handleFieldSelect(e: CustomEvent<UiListSelection>): void {\n    const { item } = e.detail\n    const { id } = item.dataset\n    if (!id) return\n    this.handleFieldToggle(id)\n  }\n\n  /**\n   * Handles the Add Selected button click\n   */\n  private handleAddSelected(): void {\n    const result: AutoFieldsSelectionResult = {\n      selectedFields: Array.from(this.selectedFields),\n    }\n    this.dispatchEvent(new CustomEvent('select', { detail: result }))\n  }\n\n  /**\n   * Handles the Cancel button click\n   */\n  private handleCancel(): void {\n    this.dispatchEvent(new CustomEvent('cancel'))\n  }\n\n  override render(): TemplateResult {\n    const selectedCount = this.selectedFields.size\n\n    return html`\n      <ui-list class=\"list\" @select=\"${this.handleFieldSelect}\"\n        >${this.categories.map((category) => this.renderCategory(category))}</ui-list\n      >\n\n      <div class=\"dialog-actions\">\n        <ui-button type=\"button\" @click=\"${this.handleCancel}\" class=\"cancel\">Cancel</ui-button>\n        <ui-button\n          type=\"button\"\n          class=\"save\"\n          color=\"filled\"\n          ?disabled=\"${selectedCount === 0}\"\n          @click=\"${this.handleAddSelected}\"\n        >\n          Add Selected (${selectedCount})\n        </ui-button>\n      </div>\n    `\n  }\n\n  /**\n   * Renders a category section\n   */\n  private renderCategory(category: AutoFieldCategory): TemplateResult {\n    return html`\n      <div class=\"category-title title-medium\">${category.name}</div>\n      ${category.fields.map((field) => this.renderField(field))}\n    `\n  }\n\n  /**\n   * Renders a field item\n   */\n  private renderField(field: AutoFieldDefinition): TemplateResult {\n    const isSelected = this.selectedFields.has(field.id)\n    const classes = {\n      'field-item': true,\n      'selected': isSelected,\n    }\n\n    return html`\n      <ui-list-item image=\"avatar\" data-id=\"${field.id}\" class=\"${classMap(classes)}\" lines=\"two\">\n        <ui-checkbox slot=\"start\" .checked=\"${isSelected}\"></ui-checkbox>\n        <div class=\"label\">${field.name}</div>\n        <div slot=\"supporting-text\">${field.description}</div>\n      </ui-list-item>\n    `\n  }\n}\n"]}

package/build/src/services/OrganizationService.d.ts

@@ -36,9 +36,53 @@ export default class OrganizationService extends Service {
      */
     pendingOid: string | undefined | null;
     protected onCreate(): Promise<void>;
+    /**
+     * @deprecated Use #setOrganization instead
+     */
+    setupUserOrganization(org: IOrganization): Promise<void>;
+    /**
+     * Sets an org as the current user org.
+     * @param org The organization to add.
+     */
+    setOrganization(org: IOrganization): Promise<void>;
+    /**
+     * Adds an organization to the list of organizations.
+     * It also updated the cache. Used when creating a new org.
+     * @param org The organization to add.
+     */
+    addOrganization(org: IOrganization): Promise<void>;
+    /**
+     * Removes an organization from the list of organizations.
+     * It also updated the cache. Used when deleting an org.
+     * @param org The organization to remove.
+     */
+    removeOrganization(org: IOrganization): Promise<void>;
+    /**
+     * @deprecated Use #readOrganization instead
+     */
     getUserOrganization(id: string): Promise<IOrganization>;
+    /**
+     * Reads an organization from the list of organizations.
+     * @param id The organization ID.
+     * @returns The organization.
+     */
+    readOrganization(id: string): Promise<IOrganization>;
+    /**
+     * Gets the current user organization.
+     * @returns The current organization or undefined if not set.
+     */
     currentOrganization(): Promise<IOrganization | undefined>;
+    /**
+     * Checks if the user has a specific grant type in the current organization.
+     * @param grantType The grant type to check.
+     * @returns `true` if the user has the specified grant type, `false` otherwise.
+     */
     protected hasGrantType(grantType: UserOrganizationGrantType): Promise<boolean>;
+    /**
+     * Checks if the user has any of the specified grant types in the current organization.
+     * @param types The grant types to check.
+     * @returns `true` if the user has any of the specified grant types, `false` otherwise.
+     */
     hasRoles(types: UserOrganizationGrantType[]): Promise<boolean>;
     /**
      * Checks if the user is the owner of the current organization.
@@ -68,12 +112,6 @@ export default class OrganizationService extends Service {
      * @returns The state of the organization creation.
      */
     revalidate(): Promise<CompletionState>;
-    /**
-     * When the user has no organizations, it set the organization as the only one
-     * and persists the organization id as the selected organization.
-     * @param org The organization to add.
-     */
-    setupUserOrganization(org: IOrganization): Promise<void>;
 }
 export {};
 //# sourceMappingURL=OrganizationService.d.ts.map

package/build/src/services/OrganizationService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationService.d.ts","sourceRoot":"","sources":["../../../src/services/OrganizationService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,+CAA+C,CAAA;AAI7G,aAAK,KAAK;IACR,UAAU,IAAA;IACV,QAAQ,IAAA;IACR,OAAO,IAAA;CACR;AAED,oBAAY,eAAe;IACzB;;OAEG;IACH,EAAE,IAAA;IACF;;OAEG;IACH,WAAW,IAAA;IACX;;OAEG;IACH,eAAe,IAAA;IACf;;OAEG;IACH,KAAK,IAAA;CACN;AAID,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,OAAO;;IACtD,OAAgB,GAAG,SAA6B;IAEhD,KAAK,EAAE,KAAK,CAAmB;IAC/B,aAAa,EAAE,aAAa,EAAE,CAAK;IACnC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC;;;;OAIG;IACH,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;cAYZ,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAK5C,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IASvD,mBAAmB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;cAY/C,YAAY,CAAC,SAAS,EAAE,yBAAyB,GAAG,OAAO,CAAC,OAAO,CAAC;IAQ9E,QAAQ,CAAC,KAAK,EAAE,yBAAyB,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;IAQpE;;;OAGG;IACG,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC;IAIjC;;;OAGG;IACG,SAAS,IAAI,OAAO,CAAC,OAAO,CAAC;IAInC;;;OAGG;IACG,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC;IAIlC;;;;;;;;;;;OAWG;IACH,UAAU,IAAI,OAAO,CAAC,eAAe,CAAC;IA0FtC;;;;OAIG;IACG,qBAAqB,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;CAS/D"}
+{"version":3,"file":"OrganizationService.d.ts","sourceRoot":"","sources":["../../../src/services/OrganizationService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,+CAA+C,CAAA;AAI7G,aAAK,KAAK;IACR,UAAU,IAAA;IACV,QAAQ,IAAA;IACR,OAAO,IAAA;CACR;AAED,oBAAY,eAAe;IACzB;;OAEG;IACH,EAAE,IAAA;IACF;;OAEG;IACH,WAAW,IAAA;IACX;;OAEG;IACH,eAAe,IAAA;IACf;;OAEG;IACH,KAAK,IAAA;CACN;AAID,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,OAAO;;IACtD,OAAgB,GAAG,SAA6B;IAEhD,KAAK,EAAE,KAAK,CAAmB;IAC/B,aAAa,EAAE,aAAa,EAAE,CAAK;IACnC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC;;;;OAIG;IACH,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;cAYZ,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAMlD;;OAEG;IACH,qBAAqB,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAIxD;;;OAGG;IACG,eAAe,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAUxD;;;;OAIG;IACG,eAAe,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAQxD;;;;OAIG;IACG,kBAAkB,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAa3D;;OAEG;IACH,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IAIvD;;;;OAIG;IACG,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IAS1D;;;OAGG;IACG,mBAAmB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAU/D;;;;OAIG;cACa,YAAY,CAAC,SAAS,EAAE,yBAAyB,GAAG,OAAO,CAAC,OAAO,CAAC;IAQpF;;;;OAIG;IACG,QAAQ,CAAC,KAAK,EAAE,yBAAyB,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;IAQpE;;;OAGG;IACG,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC;IAIjC;;;OAGG;IACG,SAAS,IAAI,OAAO,CAAC,OAAO,CAAC;IAInC;;;OAGG;IACG,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC;IAIlC;;;;;;;;;;;OAWG;IACH,UAAU,IAAI,OAAO,CAAC,eAAe,CAAC;CAsFvC"}

package/build/src/services/OrganizationService.js

@@ -49,8 +49,68 @@ export default class OrganizationService extends Service {
     async onCreate() {
         const url = new URL(window.location.href);
         this.pendingOid = url.searchParams.get('oid');
+        this.revalidate();
     }
-    async getUserOrganization(id) {
+    /**
+     * @deprecated Use #setOrganization instead
+     */
+    setupUserOrganization(org) {
+        return this.setOrganization(org);
+    }
+    /**
+     * Sets an org as the current user org.
+     * @param org The organization to add.
+     */
+    async setOrganization(org) {
+        const hasOrg = this.organizations.some((i) => i.key === org.key);
+        if (!hasOrg) {
+            this.organizations.push(org);
+        }
+        const config = await services.get('config');
+        await config.local.set(CurrentOrganizationKey, org.key);
+        this.organizationId = org.key;
+    }
+    /**
+     * Adds an organization to the list of organizations.
+     * It also updated the cache. Used when creating a new org.
+     * @param org The organization to add.
+     */
+    async addOrganization(org) {
+        const hasOrg = this.organizations.some((i) => i.key === org.key);
+        if (!hasOrg) {
+            this.organizations.push(org);
+            await this.#saveCache();
+        }
+    }
+    /**
+     * Removes an organization from the list of organizations.
+     * It also updated the cache. Used when deleting an org.
+     * @param org The organization to remove.
+     */
+    async removeOrganization(org) {
+        const idx = this.organizations.findIndex((i) => i.key === org.key);
+        if (idx !== -1) {
+            this.organizations.splice(idx, 1);
+            await this.#saveCache();
+            if (this.organizationId === org.key) {
+                this.organizationId = undefined;
+                const config = await services.get('config');
+                await config.local.delete(CurrentOrganizationKey);
+            }
+        }
+    }
+    /**
+     * @deprecated Use #readOrganization instead
+     */
+    getUserOrganization(id) {
+        return this.readOrganization(id);
+    }
+    /**
+     * Reads an organization from the list of organizations.
+     * @param id The organization ID.
+     * @returns The organization.
+     */
+    async readOrganization(id) {
         await this.#updateComplete;
         const org = this.organizations.find((i) => i.key === id);
         if (!org) {
@@ -58,6 +118,10 @@ export default class OrganizationService extends Service {
         }
         return org;
     }
+    /**
+     * Gets the current user organization.
+     * @returns The current organization or undefined if not set.
+     */
     async currentOrganization() {
         if (this.state === State.Checking) {
             await this.#updateComplete;
@@ -65,10 +129,13 @@ export default class OrganizationService extends Service {
         if (!this.organizationId) {
             return undefined;
         }
-        // TODO: we will store the orgs list in the local/session store
-        // so we won't be pinging server with every page reload.
         return this.organizations.find((i) => i.key === this.organizationId);
     }
+    /**
+     * Checks if the user has a specific grant type in the current organization.
+     * @param grantType The grant type to check.
+     * @returns `true` if the user has the specified grant type, `false` otherwise.
+     */
     async hasGrantType(grantType) {
         const org = await this.currentOrganization();
         if (!org) {
@@ -76,6 +143,11 @@ export default class OrganizationService extends Service {
         }
         return org.grantType === grantType;
     }
+    /**
+     * Checks if the user has any of the specified grant types in the current organization.
+     * @param types The grant types to check.
+     * @returns `true` if the user has any of the specified grant types, `false` otherwise.
+     */
     async hasRoles(types) {
         const org = await this.currentOrganization();
         if (!org) {
@@ -120,9 +192,6 @@ export default class OrganizationService extends Service {
         if (this.state === State.Checking) {
             return this.#updateComplete;
         }
-        if (this.organizationId) {
-            return Promise.resolve(CompletionState.OK);
-        }
         this.state = State.Checking;
         this.#updateComplete = new Promise((resolver) => {
             this.#updateResolver = resolver;
@@ -158,20 +227,20 @@ export default class OrganizationService extends Service {
         }
         return false;
     }
-    async #saveCache(orgs) {
+    async #saveCache() {
         const cache = await services.get('cache');
-        if (orgs.length === 0) {
+        if (this.organizations.length === 0) {
             await cache.delete(OrgsCacheKey);
         }
         else {
-            await cache.set(OrgsCacheKey, orgs, cache.TTL.OneHour);
+            await cache.set(OrgsCacheKey, this.organizations, cache.TTL.OneHour);
         }
     }
     async #callOrganizations() {
         const sdk = await services.get('sdk');
         const orgs = await sdk.organizations.list();
         this.organizations = orgs.items || [];
-        await this.#saveCache(orgs.items);
+        await this.#saveCache();
     }
     #resolve(state) {
         if (this.#updateResolver) {
@@ -204,19 +273,5 @@ export default class OrganizationService extends Service {
         }
         return result;
     }
-    /**
-     * When the user has no organizations, it set the organization as the only one
-     * and persists the organization id as the selected organization.
-     * @param org The organization to add.
-     */
-    async setupUserOrganization(org) {
-        const hasOrg = this.organizations.some((i) => i.key === org.key);
-        if (!hasOrg) {
-            this.organizations.push(org);
-        }
-        const config = await services.get('config');
-        await config.local.set(CurrentOrganizationKey, org.key);
-        this.organizationId = org.key;
-    }
 }
 //# sourceMappingURL=OrganizationService.js.map