@api-client/ui 0.1.7 → 0.1.8

package/build/src/core/Application.js.map

@@ -1 +1 @@
-{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../src/core/Application.ts"],"names":[],"mappings":"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","sourcesContent":["import { nothing, type TemplateResult } from 'lit'\nimport { ActivityManager, ActivityState } from './ActivityManager.js'\nimport type { Activity } from './Activity.js'\nimport { ApplicationRenderer } from './renderer/ApplicationRenderer.js'\nimport { ThemeManager } from './ThemeManager.js'\n\n/**\n * Allows to fine-tune the update request.\n * For example, if a `Fragment` wants to update only itself, then\n * list other types should be set to false.\n */\nexport interface UpdateRequest {\n  /**\n   * Whether the whole application should be updated.\n   * Default to true.\n   */\n  app?: boolean\n  /**\n   * Whether the activity should be updated.\n   * Default to true.\n   */\n  activity?: boolean\n  /**\n   * Whether the fragment should be updated.\n   * Default to true.\n   */\n  fragment?: boolean\n}\n/**\n * The application represents an application screen that hosts\n * Activities. Activities are managed by the Activity manager.\n *\n * An application is a separate app within the ecosystem. For example,\n * the file browser is one application. The domain designer is another.\n *\n * Each application manages it's own lifecycle. The application is rendered\n * by the lit's library `render()` function. Activities can call application's\n * main `requestUpdate()` function to render the entire application.\n *\n * Activities have the render function that renders its UI.\n * The Activity's UI can be composed of fragments, but this is optional.\n * When an activity uses fragments, they receive control over rendering their\n * UIs. An activity implementation has to take care of passing HTMLElement\n * references to their Fragments to make that happen. Otherwise, the activity\n * has to communicate with their fragments to request to re-render the application.\n */\nexport abstract class Application extends EventTarget {\n  private activityUpdateListener = this.handleActivityUpdate.bind(this)\n\n  #activities: ActivityManager\n\n  #theme: ThemeManager\n\n  /**\n   * Application's theme manager.\n   */\n  get theme(): ThemeManager {\n    return this.#theme\n  }\n\n  /**\n   * Returns the application's activity manager.\n   */\n  get manager(): ActivityManager {\n    return this.#activities\n  }\n\n  #events: EventTarget\n\n  /**\n   * The application main event bus.\n   * All activities and fragments use it to communicate.\n   * This way, events do not leak outside the application.\n   */\n  get events(): EventTarget {\n    return this.#events\n  }\n\n  #renderer: ApplicationRenderer\n\n  get renderer(): ApplicationRenderer {\n    return this.#renderer\n  }\n\n  /**\n   * @type A promise resolved when the render finished.\n   */\n  get updateComplete(): Promise<void> | undefined {\n    return this.#renderer.updateComplete\n  }\n\n  /**\n   * @type True when the application was first rendered.\n   */\n  get firstRendered(): boolean {\n    return this.#renderer.firstRendered\n  }\n\n  /**\n   * @param renderRoot The element or a CSS query to the element where the application will be rendered.\n   */\n  constructor(renderRoot: HTMLElement | string) {\n    super()\n    this.#events = new EventTarget()\n    this.#activities = new ActivityManager(this)\n    this.#renderer = new ApplicationRenderer(this)\n    this.#renderer.setRenderRoot(renderRoot)\n    this.#theme = new ThemeManager()\n\n    // Listen for activity updates\n    this.#events.addEventListener('activity:update', this.activityUpdateListener as EventListener)\n  }\n\n  /**\n   * @see {@link ./Renderer.js}\n   */\n  public setRenderRoot(renderRoot: HTMLElement | string): void {\n    this.#renderer.setRenderRoot(renderRoot)\n  }\n\n  /**\n   * Called when the application starts.\n   * This is where you should start the initial Activity using\n   * `ActivityManager.startActivity(...)`.\n   */\n  abstract onStart(): void | Promise<void>\n\n  /**\n   * Called when the application is stopped/closed.\n   * Perform cleanup here.\n   */\n  onStop(): void | Promise<void> {\n    //\n  }\n\n  /**\n   * Called when the application was rendered for the first time.\n   * Call `super.onFirstRender()` when overriding this method.\n   */\n  onFirstRender(): void {\n    this.#events.dispatchEvent(new Event('app:first-render'))\n  }\n\n  /**\n   * Called when the application was rendered.\n   */\n  onRendered(): void {\n    //\n  }\n\n  /**\n   * The main render method for the Application.  Called whenever an activity\n   * requests an update. Renders the currently active Activity's content.\n   *\n   * If you override this method then any activity won't be rendered.\n   *\n   * @returns The Lit template to render.\n   */\n  render(): TemplateResult | typeof nothing {\n    const currentActivity = this.#activities.getCurrentActivity()\n    // Only render if started or beyond\n    if (currentActivity && currentActivity.state >= ActivityState.Started) {\n      return currentActivity.render()\n    }\n    return nothing\n  }\n\n  /**\n   * Handles activity update requests and re-renders the application.\n   */\n  private handleActivityUpdate(e: CustomEvent<UpdateRequest | undefined>): void {\n    this.requestUpdate(e.detail || undefined)\n  }\n\n  /**\n   * Requests an update of the application UI. This will call the `render()` method\n   * and update the DOM.\n   */\n  requestUpdate(opts: UpdateRequest = {}): void {\n    const { app = true } = opts\n    if (app) {\n      this.#renderer.requestUpdate()\n    }\n  }\n\n  /**\n   * Starts the application by calling onStart and performing an initial render.\n   */\n  public async run(): Promise<void> {\n    await this.onStart()\n    this.requestUpdate()\n  }\n\n  /**\n   * Stops the application, performing cleanup if necessary.\n   */\n  public async stop(): Promise<void> {\n    this.#events.removeEventListener('activity:update', this.activityUpdateListener as EventListener)\n    // Allow subclasses to clean up\n    await this.onStop()\n    // ... any other application-level cleanup\n  }\n\n  getCurrentActivity(): Activity | undefined {\n    return this.#activities.getCurrentActivity()\n  }\n\n  /**\n   * Unifies Fragment and Application interfaces.\n   * @returns `this`\n   */\n  getApplication() {\n    return this\n  }\n\n  findActiveActivity(id: string): Activity | undefined {\n    return this.#activities.findActiveActivity(id)\n  }\n}\n"]}
+{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../src/core/Application.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAEzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAwBhD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAgB,WAAY,SAAQ,WAAW;IAC3C,sBAAsB,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAErE,WAAW,CAAiB;IAE5B,MAAM,CAAc;IAEpB;;OAEG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED;;OAEG;IACH,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,WAAW,CAAA;IACzB,CAAC;IAED,OAAO,CAAa;IAEpB;;;;OAIG;IACH,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,SAAS,CAAqB;IAE9B,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAA;IACvB,CAAC;IAED;;OAEG;IACH,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA;IACtC,CAAC;IAED;;OAEG;IACH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA;IACrC,CAAC;IAED;;OAEG;IACH,YAAY,UAAgC;QAC1C,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,OAAO,GAAG,IAAI,WAAW,EAAE,CAAA;QAChC,IAAI,CAAC,WAAW,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,CAAA;QAC5C,IAAI,CAAC,SAAS,GAAG,IAAI,mBAAmB,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;QACxC,IAAI,CAAC,MAAM,GAAG,IAAI,YAAY,EAAE,CAAA;QAEhC,8BAA8B;QAC9B,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,IAAI,CAAC,sBAAuC,CAAC,CAAA;IAChG,CAAC;IAED;;OAEG;IACI,aAAa,CAAC,UAAgC;QACnD,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IAC1C,CAAC;IASD;;;OAGG;IACH,MAAM;QACJ,EAAE;IACJ,CAAC;IAED;;;OAGG;IACH,aAAa;QACX,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED;;OAEG;IACH,UAAU;QACR,EAAE;IACJ,CAAC;IAED;;;;;;;OAOG;IACH,MAAM;QACJ,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAA;QAC7D,mCAAmC;QACnC,IAAI,eAAe,IAAI,eAAe,CAAC,SAAS,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAC9E,OAAO,eAAe,CAAC,MAAM,EAAE,CAAA;QACjC,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAED;;OAEG;IACK,oBAAoB,CAAC,CAAyC;QACpE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,CAAA;IAC3C,CAAC;IAED;;;OAGG;IACH,aAAa,CAAC,OAAsB,EAAE;QACpC,MAAM,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;QAC3B,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAA;QAChC,CAAC;IACH,CAAC;IAED;;OAEG;IACI,KAAK,CAAC,GAAG;QACd,MAAM,IAAI,CAAC,OAAO,EAAE,CAAA;QACpB,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAED;;OAEG;IACI,KAAK,CAAC,IAAI;QACf,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC,sBAAuC,CAAC,CAAA;QACjG,+BAA+B;QAC/B,MAAM,IAAI,CAAC,MAAM,EAAE,CAAA;QACnB,0CAA0C;IAC5C,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAA;IAC9C,CAAC;IAED;;;OAGG;IACH,cAAc;QACZ,OAAO,IAAI,CAAA;IACb,CAAC;IAED,kBAAkB,CAAC,EAAU;QAC3B,OAAO,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAA;IAChD,CAAC;CACF","sourcesContent":["import { nothing, type TemplateResult } from 'lit'\nimport { ActivityManager, ActivityLifecycle } from './ActivityManager.js'\nimport type { Activity } from './Activity.js'\nimport { ApplicationRenderer } from './renderer/ApplicationRenderer.js'\nimport { ThemeManager } from './ThemeManager.js'\n\n/**\n * Allows to fine-tune the update request.\n * For example, if a `Fragment` wants to update only itself, then\n * list other types should be set to false.\n */\nexport interface UpdateRequest {\n  /**\n   * Whether the whole application should be updated.\n   * Default to true.\n   */\n  app?: boolean\n  /**\n   * Whether the activity should be updated.\n   * Default to true.\n   */\n  activity?: boolean\n  /**\n   * Whether the fragment should be updated.\n   * Default to true.\n   */\n  fragment?: boolean\n}\n/**\n * The application represents an application screen that hosts\n * Activities. Activities are managed by the Activity manager.\n *\n * An application is a separate app within the ecosystem. For example,\n * the file browser is one application. The domain designer is another.\n *\n * Each application manages it's own lifecycle. The application is rendered\n * by the lit's library `render()` function. Activities can call application's\n * main `requestUpdate()` function to render the entire application.\n *\n * Activities have the render function that renders its UI.\n * The Activity's UI can be composed of fragments, but this is optional.\n * When an activity uses fragments, they receive control over rendering their\n * UIs. An activity implementation has to take care of passing HTMLElement\n * references to their Fragments to make that happen. Otherwise, the activity\n * has to communicate with their fragments to request to re-render the application.\n */\nexport abstract class Application extends EventTarget {\n  private activityUpdateListener = this.handleActivityUpdate.bind(this)\n\n  #activities: ActivityManager\n\n  #theme: ThemeManager\n\n  /**\n   * Application's theme manager.\n   */\n  get theme(): ThemeManager {\n    return this.#theme\n  }\n\n  /**\n   * Returns the application's activity manager.\n   */\n  get manager(): ActivityManager {\n    return this.#activities\n  }\n\n  #events: EventTarget\n\n  /**\n   * The application main event bus.\n   * All activities and fragments use it to communicate.\n   * This way, events do not leak outside the application.\n   */\n  get events(): EventTarget {\n    return this.#events\n  }\n\n  #renderer: ApplicationRenderer\n\n  get renderer(): ApplicationRenderer {\n    return this.#renderer\n  }\n\n  /**\n   * @type A promise resolved when the render finished.\n   */\n  get updateComplete(): Promise<void> | undefined {\n    return this.#renderer.updateComplete\n  }\n\n  /**\n   * @type True when the application was first rendered.\n   */\n  get firstRendered(): boolean {\n    return this.#renderer.firstRendered\n  }\n\n  /**\n   * @param renderRoot The element or a CSS query to the element where the application will be rendered.\n   */\n  constructor(renderRoot: HTMLElement | string) {\n    super()\n    this.#events = new EventTarget()\n    this.#activities = new ActivityManager(this)\n    this.#renderer = new ApplicationRenderer(this)\n    this.#renderer.setRenderRoot(renderRoot)\n    this.#theme = new ThemeManager()\n\n    // Listen for activity updates\n    this.#events.addEventListener('activity:update', this.activityUpdateListener as EventListener)\n  }\n\n  /**\n   * @see {@link ./Renderer.js}\n   */\n  public setRenderRoot(renderRoot: HTMLElement | string): void {\n    this.#renderer.setRenderRoot(renderRoot)\n  }\n\n  /**\n   * Called when the application starts.\n   * This is where you should start the initial Activity using\n   * `ActivityManager.startActivity(...)`.\n   */\n  abstract onStart(): void | Promise<void>\n\n  /**\n   * Called when the application is stopped/closed.\n   * Perform cleanup here.\n   */\n  onStop(): void | Promise<void> {\n    //\n  }\n\n  /**\n   * Called when the application was rendered for the first time.\n   * Call `super.onFirstRender()` when overriding this method.\n   */\n  onFirstRender(): void {\n    this.#events.dispatchEvent(new Event('app:first-render'))\n  }\n\n  /**\n   * Called when the application was rendered.\n   */\n  onRendered(): void {\n    //\n  }\n\n  /**\n   * The main render method for the Application.  Called whenever an activity\n   * requests an update. Renders the currently active Activity's content.\n   *\n   * If you override this method then any activity won't be rendered.\n   *\n   * @returns The Lit template to render.\n   */\n  render(): TemplateResult | typeof nothing {\n    const currentActivity = this.#activities.getCurrentActivity()\n    // Only render if started or beyond\n    if (currentActivity && currentActivity.lifecycle >= ActivityLifecycle.Started) {\n      return currentActivity.render()\n    }\n    return nothing\n  }\n\n  /**\n   * Handles activity update requests and re-renders the application.\n   */\n  private handleActivityUpdate(e: CustomEvent<UpdateRequest | undefined>): void {\n    this.requestUpdate(e.detail || undefined)\n  }\n\n  /**\n   * Requests an update of the application UI. This will call the `render()` method\n   * and update the DOM.\n   */\n  requestUpdate(opts: UpdateRequest = {}): void {\n    const { app = true } = opts\n    if (app) {\n      this.#renderer.requestUpdate()\n    }\n  }\n\n  /**\n   * Starts the application by calling onStart and performing an initial render.\n   */\n  public async run(): Promise<void> {\n    await this.onStart()\n    this.requestUpdate()\n  }\n\n  /**\n   * Stops the application, performing cleanup if necessary.\n   */\n  public async stop(): Promise<void> {\n    this.#events.removeEventListener('activity:update', this.activityUpdateListener as EventListener)\n    // Allow subclasses to clean up\n    await this.onStop()\n    // ... any other application-level cleanup\n  }\n\n  getCurrentActivity(): Activity | undefined {\n    return this.#activities.getCurrentActivity()\n  }\n\n  /**\n   * Unifies Fragment and Application interfaces.\n   * @returns `this`\n   */\n  getApplication() {\n    return this\n  }\n\n  findActiveActivity(id: string): Activity | undefined {\n    return this.#activities.findActiveActivity(id)\n  }\n}\n"]}

package/build/src/core/ModalActivity.js

@@ -49,7 +49,7 @@ let ModalActivity = (() => {
         formId = __runInitializers(this, _opened_extraInitializers);
         onResume() {
             this.renderRoot = document.createElement('div');
-            this.renderRoot.classList.add('modal-activit-container');
+            this.renderRoot.classList.add('modal-activity-container');
             document.body.appendChild(this.renderRoot);
             super.onResume();
             this.requestUpdate();

package/build/src/core/ModalActivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalActivity.js","sourceRoot":"","sources":["../../../src/core/ModalActivity.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type TemplateResult } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { Activity } from './Activity.js'\nimport type { UiDialogClosingReason } from '../md/dialog/internals/Dialog.js'\nimport state from '../decorators/state.js'\nimport { IntentResult } from './ActivityManager.js'\n\nimport '../md/dialog/ui-dialog.js'\nimport '../md/button/ui-text-button.js'\n\nexport interface ActionButtonInit {\n  /**\n   * The label to use for the button.\n   */\n  label?: string\n  /**\n   * Whether the button is disabled.\n   */\n  disabled?: boolean\n}\n\n/**\n * A special kind of activity that renders content in a modal dialog.\n * When a modal activity is running the underlying activities are paused.\n *\n * A modal activity uses the UiDialogElement to render its content. The dialog\n * is inserted directly into the `<body>` element of the document and rendered\n * in the top layer. Because of that, the modal activity does not support\n * regular rendering logic. It creates its own render root that is used to render\n * the template.\n */\nexport abstract class ModalActivity extends Activity {\n  /**\n   * The list of classes to apply to the dialog.\n   */\n  protected dialogClasses: Record<string, boolean> = {}\n  /**\n   * Controls dialog visibility without controlling the activity state.\n   */\n  @state() accessor opened = true\n\n  /**\n   * The id of the form used to render the dialog.\n   */\n  protected formId?: string\n\n  override onResume(): void | Promise<void> {\n    this.renderRoot = document.createElement('div')\n    this.renderRoot.classList.add('modal-activit-container')\n    document.body.appendChild(this.renderRoot)\n    super.onResume()\n    this.requestUpdate()\n  }\n\n  override async finish(): Promise<void> {\n    if (this.renderRoot) {\n      document.body.removeChild(this.renderRoot)\n      this.renderRoot = undefined\n    }\n    await super.finish()\n  }\n\n  protected handleDialogClosed(e: CustomEvent<UiDialogClosingReason>): void {\n    const { cancelled, value } = e.detail\n    if (cancelled) {\n      this.handleNegativeAction(value)\n    } else {\n      this.handlePositiveAction(value)\n    }\n  }\n\n  /**\n   * Called when the dialog is closed with a negative action.\n   * Override this function to handle the negative action.\n   * @param value The value passed to the dialog when it is closed.\n   */\n  protected handleNegativeAction(value: unknown): void {\n    this.setResult(IntentResult.RESULT_CANCELED, value)\n    this.finish()\n  }\n\n  /**\n   * Called when the dialog is closed with a positive action.\n   * Override this function to handle the positive action.\n   * @param value The value passed to the dialog when it is closed.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected handlePositiveAction(value: unknown): void {\n    this.finish()\n  }\n\n  /**\n   * Override this method to handle the form submission.\n   * @param e The submit event.\n   */\n  protected handleSubmit(e: SubmitEvent): void {\n    e.preventDefault()\n  }\n\n  /**\n   * The function called by the rendered when rendering this dialog.\n   * This way, the `render()` function is still used as the primary template provider.\n   */\n  renderDialog(): TemplateResult {\n    const classes = {\n      activityDialog: true,\n      [this.constructor.name.toLowerCase()]: true,\n      ...this.dialogClasses,\n    }\n    return html`<ui-dialog modal .open=\"${this.opened}\" class=\"${classMap(classes)}\" @close=\"${this.handleDialogClosed}\"\n      >${this.render()}</ui-dialog\n    >`\n  }\n\n  /**\n   * Used with dialogs that render forms. Override the `handleSubmit` method\n   * to handle the form submission.\n   * @param content The content to render in the form.\n   * @param name Optional form name\n   */\n  protected renderForm(content: TemplateResult, name?: string): TemplateResult {\n    if (!this.formId) {\n      this.formId = `form-${this.constructor.name.toLowerCase()}`\n    }\n    return html`<form\n      id=\"${this.formId}\"\n      name=\"${ifDefined(name)}\"\n      class=\"dialog-content\"\n      @submit=\"${this.handleSubmit}\"\n    >\n      ${content}\n    </form>`\n  }\n\n  /**\n   * Renders the cancel button for the dialog.\n   * @param label The label to use for the cancel button.\n   */\n  protected renderNegativeButton(init: ActionButtonInit = {}): TemplateResult {\n    const { label = 'Cancel' } = init\n    return html`<ui-text-button slot=\"button\" type=\"button\" value=\"dismiss\">${label}</ui-text-button>`\n  }\n\n  /**\n   * Renders the submit button for the dialog.\n   * If the formId is set, the button will be a submit button.\n   * Otherwise, it will be a regular button.\n   * @param label The label to use for the submit button.\n   */\n  protected renderPositiveButton(init: ActionButtonInit = {}): TemplateResult {\n    const { label = 'OK', disabled = false } = init\n    const { formId } = this\n    const type = formId ? 'submit' : 'button'\n    // UI buttons have a proper support for form association.\n    return html`<ui-text-button\n      slot=\"button\"\n      ?disabled=\"${disabled}\"\n      type=\"${type}\"\n      value=\"confirm\"\n      form=\"${ifDefined(formId)}\"\n      >${label}</ui-text-button\n    >`\n  }\n\n  /**\n   * Renders the title for the dialog.\n   * @param title The title to render in the dialog.\n   */\n  protected renderTitle(title: string): TemplateResult {\n    return html`<span slot=\"title\">${title}</span>`\n  }\n}\n"]}
+{"version":3,"file":"ModalActivity.js","sourceRoot":"","sources":["../../../src/core/ModalActivity.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type TemplateResult } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { Activity } from './Activity.js'\nimport type { UiDialogClosingReason } from '../md/dialog/internals/Dialog.js'\nimport state from '../decorators/state.js'\nimport { IntentResult } from './ActivityManager.js'\n\nimport '../md/dialog/ui-dialog.js'\nimport '../md/button/ui-text-button.js'\n\nexport interface ActionButtonInit {\n  /**\n   * The label to use for the button.\n   */\n  label?: string\n  /**\n   * Whether the button is disabled.\n   */\n  disabled?: boolean\n}\n\n/**\n * A special kind of activity that renders content in a modal dialog.\n * When a modal activity is running the underlying activities are paused.\n *\n * A modal activity uses the UiDialogElement to render its content. The dialog\n * is inserted directly into the `<body>` element of the document and rendered\n * in the top layer. Because of that, the modal activity does not support\n * regular rendering logic. It creates its own render root that is used to render\n * the template.\n */\nexport abstract class ModalActivity extends Activity {\n  /**\n   * The list of classes to apply to the dialog.\n   */\n  protected dialogClasses: Record<string, boolean> = {}\n  /**\n   * Controls dialog visibility without controlling the activity state.\n   */\n  @state() accessor opened = true\n\n  /**\n   * The id of the form used to render the dialog.\n   */\n  protected formId?: string\n\n  override onResume(): void | Promise<void> {\n    this.renderRoot = document.createElement('div')\n    this.renderRoot.classList.add('modal-activity-container')\n    document.body.appendChild(this.renderRoot)\n    super.onResume()\n    this.requestUpdate()\n  }\n\n  override async finish(): Promise<void> {\n    if (this.renderRoot) {\n      document.body.removeChild(this.renderRoot)\n      this.renderRoot = undefined\n    }\n    await super.finish()\n  }\n\n  protected handleDialogClosed(e: CustomEvent<UiDialogClosingReason>): void {\n    const { cancelled, value } = e.detail\n    if (cancelled) {\n      this.handleNegativeAction(value)\n    } else {\n      this.handlePositiveAction(value)\n    }\n  }\n\n  /**\n   * Called when the dialog is closed with a negative action.\n   * Override this function to handle the negative action.\n   * @param value The value passed to the dialog when it is closed.\n   */\n  protected handleNegativeAction(value: unknown): void {\n    this.setResult(IntentResult.RESULT_CANCELED, value)\n    this.finish()\n  }\n\n  /**\n   * Called when the dialog is closed with a positive action.\n   * Override this function to handle the positive action.\n   * @param value The value passed to the dialog when it is closed.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected handlePositiveAction(value: unknown): void {\n    this.finish()\n  }\n\n  /**\n   * Override this method to handle the form submission.\n   * @param e The submit event.\n   */\n  protected handleSubmit(e: SubmitEvent): void {\n    e.preventDefault()\n  }\n\n  /**\n   * The function called by the rendered when rendering this dialog.\n   * This way, the `render()` function is still used as the primary template provider.\n   */\n  renderDialog(): TemplateResult {\n    const classes = {\n      activityDialog: true,\n      [this.constructor.name.toLowerCase()]: true,\n      ...this.dialogClasses,\n    }\n    return html`<ui-dialog modal .open=\"${this.opened}\" class=\"${classMap(classes)}\" @close=\"${this.handleDialogClosed}\"\n      >${this.render()}</ui-dialog\n    >`\n  }\n\n  /**\n   * Used with dialogs that render forms. Override the `handleSubmit` method\n   * to handle the form submission.\n   * @param content The content to render in the form.\n   * @param name Optional form name\n   */\n  protected renderForm(content: TemplateResult, name?: string): TemplateResult {\n    if (!this.formId) {\n      this.formId = `form-${this.constructor.name.toLowerCase()}`\n    }\n    return html`<form\n      id=\"${this.formId}\"\n      name=\"${ifDefined(name)}\"\n      class=\"dialog-content\"\n      @submit=\"${this.handleSubmit}\"\n    >\n      ${content}\n    </form>`\n  }\n\n  /**\n   * Renders the cancel button for the dialog.\n   * @param label The label to use for the cancel button.\n   */\n  protected renderNegativeButton(init: ActionButtonInit = {}): TemplateResult {\n    const { label = 'Cancel' } = init\n    return html`<ui-text-button slot=\"button\" type=\"button\" value=\"dismiss\">${label}</ui-text-button>`\n  }\n\n  /**\n   * Renders the submit button for the dialog.\n   * If the formId is set, the button will be a submit button.\n   * Otherwise, it will be a regular button.\n   * @param label The label to use for the submit button.\n   */\n  protected renderPositiveButton(init: ActionButtonInit = {}): TemplateResult {\n    const { label = 'OK', disabled = false } = init\n    const { formId } = this\n    const type = formId ? 'submit' : 'button'\n    // UI buttons have a proper support for form association.\n    return html`<ui-text-button\n      slot=\"button\"\n      ?disabled=\"${disabled}\"\n      type=\"${type}\"\n      value=\"confirm\"\n      form=\"${ifDefined(formId)}\"\n      >${label}</ui-text-button\n    >`\n  }\n\n  /**\n   * Renders the title for the dialog.\n   * @param title The title to render in the dialog.\n   */\n  protected renderTitle(title: string): TemplateResult {\n    return html`<span slot=\"title\">${title}</span>`\n  }\n}\n"]}

package/eslint.config.js

@@ -72,6 +72,9 @@ export default [
       'no-multi-spaces': ['error'],
       'no-console': ['error'],
       'no-redeclare': ['error'],
+      '@typescript-eslint/prefer-literal-enum-member': ['error', {
+        allowBitwiseExpressions: true,
+      }],
     },
   },
   {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api-client/ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Internal UI component library for the API Client ecosystem.",
   "license": "UNLICENSED",
   "main": "build/src/index.js",

package/src/core/Activity.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { nothing, TemplateResult } from 'lit'
-import { ActivityState, IntentResult, type Intent } from './ActivityManager.js'
+import { ActivityLifecycle, IntentResult, type Intent } from './ActivityManager.js'
 import { FragmentManager } from './FragmentManager.js'
 import type { Fragment } from './Fragment.js'
 import type { Application, UpdateRequest } from './Application.js'
@@ -36,7 +36,7 @@ export class Activity extends EventTarget {
    */
   static action?: string
 
-  public state: ActivityState = ActivityState.Initialized
+  public lifecycle: ActivityLifecycle = ActivityLifecycle.Initialized
   protected parent: Application
   /**
    * The fragment manager that manages fragments in this activity.

package/src/core/ActivityManager.ts

@@ -2,13 +2,41 @@ import type { Activity } from './Activity.js'
 import type { Application } from './Application.js'
 import { navigateScreen } from './ApplicationRoute.js'
 
-export enum ActivityState {
+export enum ActivityLifecycle {
+  /**
+   * The activity is initialized, but not yet created.
+   * This is the initial state of the activity.
+   */
   Initialized,
+  /**
+   * The activity is created, but not yet started.
+   * This is the state after the `onCreate()` method is called.
+   */
   Created,
+  /**
+   * The activity is started, but not yet resumed.
+   * This is the state after the `onStart()` method is called.
+   */
   Started,
+  /**
+   * The activity is resumed and visible to the user.
+   * This is the state after the `onResume()` method is called.
+   */
   Resumed,
+  /**
+   * The activity is paused, but still visible to the user.
+   * This is the state after the `onPause()` method is called.
+   */
   Paused,
+  /**
+   * The activity is stopped and no longer visible to the user.
+   * This is the state after the `onStop()` method is called.
+   */
   Stopped,
+  /**
+   * The activity is destroyed and no longer exists.
+   * This is the state after the `onDestroy()` method is called.
+   */
   Destroyed,
 }
 
@@ -16,12 +44,10 @@ export enum IntentFlags {
   /**
    * Marks that the activity should be rendered as a modal.
    */
-  // eslint-disable-next-line @typescript-eslint/prefer-literal-enum-member
   Modal = 1 << 0,
   /**
    * The activity is started for result.
    */
-  // eslint-disable-next-line @typescript-eslint/prefer-literal-enum-member
   ForResult = 1 << 1,
   /**
    * When set, the intent data is passed by reference.
@@ -29,7 +55,6 @@ export enum IntentFlags {
    * This is useful when the data is large and you want to avoid copying it
    * or when you want to share the same data between activities.
    */
-  // eslint-disable-next-line @typescript-eslint/prefer-literal-enum-member
   ByReference = 1 << 2,
 }
 
@@ -178,14 +203,13 @@ export class ActivityManager {
       await info.activity.onNewIntent(intent)
       // TODO: Check if the activity is destroyed.
       this.setupRoute(intent)
-      // this.currentActivity = info.activity
       await this.updateCurrentActivity(info.activity, false)
       return
     }
     const activity = this.buildActivity(intent)
     if (currentActivity) {
       await currentActivity.onPause()
-      currentActivity.state = ActivityState.Paused
+      currentActivity.lifecycle = ActivityLifecycle.Paused
     }
 
     const activityId = this.generateActivityId()
@@ -204,7 +228,7 @@ export class ActivityManager {
       // the activity finished and the manager already took care of this situation.
       return
     }
-    activity.state = ActivityState.Created
+    activity.lifecycle = ActivityLifecycle.Created
 
     await this.updateCurrentActivity(activity, !!isModal)
     if (this.isDestroyed(activity)) {
@@ -257,7 +281,7 @@ export class ActivityManager {
   }
 
   isDestroyed(activity: Activity): boolean {
-    return activity.state === ActivityState.Destroyed
+    return activity.lifecycle === ActivityLifecycle.Destroyed
   }
 
   /**
@@ -272,23 +296,23 @@ export class ActivityManager {
       const stackEntry = stack.splice(index, 1)[0]
 
       await stackEntry.activity.onPause()
-      stackEntry.activity.state = ActivityState.Paused
+      stackEntry.activity.lifecycle = ActivityLifecycle.Paused
       await stackEntry.activity.onStop()
-      stackEntry.activity.state = ActivityState.Stopped
+      stackEntry.activity.lifecycle = ActivityLifecycle.Stopped
       await stackEntry.activity.onDestroy()
-      stackEntry.activity.state = ActivityState.Destroyed
+      stackEntry.activity.lifecycle = ActivityLifecycle.Destroyed
 
       await this.manageActivityResult(stackEntry.activity, stackEntry.intent)
 
       // Resume the previous activity
       await this.bringLastActivityToFront()
     } else {
-      if (activity.state === ActivityState.Created) {
+      if (activity.lifecycle === ActivityLifecycle.Created) {
         await activity.onStop()
-        activity.state = ActivityState.Stopped
+        activity.lifecycle = ActivityLifecycle.Stopped
       }
       await activity.onDestroy()
-      activity.state = ActivityState.Destroyed
+      activity.lifecycle = ActivityLifecycle.Destroyed
       // This can happen when an activity finishes in one of the callback methods,
       // before it is added to the stack. In that case, we bring the last activity back to the front.
       await this.bringLastActivityToFront()
@@ -302,12 +326,12 @@ export class ActivityManager {
       const all = [...this.activityStack, ...this.modalActivityStack]
       const target = all.find((entry) => entry.activity.hasRequestCode(requestCode))
       if (target) {
-        if (target.activity.state === ActivityState.Destroyed) {
+        if (target.activity.lifecycle === ActivityLifecycle.Destroyed) {
           return
         }
-        if (target.activity.state === ActivityState.Resumed) {
+        if (target.activity.lifecycle === ActivityLifecycle.Resumed) {
           await target.activity.onPause()
-          target.activity.state = ActivityState.Paused
+          target.activity.lifecycle = ActivityLifecycle.Paused
         }
         const intentCopy = structuredClone(intent)
         intentCopy.data = activity.getResult()
@@ -329,11 +353,11 @@ export class ActivityManager {
   }
 
   getTopActivity(): Activity | undefined {
-    const topModal = this.modalActivityStack.findLast((a) => a.activity.state === ActivityState.Resumed)
+    const topModal = this.modalActivityStack.findLast((a) => a.activity.lifecycle === ActivityLifecycle.Resumed)
     if (topModal) {
       return topModal.activity
     }
-    const top = this.activityStack.findLast((a) => a.activity.state === ActivityState.Resumed)
+    const top = this.activityStack.findLast((a) => a.activity.lifecycle === ActivityLifecycle.Resumed)
     return top ? top.activity : undefined
   }
 
@@ -385,48 +409,48 @@ export class ActivityManager {
     if (
       this.currentActivity &&
       this.currentActivity !== activity &&
-      this.currentActivity.state !== ActivityState.Destroyed &&
+      this.currentActivity.lifecycle !== ActivityLifecycle.Destroyed &&
       // Make sure we don't pause the current activity if it's already paused.
-      this.currentActivity.state !== ActivityState.Paused
+      this.currentActivity.lifecycle !== ActivityLifecycle.Paused
     ) {
       await this.currentActivity.onPause()
-      this.currentActivity.state = ActivityState.Paused
+      this.currentActivity.lifecycle = ActivityLifecycle.Paused
     }
-    if (activity.state === ActivityState.Paused) {
+    if (activity.lifecycle === ActivityLifecycle.Paused) {
       await activity.onResume()
       if (this.isDestroyed(activity)) {
         return
       }
-      activity.state = ActivityState.Resumed
+      activity.lifecycle = ActivityLifecycle.Resumed
       activity.requestUpdate()
-    } else if (activity.state === ActivityState.Stopped) {
+    } else if (activity.lifecycle === ActivityLifecycle.Stopped) {
       await activity.onRestart()
-      activity.state = ActivityState.Resumed
-    } else if (activity.state === ActivityState.Destroyed) {
+      activity.lifecycle = ActivityLifecycle.Resumed
+    } else if (activity.lifecycle === ActivityLifecycle.Destroyed) {
       throw new Error(`Invalid state. The activity is already destroyed.`)
-    } else if (activity.state === ActivityState.Created) {
+    } else if (activity.lifecycle === ActivityLifecycle.Created) {
       await activity.onStart()
       if (this.isDestroyed(activity)) {
         return
       }
-      activity.state = ActivityState.Started
+      activity.lifecycle = ActivityLifecycle.Started
       await activity.onResume()
       if (this.isDestroyed(activity)) {
         return
       }
-      activity.state = ActivityState.Resumed
+      activity.lifecycle = ActivityLifecycle.Resumed
       activity.requestUpdate()
-    } else if (activity.state === ActivityState.Started) {
+    } else if (activity.lifecycle === ActivityLifecycle.Started) {
       await activity.onResume()
       if (this.isDestroyed(activity)) {
         return
       }
-      activity.state = ActivityState.Resumed
+      activity.lifecycle = ActivityLifecycle.Resumed
       activity.requestUpdate()
-    } else if (activity.state === ActivityState.Initialized) {
+    } else if (activity.lifecycle === ActivityLifecycle.Initialized) {
       // TODO: Figure out intent passing here.
       await activity.onCreate()
-      activity.state = ActivityState.Created
+      activity.lifecycle = ActivityLifecycle.Created
       if (this.isDestroyed(activity)) {
         // the activity finished and the manager already took care of this situation.
         return
@@ -435,12 +459,12 @@ export class ActivityManager {
       if (this.isDestroyed(activity)) {
         return
       }
-      activity.state = ActivityState.Started
+      activity.lifecycle = ActivityLifecycle.Started
       await activity.onResume()
       if (this.isDestroyed(activity)) {
         return
       }
-      activity.state = ActivityState.Resumed
+      activity.lifecycle = ActivityLifecycle.Resumed
       activity.requestUpdate()
     }
     if (!isModal) {

package/src/core/Application.ts

@@ -1,5 +1,5 @@
 import { nothing, type TemplateResult } from 'lit'
-import { ActivityManager, ActivityState } from './ActivityManager.js'
+import { ActivityManager, ActivityLifecycle } from './ActivityManager.js'
 import type { Activity } from './Activity.js'
 import { ApplicationRenderer } from './renderer/ApplicationRenderer.js'
 import { ThemeManager } from './ThemeManager.js'
@@ -159,7 +159,7 @@ export abstract class Application extends EventTarget {
   render(): TemplateResult | typeof nothing {
     const currentActivity = this.#activities.getCurrentActivity()
     // Only render if started or beyond
-    if (currentActivity && currentActivity.state >= ActivityState.Started) {
+    if (currentActivity && currentActivity.lifecycle >= ActivityLifecycle.Started) {
       return currentActivity.render()
     }
     return nothing

package/src/core/ModalActivity.ts

@@ -47,7 +47,7 @@ export abstract class ModalActivity extends Activity {
 
   override onResume(): void | Promise<void> {
     this.renderRoot = document.createElement('div')
-    this.renderRoot.classList.add('modal-activit-container')
+    this.renderRoot.classList.add('modal-activity-container')
     document.body.appendChild(this.renderRoot)
     super.onResume()
     this.requestUpdate()

package/test/core/activity.spec.ts

@@ -1,7 +1,7 @@
 import { assert } from '@esm-bundle/chai'
 import { Activity } from '../../src/core/Activity.js'
 import { Application } from '../../src/core/Application.js'
-import { IntentResult, ActivityState } from '../../src/core/ActivityManager.js'
+import { IntentResult, ActivityLifecycle } from '../../src/core/ActivityManager.js'
 import { fixture, html } from '@open-wc/testing'
 import { EventTypes } from '../../src/events/EventTypes.js'
 import sinon from 'sinon'
@@ -102,7 +102,7 @@ describe('Activity Lifecycle and Events', () => {
   })
 
   it('sets the default state', async () => {
-    assert.equal(activity.state, ActivityState.Initialized)
+    assert.equal(activity.lifecycle, ActivityLifecycle.Initialized)
   })
 
   it('sets the default resultCode', async () => {

package/test/core/activity_manager.spec.ts

@@ -5,7 +5,7 @@ import { Activity } from '../../src/core/Activity.js'
 import { Application } from '../../src/core/Application.js'
 import {
   ActivityManager,
-  ActivityState,
+  ActivityLifecycle,
   IntentFlags,
   IntentResult,
   type Intent,
@@ -41,7 +41,7 @@ class TestActivity extends Activity {
     this.setResult.resetHistory()
     this.getResult.resetHistory()
     this.hasRequestCode.resetHistory()
-    this.state = ActivityState.Initialized
+    this.lifecycle = ActivityLifecycle.Initialized
     this.pendingRequestCodes.length = 0
     this.exitCode = IntentResult.RESULT_CANCELED
     this.resultData = undefined
@@ -114,7 +114,7 @@ describe('ActivityManager', () => {
       assert.equal(manager['activityStack'].length, 1)
       const entry = manager['activityStack'][0]
       assert.instanceOf(entry.activity, TestActivity)
-      assert.equal(entry.activity.state, ActivityState.Initialized)
+      assert.equal(entry.activity.lifecycle, ActivityLifecycle.Initialized)
       assert.strictEqual(entry.intent, intent)
       assert.isUndefined(manager.getCurrentActivity())
     })
@@ -142,7 +142,7 @@ describe('ActivityManager', () => {
       assert.isTrue((entry.activity as TestActivity).onCreate.calledOnceWith(intent))
       assert.isTrue((entry.activity as TestActivity).onStart.calledOnce)
       assert.isTrue((entry.activity as TestActivity).onResume.calledOnce)
-      assert.equal(entry.activity.state, ActivityState.Resumed)
+      assert.equal(entry.activity.lifecycle, ActivityLifecycle.Resumed)
       // assert.isFalse(navigateScreenStub.called) // No URI in intent
     })
 
@@ -162,12 +162,12 @@ describe('ActivityManager', () => {
       await manager.startActivity(intent2)
       const activity2 = manager.getCurrentActivity() as TestActivity
       assert.isTrue(activity1.onPause.calledOnce, 'activity1 onPause should be called once')
-      assert.equal(activity1.state, ActivityState.Paused, 'activity1 should be paused')
+      assert.equal(activity1.lifecycle, ActivityLifecycle.Paused, 'activity1 should be paused')
 
       assert.isTrue(activity2.onCreate.calledOnceWith(intent2), 'activity2 onCreate should be called with intent')
       assert.isTrue(activity2.onStart.calledOnce, 'activity2 onStart should be called once')
       assert.isTrue(activity2.onResume.calledOnce, 'activity2 onResume should be called once')
-      assert.equal(activity2.state, ActivityState.Resumed, 'activity2 should be resumed')
+      assert.equal(activity2.lifecycle, ActivityLifecycle.Resumed, 'activity2 should be resumed')
       assert.equal(manager['activityStack'].length, 2, 'activity stack should have 2 activities')
     })
 
@@ -182,8 +182,8 @@ describe('ActivityManager', () => {
       const activity2 = manager.getCurrentActivity() as TestActivity
 
       // activity1 is now paused, activity2 is resumed
-      assert.equal(activity1.state, ActivityState.Paused, 'activity1 should be paused')
-      assert.equal(activity2.state, ActivityState.Resumed, 'activity2 should be resumed')
+      assert.equal(activity1.lifecycle, ActivityLifecycle.Paused, 'activity1 should be paused')
+      assert.equal(activity2.lifecycle, ActivityLifecycle.Resumed, 'activity2 should be resumed')
 
       const newIntentForActivity1: Intent = { action: TestActivity.action, data: { updated: true } }
       await manager.startActivity(newIntentForActivity1)
@@ -191,10 +191,10 @@ describe('ActivityManager', () => {
       assert.strictEqual(manager.getCurrentActivity(), activity1)
       assert.isTrue(activity1.onNewIntent.calledOnceWith(newIntentForActivity1), 'activity1 called with new intent')
       assert.isTrue(activity1.onResume.calledOnce, 'activity1 onResume called once') // Should be resumed
-      assert.equal(activity1.state, ActivityState.Resumed, 'activity1 should be resumed')
+      assert.equal(activity1.lifecycle, ActivityLifecycle.Resumed, 'activity1 should be resumed')
 
       assert.isTrue(activity2.onPause.calledOnce, 'activity2 paused once') // activity2 should be paused
-      assert.equal(activity2.state, ActivityState.Paused, 'activity2 should be paused')
+      assert.equal(activity2.lifecycle, ActivityLifecycle.Paused, 'activity2 should be paused')
 
       assert.equal(manager['activityStack'].length, 2, 'activityStack is the same') // Stack size remains the same
       assert.strictEqual(manager['activityStack'][1].activity, activity1) // activity1 is now at the top
@@ -214,14 +214,14 @@ describe('ActivityManager', () => {
       assert.strictEqual(manager['modalActivityStack'][0].activity, modalActivity)
 
       assert.isTrue(activity1.onPause.calledOnce)
-      assert.equal(activity1.state, ActivityState.Paused)
+      assert.equal(activity1.lifecycle, ActivityLifecycle.Paused)
       // For modal, currentActivity in manager should still be the underlying one
       assert.strictEqual(manager.getCurrentActivity(), activity1)
 
       assert.isTrue(modalActivity.onCreate.calledOnceWith(modalIntent))
       assert.isTrue(modalActivity.onStart.calledOnce)
       assert.isTrue(modalActivity.onResume.calledOnce)
-      assert.equal(modalActivity.state, ActivityState.Resumed)
+      assert.equal(modalActivity.lifecycle, ActivityLifecycle.Resumed)
     })
 
     it('throws if activity class is not registered', async () => {
@@ -301,11 +301,11 @@ describe('ActivityManager', () => {
       assert.isTrue(activity2.onPause.calledOnce, 'activity2 onPause should be called once')
       assert.isTrue(activity2.onStop.calledOnce, 'activity2 onStop should be called once')
       assert.isTrue(activity2.onDestroy.calledOnce, 'activity2 onDestroy should be called once')
-      assert.equal(activity2.state, ActivityState.Destroyed, 'activity2 should be destroyed')
+      assert.equal(activity2.lifecycle, ActivityLifecycle.Destroyed, 'activity2 should be destroyed')
 
       assert.strictEqual(manager.getCurrentActivity(), activity1)
       assert.isTrue(activity1.onResume.calledOnce, 'activity1 onResume should be called once')
-      assert.equal(activity1.state, ActivityState.Resumed, 'activity1 should be resumed')
+      assert.equal(activity1.lifecycle, ActivityLifecycle.Resumed, 'activity1 should be resumed')
       assert.equal(manager['activityStack'].length, 1, 'activity stack should have 1 activity')
       assert.isTrue(app.requestUpdateSpy.called, 'Application should request update after finishing activity')
     })
@@ -325,12 +325,12 @@ describe('ActivityManager', () => {
       assert.isTrue(modalActivity.onPause.calledOnce)
       assert.isTrue(modalActivity.onStop.calledOnce)
       assert.isTrue(modalActivity.onDestroy.calledOnce)
-      assert.equal(modalActivity.state, ActivityState.Destroyed)
+      assert.equal(modalActivity.lifecycle, ActivityLifecycle.Destroyed)
       assert.equal(manager['modalActivityStack'].length, 0)
 
       assert.strictEqual(manager.getCurrentActivity(), activity1) // Current activity should be the underlying one
       assert.isTrue(activity1.onResume.calledOnce)
-      assert.equal(activity1.state, ActivityState.Resumed)
+      assert.equal(activity1.lifecycle, ActivityLifecycle.Resumed)
       assert.equal(manager['activityStack'].length, 1)
     })
 
@@ -362,13 +362,13 @@ describe('ActivityManager', () => {
 
     it('handles finishing an activity that was only created (not fully started)', async () => {
       const activity = new TestActivity(app)
-      activity.state = ActivityState.Created // Manually set for test
+      activity.lifecycle = ActivityLifecycle.Created // Manually set for test
 
       await manager.finishActivity(activity)
 
       assert.isTrue(activity.onStop.calledOnce, 'onStop should be called for created activity')
       assert.isTrue(activity.onDestroy.calledOnce, 'onDestroy should be called')
-      assert.equal(activity.state, ActivityState.Destroyed)
+      assert.equal(activity.lifecycle, ActivityLifecycle.Destroyed)
       assert.isUndefined(manager.getCurrentActivity()) // Assuming no other activities
     })
 
@@ -380,7 +380,7 @@ describe('ActivityManager', () => {
       await manager.finishActivity(activity1)
 
       assert.isTrue(activity1.onDestroy.calledOnce)
-      assert.equal(activity1.state, ActivityState.Destroyed)
+      assert.equal(activity1.lifecycle, ActivityLifecycle.Destroyed)
       assert.isUndefined(manager.getCurrentActivity())
       assert.equal(manager['activityStack'].length, 0)
     })
@@ -394,11 +394,11 @@ describe('ActivityManager', () => {
     it('returns the top resumed regular activity', async () => {
       await manager.startActivity({ action: TestActivity.action })
       const activity1 = manager['activityStack'][0].activity
-      activity1.state = ActivityState.Resumed // Ensure it's resumed
+      activity1.lifecycle = ActivityLifecycle.Resumed // Ensure it's resumed
 
       await manager.startActivity({ action: TestActivity2.action })
       const activity2 = manager['activityStack'][1].activity
-      activity2.state = ActivityState.Resumed // Ensure it's resumed
+      activity2.lifecycle = ActivityLifecycle.Resumed // Ensure it's resumed
 
       assert.strictEqual(manager.getTopActivity(), activity2)
     })
@@ -406,11 +406,11 @@ describe('ActivityManager', () => {
     it('returns the top resumed modal activity if present', async () => {
       await manager.startActivity({ action: TestActivity.action }) // Regular activity
       const regularActivity = manager['activityStack'][0].activity
-      regularActivity.state = ActivityState.Resumed
+      regularActivity.lifecycle = ActivityLifecycle.Resumed
 
       await manager.startActivity({ action: TestActivity2.action, flags: IntentFlags.Modal })
       const modalActivity = manager['modalActivityStack'][0].activity
-      modalActivity.state = ActivityState.Resumed // Ensure it's resumed
+      modalActivity.lifecycle = ActivityLifecycle.Resumed // Ensure it's resumed
 
       assert.strictEqual(manager.getTopActivity(), modalActivity)
     })
@@ -421,8 +421,8 @@ describe('ActivityManager', () => {
 
       await manager.startActivity({ action: TestActivity2.action, flags: IntentFlags.Modal })
       const modalActivity = manager['modalActivityStack'][0].activity
-      modalActivity.state = ActivityState.Paused // Not resumed
-      regularActivity.state = ActivityState.Resumed
+      modalActivity.lifecycle = ActivityLifecycle.Paused // Not resumed
+      regularActivity.lifecycle = ActivityLifecycle.Resumed
       assert.strictEqual(manager.getTopActivity(), regularActivity)
     })
   })

package/test/core/application.spec.ts

@@ -3,7 +3,7 @@ import sinon from 'sinon'
 import { fixture, html } from '@open-wc/testing'
 import { Application, type UpdateRequest } from '../../src/core/Application.js'
 import { Activity } from '../../src/core/Activity.js'
-import { ActivityManager, ActivityState } from '../../src/core/ActivityManager.js'
+import { ActivityManager, ActivityLifecycle } from '../../src/core/ActivityManager.js'
 import { ApplicationRenderer } from '../../src/core/renderer/ApplicationRenderer.js'
 import { ThemeManager } from '../../src/core/ThemeManager.js'
 import { nothing } from 'lit'
@@ -136,12 +136,12 @@ describe('Application', () => {
       await app.run() // This calls onStart which registers TestActivity
       await app.manager.startActivity({ action: TestActivity.action })
       const activity = app.getCurrentActivity() as TestActivity
-      activity.state = ActivityState.Started // Ensure state
+      activity.lifecycle = ActivityLifecycle.Started // Ensure state
 
       app.render()
       assert.isTrue(activity.renderSpy.calledOnce)
 
-      activity.state = ActivityState.Resumed // Ensure state
+      activity.lifecycle = ActivityLifecycle.Resumed // Ensure state
       activity.renderSpy.resetHistory()
       app.render()
       assert.isTrue(activity.renderSpy.calledOnce)