@flusys/ng-ui 8.0.0-beta.1 → 8.0.1

package/fesm2022/flusys-ng-ui.mjs

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
 import { signal, Service, makeEnvironmentProviders, provideAppInitializer, inject, PLATFORM_ID, input, booleanAttribute, computed, Component, output, contentChild, viewChild, effect, ElementRef, Directive, numberAttribute, afterNextRender, TemplateRef, contentChildren, DestroyRef, untracked, forwardRef, model, viewChildren, Renderer2, InjectionToken, Injector, SecurityContext } from '@angular/core';
 import { isPlatformBrowser, NgTemplateOutlet, DOCUMENT, NgComponentOutlet } from '@angular/common';
-import { LucideAlertCircle, LucideAlertTriangle, LucideAlignLeft, LucideAnchor, LucideAppWindow, LucideArrowDown, LucideArrowDownRight, LucideArrowLeft, LucideArrowRight, LucideArrowUp, LucideArrowUpRight, LucideBadge, LucideBadgeCheck, LucideBan, LucideBell, LucideBellOff, LucideBold, LucideBolt, LucideBook, LucideBriefcase, LucideBuilding, LucideBuilding2, LucideCalculator, LucideCalendar, LucideCarrot, LucideChartBar, LucideChartColumn, LucideChartLine, LucideCheck, LucideCheckCircle, LucideCheckSquare, LucideChevronDown, LucideChevronLeft, LucideChevronRight, LucideChevronUp, LucideChevronsDown, LucideChevronsLeft, LucideChevronsRight, LucideChevronsUp, LucideCircle, LucideClock, LucideCloud, LucideCloudUpload, LucideCode, LucideCog, LucideColumns, LucideCommand, LucideContainer, LucideContrast, LucideCookie, LucideCopy, LucideCurrency, LucideDatabase, LucideDelete, LucideDivide, LucideDollarSign, LucideDownload, LucideEllipse, LucideEllipsisVertical, LucideEraser, LucideExternalLink, LucideEye, LucideEyeOff, LucideFile, LucideFileEdit, LucideFilePen, LucideFileSpreadsheet, LucideFileType, LucideFiles, LucideFilter, LucideFocus, LucideFolder, LucideFolderOpen, LucideFolders, LucideForm, LucideGhost, LucideGlobe, LucideGrid, LucideGroup, LucideHeart, LucideHelpCircle, LucideHistory, LucideHome, LucideImage, LucideImageOff, LucideInbox, LucideInfo, LucideItalic, LucideKey, LucideLanguages, LucideLayout, LucideLayoutGrid, LucideLayoutPanelTop, LucideLink, LucideList, LucideListCheck, LucideListChecks, LucideListOrdered, LucideLoader, LucideLoaderCircle, LucideLock, LucideLogIn, LucideLogOut, LucideMail, LucideMapPin, LucideMaximize2, LucideMenu, LucideMessageCircle, LucideMinus, LucideMinusCircle, LucideMonitor, LucideMoon, LucideMoveHorizontal, LucideNavigation, LucideNetwork, LucideOption, LucidePalette, LucidePen, LucidePencil, LucidePercent, LucidePhone, LucidePin, LucidePlay, LucidePlus, LucidePlusCircle, LucidePresentation, LucideQuote, LucideRadar, LucideRadio, LucideRadius, LucideRedo, LucideRefreshCw, LucideReply, LucideRocket, LucideRose, LucideRotateCcw, LucideRotateCw, LucideRows, LucideSave, LucideScroll, LucideSearch, LucideSection, LucideSend, LucideServer, LucideSettings, LucideShield, LucideSidebar, LucideSlidersHorizontal, LucideSmartphone, LucideSparkles, LucideSquare, LucideSquareStack, LucideStar, LucideStars, LucideStone, LucideSun, LucideTable, LucideTable2, LucideTablet, LucideTag, LucideTags, LucideTarget, LucideText, LucideTrash, LucideTrash2, LucideType, LucideUnderline, LucideUndo, LucideUpload, LucideUser, LucideUsers, LucideVerified, LucideVideo, LucideVolume2, LucideX, LucideXCircle, LucideZap, LucideZoomIn, LucideZoomOut, LucideDynamicIcon, provideLucideIcons } from '@lucide/angular';
+import * as lucideNamespace from '@lucide/angular';
+import { isLucideIconComponent, LucideDynamicIcon, provideLucideIcons } from '@lucide/angular';
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -799,53 +800,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }] } });
 
-const allLucideIcons = [
-    LucideAlertCircle, LucideAlertTriangle, LucideAlignLeft, LucideAnchor,
-    LucideAppWindow, LucideArrowDown, LucideArrowDownRight, LucideArrowLeft,
-    LucideArrowRight, LucideArrowUp, LucideArrowUpRight, LucideBadge,
-    LucideBadgeCheck, LucideBan, LucideBell, LucideBellOff,
-    LucideBold, LucideBolt, LucideBook, LucideBriefcase,
-    LucideBuilding, LucideBuilding2, LucideCalculator, LucideCalendar,
-    LucideCarrot, LucideChartBar, LucideChartColumn, LucideChartLine,
-    LucideCheck, LucideCheckCircle, LucideCheckSquare, LucideChevronDown,
-    LucideChevronLeft, LucideChevronRight, LucideChevronUp, LucideChevronsDown,
-    LucideChevronsLeft, LucideChevronsRight, LucideChevronsUp, LucideCircle,
-    LucideClock, LucideCloud, LucideCloudUpload, LucideCode,
-    LucideCog, LucideColumns, LucideCommand, LucideContainer,
-    LucideContrast, LucideCookie, LucideCopy, LucideCurrency,
-    LucideDatabase, LucideDelete, LucideDivide, LucideDollarSign,
-    LucideDownload, LucideEllipse, LucideEllipsisVertical, LucideEraser,
-    LucideExternalLink, LucideEye, LucideEyeOff, LucideFile,
-    LucideFileEdit, LucideFilePen, LucideFileSpreadsheet, LucideFileType,
-    LucideFiles, LucideFilter, LucideFocus, LucideFolder,
-    LucideFolderOpen, LucideFolders, LucideForm, LucideGhost,
-    LucideGlobe, LucideGrid, LucideGroup, LucideHeart,
-    LucideHelpCircle, LucideHistory, LucideHome, LucideImage,
-    LucideImageOff, LucideInbox, LucideInfo, LucideItalic,
-    LucideKey, LucideLanguages, LucideLayout, LucideLayoutGrid,
-    LucideLayoutPanelTop, LucideLink, LucideList, LucideListCheck,
-    LucideListChecks, LucideListOrdered, LucideLoader, LucideLoaderCircle,
-    LucideLock, LucideLogIn, LucideLogOut, LucideMail,
-    LucideMapPin, LucideMaximize2, LucideMenu, LucideMessageCircle,
-    LucideMinus, LucideMinusCircle, LucideMonitor, LucideMoon,
-    LucideMoveHorizontal, LucideNavigation, LucideNetwork, LucideOption,
-    LucidePalette, LucidePen, LucidePencil, LucidePercent,
-    LucidePhone, LucidePin, LucidePlay, LucidePlus,
-    LucidePlusCircle, LucidePresentation, LucideQuote, LucideRadar,
-    LucideRadio, LucideRadius, LucideRedo, LucideRefreshCw,
-    LucideReply, LucideRocket, LucideRose, LucideRotateCcw,
-    LucideRotateCw, LucideRows, LucideSave, LucideScroll,
-    LucideSearch, LucideSection, LucideSend, LucideServer,
-    LucideSettings, LucideShield, LucideSidebar, LucideSlidersHorizontal,
-    LucideSmartphone, LucideSparkles, LucideSquare, LucideSquareStack,
-    LucideStar, LucideStars, LucideStone, LucideSun,
-    LucideTable, LucideTable2, LucideTablet, LucideTag,
-    LucideTags, LucideTarget, LucideText, LucideTrash,
-    LucideTrash2, LucideType, LucideUnderline, LucideUndo,
-    LucideUpload, LucideUser, LucideUsers, LucideVerified,
-    LucideVideo, LucideVolume2, LucideX, LucideXCircle,
-    LucideZap, LucideZoomIn, LucideZoomOut,
-];
+// `filter`'s type-guard overload can't narrow a ~1700-member union of exact
+// icon-class types against the broader `LucideIcon` interface, so the guard
+// still runs at runtime but the result needs an explicit cast.
+const allLucideIcons = Object.values(lucideNamespace).filter(isLucideIconComponent);
 const PI_TO_LUCIDE = {
     'align-left': 'align-left',
     'angle-double-left': 'chevrons-left',
@@ -6832,6 +6790,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
         }], propDecorators: { stars: [{ type: i0.Input, args: [{ isSignal: true, alias: "stars", required: false }] }], cancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancel", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], iconOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOn", required: false }] }], iconOff: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOff", required: false }] }], cancelIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelIcon", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], onRate: [{ type: i0.Output, args: ["onRate"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }] } });
 
 class InputIconComponent {
+    _iconField = inject(IconFieldComponent, { optional: true });
     icon = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     position = input('left', /* @ts-ignore */
@@ -6840,8 +6799,10 @@ class InputIconComponent {
     ...(ngDevMode ? [{ debugName: "styleClass" }] : /* istanbul ignore next */ []));
     style = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
+    _resolvedPosition = computed(() => this._iconField?.resolvedPosition() ?? this.position(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedPosition" }] : /* istanbul ignore next */ []));
     hostClass = computed(() => {
-        const sideClass = this.position() === 'right'
+        const sideClass = this._resolvedPosition() === 'right'
             ? 'right-(--f-field-padding-x)'
             : 'left-(--f-field-padding-x)';
         return `absolute ${sideClass} top-1/2 -translate-y-1/2 text-(--f-form-field-placeholder-color) ${this.styleClass()}`;
@@ -6877,14 +6838,10 @@ class IconFieldComponent {
     ...(ngDevMode ? [{ debugName: "iconPosition" }] : /* istanbul ignore next */ []));
     styleClass = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    _resolvedPosition = computed(() => this.iconPosition() || this._icon()?.position() || 'left', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_resolvedPosition" }] : /* istanbul ignore next */ []));
+    resolvedPosition = computed(() => this.iconPosition() || this._icon()?.position() || 'left', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedPosition" }] : /* istanbul ignore next */ []));
     hostClass = computed(() => {
-        // One icon slot wide, measured from the field's own inline padding so the gap
-        // between icon and text stays constant in every preset. Spelled out in full:
-        // Tailwind generates a utility only for class names it can find verbatim in the
-        // source, so an interpolated one silently produces no CSS at all.
-        const paddingClass = this._resolvedPosition() === 'right'
+        const paddingClass = this.resolvedPosition() === 'right'
             ? '[&_input]:pr-[calc(var(--f-field-padding-x)+1.5rem)] [&_textarea]:pr-[calc(var(--f-field-padding-x)+1.5rem)]'
             : '[&_input]:pl-[calc(var(--f-field-padding-x)+1.5rem)] [&_textarea]:pl-[calc(var(--f-field-padding-x)+1.5rem)]';
         return `relative flex items-center ${paddingClass} ${this.styleClass()}`;