@3ddv/software-division-components 1.4.0 → 1.4.1

package/projects/software-division-components/src/generic/dialog/ui/dialog-close-button/dialog-close-button.component.ts

@@ -1,17 +0,0 @@
-import { ChangeDetectionStrategy, Component, output } from '@angular/core';
-import { BrnDialogClose } from '@spartan-ng/brain/dialog';
-
-@Component({
-  selector: 'app-dialog-close-button',
-  imports: [BrnDialogClose],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  templateUrl: './dialog-close-button.component.html',
-  styleUrls: ['./dialog-close-button.component.css'],
-})
-export class DialogCloseButtonComponent {
-  public readonly closed = output<void>();
-
-  protected close(): void {
-    this.closed.emit();
-  }
-}

package/projects/software-division-components/src/generic/dialog/ui/dialog-footer/dialog-footer.component.html

@@ -1,3 +0,0 @@
-<hlm-dialog-footer>
-  <ng-content />
-</hlm-dialog-footer>

package/projects/software-division-components/src/generic/dialog/ui/dialog-footer/dialog-footer.component.ts

@@ -1,11 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { HlmDialogFooter } from '../../libs/ui-dialog-helm/src';
-
-@Component({
-  selector: 'app-dialog-footer',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [HlmDialogFooter],
-  templateUrl: './dialog-footer.component.html',
-  styleUrls: ['./dialog-footer.component.css'],
-})
-export class DialogFooterComponent {}

package/projects/software-division-components/src/generic/dialog/ui/dialog-header/dialog-header.component.html

@@ -1,8 +0,0 @@
-<hlm-dialog-header>
-  @if (title()) {
-    <h3 hlmDialogTitle>{{ title() }}</h3>
-  }
-  @if (description()) {
-    <h3 hlmDialogDescription>{{ description() }}</h3>
-  }
-</hlm-dialog-header>

package/projects/software-division-components/src/generic/dialog/ui/dialog-header/dialog-header.component.ts

@@ -1,14 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-import { HlmDialogDescription, HlmDialogHeader, HlmDialogTitle } from '../../libs/ui-dialog-helm/src';
-
-@Component({
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  selector: 'app-dialog-header',
-  imports: [HlmDialogHeader, HlmDialogTitle, HlmDialogDescription],
-  templateUrl: './dialog-header.component.html',
-  styleUrls: ['./dialog-header.component.css'],
-})
-export class DialogHeaderComponent {
-  public title = input<string>('');
-  public description = input<string>('');
-}

package/projects/software-division-components/src/generic/drawer/drawer.component.html

@@ -1 +0,0 @@
-<div>drawer component!</div>

package/projects/software-division-components/src/generic/drawer/drawer.component.ts

@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'sdc-drawer',
-  standalone: true,
-  templateUrl: './drawer.component.html',
-})
-export class DrawerComponent {}

package/projects/software-division-components/src/generic/drawer/drawer.service.ts

@@ -1,8 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class DrawerService {
-  constructor() {}
-}

package/projects/software-division-components/src/generic/drawer/drawer.stories.ts

@@ -1,31 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DrawerComponent } from './drawer.component';
-
-const meta: Meta<DrawerComponent> = {
-  title: 'Generic/Drawer',
-  component: DrawerComponent,
-  id: 'Drawer',
-};
-
-export default meta;
-
-type Story = StoryObj<DrawerComponent>;
-
-export const Primary: Story = {
-  args: {
-    label: 'Primary Button',
-    icon: 'pi pi-check',
-    type: 'button',
-    iconPos: 'left',
-    disabled: false,
-    loading: false,
-    severity: 'primary',
-    rounded: false,
-    raised: true,
-    outlined: false,
-    link: false,
-    size: undefined,
-    ariaLabel: 'Primary button',
-    style: { 'margin-right': '10px' },
-  },
-};

package/projects/software-division-components/src/generic/drawer/index.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/projects/software-division-components/src/generic/drawer/package.json

@@ -1,5 +0,0 @@
-{
-  "ngPackage": {
-    "entryFile": "public_api.ts"
-  }
-}

package/projects/software-division-components/src/generic/icon/icon.component.css

@@ -1,7 +0,0 @@
-.app-svg-icon svg {
-  fill: var(--icon-color, currentColor);
-  stroke: var(--icon-color, currentColor);
-  stroke-width: var(--icon-stroke-width, 1);
-  width: 100%;
-  height: 100%;
-}

package/projects/software-division-components/src/generic/icon/icon.component.html

@@ -1,3 +0,0 @@
-@if (svgContent(); as content) {
-  <span class="inline-block app-svg-icon" [innerHTML]="content"></span>
-}

package/projects/software-division-components/src/generic/icon/icon.component.ts

@@ -1,86 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  effect,
-  ElementRef,
-  inject,
-  input,
-  signal,
-  ViewEncapsulation,
-} from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { map, Observable, shareReplay } from 'rxjs';
-
-@Component({
-  selector: 'sdc-svg-icon',
-  templateUrl: './icon.component.html',
-  styleUrl: './icon.component.css',
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  host: {
-    '[class]': 'className()',
-  },
-})
-export class SvgIconComponent {
-  // DI
-  private readonly http = inject(HttpClient);
-  private readonly cache = new Map<string, Observable<string>>();
-  private readonly sanitizer = inject(DomSanitizer);
-  private readonly elementRef = inject(ElementRef);
-
-  // INPUTS / OUTPUTS
-  public readonly name = input.required<string>();
-  public readonly iconFolder = input<string>();
-  public readonly className = input<string>('');
-  public readonly color = input<string>('currentColor');
-  public readonly strokeWidth = input<number>(1);
-
-  // STATE
-  public readonly svgContent = signal<SafeHtml | null>(null);
-
-  public constructor() {
-    effect(() => {
-      this.getIcon(this.name()).subscribe({
-        next: svg => {
-          const element = this.elementRef.nativeElement as HTMLElement;
-
-          // Apply dynamic properties
-          element.style.setProperty('--icon-color', this.color());
-          element.style.setProperty('--icon-stroke-width', this.strokeWidth().toString());
-
-          this.svgContent.set(this.sanitizer.bypassSecurityTrustHtml(svg));
-        },
-        error: (error: unknown) => {
-          console.error('Failed to load icon:', error);
-          // Optional: set a minimal fallback SVG or clear content
-          this.svgContent.set(
-            this.sanitizer.bypassSecurityTrustHtml(
-              `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 8v4m0 4h.01"
-              stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>`
-            )
-          );
-        },
-      });
-    });
-  }
-
-  public getIcon(name: string): Observable<string> {
-    if (!this.cache.has(name)) {
-      const folder = this.iconFolder() ?? 'assets';
-      const icon$ = this.http.get(`/${folder}/${name}.svg`, { responseType: 'text' }).pipe(
-        map(svg => this.sanitizeSvg(svg)),
-        shareReplay({ bufferSize: 1, refCount: true })
-      );
-
-      this.cache.set(name, icon$);
-    }
-
-    return this.cache.get(name)!;
-  }
-
-  private sanitizeSvg(svg: string): string {
-    // Remove any existing width/height attributes to make the SVG more flexible
-    return svg.replace(/width="([^"]+)"/, '').replace(/height="([^"]+)"/, '');
-  }
-}

package/projects/software-division-components/src/generic/icon/icon.stories.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { SvgIconComponent } from './icon.component';
-
-const meta: Meta<SvgIconComponent> = {
-  title: 'Generic/Icon',
-  component: SvgIconComponent,
-  id: 'Icon',
-};
-
-export default meta;
-
-type Story = StoryObj<SvgIconComponent>;
-
-export const Primary: Story = {
-  args: {},
-};

package/projects/software-division-components/src/generic/icon/index.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/projects/software-division-components/src/generic/icon/lib/ui-icon-helm/src/index.ts

@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { HlmIcon } from './lib/hlm-icon';
-
-export * from './lib/hlm-icon';
-export * from './lib/hlm-icon.token';
-
-@NgModule({
-  imports: [HlmIcon],
-  exports: [HlmIcon],
-})
-export class HlmIconModule {}

package/projects/software-division-components/src/generic/icon/lib/ui-icon-helm/src/lib/hlm-icon.token.ts

@@ -1,20 +0,0 @@
-import { InjectionToken, ValueProvider, inject } from '@angular/core';
-import type { IconSize } from './hlm-icon';
-
-export interface HlmIconConfig {
-  size: IconSize;
-}
-
-const defaultConfig: HlmIconConfig = {
-  size: 'base',
-};
-
-const HlmIconConfigToken = new InjectionToken<HlmIconConfig>('HlmIconConfig');
-
-export function provideHlmIconConfig(config: Partial<HlmIconConfig>): ValueProvider {
-  return { provide: HlmIconConfigToken, useValue: { ...defaultConfig, ...config } };
-}
-
-export function injectHlmIconConfig(): HlmIconConfig {
-  return inject(HlmIconConfigToken, { optional: true }) ?? defaultConfig;
-}

package/projects/software-division-components/src/generic/icon/lib/ui-icon-helm/src/lib/hlm-icon.ts

@@ -1,36 +0,0 @@
-import { Directive, computed, input } from '@angular/core';
-import { injectHlmIconConfig } from './hlm-icon.token';
-
-export type IconSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'none' | (Record<never, never> & string);
-
-@Directive({
-  selector: 'ng-icon[hlm]',
-  standalone: true,
-  host: {
-    '[style.--ng-icon__size]': '_computedSize()',
-  },
-})
-export class HlmIcon {
-  private readonly _config = injectHlmIconConfig();
-  public readonly size = input<IconSize>(this._config.size);
-
-  protected readonly _computedSize = computed(() => {
-    const size = this.size();
-
-    switch (size) {
-      case 'xs':
-        return '12px';
-      case 'sm':
-        return '16px';
-      case 'base':
-        return '24px';
-      case 'lg':
-        return '32px';
-      case 'xl':
-        return '48px';
-      default: {
-        return size;
-      }
-    }
-  });
-}

package/projects/software-division-components/src/generic/icon/package.json

@@ -1,9 +0,0 @@
-{
-  "ngPackage": {
-    "entryFile": "public_api.ts"
-  },
-  "dependencies": {
-    "dialog": "link:@spartan-ng/helm/dialog",
-    "icon": "link:../../../../shared/libs/ui-icon-helm/src/index.ts"
-  }
-}

package/projects/software-division-components/src/generic/icon/public-api.ts

@@ -1,5 +0,0 @@
-/*
- * Public API Surface of software-division-components
- */
-
-export * from './icon.component';

package/projects/software-division-components/src/generic/icon/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "compilerOptions": {
-    "paths": {
-      "@spartan-ng/helm/icon": ["./libs/ui/ui-icon-helm/src/index.ts"]
-    }
-  }
-}

package/projects/software-division-components/src/generic/index.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/projects/software-division-components/src/generic/package.json

@@ -1,7 +0,0 @@
-{
-  "ngPackage": {
-    "lib": {
-      "entryFile": "./public-api.ts"
-    }
-  }
-}

package/projects/software-division-components/src/generic/select/index.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/projects/software-division-components/src/generic/select/lib/hlm-select-content.ts

@@ -1,29 +0,0 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { booleanAttribute, computed, Directive, input } from '@angular/core';
-import { hlm, injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/brain/core';
-import type { ClassValue } from 'clsx';
-
-@Directive({
-  selector: '[hlmSelectContent], hlm-select-content',
-
-  host: {
-    '[class]': '_computedClass()',
-    '[attr.data-state]': '_stateProvider?.state() ?? "open"',
-    '[attr.data-side]': '_sideProvider?.side() ?? "bottom"',
-  },
-})
-export class HlmSelectContent {
-  public readonly userClass = input<ClassValue>('', { alias: 'class' });
-  public readonly stickyLabels = input<boolean, BooleanInput>(false, {
-    transform: booleanAttribute,
-  });
-  protected readonly _stateProvider = injectExposesStateProvider({ optional: true });
-  protected readonly _sideProvider = injectExposedSideProvider({ optional: true });
-
-  protected readonly _computedClass = computed(() =>
-    hlm(
-      'w-full relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1 data-[side=bottom]:top-[2px] data-[side=top]:bottom-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-      this.userClass()
-    )
-  );
-}

package/projects/software-division-components/src/generic/select/lib/hlm-select-group.ts

@@ -1,17 +0,0 @@
-import { computed, Directive, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import { BrnSelectGroup } from '@spartan-ng/brain/select';
-import type { ClassValue } from 'clsx';
-
-@Directive({
-  selector: '[hlmSelectGroup], hlm-select-group',
-
-  hostDirectives: [BrnSelectGroup],
-  host: {
-    '[class]': '_computedClass()',
-  },
-})
-export class HlmSelectGroup {
-  public readonly userClass = input<ClassValue>('', { alias: 'class' });
-  protected readonly _computedClass = computed(() => hlm(this.userClass()));
-}

package/projects/software-division-components/src/generic/select/lib/hlm-select-label.ts

@@ -1,26 +0,0 @@
-import { computed, Directive, inject, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import { BrnSelectLabel } from '@spartan-ng/brain/select';
-import type { ClassValue } from 'clsx';
-import { HlmSelectContent } from './hlm-select-content';
-
-@Directive({
-  selector: '[hlmSelectLabel], hlm-select-label',
-
-  hostDirectives: [BrnSelectLabel],
-  host: {
-    '[class]': '_computedClass()',
-  },
-})
-export class HlmSelectLabel {
-  private readonly _selectContent = inject(HlmSelectContent);
-  private readonly _stickyLabels = computed(() => this._selectContent.stickyLabels());
-  public readonly userClass = input<ClassValue>('', { alias: 'class' });
-  protected readonly _computedClass = computed(() =>
-    hlm(
-      'text-muted-foreground px-2 py-1.5 text-xs',
-      this._stickyLabels() ? 'sticky top-0 bg-popover block z-[2]' : '',
-      this.userClass()
-    )
-  );
-}

package/projects/software-division-components/src/generic/select/lib/hlm-select-option.ts

@@ -1,37 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
-import { NgIcon, provideIcons } from '@ng-icons/core';
-import { lucideCheck } from '@ng-icons/lucide';
-import { hlm } from '@spartan-ng/brain/core';
-import { BrnSelectOption } from '@spartan-ng/brain/select';
-import type { ClassValue } from 'clsx';
-import { HlmIcon } from '../../icon/lib/ui-icon-helm/src';
-
-@Component({
-  selector: 'hlm-option',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  hostDirectives: [{ directive: BrnSelectOption, inputs: ['disabled', 'value'] }],
-  providers: [provideIcons({ lucideCheck })],
-  host: {
-    '[class]': '_computedClass()',
-  },
-  template: `
-    <span class="absolute right-2 flex size-3.5 items-center justify-center">
-      @if (this._brnSelectOption.selected()) {
-        <ng-icon aria-hidden="true" hlm name="lucideCheck" size="sm" />
-      }
-    </span>
-
-    <ng-content />
-  `,
-  imports: [NgIcon, HlmIcon],
-})
-export class HlmSelectOption {
-  protected readonly _brnSelectOption = inject(BrnSelectOption, { host: true });
-  public readonly userClass = input<ClassValue>('', { alias: 'class' });
-  protected readonly _computedClass = computed(() =>
-    hlm(
-      'overflow-hidden text-ellipsis whitespace-nowrap hover:bg-accent data-[active]:bg-accent data-[active]:text-white [&>ng-icon]:text-white relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0 [&>ng-icon]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
-      this.userClass()
-    )
-  );
-}

package/projects/software-division-components/src/generic/select/lib/hlm-select-scroll-down.ts

@@ -1,24 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
-import { NgIcon, provideIcons } from '@ng-icons/core';
-import { lucideChevronDown } from '@ng-icons/lucide';
-import { hlm } from '@spartan-ng/brain/core';
-import { ClassValue } from 'clsx';
-import { HlmIcon } from '../../icon/lib/ui-icon-helm/src';
-
-@Component({
-  selector: 'hlm-select-scroll-down',
-
-  imports: [NgIcon, HlmIcon],
-  providers: [provideIcons({ lucideChevronDown })],
-  host: {
-    '[class]': '_computedClass()',
-  },
-  template: ` <ng-icon class="ml-2" hlm name="lucideChevronDown" size="sm" /> `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class HlmSelectScrollDown {
-  public readonly userClass = input<ClassValue>('', { alias: 'class' });
-  protected readonly _computedClass = computed(() =>
-    hlm('flex cursor-default items-center justify-center py-1', this.userClass())
-  );
-}

package/projects/software-division-components/src/generic/select/lib/hlm-select-scroll-up.ts

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
-import { NgIcon, provideIcons } from '@ng-icons/core';
-import { lucideChevronUp } from '@ng-icons/lucide';
-import { hlm } from '@spartan-ng/brain/core';
-import { ClassValue } from 'clsx';
-import { HlmIcon } from '../../icon/lib/ui-icon-helm/src';
-
-@Component({
-  selector: 'hlm-select-scroll-up',
-  imports: [NgIcon, HlmIcon],
-  providers: [provideIcons({ lucideChevronUp })],
-  host: {
-    '[class]': '_computedClass()',
-  },
-  template: ` <ng-icon class="ml-2" hlm name="lucideChevronUp" size="sm" /> `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class HlmSelectScrollUp {
-  public readonly userClass = input<ClassValue>('', { alias: 'class' });
-  protected readonly _computedClass = computed(() =>
-    hlm('flex cursor-default items-center justify-center py-1', this.userClass())
-  );
-}

package/projects/software-division-components/src/generic/select/lib/hlm-select-trigger.ts

@@ -1,53 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, contentChild, inject, input } from '@angular/core';
-import { NgIcon, provideIcons } from '@ng-icons/core';
-import { lucideChevronDown } from '@ng-icons/lucide';
-import { hlm } from '@spartan-ng/brain/core';
-import { BrnSelect, BrnSelectTrigger } from '@spartan-ng/brain/select';
-import { cva } from 'class-variance-authority';
-import type { ClassValue } from 'clsx';
-import { HlmIcon } from '../../icon/lib/ui-icon-helm/src';
-
-export const selectTriggerVariants = cva(
-  `border-input [&>ng-icon]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-3xl border bg-transparent px-3 py-1.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-6 [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0 [&>ng-icon]:size-4`,
-  {
-    variants: {
-      error: {
-        auto: '[&.ng-invalid.ng-touched]:text-destructive [&.ng-invalid.ng-touched]:border-destructive [&.ng-invalid.ng-touched]:focus-visible:ring-destructive/20 dark:[&.ng-invalid.ng-touched]:focus-visible:ring-destructive/40',
-        true: 'text-destructive border-destructive focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40',
-      },
-    },
-    defaultVariants: {
-      error: 'auto',
-    },
-  }
-);
-
-@Component({
-  selector: 'hlm-select-trigger',
-  imports: [BrnSelectTrigger, NgIcon, HlmIcon],
-  providers: [provideIcons({ lucideChevronDown })],
-  template: `
-    <button #button brnSelectTrigger hlmInput type="button" [attr.data-size]="size()" [class]="_computedClass()">
-      <ng-content />
-      @if (_icon()) {
-        <ng-content select="ng-icon" />
-      } @else {
-        <ng-icon class="ml-2 flex-none" hlm name="lucideChevronDown" size="sm" />
-      }
-    </button>
-  `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class HlmSelectTrigger {
-  protected readonly _icon = contentChild(HlmIcon);
-
-  protected readonly _brnSelect = inject(BrnSelect, { optional: true });
-
-  public readonly userClass = input<ClassValue>('', { alias: 'class' });
-
-  public readonly size = input<'default' | 'sm'>('default');
-
-  protected readonly _computedClass = computed(() =>
-    hlm(selectTriggerVariants({ error: this._brnSelect?.errorState() }), this.userClass())
-  );
-}

package/projects/software-division-components/src/generic/select/lib/hlm-select-value.ts

@@ -1,17 +0,0 @@
-import { computed, Directive, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import type { ClassValue } from 'clsx';
-
-@Directive({
-  selector: 'hlm-select-value,[hlmSelectValue], brn-select-value[hlm]',
-
-  host: {
-    '[class]': '_computedClass()',
-  },
-})
-export class HlmSelectValue {
-  public readonly userClass = input<ClassValue>('', { alias: 'class' });
-  protected readonly _computedClass = computed(() =>
-    hlm('line-clamp-1 flex items-center gap-2 overflow-hidden text-ellipsis', this.userClass())
-  );
-}

package/projects/software-division-components/src/generic/select/lib/hlm-select.ts

@@ -1,15 +0,0 @@
-import { computed, Directive, input } from '@angular/core';
-import { hlm } from '@spartan-ng/brain/core';
-import type { ClassValue } from 'clsx';
-
-@Directive({
-  selector: 'hlm-select, brn-select [hlm]',
-
-  host: {
-    '[class]': '_computedClass()',
-  },
-})
-export class HlmSelect {
-  public readonly userClass = input<ClassValue>('', { alias: 'class' });
-  protected readonly _computedClass = computed(() => hlm(this.userClass()));
-}