<commit_before><template>

  <CardLink
    v-if="channel"
    :to="to"
    class="base-channel-card"
  >
    <h3 class="title">
      <TextTruncatorCss
        dir="auto"
        :text="channel.name"
        :maxLines="1"
      />
    </h3>

    <KFixedGrid
      numCols="4"
      gutter="16"
      class="content"
      :style="{ borderTop: `1px solid ${$themeTokens.fineLine}` }"
    >
      <KFixedGridItem span="1">
        <ChannelThumbnail
          v-if="channel.thumbnail"
          :thumbnailUrl="channel.thumbnail"
          class="channel-thumbnail-wrapper"
        />
      </KFixedGridItem>
      <!--
        unset text-align to fix `KFixedGridItem`'s `text-align: right`
        conflicting with  `dir="auto"`
      -->
      <KFixedGridItem
        span="3"
        :style="{ textAlign: unset }"
      >
        <TextTruncatorCss
          v-if="description"
          dir="auto"
          :text="description"
          :maxLines="6"
        />
      </KFixedGridItem>
    </KFixedGrid>
  </CardLink>

</template>


<script>

  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss';
  import ChannelThumbnail from '../thumbnails/ChannelThumbnail';
  import CardLink from './CardLink';

  export default {
    name: 'BaseChannelCard',<commit_msg>Fix missing quotes in style value<commit_after><template>

  <CardLink
    v-if="channel"
    :to="to"
    class="base-channel-card"
  >
    <h3 class="title">
      <TextTruncatorCss
        dir="auto"
        :text="channel.name"
        :maxLines="1"
      />
    </h3>

    <KFixedGrid
      numCols="4"
      gutter="16"
      class="content"
      :style="{ borderTop: `1px solid ${$themeTokens.fineLine}` }"
    >
      <KFixedGridItem span="1">
        <ChannelThumbnail
          v-if="channel.thumbnail"
          :thumbnailUrl="channel.thumbnail"
          class="channel-thumbnail-wrapper"
        />
      </KFixedGridItem>
      <!--
        unset text-align to fix `KFixedGridItem`'s `text-align: right`
        conflicting with  `dir="auto"`
      -->
      <KFixedGridItem
        span="3"
        :style="{ textAlign: 'unset' }"
      >
        <TextTruncatorCss
          v-if="description"
          dir="auto"
          :text="description"
          :maxLines="6"
        />
      </KFixedGridItem>
    </KFixedGrid>
  </CardLink>

</template>


<script>

  import TextTruncatorCss from 'kolibri.coreVue.components.TextTruncatorCss';
  import ChannelThumbnail from '../thumbnails/ChannelThumbnail';
  import CardLink from './CardLink';

  export default {
    name: 'BaseChannelCard',
{'fraction_non_alphanumeric': 0.14064914992272023, 'fraction_numerical': 0.0077279752704791345, 'mean_word_length': 2.1496350364963503, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 37, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4626647', 'n_tokens_mistral': 861, 'n_tokens_neox': 853, 'n_words': 142}