@switch (linkType) {
  @case ('disabled') {
    <a
      [ngClass]="item | appSidebarNavLink"
      [appHtmlAttr]="item.attributes"
      >
      <app-sidebar-nav-link-content [item]="item" />
    </a>
  }
  @case ('external') {
    <a
      [ngClass]="item | appSidebarNavLink"
      [href]="href"
      [appHtmlAttr]="item.attributes"
      (click)="linkClicked()"
      >
      <app-sidebar-nav-link-content [item]="item" />
    </a>
  }
  @default {
    <a
      [ngClass]="item | appSidebarNavLink"
      [appHtmlAttr]="item.attributes"
      [target]="item.attributes?.target"
      [queryParams]="item.linkProps?.queryParams"
      [fragment]="item.linkProps?.fragment"
      [queryParamsHandling]="item.linkProps?.queryParamsHandling"
      [preserveFragment]="!!item.linkProps?.preserveFragment"
      [skipLocationChange]="!!item.linkProps?.skipLocationChange"
      [replaceUrl]="!!item.linkProps?.replaceUrl"
      [state]="item.linkProps?.state"
      [routerLink]="item.url"
      [routerLinkActive]="item.linkProps?.routerLinkActive || 'active'"
      [routerLinkActiveOptions]="item.linkProps?.routerLinkActiveOptions ?? {exact: false}"
      [class.active]="linkActive && !item.linkProps?.routerLinkActiveOptions"
      (click)="linkClicked()"
      >
      <app-sidebar-nav-link-content [item]="item" />
    </a>
  }
}