separator

1import { computed, Directive, input } from '@angular/core'
2import { cn } from '~/lib/utils'
3 
4@Directive({
5  standalone: true,
6  selector: '[ubSeperator]',
7  host: {
8    '[class]': 'computedClass()',
9  },
10})
11export class UbSeparatorDirective {
12  readonly class = input<string>()
13  readonly orientation = input<'horizontal' | 'vertical'>('horizontal')
14 
15  protected computedClass = computed(() =>
16    cn(
17      'shrink-0 bg-border',
18      this.orientation() === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
19      this.class(),
20    ),
21  )
22}