@spartan-ng/cli 0.0.1-alpha.374 → 0.0.1-alpha.379

package/src/generators/ui/libs/ui-pagination-helm/files/lib/hlm-pagination-next.component.ts.template

@@ -1,6 +1,8 @@
-import { Component, computed, input } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { booleanAttribute, Component, computed, input } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { lucideChevronRight } from '@ng-icons/lucide';
+import { ButtonVariants } from '@spartan-ng/ui-button-helm';
 import { hlm } from '@spartan-ng/ui-core';
 import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
 import { ClassValue } from 'clsx';
@@ -12,8 +14,16 @@ import { HlmPaginationLinkDirective } from './hlm-pagination-link.directive';
 	imports: [HlmPaginationLinkDirective, HlmIconComponent],
 	providers: [provideIcons({ lucideChevronRight })],
 	template: `
-		<a [class]="_computedClass()" hlmPaginationLink [link]="link()" size="default" [attr.aria-label]="ariaLabel()">
-			<span>{{ text() }}</span>
+		<a
+			[class]="_computedClass()"
+			hlmPaginationLink
+			[link]="link()"
+			[queryParams]="queryParams()"
+			[queryParamsHandling]="queryParamsHandling()"
+			[size]="size()"
+			[attr.aria-label]="ariaLabel()"
+		>
+			<span [class.sr-only]="iconOnly()">{{ text() }}</span>
 			<hlm-icon size="sm" name="lucideChevronRight" />
 		</a>
 	`,
@@ -21,9 +31,16 @@ import { HlmPaginationLinkDirective } from './hlm-pagination-link.directive';
 export class HlmPaginationNextComponent {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	public readonly link = input<RouterLink['routerLink']>();
+	public readonly queryParams = input<RouterLink['queryParams']>();
+	public readonly queryParamsHandling = input<RouterLink['queryParamsHandling']>();
 
 	public readonly ariaLabel = input<string>('Go to next page', { alias: 'aria-label' });
 	public readonly text = input<string>('Next');
+	public readonly iconOnly = input<boolean, BooleanInput>(false, {
+		transform: booleanAttribute,
+	});
 
-	protected readonly _computedClass = computed(() => hlm('gap-1 pr-2.5', this.userClass()));
+	protected readonly size = computed<ButtonVariants['size']>(() => (this.iconOnly() ? 'icon' : 'default'));
+
+	protected readonly _computedClass = computed(() => hlm('gap-1', !this.iconOnly() ? 'pr-2.5' : '', this.userClass()));
 }

package/src/generators/ui/libs/ui-pagination-helm/files/lib/hlm-pagination-previous.component.ts.template

@@ -1,6 +1,8 @@
-import { Component, computed, input } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { booleanAttribute, Component, computed, input } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { lucideChevronLeft } from '@ng-icons/lucide';
+import { ButtonVariants } from '@spartan-ng/ui-button-helm';
 import { hlm } from '@spartan-ng/ui-core';
 import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
 import { ClassValue } from 'clsx';
@@ -12,18 +14,33 @@ import { HlmPaginationLinkDirective } from './hlm-pagination-link.directive';
 	imports: [HlmPaginationLinkDirective, HlmIconComponent],
 	providers: [provideIcons({ lucideChevronLeft })],
 	template: `
-		<a [class]="_computedClass()" hlmPaginationLink [link]="link()" size="default" [attr.aria-label]="ariaLabel()">
+		<a
+			[class]="_computedClass()"
+			hlmPaginationLink
+			[link]="link()"
+			[queryParams]="queryParams()"
+			[queryParamsHandling]="queryParamsHandling()"
+			[size]="size()"
+			[attr.aria-label]="ariaLabel()"
+		>
 			<hlm-icon size="sm" name="lucideChevronLeft" />
-			<span>{{ text() }}</span>
+			<span [class.sr-only]="iconOnly()">{{ text() }}</span>
 		</a>
 	`,
 })
 export class HlmPaginationPreviousComponent {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	public readonly link = input<RouterLink['routerLink']>();
+	public readonly queryParams = input<RouterLink['queryParams']>();
+	public readonly queryParamsHandling = input<RouterLink['queryParamsHandling']>();
 
 	public readonly ariaLabel = input<string>('Go to previous page', { alias: 'aria-label' });
 	public readonly text = input<string>('Previous');
+	public readonly iconOnly = input<boolean, BooleanInput>(false, {
+		transform: booleanAttribute,
+	});
 
-	protected readonly _computedClass = computed(() => hlm('gap-1 pl-2.5', this.userClass()));
+	protected readonly size = computed<ButtonVariants['size']>(() => (this.iconOnly() ? 'icon' : 'default'));
+
+	protected readonly _computedClass = computed(() => hlm('gap-1', !this.iconOnly() ? 'pl-2.5' : '', this.userClass()));
 }

package/src/generators/ui/libs/ui-progress-helm/files/lib/hlm-progress-indicator.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { injectBrnProgress } from '@spartan-ng/brain/progress';
 import { hlm } from '@spartan-ng/ui-core';
-import { injectBrnProgress } from '@spartan-ng/ui-progress-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-group.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { BrnSelectGroupDirective } from '@spartan-ng/brain/select';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnSelectGroupDirective } from '@spartan-ng/ui-select-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-label.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, inject, input } from '@angular/core';
+import { BrnSelectLabelDirective } from '@spartan-ng/brain/select';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnSelectLabelDirective } from '@spartan-ng/ui-select-brain';
 import type { ClassValue } from 'clsx';
 import { HlmSelectContentDirective } from './hlm-select-content.directive';
 

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-option.component.ts.template

@@ -1,8 +1,8 @@
 import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
 import { lucideCheck } from '@ng-icons/lucide';
+import { BrnSelectOptionDirective } from '@spartan-ng/brain/select';
 import { hlm } from '@spartan-ng/ui-core';
 import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
-import { BrnSelectOptionDirective } from '@spartan-ng/ui-select-brain';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-select-helm/files/lib/hlm-select-trigger.component.ts.template

@@ -1,9 +1,9 @@
 import { Component, computed, contentChild, inject, input } from '@angular/core';
 import { provideIcons } from '@ng-icons/core';
 import { lucideChevronDown } from '@ng-icons/lucide';
+import { BrnSelectComponent, BrnSelectTriggerDirective } from '@spartan-ng/brain/select';
 import { hlm } from '@spartan-ng/ui-core';
 import { HlmIconComponent } from '@spartan-ng/ui-icon-helm';
-import { BrnSelectComponent, BrnSelectTriggerDirective } from '@spartan-ng/ui-select-brain';
 import { type VariantProps, cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-content.component.ts.template

@@ -1,8 +1,8 @@
 import { Component, ElementRef, Renderer2, computed, effect, inject, input, signal } from '@angular/core';
 import { lucideX } from '@ng-icons/lucide';
+import { BrnSheetCloseDirective } from '@spartan-ng/brain/sheet';
 import { hlm, injectExposedSideProvider, injectExposesStateProvider } from '@spartan-ng/ui-core';
 import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
-import { BrnSheetCloseDirective } from '@spartan-ng/ui-sheet-brain';
 import { cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 import { HlmSheetCloseDirective } from './hlm-sheet-close.directive';

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-description.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { BrnSheetDescriptionDirective } from '@spartan-ng/brain/sheet';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnSheetDescriptionDirective } from '@spartan-ng/ui-sheet-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet-title.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { BrnSheetTitleDirective } from '@spartan-ng/brain/sheet';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnSheetTitleDirective } from '@spartan-ng/ui-sheet-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-sheet-helm/files/lib/hlm-sheet.component.ts.template

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, ViewEncapsulation, forwardRef } from '@angular/core';
-import { BrnDialogComponent } from '@spartan-ng/ui-dialog-brain';
-import { BrnSheetComponent, BrnSheetOverlayComponent } from '@spartan-ng/ui-sheet-brain';
+import { BrnDialogComponent } from '@spartan-ng/brain/dialog';
+import { BrnSheetComponent, BrnSheetOverlayComponent } from '@spartan-ng/brain/sheet';
 import { HlmSheetOverlayDirective } from './hlm-sheet-overlay.directive';
 
 @Component({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-input.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { BrnSliderInputDirective } from '@spartan-ng/brain/slider';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnSliderInputDirective } from '@spartan-ng/ui-slider-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-thumb.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, inject, input } from '@angular/core';
+import { BRN_SLIDER, BrnSliderThumbDirective } from '@spartan-ng/brain/slider';
 import { hlm } from '@spartan-ng/ui-core';
-import { BRN_SLIDER, BrnSliderThumbDirective } from '@spartan-ng/ui-slider-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-tick-mark.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, inject, input } from '@angular/core';
+import { BRN_SLIDER, BrnSliderTickMarkDirective } from '@spartan-ng/brain/slider';
 import { hlm } from '@spartan-ng/ui-core';
-import { BRN_SLIDER, BrnSliderTickMarkDirective } from '@spartan-ng/ui-slider-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-track-active-fill.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, inject, input } from '@angular/core';
+import { BRN_SLIDER, BrnSliderTrackActiveFillDirective } from '@spartan-ng/brain/slider';
 import { hlm } from '@spartan-ng/ui-core';
-import { BRN_SLIDER, BrnSliderTrackActiveFillDirective } from '@spartan-ng/ui-slider-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider-track.component.ts.template

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
+import { BRN_SLIDER, BRN_SLIDER_TRACK, BrnSliderTrackDirective } from '@spartan-ng/brain/slider';
 import { hlm } from '@spartan-ng/ui-core';
-import { BRN_SLIDER, BRN_SLIDER_TRACK, BrnSliderTrackDirective } from '@spartan-ng/ui-slider-brain';
 import type { ClassValue } from 'clsx';
 import { HlmSliderTickMarkDirective } from './hlm-slider-tick-mark.directive';
 import { HlmSliderTickMarksDirective } from './hlm-slider-tick-marks.directive';

package/src/generators/ui/libs/ui-slider-helm/files/lib/hlm-slider.component.ts.template

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
+import { BRN_SLIDER, BrnSliderDirective } from '@spartan-ng/brain/slider';
 import { hlm } from '@spartan-ng/ui-core';
-import { BRN_SLIDER, BrnSliderDirective } from '@spartan-ng/ui-slider-brain';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-switch-helm/files/lib/hlm-switch.component.ts.template

@@ -1,9 +1,9 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { Component, booleanAttribute, computed, forwardRef, input, model, output } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
+import { BrnSwitchComponent, BrnSwitchThumbComponent } from '@spartan-ng/brain/switch';
 import { hlm } from '@spartan-ng/ui-core';
-import { ChangeFn, TouchFn } from '@spartan-ng/ui-forms-brain';
-import { BrnSwitchComponent, BrnSwitchThumbComponent } from '@spartan-ng/ui-switch-brain';
 import type { ClassValue } from 'clsx';
 import { HlmSwitchThumbDirective } from './hlm-switch-thumb.directive';
 export const HLM_SWITCH_VALUE_ACCESSOR = {

package/src/generators/ui/libs/ui-table-helm/files/lib/hlm-td.component.ts.template

@@ -8,8 +8,8 @@ import {
 	inject,
 	input,
 } from '@angular/core';
+import { BrnColumnDefComponent } from '@spartan-ng/brain/table';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnColumnDefComponent } from '@spartan-ng/ui-table-brain';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-table-helm/files/lib/hlm-th.component.ts.template

@@ -8,8 +8,8 @@ import {
 	inject,
 	input,
 } from '@angular/core';
+import { BrnColumnDefComponent } from '@spartan-ng/brain/table';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnColumnDefComponent } from '@spartan-ng/ui-table-brain';
 import type { ClassValue } from 'clsx';
 
 @Component({

package/src/generators/ui/libs/ui-tabs-helm/files/lib/hlm-tabs-content.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { BrnTabsContentDirective } from '@spartan-ng/brain/tabs';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnTabsContentDirective } from '@spartan-ng/ui-tabs-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-tabs-helm/files/lib/hlm-tabs-list.component.ts.template

@@ -1,6 +1,6 @@
 import { Component, computed, input } from '@angular/core';
+import { BrnTabsListDirective } from '@spartan-ng/brain/tabs';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnTabsListDirective } from '@spartan-ng/ui-tabs-brain';
 import { type VariantProps, cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 

package/src/generators/ui/libs/ui-tabs-helm/files/lib/hlm-tabs-paginated-list.component.ts.template

@@ -2,10 +2,10 @@ import { CdkObserveContent } from '@angular/cdk/observers';
 import { Component, type ElementRef, computed, contentChildren, input, viewChild } from '@angular/core';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { lucideChevronLeft, lucideChevronRight } from '@ng-icons/lucide';
+import { BrnTabsPaginatedListDirective, BrnTabsTriggerDirective } from '@spartan-ng/brain/tabs';
 import { buttonVariants } from '@spartan-ng/ui-button-helm';
 import { hlm } from '@spartan-ng/ui-core';
 import { HlmIconComponent, provideIcons } from '@spartan-ng/ui-icon-helm';
-import { BrnTabsPaginatedListDirective, BrnTabsTriggerDirective } from '@spartan-ng/ui-tabs-brain';
 import type { ClassValue } from 'clsx';
 import { listVariants } from './hlm-tabs-list.component';
 

package/src/generators/ui/libs/ui-tabs-helm/files/lib/hlm-tabs-trigger.directive.ts.template

@@ -1,6 +1,6 @@
 import { Directive, computed, input } from '@angular/core';
+import { BrnTabsTriggerDirective } from '@spartan-ng/brain/tabs';
 import { hlm } from '@spartan-ng/ui-core';
-import { BrnTabsTriggerDirective } from '@spartan-ng/ui-tabs-brain';
 import type { ClassValue } from 'clsx';
 
 @Directive({

package/src/generators/ui/libs/ui-tabs-helm/files/lib/hlm-tabs.component.ts.template

@@ -1,5 +1,5 @@
 import { Component, input } from '@angular/core';
-import { BrnTabsDirective } from '@spartan-ng/ui-tabs-brain';
+import { BrnTabsDirective } from '@spartan-ng/brain/tabs';
 
 @Component({
 	selector: 'hlm-tabs',

package/src/generators/ui/libs/ui-tooltip-helm/files/lib/hlm-tooltip-trigger.directive.ts.template

@@ -1,5 +1,5 @@
 import { Directive, Input, type TemplateRef, inject } from '@angular/core';
-import { BrnTooltipTriggerDirective } from '@spartan-ng/ui-tooltip-brain';
+import { BrnTooltipTriggerDirective } from '@spartan-ng/brain/tooltip';
 
 @Directive({
 	selector: '[hlmTooltipTrigger]',

package/src/generators/ui/libs/ui-tooltip-helm/files/lib/hlm-tooltip.component.ts.template

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
-import { BrnTooltipDirective } from '@spartan-ng/ui-tooltip-brain';
+import { BrnTooltipDirective } from '@spartan-ng/brain/tooltip';
 
 @Component({
 	selector: 'hlm-tooltip',