@api-client/ui 0.5.39 → 0.5.41

package/build/src/demo/DemoPage.d.ts

@@ -1,81 +0,0 @@
-import { TemplateResult, CSSResult } from 'lit';
-import '../md/icons/ui-icon.js';
-import '../md/button/ui-button.js';
-declare const Base: (new (...args: any[]) => import("../mixins/RenderableMixin.js").RenderableMixinInterface) & (new (...args: any[]) => import("../mixins/RouteMixin.js").RouteMixinInterface) & {
-    new (): EventTarget;
-    prototype: EventTarget;
-};
-/**
- * A base class for demo pages in the API Client ecosystem.
- */
-export declare abstract class DemoPage extends Base {
-    static get styles(): CSSResult[];
-    /**
-     * Component name rendered in the header section.
-     */
-    accessor componentName: string;
-    /**
-     * Determines whether the initial render had run and the `firstRender()`
-     * function was called.
-     */
-    accessor firstRendered: boolean;
-    /**
-     * Whether or not the dark theme is active
-     */
-    accessor darkThemeActive: boolean;
-    /**
-     * For some demo pages, whether the user is authenticated in the store.
-     */
-    authenticated: boolean;
-    constructor();
-    /**
-     * Initializes media queries and observers.
-     */
-    initMediaQueries(): void;
-    protected handleMediaQuery(e: MediaQueryListEvent): void;
-    /**
-     * The callback is called when the `darkThemeActive` property change.
-     * Overwrite this function to change the theme of the demo page.
-     *
-     * Note, this is not called by the `darkThemeActive` setter. This is called during the
-     * initialization and then when the media query event is dispatched.
-     * Call this manually when changing this value in the child page.
-     */
-    protected themeActiveCallback(): void;
-    protected activateTheme(type: 'light' | 'dark'): void;
-    /**
-     * A handler for the `change` event for an element that has `checked` and `name` properties.
-     * This can be used with `ui-switch`, `ui-checkbox`, and `checkbox` elements.
-     *
-     * The `name` should correspond to a variable name to be set. The set value is the value
-     * of `checked` property read from the event's target.
-     */
-    protected _toggleBooleanOption(e: Event): void;
-    loadMonaco(): Promise<void>;
-    /**
-     * The page render function. Usually you don't need to use it.
-     * It renders the header template, main section, and the content.
-     */
-    pageTemplate(): TemplateResult;
-    /**
-     * Call this on the top of the `render()` method to render demo navigation
-     * @returns HTML template for demo header
-     */
-    headerTemplate(): TemplateResult;
-    navigationTemplate(): TemplateResult;
-    /**
-     * Abstract method. When not overriding `render()` method you can use
-     * this function to render content inside the standard API components layout.
-     *
-     * ```
-     * contentTemplate() {
-     *  return html`<p>Demo content</p>`;
-     * }
-     * ```
-     */
-    abstract contentTemplate(): TemplateResult;
-    handleAuthenticate(): void;
-    authenticateTemplate(): TemplateResult;
-}
-export {};
-//# sourceMappingURL=DemoPage.d.ts.map

package/build/src/demo/DemoPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoPage.d.ts","sourceRoot":"","sources":["../../../src/demo/DemoPage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAWrD,OAAO,wBAAwB,CAAA;AAC/B,OAAO,2BAA2B,CAAA;AAElC,QAAA,MAAM,IAAI;;;CAA2C,CAAA;AAErD;;GAEG;AACH,8BAAsB,QAAS,SAAQ,IAAI;IAEzC,MAAM,KAAK,MAAM,IAAI,SAAS,EAAE,CAE/B;IAED;;OAEG;IACS,QAAQ,CAAC,aAAa,SAAK;IAEvC;;;OAGG;IACH,SAAkB,aAAa,UAAQ;IAEvC;;OAEG;IACS,QAAQ,CAAC,eAAe,UAAQ;IAE5C;;OAEG;IACH,aAAa,UAAQ;;IAUrB;;OAEG;IACH,gBAAgB,IAAI,IAAI;IASxB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,mBAAmB,GAAG,IAAI;IAKxD;;;;;;;OAOG;IACH,SAAS,CAAC,mBAAmB,IAAI,IAAI;IASrC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAgBrD;;;;;;OAMG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAMxC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAOjC;;;OAGG;IACM,YAAY,IAAI,cAAc;IAKvC;;;OAGG;IACH,cAAc,IAAI,cAAc;IAKhC,kBAAkB,IAAI,cAAc;IAIpC;;;;;;;;;OASG;IACH,QAAQ,CAAC,eAAe,IAAI,cAAc;IAE1C,kBAAkB,IAAI,IAAI;IAI1B,oBAAoB,IAAI,cAAc;CAMvC"}

package/build/src/demo/DemoPage.js

@@ -1,175 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html } from 'lit';
-import { RenderableMixin } from '../mixins/RenderableMixin.js';
-import reactive from '../decorators/reactive.js';
-import styles from './DemoStyles.js';
-import { RouteMixin } from '../mixins/RouteMixin.js';
-import * as MonacoLoader from '../monaco/loader.js';
-import typography from '../styles/m3/typography.module.js';
-import surface from '../styles/m3/surface.module.js';
-import { adaptStatic } from '../decorators/styles.js';
-import '../md/icons/ui-icon.js';
-import '../md/button/ui-button.js';
-const Base = RenderableMixin(RouteMixin(EventTarget));
-/**
- * A base class for demo pages in the API Client ecosystem.
- */
-let DemoPage = (() => {
-    let _classSuper = Base;
-    let _staticExtraInitializers = [];
-    let _static_get_styles_decorators;
-    let _componentName_decorators;
-    let _componentName_initializers = [];
-    let _componentName_extraInitializers = [];
-    let _darkThemeActive_decorators;
-    let _darkThemeActive_initializers = [];
-    let _darkThemeActive_extraInitializers = [];
-    return class DemoPage extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _static_get_styles_decorators = [adaptStatic];
-            _componentName_decorators = [reactive()];
-            _darkThemeActive_decorators = [reactive()];
-            __esDecorate(this, null, _static_get_styles_decorators, { kind: "getter", name: "styles", static: true, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _staticExtraInitializers);
-            __esDecorate(this, null, _componentName_decorators, { kind: "accessor", name: "componentName", static: false, private: false, access: { has: obj => "componentName" in obj, get: obj => obj.componentName, set: (obj, value) => { obj.componentName = value; } }, metadata: _metadata }, _componentName_initializers, _componentName_extraInitializers);
-            __esDecorate(this, null, _darkThemeActive_decorators, { kind: "accessor", name: "darkThemeActive", static: false, private: false, access: { has: obj => "darkThemeActive" in obj, get: obj => obj.darkThemeActive, set: (obj, value) => { obj.darkThemeActive = value; } }, metadata: _metadata }, _darkThemeActive_initializers, _darkThemeActive_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(this, _staticExtraInitializers);
-        }
-        static get styles() {
-            return [typography, styles, surface];
-        }
-        #componentName_accessor_storage = __runInitializers(this, _componentName_initializers, ''
-        /**
-         * Determines whether the initial render had run and the `firstRender()`
-         * function was called.
-         */
-        );
-        /**
-         * Component name rendered in the header section.
-         */
-        get componentName() { return this.#componentName_accessor_storage; }
-        set componentName(value) { this.#componentName_accessor_storage = value; }
-        #firstRendered_accessor_storage = (__runInitializers(this, _componentName_extraInitializers), false);
-        /**
-         * Determines whether the initial render had run and the `firstRender()`
-         * function was called.
-         */
-        get firstRendered() { return this.#firstRendered_accessor_storage; }
-        set firstRendered(value) { this.#firstRendered_accessor_storage = value; }
-        #darkThemeActive_accessor_storage = __runInitializers(this, _darkThemeActive_initializers, false
-        /**
-         * For some demo pages, whether the user is authenticated in the store.
-         */
-        );
-        /**
-         * Whether or not the dark theme is active
-         */
-        get darkThemeActive() { return this.#darkThemeActive_accessor_storage; }
-        set darkThemeActive(value) { this.#darkThemeActive_accessor_storage = value; }
-        /**
-         * For some demo pages, whether the user is authenticated in the store.
-         */
-        authenticated = (__runInitializers(this, _darkThemeActive_extraInitializers), false);
-        constructor() {
-            super();
-            this.handleMediaQuery = this.handleMediaQuery.bind(this);
-            this.initMediaQueries();
-            document.body.classList.add('demo');
-        }
-        /**
-         * Initializes media queries and observers.
-         */
-        initMediaQueries() {
-            const matcher = window.matchMedia('(prefers-color-scheme: dark)');
-            if (matcher.matches) {
-                this.darkThemeActive = true;
-            }
-            this.themeActiveCallback();
-            matcher.addEventListener('change', this.handleMediaQuery);
-        }
-        handleMediaQuery(e) {
-            this.darkThemeActive = e.matches;
-            this.themeActiveCallback();
-        }
-        /**
-         * The callback is called when the `darkThemeActive` property change.
-         * Overwrite this function to change the theme of the demo page.
-         *
-         * Note, this is not called by the `darkThemeActive` setter. This is called during the
-         * initialization and then when the media query event is dispatched.
-         * Call this manually when changing this value in the child page.
-         */
-        themeActiveCallback() {
-            const { darkThemeActive } = this;
-            if (darkThemeActive) {
-                this.activateTheme('dark');
-            }
-            else {
-                this.activateTheme('light');
-            }
-        }
-        activateTheme(type) {
-            const root = document.querySelector('html');
-            if (!root) {
-                return;
-            }
-            const { classList } = root;
-            // clear all themes
-            classList.forEach((value) => {
-                if (value.startsWith('theme-')) {
-                    classList.remove(value);
-                }
-            });
-            const name = `theme-${type}`;
-            classList.add(name);
-        }
-        /**
-         * A handler for the `change` event for an element that has `checked` and `name` properties.
-         * This can be used with `ui-switch`, `ui-checkbox`, and `checkbox` elements.
-         *
-         * The `name` should correspond to a variable name to be set. The set value is the value
-         * of `checked` property read from the event's target.
-         */
-        _toggleBooleanOption(e) {
-            const { name, checked } = e.target;
-            this[name] = checked;
-        }
-        async loadMonaco() {
-            const base = new URL('/node_modules/monaco-editor/', window.location.href).toString();
-            MonacoLoader.createEnvironment(base);
-            await MonacoLoader.loadMonaco(base);
-            await MonacoLoader.monacoReady();
-        }
-        /**
-         * The page render function. Usually you don't need to use it.
-         * It renders the header template, main section, and the content.
-         */
-        pageTemplate() {
-            return html ` ${this.headerTemplate()} ${this.navigationTemplate()}
-      <main>${this.contentTemplate()}</main>`;
-        }
-        /**
-         * Call this on the top of the `render()` method to render demo navigation
-         * @returns HTML template for demo header
-         */
-        headerTemplate() {
-            const { componentName } = this;
-            return html ` <header>${componentName ? html `<h1 class="api-title">${componentName}</h1>` : ''}</header>`;
-        }
-        navigationTemplate() {
-            return html ``;
-        }
-        handleAuthenticate() {
-            // ...
-        }
-        authenticateTemplate() {
-            return html `
-      <p>Store authorization required.</p>
-      <ui-button color="filled" @click="${this.handleAuthenticate}">Authenticate</ui-button>
-    `;
-        }
-    };
-})();
-export { DemoPage };
-//# sourceMappingURL=DemoPage.js.map

package/build/src/demo/DemoPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoPage.js","sourceRoot":"","sources":["../../../src/demo/DemoPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult } from 'lit'\nimport { RenderableMixin } from '../mixins/RenderableMixin.js'\nimport reactive from '../decorators/reactive.js'\nimport styles from './DemoStyles.js'\nimport { RouteMixin } from '../mixins/RouteMixin.js'\nimport * as MonacoLoader from '../monaco/loader.js'\nimport typography from '../styles/m3/typography.module.js'\nimport surface from '../styles/m3/surface.module.js'\nimport type CheckboxElement from '../md/checkbox/internals/CheckboxElement.js'\nimport { adaptStatic } from '../decorators/styles.js'\n\nimport '../md/icons/ui-icon.js'\nimport '../md/button/ui-button.js'\n\nconst Base = RenderableMixin(RouteMixin(EventTarget))\n\n/**\n * A base class for demo pages in the API Client ecosystem.\n */\nexport abstract class DemoPage extends Base {\n  @adaptStatic\n  static get styles(): CSSResult[] {\n    return [typography, styles, surface]\n  }\n\n  /**\n   * Component name rendered in the header section.\n   */\n  @reactive() accessor componentName = ''\n\n  /**\n   * Determines whether the initial render had run and the `firstRender()`\n   * function was called.\n   */\n  override accessor firstRendered = false\n\n  /**\n   * Whether or not the dark theme is active\n   */\n  @reactive() accessor darkThemeActive = false\n\n  /**\n   * For some demo pages, whether the user is authenticated in the store.\n   */\n  authenticated = false\n\n  constructor() {\n    super()\n    this.handleMediaQuery = this.handleMediaQuery.bind(this)\n    this.initMediaQueries()\n\n    document.body.classList.add('demo')\n  }\n\n  /**\n   * Initializes media queries and observers.\n   */\n  initMediaQueries(): void {\n    const matcher = window.matchMedia('(prefers-color-scheme: dark)')\n    if (matcher.matches) {\n      this.darkThemeActive = true\n    }\n    this.themeActiveCallback()\n    matcher.addEventListener('change', this.handleMediaQuery)\n  }\n\n  protected handleMediaQuery(e: MediaQueryListEvent): void {\n    this.darkThemeActive = e.matches\n    this.themeActiveCallback()\n  }\n\n  /**\n   * The callback is called when the `darkThemeActive` property change.\n   * Overwrite this function to change the theme of the demo page.\n   *\n   * Note, this is not called by the `darkThemeActive` setter. This is called during the\n   * initialization and then when the media query event is dispatched.\n   * Call this manually when changing this value in the child page.\n   */\n  protected themeActiveCallback(): void {\n    const { darkThemeActive } = this\n    if (darkThemeActive) {\n      this.activateTheme('dark')\n    } else {\n      this.activateTheme('light')\n    }\n  }\n\n  protected activateTheme(type: 'light' | 'dark'): void {\n    const root = document.querySelector('html')\n    if (!root) {\n      return\n    }\n    const { classList } = root\n    // clear all themes\n    classList.forEach((value) => {\n      if (value.startsWith('theme-')) {\n        classList.remove(value)\n      }\n    })\n    const name = `theme-${type}`\n    classList.add(name)\n  }\n\n  /**\n   * A handler for the `change` event for an element that has `checked` and `name` properties.\n   * This can be used with `ui-switch`, `ui-checkbox`, and `checkbox` elements.\n   *\n   * The `name` should correspond to a variable name to be set. The set value is the value\n   * of `checked` property read from the event's target.\n   */\n  protected _toggleBooleanOption(e: Event): void {\n    const { name, checked } = e.target as CheckboxElement\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ;(this as any)[name as string] = checked\n  }\n\n  async loadMonaco(): Promise<void> {\n    const base = new URL('/node_modules/monaco-editor/', window.location.href).toString()\n    MonacoLoader.createEnvironment(base)\n    await MonacoLoader.loadMonaco(base)\n    await MonacoLoader.monacoReady()\n  }\n\n  /**\n   * The page render function. Usually you don't need to use it.\n   * It renders the header template, main section, and the content.\n   */\n  override pageTemplate(): TemplateResult {\n    return html` ${this.headerTemplate()} ${this.navigationTemplate()}\n      <main>${this.contentTemplate()}</main>`\n  }\n\n  /**\n   * Call this on the top of the `render()` method to render demo navigation\n   * @returns HTML template for demo header\n   */\n  headerTemplate(): TemplateResult {\n    const { componentName } = this\n    return html` <header>${componentName ? html`<h1 class=\"api-title\">${componentName}</h1>` : ''}</header>`\n  }\n\n  navigationTemplate(): TemplateResult {\n    return html``\n  }\n\n  /**\n   * Abstract method. When not overriding `render()` method you can use\n   * this function to render content inside the standard API components layout.\n   *\n   * ```\n   * contentTemplate() {\n   *  return html`<p>Demo content</p>`;\n   * }\n   * ```\n   */\n  abstract contentTemplate(): TemplateResult\n\n  handleAuthenticate(): void {\n    // ...\n  }\n\n  authenticateTemplate(): TemplateResult {\n    return html`\n      <p>Store authorization required.</p>\n      <ui-button color=\"filled\" @click=\"${this.handleAuthenticate}\">Authenticate</ui-button>\n    `\n  }\n}\n"]}

package/build/src/demo/DemoStyles.d.ts

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

package/build/src/demo/DemoStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoStyles.d.ts","sourceRoot":"","sources":["../../../src/demo/DemoStyles.ts"],"names":[],"mappings":";AAEA,wBAyDC"}

package/build/src/demo/DemoStyles.js

@@ -1,60 +0,0 @@
-import { css } from 'lit';
-export default css `
-  :root {
-    --dot-size: 1px;
-    --dot-space: 7px;
-  }
-
-  html,
-  body {
-    margin: 0;
-    font-family: 'Roboto', 'Noto', sans-serif;
-    background-color: var(--md-sys-color-surface);
-    color: var(--md-sys-color-on-surface);
-    background-image: radial-gradient(var(--md-sys-color-inverse-on-surface) 1px, transparent 0);
-    background-size: var(--dot-space) var(--dot-space);
-  }
-
-  .demo {
-    margin: 0;
-    padding: 0;
-    min-height: 100vh;
-  }
-
-  header {
-    background-color: var(--md-sys-color-surface-variant);
-    color: var(--md-sys-color-on-surface-variant);
-    display: flex;
-    align-items: center;
-
-    max-width: 1440px;
-    margin: 20px 40px;
-    padding: 0 24px;
-    border-radius: 40px;
-
-    font-family: var(--md-sys-typescale-title-large-font);
-    font-weight: var(--md-sys-typescale-title-large-weight);
-    font-size: var(--md-sys-typescale-title-large-size);
-    letter-spacing: var(--md-sys-typescale-title-large-tracking);
-    line-height: var(--md-sys-typescale-title-large-height);
-  }
-
-  #app {
-    height: 100%;
-  }
-
-  main {
-    /* max-width: 900px;
-  margin: 40px auto; */
-    border-radius: 40px;
-    padding: 24px;
-
-    /* background-color: var(--md-sys-color-primary-container);
-  color: var(--md-sys-color-on-primary-container); */
-  }
-
-  .demo-section {
-    margin: 60px 0;
-  }
-`;
-//# sourceMappingURL=DemoStyles.js.map

package/build/src/demo/DemoStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoStyles.js","sourceRoot":"","sources":["../../../src/demo/DemoStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :root {\n    --dot-size: 1px;\n    --dot-space: 7px;\n  }\n\n  html,\n  body {\n    margin: 0;\n    font-family: 'Roboto', 'Noto', sans-serif;\n    background-color: var(--md-sys-color-surface);\n    color: var(--md-sys-color-on-surface);\n    background-image: radial-gradient(var(--md-sys-color-inverse-on-surface) 1px, transparent 0);\n    background-size: var(--dot-space) var(--dot-space);\n  }\n\n  .demo {\n    margin: 0;\n    padding: 0;\n    min-height: 100vh;\n  }\n\n  header {\n    background-color: var(--md-sys-color-surface-variant);\n    color: var(--md-sys-color-on-surface-variant);\n    display: flex;\n    align-items: center;\n\n    max-width: 1440px;\n    margin: 20px 40px;\n    padding: 0 24px;\n    border-radius: 40px;\n\n    font-family: var(--md-sys-typescale-title-large-font);\n    font-weight: var(--md-sys-typescale-title-large-weight);\n    font-size: var(--md-sys-typescale-title-large-size);\n    letter-spacing: var(--md-sys-typescale-title-large-tracking);\n    line-height: var(--md-sys-typescale-title-large-height);\n  }\n\n  #app {\n    height: 100%;\n  }\n\n  main {\n    /* max-width: 900px;\n  margin: 40px auto; */\n    border-radius: 40px;\n    padding: 24px;\n\n    /* background-color: var(--md-sys-color-primary-container);\n  color: var(--md-sys-color-on-primary-container); */\n  }\n\n  .demo-section {\n    margin: 60px 0;\n  }\n`\n"]}

package/build/src/elements/contextual-menu/internals/ContextualMenu.d.ts.map

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

package/build/src/elements/contextual-menu/internals/ContextualMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextualMenu.js","sourceRoot":"","sources":["../../../../../src/elements/contextual-menu/internals/ContextualMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import { MenuItem } from './MenuItem.js'\nimport { genId } from './IdGenerator.js'\nimport type {\n  CommandBase,\n  ContextMenuCommand,\n  ContextMenuExecuteDetail,\n  CustomMenuEventDetail,\n  MenuOptions,\n  MenuPoint,\n  MenuTriggerInfo,\n} from './types.js'\nimport type ContextMenuElement from './ContextualMenuElement.js'\nimport { Logger, ILogObj } from 'tslog'\n\nimport '../contextual-menu.js'\n\nfunction cancelEvent(e: Event): void {\n  e.preventDefault()\n  e.stopPropagation()\n}\n\n/**\n * The base class for the context menu. It can be used as is but in some specific cases\n * you may want to extend this class to be able to find command target accurately.\n *\n * @template S - The definition of the store passed to commands.\n */\nexport class ContextualMenu<S = unknown> extends EventTarget {\n  #connectedValue = false\n\n  /**\n   * @returns true when the menu is connected to the `workspace`.\n   */\n  get connected(): boolean {\n    return this.#connectedValue\n  }\n\n  /**\n   * The store initialized with this context menu. Passed to the lifecycle functions.\n   */\n  store: S = {} as S\n\n  /**\n   * The root level menu commands\n   */\n  commands: MenuItem<S>[] = []\n\n  /**\n   * An information about the trigger that initialized this menu.\n   */\n  triggerInfo?: MenuTriggerInfo\n\n  /**\n   * The Menu configuration options.\n   */\n  options: MenuOptions\n\n  currentMenu?: ContextMenuElement<S>\n\n  #debug = false\n\n  get debug(): boolean {\n    return this.#debug\n  }\n\n  set debug(value: boolean) {\n    if (this.#debug === value) {\n      return\n    }\n    this.#debug = value\n    if (this.logger) {\n      this.logger.settings.minLevel = value ? 0 : 4\n    }\n  }\n\n  protected logger: Logger<ILogObj>\n\n  /**\n   * @param workspace The root element that is the click handler\n   * @param opts The Menu configuration options.\n   */\n  constructor(\n    public workspace: HTMLElement,\n    opts: MenuOptions = {}\n  ) {\n    super()\n\n    this.options = { ...opts }\n\n    this.logger = new Logger({ minLevel: this.debug ? 0 : 4, name: 'context-menu', hideLogPositionForProduction: true })\n\n    this.contextHandler = this.contextHandler.bind(this)\n    this.clickHandler = this.clickHandler.bind(this)\n    this.keydownHandler = this.keydownHandler.bind(this)\n    this.customMenuHandler = this.customMenuHandler.bind(this)\n    this.menuTriggerHandler = this.menuTriggerHandler.bind(this)\n  }\n\n  /**\n   * Starts listening on user events\n   */\n  connect(): void {\n    this.logger.debug('Connecting contextual menu...')\n    this.workspace.addEventListener('contextmenu', this.contextHandler)\n    this.workspace.addEventListener('custommenu', this.customMenuHandler as EventListener)\n    window.addEventListener('click', this.clickHandler)\n    window.addEventListener('keydown', this.keydownHandler)\n    this.#connectedValue = true\n  }\n\n  /**\n   * Cleans up the listeners\n   */\n  disconnect(): void {\n    this.logger.debug('Disconnecting contextual menu...')\n    this.workspace.removeEventListener('contextmenu', this.contextHandler)\n    this.workspace.removeEventListener('custommenu', this.customMenuHandler as EventListener)\n    window.removeEventListener('click', this.clickHandler)\n    window.removeEventListener('keydown', this.keydownHandler)\n    this.#connectedValue = false\n  }\n\n  /**\n   * Reads {x,y} point of the click from the pointer event.\n   *\n   * Override this method to customize position reading.\n   */\n  readTargetClickPosition(e: MouseEvent): MenuPoint {\n    const result: MenuPoint = {\n      x: e.clientX,\n      y: e.clientY,\n    }\n    this.logger.debug('readTargetClickPosition result:', result)\n    return result\n  }\n\n  /**\n   * Override this method to customize finding event click target.\n   * @param e Finds the click target from the event\n   */\n  findTarget(e: MouseEvent): HTMLElement | SVGElement | undefined {\n    this.logger.debug('findTarget results with \"e.target\"')\n    return e.target as HTMLElement | SVGElement | undefined\n  }\n\n  /**\n   * Maps an element to the target name used by the commands.\n   * By default it returns `root` when the click target element is the `workspace` or\n   * a combination of element name and list of all classes otherwise.\n   *\n   * Override this method to customize target name reading.\n   *\n   * @param element The context click target\n   * @returns The target name.\n   */\n  elementToTarget(element: HTMLElement | SVGElement): string | undefined {\n    if (element === this.workspace) {\n      this.logger.debug('elementToTarget result:', 'root')\n      return 'root'\n    }\n    if (!element.localName) {\n      this.logger.debug('elementToTarget result:', undefined)\n      return undefined\n    }\n    let name = element.localName\n    const cls = Array.from(element.classList).join('.')\n    if (cls) {\n      name += `.${cls}`\n    }\n    this.logger.debug('elementToTarget result:', name)\n    return name\n  }\n\n  /**\n   * Handler for the context menu event.\n   */\n  protected contextHandler(e: MouseEvent): void {\n    // if (!this.options.cancelNativeWhenHandled) {\n    //   cancelEvent(e);\n    // }\n    this.destroy()\n    const target = this.findTarget(e)\n    if (!target) {\n      return\n    }\n    const name = this.elementToTarget(target)\n    this.logger.debug('contextHandler', 'target:', target.localName, 'name:', name)\n    if (!name) {\n      return\n    }\n    // since the context menu has fixed position it doesn't matter what the context\n    // is as the menu is rendered over all elements.\n    // The `readTargetClickPosition()` is used to determine click target for the commands.\n    const clickPoint = {\n      x: e.clientX,\n      y: e.clientY,\n    }\n    const targetPoint = this.readTargetClickPosition(e)\n    const rendered = this.build(target, name, clickPoint, targetPoint)\n    if (rendered) {\n      cancelEvent(e)\n    } else if (this.options.cancelNativeWhenHandled) {\n      cancelEvent(e)\n    }\n  }\n\n  /**\n   * A handler for the `custommenu` event handler to trigger the menu without the user interaction.\n   */\n  protected customMenuHandler(e: CustomEvent<CustomMenuEventDetail>): void {\n    cancelEvent(e)\n    const { name, x = 0, y = 0, actionTarget = this.workspace, clickEvent, customData } = e.detail\n    const clickPoint = {\n      x,\n      y,\n    }\n    const targetPoint = clickEvent ? this.readTargetClickPosition(clickEvent) : clickPoint\n    this.build(actionTarget, name, clickPoint, targetPoint, customData)\n  }\n\n  /**\n   * Handles the click event on the document to close the menu is the click\n   * is outside the menu.\n   */\n  protected clickHandler(e: MouseEvent): void {\n    if (!this.currentMenu || e.defaultPrevented) {\n      return\n    }\n    const elm = e.target as Element\n    const inside = this.currentMenu.contains(elm)\n    if (!inside) {\n      this.logger.debug('Click outside the menu. Destroing...')\n      this.destroy()\n    }\n  }\n\n  /**\n   * Closes the menu when ESC is pressed\n   */\n  protected keydownHandler(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && this.currentMenu) {\n      this.logger.debug('Escape key detected. Destroing the menu...')\n      this.destroy()\n    }\n  }\n\n  /**\n   * Register a list of commands to be rendered in the menu when triggered.\n   * This overrides previously registered commands.\n   */\n  registerCommands(commands: CommandBase<S>[]): void {\n    if (!Array.isArray(commands) || !commands.length) {\n      this.logger.warn('registerCommands called with empty array')\n      return\n    }\n    this.commands = this.prepareCommands(commands)\n  }\n\n  /**\n   * Adds a single command to the menu.\n   */\n  addCommand(command: CommandBase<S>): void {\n    if (!this.commands) {\n      this.commands = []\n    }\n    const item = this.prepareCommands([command])[0]\n    this.commands.push(item)\n  }\n\n  /**\n   * Prepares incoming commands for the internal use.\n   * @param commands - The commands to process.\n   */\n  protected prepareCommands(commands: CommandBase<S>[]): MenuItem<S>[] {\n    const result: MenuItem<S>[] = []\n    commands.forEach((item) => {\n      if (!item) {\n        return\n      }\n      const { type = 'normal' } = item\n      switch (type) {\n        case 'separator':\n          result.push(new MenuItem(item))\n          break\n        case 'label':\n          result.push(new MenuItem(item))\n          break\n        case 'normal':\n        case 'radio':\n          {\n            const normalized = this.normalizeMenuItem(item as ContextMenuCommand<S>)\n            result.push(new MenuItem(normalized))\n          }\n          break\n        default:\n      }\n    })\n    return result\n  }\n\n  protected normalizeMenuItem(item: ContextMenuCommand<S>): ContextMenuCommand<S> {\n    const cp = { ...item }\n    if (!cp.id) {\n      cp.id = genId()\n    }\n    if (Array.isArray(cp.children) && cp.children.length) {\n      cp.children = this.prepareCommands(cp.children)\n    } else if (cp.children) {\n      cp.children = undefined\n    }\n    return cp\n  }\n\n  /**\n   * Builds the menu for the target.\n   *\n   * @param target The element that triggered the menu\n   * @param name The `target` name declared in the commands.\n   * @param placementPoint The workspace position of where to place the menu.\n   * @param targetPoint The workspace position of the click target\n   * @param customData Any data to set on the instance to pass to the `execute` and `enabled` functions.\n   */\n  build(\n    target: HTMLElement | SVGElement,\n    name: string,\n    placementPoint: MenuPoint,\n    targetPoint: MenuPoint,\n    customData?: unknown\n  ): boolean {\n    this.triggerInfo = undefined\n    const commands = this.listCommands(name, target)\n    this.logger.debug('build', 'commands discovered', commands.length)\n    if (!commands.length) {\n      return false\n    }\n    this.triggerInfo = {\n      point: targetPoint,\n      customData,\n      target,\n    }\n    this.render(placementPoint, commands)\n    target.setAttribute('active', '')\n    return true\n  }\n\n  /**\n   * @param placementPoint The workspace position of where to place the menu.\n   * @param commands The commands render\n   */\n  render(placementPoint: MenuPoint, commands: MenuItem<S>[]): void {\n    const { workspace } = this\n    const menu = document.createElement('contextual-menu') as unknown as ContextMenuElement<S>\n    menu.store = this.store\n    menu.target = this.triggerInfo?.target\n    menu.customData = this.triggerInfo?.customData\n    menu.workspace = workspace\n    menu.classList.add('context-menu')\n    menu.commands = commands\n    menu.style.top = `${placementPoint.y}px`\n    menu.style.left = `${placementPoint.x}px`\n    menu.setAttribute('tabindex', '0')\n\n    if (workspace.shadowRoot) {\n      workspace.shadowRoot.append(menu)\n    } else {\n      this.workspace.append(menu)\n    }\n    this.currentMenu = menu\n    menu.focus()\n    menu.addEventListener('trigger', this.menuTriggerHandler as EventListener)\n  }\n\n  /**\n   * Lists all commands that matches the target.\n   *\n   * @param targetName The build target name\n   * @param targetElement The element that triggered the menu\n   */\n  listCommands(targetName: string, targetElement: HTMLElement | SVGElement): MenuItem<S>[] {\n    this.logger.debug('listCommands')\n    const { commands = [] } = this\n    const result: MenuItem<S>[] = []\n    const filter = ['all', targetName]\n    this.logger.debug('listCommands', 'filter:', filter)\n    commands.forEach((cmd) => {\n      this.logger.silly('listCommands', 'matching tharget', cmd.target)\n      if (Array.isArray(cmd.target)) {\n        const hasTarget = cmd.target.some((item) => filter.includes(item))\n        if (hasTarget) {\n          result.push(cmd)\n        }\n      } else if (filter.includes(cmd.target || '')) {\n        result.push(cmd)\n      } else {\n        try {\n          if (targetElement.matches(cmd.target || '')) {\n            result.push(cmd)\n          }\n        } catch {\n          //\n        }\n      }\n    })\n    return result\n  }\n\n  /**\n   * Removes the currently rendered menu.\n   */\n  destroy(): void {\n    if (!this.currentMenu) {\n      return\n    }\n    ;(this.triggerInfo as MenuTriggerInfo).target.removeAttribute('active')\n    this.triggerInfo = undefined\n    const { workspace } = this\n    if (workspace.shadowRoot) {\n      workspace.shadowRoot.removeChild(this.currentMenu)\n    } else {\n      workspace.removeChild(this.currentMenu)\n    }\n    this.currentMenu.removeEventListener('trigger', this.menuTriggerHandler as EventListener)\n    this.currentMenu = undefined\n  }\n\n  /**\n   * Handler for the `trigger` event dispatched by the menu\n   */\n  protected menuTriggerHandler(e: CustomEvent): void {\n    const { item, command, parent } = e.detail\n    const cmd = command as MenuItem\n    const parentCommand = parent as MenuItem\n    const { triggerInfo, workspace, store } = this\n    const { point, target, customData } = triggerInfo as MenuTriggerInfo\n    this.destroy()\n    if (parentCommand && parentCommand.execute && !cmd.execute) {\n      parentCommand.trigger(cmd, store, target, workspace, point, customData, item)\n    } else if (cmd.execute) {\n      cmd.trigger(cmd, store, target, workspace, point, customData)\n    } else {\n      const detail: ContextMenuExecuteDetail = {\n        id: cmd.id,\n        store,\n        target,\n        root: workspace,\n        clickPoint: point,\n        customData,\n        selectedSubcommand: item,\n        item: cmd,\n      }\n      this.dispatchEvent(\n        new CustomEvent('execute', {\n          detail,\n        })\n      )\n    }\n  }\n}\n"]}

package/build/test/elements/navigation/Navigation.test.d.ts

@@ -1,3 +0,0 @@
-import '../../../src/elements/navigation/ui-navigation.js';
-import '../../../src/elements/navigation/ui-navigation-item.js';
-//# sourceMappingURL=Navigation.test.d.ts.map

package/build/test/elements/navigation/Navigation.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.test.d.ts","sourceRoot":"","sources":["../../../../test/elements/navigation/Navigation.test.ts"],"names":[],"mappings":"AAEA,OAAO,mDAAmD,CAAA;AAC1D,OAAO,wDAAwD,CAAA"}

package/build/test/elements/navigation/Navigation.test.js

@@ -1,113 +0,0 @@
-import { html, fixture, assert, oneEvent, aTimeout } from '@open-wc/testing';
-import '../../../src/elements/navigation/ui-navigation.js';
-import '../../../src/elements/navigation/ui-navigation-item.js';
-describe('Navigation', () => {
-    it('renders with slot content', async () => {
-        const el = await fixture(html `
-      <ui-navigation aria-label="Main navigation">
-        <ui-navigation-item selected aria-current="page">Home</ui-navigation-item>
-        <ui-navigation-item>Search</ui-navigation-item>
-        <ui-navigation-item>Files</ui-navigation-item>
-      </ui-navigation>
-    `);
-        const nav = el.shadowRoot.querySelector('nav');
-        assert.ok(nav, 'nav element is rendered');
-        assert.equal(nav?.getAttribute('aria-label'), 'Main navigation');
-        const items = el._items;
-        assert.equal(items.length, 3);
-        assert.isTrue(items[0].selected);
-        assert.equal(items[0].getAttribute('aria-current'), 'page');
-    });
-    it('sets correct tabindex for items', async () => {
-        const el = await fixture(html `
-      <ui-navigation>
-        <ui-navigation-item selected>Home</ui-navigation-item>
-        <ui-navigation-item>Search</ui-navigation-item>
-      </ui-navigation>
-    `);
-        const items = el._items;
-        assert.equal(items[0].getAttribute('tabindex'), '0');
-        assert.equal(items[1].getAttribute('tabindex'), '-1');
-    });
-    it('selects item on click and fires select event', async () => {
-        const el = await fixture(html `
-      <ui-navigation>
-        <ui-navigation-item>Home</ui-navigation-item>
-        <ui-navigation-item>Search</ui-navigation-item>
-      </ui-navigation>
-    `);
-        const items = el._items;
-        setTimeout(() => items[1].click());
-        const ev = await oneEvent(el, 'select');
-        assert.equal(ev.detail.item, items[1]);
-        assert.isTrue(items[1].selected);
-        assert.equal(items[1].getAttribute('tabindex'), '0');
-        assert.isFalse(items[0].selected);
-        assert.equal(items[0].getAttribute('tabindex'), '-1');
-    });
-    it('handles keyboard navigation (vertical)', async () => {
-        const el = await fixture(html `
-      <ui-navigation>
-        <ui-navigation-item>Home</ui-navigation-item>
-        <ui-navigation-item>Search</ui-navigation-item>
-        <ui-navigation-item>Files</ui-navigation-item>
-      </ui-navigation>
-    `);
-        const items = el._items;
-        items[0].focus();
-        // ArrowDown moves to next
-        items[0].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
-        await aTimeout(0);
-        assert.dom.equal(document.activeElement, items[1]);
-        // ArrowUp wraps to last
-        items[1].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp', bubbles: true }));
-        await aTimeout(0);
-        assert.dom.equal(document.activeElement, items[0]);
-    });
-    it('handles keyboard navigation (horizontal)', async () => {
-        const el = await fixture(html `
-      <ui-navigation orientation="horizontal">
-        <ui-navigation-item>Home</ui-navigation-item>
-        <ui-navigation-item>Search</ui-navigation-item>
-      </ui-navigation>
-    `);
-        const items = el._items;
-        items[0].focus();
-        items[0].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowRight', bubbles: true }));
-        await aTimeout(0);
-        assert.dom.equal(document.activeElement, items[1]);
-        items[1].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowLeft', bubbles: true }));
-        await aTimeout(0);
-        assert.dom.equal(document.activeElement, items[0]);
-    });
-    it('skips disabled items in navigation', async () => {
-        const el = await fixture(html `
-      <ui-navigation>
-        <ui-navigation-item>Home</ui-navigation-item>
-        <ui-navigation-item disabled>Search</ui-navigation-item>
-        <ui-navigation-item>Files</ui-navigation-item>
-      </ui-navigation>
-    `);
-        const items = el._items;
-        items[0].focus();
-        items[0].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
-        await aTimeout(0);
-        // Should skip disabled and go to Files
-        assert.dom.equal(document.activeElement, items[2]);
-    });
-    it('sets aria-current on selected item if current is set', async () => {
-        const el = await fixture(html `
-      <ui-navigation current="page">
-        <ui-navigation-item>Home</ui-navigation-item>
-        <ui-navigation-item>Search</ui-navigation-item>
-      </ui-navigation>
-    `);
-        const items = el._items;
-        // Simulate user selection by clicking the item (public API)
-        items[1].click();
-        await aTimeout(0);
-        assert.equal(items[1].getAttribute('aria-current'), 'page');
-        assert.isFalse(items[0].hasAttribute('aria-current'));
-    });
-});
-//# sourceMappingURL=Navigation.test.js.map

package/build/test/elements/navigation/Navigation.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.test.js","sourceRoot":"","sources":["../../../../test/elements/navigation/Navigation.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, assert, oneEvent, aTimeout } from '@open-wc/testing'\nimport type Navigation from '../../../src/elements/navigation/internals/Navigation.js'\nimport '../../../src/elements/navigation/ui-navigation.js'\nimport '../../../src/elements/navigation/ui-navigation-item.js'\n\ndescribe('Navigation', () => {\n  it('renders with slot content', async () => {\n    const el = await fixture<Navigation>(html`\n      <ui-navigation aria-label=\"Main navigation\">\n        <ui-navigation-item selected aria-current=\"page\">Home</ui-navigation-item>\n        <ui-navigation-item>Search</ui-navigation-item>\n        <ui-navigation-item>Files</ui-navigation-item>\n      </ui-navigation>\n    `)\n    const nav = el.shadowRoot!.querySelector('nav')\n    assert.ok(nav, 'nav element is rendered')\n    assert.equal(nav?.getAttribute('aria-label'), 'Main navigation')\n    const items = el._items\n    assert.equal(items.length, 3)\n    assert.isTrue(items[0].selected)\n    assert.equal(items[0].getAttribute('aria-current'), 'page')\n  })\n\n  it('sets correct tabindex for items', async () => {\n    const el = await fixture<Navigation>(html`\n      <ui-navigation>\n        <ui-navigation-item selected>Home</ui-navigation-item>\n        <ui-navigation-item>Search</ui-navigation-item>\n      </ui-navigation>\n    `)\n    const items = el._items\n    assert.equal(items[0].getAttribute('tabindex'), '0')\n    assert.equal(items[1].getAttribute('tabindex'), '-1')\n  })\n\n  it('selects item on click and fires select event', async () => {\n    const el = await fixture<Navigation>(html`\n      <ui-navigation>\n        <ui-navigation-item>Home</ui-navigation-item>\n        <ui-navigation-item>Search</ui-navigation-item>\n      </ui-navigation>\n    `)\n    const items = el._items\n    setTimeout(() => items[1].click())\n    const ev = await oneEvent(el, 'select')\n    assert.equal(ev.detail.item, items[1])\n    assert.isTrue(items[1].selected)\n    assert.equal(items[1].getAttribute('tabindex'), '0')\n    assert.isFalse(items[0].selected)\n    assert.equal(items[0].getAttribute('tabindex'), '-1')\n  })\n\n  it('handles keyboard navigation (vertical)', async () => {\n    const el = await fixture<Navigation>(html`\n      <ui-navigation>\n        <ui-navigation-item>Home</ui-navigation-item>\n        <ui-navigation-item>Search</ui-navigation-item>\n        <ui-navigation-item>Files</ui-navigation-item>\n      </ui-navigation>\n    `)\n    const items = el._items\n    items[0].focus()\n    // ArrowDown moves to next\n    items[0].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }))\n    await aTimeout(0)\n    assert.dom.equal(document.activeElement, items[1])\n    // ArrowUp wraps to last\n    items[1].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp', bubbles: true }))\n    await aTimeout(0)\n    assert.dom.equal(document.activeElement, items[0])\n  })\n\n  it('handles keyboard navigation (horizontal)', async () => {\n    const el = await fixture<Navigation>(html`\n      <ui-navigation orientation=\"horizontal\">\n        <ui-navigation-item>Home</ui-navigation-item>\n        <ui-navigation-item>Search</ui-navigation-item>\n      </ui-navigation>\n    `)\n    const items = el._items\n    items[0].focus()\n    items[0].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowRight', bubbles: true }))\n    await aTimeout(0)\n    assert.dom.equal(document.activeElement, items[1])\n    items[1].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowLeft', bubbles: true }))\n    await aTimeout(0)\n    assert.dom.equal(document.activeElement, items[0])\n  })\n\n  it('skips disabled items in navigation', async () => {\n    const el = await fixture<Navigation>(html`\n      <ui-navigation>\n        <ui-navigation-item>Home</ui-navigation-item>\n        <ui-navigation-item disabled>Search</ui-navigation-item>\n        <ui-navigation-item>Files</ui-navigation-item>\n      </ui-navigation>\n    `)\n    const items = el._items\n    items[0].focus()\n    items[0].dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }))\n    await aTimeout(0)\n    // Should skip disabled and go to Files\n    assert.dom.equal(document.activeElement, items[2])\n  })\n\n  it('sets aria-current on selected item if current is set', async () => {\n    const el = await fixture<Navigation>(html`\n      <ui-navigation current=\"page\">\n        <ui-navigation-item>Home</ui-navigation-item>\n        <ui-navigation-item>Search</ui-navigation-item>\n      </ui-navigation>\n    `)\n    const items = el._items\n    // Simulate user selection by clicking the item (public API)\n    items[1].click()\n    await aTimeout(0)\n    assert.equal(items[1].getAttribute('aria-current'), 'page')\n    assert.isFalse(items[0].hasAttribute('aria-current'))\n  })\n})\n"]}

package/commitlint.config.cjs

@@ -1,2 +0,0 @@
-// eslint-disable-next-line no-undef
-module.exports = { extends: ['@commitlint/config-conventional'] }

package/demo/elements/authorization/AuthPlugin.js

@@ -1,57 +0,0 @@
-import { OAuth2Server } from 'oauth2-mock-server'
-import proxy from 'koa-proxies'
-// Using the core library here slows down loading time signoficantly
-import getPort, { portNumbers } from 'get-port'
-import { AuthProxy } from './AuthProxy.js'
-
-/** @typedef {import('@web/dev-server-core').Plugin} Plugin */
-/** @typedef {import('@web/dev-server-core').ServerStartParams} ServerStartParams */
-
-const oauth2server = new OAuth2Server()
-const authProxy = new AuthProxy()
-let oauth2env
-
-export default /** @type Plugin */ ({
-  name: 'auth',
-
-  /**
-   * @param {ServerStartParams} args
-   */
-  async serverStart(args) {
-    const port = await getPort({ port: portNumbers(8000, 8100) })
-    const proxyPort = await getPort({ port: portNumbers(8000, 8100) })
-    args.app.use(
-      proxy('/auth', {
-        target: `http://localhost:${port}`,
-        // logs: true,
-        rewrite: (path) => path.replace('/auth', ''),
-      })
-    )
-    const jwtKey = await oauth2server.issuer.keys.generate('RS256')
-    await oauth2server.start(port, 'localhost')
-    await authProxy.start(proxyPort)
-
-    oauth2env = {
-      port,
-      root: '/auth',
-      jwtKey,
-      issuer: oauth2server.issuer.url,
-      tokenProxy: `http://localhost:${proxyPort}/proxy?u=`,
-    }
-  },
-
-  async serverStop() {
-    await oauth2server.stop()
-    await authProxy.stop()
-  },
-
-  serve(context) {
-    if (context.path === '/demo/elements/authorization/env.js') {
-      const data = {
-        oauth2: oauth2env,
-      }
-      return `export default ${JSON.stringify(data)}`
-    }
-    return undefined
-  },
-})