private updateCards()

in src/VisualMain.ts [365:435]
53 lines of code
2 McCabe index (conditional complexity)

  private updateCards(viewport) {
    this.isFlipped =
      this.settings.flipState.cardFaceDefault === constants.CARD_FACE_METADATA;
    const width = Math.max(
      constants.MIN_CARD_WIDTH,
      this.settings.presentation.cardWidth
    );

    const chooseFontFamily = (fontFamily) => {
      if (fontFamily.indexOf('Default') > -1) {
        return 'inherit';
      }
      return fontFamily;
    };

    // We do need innerHTML, so suppress tslint
    // tslint:disable-next-line
    this.$container.html(
      this.cards
        .reset({
          inlineMode: this.isInlineSize(viewport),
          subtitleDelimiter: this.settings.presentation.separator,
          "card.disableFlipping": !this.settings.flipState.show,
          "card.displayBackCardByDefault": this.isFlipped,
          "card.disableLinkNavigation": true,
          "card.enableBoxShadow": this.settings.presentation.shadow,
          "card.expandedWidth": this.settings.reader.width,
          "card.width": width,
          "card.height": this.settings.presentation.cardHeight,
          "card.displayLargeImage": !this.settings.presentation.cropImages,
          "card.metadata.fontSize": this.settings.metadata.fontSize,
          "card.metadata.title.color": this.settings.metadata.titleColor.solid.color,
          "card.metadata.title.fontFamily": chooseFontFamily(this.settings.metadata.titleFontFamily),
          "card.metadata.value.color": this.settings.metadata.valueColor.solid.color,
          "card.metadata.value.fontFamily": chooseFontFamily(this.settings.metadata.valueFontFamily),
          "readerContent.headerBackgroundColor": this.settings.reader
            .headerBackgroundColor.solid.color,
          "readerContent.headerImageMaxWidth":
            this.settings.presentation.cardWidth - 10,
          "readerContent.headerSourceLinkColor": this.settings.reader
            .headerTextColor.solid.color,
          "readerContent.disableLinkNavigation": true,
          "readerContent.cropImages": this.settings.presentation.cropImages,
          "verticalReader.height": this.settings.reader.height
        })
        .render()
    );
    this.cards.loadData(this.documentData.documentList);
    this.$container.toggleClass(
      "disable-back-card-image",
      !this.settings.presentation.showImageOnBack
    );

    // // Metadata formatting
    // this.$container.find(".key-box").css({
    //   color: this.settings.metadata.titleColor.solid.color,
    //   fontFamily: this.settings.metadata.titleFontFamily
    // });
    // this.$container.find(".meta-data-box").css({
    //   color: this.settings.metadata.valueColor.solid.color,
    //   fontFamily: this.settings.metadata.valueFontFamily
    // });
    // this.$container.find(".meta-data-table").css({
    //   fontSize: this.settings.metadata.fontSize + "pt"
    // });

    window.setTimeout(() => {
      this.changeWrapMode(viewport);
      this.loadSelectionFromPowerBI(this.selectionManager.getSelectionIds() as any);
    }, 250);
  }