@api-client/ui 0.0.17 → 0.1.1

package/src/elements/amf/ApiSecurityDocument.element.ts

@@ -1,6 +1,18 @@
 import { html, TemplateResult } from 'lit'
 import { property } from 'lit/decorators.js'
-import { ApiDefinitions, AmfNamespace, AmfShapes } from '@api-client/core/browser.js'
+import type {
+  IApiParameter,
+  IApiResponse,
+  IApiSecurityApiKeySettings,
+  IApiSecurityOAuth1Settings,
+  IApiSecurityOAuth2Flow,
+  IApiSecurityOAuth2Settings,
+  IApiSecurityOpenIdConnectSettings,
+  IApiSecurityScheme,
+  IApiSecurityScope,
+} from '@api-client/core/amf/definitions/Api.js'
+import type { IApiNodeShape, IShapeUnion } from '@api-client/core/amf/definitions/Shapes.js'
+import { AmfNamespace } from '@api-client/core/amf/definitions/Namespace.js'
 import { QueryParameterProcessor } from '../../amf/lib/QueryParameterProcessor.js'
 import { ApiDocumentationBase } from './ApiDocumentationBase.js'
 import { Events } from '../../events/amf/Events.js'
@@ -45,16 +57,16 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
    */
   @property({ type: String, reflect: true }) accessor selectedStatus: string | undefined
 
-  protected securityValue?: ApiDefinitions.IApiSecurityScheme
+  protected securityValue?: IApiSecurityScheme
 
-  protected queryParametersValue?: ApiDefinitions.IApiParameter[]
+  protected queryParametersValue?: IApiParameter[]
 
-  get securityScheme(): ApiDefinitions.IApiSecurityScheme | undefined {
+  get securityScheme(): IApiSecurityScheme | undefined {
     return this.securityValue
   }
 
   @property({ type: Object })
-  set securityScheme(value: ApiDefinitions.IApiSecurityScheme | undefined) {
+  set securityScheme(value: IApiSecurityScheme | undefined) {
     const old = this.securityValue
     if (old === value) {
       return
@@ -65,7 +77,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
     this.requestUpdate()
   }
 
-  protected responsesValue?: ApiDefinitions.IApiResponse[]
+  protected responsesValue?: IApiResponse[]
 
   constructor() {
     super()
@@ -130,12 +142,12 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
       this.queryParametersValue = scheme.queryParameters
       return
     }
-    const nodeShape = scheme.queryString as AmfShapes.IApiNodeShape
+    const nodeShape = scheme.queryString as IApiNodeShape
     if (!nodeShape) {
       return
     }
     const factory = new QueryParameterProcessor()
-    const params = factory.collectOperationParameters(scheme.queryString as AmfShapes.IShapeUnion, 'query')
+    const params = factory.collectOperationParameters(scheme.queryString as IShapeUnion, 'query')
     this.queryParametersValue = params.map((p) => p.parameter)
   }
 
@@ -200,7 +212,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
     `
   }
 
-  protected titleTemplate(scheme: ApiDefinitions.IApiSecurityScheme): TemplateResult {
+  protected titleTemplate(scheme: IApiSecurityScheme): TemplateResult {
     const { name, type, displayName } = scheme
     const title = displayName || name
     return html`
@@ -228,7 +240,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
   /**
    * @returns The template for the headers
    */
-  protected headersTemplate(scheme: ApiDefinitions.IApiSecurityScheme): TemplateResult | string {
+  protected headersTemplate(scheme: IApiSecurityScheme): TemplateResult | string {
     if (!Array.isArray(scheme.headers) || !scheme.headers.length) {
       return ''
     }
@@ -249,7 +261,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
    * @param responses The responses to render.
    * @returns The template for the responses selector.
    */
-  protected responseTabsTemplate(responses: ApiDefinitions.IApiResponse[]): TemplateResult {
+  protected responseTabsTemplate(responses: IApiResponse[]): TemplateResult {
     const { selectedStatus } = this
     const filtered = responses.filter((item) => !!item.statusCode)
     return html`
@@ -278,7 +290,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
    * @param responses The responses to render.
    * @returns The template for the currently selected response.
    */
-  protected responseContentTemplate(responses: ApiDefinitions.IApiResponse[]): TemplateResult {
+  protected responseContentTemplate(responses: IApiResponse[]): TemplateResult {
     const { selectedStatus } = this
     const response = responses.find((item) => item.statusCode === selectedStatus)
     if (!response) {
@@ -290,7 +302,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
   /**
    * @returns The template for the security settings, when required.
    */
-  protected settingsTemplate(scheme: ApiDefinitions.IApiSecurityScheme): TemplateResult | string {
+  protected settingsTemplate(scheme: IApiSecurityScheme): TemplateResult | string {
     const { settings } = scheme
     if (!settings) {
       return ''
@@ -303,10 +315,10 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
       return this.openIdConnectSettingsTemplate(settings)
     }
     if (types.includes(AmfNamespace.aml.vocabularies.security.OAuth2Settings)) {
-      return this.oAuth2SettingsTemplate(settings as ApiDefinitions.IApiSecurityOAuth2Settings)
+      return this.oAuth2SettingsTemplate(settings as IApiSecurityOAuth2Settings)
     }
     if (types.includes(AmfNamespace.aml.vocabularies.security.OAuth1Settings)) {
-      return this.oAuth1SettingsTemplate(settings as ApiDefinitions.IApiSecurityOAuth1Settings)
+      return this.oAuth1SettingsTemplate(settings as IApiSecurityOAuth1Settings)
     }
     return ''
   }
@@ -314,7 +326,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
   /**
    * @returns The template for API Key security definition.
    */
-  protected apiKeySettingsTemplate(settings: ApiDefinitions.IApiSecurityApiKeySettings): TemplateResult {
+  protected apiKeySettingsTemplate(settings: IApiSecurityApiKeySettings): TemplateResult {
     const { in: paramLocation = 'Unknown', name } = settings
     const content = html`
       <div class="param-info">
@@ -372,9 +384,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
   /**
    * @returns The template for API Key security definition.
    */
-  protected openIdConnectSettingsTemplate(
-    settings: ApiDefinitions.IApiSecurityOpenIdConnectSettings
-  ): TemplateResult | string {
+  protected openIdConnectSettingsTemplate(settings: IApiSecurityOpenIdConnectSettings): TemplateResult | string {
     const { url } = settings
     if (!url) {
       return ''
@@ -393,7 +403,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
   /**
    * @returns The template for OAuth 2 security definition.
    */
-  protected oAuth2SettingsTemplate(settings: ApiDefinitions.IApiSecurityOAuth2Settings): TemplateResult | string {
+  protected oAuth2SettingsTemplate(settings: IApiSecurityOAuth2Settings): TemplateResult | string {
     const { authorizationGrants = [], flows = [] } = settings
     if (!authorizationGrants.length && !flows.length) {
       return ''
@@ -428,7 +438,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
   /**
    * @returns The template for OAuth 2 flows list.
    */
-  protected oAuth2FlowsTemplate(flows: ApiDefinitions.IApiSecurityOAuth2Flow[]): TemplateResult | string {
+  protected oAuth2FlowsTemplate(flows: IApiSecurityOAuth2Flow[]): TemplateResult | string {
     if (!flows.length) {
       return ''
     }
@@ -438,7 +448,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
   /**
    * @returns The template for an OAuth 2 flow.
    */
-  protected oAuth2FlowTemplate(flow: ApiDefinitions.IApiSecurityOAuth2Flow): TemplateResult {
+  protected oAuth2FlowTemplate(flow: IApiSecurityOAuth2Flow): TemplateResult {
     const { scopes, accessTokenUri, authorizationUri, refreshUri, flow: grant } = flow
     return html`
       <div class="flow-description">
@@ -514,7 +524,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
    * @param scopes The oauth scopes
    * @returns The template for the scopes list
    */
-  protected scopesTemplate(scopes?: ApiDefinitions.IApiSecurityScope[]): TemplateResult | string {
+  protected scopesTemplate(scopes?: IApiSecurityScope[]): TemplateResult | string {
     if (!Array.isArray(scopes) || !scopes.length) {
       return ''
     }
@@ -530,7 +540,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
    * @param scope The access token URI
    * @returns The template for an oauth scope
    */
-  protected scopeTemplate(scope: ApiDefinitions.IApiSecurityScope): TemplateResult {
+  protected scopeTemplate(scope: IApiSecurityScope): TemplateResult {
     const { name, description } = scope
     return html`
       <li class="scope-value">
@@ -543,7 +553,7 @@ export default class ApiSecurityDocument extends ApiDocumentationBase {
   /**
    * @returns The template for OAuth 1 security definition.
    */
-  protected oAuth1SettingsTemplate(settings: ApiDefinitions.IApiSecurityOAuth1Settings): TemplateResult {
+  protected oAuth1SettingsTemplate(settings: IApiSecurityOAuth1Settings): TemplateResult {
     const { signatures = [], authorizationUri, requestTokenUri, tokenCredentialsUri } = settings
     const content: (TemplateResult | string)[] = []
     if (authorizationUri) {

package/src/elements/amf/ApiSecurityRequirementDocument.element.ts

@@ -1,19 +1,19 @@
 import { html, TemplateResult } from 'lit'
 import { property } from 'lit/decorators.js'
-import { ApiDefinitions } from '@api-client/core/browser.js'
 import { ApiDocumentationBase } from './ApiDocumentationBase.js'
 import { Events } from '../../events/amf/Events.js'
 import '../../define/amf/api-parametrized-security-scheme.js'
+import type { IApiSecurityRequirement } from '@api-client/core/amf/definitions/Api.js'
 
 export default class ApiSecurityRequirementDocument extends ApiDocumentationBase {
-  protected securityRequirementValue?: ApiDefinitions.IApiSecurityRequirement
+  protected securityRequirementValue?: IApiSecurityRequirement
 
-  get securityRequirement(): ApiDefinitions.IApiSecurityRequirement | undefined {
+  get securityRequirement(): IApiSecurityRequirement | undefined {
     return this.securityRequirementValue
   }
 
   @property({ type: Object })
-  set securityRequirement(value: ApiDefinitions.IApiSecurityRequirement | undefined) {
+  set securityRequirement(value: IApiSecurityRequirement | undefined) {
     const old = this.securityRequirementValue
     if (old === value) {
       return

package/src/elements/amf/ApiServerPicker.element.ts

@@ -1,7 +1,8 @@
 import { html, type TemplateResult, type PropertyValues, nothing } from 'lit'
 import { property, query, state } from 'lit/decorators.js'
-import { type ApiDefinitions, EventUtils } from '@api-client/core/browser.js'
 import { live } from 'lit/directives/live.js'
+import type { IApiServer } from '@api-client/core/amf/definitions/Api.js'
+import { cancelEvent } from '@api-client/core/lib/events/Utils.js'
 import { Events } from '../../events/amf/Events.js'
 import { EventTypes } from '../../events/amf/EventTypes.js'
 import type { SelectionType, ServerType } from '../../amf/types.js'
@@ -139,7 +140,7 @@ export default class ApiServerPicker extends ApiDocumentationBase {
    */
   @state() protected accessor _customItems: ICustomServer[]
 
-  @state() protected accessor _servers: ApiDefinitions.IApiServer[] | undefined
+  @state() protected accessor _servers: IApiServer[] | undefined
 
   /**
    * Returns a list of custom servers found in the element's DOM.
@@ -589,7 +590,7 @@ export default class ApiServerPicker extends ApiDocumentationBase {
         type="url"
         ?readOnly="${!!baseUri}"
         @change="${this.handleCustomChange}"
-        @select="${EventUtils.cancelEvent}"
+        @select="${cancelEvent}"
       >
         <ui-icon-button
           slot="suffix"
@@ -625,7 +626,7 @@ export default class ApiServerPicker extends ApiDocumentationBase {
           label="Select server"
           readOnly
           .value="${finalValue || ''}"
-          @select="${EventUtils.cancelEvent}"
+          @select="${cancelEvent}"
         >
           <ui-icon icon="arrowDropDown" role="presentation" slot="suffix"></ui-icon>
         </ui-text-field>
@@ -675,7 +676,7 @@ export default class ApiServerPicker extends ApiDocumentationBase {
    * @param server The server definition
    * @returns The template for a server list item.
    */
-  protected renderServerListItem(server: ApiDefinitions.IApiServer): TemplateResult {
+  protected renderServerListItem(server: IApiServer): TemplateResult {
     return html`
       <ui-list-item role="menuitem" data-value="${server.url}" data-item="server-dropdown-option"
         >${server.url}</ui-list-item

package/src/elements/amf/ApiSummary.element.ts

@@ -2,7 +2,6 @@ import { html, TemplateResult } from 'lit'
 import { property, state } from 'lit/decorators.js'
 import { unsafeHTML } from 'lit/directives/unsafe-html.js'
 import { ifDefined } from 'lit/directives/if-defined.js'
-import { AmfNamespace, ApiDefinitions } from '@api-client/core/browser.js'
 import { ApiDocumentationBase } from './ApiDocumentationBase.js'
 import { sanitizeHTML } from '../../amf/lib/Utils.js'
 import * as UrlLib from '../../amf/lib/UrlUtils.js'
@@ -13,6 +12,14 @@ import { TelemetryEvents } from '../../events/amf/TelemetryEvents.js'
 import { ServerEvents } from '../../events/amf/ServerEvents.js'
 import { EndpointEvents } from '../../events/amf/EndpointEvents.js'
 import { SelectionType } from '../../amf/types.js'
+import type {
+  IApiEndPointWithOperationsListItem,
+  IApiOperationListItem,
+  IApiServer,
+  IApiSummary,
+} from '@api-client/core/amf/definitions/Api.js'
+import { AmfNamespace } from '@api-client/core/amf/definitions/Namespace.js'
+
 import '../../elements/highlight/marked-highlight.js'
 
 /**
@@ -20,15 +27,15 @@ import '../../elements/highlight/marked-highlight.js'
  * the AMF graph model.
  */
 export default class ApiSummary extends ApiDocumentationBase {
-  protected summaryValue?: ApiDefinitions.IApiSummary
+  protected summaryValue?: IApiSummary
 
-  get summary(): ApiDefinitions.IApiSummary | undefined {
+  get summary(): IApiSummary | undefined {
     return this.summaryValue
   }
 
-  protected serversValue?: ApiDefinitions.IApiServer[]
+  protected serversValue?: IApiServer[]
 
-  get servers(): ApiDefinitions.IApiServer[] | undefined {
+  get servers(): IApiServer[] | undefined {
     return this.serversValue
   }
 
@@ -58,9 +65,9 @@ export default class ApiSummary extends ApiDocumentationBase {
 
   @state() accessor protocols: string[] | undefined
 
-  protected endpointsValue: ApiDefinitions.IApiEndPointWithOperationsListItem[] | undefined
+  protected endpointsValue: IApiEndPointWithOperationsListItem[] | undefined
 
-  get endpoints(): ApiDefinitions.IApiEndPointWithOperationsListItem[] | undefined {
+  get endpoints(): IApiEndPointWithOperationsListItem[] | undefined {
     if (this.endpointsValue) {
       return [...this.endpointsValue]
     }
@@ -218,7 +225,7 @@ export default class ApiSummary extends ApiDocumentationBase {
    * @param server Server definition
    * @returns A template for a single server in the main API definition
    */
-  protected baseUriTemplate(server?: ApiDefinitions.IApiServer): TemplateResult {
+  protected baseUriTemplate(server?: IApiServer): TemplateResult {
     const { baseUri, protocols } = this
     const uri = UrlLib.computeApiBaseUri({ baseUri, server, protocols })
     return html`
@@ -232,7 +239,7 @@ export default class ApiSummary extends ApiDocumentationBase {
    * @param server Server definition
    * @returns Template for a server list items when there is more than one server.
    */
-  protected serverTemplate(server: ApiDefinitions.IApiServer): TemplateResult {
+  protected serverTemplate(server: IApiServer): TemplateResult {
     const { baseUri, protocols } = this
     const uri = UrlLib.computeApiBaseUri({ baseUri, server, protocols })
     const { description } = server
@@ -309,7 +316,7 @@ export default class ApiSummary extends ApiDocumentationBase {
     if (this.hideToc) {
       return ''
     }
-    const endpoints = this.endpointsValue as ApiDefinitions.IApiEndPointWithOperationsListItem[]
+    const endpoints = this.endpointsValue as IApiEndPointWithOperationsListItem[]
     if (!endpoints || !endpoints.length) {
       return ''
     }
@@ -324,7 +331,7 @@ export default class ApiSummary extends ApiDocumentationBase {
     `
   }
 
-  protected endpointTemplate(item: ApiDefinitions.IApiEndPointWithOperationsListItem): TemplateResult {
+  protected endpointTemplate(item: IApiEndPointWithOperationsListItem): TemplateResult {
     const { operations = [] } = item
     const ops = operations.length ? operations.map((op) => this.methodTemplate(op, item)) : ''
     return html` <div class="endpoint-item" @click="${this.navigateHandler}">
@@ -333,7 +340,7 @@ export default class ApiSummary extends ApiDocumentationBase {
     </div>`
   }
 
-  protected endpointPathTemplate(item: ApiDefinitions.IApiEndPointWithOperationsListItem): TemplateResult {
+  protected endpointPathTemplate(item: IApiEndPointWithOperationsListItem): TemplateResult {
     return html`
       <a
         class="endpoint-path text-selectable"
@@ -346,7 +353,7 @@ export default class ApiSummary extends ApiDocumentationBase {
     `
   }
 
-  protected endpointNameTemplate(item: ApiDefinitions.IApiEndPointWithOperationsListItem): TemplateResult | string {
+  protected endpointNameTemplate(item: IApiEndPointWithOperationsListItem): TemplateResult | string {
     if (!item.name) {
       return ''
     }
@@ -363,10 +370,7 @@ export default class ApiSummary extends ApiDocumentationBase {
     `
   }
 
-  protected methodTemplate(
-    item: ApiDefinitions.IApiOperationListItem,
-    endpoint: ApiDefinitions.IApiEndPointWithOperationsListItem
-  ): TemplateResult {
+  protected methodTemplate(item: IApiOperationListItem, endpoint: IApiEndPointWithOperationsListItem): TemplateResult {
     return html`
       <a
         href="#${`${endpoint.path}/${item.method}`}"

package/src/elements/amf/SchemaCommonTemplates.ts

@@ -1,7 +1,18 @@
 import { html, TemplateResult } from 'lit'
 import { classMap } from 'lit/directives/class-map.js'
 import { ifDefined } from 'lit/directives/if-defined.js'
-import { AmfShapes, AmfNamespace } from '@api-client/core/browser.js'
+import type {
+  IApiArrayShape,
+  IApiDataNodeUnion,
+  IApiFileShape,
+  IApiNodeShape,
+  IApiRecursiveShape,
+  IApiScalarNode,
+  IApiScalarShape,
+  IApiUnionShape,
+  IShapeUnion,
+} from '@api-client/core/amf/definitions/Shapes.js'
+import { AmfNamespace } from '@api-client/core/amf/definitions/Namespace.js'
 import '../../define/amf/api-annotation-document.js'
 import '../../elements/highlight/marked-highlight.js'
 
@@ -41,13 +52,13 @@ function pillsAndTable(pills: TemplateResult[], items: TemplateResult[]): Templa
   return html` ${pillsLine(pills)} ${items.length ? html`<div class="param-properties">${items}</div>` : ''} `
 }
 
-function enumValuesTemplate(values: AmfShapes.IApiDataNodeUnion[]): TemplateResult {
+function enumValuesTemplate(values: IApiDataNodeUnion[]): TemplateResult {
   return html`
     <div class="schema-property-item">
       <div class="schema-property-label">Enum:</div>
       <ul class="enum-items">
         ${values.map(
-          (item) => html`<li class="code-value inline text-selectable">${(item as AmfShapes.IApiScalarNode).value}</li>`
+          (item) => html`<li class="code-value inline text-selectable">${(item as IApiScalarNode).value}</li>`
         )}
       </ul>
     </div>
@@ -141,7 +152,7 @@ export function detailSectionTemplate(items: TemplateResult[]): TemplateResult {
  * @param noDetail When true it always render all properties, without the detail element.
  * @returns The template for the details of the scalar schema
  */
-export function scalarDetailsTemplate(schema: AmfShapes.IApiScalarShape, noDetail?: boolean): TemplateResult | string {
+export function scalarDetailsTemplate(schema: IApiScalarShape, noDetail?: boolean): TemplateResult | string {
   const {
     examples = [],
     values = [],
@@ -229,7 +240,7 @@ export function scalarDetailsTemplate(schema: AmfShapes.IApiScalarShape, noDetai
 /**
  * @returns The template for the details of the Node schema
  */
-function nodeDetailsTemplate(schema: AmfShapes.IApiNodeShape): TemplateResult | string {
+function nodeDetailsTemplate(schema: IApiNodeShape): TemplateResult | string {
   const { maxProperties, minProperties, readOnly, writeOnly, deprecated, customDomainProperties } = schema
   const result = []
   const pills = []
@@ -277,7 +288,7 @@ function nodeDetailsTemplate(schema: AmfShapes.IApiNodeShape): TemplateResult |
 /**
  * @returns The template for the details of the Array schema
  */
-function arrayDetailsTemplate(schema: AmfShapes.IApiArrayShape): TemplateResult | string {
+function arrayDetailsTemplate(schema: IApiArrayShape): TemplateResult | string {
   const { readOnly, writeOnly, uniqueItems, defaultValueStr, deprecated, customDomainProperties, items } = schema
   const result = []
   const pills = []
@@ -290,7 +301,7 @@ function arrayDetailsTemplate(schema: AmfShapes.IApiArrayShape): TemplateResult
     result.push(tablePropertyTemplate('Unique items', 'true'))
   }
   if (items && items.types && items.types.includes(AmfNamespace.aml.vocabularies.shapes.ScalarShape)) {
-    const scalar: AmfShapes.IApiScalarShape = schema
+    const scalar: IApiScalarShape = schema
     if (scalar.format) {
       result.push(tablePropertyTemplate('Format', scalar.format))
     }
@@ -352,7 +363,7 @@ function arrayDetailsTemplate(schema: AmfShapes.IApiArrayShape): TemplateResult
 /**
  * @returns The template for the recursive shape.
  */
-function recursiveDetailsTemplate(schema: AmfShapes.IApiRecursiveShape): TemplateResult | string {
+function recursiveDetailsTemplate(schema: IApiRecursiveShape): TemplateResult | string {
   const { readOnly, writeOnly, defaultValueStr, deprecated, customDomainProperties } = schema
   const result = []
   const pills = []
@@ -389,7 +400,7 @@ function recursiveDetailsTemplate(schema: AmfShapes.IApiRecursiveShape): Templat
 /**
  * @returns The template for the details of the Union schema
  */
-export function unionDetailsTemplate(schema: AmfShapes.IApiUnionShape): TemplateResult | string {
+export function unionDetailsTemplate(schema: IApiUnionShape): TemplateResult | string {
   const { readOnly, writeOnly, defaultValueStr, deprecated, customDomainProperties } = schema
   const result = []
   const pills = []
@@ -435,7 +446,7 @@ export function unionDetailsTemplate(schema: AmfShapes.IApiUnionShape): Template
  * @param noDetail When true it always render all properties, without the detail element.
  * @returns The template for the details of the File schema
  */
-export function fileDetailsTemplate(schema: AmfShapes.IApiFileShape, noDetail?: boolean): TemplateResult | string {
+export function fileDetailsTemplate(schema: IApiFileShape, noDetail?: boolean): TemplateResult | string {
   const {
     customDomainProperties = [],
     values = [],
@@ -525,28 +536,28 @@ export function fileDetailsTemplate(schema: AmfShapes.IApiFileShape, noDetail?:
  * @param schema The schema definition.
  * @returns The template for the property details.
  */
-export function detailsTemplate(schema?: AmfShapes.IShapeUnion): TemplateResult | string {
+export function detailsTemplate(schema?: IShapeUnion): TemplateResult | string {
   if (!schema) {
     return ''
   }
   const { types } = schema
   if (types.includes(AmfNamespace.aml.vocabularies.shapes.ScalarShape)) {
-    return scalarDetailsTemplate(schema as AmfShapes.IApiScalarShape)
+    return scalarDetailsTemplate(schema as IApiScalarShape)
   }
   if (types.includes(AmfNamespace.w3.shacl.NodeShape)) {
-    return nodeDetailsTemplate(schema as AmfShapes.IApiNodeShape)
+    return nodeDetailsTemplate(schema as IApiNodeShape)
   }
   if (types.includes(AmfNamespace.aml.vocabularies.shapes.ArrayShape)) {
-    return arrayDetailsTemplate(schema as AmfShapes.IApiArrayShape)
+    return arrayDetailsTemplate(schema as IApiArrayShape)
   }
   if (types.includes(AmfNamespace.aml.vocabularies.shapes.UnionShape)) {
-    return unionDetailsTemplate(schema as AmfShapes.IApiUnionShape)
+    return unionDetailsTemplate(schema as IApiUnionShape)
   }
   if (types.includes(AmfNamespace.aml.vocabularies.shapes.FileShape)) {
-    return fileDetailsTemplate(schema as AmfShapes.IApiFileShape)
+    return fileDetailsTemplate(schema as IApiFileShape)
   }
   if (types.includes(AmfNamespace.aml.vocabularies.shapes.RecursiveShape)) {
-    return recursiveDetailsTemplate(schema as AmfShapes.IApiRecursiveShape)
+    return recursiveDetailsTemplate(schema as IApiRecursiveShape)
   }
   return ''
 }

package/src/elements/amf/authorization/AmfApiKey.ts

@@ -1,13 +1,17 @@
 import { html, nothing, PropertyValues, TemplateResult } from 'lit'
 import { property } from 'lit/decorators.js'
 import {
-  RequestAuthorizationKind,
-  IApiKeyAuthorization,
-  ApiDefinitions,
-  IRequestAuthorization,
-  AmfNamespace,
-  AmfShapes,
-} from '@api-client/core/browser.js'
+  type IRequestAuthorization,
+  Kind as RequestAuthorizationKind,
+} from '@api-client/core/models/RequestAuthorization.js'
+import { AmfNamespace } from '@api-client/core/amf/definitions/Namespace.js'
+import type {
+  IApiParameter,
+  IApiParametrizedSecurityScheme,
+  IApiSecurityApiKeySettings,
+} from '@api-client/core/amf/definitions/Api.js'
+import type { IApiKeyAuthorization } from '@api-client/core/models/Authorization.js'
+import type { IShapeUnion } from '@api-client/core/amf/definitions/Shapes.js'
 import { Authorization } from '../../authorization/ui/Authorization.js'
 import { AmfParameters } from '../../../amf/lib/AmfParameters.js'
 import * as InputCache from '../../../amf/lib/InputCache.js'
@@ -16,7 +20,7 @@ export default class AmfApiKey extends Authorization {
   /**
    * The in-memory key where the values are stored.
    */
-  @property({ type: Object }) accessor security: ApiDefinitions.IApiParametrizedSecurityScheme | undefined
+  @property({ type: Object }) accessor security: IApiParametrizedSecurityScheme | undefined
 
   protected amfParameters: AmfParameters
 
@@ -71,7 +75,7 @@ export default class AmfApiKey extends Authorization {
     if (!type || !type.startsWith('Api Key')) {
       return
     }
-    const config = scheme.settings as ApiDefinitions.IApiSecurityApiKeySettings | undefined
+    const config = scheme.settings as IApiSecurityApiKeySettings | undefined
     if (!config) {
       return
     }
@@ -85,10 +89,10 @@ export default class AmfApiKey extends Authorization {
     params.push({
       binding,
       paramId: id,
-      parameter: { ...(config as ApiDefinitions.IApiParameter), binding },
+      parameter: { ...(config as IApiParameter), binding },
       source: 'settings',
       schemaId: scheme.id,
-      schema: scheme as unknown as AmfShapes.IShapeUnion,
+      schema: scheme as unknown as IShapeUnion,
     })
 
     this.notifyChange()

package/src/elements/amf/authorization/AmfBasic.ts

@@ -1,11 +1,11 @@
 import { PropertyValues } from 'lit'
 import { property } from 'lit/decorators.js'
 import {
-  RequestAuthorizationKind,
-  IBasicAuthorization,
-  ApiDefinitions,
-  IRequestAuthorization,
-} from '@api-client/core/browser.js'
+  type IRequestAuthorization,
+  Kind as RequestAuthorizationKind,
+} from '@api-client/core/models/RequestAuthorization.js'
+import type { IBasicAuthorization } from '@api-client/core/models/Authorization.js'
+import type { IApiParametrizedSecurityScheme } from '@api-client/core/amf/definitions/Api.js'
 import BasicAuthorization from '../../authorization/ui/BasicAuthorization.js'
 import * as InputCache from '../../../amf/lib/InputCache.js'
 
@@ -13,7 +13,7 @@ export default class AmfBasic extends BasicAuthorization {
   /**
    * The in-memory key where the values are stored.
    */
-  @property({ type: Object }) accessor security: ApiDefinitions.IApiParametrizedSecurityScheme | undefined
+  @property({ type: Object }) accessor security: IApiParametrizedSecurityScheme | undefined
 
   protected override willUpdate(cp: PropertyValues<this>): void {
     if (cp.has('security')) {

package/src/elements/amf/authorization/AmfBearer.ts

@@ -1,19 +1,19 @@
 import { PropertyValues } from 'lit'
 import { property } from 'lit/decorators.js'
 import {
-  RequestAuthorizationKind,
-  IBearerAuthorization,
-  ApiDefinitions,
-  IRequestAuthorization,
-} from '@api-client/core/browser.js'
+  type IRequestAuthorization,
+  Kind as RequestAuthorizationKind,
+} from '@api-client/core/models/RequestAuthorization.js'
+import type { IBearerAuthorization } from '@api-client/core/models/Authorization.js'
 import BearerAuthorization from '../../authorization/ui/BearerAuthorization.js'
 import * as InputCache from '../../../amf/lib/InputCache.js'
+import type { IApiParametrizedSecurityScheme } from '@api-client/core/amf/definitions/Api.js'
 
 export default class AmfBearer extends BearerAuthorization {
   /**
    * The in-memory key where the values are stored.
    */
-  @property({ type: Object }) accessor security: ApiDefinitions.IApiParametrizedSecurityScheme | undefined
+  @property({ type: Object }) accessor security: IApiParametrizedSecurityScheme | undefined
 
   protected override willUpdate(cp: PropertyValues<this>): void {
     if (cp.has('security')) {