@api-client/ui 0.0.15 → 0.1.0

package/build/src/elements/code/HttpSnippets.d.ts

@@ -0,0 +1,42 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import type { IHttpRequest } from '@api-client/core/models/HttpRequest.js';
+import CodeSnippet from '../../code-snippets/CodeSnippet.js';
+import '../../md/dropdown-list/ui-dropdown-list.js';
+import '../../md/list/ui-list.js';
+import '../../md/list/ui-list-item.js';
+import '../../md/button/ui-filled-tonal-button.js';
+import '../../md/icons/ui-icon.js';
+interface CodeGroup {
+    label: string;
+    parent?: string;
+    snippet?: CodeSnippet;
+    id: string;
+}
+/**
+ * An element that renders various code snippets from a basic definition of an HTTP request.
+ */
+export default class HttpSnippets extends LitElement {
+    /**
+     * The currently selected snippet.
+     * @attribute
+     */
+    accessor selected: string;
+    protected parentLanguage: string;
+    accessor request: IHttpRequest | undefined;
+    protected accessor code: string | undefined;
+    /**
+     * The list of tab names to render in the view.
+     */
+    protected get groupTabs(): CodeGroup[];
+    protected update(cp: PropertyValues<this>): void;
+    protected triggerCommand(): void;
+    protected handleGroupSelect(e: CustomEvent): void;
+    protected handleSubGroup(e: CustomEvent): void;
+    protected render(): TemplateResult;
+    protected renderSelectionOptions(): TemplateResult;
+    protected renderLanguageOptions(): TemplateResult;
+    protected renderFrameworkOptions(): TemplateResult | string;
+    protected renderCode(): TemplateResult | string;
+}
+export {};
+//# sourceMappingURL=HttpSnippets.d.ts.map

package/build/src/elements/code/HttpSnippets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpSnippets.d.ts","sourceRoot":"","sources":["../../../../src/elements/code/HttpSnippets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAGtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AAC1E,OAAO,WAAW,MAAM,oCAAoC,CAAA;AAgB5D,OAAO,4CAA4C,CAAA;AACnD,OAAO,0BAA0B,CAAA;AACjC,OAAO,+BAA+B,CAAA;AACtC,OAAO,2CAA2C,CAAA;AAClD,OAAO,2BAA2B,CAAA;AAElC,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,EAAE,EAAE,MAAM,CAAA;CACX;AAyGD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IAClD;;;OAGG;IACyB,QAAQ,CAAC,QAAQ,SAAc;IAE3D,SAAS,CAAC,cAAc,SAAc;IAEV,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,SAAS,CAAA;IAE7D,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAEpD;;OAEG;IACH,SAAS,KAAK,SAAS,IAAI,SAAS,EAAE,CAQrC;cAEkB,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOzD,SAAS,CAAC,cAAc,IAAI,IAAI;IAYhC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IA0BjD,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;cAY3B,MAAM,IAAI,cAAc;IAI3C,SAAS,CAAC,sBAAsB,IAAI,cAAc;IAIlD,SAAS,CAAC,qBAAqB,IAAI,cAAc;IAuBjD,SAAS,CAAC,sBAAsB,IAAI,cAAc,GAAG,MAAM;IAoB3D,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,MAAM;CAMhD"}

package/build/src/elements/code/HttpSnippets.js

@@ -0,0 +1,290 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import CurlSnippet from '../../code-snippets/Bash/CurlSnippet.js';
+import CcurlSnippet from '../../code-snippets/C/CcurlSnippet.js';
+import RawSnippet from '../../code-snippets/HTTP/RawSnippet.js';
+import FetchSnippet from '../../code-snippets/JavaScript/FetchSnippet.js';
+import AsyncFetchSnippet from '../../code-snippets/JavaScript/AsyncFetchSnippet.js';
+import NodeSnippet from '../../code-snippets/JavaScript/NodeSnippet.js';
+import XhrSnippet from '../../code-snippets/JavaScript/XhrSnippet.js';
+import JQuerySnippet from '../../code-snippets/JavaScript/jQuerySnippet.js';
+import AxiosSnippet from '../../code-snippets/JavaScript/AxiosSnippet.js';
+import Python27Snippet from '../../code-snippets/Python/Python27Snippet.js';
+import Python31Snippet from '../../code-snippets/Python/Python31Snippet.js';
+import RequestsSnippet from '../../code-snippets/Python/RequestsSnippet.js';
+import PlatformSnippet from '../../code-snippets/Java/PlatformSnippet.js';
+import SpringSnippet from '../../code-snippets/Java/SpringSnippet.js';
+import DartSnippet from '../../code-snippets/Dart/DartSnippet.js';
+import '../../md/dropdown-list/ui-dropdown-list.js';
+import '../../md/list/ui-list.js';
+import '../../md/list/ui-list-item.js';
+import '../../md/button/ui-filled-tonal-button.js';
+import '../../md/icons/ui-icon.js';
+const commands = [
+    {
+        id: 'bash-curl',
+        label: 'cURL',
+        snippet: new CurlSnippet(),
+    },
+    {
+        id: 'http-raw',
+        label: 'HTTP',
+        snippet: new RawSnippet(),
+    },
+    {
+        id: 'javascript',
+        label: 'JavaScript',
+    },
+    {
+        label: 'Async',
+        id: 'javascript-async',
+        parent: 'javascript',
+        snippet: new AsyncFetchSnippet(),
+    },
+    {
+        label: 'Fetch',
+        id: 'javascript-fetch',
+        parent: 'javascript',
+        snippet: new FetchSnippet(),
+    },
+    {
+        label: 'Node',
+        id: 'javascript-node',
+        parent: 'javascript',
+        snippet: new NodeSnippet(),
+    },
+    {
+        label: 'XHR',
+        id: 'javascript-xhr',
+        parent: 'javascript',
+        snippet: new XhrSnippet(),
+    },
+    {
+        label: 'jQuery',
+        id: 'javascript-jquery',
+        parent: 'javascript',
+        snippet: new JQuerySnippet(),
+    },
+    {
+        label: 'Axios',
+        id: 'javascript-axios',
+        parent: 'javascript',
+        snippet: new AxiosSnippet(),
+    },
+    {
+        label: 'Python',
+        id: 'python',
+    },
+    {
+        label: 'Requests',
+        id: 'python-requests',
+        parent: 'python',
+        snippet: new RequestsSnippet(),
+    },
+    {
+        label: 'Python 2.7',
+        id: 'python-2.7',
+        parent: 'python',
+        snippet: new Python27Snippet(),
+    },
+    {
+        label: 'Python 3.1',
+        id: 'python-3.1',
+        parent: 'python',
+        snippet: new Python31Snippet(),
+    },
+    {
+        label: 'C',
+        id: 'c-curl',
+        snippet: new CcurlSnippet(),
+    },
+    {
+        label: 'Java',
+        id: 'java',
+    },
+    {
+        label: 'Spring',
+        id: 'java-spring',
+        parent: 'java',
+        snippet: new SpringSnippet(),
+    },
+    {
+        label: 'Native',
+        id: 'java-platform',
+        parent: 'java',
+        snippet: new PlatformSnippet(),
+    },
+    {
+        label: 'Dart',
+        id: 'dart',
+        snippet: new DartSnippet(),
+    },
+];
+const topTabs = commands.filter((i) => !i.parent);
+let HttpSnippets = (() => {
+    let _classSuper = LitElement;
+    let _selected_decorators;
+    let _selected_initializers = [];
+    let _selected_extraInitializers = [];
+    let _request_decorators;
+    let _request_initializers = [];
+    let _request_extraInitializers = [];
+    let _code_decorators;
+    let _code_initializers = [];
+    let _code_extraInitializers = [];
+    return class HttpSnippets extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _selected_decorators = [property({ type: String })];
+            _request_decorators = [property({ type: Object })];
+            _code_decorators = [state()];
+            __esDecorate(this, null, _selected_decorators, { kind: "accessor", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
+            __esDecorate(this, null, _request_decorators, { kind: "accessor", name: "request", static: false, private: false, access: { has: obj => "request" in obj, get: obj => obj.request, set: (obj, value) => { obj.request = value; } }, metadata: _metadata }, _request_initializers, _request_extraInitializers);
+            __esDecorate(this, null, _code_decorators, { kind: "accessor", name: "code", static: false, private: false, access: { has: obj => "code" in obj, get: obj => obj.code, set: (obj, value) => { obj.code = value; } }, metadata: _metadata }, _code_initializers, _code_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #selected_accessor_storage = __runInitializers(this, _selected_initializers, 'bash-curl');
+        /**
+         * The currently selected snippet.
+         * @attribute
+         */
+        get selected() { return this.#selected_accessor_storage; }
+        set selected(value) { this.#selected_accessor_storage = value; }
+        parentLanguage = (__runInitializers(this, _selected_extraInitializers), 'bash-curl');
+        #request_accessor_storage = __runInitializers(this, _request_initializers, void 0);
+        get request() { return this.#request_accessor_storage; }
+        set request(value) { this.#request_accessor_storage = value; }
+        #code_accessor_storage = (__runInitializers(this, _request_extraInitializers), __runInitializers(this, _code_initializers, void 0));
+        get code() { return this.#code_accessor_storage; }
+        set code(value) { this.#code_accessor_storage = value; }
+        /**
+         * The list of tab names to render in the view.
+         */
+        get groupTabs() {
+            const result = [];
+            commands.forEach((i) => {
+                if (i.parent === this.parentLanguage) {
+                    result.push(i);
+                }
+            });
+            return result;
+        }
+        update(cp) {
+            if (cp.has('request') || cp.has('selected')) {
+                this.triggerCommand();
+            }
+            super.update(cp);
+        }
+        triggerCommand() {
+            const { selected = 'bash-curl', request } = this;
+            if (!request) {
+                return;
+            }
+            const instance = commands.find((i) => i.id === selected);
+            if (!instance || !instance.snippet) {
+                return;
+            }
+            this.code = instance.snippet.tokenize(request);
+        }
+        handleGroupSelect(e) {
+            const target = e.detail.item;
+            if (!target) {
+                return;
+            }
+            const { id } = target.dataset;
+            if (!id) {
+                return;
+            }
+            if (this.parentLanguage === id) {
+                return;
+            }
+            const item = commands.find((i) => i.id === id);
+            if (!item) {
+                return;
+            }
+            if (!item.snippet) {
+                const firstChild = commands.find((i) => i.parent === id);
+                this.selected = firstChild.id;
+                this.parentLanguage = id;
+            }
+            else {
+                this.selected = id;
+                this.parentLanguage = id;
+            }
+        }
+        handleSubGroup(e) {
+            const target = e.detail.item;
+            if (!target) {
+                return;
+            }
+            const { id } = target.dataset;
+            if (!id) {
+                return;
+            }
+            this.selected = id;
+        }
+        render() {
+            return html ` ${this.renderSelectionOptions()} ${this.renderCode()} `;
+        }
+        renderSelectionOptions() {
+            return html ` <div class="selection-options">${this.renderLanguageOptions()} ${this.renderFrameworkOptions()}</div> `;
+        }
+        renderLanguageOptions() {
+            const selectedKey = this.parentLanguage;
+            const selectedItem = topTabs.find((i) => i.id === selectedKey);
+            const label = selectedItem ? selectedItem.label : 'Language';
+            return html `
+      <ui-dropdown-list
+        verticalAlign="top"
+        class="group-dropdown"
+        closeOnOutsideClick
+        @select="${this.handleGroupSelect}"
+      >
+        <ui-filled-tonal-button title="Select language" aria-label="Opens a menu to select the language">
+          <ui-icon icon="arrowDropDown" slot="icon" role="presentation"></ui-icon>
+          ${label}
+        </ui-filled-tonal-button>
+        <ui-list slot="dropdown" role="menu">
+          ${topTabs.map((tab) => html `<ui-list-item role="menuitem" data-id="${tab.id}">${tab.label}</ui-list-item>`)}
+        </ui-list>
+      </ui-dropdown-list>
+    `;
+        }
+        renderFrameworkOptions() {
+            const { groupTabs, selected } = this;
+            if (!groupTabs.length) {
+                return '';
+            }
+            const selectedItem = groupTabs.find((i) => i.id === selected);
+            const label = selectedItem ? selectedItem.label : 'Framework';
+            return html `
+      <ui-dropdown-list verticalAlign="top" class="group-dropdown" closeOnOutsideClick @select="${this.handleSubGroup}">
+        <ui-filled-tonal-button title="Select a framework" aria-label="Opens a menu to select the framework">
+          <ui-icon icon="arrowDropDown" slot="icon" role="presentation"></ui-icon>
+          ${label}
+        </ui-filled-tonal-button>
+        <ui-list slot="dropdown" role="menu">
+          ${groupTabs.map((tab) => html `<ui-list-item role="menuitem" data-id="${tab.id}">${tab.label}</ui-list-item>`)}
+        </ui-list>
+      </ui-dropdown-list>
+    `;
+        }
+        renderCode() {
+            if (!this.code) {
+                return '';
+            }
+            return html ` <code class="code language-snippet"><pre>${unsafeHTML(this.code)}</pre></code> `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _code_extraInitializers);
+        }
+    };
+})();
+/**
+ * An element that renders various code snippets from a basic definition of an HTTP request.
+ */
+export default HttpSnippets;
+//# sourceMappingURL=HttpSnippets.js.map

package/build/src/elements/code/HttpSnippets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpSnippets.js","sourceRoot":"","sources":["../../../../src/elements/code/HttpSnippets.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, TemplateResult, html, PropertyValues } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport type { IHttpRequest } from '@api-client/core/models/HttpRequest.js'\nimport CodeSnippet from '../../code-snippets/CodeSnippet.js'\nimport CurlSnippet from '../../code-snippets/Bash/CurlSnippet.js'\nimport CcurlSnippet from '../../code-snippets/C/CcurlSnippet.js'\nimport RawSnippet from '../../code-snippets/HTTP/RawSnippet.js'\nimport FetchSnippet from '../../code-snippets/JavaScript/FetchSnippet.js'\nimport AsyncFetchSnippet from '../../code-snippets/JavaScript/AsyncFetchSnippet.js'\nimport NodeSnippet from '../../code-snippets/JavaScript/NodeSnippet.js'\nimport XhrSnippet from '../../code-snippets/JavaScript/XhrSnippet.js'\nimport JQuerySnippet from '../../code-snippets/JavaScript/jQuerySnippet.js'\nimport AxiosSnippet from '../../code-snippets/JavaScript/AxiosSnippet.js'\nimport Python27Snippet from '../../code-snippets/Python/Python27Snippet.js'\nimport Python31Snippet from '../../code-snippets/Python/Python31Snippet.js'\nimport RequestsSnippet from '../../code-snippets/Python/RequestsSnippet.js'\nimport PlatformSnippet from '../../code-snippets/Java/PlatformSnippet.js'\nimport SpringSnippet from '../../code-snippets/Java/SpringSnippet.js'\nimport DartSnippet from '../../code-snippets/Dart/DartSnippet.js'\nimport '../../md/dropdown-list/ui-dropdown-list.js'\nimport '../../md/list/ui-list.js'\nimport '../../md/list/ui-list-item.js'\nimport '../../md/button/ui-filled-tonal-button.js'\nimport '../../md/icons/ui-icon.js'\n\ninterface CodeGroup {\n  label: string\n  parent?: string\n  snippet?: CodeSnippet\n  id: string\n}\n\nconst commands: CodeGroup[] = [\n  {\n    id: 'bash-curl',\n    label: 'cURL',\n    snippet: new CurlSnippet(),\n  },\n  {\n    id: 'http-raw',\n    label: 'HTTP',\n    snippet: new RawSnippet(),\n  },\n  {\n    id: 'javascript',\n    label: 'JavaScript',\n  },\n  {\n    label: 'Async',\n    id: 'javascript-async',\n    parent: 'javascript',\n    snippet: new AsyncFetchSnippet(),\n  },\n  {\n    label: 'Fetch',\n    id: 'javascript-fetch',\n    parent: 'javascript',\n    snippet: new FetchSnippet(),\n  },\n  {\n    label: 'Node',\n    id: 'javascript-node',\n    parent: 'javascript',\n    snippet: new NodeSnippet(),\n  },\n  {\n    label: 'XHR',\n    id: 'javascript-xhr',\n    parent: 'javascript',\n    snippet: new XhrSnippet(),\n  },\n  {\n    label: 'jQuery',\n    id: 'javascript-jquery',\n    parent: 'javascript',\n    snippet: new JQuerySnippet(),\n  },\n  {\n    label: 'Axios',\n    id: 'javascript-axios',\n    parent: 'javascript',\n    snippet: new AxiosSnippet(),\n  },\n  {\n    label: 'Python',\n    id: 'python',\n  },\n  {\n    label: 'Requests',\n    id: 'python-requests',\n    parent: 'python',\n    snippet: new RequestsSnippet(),\n  },\n  {\n    label: 'Python 2.7',\n    id: 'python-2.7',\n    parent: 'python',\n    snippet: new Python27Snippet(),\n  },\n  {\n    label: 'Python 3.1',\n    id: 'python-3.1',\n    parent: 'python',\n    snippet: new Python31Snippet(),\n  },\n  {\n    label: 'C',\n    id: 'c-curl',\n    snippet: new CcurlSnippet(),\n  },\n  {\n    label: 'Java',\n    id: 'java',\n  },\n  {\n    label: 'Spring',\n    id: 'java-spring',\n    parent: 'java',\n    snippet: new SpringSnippet(),\n  },\n  {\n    label: 'Native',\n    id: 'java-platform',\n    parent: 'java',\n    snippet: new PlatformSnippet(),\n  },\n  {\n    label: 'Dart',\n    id: 'dart',\n    snippet: new DartSnippet(),\n  },\n]\n\nconst topTabs = commands.filter((i) => !i.parent)\n\n/**\n * An element that renders various code snippets from a basic definition of an HTTP request.\n */\nexport default class HttpSnippets extends LitElement {\n  /**\n   * The currently selected snippet.\n   * @attribute\n   */\n  @property({ type: String }) accessor selected = 'bash-curl'\n\n  protected parentLanguage = 'bash-curl'\n\n  @property({ type: Object }) accessor request: IHttpRequest | undefined\n\n  @state() protected accessor code: string | undefined\n\n  /**\n   * The list of tab names to render in the view.\n   */\n  protected get groupTabs(): CodeGroup[] {\n    const result: CodeGroup[] = []\n    commands.forEach((i) => {\n      if (i.parent === this.parentLanguage) {\n        result.push(i)\n      }\n    })\n    return result\n  }\n\n  protected override update(cp: PropertyValues<this>): void {\n    if (cp.has('request') || cp.has('selected')) {\n      this.triggerCommand()\n    }\n    super.update(cp)\n  }\n\n  protected triggerCommand(): void {\n    const { selected = 'bash-curl', request } = this\n    if (!request) {\n      return\n    }\n    const instance = commands.find((i) => i.id === selected)\n    if (!instance || !instance.snippet) {\n      return\n    }\n    this.code = instance.snippet.tokenize(request)\n  }\n\n  protected handleGroupSelect(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined\n    if (!target) {\n      return\n    }\n    const { id } = target.dataset\n    if (!id) {\n      return\n    }\n    if (this.parentLanguage === id) {\n      return\n    }\n    const item = commands.find((i) => i.id === id)\n    if (!item) {\n      return\n    }\n    if (!item.snippet) {\n      const firstChild = commands.find((i) => i.parent === id) as CodeGroup\n      this.selected = firstChild.id\n      this.parentLanguage = id\n    } else {\n      this.selected = id\n      this.parentLanguage = id\n    }\n  }\n\n  protected handleSubGroup(e: CustomEvent): void {\n    const target = e.detail.item as HTMLElement | undefined\n    if (!target) {\n      return\n    }\n    const { id } = target.dataset\n    if (!id) {\n      return\n    }\n    this.selected = id\n  }\n\n  protected override render(): TemplateResult {\n    return html` ${this.renderSelectionOptions()} ${this.renderCode()} `\n  }\n\n  protected renderSelectionOptions(): TemplateResult {\n    return html` <div class=\"selection-options\">${this.renderLanguageOptions()} ${this.renderFrameworkOptions()}</div> `\n  }\n\n  protected renderLanguageOptions(): TemplateResult {\n    const selectedKey = this.parentLanguage\n    const selectedItem = topTabs.find((i) => i.id === selectedKey)\n    const label = selectedItem ? selectedItem.label : 'Language'\n\n    return html`\n      <ui-dropdown-list\n        verticalAlign=\"top\"\n        class=\"group-dropdown\"\n        closeOnOutsideClick\n        @select=\"${this.handleGroupSelect}\"\n      >\n        <ui-filled-tonal-button title=\"Select language\" aria-label=\"Opens a menu to select the language\">\n          <ui-icon icon=\"arrowDropDown\" slot=\"icon\" role=\"presentation\"></ui-icon>\n          ${label}\n        </ui-filled-tonal-button>\n        <ui-list slot=\"dropdown\" role=\"menu\">\n          ${topTabs.map((tab) => html`<ui-list-item role=\"menuitem\" data-id=\"${tab.id}\">${tab.label}</ui-list-item>`)}\n        </ui-list>\n      </ui-dropdown-list>\n    `\n  }\n\n  protected renderFrameworkOptions(): TemplateResult | string {\n    const { groupTabs, selected } = this\n    if (!groupTabs.length) {\n      return ''\n    }\n    const selectedItem = groupTabs.find((i) => i.id === selected)\n    const label = selectedItem ? selectedItem.label : 'Framework'\n    return html`\n      <ui-dropdown-list verticalAlign=\"top\" class=\"group-dropdown\" closeOnOutsideClick @select=\"${this.handleSubGroup}\">\n        <ui-filled-tonal-button title=\"Select a framework\" aria-label=\"Opens a menu to select the framework\">\n          <ui-icon icon=\"arrowDropDown\" slot=\"icon\" role=\"presentation\"></ui-icon>\n          ${label}\n        </ui-filled-tonal-button>\n        <ui-list slot=\"dropdown\" role=\"menu\">\n          ${groupTabs.map((tab) => html`<ui-list-item role=\"menuitem\" data-id=\"${tab.id}\">${tab.label}</ui-list-item>`)}\n        </ui-list>\n      </ui-dropdown-list>\n    `\n  }\n\n  protected renderCode(): TemplateResult | string {\n    if (!this.code) {\n      return ''\n    }\n    return html` <code class=\"code language-snippet\"><pre>${unsafeHTML(this.code)}</pre></code> `\n  }\n}\n"]}

package/build/src/elements/code/HttpSnippets.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpSnippets.styles.d.ts","sourceRoot":"","sources":["../../../../src/elements/code/HttpSnippets.styles.ts"],"names":[],"mappings":";AAGA,wBAeC"}

package/build/src/elements/code/HttpSnippets.styles.js

@@ -0,0 +1,19 @@
+import { css } from 'lit';
+import prismStyles from '../highlight/Prism.styles.js';
+export default [
+    prismStyles,
+    css `
+    :host {
+      display: block;
+    }
+
+    .code {
+      user-select: text;
+    }
+
+    pre {
+      white-space: pre-wrap;
+    }
+  `,
+];
+//# sourceMappingURL=HttpSnippets.styles.js.map

package/build/src/elements/code/HttpSnippets.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpSnippets.styles.js","sourceRoot":"","sources":["../../../../src/elements/code/HttpSnippets.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,WAAW,MAAM,8BAA8B,CAAA;AAEtD,eAAe;IACb,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;GAYF;CACF,CAAA","sourcesContent":["import { css } from 'lit'\nimport prismStyles from '../highlight/Prism.styles.js'\n\nexport default [\n  prismStyles,\n  css`\n    :host {\n      display: block;\n    }\n\n    .code {\n      user-select: text;\n    }\n\n    pre {\n      white-space: pre-wrap;\n    }\n  `,\n]\n"]}

package/build/src/elements/contextual-menu/contextual-menu.d.ts

@@ -0,0 +1,10 @@
+import Element from './internals/ContextualMenuElement.js';
+export declare class UiContextMenu<S = unknown> extends Element<S> {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'contextual-menu': UiContextMenu;
+    }
+}
+//# sourceMappingURL=contextual-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-menu.d.ts","sourceRoot":"","sources":["../../../../src/elements/contextual-menu/contextual-menu.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,sCAAsC,CAAA;AAI1D,qBACa,aAAa,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,OAAO,CAAC,CAAC,CAAC;IACxD,OAAgB,MAAM,4BAAuB;CAC9C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAA;KACjC;CACF"}

package/build/src/elements/contextual-menu/contextual-menu.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/ContextualMenuElement.js';
+import styles from './internals/MenuElementStyles.js';
+import listStyles from '../../md/list/internals/List.styles.js';
+let UiContextMenu = (() => {
+    let _classDecorators = [customElement('contextual-menu')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var UiContextMenu = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UiContextMenu = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [styles, listStyles];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return UiContextMenu = _classThis;
+})();
+export { UiContextMenu };
+//# sourceMappingURL=contextual-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-menu.js","sourceRoot":"","sources":["../../../../src/elements/contextual-menu/contextual-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,sCAAsC,CAAA;AAC1D,OAAO,MAAM,MAAM,kCAAkC,CAAA;AACrD,OAAO,UAAU,MAAM,wCAAwC,CAAA;IAGlD,aAAa;4BADzB,aAAa,CAAC,iBAAiB,CAAC;;;;sBACe,OAAO;6BAAf,SAAQ,WAAU;;;;YAA1D,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;;YADlC,uDAAa;;;;;SAAb,aAAa","sourcesContent":["import { customElement } from 'lit/decorators.js'\nimport Element from './internals/ContextualMenuElement.js'\nimport styles from './internals/MenuElementStyles.js'\nimport listStyles from '../../md/list/internals/List.styles.js'\n\n@customElement('contextual-menu')\nexport class UiContextMenu<S = unknown> extends Element<S> {\n  static override styles = [styles, listStyles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'contextual-menu': UiContextMenu\n  }\n}\n"]}

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

@@ -0,0 +1,137 @@
+import { MenuItem } from './MenuItem.js';
+import type { CommandBase, ContextMenuCommand, CustomMenuEventDetail, MenuOptions, MenuPoint, MenuTriggerInfo } from './types.js';
+import type ContextMenuElement from './ContextualMenuElement.js';
+import { Logger, ILogObj } from 'tslog';
+import '../contextual-menu.js';
+/**
+ * The base class for the context menu. It can be used as is but in some specific cases
+ * you may want to extend this class to be able to find command target accurately.
+ *
+ * @template S - The definition of the store passed to commands.
+ */
+export declare class ContextualMenu<S = unknown> extends EventTarget {
+    #private;
+    workspace: HTMLElement;
+    /**
+     * @returns true when the menu is connected to the `workspace`.
+     */
+    get connected(): boolean;
+    /**
+     * The store initialized with this context menu. Passed to the lifecycle functions.
+     */
+    store: S;
+    /**
+     * The root level menu commands
+     */
+    commands: MenuItem<S>[];
+    /**
+     * An information about the trigger that initialized this menu.
+     */
+    triggerInfo?: MenuTriggerInfo;
+    /**
+     * The Menu configuration options.
+     */
+    options: MenuOptions;
+    currentMenu?: ContextMenuElement<S>;
+    get debug(): boolean;
+    set debug(value: boolean);
+    protected logger: Logger<ILogObj>;
+    /**
+     * @param workspace The root element that is the click handler
+     * @param opts The Menu configuration options.
+     */
+    constructor(workspace: HTMLElement, opts?: MenuOptions);
+    /**
+     * Starts listening on user events
+     */
+    connect(): void;
+    /**
+     * Cleans up the listeners
+     */
+    disconnect(): void;
+    /**
+     * Reads {x,y} point of the click from the pointer event.
+     *
+     * Override this method to customize position reading.
+     */
+    readTargetClickPosition(e: MouseEvent): MenuPoint;
+    /**
+     * Override this method to customize finding event click target.
+     * @param e Finds the click target from the event
+     */
+    findTarget(e: MouseEvent): HTMLElement | SVGElement | undefined;
+    /**
+     * Maps an element to the target name used by the commands.
+     * By default it returns `root` when the click target element is the `workspace` or
+     * a combination of element name and list of all classes otherwise.
+     *
+     * Override this method to customize target name reading.
+     *
+     * @param element The context click target
+     * @returns The target name.
+     */
+    elementToTarget(element: HTMLElement | SVGElement): string | undefined;
+    /**
+     * Handler for the context menu event.
+     */
+    protected contextHandler(e: MouseEvent): void;
+    /**
+     * A handler for the `custommenu` event handler to trigger the menu without the user interaction.
+     */
+    protected customMenuHandler(e: CustomEvent<CustomMenuEventDetail>): void;
+    /**
+     * Handles the click event on the document to close the menu is the click
+     * is outside the menu.
+     */
+    protected clickHandler(e: MouseEvent): void;
+    /**
+     * Closes the menu when ESC is pressed
+     */
+    protected keydownHandler(e: KeyboardEvent): void;
+    /**
+     * Register a list of commands to be rendered in the menu when triggered.
+     * This overrides previously registered commands.
+     */
+    registerCommands(commands: CommandBase<S>[]): void;
+    /**
+     * Adds a single command to the menu.
+     */
+    addCommand(command: CommandBase<S>): void;
+    /**
+     * Prepares incoming commands for the internal use.
+     * @param commands - The commands to process.
+     */
+    protected prepareCommands(commands: CommandBase<S>[]): MenuItem<S>[];
+    protected normalizeMenuItem(item: ContextMenuCommand<S>): ContextMenuCommand<S>;
+    /**
+     * Builds the menu for the target.
+     *
+     * @param target The element that triggered the menu
+     * @param name The `target` name declared in the commands.
+     * @param placementPoint The workspace position of where to place the menu.
+     * @param targetPoint The workspace position of the click target
+     * @param customData Any data to set on the instance to pass to the `execute` and `enabled` functions.
+     */
+    build(target: HTMLElement | SVGElement, name: string, placementPoint: MenuPoint, targetPoint: MenuPoint, customData?: unknown): boolean;
+    /**
+     * @param placementPoint The workspace position of where to place the menu.
+     * @param commands The commands render
+     */
+    render(placementPoint: MenuPoint, commands: MenuItem<S>[]): void;
+    /**
+     * Lists all commands that matches the target.
+     *
+     * @param targetName The build target name
+     * @param targetElement The element that triggered the menu
+     */
+    listCommands(targetName: string, targetElement: HTMLElement | SVGElement): MenuItem<S>[];
+    /**
+     * Removes the currently rendered menu.
+     */
+    destroy(): void;
+    /**
+     * Handler for the `trigger` event dispatched by the menu
+     */
+    protected menuTriggerHandler(e: CustomEvent): void;
+}
+//# sourceMappingURL=ContextualMenu.d.ts.map

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

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