@api-client/ui 0.6.6 → 0.6.7

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/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

package/build/src/services/OrganizationService.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationService.js","sourceRoot":"","sources":["../../../src/services/OrganizationService.ts"],"names":[],"mappings":"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","sourcesContent":["import { Service } from '../core/Service.js'\nimport type { IOrganization, UserOrganizationGrantType } from '@api-client/core/models/store/Organization.js'\nimport { CurrentOrganizationKey } from '../lib/StoreKeys.js'\nimport services from './api_service.js'\n\nenum State {\n  NotChecked,\n  Checking,\n  Checked,\n}\n\nexport enum CompletionState {\n  /**\n   * The user has at least one organization and the current organization is selected.\n   */\n  OK,\n  /**\n   * The user has at leas two organizations and no valid selection.\n   */\n  NotSelected,\n  /**\n   * The user have no organizations. Setup is needed.\n   */\n  NoOrganizations,\n  /**\n   * Unable to determine the state due to an error.\n   */\n  Error,\n}\n\nconst OrgsCacheKey = 'user_organizations'\n\nexport default class OrganizationService extends Service {\n  static override key = 'api-service/organization'\n\n  state: State = State.NotChecked\n  organizations: IOrganization[] = []\n  organizationId: string | undefined\n  /**\n   * A pending organization ID that was set via the URL query parameter `oid`.\n   * When it is set, it preselects the organization when loading list of organizations.\n   * This will override the `organizationId` set in the local storage.\n   */\n  pendingOid: string | undefined | null\n\n  /**\n   * A hidden value for the `updateComplete` getter.\n   */\n  #updateComplete?: Promise<CompletionState>\n\n  /**\n   * The resolver to call when the update completes.\n   */\n  #updateResolver?: (state: CompletionState) => void\n\n  protected override async onCreate(): Promise<void> {\n    const url = new URL(window.location.href)\n    this.pendingOid = url.searchParams.get('oid')\n  }\n\n  async getUserOrganization(id: string): Promise<IOrganization> {\n    await this.#updateComplete\n    const org = this.organizations.find((i) => i.key === id)\n    if (!org) {\n      throw new Error(`Organization with id ${id} not found`)\n    }\n    return org\n  }\n\n  async currentOrganization(): Promise<IOrganization | undefined> {\n    if (this.state === State.Checking) {\n      await this.#updateComplete\n    }\n    if (!this.organizationId) {\n      return undefined\n    }\n    // TODO: we will store the orgs list in the local/session store\n    // so we won't be pinging server with every page reload.\n    return this.organizations.find((i) => i.key === this.organizationId)\n  }\n\n  protected async hasGrantType(grantType: UserOrganizationGrantType): Promise<boolean> {\n    const org = await this.currentOrganization()\n    if (!org) {\n      return false\n    }\n    return org.grantType === grantType\n  }\n\n  async hasRoles(types: UserOrganizationGrantType[]): Promise<boolean> {\n    const org = await this.currentOrganization()\n    if (!org) {\n      return false\n    }\n    return types.includes(org.grantType)\n  }\n\n  /**\n   * Checks if the user is the owner of the current organization.\n   * @returns `true` if the user is the owner of the current organization, `false` otherwise.\n   */\n  async isOwner(): Promise<boolean> {\n    return this.hasGrantType('owner')\n  }\n\n  /**\n   * Checks if the user is a manager of the current organization.\n   * @returns `true` if the user is a manager of the current organization, `false` otherwise.\n   */\n  async isManager(): Promise<boolean> {\n    return this.hasGrantType('manager')\n  }\n\n  /**\n   * Checks if the user is an editor of the current organization.\n   * @returns `true` if the user is a editor of the current organization, `false` otherwise.\n   */\n  async isEditor(): Promise<boolean> {\n    return this.hasGrantType('editor')\n  }\n\n  /**\n   * Forces to get the list of organizations from the server.\n   *\n   * Returns one of the following states:\n   *\n   * - `CompletionState.OK` - The user has at least one organization and the current organization is selected.\n   * - `CompletionState.NotSelected` - The user has at leas two organizations and no valid selection.\n   * - `CompletionState.NoOrganizations` - The user have no organizations. Setup is needed.\n   * - `CompletionState.Error` - Unable to determine the state due to an error.\n   *\n   * @returns The state of the organization creation.\n   */\n  revalidate(): Promise<CompletionState> {\n    if (this.state === State.Checking) {\n      return this.#updateComplete as Promise<CompletionState>\n    }\n    if (this.organizationId) {\n      return Promise.resolve(CompletionState.OK)\n    }\n    this.state = State.Checking\n    this.#updateComplete = new Promise<CompletionState>((resolver) => {\n      this.#updateResolver = resolver\n    })\n    this.#getState()\n    return this.#updateComplete\n  }\n\n  /**\n   * Reads the list of organizations either from the cache or from the server.\n   */\n  async #getState(): Promise<void> {\n    const loaded = await this.#loadCache()\n    if (!loaded) {\n      try {\n        await this.#callOrganizations()\n      } catch {\n        this.#resolve(CompletionState.Error)\n        this.state = State.Checked\n        return\n      }\n    }\n    const result = await this.#readState()\n    this.state = State.Checked\n    this.#resolve(result)\n  }\n\n  async #loadCache(): Promise<boolean> {\n    const cache = await services.get('cache')\n    const orgs = await cache.get<IOrganization[]>(OrgsCacheKey)\n    if (orgs) {\n      this.organizations = orgs\n      return true\n    }\n    return false\n  }\n\n  async #saveCache(orgs: IOrganization[]): Promise<void> {\n    const cache = await services.get('cache')\n    if (orgs.length === 0) {\n      await cache.delete(OrgsCacheKey)\n    } else {\n      await cache.set<IOrganization[]>(OrgsCacheKey, orgs, cache.TTL.OneHour)\n    }\n  }\n\n  async #callOrganizations(): Promise<void> {\n    const sdk = await services.get('sdk')\n    const orgs = await sdk.organizations.list()\n    this.organizations = orgs.items || []\n    await this.#saveCache(orgs.items)\n  }\n\n  #resolve(state: CompletionState): void {\n    if (this.#updateResolver) {\n      this.#updateResolver(state)\n      this.#updateResolver = undefined\n    }\n  }\n\n  async #readState(): Promise<CompletionState> {\n    const config = await services.get('config')\n    const selected = this.pendingOid ?? ((await config.local.get(CurrentOrganizationKey)) as string | undefined)\n    this.pendingOid = undefined // Clear the pending OID after reading it\n    const hasSelected = this.organizations.some((i) => i.key === selected)\n    let result: CompletionState\n    if (selected && hasSelected) {\n      this.organizationId = selected\n      result = CompletionState.OK\n      await config.local.set(CurrentOrganizationKey, selected)\n    } else if (this.organizations.length === 1) {\n      const key = this.organizations[0].key\n      await config.local.set(CurrentOrganizationKey, key)\n      this.organizationId = key\n      result = CompletionState.OK\n    } else if (this.organizations.length) {\n      result = CompletionState.NotSelected\n    } else {\n      result = CompletionState.NoOrganizations\n    }\n    return result\n  }\n\n  /**\n   * When the user has no organizations, it set the organization as the only one\n   * and persists the organization id as the selected organization.\n   * @param org The organization to add.\n   */\n  async setupUserOrganization(org: IOrganization): Promise<void> {\n    const hasOrg = this.organizations.some((i) => i.key === org.key)\n    if (!hasOrg) {\n      this.organizations.push(org)\n    }\n    const config = await services.get('config')\n    await config.local.set(CurrentOrganizationKey, org.key)\n    this.organizationId = org.key\n  }\n}\n"]}
+{"version":3,"file":"OrganizationService.js","sourceRoot":"","sources":["../../../src/services/OrganizationService.ts"],"names":[],"mappings":"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","sourcesContent":["import { Service } from '../core/Service.js'\nimport type { IOrganization, UserOrganizationGrantType } from '@api-client/core/models/store/Organization.js'\nimport { CurrentOrganizationKey } from '../lib/StoreKeys.js'\nimport services from './api_service.js'\n\nenum State {\n  NotChecked,\n  Checking,\n  Checked,\n}\n\nexport enum CompletionState {\n  /**\n   * The user has at least one organization and the current organization is selected.\n   */\n  OK,\n  /**\n   * The user has at leas two organizations and no valid selection.\n   */\n  NotSelected,\n  /**\n   * The user have no organizations. Setup is needed.\n   */\n  NoOrganizations,\n  /**\n   * Unable to determine the state due to an error.\n   */\n  Error,\n}\n\nconst OrgsCacheKey = 'user_organizations'\n\nexport default class OrganizationService extends Service {\n  static override key = 'api-service/organization'\n\n  state: State = State.NotChecked\n  organizations: IOrganization[] = []\n  organizationId: string | undefined\n  /**\n   * A pending organization ID that was set via the URL query parameter `oid`.\n   * When it is set, it preselects the organization when loading list of organizations.\n   * This will override the `organizationId` set in the local storage.\n   */\n  pendingOid: string | undefined | null\n\n  /**\n   * A hidden value for the `updateComplete` getter.\n   */\n  #updateComplete?: Promise<CompletionState>\n\n  /**\n   * The resolver to call when the update completes.\n   */\n  #updateResolver?: (state: CompletionState) => void\n\n  protected override async onCreate(): Promise<void> {\n    const url = new URL(window.location.href)\n    this.pendingOid = url.searchParams.get('oid')\n    this.revalidate()\n  }\n\n  /**\n   * @deprecated Use #setOrganization instead\n   */\n  setupUserOrganization(org: IOrganization): Promise<void> {\n    return this.setOrganization(org)\n  }\n\n  /**\n   * Sets an org as the current user org.\n   * @param org The organization to add.\n   */\n  async setOrganization(org: IOrganization): Promise<void> {\n    const hasOrg = this.organizations.some((i) => i.key === org.key)\n    if (!hasOrg) {\n      this.organizations.push(org)\n    }\n    const config = await services.get('config')\n    await config.local.set(CurrentOrganizationKey, org.key)\n    this.organizationId = org.key\n  }\n\n  /**\n   * Adds an organization to the list of organizations.\n   * It also updated the cache. Used when creating a new org.\n   * @param org The organization to add.\n   */\n  async addOrganization(org: IOrganization): Promise<void> {\n    const hasOrg = this.organizations.some((i) => i.key === org.key)\n    if (!hasOrg) {\n      this.organizations.push(org)\n      await this.#saveCache()\n    }\n  }\n\n  /**\n   * Removes an organization from the list of organizations.\n   * It also updated the cache. Used when deleting an org.\n   * @param org The organization to remove.\n   */\n  async removeOrganization(org: IOrganization): Promise<void> {\n    const idx = this.organizations.findIndex((i) => i.key === org.key)\n    if (idx !== -1) {\n      this.organizations.splice(idx, 1)\n      await this.#saveCache()\n      if (this.organizationId === org.key) {\n        this.organizationId = undefined\n        const config = await services.get('config')\n        await config.local.delete(CurrentOrganizationKey)\n      }\n    }\n  }\n\n  /**\n   * @deprecated Use #readOrganization instead\n   */\n  getUserOrganization(id: string): Promise<IOrganization> {\n    return this.readOrganization(id)\n  }\n\n  /**\n   * Reads an organization from the list of organizations.\n   * @param id The organization ID.\n   * @returns The organization.\n   */\n  async readOrganization(id: string): Promise<IOrganization> {\n    await this.#updateComplete\n    const org = this.organizations.find((i) => i.key === id)\n    if (!org) {\n      throw new Error(`Organization with id ${id} not found`)\n    }\n    return org\n  }\n\n  /**\n   * Gets the current user organization.\n   * @returns The current organization or undefined if not set.\n   */\n  async currentOrganization(): Promise<IOrganization | undefined> {\n    if (this.state === State.Checking) {\n      await this.#updateComplete\n    }\n    if (!this.organizationId) {\n      return undefined\n    }\n    return this.organizations.find((i) => i.key === this.organizationId)\n  }\n\n  /**\n   * Checks if the user has a specific grant type in the current organization.\n   * @param grantType The grant type to check.\n   * @returns `true` if the user has the specified grant type, `false` otherwise.\n   */\n  protected async hasGrantType(grantType: UserOrganizationGrantType): Promise<boolean> {\n    const org = await this.currentOrganization()\n    if (!org) {\n      return false\n    }\n    return org.grantType === grantType\n  }\n\n  /**\n   * Checks if the user has any of the specified grant types in the current organization.\n   * @param types The grant types to check.\n   * @returns `true` if the user has any of the specified grant types, `false` otherwise.\n   */\n  async hasRoles(types: UserOrganizationGrantType[]): Promise<boolean> {\n    const org = await this.currentOrganization()\n    if (!org) {\n      return false\n    }\n    return types.includes(org.grantType)\n  }\n\n  /**\n   * Checks if the user is the owner of the current organization.\n   * @returns `true` if the user is the owner of the current organization, `false` otherwise.\n   */\n  async isOwner(): Promise<boolean> {\n    return this.hasGrantType('owner')\n  }\n\n  /**\n   * Checks if the user is a manager of the current organization.\n   * @returns `true` if the user is a manager of the current organization, `false` otherwise.\n   */\n  async isManager(): Promise<boolean> {\n    return this.hasGrantType('manager')\n  }\n\n  /**\n   * Checks if the user is an editor of the current organization.\n   * @returns `true` if the user is a editor of the current organization, `false` otherwise.\n   */\n  async isEditor(): Promise<boolean> {\n    return this.hasGrantType('editor')\n  }\n\n  /**\n   * Forces to get the list of organizations from the server.\n   *\n   * Returns one of the following states:\n   *\n   * - `CompletionState.OK` - The user has at least one organization and the current organization is selected.\n   * - `CompletionState.NotSelected` - The user has at leas two organizations and no valid selection.\n   * - `CompletionState.NoOrganizations` - The user have no organizations. Setup is needed.\n   * - `CompletionState.Error` - Unable to determine the state due to an error.\n   *\n   * @returns The state of the organization creation.\n   */\n  revalidate(): Promise<CompletionState> {\n    if (this.state === State.Checking) {\n      return this.#updateComplete as Promise<CompletionState>\n    }\n    this.state = State.Checking\n    this.#updateComplete = new Promise<CompletionState>((resolver) => {\n      this.#updateResolver = resolver\n    })\n    this.#getState()\n    return this.#updateComplete\n  }\n\n  /**\n   * Reads the list of organizations either from the cache or from the server.\n   */\n  async #getState(): Promise<void> {\n    const loaded = await this.#loadCache()\n    if (!loaded) {\n      try {\n        await this.#callOrganizations()\n      } catch {\n        this.#resolve(CompletionState.Error)\n        this.state = State.Checked\n        return\n      }\n    }\n    const result = await this.#readState()\n    this.state = State.Checked\n    this.#resolve(result)\n  }\n\n  async #loadCache(): Promise<boolean> {\n    const cache = await services.get('cache')\n    const orgs = await cache.get<IOrganization[]>(OrgsCacheKey)\n    if (orgs) {\n      this.organizations = orgs\n      return true\n    }\n    return false\n  }\n\n  async #saveCache(): Promise<void> {\n    const cache = await services.get('cache')\n    if (this.organizations.length === 0) {\n      await cache.delete(OrgsCacheKey)\n    } else {\n      await cache.set<IOrganization[]>(OrgsCacheKey, this.organizations, cache.TTL.OneHour)\n    }\n  }\n\n  async #callOrganizations(): Promise<void> {\n    const sdk = await services.get('sdk')\n    const orgs = await sdk.organizations.list()\n    this.organizations = orgs.items || []\n    await this.#saveCache()\n  }\n\n  #resolve(state: CompletionState): void {\n    if (this.#updateResolver) {\n      this.#updateResolver(state)\n      this.#updateResolver = undefined\n    }\n  }\n\n  async #readState(): Promise<CompletionState> {\n    const config = await services.get('config')\n    const selected = this.pendingOid ?? ((await config.local.get(CurrentOrganizationKey)) as string | undefined)\n    this.pendingOid = undefined // Clear the pending OID after reading it\n    const hasSelected = this.organizations.some((i) => i.key === selected)\n    let result: CompletionState\n    if (selected && hasSelected) {\n      this.organizationId = selected\n      result = CompletionState.OK\n      await config.local.set(CurrentOrganizationKey, selected)\n    } else if (this.organizations.length === 1) {\n      const key = this.organizations[0].key\n      await config.local.set(CurrentOrganizationKey, key)\n      this.organizationId = key\n      result = CompletionState.OK\n    } else if (this.organizations.length) {\n      result = CompletionState.NotSelected\n    } else {\n      result = CompletionState.NoOrganizations\n    }\n    return result\n  }\n}\n"]}