@spartan-ng/cli 1.8.0-beta.1 → 1.8.0

package/src/generators/ui/libs/item/files/lib/hlm-item-footer.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmItemFooter],hlm-item-footer',
+	exportAs: 'hlmItemFooter',
 	host: { 'data-slot': 'item-footer' },
 })
 export class HlmItemFooter {

package/src/generators/ui/libs/item/files/lib/hlm-item-group.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmItemGroup],hlm-item-group',
+	exportAs: 'hlmItemGroup',
 	host: { 'data-slot': 'item-group' },
 })
 export class HlmItemGroup {

package/src/generators/ui/libs/item/files/lib/hlm-item-header.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmItemHeader],hlm-item-header',
+	exportAs: 'hlmItemHeader',
 	host: { 'data-slot': 'item-header' },
 })
 export class HlmItemHeader {

package/src/generators/ui/libs/item/files/lib/hlm-item-media.ts.template

@@ -22,6 +22,7 @@ export type ItemMediaVariants = VariantProps<typeof itemMediaVariants>;
 
 @Directive({
 	selector: '[hlmItemMedia],hlm-item-media',
+	exportAs: 'hlmItemMedia',
 	host: {
 		'data-slot': 'item-media',
 		'[attr.data-variant]': 'variant()',

package/src/generators/ui/libs/item/files/lib/hlm-item-separator.ts.template

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmItemSeparator],hlm-item-separator',
+	exportAs: 'hlmItemSeparator',
 	hostDirectives: [{ directive: BrnSeparator, inputs: ['orientation'] }],
 	host: { 'data-slot': 'item-separator' },
 })

package/src/generators/ui/libs/item/files/lib/hlm-item-title.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmItemTitle],hlm-item-title',
+	exportAs: 'hlmItemTitle',
 	host: { 'data-slot': 'item-title' },
 })
 export class HlmItemTitle {

package/src/generators/ui/libs/item/files/lib/hlm-item.ts.template

@@ -29,6 +29,7 @@ export type ItemVariants = VariantProps<typeof itemVariants>;
 
 @Directive({
 	selector: '[hlmItem],hlm-item',
+	exportAs: 'hlmItem',
 	host: {
 		'data-slot': 'item',
 		'[attr.data-variant]': 'variant()',

package/src/generators/ui/libs/kbd/files/lib/hlm-kbd-group.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'kbd[hlmKbdGroup]',
+	exportAs: 'hlmKbdGroup',
 	host: {
 		'data-slot': 'kbd-group',
 	},

package/src/generators/ui/libs/kbd/files/lib/hlm-kbd.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'kbd[hlmKbd]',
+	exportAs: 'hlmKbd',
 	host: {
 		'data-slot': 'kbd',
 	},

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmLabel]',
+	exportAs: 'hlmLabel',
 	hostDirectives: [{ directive: BrnLabel, inputs: ['id', 'for'] }],
 	host: { 'data-slot': 'label' },
 })

package/src/generators/ui/libs/marker/files/lib/hlm-marker-content.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMarkerContent],hlm-marker-content',
+	exportAs: 'hlmMarkerContent',
 	host: { 'data-slot': 'marker-content' },
 })
 export class HlmMarkerContent {

package/src/generators/ui/libs/marker/files/lib/hlm-marker-icon.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMarkerIcon],hlm-marker-icon',
+	exportAs: 'hlmMarkerIcon',
 	host: {
 		'data-slot': 'marker-icon',
 		'aria-hidden': 'true',

package/src/generators/ui/libs/marker/files/lib/hlm-marker.ts.template

@@ -22,6 +22,7 @@ export type MarkerVariants = VariantProps<typeof markerVariants>;
 
 @Directive({
 	selector: '[hlmMarker],hlm-marker',
+	exportAs: 'hlmMarker',
 	host: {
 		'data-slot': 'marker',
 		'[attr.data-variant]': 'variant()',

package/src/generators/ui/libs/menubar/files/lib/hlm-menubar-trigger.ts.template

@@ -13,6 +13,7 @@ import { injectHlmMenubarConfig } from './hlm-menubar-token';
 
 @Directive({
 	selector: 'button[hlmMenubarTrigger]',
+	exportAs: 'hlmMenubarTrigger',
 	providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmMenubarTrigger) }],
 	hostDirectives: [
 		{

package/src/generators/ui/libs/menubar/files/lib/hlm-menubar.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMenubar],hlm-menubar',
+	exportAs: 'hlmMenubar',
 	hostDirectives: [CdkMenuBar],
 	host: {
 		'data-slot': 'menubar',

package/src/generators/ui/libs/message/files/lib/hlm-message-avatar.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMessageAvatar],hlm-message-avatar',
+	exportAs: 'hlmMessageAvatar',
 	host: { 'data-slot': 'message-avatar' },
 })
 export class HlmMessageAvatar {

package/src/generators/ui/libs/message/files/lib/hlm-message-content.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMessageContent],hlm-message-content',
+	exportAs: 'hlmMessageContent',
 	host: { 'data-slot': 'message-content' },
 })
 export class HlmMessageContent {

package/src/generators/ui/libs/message/files/lib/hlm-message-footer.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMessageFooter],hlm-message-footer',
+	exportAs: 'hlmMessageFooter',
 	host: { 'data-slot': 'message-footer' },
 })
 export class HlmMessageFooter {

package/src/generators/ui/libs/message/files/lib/hlm-message-group.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMessageGroup],hlm-message-group',
+	exportAs: 'hlmMessageGroup',
 	host: { 'data-slot': 'message-group' },
 })
 export class HlmMessageGroup {

package/src/generators/ui/libs/message/files/lib/hlm-message-header.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMessageHeader],hlm-message-header',
+	exportAs: 'hlmMessageHeader',
 	host: { 'data-slot': 'message-header' },
 })
 export class HlmMessageHeader {

package/src/generators/ui/libs/message/files/lib/hlm-message.ts.template

@@ -5,6 +5,7 @@ export type MessageAlign = 'start' | 'end';
 
 @Directive({
 	selector: '[hlmMessage],hlm-message',
+	exportAs: 'hlmMessage',
 	host: {
 		'data-slot': 'message',
 		'[attr.data-align]': 'align()',

package/src/generators/ui/libs/message-scroller/files/lib/hlm-message-scroller-button.ts.template

@@ -7,6 +7,7 @@ import { HlmButton, provideBrnButtonConfig } from '<%- importAlias %>/button';
 @Component({
 	// eslint-disable-next-line @angular-eslint/component-selector -- attribute selector on native button
 	selector: 'button[hlmMessageScrollerButton]',
+	exportAs: 'hlmMessageScrollerButton',
 	imports: [NgIcon],
 	providers: [provideIcons({ lucideArrowDown }), provideBrnButtonConfig({ variant: 'secondary', size: 'icon-sm' })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/message-scroller/files/lib/hlm-message-scroller-content.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMessageScrollerContent],hlm-message-scroller-content',
+	exportAs: 'hlmMessageScrollerContent',
 	hostDirectives: [
 		{
 			directive: BrnMessageScrollerContent,

package/src/generators/ui/libs/message-scroller/files/lib/hlm-message-scroller-item.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMessageScrollerItem],hlm-message-scroller-item',
+	exportAs: 'hlmMessageScrollerItem',
 	hostDirectives: [
 		{
 			directive: BrnMessageScrollerItem,

package/src/generators/ui/libs/message-scroller/files/lib/hlm-message-scroller-provider.ts.template

@@ -3,6 +3,7 @@ import { BrnMessageScrollerProvider } from '@spartan-ng/brain/message-scroller';
 
 @Directive({
 	selector: '[hlmMessageScrollerProvider]',
+	exportAs: 'hlmMessageScrollerProvider',
 	hostDirectives: [
 		{
 			directive: BrnMessageScrollerProvider,

package/src/generators/ui/libs/message-scroller/files/lib/hlm-message-scroller-viewport.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMessageScrollerViewport],hlm-message-scroller-viewport',
+	exportAs: 'hlmMessageScrollerViewport',
 	hostDirectives: [
 		{
 			directive: BrnMessageScrollerViewport,

package/src/generators/ui/libs/message-scroller/files/lib/hlm-message-scroller.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmMessageScroller],hlm-message-scroller',
+	exportAs: 'hlmMessageScroller',
 	hostDirectives: [{ directive: BrnMessageScrollerRoot }],
 	host: {
 		'data-slot': 'message-scroller',

package/src/generators/ui/libs/native-select/files/lib/hlm-native-select-opt-group.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'optgroup[hlmNativeSelectOptGroup]',
+	exportAs: 'hlmNativeSelectOptGroup',
 	host: { 'data-slot': 'native-select-optgroup' },
 })
 export class HlmNativeSelectOptGroup {

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

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'option[hlmNativeSelectOption]',
+	exportAs: 'hlmNativeSelectOption',
 	host: { 'data-slot': 'native-select-option' },
 })
 export class HlmNativeSelectOption {

package/src/generators/ui/libs/native-select/files/lib/hlm-native-select.ts.template

@@ -26,6 +26,7 @@ export const HLM_NATIVE_SELECT_VALUE_ACCESSOR = {
 
 @Component({
 	selector: 'hlm-native-select',
+	exportAs: 'hlmNativeSelect',
 	imports: [NgIcon],
 	providers: [
 		HLM_NATIVE_SELECT_VALUE_ACCESSOR,

package/src/generators/ui/libs/navigation-menu/files/lib/hlm-navigation-menu-content.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmNavigationMenuContent],hlm-navigation-menu-content',
+	exportAs: 'hlmNavigationMenuContent',
 	host: {
 		'data-slot': 'navigation-menu-content',
 		'[style.--nav-offset]': 'navOffset()',

package/src/generators/ui/libs/navigation-menu/files/lib/hlm-navigation-menu-item.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'li[hlmNavigationMenuItem]',
+	exportAs: 'hlmNavigationMenuItem',
 	hostDirectives: [{ directive: BrnNavigationMenuItem, inputs: ['id'] }],
 	host: {
 		'data-slot': 'navigation-menu-item',

package/src/generators/ui/libs/navigation-menu/files/lib/hlm-navigation-menu-link.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'a[hlmNavigationMenuLink]',
+	exportAs: 'hlmNavigationMenuLink',
 	hostDirectives: [{ directive: BrnNavigationMenuLink, inputs: ['active'] }],
 	host: {
 		'data-slot': 'navigation-menu-link',

package/src/generators/ui/libs/navigation-menu/files/lib/hlm-navigation-menu-list.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'ul[hlmNavigationMenuList]',
+	exportAs: 'hlmNavigationMenuList',
 	hostDirectives: [
 		{
 			directive: BrnNavigationMenuList,

package/src/generators/ui/libs/navigation-menu/files/lib/hlm-navigation-menu-portal.ts.template

@@ -3,6 +3,7 @@ import { BrnNavigationMenuContent } from '@spartan-ng/brain/navigation-menu';
 
 @Directive({
 	selector: '[hlmNavigationMenuPortal]',
+	exportAs: 'hlmNavigationMenuPortal',
 	hostDirectives: [BrnNavigationMenuContent],
 })
 export class HlmNavigationMenuPortal {}

package/src/generators/ui/libs/navigation-menu/files/lib/hlm-navigation-menu-trigger.ts.template

@@ -7,6 +7,7 @@ import { classes } from '<%- importAlias %>/utils';
 @Component({
 	// eslint-disable-next-line @angular-eslint/component-selector
 	selector: 'button[hlmNavigationMenuTrigger]',
+	exportAs: 'hlmNavigationMenuTrigger',
 	imports: [NgIcon],
 	providers: [provideIcons({ lucideChevronDown })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/navigation-menu/files/lib/hlm-navigation-menu.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'nav[hlmNavigationMenu]',
+	exportAs: 'hlmNavigationMenu',
 	hostDirectives: [
 		{
 			directive: BrnNavigationMenu,

package/src/generators/ui/libs/pagination/files/lib/hlm-numbered-pagination-query-params.ts.template

@@ -23,6 +23,7 @@ import { injectHlmPaginationConfig } from './hlm-pagination.token';
 
 @Component({
 	selector: 'hlm-numbered-pagination-query-params',
+	exportAs: 'hlmNumberedPaginationQueryParams',
 	imports: [
 		HlmPagination,
 		HlmPaginationContent,

package/src/generators/ui/libs/pagination/files/lib/hlm-numbered-pagination.ts.template

@@ -21,6 +21,7 @@ import { injectHlmPaginationConfig } from './hlm-pagination.token';
 
 @Component({
 	selector: 'hlm-numbered-pagination',
+	exportAs: 'hlmNumberedPagination',
 	imports: [
 		HlmPagination,
 		HlmPaginationContent,

package/src/generators/ui/libs/pagination/files/lib/hlm-pagination-content.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'ul[hlmPaginationContent]',
+	exportAs: 'hlmPaginationContent',
 	host: { 'data-slot': 'pagination-content' },
 })
 export class HlmPaginationContent {

package/src/generators/ui/libs/pagination/files/lib/hlm-pagination-ellipsis.ts.template

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Component({
 	selector: 'hlm-pagination-ellipsis',
+	exportAs: 'hlmPaginationEllipsis',
 	imports: [NgIcon],
 	providers: [provideIcons({ lucideEllipsis })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

package/src/generators/ui/libs/pagination/files/lib/hlm-pagination-item.ts.template

@@ -2,6 +2,7 @@ import { Directive } from '@angular/core';
 
 @Directive({
 	selector: 'li[hlmPaginationItem]',
+	exportAs: 'hlmPaginationItem',
 	host: { 'data-slot': 'pagination-item' },
 })
 export class HlmPaginationItem {}

package/src/generators/ui/libs/pagination/files/lib/hlm-pagination-link.ts.template

@@ -6,6 +6,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmPaginationLink]',
+	exportAs: 'hlmPaginationLink',
 	hostDirectives: [
 		{
 			directive: RouterLink,

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

@@ -11,6 +11,7 @@ import { injectHlmPaginationConfig } from './hlm-pagination.token';
 
 @Component({
 	selector: 'hlm-pagination-next',
+	exportAs: 'hlmPaginationNext',
 	imports: [HlmPaginationLink, NgIcon],
 	providers: [provideIcons({ lucideChevronRight })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -11,6 +11,7 @@ import { injectHlmPaginationConfig } from './hlm-pagination.token';
 
 @Component({
 	selector: 'hlm-pagination-previous',
+	exportAs: 'hlmPaginationPrevious',
 	imports: [HlmPaginationLink, NgIcon],
 	providers: [provideIcons({ lucideChevronLeft })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmPagination],hlm-pagination',
+	exportAs: 'hlmPagination',
 	host: {
 		'data-slot': 'pagination',
 		role: 'navigation',

package/src/generators/ui/libs/popover/files/lib/hlm-popover-content.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmPopoverContent],hlm-popover-content',
+	exportAs: 'hlmPopoverContent',
 	host: { 'data-slot': 'popover-content' },
 })
 export class HlmPopoverContent {

package/src/generators/ui/libs/popover/files/lib/hlm-popover-description.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmPopoverDescription]',
+	exportAs: 'hlmPopoverDescription',
 	host: { 'data-slot': 'popover-description' },
 })
 export class HlmPopoverDescription {

package/src/generators/ui/libs/popover/files/lib/hlm-popover-header.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmPopoverHeader],hlm-popover-header',
+	exportAs: 'hlmPopoverHeader',
 	host: { 'data-slot': 'popover-header' },
 })
 export class HlmPopoverHeader {

package/src/generators/ui/libs/popover/files/lib/hlm-popover-portal.ts.template

@@ -3,6 +3,7 @@ import { BrnPopoverContent } from '@spartan-ng/brain/popover';
 
 @Directive({
 	selector: '[hlmPopoverPortal]',
+	exportAs: 'hlmPopoverPortal',
 	hostDirectives: [{ directive: BrnPopoverContent, inputs: ['context', 'class'] }],
 })
 export class HlmPopoverPortal {}

package/src/generators/ui/libs/popover/files/lib/hlm-popover-title.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmPopoverTitle]',
+	exportAs: 'hlmPopoverTitle',
 	host: { 'data-slot': 'popover-title' },
 })
 export class HlmPopoverTitle {

package/src/generators/ui/libs/popover/files/lib/hlm-popover-trigger.ts.template

@@ -3,6 +3,7 @@ import { BrnPopoverTrigger } from '@spartan-ng/brain/popover';
 
 @Directive({
 	selector: 'button[hlmPopoverTrigger],button[hlmPopoverTriggerFor]',
+	exportAs: 'hlmPopoverTrigger',
 	hostDirectives: [
 		{ directive: BrnPopoverTrigger, inputs: ['id', 'brnPopoverTriggerFor: hlmPopoverTriggerFor', 'type'] },
 	],

package/src/generators/ui/libs/popover/files/lib/hlm-popover.ts.template

@@ -3,6 +3,7 @@ import { BrnPopover } from '@spartan-ng/brain/popover';
 
 @Directive({
 	selector: '[hlmPopover],hlm-popover',
+	exportAs: 'hlmPopover',
 	hostDirectives: [
 		{
 			directive: BrnPopover,

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

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmProgressIndicator],hlm-progress-indicator',
+	exportAs: 'hlmProgressIndicator',
 	hostDirectives: [BrnProgressIndicator],
 	host: {
 		'data-slot': 'progress-indicator',

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: 'hlm-progress,[hlmProgress]',
+	exportAs: 'hlmProgress',
 	hostDirectives: [{ directive: BrnProgress, inputs: ['value', 'max', 'getValueLabel'] }],
 	host: { 'data-slot': 'progress' },
 })

package/src/generators/ui/libs/radio-group/files/lib/hlm-radio-group.ts.template

@@ -6,6 +6,7 @@ import type { ClassValue } from 'clsx';
 
 @Directive({
 	selector: '[hlmRadioGroup],hlm-radio-group',
+	exportAs: 'hlmRadioGroup',
 	hostDirectives: [
 		{
 			directive: BrnRadioGroup,

package/src/generators/ui/libs/radio-group/files/lib/hlm-radio-indicator.ts.template

@@ -3,6 +3,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Component({
 	selector: 'hlm-radio-indicator',
+	exportAs: 'hlmRadioIndicator',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	host: {
 		'data-slot': 'radio-group-indicator',

package/src/generators/ui/libs/radio-group/files/lib/hlm-radio.ts.template

@@ -20,6 +20,7 @@ import type { ClassValue } from 'clsx';
 
 @Component({
 	selector: 'hlm-radio',
+	exportAs: 'hlmRadio',
 	imports: [BrnRadio],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	host: {

package/src/generators/ui/libs/resizable/files/lib/hlm-resizable-group.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmResizableGroup],hlm-resizable-group',
+	exportAs: 'hlmResizableGroup',
 	hostDirectives: [
 		{
 			directive: BrnResizableGroup,

package/src/generators/ui/libs/scroll-area/files/lib/hlm-scroll-area.ts.template

@@ -4,6 +4,7 @@ import { provideScrollbarOptions } from 'ngx-scrollbar';
 
 @Directive({
 	selector: 'ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]',
+	exportAs: 'hlmScrollArea',
 	providers: [provideScrollbarOptions({ visibility: 'hover' })],
 	host: {
 		'data-slot': 'scroll-area',

package/src/generators/ui/libs/select/files/lib/hlm-select-content.ts.template

@@ -7,6 +7,7 @@ import { HlmSelectScrollUp } from './hlm-select-scroll-up';
 
 @Component({
 	selector: 'hlm-select-content',
+	exportAs: 'hlmSelectContent',
 	imports: [HlmSelectScrollUp, HlmSelectScrollDown, BrnSelectList],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	hostDirectives: [BrnSelectContent],

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmSelectGroup],hlm-select-group',
+	exportAs: 'hlmSelectGroup',
 	hostDirectives: [{ directive: BrnSelectGroup }],
 	host: { 'data-slot': 'select-group' },
 })

package/src/generators/ui/libs/select/files/lib/hlm-select-item.ts.template

@@ -6,6 +6,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Component({
 	selector: 'hlm-select-item',
+	exportAs: 'hlmSelectItem',
 	imports: [NgIcon],
 	providers: [provideIcons({ lucideCheck })],
 	changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmSelectLabel],hlm-select-label',
+	exportAs: 'hlmSelectLabel',
 	hostDirectives: [{ directive: BrnSelectLabel, inputs: ['id'] }],
 	host: { 'data-slot': 'select-label' },
 })

package/src/generators/ui/libs/select/files/lib/hlm-select-multiple.ts.template

@@ -5,6 +5,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmSelectMultiple],hlm-select-multiple',
+	exportAs: 'hlmSelectMultiple',
 	providers: [
 		provideBrnPopoverConfig({
 			align: 'start',

package/src/generators/ui/libs/select/files/lib/hlm-select-placeholder.ts.template

@@ -4,6 +4,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Directive({
 	selector: '[hlmSelectPlaceholder],hlm-select-placeholder',
+	exportAs: 'hlmSelectPlaceholder',
 	hostDirectives: [BrnSelectPlaceholder],
 	host: { 'data-slot': 'select-placeholder' },
 })

package/src/generators/ui/libs/select/files/lib/hlm-select-portal.ts.template

@@ -3,6 +3,7 @@ import { BrnPopoverContent } from '@spartan-ng/brain/popover';
 
 @Directive({
 	selector: '[hlmSelectPortal]',
+	exportAs: 'hlmSelectPortal',
 	hostDirectives: [{ directive: BrnPopoverContent, inputs: ['context', 'class'] }],
 })
 export class HlmSelectPortal {}

package/src/generators/ui/libs/select/files/lib/hlm-select-scroll-down.ts.template

@@ -6,6 +6,7 @@ import { classes } from '<%- importAlias %>/utils';
 
 @Component({
 	selector: 'hlm-select-scroll-down',
+	exportAs: 'hlmSelectScrollDown',
 	imports: [NgIcon],
 	providers: [provideIcons({ lucideChevronDown })],
 	changeDetection: ChangeDetectionStrategy.OnPush,