@flusys/ng-ui 9.1.1 → 9.1.2

package/README.md

@@ -174,6 +174,18 @@ Use `(onChange)` to react to value changes, not `(click)` on the host: a `<label
 
 ---
 
+## Truncated Text
+
+`select`, `multiselect`, `treeselect`, `cascadeselect`, `autocomplete` and `listbox` cut long labels off with `…`, both the selected value in the field and the option rows. Hovering a cut-off label shows its full text as a tooltip; a label that fits shows none. The same behaviour is available for any `truncate` element through `OverflowTitleDirective`:
+
+```html
+<span class="truncate" fOverflowTitle>{{ longLabel }}</span>
+```
+
+It measures on `mouseenter`, so it follows resizes and label changes without observers.
+
+---
+
 ## Buttons & Actions
 
 ### ButtonComponent

package/fesm2022/flusys-ng-ui.mjs

@@ -6927,6 +6927,45 @@ function attachOverlayPosition(anchor, panel, options = {}) {
 		if (placement.width !== null) panel.style.width = `${placement.width}px`;
 	});
 }
+var OverflowTitleDirective = class OverflowTitleDirective {
+	el = inject(ElementRef);
+	sync() {
+		const el = this.el.nativeElement;
+		const text = el.textContent?.trim() ?? "";
+		if (text && el.scrollWidth > el.clientWidth) el.title = text;
+		else el.removeAttribute("title");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: OverflowTitleDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: OverflowTitleDirective,
+		isStandalone: true,
+		selector: "[fOverflowTitle]",
+		host: { listeners: { "mouseenter": "sync()" } },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: OverflowTitleDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[fOverflowTitle]",
+			host: { "(mouseenter)": "sync()" }
+		}]
+	}]
+});
 var SelectComponent = class SelectComponent {
 	_el = inject(ElementRef);
 	constructor() {
@@ -7765,14 +7804,14 @@ var SelectComponent = class SelectComponent {
             (click)="$event.stopPropagation()"
           />
         } @else if (selectedItemTpl() && selectedOption() != null) {
-          <span class="flex-1 min-w-0 truncate text-left">
+          <span fOverflowTitle class="flex-1 min-w-0 truncate text-left">
             <ng-container
               [ngTemplateOutlet]="selectedItemTpl()"
               [ngTemplateOutletContext]="{ $implicit: selectedOption() }"
             />
           </span>
         } @else {
-          <span
+          <span fOverflowTitle
             data-select-label
             class="flex-1 min-w-0 truncate text-left"
             [class.text-(--f-form-field-placeholder-color)]="!selectedLabel()"
@@ -7921,7 +7960,7 @@ var SelectComponent = class SelectComponent {
           @if (checkmark() && getOptionValue(item.option) === value()) {
             <ui-icon name="check" class="text-xs shrink-0"></ui-icon>
           }
-          <span class="flex-1 truncate">
+          <span fOverflowTitle class="flex-1 truncate">
             @if (itemTpl()) {
               <ng-container
                 [ngTemplateOutlet]="itemTpl()"
@@ -7968,6 +8007,11 @@ var SelectComponent = class SelectComponent {
   `,
 		isInline: true,
 		dependencies: [
+			{
+				kind: "directive",
+				type: OverflowTitleDirective,
+				selector: "[fOverflowTitle]"
+			},
 			{
 				kind: "component",
 				type: UiIconComponent,
@@ -8021,6 +8065,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "f-select",
 			imports: [
+				OverflowTitleDirective,
 				UiIconComponent,
 				NgTemplateOutlet,
 				ScrollerComponent
@@ -8069,14 +8114,14 @@ i0.ɵɵngDeclareClassMetadata({
             (click)="$event.stopPropagation()"
           />
         } @else if (selectedItemTpl() && selectedOption() != null) {
-          <span class="flex-1 min-w-0 truncate text-left">
+          <span fOverflowTitle class="flex-1 min-w-0 truncate text-left">
             <ng-container
               [ngTemplateOutlet]="selectedItemTpl()"
               [ngTemplateOutletContext]="{ $implicit: selectedOption() }"
             />
           </span>
         } @else {
-          <span
+          <span fOverflowTitle
             data-select-label
             class="flex-1 min-w-0 truncate text-left"
             [class.text-(--f-form-field-placeholder-color)]="!selectedLabel()"
@@ -8225,7 +8270,7 @@ i0.ɵɵngDeclareClassMetadata({
           @if (checkmark() && getOptionValue(item.option) === value()) {
             <ui-icon name="check" class="text-xs shrink-0"></ui-icon>
           }
-          <span class="flex-1 truncate">
+          <span fOverflowTitle class="flex-1 truncate">
             @if (itemTpl()) {
               <ng-container
                 [ngTemplateOutlet]="itemTpl()"
@@ -9502,12 +9547,12 @@ var MultiSelectComponent = class MultiSelectComponent {
       >
         @if (selectedLabels().length) {
           @if (display() === 'comma') {
-            <span
+            <span fOverflowTitle
               class="flex-1 min-w-0 truncate text-sm text-(--f-form-field-color)"
               >{{ commaLabel() }}</span
             >
           } @else if (selectedLabels().length > maxSelectedLabels()) {
-            <span
+            <span fOverflowTitle
               class="flex-1 min-w-0 truncate text-sm text-(--f-form-field-color)"
               >{{ selectedLabels().length }} items selected</span
             >
@@ -9628,7 +9673,7 @@ var MultiSelectComponent = class MultiSelectComponent {
                   ></ui-icon>
                 }
               </div>
-              <span class="flex-1 truncate font-medium">Select All</span>
+              <span fOverflowTitle class="flex-1 truncate font-medium">Select All</span>
             </button>
           }
           <div
@@ -9724,7 +9769,7 @@ var MultiSelectComponent = class MultiSelectComponent {
               ></ui-icon>
             }
           </div>
-          <span class="flex-1 truncate">
+          <span fOverflowTitle class="flex-1 truncate">
             @if (itemTpl()) {
               <ng-container
                 [ngTemplateOutlet]="itemTpl()"
@@ -9768,6 +9813,11 @@ var MultiSelectComponent = class MultiSelectComponent {
   `,
 		isInline: true,
 		dependencies: [
+			{
+				kind: "directive",
+				type: OverflowTitleDirective,
+				selector: "[fOverflowTitle]"
+			},
 			{
 				kind: "component",
 				type: UiIconComponent,
@@ -9821,6 +9871,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "f-multiselect",
 			imports: [
+				OverflowTitleDirective,
 				UiIconComponent,
 				NgTemplateOutlet,
 				ScrollerComponent
@@ -9856,12 +9907,12 @@ i0.ɵɵngDeclareClassMetadata({
       >
         @if (selectedLabels().length) {
           @if (display() === 'comma') {
-            <span
+            <span fOverflowTitle
               class="flex-1 min-w-0 truncate text-sm text-(--f-form-field-color)"
               >{{ commaLabel() }}</span
             >
           } @else if (selectedLabels().length > maxSelectedLabels()) {
-            <span
+            <span fOverflowTitle
               class="flex-1 min-w-0 truncate text-sm text-(--f-form-field-color)"
               >{{ selectedLabels().length }} items selected</span
             >
@@ -9982,7 +10033,7 @@ i0.ɵɵngDeclareClassMetadata({
                   ></ui-icon>
                 }
               </div>
-              <span class="flex-1 truncate font-medium">Select All</span>
+              <span fOverflowTitle class="flex-1 truncate font-medium">Select All</span>
             </button>
           }
           <div
@@ -10078,7 +10129,7 @@ i0.ɵɵngDeclareClassMetadata({
               ></ui-icon>
             }
           </div>
-          <span class="flex-1 truncate">
+          <span fOverflowTitle class="flex-1 truncate">
             @if (itemTpl()) {
               <ng-container
                 [ngTemplateOutlet]="itemTpl()"
@@ -28256,7 +28307,7 @@ var AutoCompleteComponent = class AutoCompleteComponent {
                       [ngTemplateOutletContext]="{ $implicit: item, index: i }"
                     />
                   } @else {
-                    <span class="flex-1 truncate">{{ getLabel(item) }}</span>
+                    <span fOverflowTitle class="flex-1 truncate">{{ getLabel(item) }}</span>
                   }
                 </div>
               </ng-template>
@@ -28306,7 +28357,7 @@ var AutoCompleteComponent = class AutoCompleteComponent {
                         }"
                       />
                     } @else {
-                      <span class="flex-1 truncate">{{
+                      <span fOverflowTitle class="flex-1 truncate">{{
                         getLabel(row.item)
                       }}</span>
                     }
@@ -28327,6 +28378,11 @@ var AutoCompleteComponent = class AutoCompleteComponent {
   `,
 		isInline: true,
 		dependencies: [
+			{
+				kind: "directive",
+				type: OverflowTitleDirective,
+				selector: "[fOverflowTitle]"
+			},
 			{
 				kind: "component",
 				type: UiIconComponent,
@@ -28407,6 +28463,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "f-autocomplete",
 			imports: [
+				OverflowTitleDirective,
 				UiIconComponent,
 				FormsModule,
 				NgTemplateOutlet,
@@ -28615,7 +28672,7 @@ i0.ɵɵngDeclareClassMetadata({
                       [ngTemplateOutletContext]="{ $implicit: item, index: i }"
                     />
                   } @else {
-                    <span class="flex-1 truncate">{{ getLabel(item) }}</span>
+                    <span fOverflowTitle class="flex-1 truncate">{{ getLabel(item) }}</span>
                   }
                 </div>
               </ng-template>
@@ -28665,7 +28722,7 @@ i0.ɵɵngDeclareClassMetadata({
                         }"
                       />
                     } @else {
-                      <span class="flex-1 truncate">{{
+                      <span fOverflowTitle class="flex-1 truncate">{{
                         getLabel(row.item)
                       }}</span>
                     }
@@ -30136,7 +30193,7 @@ var ListboxComponent = class ListboxComponent {
               <ui-icon name="check" class="text-[9px] text-primary-contrast"></ui-icon>
             }
           </div>
-          <span class="flex-1 truncate font-medium">Select All</span>
+          <span fOverflowTitle class="flex-1 truncate font-medium">Select All</span>
         </button>
       }
 
@@ -30218,7 +30275,7 @@ var ListboxComponent = class ListboxComponent {
               <span class="w-3 h-3 shrink-0"></span>
             }
           }
-          <span class="flex-1 truncate">
+          <span fOverflowTitle class="flex-1 truncate">
             @if (itemTpl()) {
               <ng-container [ngTemplateOutlet]="itemTpl()" [ngTemplateOutletContext]="{ $implicit: item.option }" />
             } @else {
@@ -30231,6 +30288,11 @@ var ListboxComponent = class ListboxComponent {
   `,
 		isInline: true,
 		dependencies: [
+			{
+				kind: "directive",
+				type: OverflowTitleDirective,
+				selector: "[fOverflowTitle]"
+			},
 			{
 				kind: "component",
 				type: UiIconComponent,
@@ -30284,6 +30346,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "f-listbox",
 			imports: [
+				OverflowTitleDirective,
 				UiIconComponent,
 				NgTemplateOutlet,
 				ScrollerComponent
@@ -30338,7 +30401,7 @@ i0.ɵɵngDeclareClassMetadata({
               <ui-icon name="check" class="text-[9px] text-primary-contrast"></ui-icon>
             }
           </div>
-          <span class="flex-1 truncate font-medium">Select All</span>
+          <span fOverflowTitle class="flex-1 truncate font-medium">Select All</span>
         </button>
       }
 
@@ -30420,7 +30483,7 @@ i0.ɵɵngDeclareClassMetadata({
               <span class="w-3 h-3 shrink-0"></span>
             }
           }
-          <span class="flex-1 truncate">
+          <span fOverflowTitle class="flex-1 truncate">
             @if (itemTpl()) {
               <ng-container [ngTemplateOutlet]="itemTpl()" [ngTemplateOutletContext]="{ $implicit: item.option }" />
             } @else {
@@ -31858,7 +31921,7 @@ var TreeSelectComponent = class TreeSelectComponent {
         (keydown)="onTriggerKeyDown($event)"
       >
         @if (valueTpl()) {
-          <span class="flex-1 min-w-0 truncate text-left text-sm">
+          <span fOverflowTitle class="flex-1 min-w-0 truncate text-left text-sm">
             <ng-container
               [ngTemplateOutlet]="valueTpl()"
               [ngTemplateOutletContext]="{
@@ -31868,7 +31931,7 @@ var TreeSelectComponent = class TreeSelectComponent {
             />
           </span>
         } @else if (selectionMode() === 'single') {
-          <span
+          <span fOverflowTitle
             class="truncate text-sm"
             [class.text-(--f-form-field-placeholder-color)]="
               !selectedLabels().length
@@ -31899,7 +31962,7 @@ var TreeSelectComponent = class TreeSelectComponent {
             }
           </div>
         } @else if (selectedLabels().length) {
-          <span class="flex-1 min-w-0 truncate text-sm text-(--f-text-color)">{{
+          <span fOverflowTitle class="flex-1 min-w-0 truncate text-sm text-(--f-text-color)">{{
             selectedLabels().join(', ')
           }}</span>
         } @else {
@@ -32063,12 +32126,17 @@ var TreeSelectComponent = class TreeSelectComponent {
             class="text-xs text-(--f-text-muted-color) shrink-0"
           ></ui-icon>
         }
-        <span class="flex-1 truncate" [class.font-medium]="row.node.selectable === false">{{ row.node.label }}</span>
+        <span fOverflowTitle class="flex-1 truncate" [class.font-medium]="row.node.selectable === false">{{ row.node.label }}</span>
       </div>
     </ng-template>
   `,
 		isInline: true,
 		dependencies: [
+			{
+				kind: "directive",
+				type: OverflowTitleDirective,
+				selector: "[fOverflowTitle]"
+			},
 			{
 				kind: "component",
 				type: UiIconComponent,
@@ -32122,6 +32190,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "f-treeselect",
 			imports: [
+				OverflowTitleDirective,
 				UiIconComponent,
 				NgTemplateOutlet,
 				ScrollerComponent
@@ -32151,7 +32220,7 @@ i0.ɵɵngDeclareClassMetadata({
         (keydown)="onTriggerKeyDown($event)"
       >
         @if (valueTpl()) {
-          <span class="flex-1 min-w-0 truncate text-left text-sm">
+          <span fOverflowTitle class="flex-1 min-w-0 truncate text-left text-sm">
             <ng-container
               [ngTemplateOutlet]="valueTpl()"
               [ngTemplateOutletContext]="{
@@ -32161,7 +32230,7 @@ i0.ɵɵngDeclareClassMetadata({
             />
           </span>
         } @else if (selectionMode() === 'single') {
-          <span
+          <span fOverflowTitle
             class="truncate text-sm"
             [class.text-(--f-form-field-placeholder-color)]="
               !selectedLabels().length
@@ -32192,7 +32261,7 @@ i0.ɵɵngDeclareClassMetadata({
             }
           </div>
         } @else if (selectedLabels().length) {
-          <span class="flex-1 min-w-0 truncate text-sm text-(--f-text-color)">{{
+          <span fOverflowTitle class="flex-1 min-w-0 truncate text-sm text-(--f-text-color)">{{
             selectedLabels().join(', ')
           }}</span>
         } @else {
@@ -32356,7 +32425,7 @@ i0.ɵɵngDeclareClassMetadata({
             class="text-xs text-(--f-text-muted-color) shrink-0"
           ></ui-icon>
         }
-        <span class="flex-1 truncate" [class.font-medium]="row.node.selectable === false">{{ row.node.label }}</span>
+        <span fOverflowTitle class="flex-1 truncate" [class.font-medium]="row.node.selectable === false">{{ row.node.label }}</span>
       </div>
     </ng-template>
   `
@@ -40847,7 +40916,7 @@ var CascadeSelectComponent = class CascadeSelectComponent {
         (keydown)="onKeyDown($event)"
       >
         @if (valueTpl()) {
-          <span class="flex-1 min-w-0 truncate text-left text-sm">
+          <span fOverflowTitle class="flex-1 min-w-0 truncate text-left text-sm">
             <ng-container
               [ngTemplateOutlet]="valueTpl()"
               [ngTemplateOutletContext]="{
@@ -40857,7 +40926,7 @@ var CascadeSelectComponent = class CascadeSelectComponent {
             />
           </span>
         } @else {
-          <span
+          <span fOverflowTitle
             class="flex-1 min-w-0 truncate text-left text-sm"
             [class.text-(--f-form-field-placeholder-color)]="
               !selectedPath().length
@@ -40928,7 +40997,7 @@ var CascadeSelectComponent = class CascadeSelectComponent {
                       (click)="onOptionClick(opt, $index)"
                       (mouseenter)="onOptionHover(opt, $index)"
                     >
-                      <span class="truncate">
+                      <span fOverflowTitle class="truncate">
                         @if (getChildren(opt, $index).length && groupTpl()) {
                           <ng-container
                             [ngTemplateOutlet]="groupTpl()"
@@ -40982,27 +41051,35 @@ var CascadeSelectComponent = class CascadeSelectComponent {
     </div>
   `,
 		isInline: true,
-		dependencies: [{
-			kind: "component",
-			type: UiIconComponent,
-			selector: "ui-icon",
-			inputs: [
-				"name",
-				"size",
-				"spin",
-				"fill",
-				"severity"
-			]
-		}, {
-			kind: "directive",
-			type: NgTemplateOutlet,
-			selector: "[ngTemplateOutlet]",
-			inputs: [
-				"ngTemplateOutletContext",
-				"ngTemplateOutlet",
-				"ngTemplateOutletInjector"
-			]
-		}]
+		dependencies: [
+			{
+				kind: "directive",
+				type: OverflowTitleDirective,
+				selector: "[fOverflowTitle]"
+			},
+			{
+				kind: "component",
+				type: UiIconComponent,
+				selector: "ui-icon",
+				inputs: [
+					"name",
+					"size",
+					"spin",
+					"fill",
+					"severity"
+				]
+			},
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			}
+		]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
@@ -41014,7 +41091,11 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "f-cascadeselect",
-			imports: [UiIconComponent, NgTemplateOutlet],
+			imports: [
+				OverflowTitleDirective,
+				UiIconComponent,
+				NgTemplateOutlet
+			],
 			providers: [{
 				provide: NG_VALUE_ACCESSOR,
 				useExisting: forwardRef(() => CascadeSelectComponent),
@@ -41040,7 +41121,7 @@ i0.ɵɵngDeclareClassMetadata({
         (keydown)="onKeyDown($event)"
       >
         @if (valueTpl()) {
-          <span class="flex-1 min-w-0 truncate text-left text-sm">
+          <span fOverflowTitle class="flex-1 min-w-0 truncate text-left text-sm">
             <ng-container
               [ngTemplateOutlet]="valueTpl()"
               [ngTemplateOutletContext]="{
@@ -41050,7 +41131,7 @@ i0.ɵɵngDeclareClassMetadata({
             />
           </span>
         } @else {
-          <span
+          <span fOverflowTitle
             class="flex-1 min-w-0 truncate text-left text-sm"
             [class.text-(--f-form-field-placeholder-color)]="
               !selectedPath().length
@@ -41121,7 +41202,7 @@ i0.ɵɵngDeclareClassMetadata({
                       (click)="onOptionClick(opt, $index)"
                       (mouseenter)="onOptionHover(opt, $index)"
                     >
-                      <span class="truncate">
+                      <span fOverflowTitle class="truncate">
                         @if (getChildren(opt, $index).length && groupTpl()) {
                           <ng-container
                             [ngTemplateOutlet]="groupTpl()"
@@ -49488,6 +49569,6 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => []
 });
-export { AURA_PRESET, AccordionComponent, AccordionContentComponent, AccordionContext, AccordionHeaderComponent, AccordionPanelComponent, AnimateOnScrollDirective, AutoCompleteComponent, AutoFocusDirective, AvatarComponent, AvatarGroupComponent, BadgeComponent, BlockUiComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CarouselComponent, CascadeSelectComponent, ChartComponent, CheckboxComponent, ChipComponent, ColorPickerComponent, ConfirmDialog, ConfirmPopupComponent, ConfirmationService, ContextMenuComponent, DYNAMIC_DIALOG_DATA, DYNAMIC_DIALOG_REF, DataViewComponent, DatePickerComponent, DialogComponent, DividerComponent, DockComponent, DrawerComponent, DynamicDialogComponent, DynamicDialogRef, DynamicDialogService, EditorComponent, FButtonDirective, FTemplateDirective, FieldsetComponent, FileUploadComponent, FloatLabelComponent, FluidComponent, GalleriaComponent, IconFieldComponent, IftaLabelComponent, ImageCompareComponent, ImageComponent, InplaceComponent, InputGroupAddonComponent, InputGroupComponent, InputIconComponent, InputMaskDirective, InputNumberComponent, InputOtpComponent, InputPasswordDirective, InputTextDirective, KeyFilterDirective, KnobComponent, LARA_PRESET, ListboxComponent, MegaMenuComponent, MenuComponent, MenubarComponent, MessageComponent, MessageService, MeterGroupComponent, MultiSelectComponent, NOIR_PRIMARY, NORA_PRESET, NgUIConfig, OrderListComponent, OrganizationChartComponent, OverlayBadgeComponent, OverlayStackService, PRESETS, PRESET_NAMES, PRIMARY_PALETTES, PaginatorComponent, PanelComponent, PanelMenuComponent, PasswordComponent, PickListComponent, PopoverComponent, ProgressSpinnerComponent, ProgressbarComponent, RadioButtonComponent, RatingComponent, RippleDirective, SURFACE_PALETTES, ScrollPanelComponent, ScrollTopComponent, ScrollerComponent, SelectButtonComponent, SelectComponent, SkeletonComponent, SliderComponent, SortIconComponent, SortableColumnDirective, SpeedDialComponent, SplitButtonComponent, SplitterComponent, SplitterPanelComponent, StepsComponent, StyleClassDirective, TabComponent, TabListComponent, TabPanelComponent, TabPanelsComponent, TableComponent, TabsComponent, TabsContext, TagComponent, TerminalComponent, TextareaDirective, TieredMenuComponent, TimelineComponent, ToastComponent, ToggleButtonComponent, ToggleSwitchComponent, ToolbarComponent, TooltipDirective, TreeComponent, TreeSelectComponent, TreeTableComponent, TreeTableService, TreeTableTogglerComponent, UiIconComponent, applyDarkSemantics, applyLightSemantics, applyPreset, applyPrimaryPalette, applySurfacePalette, applyTheme, attachOverlayPosition, buildBootstrapPreset, computeOverlayPlacement, overlayPlacementStyle, overlayPosition, provideNgUI };
+export { AURA_PRESET, AccordionComponent, AccordionContentComponent, AccordionContext, AccordionHeaderComponent, AccordionPanelComponent, AnimateOnScrollDirective, AutoCompleteComponent, AutoFocusDirective, AvatarComponent, AvatarGroupComponent, BadgeComponent, BlockUiComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CarouselComponent, CascadeSelectComponent, ChartComponent, CheckboxComponent, ChipComponent, ColorPickerComponent, ConfirmDialog, ConfirmPopupComponent, ConfirmationService, ContextMenuComponent, DYNAMIC_DIALOG_DATA, DYNAMIC_DIALOG_REF, DataViewComponent, DatePickerComponent, DialogComponent, DividerComponent, DockComponent, DrawerComponent, DynamicDialogComponent, DynamicDialogRef, DynamicDialogService, EditorComponent, FButtonDirective, FTemplateDirective, FieldsetComponent, FileUploadComponent, FloatLabelComponent, FluidComponent, GalleriaComponent, IconFieldComponent, IftaLabelComponent, ImageCompareComponent, ImageComponent, InplaceComponent, InputGroupAddonComponent, InputGroupComponent, InputIconComponent, InputMaskDirective, InputNumberComponent, InputOtpComponent, InputPasswordDirective, InputTextDirective, KeyFilterDirective, KnobComponent, LARA_PRESET, ListboxComponent, MegaMenuComponent, MenuComponent, MenubarComponent, MessageComponent, MessageService, MeterGroupComponent, MultiSelectComponent, NOIR_PRIMARY, NORA_PRESET, NgUIConfig, OrderListComponent, OrganizationChartComponent, OverflowTitleDirective, OverlayBadgeComponent, OverlayStackService, PRESETS, PRESET_NAMES, PRIMARY_PALETTES, PaginatorComponent, PanelComponent, PanelMenuComponent, PasswordComponent, PickListComponent, PopoverComponent, ProgressSpinnerComponent, ProgressbarComponent, RadioButtonComponent, RatingComponent, RippleDirective, SURFACE_PALETTES, ScrollPanelComponent, ScrollTopComponent, ScrollerComponent, SelectButtonComponent, SelectComponent, SkeletonComponent, SliderComponent, SortIconComponent, SortableColumnDirective, SpeedDialComponent, SplitButtonComponent, SplitterComponent, SplitterPanelComponent, StepsComponent, StyleClassDirective, TabComponent, TabListComponent, TabPanelComponent, TabPanelsComponent, TableComponent, TabsComponent, TabsContext, TagComponent, TerminalComponent, TextareaDirective, TieredMenuComponent, TimelineComponent, ToastComponent, ToggleButtonComponent, ToggleSwitchComponent, ToolbarComponent, TooltipDirective, TreeComponent, TreeSelectComponent, TreeTableComponent, TreeTableService, TreeTableTogglerComponent, UiIconComponent, applyDarkSemantics, applyLightSemantics, applyPreset, applyPrimaryPalette, applySurfacePalette, applyTheme, attachOverlayPosition, buildBootstrapPreset, computeOverlayPlacement, overlayPlacementStyle, overlayPosition, provideNgUI };
 
 //# sourceMappingURL=flusys-ng-ui.mjs.map