@api-client/ui 0.0.1

package/dist/elements/amf/ApiDocumentation.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiDocumentation.element.js","sourceRoot":"","sources":["../../../src/elements/amf/ApiDocumentation.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ApiDefinitions, AmfNamespace } from '@api-client/core/build/browser.js';\nimport { ApiDocumentationBase } from './ApiDocumentationBase.js';\nimport { EventTypes } from '../../events/amf/EventTypes.js';\nimport { Events } from '../../events/amf/Events.js';\nimport { ServerChangeEvent, ServerCountChangeEvent } from '../../events/amf/ServerEvents.js';\nimport { ApiNavigationEvent } from '../../events/amf/NavigationEvents.js';\nimport { SelectionType, DocumentMeta, ServerType } from '../../amf/types.js';\nimport { Oauth2Credentials } from '../authorization/types.js';\nimport '../../define/amf/api-summary.js'\nimport '../../define/amf/api-operation-document.js'\nimport '../../define/amf/api-resource-document.js';\nimport '../../define/amf/api-security-document.js';\nimport '../../define/amf/api-documentation-document.js';\nimport '../../define/amf/api-schema-document.js';\nimport '../../define/amf/api-server-picker.js';\nimport '../../define/ui/ui-radio.js';\nimport RadioElement from '../../ui/input/RadioElement.js';\n/**\n * A main documentation view for an AMF model representing a sync or an async API.\n * \n * This element works with the [AMF](https://github.com/mulesoft/amf) data model.\n */\nexport default class ApiDocumentation extends ApiDocumentationBase {\n  protected domainTypeValue: SelectionType | undefined;\n\n  protected operationIdValue: string | undefined;\n\n  protected handleNavigationEventsValue: boolean | undefined;\n\n  protected renderedViewValue: string | undefined;\n\n  protected apiSummaryValue?: ApiDefinitions.IApiSummary;\n\n  protected documentMetaValue?: DocumentMeta;\n\n  protected navEventsRegistered: boolean;\n\n  /**\n   * A property to set to override AMF's model base URI information.\n   * @attribute\n   */\n  @property({ type: String }) baseUri?: string;\n\n  /** \n   * When set it renders the \"try it\" button that dispatches the `tryit` event.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) tryItButton?: boolean;\n\n  /** \n   * When set it renders the \"try it\" panel next to the operation documentation.\n   * Setting this automatically disables the `tryItButton` property.\n   * \n   * Note, use this only when there's enough space on the screen to render 2 panels side-by-side.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) tryItPanel?: boolean;\n\n  /**\n   * OAuth2 redirect URI.\n   * This value **must** be set in order for OAuth 1/2 to work properly.\n   * This is only required in inline mode (`inlineMethods`).\n   * @attribute\n   */\n  @property({ type: String }) redirectUri?: string;\n\n  /** \n   * When set it renders the URL input above the URL parameters in the HTTP editor.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) httpUrlEditor?: boolean;\n\n  /** \n   * When set it applies the authorization values to the request dispatched\n   * with the API request event.\n   * If possible, it applies the authorization values to query parameter or headers\n   * depending on the configuration.\n   * \n   * When the values arr applied to the request the authorization config is kept in the\n   * request object, but its `enabled` state is always `false`, meaning other potential\n   * processors should ignore this values.\n   * \n   * If this property is not set then the application hosting this component should\n   * process the authorization data and apply them to the request.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) httpApplyAuthorization?: boolean;\n\n  /**\n   * List of credentials source passed to the HTTP editor\n   */\n  @property({ type: Array }) httpCredentialsSource?: Oauth2Credentials[];\n\n  /**\n   * Optional property to set on the request editor. \n   * When true, the server selector is not rendered\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) noServerSelector?: boolean;\n\n  /**\n   * When set it renders \"add custom\" item button in the HTTP request editor.\n   * If the element is to be used without AMF model this should always\n   * be enabled. Otherwise users won't be able to add a parameter.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) httpAllowCustom?: boolean;\n\n  /**\n   * Optional property to set on the request editor. \n   * If true, the server selector custom base URI option is rendered\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) allowCustomBaseUri?: boolean;\n\n  /**\n   * The URI of the server currently selected in the server selector\n   * @attribute\n   */\n  @property({ type: String }) serverValue?: string;\n\n  /**\n   * The type of the server currently selected in the server selector\n   * @attribute\n   */\n  @property({ type: String }) serverType?: string;\n\n  /**\n   * The mime type of the currently selected schema.\n   * @attribute\n   */\n  @property({ type: String }) schemaMimeType?: string;\n\n  serversCount?: number;\n\n  /** \n   * The type of the selected domain item.\n   * @attribute\n   */\n  @property({ type: String, reflect: true })\n  get domainType(): SelectionType | undefined {\n    return this.domainTypeValue;\n  }\n\n  set domainType(value: SelectionType | undefined) {\n    const old = this.domainTypeValue;\n    if (old === value) {\n      return;\n    }\n    this.domainTypeValue = value;\n    this.requestUpdate('domainType', old);\n    if (value) {\n      this.processDebounce();\n    }\n  }\n\n  /** \n   * The domain id of the currently rendered API operation.\n   * When selecting an operation the `domainId` is the id if the parent endpoint.\n   * @attribute\n   */\n  @property({ type: String, reflect: true })\n  get operationId(): string | undefined {\n    return this.operationIdValue;\n  }\n\n  set operationId(value: string | undefined) {\n    const old = this.operationIdValue;\n    if (old === value) {\n      return;\n    }\n    this.operationIdValue = value;\n    this.requestUpdate('operationId', old);\n    if (value) {\n      this.processDebounce();\n    }\n  }\n\n  /**\n   * By default application hosting the element must set `domainId` and\n   * `domainType` properties. When using `api-navigation` element\n   * by setting this property the element listens for navigation events\n   * and updates the state\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true })\n  get handleNavigationEvents(): boolean | undefined {\n    return this.handleNavigationEventsValue;\n  }\n\n  set handleNavigationEvents(value: boolean | undefined) {\n    const old = this.handleNavigationEventsValue;\n    if (old === value) {\n      return;\n    }\n    this.handleNavigationEventsValue = value;\n    if (value) {\n      this.registerNavigationEvents();\n    } else {\n      this.unregisterNavigationEvents();\n    }\n  }\n\n  /**\n   * Former `effectiveBaseUri`.\n   * @returns The URI for the API defined by the `baseUri` property or the `serverValue`.\n   */\n  get apiBaseUri(): string | undefined {\n    const { baseUri, serverValue } = this;\n    return baseUri || serverValue;\n  }\n\n  /**\n   * @deprecated Use `apiBaseUri` instead.\n   */\n  get effectiveBaseUri(): string | undefined {\n    return this.apiBaseUri;\n  }\n\n  /** The domain type of the rendered view. */\n  get renderedView(): string | undefined {\n    return this.renderedViewValue;\n  }\n\n  get renderSelector(): boolean {\n    const { domainType, serversCount=0, allowCustomBaseUri } = this;\n    const isOperationOrEndpoint = !!domainType && (['operation', 'resource'].includes(domainType));\n    const moreThanOneServer = serversCount >= 2;\n    if (isOperationOrEndpoint) {\n      return allowCustomBaseUri || moreThanOneServer;\n    }\n    return false;\n  }\n\n  /**\n   * This is a computed value from the AMF model.\n   * @returns true when whe currently loaded API is an async API.\n   */\n  get isAsync(): boolean {\n    const { documentMeta } = this;\n    if (!documentMeta) {\n      return false;\n    }\n    return documentMeta.isAsync;\n  }\n\n  /**\n   * @returns The mime type of the schema that is being rendered.\n   */\n  get schemaMime(): string|undefined {\n    const { schemaMimeType } = this;\n    if (schemaMimeType) {\n      return schemaMimeType;\n    }\n    const summary = this.apiSummaryValue;\n    if (!summary) {\n      return undefined;\n    }\n    const { accepts = [] } = summary;\n    if (!accepts.length) {\n      return undefined;\n    }\n    return accepts[0];\n  }\n\n  get documentMeta(): DocumentMeta | undefined {\n    return this.documentMetaValue;\n  }\n\n  constructor() {\n    super();\n\n    this.navigationHandler = this.navigationHandler.bind(this);\n    this.navEventsRegistered = false;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.processDebounce();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.navEventsRegistered) {\n      this.unregisterNavigationEvents();\n    }\n  }\n\n  /**\n   * Registers the api navigation event listener handler\n   * on the window object.\n   */\n  protected registerNavigationEvents(): void {\n    this.navEventsRegistered = true;\n    window.addEventListener(EventTypes.Navigation.apiNavigate, this.navigationHandler as EventListener);\n  }\n\n  /**\n   * Removes event listener from window object for the API navigation event.\n   */\n  protected unregisterNavigationEvents(): void {\n    this.navEventsRegistered = false;\n    window.removeEventListener(EventTypes.Navigation.apiNavigate, this.navigationHandler as EventListener);\n  }\n\n  /**\n   * Handler for the API navigation event.\n   * \n   * Note, when the current type is set to `operation` then the `operationId` is\n   * set instead of `domainId`, which is set to the parent endpoint id.\n   */\n  protected navigationHandler(e: ApiNavigationEvent): void {\n    const { domainId, domainType, parentId, passive } = e.detail;\n    if (passive === true) {\n      return;\n    }\n    this.domainType = domainType;\n    if (domainType === 'operation') {\n      this.operationId = domainId;\n      this.domainId = parentId;\n    } else {\n      this.operationId = undefined;\n      this.domainId = domainId;\n    }\n    this.processGraph();\n  }\n\n  override async processGraph(): Promise<void> {\n    this.schemaMimeType = undefined;\n    await this.queryDocumentMeta();\n    const { documentMeta } = this;\n    if (!documentMeta) {\n      this.requestUpdate();\n      return;\n    }\n    if (documentMeta.isApi) {\n      await this.queryApiSummary();\n      this.processApiSpecSelection();\n      return;\n    }\n    if (documentMeta.isLibrary) {\n      this.processLibrarySelection();\n      return;\n    }\n    const { isFragment, types } = documentMeta;\n\n    if (isFragment) {\n      let type: SelectionType | undefined;\n      if (types.includes(AmfNamespace.aml.vocabularies.security.SecuritySchemeFragment)) {\n        type = 'security';\n      } else if (types.includes(AmfNamespace.aml.vocabularies.apiContract.UserDocumentationFragment)) {\n        type = 'documentation';\n      } else if (types.includes(AmfNamespace.aml.vocabularies.shapes.DataTypeFragment)) {\n        type = 'schema';\n      }\n      this.processFragment(type);\n      return;\n    }\n\n    //\n    // partial models\n    // \n\n    if (types.includes(AmfNamespace.aml.vocabularies.apiContract.EndPoint)) {\n      this.processEndpointPartial();\n      return;\n    }\n\n    let type: SelectionType | undefined;\n    if (types.includes(AmfNamespace.aml.vocabularies.core.CreativeWork)) {\n      type = 'documentation';\n    } else if (types.includes(AmfNamespace.aml.vocabularies.security.SecurityScheme)) {\n      type = 'security';\n    } else if (types.includes(AmfNamespace.w3.shacl.Shape)) {\n      type = 'schema';\n    }\n    this.processPartial(type);\n  }\n\n  /**\n   * Reads the currently loaded document meta data from the store.\n   */\n  async queryDocumentMeta(): Promise<void> {\n    this.documentMetaValue = undefined;\n    try {\n      const info = await Events.Api.documentMeta(this);\n      this.documentMetaValue = info;\n    } catch (e) {\n      const ex = e as Error;\n      Events.Telemetry.exception(this, ex.message, false);\n      Events.Reporting.error(this, ex, `Unable to query for the document meta data: ${ex.message}`, this.localName);\n    }\n  }\n\n  /**\n   * Reads the API summary.\n   * Called only when the currently loaded document is an API.\n   */\n  async queryApiSummary(): Promise<void> {\n    try {\n      const info = await Events.Api.summary(this);\n      this.apiSummaryValue = info;\n    } catch (e) {\n      this.apiSummaryValue = undefined;\n      const ex = e as Error;\n      Events.Telemetry.exception(this, ex.message, false);\n      Events.Reporting.error(this, ex, `Unable to query for the API summary data: ${ex.message}`, this.localName);\n    }\n  }\n\n  /**\n   * Processes selection for the web API data model. It ignores the input if\n   * `domainId` or `domainType` is not set.\n   */\n  protected processApiSpecSelection(): void {\n    const { domainId, tryItPanel } = this;\n    let { domainType } = this;\n    if (!domainId || !domainType) {\n      // Not all required properties were set.\n      return;\n    }\n    if (domainType === 'operation' && tryItPanel) {\n      domainType = 'resource';\n    }\n    this.renderedViewValue = domainType;\n    this.requestUpdate();\n  }\n\n  /**\n   * Processes selection for a library data model. It ignores the input if\n   * `domainId` or `domainType` is not set.\n   */\n  protected processLibrarySelection(): void {\n    const { domainId, domainType } = this;\n    if (!domainId || !domainType) {\n      // Not all required properties were set.\n      return;\n    }\n    this.renderedViewValue = domainType;\n    this.requestUpdate();\n  }\n\n  /**\n   * Processes fragment model and sets current selection and the model.\n   * \n   * @param domainType The selected domain type.\n   */\n  protected processFragment(domainType?: SelectionType): void {\n    this.domainIdValue = this.documentMeta?.encodesId;\n    this.renderedViewValue = domainType;\n    this.requestUpdate();\n  }\n\n  /**\n   * Sets the partial model to be rendered.\n   * \n   * @param domainType The domain type representing the partial model.\n   */\n  protected processPartial(domainType?: SelectionType): void {\n    this.renderedViewValue = domainType;\n    this.requestUpdate();\n  }\n\n  /**\n   * Processes endpoint data from partial model definition.\n   * It sets models that are used by the docs.\n   *\n   * If `selected` or `selectedType` is not set then it automatically selects\n   */\n  protected processEndpointPartial(): void {\n    const { tryItPanel } = this;\n    let { domainType } = this;\n    if (!domainType || tryItPanel) {\n      domainType = 'resource';\n    }\n    if (!['operation', 'resource'].includes(domainType)) {\n      domainType = 'resource';\n    }\n    this.renderedViewValue = domainType;\n    this.requestUpdate();\n  }\n\n  protected serversCountHandler(e: ServerCountChangeEvent): void {\n    this.serversCount = e.detail.value;\n  }\n\n  protected serverChangeHandler(e: ServerChangeEvent): void {\n    this.serverValue = e.detail.value;\n    this.serverType = e.detail.type;\n  }\n\n  protected mediaTypeSelectHandler(e: Event): void {\n    const node = e.target as RadioElement;\n    const { value } = node;\n    this.schemaMimeType = value;\n  }\n\n  override render(): TemplateResult {\n    return html`\n    ${this.serverSelectorTemplate()}\n    ${this.modelTemplate()}`;\n  }\n\n  /**\n   * @returns The template for the server selector.\n   */\n  protected serverSelectorTemplate(): TemplateResult|string {\n    if (this.noServerSelector) {\n      return '';\n    }\n    const { serverType, serverValue, allowCustomBaseUri, renderSelector, domainId, domainType } = this;\n    const id = domainType === 'operation' ? this.operationId : domainId;\n    return html`\n      <api-server-picker\n        class=\"server-selector\"\n        .domainId=\"${id}\"\n        .domainType=\"${domainType}\"\n        .value=\"${serverValue}\"\n        .type=\"${serverType as ServerType}\"\n        ?hidden=\"${!renderSelector}\"\n        ?custom=\"${allowCustomBaseUri}\"\n        auto\n        @serverscountchanged=\"${this.serversCountHandler}\"\n        @apiserverchanged=\"${this.serverChangeHandler}\"\n      >\n        <slot name=\"custom-base-uri\" slot=\"custom-base-uri\"></slot>\n      </api-server-picker>`;\n  }\n\n  /**\n   * @returns The template for the server selector.\n   */\n  protected modelTemplate(): TemplateResult|string {\n    switch (this.renderedViewValue) {\n      case 'summary': return this.summaryTemplate();\n      case 'security': return this.securityTemplate();\n      case 'documentation': return this.documentationTemplate();\n      case 'schema': return this.schemaTemplate();\n      case 'resource':\n      case 'operation':\n        return this.resourceTemplate();\n      default: return '';\n    }\n  }\n\n  /**\n   * @returns The template for the API summary page.\n   */\n  protected summaryTemplate(): TemplateResult|string {\n    const { baseUri } = this;\n    return html`\n    <api-summary .baseUri=\"${baseUri}\"></api-summary>`;\n  }\n\n  /**\n   * @returns The template for the API security definition page.\n   */\n  protected securityTemplate(): TemplateResult|string {\n    const { domainId } = this;\n    return html`<api-security-document\n      .domainId=\"${domainId}\"\n      settingsOpened\n    ></api-security-document>`;\n  }\n\n  /**\n   * @returns The template for the RAML's documentation page.\n   */\n  protected documentationTemplate(): TemplateResult|string {\n    const { domainId } = this;\n    return html`<api-documentation-document .domainId=\"${domainId}\"></api-documentation-document>`;\n  }\n\n  /**\n   * @returns The template for the API schema page.\n   */\n  protected schemaTemplate(): TemplateResult|string {\n    const { schemaMime, domainId } = this;\n    return html`\n    ${this.schemaMediaSelectorTemplate()}\n    <api-schema-document\n      .domainId=\"${domainId}\"\n      .mimeType=\"${schemaMime}\"\n      forceExamples\n    ></api-schema-document>`;\n  }\n\n  /**\n   * @returns The template for the API endpoint page.\n   */\n  protected resourceTemplate(): TemplateResult|string {\n    const { domainId, operationId, isAsync } = this;\n    return html`<api-resource-document\n      .domainId=\"${domainId}\"\n      .operationId=\"${operationId}\"\n      .redirectUri=\"${this.redirectUri}\"\n      .serverType=\"${this.serverType}\"\n      .serverValue=\"${this.serverValue}\"\n      .baseUri=\"${this.apiBaseUri}\"\n      ?tryItButton=\"${this.tryItButton}\"\n      ?tryItPanel=\"${this.tryItPanel}\"\n      ?httpUrlEditor=\"${this.httpUrlEditor}\"\n      httpNoServerSelector\n      ?asyncApi=\"${isAsync}\"\n    ></api-resource-document>`;\n  }\n\n  /**\n   * This is a part of schema rendering.\n   * When the current API defines the media types then this shows the selector \n   * to render examples with a specific mime.\n   */\n  protected schemaMediaSelectorTemplate(): TemplateResult|string {\n    const { documentMeta } = this;\n    // only APIs have top level media types (?)\n    const summary = this.apiSummaryValue;\n    if (!summary || !documentMeta || !documentMeta.isApi) {\n      return '';\n    }\n    const { accepts = [] } = summary;\n    if (accepts.length < 2) {\n      // if there's a single mime then we render the one we have. No selector needed.\n      return '';\n    }\n    const mimeType = this.schemaMimeType || accepts[0];\n    return html`\n    <div class=\"media-type-selector\">\n      <span id=\"schema-mime\">Schema content type</span>\n      ${accepts.map((item) => html`\n      <label class=\"label-large\">\n        <ui-radio\n          class=\"schema-toggle\"\n          name=\"schemaMime\"\n          value=\"${item}\"\n          .checked=\"${item === mimeType}\"\n          @change=\"${this.mediaTypeSelectHandler}\"\n        ></ui-radio>\n        ${item}\n      </label>\n      `)}\n    </div>\n    `;\n  }\n}\n"]}

package/dist/elements/amf/ApiDocumentation.styles.d.ts

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

package/dist/elements/amf/ApiDocumentation.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiDocumentation.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/amf/ApiDocumentation.styles.ts"],"names":[],"mappings":";AAEA,wBAQE"}

package/dist/elements/amf/ApiDocumentation.styles.js

@@ -0,0 +1,11 @@
+import { css } from 'lit';
+export default css `
+:host {
+  display: block;
+}
+
+.server-selector {
+  margin-left: -8px;
+}
+`;
+//# sourceMappingURL=ApiDocumentation.styles.js.map

package/dist/elements/amf/ApiDocumentation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiDocumentation.styles.js","sourceRoot":"","sources":["../../../src/elements/amf/ApiDocumentation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;CAQjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  display: block;\n}\n\n.server-selector {\n  margin-left: -8px;\n}\n`;\n"]}

package/dist/elements/amf/ApiDocumentationBase.d.ts

@@ -0,0 +1,101 @@
+import { TemplateResult } from 'lit';
+import { IApiCustomDomainProperty, AmfShapes, ApiDefinitions } from '@api-client/core/build/browser.js';
+import { SchemaExample } from '../../amf/types.js';
+import ApiElement from '../ApiElement.js';
+import '../../define/amf/api-annotation-document.js';
+import '../../define/highlight/marked-highlight.js';
+import '../../define/ui/ui-icon.js';
+import '../../define/ui/ui-button.js';
+import '../../define/ui/ui-collapse.js';
+/**
+ * A base class for the documentation components with common templates and functions.
+ */
+export declare class ApiDocumentationBase extends ApiElement {
+    protected domainIdValue?: string;
+    /**
+     * The domain id of the object to render.
+     * @attribute
+     */
+    get domainId(): string | undefined;
+    set domainId(value: string | undefined);
+    /**
+     * The timeout after which the `queryGraph()` function is called
+     * in the debouncer.
+     * @attribute
+     */
+    queryDebouncerTimeout?: number;
+    protected examplesValue?: SchemaExample[];
+    protected debounceValue?: any;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Handler for the event dispatched by the store when the graph model change.
+     */
+    protected graphChangeHandler(): void;
+    /**
+     * Calls the `queryGraph()` function in a debouncer.
+     */
+    protected processDebounce(): void;
+    /**
+     * The main function to use to process the AMF model.
+     * To be implemented by the child classes.
+     */
+    processGraph(): void | Promise<void>;
+    /**
+     * At current state there's no way to tell where to navigate when relative
+     * link is clicked. To prevent 404 anchors this prevents any relative link click.
+     */
+    clickHandler(e: Event): void;
+    /**
+     * A handler for the section toggle button click.
+     */
+    sectionToggleClickHandler(e: Event): void;
+    /**
+     * @param examples The list of examples to evaluate
+     * @param mediaType The media type to use with examples processing.
+     */
+    protected evaluateExamples(examples: AmfShapes.IApiDataExample[], mediaType: string): SchemaExample[];
+    /**
+     * @param example The example to evaluate
+     * @param mediaType The media type to use with examples processing.
+     */
+    protected evaluateExample(example: AmfShapes.IApiDataExample, mediaType: string): SchemaExample;
+    /**
+     * @returns The template for the section toggle button
+     */
+    protected sectionToggleTemplate(ctrlProperty: string): TemplateResult | string;
+    /**
+     * @param label The section label.
+     * @param openedProperty The name of the element property to be toggled when interacting with the toggle button.
+     * @param content The content to render.
+     * @returns The template for a toggle section with a content.
+     */
+    protected paramsSectionTemplate(label: string, openedProperty: string, content: TemplateResult | (TemplateResult | string)[], opts?: ({
+        innerSection?: boolean;
+    })): TemplateResult;
+    /**
+     * @param model The parameter to render.
+     * @param dataName Optional data-name for this parameter
+     * @returns The template for the schema item document
+     */
+    protected schemaItemTemplate(model: ApiDefinitions.IApiParameter, dataName?: string): TemplateResult;
+    /**
+     * @param description The description to render.
+     * @returns The template for the markdown description.
+     */
+    protected descriptionTemplate(description?: string): TemplateResult | string;
+    /**
+     * @returns The template for the custom domain properties
+     */
+    protected customDomainPropertiesTemplate(customDomainProperties?: IApiCustomDomainProperty[]): TemplateResult | string;
+    /**
+     * @returns The template for the examples section.
+     */
+    protected examplesTemplate(): TemplateResult | string;
+    /**
+     * @returns The template for a single example
+     */
+    protected exampleTemplate(item: SchemaExample): TemplateResult | string;
+}
+//# sourceMappingURL=ApiDocumentationBase.d.ts.map

package/dist/elements/amf/ApiDocumentationBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiDocumentationBase.d.ts","sourceRoot":"","sources":["../../../src/elements/amf/ApiDocumentationBase.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,wBAAwB,EAAuB,SAAS,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAE7H,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,6CAA6C,CAAC;AACrD,OAAO,4CAA4C,CAAC;AACpD,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,gCAAgC,CAAC;AAExC;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,UAAU;IAClD,SAAS,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEjC;;;OAGG;IACH,IAA+C,QAAQ,IAAI,MAAM,GAAG,SAAS,CAE5E;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAUrC;IAED;;;;OAIG;IACyB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE3D,SAAS,CAAC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAE1C,SAAS,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC;;IAQrB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAQrC;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAIpC;;OAEG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;IAUjC;;;OAGG;IACH,YAAY,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAIpC;;;OAGG;IACH,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAoB5B;;OAEG;IACH,yBAAyB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IASzC;;;OAGG;IACH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,aAAa,EAAE;IAIrG;;;OAGG;IACH,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,eAAe,EAAE,SAAS,EAAE,MAAM,GAAG,aAAa;IAoB/F;;OAEG;IACH,SAAS,CAAC,qBAAqB,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;IAS9E;;;;;OAKG;IACH,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,CAAC,cAAc,GAAG,MAAM,CAAC,EAAE,EAAE,IAAI,GAAE,CAAC;QAAE,YAAY,CAAC,EAAE,OAAO,CAAA;KAAE,CAAM,GAAG,cAAc;IA6BtL;;;;OAIG;IACH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc;IAUpG;;;OAGG;IACH,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;IAgB5E;;OAEG;IACH,SAAS,CAAC,8BAA8B,CAAC,sBAAsB,GAAE,wBAAwB,EAAO,GAAG,cAAc,GAAG,MAAM;IAW1H;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,cAAc,GAAG,MAAM;IAgBrD;;OAEG;IACH,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,aAAa,GAAG,cAAc,GAAG,MAAM;CAYxE"}

package/dist/elements/amf/ApiDocumentationBase.js

@@ -0,0 +1,287 @@
+import { __decorate } from "tslib";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable lit-a11y/click-events-have-key-events */
+/* eslint-disable class-methods-use-this */
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ApiExampleGenerator } from '@api-client/core/build/browser.js';
+import { EventTypes } from '../../events/amf/EventTypes.js';
+import ApiElement from '../ApiElement.js';
+import '../../define/amf/api-annotation-document.js';
+import '../../define/highlight/marked-highlight.js';
+import '../../define/ui/ui-icon.js';
+import '../../define/ui/ui-button.js';
+import '../../define/ui/ui-collapse.js';
+/**
+ * A base class for the documentation components with common templates and functions.
+ */
+export class ApiDocumentationBase extends ApiElement {
+    domainIdValue;
+    /**
+     * The domain id of the object to render.
+     * @attribute
+     */
+    get domainId() {
+        return this.domainIdValue;
+    }
+    set domainId(value) {
+        const old = this.domainIdValue;
+        if (old === value) {
+            return;
+        }
+        this.domainIdValue = value;
+        this.requestUpdate('domainId', old);
+        if (value) {
+            this.processDebounce();
+        }
+    }
+    /**
+     * The timeout after which the `queryGraph()` function is called
+     * in the debouncer.
+     * @attribute
+     */
+    queryDebouncerTimeout;
+    examplesValue;
+    debounceValue;
+    constructor() {
+        super();
+        this.queryDebouncerTimeout = 1;
+        this.eventsTarget.addEventListener(EventTypes.Store.graphChange, this.graphChangeHandler.bind(this));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.domainId) {
+            this.processDebounce();
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.debounceValue) {
+            clearTimeout(this.debounceValue);
+            this.debounceValue = undefined;
+        }
+    }
+    /**
+     * Handler for the event dispatched by the store when the graph model change.
+     */
+    graphChangeHandler() {
+        this.processDebounce();
+    }
+    /**
+     * Calls the `queryGraph()` function in a debouncer.
+     */
+    processDebounce() {
+        if (this.debounceValue) {
+            clearTimeout(this.debounceValue);
+        }
+        this.debounceValue = setTimeout(() => {
+            this.debounceValue = undefined;
+            this.processGraph();
+        }, this.queryDebouncerTimeout);
+    }
+    /**
+     * The main function to use to process the AMF model.
+     * To be implemented by the child classes.
+     */
+    processGraph() {
+        // ...
+    }
+    /**
+     * At current state there's no way to tell where to navigate when relative
+     * link is clicked. To prevent 404 anchors this prevents any relative link click.
+     */
+    clickHandler(e) {
+        const node = e.target;
+        if (node.localName !== 'a') {
+            return;
+        }
+        // target.href is always absolute, need attribute value to test for
+        // relative links.
+        const href = node.getAttribute('href');
+        if (!href) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        const ch0 = href[0];
+        if (['.', '/'].indexOf(ch0) !== -1) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    }
+    /**
+     * A handler for the section toggle button click.
+     */
+    sectionToggleClickHandler(e) {
+        const button = e.currentTarget;
+        const prop = button.dataset.ctrlProperty;
+        if (!prop) {
+            return;
+        }
+        this[prop] = !this[prop];
+    }
+    /**
+     * @param examples The list of examples to evaluate
+     * @param mediaType The media type to use with examples processing.
+     */
+    evaluateExamples(examples, mediaType) {
+        return examples.map((example) => this.evaluateExample(example, mediaType));
+    }
+    /**
+     * @param example The example to evaluate
+     * @param mediaType The media type to use with examples processing.
+     */
+    evaluateExample(example, mediaType) {
+        let value;
+        if (mediaType) {
+            const generator = new ApiExampleGenerator();
+            value = generator.read(example, mediaType);
+        }
+        else {
+            value = example.value || '';
+        }
+        const { name, displayName } = example;
+        const label = displayName || name;
+        const result = {
+            ...example,
+            renderValue: value,
+        };
+        if (label && !label.startsWith('example_')) {
+            result.label = label;
+        }
+        return result;
+    }
+    /**
+     * @returns The template for the section toggle button
+     */
+    sectionToggleTemplate(ctrlProperty) {
+        const label = this[ctrlProperty] ? 'Hide' : 'Show';
+        return html `
+    <ui-button class="section-toggle" type="text">
+      ${label} <ui-icon icon="arrowDropDown" role="presentation" class="toggle-icon"></ui-icon>
+    </ui-button>
+    `;
+    }
+    /**
+     * @param label The section label.
+     * @param openedProperty The name of the element property to be toggled when interacting with the toggle button.
+     * @param content The content to render.
+     * @returns The template for a toggle section with a content.
+     */
+    paramsSectionTemplate(label, openedProperty, content, opts = {}) {
+        const opened = this[openedProperty];
+        const { innerSection } = opts;
+        const containerClasses = {
+            'params-section': !innerSection,
+            'surface2': !innerSection,
+            'inner-section': !!innerSection,
+        };
+        const titleClasses = {
+            'params-title': true,
+            opened,
+        };
+        return html `
+    <div class="${classMap(containerClasses)}" data-controlled-by="${openedProperty}">
+      <div 
+        class="${classMap(titleClasses)}"
+        data-ctrl-property="${openedProperty}" 
+        @click="${this.sectionToggleClickHandler}"
+      >
+        <span class="label">${label}</span>
+        ${this.sectionToggleTemplate(openedProperty)}
+      </div>
+      <ui-collapse .open="${opened}">
+        ${content}
+      </ui-collapse>
+    </div>
+    `;
+    }
+    /**
+     * @param model The parameter to render.
+     * @param dataName Optional data-name for this parameter
+     * @returns The template for the schema item document
+     */
+    schemaItemTemplate(model, dataName) {
+        return html `
+    <api-parameter-document 
+      .parameter="${model}" 
+      class="property-item"
+      data-name="${ifDefined(dataName)}"
+    ></api-parameter-document>
+    `;
+    }
+    /**
+     * @param description The description to render.
+     * @returns The template for the markdown description.
+     */
+    descriptionTemplate(description) {
+        if (!description) {
+            return '';
+        }
+        return html `
+    <div class="api-description">
+      <marked-highlight 
+        .markdown="${description}" 
+        sanitize
+        @click="${this.clickHandler}"
+      >
+        <div slot="markdown-html" class="markdown-body text-selectable"></div>
+      </marked-highlight>
+    </div>`;
+    }
+    /**
+     * @returns The template for the custom domain properties
+     */
+    customDomainPropertiesTemplate(customDomainProperties = []) {
+        if (!customDomainProperties.length) {
+            return '';
+        }
+        return html `
+    <api-annotation-document
+      .customProperties="${customDomainProperties}"
+    ></api-annotation-document>
+    `;
+    }
+    /**
+     * @returns The template for the examples section.
+     */
+    examplesTemplate() {
+        const examples = this.examplesValue;
+        if (!Array.isArray(examples)) {
+            return '';
+        }
+        const filtered = examples.filter((item) => !!item.renderValue);
+        if (!filtered.length) {
+            return '';
+        }
+        return html `
+    <div class="examples">
+    ${filtered.map((item) => this.exampleTemplate(item))}
+    </div>
+    `;
+    }
+    /**
+     * @returns The template for a single example
+     */
+    exampleTemplate(item) {
+        const { description, renderValue, label } = item;
+        return html `
+    <details class="schema-example">
+      <summary>Example${label ? `: ${label}` : ''}</summary>
+      <div class="example-content">
+        ${description ? html `<div class="example-description text-selectable">${description}</div>` : ''}
+        <pre class="code-value text-selectable"><code>${renderValue}</code></pre>
+      </div>
+    </details>
+    `;
+    }
+}
+__decorate([
+    property({ type: String, reflect: true })
+], ApiDocumentationBase.prototype, "domainId", null);
+__decorate([
+    property({ type: Number })
+], ApiDocumentationBase.prototype, "queryDebouncerTimeout", void 0);
+//# sourceMappingURL=ApiDocumentationBase.js.map

package/dist/elements/amf/ApiDocumentationBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiDocumentationBase.js","sourceRoot":"","sources":["../../../src/elements/amf/ApiDocumentationBase.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable lit-a11y/click-events-have-key-events */\n/* eslint-disable class-methods-use-this */\nimport { html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { IApiCustomDomainProperty, ApiExampleGenerator, AmfShapes, ApiDefinitions } from '@api-client/core/build/browser.js';\nimport { EventTypes } from '../../events/amf/EventTypes.js';\nimport { SchemaExample } from '../../amf/types.js';\nimport ApiElement from '../ApiElement.js';\nimport '../../define/amf/api-annotation-document.js';\nimport '../../define/highlight/marked-highlight.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-collapse.js';\n\n/**\n * A base class for the documentation components with common templates and functions.\n */\nexport class ApiDocumentationBase extends ApiElement {\n  protected domainIdValue?: string;\n\n  /** \n   * The domain id of the object to render.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) get domainId(): string | undefined {\n    return this.domainIdValue;\n  }\n\n  set domainId(value: string | undefined) {\n    const old = this.domainIdValue;\n    if (old === value) {\n      return;\n    }\n    this.domainIdValue = value;\n    this.requestUpdate('domainId', old);\n    if (value) {\n      this.processDebounce();\n    }\n  }\n\n  /** \n   * The timeout after which the `queryGraph()` function is called \n   * in the debouncer.\n   * @attribute\n   */\n  @property({ type: Number }) queryDebouncerTimeout?: number;\n\n  protected examplesValue?: SchemaExample[];\n\n  protected debounceValue?: any;\n\n  constructor() {\n    super();\n    this.queryDebouncerTimeout = 1;\n    this.eventsTarget.addEventListener(EventTypes.Store.graphChange, this.graphChangeHandler.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.domainId) {\n      this.processDebounce();\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.debounceValue) {\n      clearTimeout(this.debounceValue);\n      this.debounceValue = undefined;\n    }\n  }\n\n  /**\n   * Handler for the event dispatched by the store when the graph model change.\n   */\n  protected graphChangeHandler(): void {\n    this.processDebounce();\n  }\n\n  /**\n   * Calls the `queryGraph()` function in a debouncer.\n   */\n  protected processDebounce(): void {\n    if (this.debounceValue) {\n      clearTimeout(this.debounceValue);\n    }\n    this.debounceValue = setTimeout(() => {\n      this.debounceValue = undefined;\n      this.processGraph();\n    }, this.queryDebouncerTimeout);\n  }\n\n  /**\n   * The main function to use to process the AMF model.\n   * To be implemented by the child classes.\n   */\n  processGraph(): void | Promise<void> {\n    // ...\n  }\n\n  /**\n   * At current state there's no way to tell where to navigate when relative\n   * link is clicked. To prevent 404 anchors this prevents any relative link click.\n   */\n  clickHandler(e: Event): void {\n    const node = (e.target as HTMLElement);\n    if (node.localName !== 'a') {\n      return;\n    }\n    // target.href is always absolute, need attribute value to test for\n    // relative links.\n    const href = node.getAttribute('href');\n    if (!href) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    const ch0 = href[0];\n    if (['.', '/'].indexOf(ch0) !== -1) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  /**\n   * A handler for the section toggle button click.\n   */\n  sectionToggleClickHandler(e: Event): void {\n    const button = (e.currentTarget as HTMLElement);\n    const prop = button.dataset.ctrlProperty;\n    if (!prop) {\n      return;\n    }\n    (this as any)[prop] = !(this as any)[prop];\n  }\n\n  /**\n   * @param examples The list of examples to evaluate\n   * @param mediaType The media type to use with examples processing.\n   */\n  protected evaluateExamples(examples: AmfShapes.IApiDataExample[], mediaType: string): SchemaExample[] {\n    return examples.map((example) => this.evaluateExample(example, mediaType))\n  }\n\n  /**\n   * @param example The example to evaluate\n   * @param mediaType The media type to use with examples processing.\n   */\n  protected evaluateExample(example: AmfShapes.IApiDataExample, mediaType: string): SchemaExample {\n    let value;\n    if (mediaType) {\n      const generator = new ApiExampleGenerator();\n      value = generator.read(example, mediaType);\n    } else {\n      value = example.value || '';\n    }\n    const { name, displayName } = example;\n    const label = displayName || name;\n    const result: SchemaExample = {\n      ...example,\n      renderValue: value,\n    };\n    if (label && !label.startsWith('example_')) {\n      result.label = label;\n    }\n    return result;\n  }\n\n  /**\n   * @returns The template for the section toggle button\n   */\n  protected sectionToggleTemplate(ctrlProperty: string): TemplateResult | string {\n    const label = (this as any)[ctrlProperty] ? 'Hide' : 'Show';\n    return html`\n    <ui-button class=\"section-toggle\" type=\"text\">\n      ${label} <ui-icon icon=\"arrowDropDown\" role=\"presentation\" class=\"toggle-icon\"></ui-icon>\n    </ui-button>\n    `;\n  }\n\n  /**\n   * @param label The section label.\n   * @param openedProperty The name of the element property to be toggled when interacting with the toggle button.\n   * @param content The content to render.\n   * @returns The template for a toggle section with a content.\n   */\n  protected paramsSectionTemplate(label: string, openedProperty: string, content: TemplateResult | (TemplateResult | string)[], opts: ({ innerSection?: boolean }) = {}): TemplateResult {\n    const opened = (this as any)[openedProperty];\n    const { innerSection } = opts;\n    const containerClasses = {\n      'params-section': !innerSection,\n      'surface2': !innerSection,\n      'inner-section': !!innerSection,\n    };\n    const titleClasses = {\n      'params-title': true,\n      opened,\n    };\n    return html`\n    <div class=\"${classMap(containerClasses)}\" data-controlled-by=\"${openedProperty}\">\n      <div \n        class=\"${classMap(titleClasses)}\"\n        data-ctrl-property=\"${openedProperty}\" \n        @click=\"${this.sectionToggleClickHandler}\"\n      >\n        <span class=\"label\">${label}</span>\n        ${this.sectionToggleTemplate(openedProperty)}\n      </div>\n      <ui-collapse .open=\"${opened}\">\n        ${content}\n      </ui-collapse>\n    </div>\n    `;\n  }\n\n  /**\n   * @param model The parameter to render.\n   * @param dataName Optional data-name for this parameter\n   * @returns The template for the schema item document\n   */\n  protected schemaItemTemplate(model: ApiDefinitions.IApiParameter, dataName?: string): TemplateResult {\n    return html`\n    <api-parameter-document \n      .parameter=\"${model}\" \n      class=\"property-item\"\n      data-name=\"${ifDefined(dataName)}\"\n    ></api-parameter-document>\n    `;\n  }\n\n  /**\n   * @param description The description to render.\n   * @returns The template for the markdown description.\n   */\n  protected descriptionTemplate(description?: string): TemplateResult | string {\n    if (!description) {\n      return '';\n    }\n    return html`\n    <div class=\"api-description\">\n      <marked-highlight \n        .markdown=\"${description}\" \n        sanitize\n        @click=\"${this.clickHandler}\"\n      >\n        <div slot=\"markdown-html\" class=\"markdown-body text-selectable\"></div>\n      </marked-highlight>\n    </div>`;\n  }\n\n  /**\n   * @returns The template for the custom domain properties\n   */\n  protected customDomainPropertiesTemplate(customDomainProperties: IApiCustomDomainProperty[] = []): TemplateResult | string {\n    if (!customDomainProperties.length) {\n      return '';\n    }\n    return html`\n    <api-annotation-document\n      .customProperties=\"${customDomainProperties}\"\n    ></api-annotation-document>\n    `;\n  }\n\n  /**\n   * @returns The template for the examples section.\n   */\n  protected examplesTemplate(): TemplateResult | string {\n    const examples = this.examplesValue;\n    if (!Array.isArray(examples)) {\n      return '';\n    }\n    const filtered = examples.filter((item) => !!item.renderValue);\n    if (!filtered.length) {\n      return '';\n    }\n    return html`\n    <div class=\"examples\">\n    ${filtered.map((item) => this.exampleTemplate(item))}\n    </div>\n    `;\n  }\n\n  /**\n   * @returns The template for a single example\n   */\n  protected exampleTemplate(item: SchemaExample): TemplateResult | string {\n    const { description, renderValue, label } = item;\n    return html`\n    <details class=\"schema-example\">\n      <summary>Example${label ? `: ${label}` : ''}</summary>\n      <div class=\"example-content\">\n        ${description ? html`<div class=\"example-description text-selectable\">${description}</div>` : ''}\n        <pre class=\"code-value text-selectable\"><code>${renderValue}</code></pre>\n      </div>\n    </details>\n    `;\n  }\n}\n"]}

package/dist/elements/amf/ApiDocumentationDocument.element.d.ts

@@ -0,0 +1,29 @@
+import { TemplateResult } from 'lit';
+import { ApiDefinitions } from '@api-client/core/build/browser.js';
+import { ApiDocumentationBase } from './ApiDocumentationBase.js';
+/**
+ * A web component that renders the documentation page for an API documentation (like in RAML documentations) built from
+ * the AMF graph model.
+ */
+export default class ApiDocumentationDocument extends ApiDocumentationBase {
+    protected documentationValue: ApiDefinitions.IApiDocumentation | undefined;
+    /**
+     * The serialized to a JS object graph model
+     */
+    get documentation(): ApiDefinitions.IApiDocumentation | undefined;
+    set documentation(value: ApiDefinitions.IApiDocumentation | undefined);
+    /**
+     * Queries the graph store for the API Documentation data.
+     */
+    processGraph(): Promise<void>;
+    /**
+     * Queries for the documentation model.
+     */
+    queryDocument(): Promise<void>;
+    render(): TemplateResult;
+    /**
+     * @returns The template for the Documentation title.
+     */
+    protected titleTemplate(docs: ApiDefinitions.IApiDocumentation): TemplateResult | string;
+}
+//# sourceMappingURL=ApiDocumentationDocument.element.d.ts.map

package/dist/elements/amf/ApiDocumentationDocument.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiDocumentationDocument.element.d.ts","sourceRoot":"","sources":["../../../src/elements/amf/ApiDocumentationDocument.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAIjE;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,oBAAoB;IACxE,SAAS,CAAC,kBAAkB,EAAE,cAAc,CAAC,iBAAiB,GAAG,SAAS,CAAA;IAE1E;;OAEG;IACH,IAAI,aAAa,IAAI,cAAc,CAAC,iBAAiB,GAAG,SAAS,CAEhE;IAED,IAAI,aAAa,CAAC,KAAK,EAJF,cAAc,CAAC,iBAAiB,GAAG,SAIjC,EAOtB;IAED;;OAEG;IACY,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAM5C;;OAEG;IACG,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAoB3B,MAAM,IAAI,cAAc;IAWjC;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC,iBAAiB,GAAG,cAAc,GAAG,MAAM;CAazF"}

package/dist/elements/amf/ApiDocumentationDocument.element.js

@@ -0,0 +1,82 @@
+import { html } from 'lit';
+import { ApiDocumentationBase } from './ApiDocumentationBase.js';
+import { Events } from '../../events/amf/Events.js';
+/**
+ * A web component that renders the documentation page for an API documentation (like in RAML documentations) built from
+ * the AMF graph model.
+ */
+export default class ApiDocumentationDocument extends ApiDocumentationBase {
+    documentationValue;
+    /**
+     * The serialized to a JS object graph model
+     */
+    get documentation() {
+        return this.documentationValue;
+    }
+    set documentation(value) {
+        const old = this.documentationValue;
+        if (old === value) {
+            return;
+        }
+        this.documentationValue = value;
+        this.processGraph();
+    }
+    /**
+     * Queries the graph store for the API Documentation data.
+     */
+    async processGraph() {
+        await this.queryDocument();
+        this.requestUpdate();
+        await this.updateComplete;
+    }
+    /**
+     * Queries for the documentation model.
+     */
+    async queryDocument() {
+        const { domainId } = this;
+        if (!domainId) {
+            return;
+        }
+        if (this.documentationValue && this.documentationValue.id === domainId) {
+            // in case it was set by the parent via the property
+            return;
+        }
+        try {
+            const info = await Events.Documentation.get(this, domainId);
+            this.documentationValue = info;
+        }
+        catch (e) {
+            this.documentationValue = undefined;
+            const ex = e;
+            Events.Telemetry.exception(this, ex.message, false);
+            Events.Reporting.error(this, ex, `Unable to query for API documentation data: ${ex.message}`, this.localName);
+        }
+    }
+    render() {
+        const docs = this.documentationValue;
+        if (!docs) {
+            return html ``;
+        }
+        return html `
+    ${this.titleTemplate(docs)}
+    ${this.descriptionTemplate(docs.description)}
+    `;
+    }
+    /**
+     * @returns The template for the Documentation title.
+     */
+    titleTemplate(docs) {
+        const { title } = docs;
+        if (!title) {
+            return '';
+        }
+        return html `
+    <div class="documentation-header">
+      <div class="documentation-title">
+        <span class="label text-selectable">${title}</span>
+      </div>
+    </div>
+    `;
+    }
+}
+//# sourceMappingURL=ApiDocumentationDocument.element.js.map