@dunite/au-fluent-ui/src/elements/Content/DuPersona.ts

An Aurelia plugin project that wraps Microsoft Fluent UI React components.

import { customElement, TaskQueue, inject } from 'aurelia-framework';
import { Persona, IPersonaProps } from '@fluentui/react/lib/Persona';
import { AuReactWrapper, addPropertiesState, onlyAureliaBound } from '@dunite/au-react-wrapper';

let reactprops: IPersonaProps = <IPersonaProps>{};

reactprops.allowPhoneInitials = <any>{};
reactprops.coinProps = <any>{};
reactprops.coinSize = <any>{};
reactprops.hidePersonaDetails = <any>{};
reactprops.imageAlt = <any>{};
reactprops.imageInitials = <any>{};
reactprops.imageShouldFadeIn = <any>{};
reactprops.imageShouldStartVisible = <any>{};
reactprops.imageUrl = <any>{};
reactprops.initialsColor = <any>{};
reactprops.onPhotoLoadingStateChange = <any>onlyAureliaBound;
reactprops.onRenderCoin = <any>onlyAureliaBound;
reactprops.onRenderInitials = <any>onlyAureliaBound;
reactprops.optionalText = <any>{};
reactprops.presence = <any>{};
reactprops.secondaryText = <any>{};
reactprops.showInitialsUntilImageLoads = <any>{};
reactprops.showSecondaryText = <any>{};
reactprops.showUnknownPersonaCoin = <any>{};
reactprops.size = <any>{};
reactprops.tertiaryText = <any>{};
reactprops.text = <any>{};
reactprops.className = <any>{};
reactprops.onRenderOptionalText = <any>onlyAureliaBound;
reactprops.onRenderPrimaryText = <any>onlyAureliaBound;
reactprops.onRenderSecondaryText = <any>onlyAureliaBound;
reactprops.onRenderTertiaryText = <any>onlyAureliaBound;

@inject(Element, TaskQueue)
@customElement('du-persona')
export class DuPersona  extends AuReactWrapper implements IPersonaProps
{
  constructor(element, protected tq: TaskQueue) 
  {
    super(element, tq);
    
  }

  hidden: boolean;

  attached()
  {
    this.renderReact(Persona, this.createState(reactprops));
  }
}


addPropertiesState(DuPersona, reactprops);