Utilities

Text

Small text helpers: cut a long value at the end or in the middle, capitalize, add https:// to a bare domain, make URL slugs from any language.

Part of @tectra-ng/utils (npm install @tectra-ng/utils, also included in tectra-ng).

Features2

API

Theming

Pipes

txTruncate at the end and in the middle (good for links and ids), txCapitalize, txHttpPrefix.


`txTruncate: 20`	Quarterly report for...
`txTruncate: 24 : '…' : 'middle'`	https://file…final-v2.pdf
`txCapitalize`	In review
`txHttpPrefix`	https://example.com/pricing

21 lines

<tx-table ariaLabel="Pipes" dataKey="call" [value]="rows" [columns]="columns">  <ng-template txTableCell="call" let-value="value"    ><code>{{ value }}</code></ng-template  >  <ng-template txTableCell="result" let-row>    @switch (row.call) {      @case ('txTruncate: 20') {        {{ title | txTruncate: 20 }}      }      @case ("txTruncate: 24 : '…' : 'middle'") {        {{ link | txTruncate: 24 : '…' : 'middle' }}      }      @case ('txCapitalize') {        {{ status | txCapitalize }}      }      @default {        {{ domain | txHttpPrefix }}      }    }  </ng-template></tx-table>

Slugs

slugify makes a Latin URL slug from a heading in any language; transliterate keeps the case.

transliterate: Novini: Shchorichniy zvit 2026!slugify: /blog/novini-shchorichniy-zvit-2026

7 lines

<div class="stack">  <input txInput aria-label="Heading" [(ngModel)]="heading" />  <span class="hint">transliterate: {{ latin() }}</span>  <span class="hint"    >slugify: <code>/blog/{{ slug() }}</code></span  ></div>