npm - @api-client/ui - Versions diffs - 0.5.39 → 0.5.40 - Mend

@api-client/ui 0.5.39 → 0.5.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (281) hide show

package/build/tsconfig.tsbuildinfo +1 -0
package/package.json +1 -1
package/.aiexclude +0 -3
package/.cursor/rules/html-and-css-best-practices.mdc +0 -63
package/.cursor/rules/lit-best-practices.mdc +0 -89
package/.editorconfig +0 -29
package/.github/CONTRIBUTING.md +0 -24
package/.github/instructions/html-and-css-best-practices.instructions.md +0 -70
package/.github/instructions/lit-best-practices.instructions.md +0 -90
package/.github/release.yml +0 -14
package/.github/stale.yml +0 -23
package/.github/workflows/auto-release.yml +0 -182
package/.github/workflows/release.yml +0 -82
package/.prettierrc.js +0 -14
package/.vscode/settings.json +0 -18
package/RELEASE.md +0 -163
package/RELEASE_SETUP.md +0 -235
package/build/src/demo/DemoPage.d.ts +0 -81
package/build/src/demo/DemoPage.d.ts.map +0 -1
package/build/src/demo/DemoPage.js +0 -175
package/build/src/demo/DemoPage.js.map +0 -1
package/build/src/demo/DemoStyles.d.ts +0 -3
package/build/src/demo/DemoStyles.d.ts.map +0 -1
package/build/src/demo/DemoStyles.js +0 -60
package/build/src/demo/DemoStyles.js.map +0 -1
package/build/test/elements/navigation/Navigation.test.d.ts +0 -3
package/build/test/elements/navigation/Navigation.test.d.ts.map +0 -1
package/build/test/elements/navigation/Navigation.test.js +0 -113
package/build/test/elements/navigation/Navigation.test.js.map +0 -1
package/commitlint.config.cjs +0 -2
package/demo/elements/authorization/AuthPlugin.js +0 -57
package/demo/elements/authorization/AuthProxy.js +0 -215
package/demo/elements/authorization/api-key.html +0 -27
package/demo/elements/authorization/api-key.ts +0 -44
package/demo/elements/authorization/basic.html +0 -27
package/demo/elements/authorization/basic.ts +0 -43
package/demo/elements/authorization/bearer.html +0 -27
package/demo/elements/authorization/bearer.ts +0 -43
package/demo/elements/authorization/env.js +0 -8
package/demo/elements/authorization/index.html +0 -44
package/demo/elements/authorization/ntlm.html +0 -27
package/demo/elements/authorization/ntlm.ts +0 -43
package/demo/elements/authorization/oauth-authorize.html +0 -75
package/demo/elements/authorization/oauth-authorize.ts +0 -40
package/demo/elements/authorization/oauth-error.html +0 -18
package/demo/elements/authorization/oauth-error.ts +0 -10
package/demo/elements/authorization/oauth-popup.html +0 -36
package/demo/elements/authorization/oauth2.html +0 -27
package/demo/elements/authorization/oauth2.ts +0 -100
package/demo/elements/authorization/oidc.html +0 -27
package/demo/elements/authorization/oidc.ts +0 -139
package/demo/elements/authorization/private.crt +0 -31
package/demo/elements/authorization/private.csr +0 -28
package/demo/elements/authorization/private.key +0 -51
package/demo/elements/authorization/private.pem +0 -31
package/demo/elements/authorization/redirect.html +0 -20
package/demo/elements/authorization/ssl-commands.sh +0 -30
package/demo/elements/authorization/ssl.conf +0 -24
package/demo/elements/autocomplete/index.html +0 -64
package/demo/elements/autocomplete/index.ts +0 -171
package/demo/elements/code-editor/CodeEditorDemo.ts +0 -173
package/demo/elements/code-editor/index.html +0 -19
package/demo/elements/context-menu/DemoIcons.ts +0 -21
package/demo/elements/context-menu/basic.html +0 -25
package/demo/elements/context-menu/basic.ts +0 -119
package/demo/elements/context-menu/custom-data.html +0 -25
package/demo/elements/context-menu/custom-data.ts +0 -62
package/demo/elements/context-menu/demo.css +0 -28
package/demo/elements/context-menu/enabled-state.html +0 -25
package/demo/elements/context-menu/enabled-state.ts +0 -73
package/demo/elements/context-menu/icons.html +0 -25
package/demo/elements/context-menu/icons.ts +0 -64
package/demo/elements/context-menu/index.html +0 -43
package/demo/elements/context-menu/nested.html +0 -25
package/demo/elements/context-menu/nestedt.ts +0 -152
package/demo/elements/context-menu/no-execute.html +0 -25
package/demo/elements/context-menu/no-execute.ts +0 -134
package/demo/elements/context-menu/radio-menu.html +0 -25
package/demo/elements/context-menu/radio-menu.ts +0 -83
package/demo/elements/context-menu/separators.html +0 -25
package/demo/elements/context-menu/separators.ts +0 -172
package/demo/elements/currency/index.html +0 -91
package/demo/elements/currency/index.ts +0 -352
package/demo/elements/environment/environment-editor.html +0 -20
package/demo/elements/environment/environment-editor.ts +0 -49
package/demo/elements/environment/index.html +0 -33
package/demo/elements/environment/server-editor.html +0 -20
package/demo/elements/environment/server-editor.ts +0 -67
package/demo/elements/environment/variables-editor.html +0 -20
package/demo/elements/environment/variables-editor.ts +0 -94
package/demo/elements/har/har-viewer.html +0 -20
package/demo/elements/har/har-viewer.ts +0 -76
package/demo/elements/har/har1.har +0 -3044
package/demo/elements/har/har2.json +0 -439
package/demo/elements/har/index.html +0 -26
package/demo/elements/highlight/example.md +0 -27
package/demo/elements/highlight/index.html +0 -31
package/demo/elements/highlight/marked-highlight.html +0 -132
package/demo/elements/highlight/marked-highlight.ts +0 -22
package/demo/elements/highlight/prism-highlight.html +0 -62
package/demo/elements/highlight/prism-highlight.ts +0 -17
package/demo/elements/http/body-editor.html +0 -17
package/demo/elements/http/body-editor.ts +0 -115
package/demo/elements/http/headers.html +0 -17
package/demo/elements/http/headers.ts +0 -59
package/demo/elements/http/http-assertions.html +0 -20
package/demo/elements/http/http-assertions.ts +0 -89
package/demo/elements/http/http-flows.html +0 -23
package/demo/elements/http/http-flows.ts +0 -89
package/demo/elements/http/index.html +0 -45
package/demo/elements/http/request-editor.html +0 -26
package/demo/elements/http/request-editor.ts +0 -197
package/demo/elements/http/request-log.html +0 -16
package/demo/elements/http/request-log.ts +0 -136
package/demo/elements/http/url-editing.html +0 -17
package/demo/elements/http/url-editing.ts +0 -112
package/demo/elements/icons/index.html +0 -81
package/demo/elements/icons/index.ts +0 -52
package/demo/elements/index.html +0 -72
package/demo/elements/mention-textarea/index.html +0 -19
package/demo/elements/mention-textarea/index.ts +0 -205
package/demo/elements/navigation/navigation-item.html +0 -49
package/demo/elements/navigation/navigation-item.ts +0 -131
package/demo/elements/navigation/navigation.html +0 -20
package/demo/elements/navigation/navigation.ts +0 -45
package/demo/elements/project/index.html +0 -29
package/demo/elements/project/project-run-report.html +0 -20
package/demo/elements/project/project-run-report.ts +0 -132
package/demo/elements/project/request-editor.html +0 -23
package/demo/elements/project/request-editor.ts +0 -232
package/demo/elements/user/user-avatar.html +0 -17
package/demo/elements/user/user-avatar.ts +0 -60
package/demo/env.js +0 -4
package/demo/index.html +0 -34
package/demo/layout/index.html +0 -94
package/demo/layout/index.ts +0 -190
package/demo/md/DemoStyles.ts +0 -61
package/demo/md/UiDemoPage.ts +0 -6
package/demo/md/buttons/button.html +0 -121
package/demo/md/buttons/button.ts +0 -246
package/demo/md/buttons/group.html +0 -36
package/demo/md/buttons/group.ts +0 -171
package/demo/md/checkbox/index.html +0 -39
package/demo/md/checkbox/index.ts +0 -220
package/demo/md/chip/chip.html +0 -70
package/demo/md/chip/chip.ts +0 -219
package/demo/md/chip/pawel6c9a.jpg +0 -0
package/demo/md/collapse/CustomDetail.ts +0 -89
package/demo/md/collapse/collapse.html +0 -21
package/demo/md/collapse/collapse.ts +0 -78
package/demo/md/date-picker/date-picker.ts +0 -336
package/demo/md/date-picker/index.html +0 -171
package/demo/md/dialog/confirm-dialog.html +0 -49
package/demo/md/dialog/confirm-dialog.ts +0 -121
package/demo/md/dialog/dialog.html +0 -25
package/demo/md/dialog/dialog.ts +0 -468
package/demo/md/dropdown-list/index.html +0 -31
package/demo/md/dropdown-list/index.ts +0 -158
package/demo/md/icon-button/index.html +0 -122
package/demo/md/icon-button/index.ts +0 -132
package/demo/md/index.html +0 -73
package/demo/md/inputs/input.html +0 -73
package/demo/md/inputs/input.ts +0 -278
package/demo/md/inputs/radio.html +0 -39
package/demo/md/inputs/radio.ts +0 -156
package/demo/md/inputs/switch.html +0 -45
package/demo/md/inputs/switch.ts +0 -144
package/demo/md/list/list.html +0 -65
package/demo/md/list/list.ts +0 -204
package/demo/md/listbox/listbox.html +0 -31
package/demo/md/listbox/listbox.ts +0 -27
package/demo/md/menu/index.html +0 -19
package/demo/md/menu/index.ts +0 -514
package/demo/md/notification/snack.html +0 -21
package/demo/md/notification/snack.ts +0 -70
package/demo/md/progress/progress.html +0 -46
package/demo/md/progress/progress.ts +0 -161
package/demo/md/segmented-button/index.html +0 -21
package/demo/md/segmented-button/index.ts +0 -55
package/demo/md/select/index.html +0 -16
package/demo/md/select/index.ts +0 -217
package/demo/md/tabs/tabs.html +0 -40
package/demo/md/tabs/tabs.ts +0 -214
package/demo/oauth-popup.html +0 -36
package/demo/page.css +0 -8
package/demo/resources/calendar-month.png +0 -0
package/demo/resources/favorite.png +0 -0
package/demo/resources/fingerprint.png +0 -0
package/demo/resources/home-work.png +0 -0
package/demo/resources/mood.png +0 -0
package/demo/resources/print.png +0 -0
package/demo/resources/stars.png +0 -0
package/demo/resources/theaters.png +0 -0
package/demo/tsconfig.json +0 -4
package/eslint.config.js +0 -97
package/scripts/copy-assets.js +0 -21
package/scripts/release.js +0 -66
package/src/demo/DemoPage.ts +0 -169
package/src/demo/DemoStyles.ts +0 -60
package/test/README.md +0 -375
package/test/contextual-menu/ContextMenu.test.ts +0 -760
package/test/contextual-menu/ContextMenuElement.test.ts +0 -569
package/test/core/activity.spec.ts +0 -413
package/test/core/activity_manager.spec.ts +0 -544
package/test/core/application.spec.ts +0 -218
package/test/core/fragment.spec.ts +0 -565
package/test/core/fragment_manager.spec.ts +0 -404
package/test/core/live_data.spec.ts +0 -558
package/test/core/renderer.spec.ts +0 -113
package/test/dom-assertions.test.ts +0 -182
package/test/elements/MonacoSetup.ts +0 -65
package/test/elements/authorization/basic-method.test.ts +0 -177
package/test/elements/authorization/bearer-method.test.ts +0 -143
package/test/elements/authorization/ntlm-method.test.ts +0 -219
package/test/elements/authorization/oauth2-client-credentials-method.test.ts +0 -334
package/test/elements/authorization/oauth2-code-method.test.ts +0 -320
package/test/elements/authorization/oauth2-custom-grant-method.test.ts +0 -255
package/test/elements/authorization/oauth2-device-code-method.test.ts +0 -371
package/test/elements/authorization/oauth2-implicit-method.test.ts +0 -407
package/test/elements/authorization/oauth2-jwt-method.test.ts +0 -217
package/test/elements/authorization/oauth2-password-method.test.ts +0 -275
package/test/elements/authorization/openid-method.test.ts +0 -591
package/test/elements/autocomplete/autocomplete-input.spec.ts +0 -646
package/test/elements/code-editor/code-editor.accessibility.test.ts +0 -298
package/test/elements/code-editor/code-editor.test.ts +0 -574
package/test/elements/currency/CurrencyPicker.accessibility.test.ts +0 -328
package/test/elements/currency/CurrencyPicker.core.test.ts +0 -318
package/test/elements/currency/CurrencyPicker.integration.test.ts +0 -482
package/test/elements/currency/CurrencyPicker.test.ts +0 -486
package/test/elements/data-table/DataTable.browser.test.ts +0 -649
package/test/elements/har/HarUtils.test.ts +0 -45
package/test/elements/har/HarViewerElement.test.ts +0 -687
package/test/elements/har/test-data/har1.har +0 -3044
package/test/elements/highlight/MarkedHighlightElement.test.ts +0 -452
package/test/elements/highlight/PrismHighlightElement.test.ts +0 -79
package/test/elements/highlight/PrismHighlighter.test.ts +0 -94
package/test/elements/highlight/remoteSanitization.md +0 -1
package/test/elements/highlight/test.md +0 -3
package/test/elements/highlight/test1.md +0 -3
package/test/elements/highlight/test2.md +0 -1
package/test/elements/http/BodyFormdataEditorElement.test.ts +0 -482
package/test/elements/http/BodyMultipartEditorElement.test.ts +0 -658
package/test/elements/http/BodyRawEditorElement.test.ts +0 -90
package/test/elements/http/CertificateAdd.test.ts +0 -457
package/test/elements/http/HttpAssertions.test.ts +0 -994
package/test/elements/http/HttpFlows.test.ts +0 -502
package/test/elements/http/UrlEncodeUtils.test.ts +0 -202
package/test/elements/layout/SplitItem.test.ts +0 -440
package/test/elements/layout/SplitLayoutManager.test.ts +0 -1501
package/test/elements/layout/SplitPanel.test.ts +0 -1109
package/test/elements/mention-textarea/MentionTextArea.basic.test.ts +0 -114
package/test/elements/mention-textarea/MentionTextArea.test.ts +0 -613
package/test/elements/navigation/Navigation.test.ts +0 -120
package/test/env.ts +0 -15
package/test/events/EventTypes.test.ts +0 -363
package/test/events/EventsTestHelpers.ts +0 -16
package/test/helpers/TestUtils.ts +0 -243
package/test/helpers/UiMock.ts +0 -185
package/test/lib/Dom.test.ts +0 -231
package/test/md/button/UiButton.test.ts +0 -347
package/test/md/button/UiIconButton.test.ts +0 -155
package/test/md/chip/UiChip.test.ts +0 -219
package/test/md/collapse/UiCollapse.test.ts +0 -250
package/test/md/collapse/flex-layout.test.ts +0 -105
package/test/md/date-time/DateTime.test.ts +0 -348
package/test/md/dialog/UiConfirmDialog.test.ts +0 -131
package/test/md/dialog/UiDialog.test.ts +0 -759
package/test/md/menu/Menu.test.ts +0 -855
package/test/md/menu/MenuIntegration.test.ts +0 -426
package/test/md/menu/MenuItem.test.ts +0 -652
package/test/md/menu/SubMenu.test.ts +0 -410
package/test/md/progress/UiCircularProgressElement.test.ts +0 -481
package/test/md/progress/UiProgressElement.test.ts +0 -117
package/test/md/progress/UiRangeElement.test.ts +0 -156
package/test/md/select/Select.test.ts +0 -925
package/test/plugins/takeScreenshotPlugin.js +0 -35
package/test/setup.test.ts +0 -217
package/test/setup.ts +0 -117
package/test/tsconfig.json +0 -7
package/web-dev-server.config.js +0 -21
package/web-test-runner.config.js +0 -90

package/demo/elements/highlight/marked-highlight.ts DELETED Viewed

@@ -1,22 +0,0 @@
-import MarkdownStyles from '../../../src/elements/highlight/MarkdownStyles.js'
-import '../../../src/elements/highlight/marked-highlight.js'
-function configChangedHandler(e: Event): void {
-  const input = e.target as HTMLInputElement
-  const prop = input.id as 'breaks' | 'sanitize' | 'pedantic' | 'disableRemoteSanitization'
-  const value = input.checked
-  const nodes = document.querySelectorAll('marked-highlight')
-  Array.from(nodes).forEach((node) => {
-    node[prop] = value
-  })
-}
-const nodes = document.querySelectorAll('#config input[type="checkbox"]')
-Array.from(nodes).forEach((node) => {
-  node.addEventListener('change', configChangedHandler)
-})
-const style = MarkdownStyles.styleSheet
-if (style) {
-  document.adoptedStyleSheets = [...document.adoptedStyleSheets, style]
-}

package/demo/elements/highlight/prism-highlight.html DELETED Viewed

@@ -1,62 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
-  <title>prism-highlight demo</title>
-  <style>
-    html {
-      --error-color: red;
-    }
-  </style>
-  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
-  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
-</head>
-<body>
-  <div class="vertical-section-container centered">
-    <h3>The prism-highlight - markdown</h3>
-    <prism-highlight id="c1" lang="markdown"></prism-highlight>
-    <script>
-    document.querySelector('#c1').code = '# Test highlight\nHello world!\n[link](https://domain.com)';
-    </script>
-    <h3>The prism-highlight - JSON</h3>
-    <prism-highlight id="cJson" lang="json"></prism-highlight>
-    <script>
-    document.querySelector('#cJson').code = '{\n\t"name": "Pawel Uchida-Psztyc",\n\t"occupation": "Software Engineer"\n}';
-    </script>
-    <h3>The prism-highlight - XML</h3>
-    <prism-highlight id="cXml" lang="xml"></prism-highlight>
-    <script>
-    document.querySelector('#cXml').code =
-      '<Person valid="true">\n\t<name>Pawel Uchida-Psztyc</name>\n\t<occupation>Software Engineer</occupation>\n</Person>';
-    </script>
-    <h3>The prism-highlight - javascript</h3>
-    <prism-highlight id="c2" lang="javascript"></prism-highlight>
-    <script>
-    document.querySelector('#c2').code = 'function(param) {\n' +
-      '  param.forEach((item) => this._parseItem(item))\n' +
-      '  const test = null;\n' +
-      '}';
-    </script>
-    <h3>The prism-highlight - HTML</h3>
-    <prism-highlight id="c3" lang="markup"></prism-highlight>
-    <script>
-      // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-      (async () => {
-        const response = await fetch(window.location.href);
-        const data = await response.text();
-        document.querySelector('#c3').code = `${data}\n${data}\n${data}`;
-      })();
-    </script>
-  </div>
-  <script type="module" src="/.tmp/demo/elements/highlight/prism-highlight.js"></script>
-</body>
-</html>

package/demo/elements/highlight/prism-highlight.ts DELETED Viewed

@@ -1,17 +0,0 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-import '../../../src/elements/highlight/prism-highlight.js'
-async function init(): Promise<void> {
-  try {
-    const response = await fetch(window.location.href)
-    const data = await response.text()
-    // @ts-ignore
-    document.querySelector('#c3').code = `${data}\n`
-  } catch (e) {
-    // @ts-ignore
-    document.querySelector('#c3').code = e.message
-  }
-}
-// setTimeout(() => init(), 1000);
-init()

package/demo/elements/http/body-editor.html DELETED Viewed

@@ -1,17 +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 body editing</title>
-  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
-  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
-</head>
-<body class="demo">
-  <div id="app"></div>
-  <script type="module" src="/.tmp/demo/elements/http/body-editor.js"></script>
-</body>
-</html>

package/demo/elements/http/body-editor.ts DELETED Viewed

@@ -1,115 +0,0 @@
-import { html, TemplateResult } from 'lit'
-import { RequestUiMeta } from '@api-client/core/models/RequestUiMeta.js'
-import { live } from 'lit/directives/live.js'
-import { ifDefined } from 'lit/directives/if-defined.js'
-import { DemoPage } from '../../../src/demo/DemoPage.js'
-import { reactive } from '../../../src/decorators/index.js'
-import BodyEditor from '../../../src/elements/http/BodyEditor.js'
-import Input from '../../../src/md/input/Input.js'
-import { Events } from '../../../src/events/Events.js'
-import '../../../src/define/http/http-body-editor.js'
-import '../../../src/md/text-field/ui-filled-text-field.js'
-const STORE_KEY = 'demo.request-ui.editor.body'
-class ComponentDemoPage extends DemoPage {
-  override accessor componentName = 'Body Editing'
-  @reactive() accessor contentType: string | undefined
-  @reactive() accessor initialized: boolean
-  @reactive() accessor ui = new RequestUiMeta()
-  @reactive() accessor payload: unknown | undefined
-  constructor() {
-    super()
-    this.initialized = false
-    this.init()
-  }
-  async init(): Promise<void> {
-    await this.loadMonaco()
-    this.restoreModel()
-    this.initialized = true
-  }
-  restoreModel(): void {
-    const data = localStorage.getItem(STORE_KEY)
-    if (!data) {
-      return
-    }
-    try {
-      this.ui = new RequestUiMeta(data)
-    } catch {
-      //
-    }
-  }
-  storeModel(): void {
-    const { ui } = this
-    localStorage.setItem(STORE_KEY, JSON.stringify(ui))
-  }
-  handleChange(e: Event): void {
-    const body = e.target as BodyEditor
-    const { value, model, selected } = body
-    if (!this.ui.body) {
-      this.ui.body = {}
-    }
-    this.ui.body.model = model
-    this.ui.body.selected = selected
-    this.payload = value
-    console.log('Change from the editor', value, model, selected)
-    this.storeModel()
-  }
-  handleContentType(e: Event): void {
-    const input = e.target as Input
-    this.contentType = input.value
-    Events.Http.Request.State.contentTypeChange(input.value)
-  }
-  contentTemplate(): TemplateResult {
-    if (!this.initialized) {
-      return html`
-        <a href="./">Back</a>
-        <div class="screen-loader">
-          <p>Loading demo page</p>
-          <progress></progress>
-        </div>
-      `
-    }
-    const { body } = this.ui
-    const selected = body && (body.selected as 'file' | 'raw' | 'urlEncode' | 'multipart')
-    const model = body && body.model
-    return html`
-      <a href="./">Back</a>
-      <section class="demo-section">
-        <h2 class="title-large">Setup</h2>
-        <ui-filled-text-field
-          label="Content type"
-          .value="${live(this.contentType || '')}"
-          @change="${this.handleContentType}"
-        ></ui-filled-text-field>
-      </section>
-      <section class="demo-section">
-        <h2 class="title-large">HTTP body editor</h2>
-        <http-body-editor
-          .contentType="${this.contentType}"
-          .model="${model}"
-          .value="${(!model && this.payload) || undefined}"
-          selected="${ifDefined(selected)}"
-          @change="${this.handleChange}"
-          @select="${this.handleChange}"
-        ></http-body-editor>
-      </section>
-    `
-  }
-}
-const instance = new ComponentDemoPage()
-instance.render()

package/demo/elements/http/headers.html DELETED Viewed

@@ -1,17 +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 headers editing</title>
-  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
-  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
-</head>
-<body class="demo">
-  <div id="app"></div>
-  <script type="module" src="/.tmp/demo/elements/http/headers.js"></script>
-</body>
-</html>

package/demo/elements/http/headers.ts DELETED Viewed

@@ -1,59 +0,0 @@
-import { html, TemplateResult } from 'lit'
-import { IProperty } from '@api-client/core/models/Property.js'
-import { DemoPage } from '../../../src/demo/DemoPage.js'
-import { reactive } from '../../../src/decorators/index.js'
-import '../../../src/define/http/http-headers-form.js'
-import HeadersForm from '../../../src/elements/http/HeadersForm.js'
-const STORE_KEY = 'demo.request-ui.editor.headers.model'
-class ComponentDemoPage extends DemoPage {
-  override accessor componentName = 'Headers Editing'
-  @reactive() accessor model: IProperty[] = []
-  constructor() {
-    super()
-    this.restoreModel()
-  }
-  restoreModel(): void {
-    const data = localStorage.getItem(STORE_KEY)
-    if (!data) {
-      return
-    }
-    try {
-      const tmp = JSON.parse(data)
-      if (Array.isArray(tmp)) {
-        this.model = tmp as IProperty[]
-      }
-    } catch {
-      //
-    }
-  }
-  storeModel(): void {
-    const { model } = this
-    localStorage.setItem(STORE_KEY, JSON.stringify(model))
-  }
-  handleChange(e: Event): void {
-    const input = e.target as HeadersForm
-    console.log('Change from the editor', input.model)
-    this.model = input.model
-    this.storeModel()
-  }
-  contentTemplate(): TemplateResult {
-    return html`
-      <a href="./">Back</a>
-      <section class="demo-section">
-        <h2 class="title-large">HTTP headers form</h2>
-        <http-headers-form .model="${this.model}" @change="${this.handleChange}"></http-headers-form>
-      </section>
-    `
-  }
-}
-const instance = new ComponentDemoPage()
-instance.render()

package/demo/elements/http/http-assertions.html DELETED Viewed

@@ -1,20 +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 Assertions</title>
-  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
-  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
-  <style>
-    .surface1 { z-index: 0; }
-  </style>
-</head>
-<body class="demo">
-  <div id="app"></div>
-  <script type="module" src="/.tmp/demo/elements/http/http-assertions.js"></script>
-</body>
-</html>

package/demo/elements/http/http-assertions.ts DELETED Viewed

@@ -1,89 +0,0 @@
-import { html, type TemplateResult } from 'lit'
-import type { IHttpAssertion } from '@api-client/core/models/http-flows/HttpAssertion.js'
-import { DemoPage } from '../../../src/demo/DemoPage.js'
-import { reactive } from '../../../src/decorators/index.js'
-import type HttpAssertions from '../../../src/elements/http/HttpAssertions.element.js'
-import '../../../src/define/http/http-assertions.js'
-const MODEL_STORE_KEY = 'demo.request-ui.editor.assertions'
-class ComponentDemoPage extends DemoPage {
-  override accessor componentName = 'HTTP Assertions'
-  @reactive() accessor initialized: boolean
-  @reactive() accessor model: IHttpAssertion[] = []
-  constructor() {
-    super()
-    this.initialized = false
-    this.init()
-  }
-  async init(): Promise<void> {
-    await this.restoreModel()
-    this.initialized = true
-  }
-  async restoreModel(): Promise<void> {
-    const data = localStorage.getItem(MODEL_STORE_KEY)
-    if (!data) {
-      return
-    }
-    try {
-      const tmp = JSON.parse(data)
-      if (tmp) {
-        const model = tmp as IHttpAssertion[]
-        this.model = model
-      }
-    } catch {
-      //
-    }
-  }
-  storeModel(): void {
-    const { model } = this
-    localStorage.setItem(MODEL_STORE_KEY, JSON.stringify(model))
-  }
-  handleModelChange(e: Event): void {
-    const node = e.target as HttpAssertions
-    const { model = [] } = node
-    this.model = model
-    this.storeModel()
-    console.log('model changed', model)
-  }
-  contentTemplate(): TemplateResult {
-    if (!this.initialized) {
-      return this.renderLoader()
-    }
-    return this.renderDemo()
-  }
-  renderLoader(): TemplateResult {
-    return html`
-      <a href="./">Back</a>
-      <div class="screen-loader">
-        <p>Loading demo page</p>
-        <progress></progress>
-      </div>
-    `
-  }
-  renderDemo(): TemplateResult {
-    return html`
-      <a href="./">Back</a>
-      <section class="demo-section">
-        <h2 class="title-large">HTTP assertions editor</h2>
-        <div class="editor-wrapper surface1">
-          <http-assertions .model="${this.model}" @change="${this.handleModelChange}"></http-assertions>
-        </div>
-      </section>
-    `
-  }
-}
-const instance = new ComponentDemoPage()
-instance.render()

package/demo/elements/http/http-flows.html DELETED Viewed

@@ -1,23 +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 Flows</title>
-  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
-  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
-  <style>
-    .surface1,
-    .surface2 {
-      z-index: 0;
-    }
-  </style>
-</head>
-<body class="demo">
-  <div id="app"></div>
-  <script type="module" src="/.tmp/demo/elements/http/http-flows.js"></script>
-</body>
-</html>

package/demo/elements/http/http-flows.ts DELETED Viewed

@@ -1,89 +0,0 @@
-import { html, type TemplateResult } from 'lit'
-import type { IHttpFlow } from '@api-client/core/models/http-flows/HttpFlows.js'
-import { DemoPage } from '../../../src/demo/DemoPage.js'
-import { reactive } from '../../../src/decorators/index.js'
-import HttpFlows from '../../../src/elements/http/HttpFlows.element.js'
-import '../../../src/define/http/http-flows.js'
-const MODEL_STORE_KEY = 'demo.request-ui.editor.flows'
-class ComponentDemoPage extends DemoPage {
-  override accessor componentName = 'HTTP Flows'
-  @reactive() accessor initialized: boolean
-  @reactive() accessor model: IHttpFlow[] = []
-  constructor() {
-    super()
-    this.initialized = false
-    this.init()
-  }
-  async init(): Promise<void> {
-    await this.restoreModel()
-    this.initialized = true
-  }
-  async restoreModel(): Promise<void> {
-    const data = localStorage.getItem(MODEL_STORE_KEY)
-    if (!data) {
-      return
-    }
-    try {
-      const tmp = JSON.parse(data)
-      if (tmp) {
-        const model = tmp as IHttpFlow[]
-        this.model = model
-      }
-    } catch {
-      //
-    }
-  }
-  storeModel(): void {
-    const { model } = this
-    localStorage.setItem(MODEL_STORE_KEY, JSON.stringify(model))
-  }
-  handleModelChange(e: Event): void {
-    const node = e.target as HttpFlows
-    const { model = [] } = node
-    this.model = model
-    this.storeModel()
-    console.log('model changed', model)
-  }
-  contentTemplate(): TemplateResult {
-    if (!this.initialized) {
-      return this.renderLoader()
-    }
-    return this.renderDemo()
-  }
-  renderLoader(): TemplateResult {
-    return html`
-      <a href="./">Back</a>
-      <div class="screen-loader">
-        <p>Loading demo page</p>
-        <progress></progress>
-      </div>
-    `
-  }
-  renderDemo(): TemplateResult {
-    return html`
-      <a href="./">Back</a>
-      <section class="demo-section">
-        <h2 class="title-large">HTTP flows editor</h2>
-        <div class="editor-wrapper surface1">
-          <http-flows .model="${this.model}" @change="${this.handleModelChange}"></http-flows>
-        </div>
-      </section>
-    `
-  }
-}
-const instance = new ComponentDemoPage()
-instance.render()

package/demo/elements/http/index.html DELETED Viewed

@@ -1,45 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-<head>
-  <meta charset="utf-8">
-  <title>API Client UI</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" />
-</head>
-<body>
-  <main>
-    <h1>The UI library for HTTP stuff</h1>
-    <nav>
-      <h2>Elements</h2>
-      <a href="../">Back</a>
-      <dl>
-        <dt><a href="url-editing.html">URL editing</a></dt>
-        <dd>Components to enter a request URL.</dd>
-        <dt><a href="headers.html">Headers editing</a></dt>
-        <dd>Components to edit HTTP headers.</dd>
-        <dt><a href="body-editor.html">Body editing</a></dt>
-        <dd>Components to edit HTTP payload.</dd>
-        <dt><a href="request-editor.html">Request Editor</a></dt>
-        <dd>The HTTP request editor. The base element for editing HTTP request.</dd>
-        <dt><a href="request-log.html">Request Log</a></dt>
-        <dd>The HTTP request log view.</dd>
-        <dt><a href="http-assertions.html">http-assertions</a></dt>
-        <dd>The HTTP assertions editor.</dd>
-        <dt><a href="http-flows.html">http-flows</a></dt>
-        <dd>The HTTP flows editor.</dd>
-      </dl>
-    </nav>
-  </main>
-</body>
-</html>

package/demo/elements/http/request-editor.html DELETED Viewed

@@ -1,26 +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 request editor</title>
-  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
-  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
-  <style>
-    .demo-row {
-      margin: 20px 0;
-    }
-    .editor-wrapper {
-      padding: 20px;
-    }
-  </style>
-</head>
-<body class="demo">
-  <div id="app"></div>
-  <script type="module" src="/.tmp/demo/elements/http/request-editor.js"></script>
-</body>
-</html>