@api-client/ui 0.5.38 → 0.5.40

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
-  },
-})

package/demo/elements/authorization/AuthProxy.js

@@ -1,215 +0,0 @@
-/* eslint-disable no-undef */
-import http from 'http'
-import https from 'https'
-
-/**
- * A server that proxies oauth 2 token requests from the client to the
- * final token request endpoint.
- *
- * Append the token endpoint to the `/proxy?u=...` endpoint.
- * The token URL must be URL encoded.
- *
- * Example:
- *
- * ```
- * http://localhost:8082/proxy?u=https....
- * ```
- */
-export class AuthProxy {
-  constructor() {
-    /** @type http.RequestListener */
-    this._requestListener = this._requestListener.bind(this)
-    /** @type http.IncomingMessage[] */
-    this.connections = []
-  }
-
-  /**
-   * @param {number} port Starts the proxy
-   * @returns {Promise<void>}
-   */
-  async start(port) {
-    const server = http.createServer(this._requestListener)
-    return new Promise((resolve) => {
-      server.listen(port, () => {
-        this.server = server
-        resolve()
-      })
-    })
-  }
-
-  /**
-   * @returns {Promise<void>}
-   */
-  async stop() {
-    if (!this.server) {
-      return undefined
-    }
-    return new Promise((resolve) => {
-      if (this.connections.length) {
-        console.log(`Stopping ${this.connections.length} connections.`)
-      }
-      this.connections.forEach((client) => {
-        if (!client.destroyed) {
-          client.destroy()
-        }
-      })
-      this.connections = []
-      console.log('Stopping OAuth 2 proxy...')
-      this.server.close(() => {
-        resolve()
-      })
-    })
-  }
-
-  /**
-   * @param {http.IncomingMessage} req
-   * @param {http.ServerResponse} res
-   */
-  async _requestListener(req, res) {
-    const { url = '', method } = req
-    if (method !== 'POST') {
-      this._sendError(req, res, 'not found (method)', 404)
-      return
-    }
-
-    if (!url.startsWith('/proxy?u=')) {
-      this._sendError(req, res, 'not found (url)', 404)
-      return
-    }
-
-    const proxied = decodeURIComponent(url.replace('/proxy?u=', ''))
-    if (!proxied) {
-      this._sendError(req, res, 'no token url')
-      return
-    }
-
-    if (!proxied.startsWith('https://') && !proxied.startsWith('http://')) {
-      this._sendError(req, res, `token url must use http(s): scheme. "${proxied}" given.`)
-      return
-    }
-
-    this.connections.push(req)
-    req.on('end', () => {
-      const index = this.connections.indexOf(req)
-      if (index >= 0) {
-        this.connections.splice(index, 1)
-      }
-    })
-    try {
-      const result = await this._proxy(req, proxied)
-      const { buffer, headers, code = 200 } = result
-      const corsHeaders = this._getCors(headers)
-      const finalHeaders = { ...headers, ...corsHeaders }
-      res.writeHead(code, finalHeaders)
-      res.end(buffer)
-    } catch (e) {
-      console.error(e)
-      this._sendError(req, res, e.message)
-    }
-    const index = this.connections.indexOf(req)
-    if (index >= 0) {
-      this.connections.splice(index, 1)
-    }
-  }
-
-  /**
-   * @param {http.IncomingMessage} req
-   * @param {http.ServerResponse} res
-   * @param {string} message
-   * @param {number} code
-   */
-  _sendError(req, res, message, code = 400) {
-    const { headers } = req
-    const body = JSON.stringify({
-      error: 'invalid_request',
-      error_description: message,
-    })
-    const rspHeaders = this._getCors(headers)
-    rspHeaders['content-type'] = 'application/json'
-    res.writeHead(code, rspHeaders)
-    res.end(body)
-  }
-
-  /**
-   * @param {http.IncomingHttpHeaders} requestHeaders
-   * @returns {http.OutgoingHttpHeaders}
-   */
-  _getCors(requestHeaders = {}) {
-    const { origin } = requestHeaders
-    const result = /** @type http.OutgoingHttpHeaders */ ({
-      'access-control-allow-origin': origin || '*',
-      'access-control-allow-methods': 'POST',
-      'access-control-request-headers': 'Content-Type',
-    })
-    return result
-  }
-
-  /**
-   * @param {http.IncomingMessage} req
-   * @param {string} url
-   * @returns {Promise<{ buffer: Buffer, header: http.IncomingHttpHeaders }>}
-   */
-  async _proxy(req, url) {
-    const body = await this._readBody(req)
-    return new Promise((resolve, reject) => {
-      const lib = url.startsWith('https://') ? https : http
-      const client = lib.request(
-        url,
-        {
-          headers: this._proxyHeaders(req),
-          method: req.method,
-        },
-        async (res) => {
-          const buffers = []
-          for await (const chunk of res) {
-            buffers.push(chunk)
-          }
-          resolve({
-            buffer: Buffer.concat(buffers),
-            headers: res.headers,
-            code: res.code,
-          })
-        }
-      )
-      client.on('error', (e) => {
-        console.error(`Error making connection to ${url}`)
-        reject(e)
-      })
-      client.write(body)
-      client.end()
-    })
-  }
-
-  /**
-   * @param {http.IncomingMessage} req
-   * @returns {http.IncomingHttpHeaders}
-   */
-  _proxyHeaders(req) {
-    const headers = { ...(req.headers || {}) }
-    delete headers.host
-    delete headers.connection
-    delete headers.accept
-    delete headers.origin
-    delete headers.referer
-    delete headers['sec-ch-ua']
-    delete headers['sec-ch-ua-mobile']
-    delete headers['sec-ch-ua-platform']
-    delete headers['user-agent']
-    delete headers['sec-fetch-site']
-    delete headers['sec-fetch-mode']
-    delete headers['sec-fetch-dest']
-    return headers
-  }
-
-  /**
-   * @param {http.IncomingMessage} req
-   * @returns {Promise<Buffer>}
-   */
-  async _readBody(req) {
-    const buffers = []
-    for await (const chunk of req) {
-      buffers.push(chunk)
-    }
-    return Buffer.concat(buffers)
-  }
-}

package/demo/elements/authorization/api-key.html

@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-  <title>API Key</title>
-  <link
-    href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
-    rel="stylesheet"
-  />
-  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
-  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
-  <link href="../../page.css" rel="stylesheet" type="text/css" />
-  <style>
-    .demo-row {
-      margin: 20px 0;
-    }
-  </style>
-</head>
-
-<body class="demo">
-  <div id="app"></div>
-  <script type="module" src="/.tmp/demo/elements/authorization/api-key.js"></script>
-</body>
-
-</html>

package/demo/elements/authorization/api-key.ts

@@ -1,44 +0,0 @@
-import { html, TemplateResult } from 'lit'
-import { type IRequestAuthorization, RequestAuthorization } from '@api-client/core/models/RequestAuthorization.js'
-import { reactive } from '../../../src/decorators/index.js'
-import { DemoPage } from '../../../src/demo/DemoPage.js'
-import { Authorization } from '../../../src/elements/authorization/ui/Authorization.js'
-import '../../../src/define/authorization/apikey-authorization.js'
-
-class ComponentDemoPage extends DemoPage {
-  override accessor componentName = 'API Key authorization'
-
-  @reactive() accessor authorization: IRequestAuthorization
-
-  constructor() {
-    super()
-    const auth = RequestAuthorization.fromTypedConfig('api key', {}, false)
-    this.authorization = auth.toJSON()
-  }
-
-  handleChange(e: Event): void {
-    const input = e.target as Authorization
-    console.log('Value changed', input.authorization)
-  }
-
-  handleDelete(): void {
-    console.log('Requested to delete.')
-  }
-
-  contentTemplate(): TemplateResult {
-    return html`
-      <a href="./">Back</a>
-      <section class="demo-section">
-        <h2 class="title-large">HTTP basic authorization</h2>
-        <apikey-authorization
-          .authorization="${this.authorization}"
-          @change="${this.handleChange}"
-          @delete="${this.handleDelete}"
-        ></apikey-authorization>
-      </section>
-    `
-  }
-}
-
-const instance = new ComponentDemoPage()
-instance.render()

package/demo/elements/authorization/basic.html

@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-  <title>HTTP basic</title>
-  <link
-    href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
-    rel="stylesheet"
-  />
-  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
-  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
-  <link href="../../page.css" rel="stylesheet" type="text/css" />
-  <style>
-    .demo-row {
-      margin: 20px 0;
-    }
-  </style>
-</head>
-
-<body class="demo">
-  <div id="app"></div>
-  <script type="module" src="/.tmp/demo/elements/authorization/basic.js"></script>
-</body>
-
-</html>

package/demo/elements/authorization/basic.ts

@@ -1,43 +0,0 @@
-import { html, TemplateResult } from 'lit'
-import { type IRequestAuthorization, RequestAuthorization } from '@api-client/core/models/RequestAuthorization.js'
-import { reactive } from '../../../src/decorators/index.js'
-import { DemoPage } from '../../../src/demo/DemoPage.js'
-import { Authorization } from '../../../src/elements/authorization/ui/Authorization.js'
-import '../../../src/define/authorization/basic-authorization.js'
-
-class ComponentDemoPage extends DemoPage {
-  override accessor componentName = 'HTTP basic authorization'
-
-  @reactive() accessor authorization: IRequestAuthorization
-
-  constructor() {
-    super()
-    const auth = RequestAuthorization.fromTypedConfig('basic', {}, false)
-    this.authorization = auth.toJSON()
-  }
-
-  handleChange(e: Event): void {
-    const input = e.target as Authorization
-    console.log('Value changed', input.authorization)
-  }
-
-  handleDelete(): void {
-    console.log('Requested to delete.')
-  }
-
-  contentTemplate(): TemplateResult {
-    return html`
-      <a href="./">Back</a>
-      <section class="demo-section">
-        <basic-authorization
-          .authorization="${this.authorization}"
-          @change="${this.handleChange}"
-          @delete="${this.handleDelete}"
-        ></basic-authorization>
-      </section>
-    `
-  }
-}
-
-const instance = new ComponentDemoPage()
-instance.render()

package/demo/elements/authorization/bearer.html

@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-  <title>HTTP bearer</title>
-  <link
-    href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
-    rel="stylesheet"
-  />
-  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
-  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
-  <link href="../../page.css" rel="stylesheet" type="text/css" />
-  <style>
-    .demo-row {
-      margin: 20px 0;
-    }
-  </style>
-</head>
-
-<body class="demo">
-  <div id="app"></div>
-  <script type="module" src="/.tmp/demo/elements/authorization/bearer.js"></script>
-</body>
-
-</html>

package/demo/elements/authorization/bearer.ts

@@ -1,43 +0,0 @@
-import { html, TemplateResult } from 'lit'
-import { type IRequestAuthorization, RequestAuthorization } from '@api-client/core/models/RequestAuthorization.js'
-import { reactive } from '../../../src/decorators/index.js'
-import { DemoPage } from '../../../src/demo/DemoPage.js'
-import BearerAuthorization from '../../../src/elements/authorization/ui/BearerAuthorization.js'
-import '../../../src/define/authorization/bearer-authorization.js'
-
-class ComponentDemoPage extends DemoPage {
-  override accessor componentName = 'HTTP Bearer authorization'
-
-  @reactive() accessor authorization: IRequestAuthorization
-
-  constructor() {
-    super()
-    const auth = RequestAuthorization.fromTypedConfig('bearer', {}, false)
-    this.authorization = auth.toJSON()
-  }
-
-  handleChange(e: Event): void {
-    const input = e.target as BearerAuthorization
-    console.log('Value changed', input.authorization)
-  }
-
-  handleDelete(): void {
-    console.log('Requested to delete.')
-  }
-
-  contentTemplate(): TemplateResult {
-    return html`
-      <a href="./">Back</a>
-      <section class="demo-section">
-        <bearer-authorization
-          .authorization="${this.authorization}"
-          @change="${this.handleChange}"
-          @delete="${this.handleDelete}"
-        ></bearer-authorization>
-      </section>
-    `
-  }
-}
-
-const instance = new ComponentDemoPage()
-instance.render()

package/demo/elements/authorization/env.js

@@ -1,8 +0,0 @@
-export default {
-  oauth2: {
-    port: 0,
-    root: '',
-    issuer: '',
-    tokenProxy: '',
-  },
-}