[BUG] @prizm-ui/components - <prizm-tab> ошибка свойство [content]

[if1t]

Библиотека

Выберите нужное отметив галочку [x]

• @prizm-ui/core
• @prizm-ui/components
• @prizm-ui/install
• @prizm-ui/icons
• @prizm-ui/flag-icons
• @prizm-ui/theme
• @prizm-ui/charts
• @prizm-ui/ast
• @prizm-ui/nx-plugin

Компонент

prizm-tab

Версия

Операционная ситема:

Windows 10, etc

Браузер:

Google Chrome Версия 96.0.4664.110 (Официальная сборка), (x86_64)

NodeJS:

➜ node --version
v16.20.2

Dependencies:

➜ npm ls @prizm-ui/components

@prizm-ui/components 3.1.0

➜ npm ls @angular/core

@prizm-ui/[email protected]
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├── @angular/[email protected]
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @storybook/[email protected]
│ └── @angular/[email protected] deduped
├─┬ [email protected]
│ └── @angular/[email protected] deduped
└─┬ [email protected]
  └── @angular/[email protected] deduped

Описание проблемы

Ошибка при воспроизведении примера для свойства [content] компонента : Type string | number | undefined is not assignable to type PolymorphContent<PrizmTabContext> | null

https://doc.prizm.zyfra.com/components/tabs

example.component.ts:

import { Component, ChangeDetectionStrategy } from '@angular/core';
import { PrizmTabItem } from '@prizm-ui/components';

@Component({
	selector: 'prizm-tabs-example-basic',
	templateUrl: './tabs-example-basic.component.html',
	styleUrls: ['./tabs-example-basic.component.less'],
	changeDetection: ChangeDetectionStrategy.OnPush,
})
export class TabsExampleBasicComponent {
	public tabs: PrizmTabItem[] = [
            {
              title: 'Вкладка 1',
            },
            {
              title: 'Вкладка 2',
            },
            {
              title: 'Вкладка 3',
            },
        ];
}

example.component.html:

<div class="container">
  <prizm-tabs>
    <prizm-tab *ngFor="let item of tabs" [content]="item.title" [type]="'line'">
    </prizm-tab>
  </prizm-tabs>
</div>

[ickisIckis]

Необходимо избавиться от $any() в коде.