@shival99/z-ui 1.3.21 → 1.3.23

package/fesm2022/shival99-z-ui-components-z-icon.mjs

@@ -5,7 +5,7 @@ import { zMergeClasses } from '@shival99/z-ui/utils';
 import { cva } from 'class-variance-authority';
 import { saxRefreshBold, saxCloudChangeBold, saxPauseBold } from '@ng-icons/iconsax/bold';
 import { saxEditOutline } from '@ng-icons/iconsax/outline';
-import { lucideHelpCircle, lucideFolder, lucideCircle, lucideUserSquare, lucideEllipsisVertical, lucideSquarePlay, lucidePlay, lucideAudioLines, lucideMic, lucideMessageSquareText, lucideWandSparkles, lucideSparkle, lucideDumbbell, lucideCpu, lucideBrainCog, lucideBrainCircuit, lucideBrain, lucideBotOff, lucideBotMessageSquare, lucidePlug2, lucidePlug, lucideRecycle, lucideIdCard, lucideContact, lucideClipboardCopy, lucideBadge, lucideZoomOut, lucideZoomIn, lucideWand2, lucideTicket, lucideTags, lucideTag, lucideShoppingBag, lucidePackageCheck, lucideClipboardPen, lucideReceipt, lucidePercent, lucideType, lucideBuilding, lucideBan, lucideFunnelX, lucideFilter, lucideAlertTriangle, lucideGitBranch, lucideMoreVertical, lucideSearchX, lucidePin, lucideGripVertical, lucideTable2, lucideFileArchive, lucideFileJson, lucideFileCode, lucideMusic, lucideFile, lucideDownload, lucideUploadCloud, lucideUpload, lucideToggleLeft, lucideCircleDot, lucideSquareCheck, lucideSparkles, lucideFolders, lucideUserSearch, lucidePieChart, lucideTextCursor, lucideListFilter, lucideNavigation, lucideFileEdit, lucideSliders, lucideCheckCircle, lucideFolderTree, lucideGrid3x3, lucideUsers2, lucideBarChart3, lucideRocket, lucideSquare, lucidePenTool, lucideMegaphone, lucideHash, lucideList, lucideImage, lucideGripHorizontal, lucideCircleHelp, lucideFileOutput, lucideLayoutTemplate, lucideSquarePen, lucideFolderOpen, lucideHome, lucideBarChart, lucideCloud, lucideLifeBuoy, lucideGithub, lucideLoader2, lucidePanelRightOpen, lucideComponent, lucideMessageCircleQuestion, lucideCircleAlert, lucideMessageCircle, lucideAlertOctagon, lucideLoader, lucideMoon, lucideSun, lucideListChevronsUpDown, lucideListChevronsDownUp, lucideFileCheck, lucideDatabaseBackup, lucideLink, lucideXCircle, lucideAlertCircle, lucideCheckCircle2, lucideBell, lucideChartColumnIncreasing, lucideBrushCleaning, lucideFastForward, lucideListChecks, lucideRefreshCwOff, lucideFileClock, lucideBookUp2, lucideFilePlus2, lucideFilePlus, lucideListPlus, lucideScanLine, lucideQrCode, lucideScanQrCode, lucideCode, lucideBarcode, lucideHardDriveDownload, lucideMailPlus, lucideCloudCheck, lucideWifiZero, lucideFileSymlink, lucideLockKeyholeOpen, lucideBadgeX, lucideCircleCheckBig, lucideShieldCheck, lucideBadgeCheck, lucideCheckLine, lucideCircleX, lucideArrowDownUp, lucideFilePenLine, lucideUserRoundPen, lucideCopy, lucidePaperclip, lucidePause, lucideSend, lucideBot, lucideTableOfContents, lucideFileUp, lucideNotepadText, lucideCalendarCheck, lucideCalendar1, lucideCalendarRange, lucideChartLine, lucideChartPie, lucideChartBar, lucideHouse, lucideCircleCheck, lucideUserLock, lucideArrowUp, lucideArrowDown, lucideLockKeyhole, lucideRefreshCcw, lucideWifi, lucideTruck, lucideTerminal, lucideTablet, lucideSmartphone, lucideServerCrash, lucideServer, lucideRadio, lucidePrinter, lucidePhoneCall, lucidePalette, lucideNetwork, lucideMailCheck, lucideLightbulb, lucideKey, lucideHeadphones, lucideLanguages, lucideGlobe, lucideFileSpreadsheet, lucideCreditCard, lucideCar, lucideBuilding2, lucideWrench, lucideWallet, lucideVideo, lucideUserPlus, lucideTrendingDown, lucideTimer, lucideStethoscope, lucideStar, lucideShield, lucidePhone, lucideMonitor, lucideMapPin, lucideHospital, lucideHeart, lucideGraduationCap, lucideFileText, lucideDollarSign, lucideDatabase, lucideClipboardList, lucideCalculator, lucideCalendar, lucideBookOpen, lucideClock, lucideInbox, lucidePackageOpen, lucideBellMinus, lucideCog, lucideBox, lucideMinus, lucideBadgeInfo, lucideCrown, lucideFiles, lucideX, lucideAlignJustify, lucideFunnel, lucideFileDown, lucideTrash2, lucideSlidersHorizontal, lucideBellRing, lucideChevronsRight, lucideChevronsLeft, lucideLoaderCircle, lucideWarehouse, lucideWorkflow, lucideTarget, lucideBriefcase, lucideLayers, lucideInfo, lucideMousePointer, lucideZap, lucideActivity, lucideUserCheck, lucideShoppingCart, lucidePackage, lucideTrendingUp, lucideChevronUp, lucideLogs, lucideUsersRound, lucideChartColumn, lucideLayoutDashboard, lucidePanelLeftOpen, lucidePanelLeftClose, lucideEllipsis, lucideEyeOff, lucideEye, lucideUsers, lucideSearch, lucidePlus, lucideChevronDown, lucideChevronRight, lucideChevronLeft, lucideSettings2, lucideCalendarFold, lucidePill, lucideSettings, lucideUser, lucideLogOut, lucideLock, lucideMenu, lucideArrowRight, lucideArrowLeft, lucideLayoutGrid, lucideMail, lucidePencil, lucideCheck, lucideMessageSquareWarning, lucideTriangleAlert, lucideCheckCheck, lucideMessageSquareDot, lucideFlagTriangleRight, lucideFlag, lucideSaveAll, lucideSave, lucideClipboardPlus, lucideAlarmClock, lucideBookCheck, lucideChartBarStacked, lucideStore, lucideLayers2 } from '@ng-icons/lucide';
+import { lucideCalendarDays, lucideHelpCircle, lucideFolder, lucideCircle, lucideUserSquare, lucideEllipsisVertical, lucideSquarePlay, lucidePlay, lucideAudioLines, lucideMic, lucideMessageSquareText, lucideWandSparkles, lucideSparkle, lucideDumbbell, lucideCpu, lucideBrainCog, lucideBrainCircuit, lucideBrain, lucideBotOff, lucideBotMessageSquare, lucidePlug2, lucidePlug, lucideRecycle, lucideIdCard, lucideContact, lucideClipboardCopy, lucideBadge, lucideZoomOut, lucideZoomIn, lucideWand2, lucideTicket, lucideTags, lucideTag, lucideShoppingBag, lucidePackageCheck, lucideClipboardPen, lucideReceipt, lucidePercent, lucideType, lucideBuilding, lucideBan, lucideFunnelX, lucideFilter, lucideAlertTriangle, lucideGitBranch, lucideMoreVertical, lucideSearchX, lucidePin, lucideGripVertical, lucideTable2, lucideFileArchive, lucideFileJson, lucideFileCode, lucideMusic, lucideFile, lucideDownload, lucideUploadCloud, lucideUpload, lucideToggleLeft, lucideCircleDot, lucideSquareCheck, lucideSparkles, lucideFolders, lucideUserSearch, lucidePieChart, lucideTextCursor, lucideListFilter, lucideNavigation, lucideFileEdit, lucideSliders, lucideCheckCircle, lucideFolderTree, lucideGrid3x3, lucideUsers2, lucideBarChart3, lucideRocket, lucideSquare, lucidePenTool, lucideMegaphone, lucideHash, lucideList, lucideImage, lucideGripHorizontal, lucideCircleHelp, lucideFileOutput, lucideLayoutTemplate, lucideSquarePen, lucideFolderOpen, lucideHome, lucideBarChart, lucideCloud, lucideLifeBuoy, lucideGithub, lucideLoader2, lucidePanelRightOpen, lucideComponent, lucideMessageCircleQuestion, lucideCircleAlert, lucideMessageCircle, lucideAlertOctagon, lucideLoader, lucideMoon, lucideSun, lucideListChevronsUpDown, lucideListChevronsDownUp, lucideFileCheck, lucideDatabaseBackup, lucideLink, lucideXCircle, lucideAlertCircle, lucideCheckCircle2, lucideBell, lucideChartColumnIncreasing, lucideBrushCleaning, lucideFastForward, lucideListChecks, lucideRefreshCwOff, lucideFileClock, lucideBookUp2, lucideFilePlus2, lucideFilePlus, lucideListPlus, lucideScanLine, lucideQrCode, lucideScanQrCode, lucideCode, lucideBarcode, lucideHardDriveDownload, lucideMailPlus, lucideCloudCheck, lucideWifiZero, lucideFileSymlink, lucideLockKeyholeOpen, lucideBadgeX, lucideCircleCheckBig, lucideShieldCheck, lucideBadgeCheck, lucideCheckLine, lucideCircleX, lucideArrowDownUp, lucideFilePenLine, lucideUserRoundPen, lucideCopy, lucidePaperclip, lucidePause, lucideSend, lucideBot, lucideTableOfContents, lucideFileUp, lucideNotepadText, lucideCalendarCheck, lucideCalendar1, lucideCalendarRange, lucideChartLine, lucideChartPie, lucideChartBar, lucideHouse, lucideCircleCheck, lucideUserLock, lucideArrowUp, lucideArrowDown, lucideLockKeyhole, lucideRefreshCcw, lucideWifi, lucideTruck, lucideTerminal, lucideTablet, lucideSmartphone, lucideServerCrash, lucideServer, lucideRadio, lucidePrinter, lucidePhoneCall, lucidePalette, lucideNetwork, lucideMailCheck, lucideLightbulb, lucideKey, lucideHeadphones, lucideLanguages, lucideGlobe, lucideFileSpreadsheet, lucideCreditCard, lucideCar, lucideBuilding2, lucideWrench, lucideWallet, lucideVideo, lucideUserPlus, lucideTrendingDown, lucideTimer, lucideStethoscope, lucideStar, lucideShield, lucidePhone, lucideMonitor, lucideMapPin, lucideHospital, lucideHeart, lucideGraduationCap, lucideFileText, lucideDollarSign, lucideDatabase, lucideClipboardList, lucideCalculator, lucideCalendar, lucideBookOpen, lucideClock, lucideInbox, lucidePackageOpen, lucideBellMinus, lucideCog, lucideBox, lucideMinus, lucideBadgeInfo, lucideCrown, lucideFiles, lucideX, lucideAlignJustify, lucideFunnel, lucideFileDown, lucideTrash2, lucideSlidersHorizontal, lucideBellRing, lucideChevronsRight, lucideChevronsLeft, lucideLoaderCircle, lucideWarehouse, lucideWorkflow, lucideTarget, lucideBriefcase, lucideLayers, lucideInfo, lucideMousePointer, lucideZap, lucideActivity, lucideUserCheck, lucideShoppingCart, lucidePackage, lucideTrendingUp, lucideChevronUp, lucideLogs, lucideUsersRound, lucideChartColumn, lucideLayoutDashboard, lucidePanelLeftOpen, lucidePanelLeftClose, lucideEllipsis, lucideEyeOff, lucideEye, lucideUsers, lucideSearch, lucidePlus, lucideChevronDown, lucideChevronRight, lucideChevronLeft, lucideSettings2, lucideCalendarFold, lucidePill, lucideSettings, lucideUser, lucideLogOut, lucideLock, lucideMenu, lucideArrowRight, lucideArrowLeft, lucideLayoutGrid, lucideMail, lucidePencil, lucideCheck, lucideMessageSquareWarning, lucideTriangleAlert, lucideCheckCheck, lucideMessageSquareDot, lucideFlagTriangleRight, lucideFlag, lucideSaveAll, lucideSave, lucideClipboardPlus, lucideAlarmClock, lucideBookCheck, lucideChartBarStacked, lucideStore, lucideLayers2 } from '@ng-icons/lucide';
 import { HttpClient } from '@angular/common/http';
 import { ZIndexDbService } from '@shival99/z-ui/services';
 import { from, switchMap, of, map, tap, catchError } from 'rxjs';
@@ -358,6 +358,7 @@ const Z_ICONS = {
     lucideCircle,
     lucideFolder,
     lucideHelpCircle,
+    lucideCalendarDays,
 };
 
 const iconCacheDb = new ZIndexDbService({

package/fesm2022/shival99-z-ui-components-z-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-components-z-icon.mjs","sources":["../../../../libs/core-ui/components/z-icon/z-icon.variants.ts","../../../../libs/core-ui/components/z-icon/z-icon.component.ts","../../../../libs/core-ui/components/z-icon/z-icon.component.html","../../../../libs/core-ui/components/z-icon/z-icons.ts","../../../../libs/core-ui/components/z-icon/z-icon-loader.provider.ts","../../../../libs/core-ui/components/z-icon/shival99-z-ui-components-z-icon.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zIconVariants = cva('', {\n  variants: {\n    zSize: {\n      '10': 'size-10',\n      '11': 'size-11',\n      '12': 'size-12',\n      '13': 'size-13',\n      '14': 'size-14',\n      '15': 'size-15',\n      '16': 'size-16',\n      '17': 'size-17',\n      '18': 'size-18',\n      '19': 'size-19',\n      '20': 'size-20',\n      '21': 'size-21',\n      '22': 'size-22',\n      '23': 'size-23',\n      '24': 'size-24',\n      '25': 'size-25',\n      '26': 'size-26',\n      '27': 'size-27',\n      '28': 'size-28',\n      '29': 'size-29',\n      '30': 'size-30',\n      '31': 'size-31',\n      '32': 'size-32',\n      '33': 'size-33',\n      '34': 'size-34',\n      '35': 'size-35',\n      '36': 'size-36',\n      '37': 'size-37',\n      '38': 'size-38',\n      '39': 'size-39',\n      '40': 'size-40',\n    },\n  },\n  defaultVariants: {\n    zSize: '16',\n  },\n});\n\nexport type ZIconVariants = VariantProps<typeof zIconVariants>;\n","import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { NgIconComponent as NgIcon } from '@ng-icons/core';\nimport { zMergeClasses } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport { zIconVariants, ZIconVariants } from './z-icon.variants';\nimport { type ZIcon } from './z-icons';\n\n@Component({\n  selector: 'z-icon, [z-icon]',\n  imports: [NgIcon],\n  standalone: true,\n  templateUrl: './z-icon.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'zClasses()',\n    '[style.width]': 'zSize() + \"px\"',\n    '[style.height]': 'zSize() + \"px\"',\n  },\n})\nexport class ZIconComponent {\n  public readonly class = input<ClassValue>('');\n  public readonly zType = input<ZIcon>();\n  public readonly zSize = input<ZIconVariants['zSize']>('16');\n  public readonly zStrokeWidth = input<number>(2);\n  public readonly zSvg = input<string>('');\n\n  protected readonly zClasses = computed(() =>\n    zMergeClasses(\n      zIconVariants({ zSize: this.zSize() }),\n      this.class(),\n      this.zStrokeWidth() === 0 ? 'stroke-none' : '',\n      'inline-flex shrink-0'\n    )\n  );\n}\n","@if (zSvg()) {\n  <ng-icon [svg]=\"zSvg()\" [size]=\"zSize() || '16'\" [strokeWidth]=\"zStrokeWidth()\" />\n} @else {\n  <ng-icon [name]=\"zType()\" [size]=\"zSize() || '16'\" [strokeWidth]=\"zStrokeWidth()\" />\n}\n","import { type IconType } from '@ng-icons/core';\nimport { saxCloudChangeBold, saxPauseBold, saxRefreshBold } from '@ng-icons/iconsax/bold';\nimport { saxEditOutline } from '@ng-icons/iconsax/outline';\nimport {\n  lucideHelpCircle,\n  lucideCircle,\n  lucideMoreVertical,\n  lucideSearchX,\n  lucidePin,\n  lucideGripVertical,\n  lucideSparkles,\n  lucideList,\n  lucideHash,\n  lucideImage,\n  lucideGripHorizontal,\n  lucideHome,\n  lucideFolderOpen,\n  lucideGithub,\n  lucideLifeBuoy,\n  lucideCloud,\n  lucideActivity,\n  lucideAlarmClock,\n  lucideAlertCircle,\n  lucideAlertOctagon,\n  lucideAlignJustify,\n  lucideArrowDown,\n  lucideArrowDownUp,\n  lucideArrowLeft,\n  lucideArrowRight,\n  lucideArrowUp,\n  lucideBadgeCheck,\n  lucideBadgeInfo,\n  lucideBadgeX,\n  lucideBarcode,\n  lucideBell,\n  lucideBellMinus,\n  lucideBellRing,\n  lucideBookCheck,\n  lucideBookOpen,\n  lucideBookUp2,\n  lucideBot,\n  lucideBotMessageSquare,\n  lucideBotOff,\n  lucideBrain,\n  lucideBrainCircuit,\n  lucideBrainCog,\n  lucideBox,\n  lucideBriefcase,\n  lucideBrushCleaning,\n  lucideBuilding2,\n  lucideCalculator,\n  lucideCalendar,\n  lucideCalendar1,\n  lucideCalendarCheck,\n  lucideCalendarFold,\n  lucideCalendarRange,\n  lucideCar,\n  lucideChartBar,\n  lucideChartBarStacked,\n  lucideChartColumn,\n  lucideChartColumnIncreasing,\n  lucideChartLine,\n  lucideChartPie,\n  lucideCheck,\n  lucideEllipsisVertical,\n  lucideCheckCheck,\n  lucideCheckCircle2,\n  lucideCheckLine,\n  lucideChevronDown,\n  lucideChevronLeft,\n  lucideChevronRight,\n  lucideChevronsLeft,\n  lucideChevronsRight,\n  lucideChevronUp,\n  lucideCircleAlert,\n  lucideCircleCheck,\n  lucideCircleCheckBig,\n  lucideCircleX,\n  lucideClipboardList,\n  lucideClipboardPlus,\n  lucideClock,\n  lucideCloudCheck,\n  lucideCode,\n  lucideCog,\n  lucideComponent,\n  lucideCopy,\n  lucideCreditCard,\n  lucideCrown,\n  lucideDatabase,\n  lucideDatabaseBackup,\n  lucideDollarSign,\n  lucideEllipsis,\n  lucideEye,\n  lucideEyeOff,\n  lucideFastForward,\n  lucideFileCheck,\n  lucideFileClock,\n  lucideFileDown,\n  lucideFilePenLine,\n  lucideFilePlus,\n  lucideFilePlus2,\n  lucideFiles,\n  lucideFileSpreadsheet,\n  lucideFileSymlink,\n  lucideFileText,\n  lucideFileUp,\n  lucideFlag,\n  lucideFlagTriangleRight,\n  lucideFilter,\n  lucideFunnel,\n  lucideFunnelX,\n  lucideGlobe,\n  lucideLanguages,\n  lucideGraduationCap,\n  lucideHardDriveDownload,\n  lucideHeadphones,\n  lucideHeart,\n  lucideHospital,\n  lucideHouse,\n  lucideInbox,\n  lucideInfo,\n  lucideKey,\n  lucideLayers,\n  lucideLayers2,\n  lucideLayoutDashboard,\n  lucideLayoutGrid,\n  lucideLightbulb,\n  lucideLink,\n  lucideListChecks,\n  lucideListChevronsDownUp,\n  lucideListChevronsUpDown,\n  lucideListPlus,\n  lucideLoader,\n  lucideLoader2,\n  lucideLoaderCircle,\n  lucideLock,\n  lucideLockKeyhole,\n  lucideLockKeyholeOpen,\n  lucideLogOut,\n  lucideLogs,\n  lucideMail,\n  lucideMailCheck,\n  lucideMailPlus,\n  lucideMapPin,\n  lucideMenu,\n  lucideMessageCircle,\n  lucideMessageCircleQuestion,\n  lucideMessageSquareDot,\n  lucideMessageSquareWarning,\n  lucideMinus,\n  lucideMonitor,\n  lucideMoon,\n  lucideMousePointer,\n  lucideNetwork,\n  lucideNotepadText,\n  lucidePackage,\n  lucidePackageOpen,\n  lucidePalette,\n  lucidePanelLeftClose,\n  lucidePanelLeftOpen,\n  lucidePanelRightOpen,\n  lucidePaperclip,\n  lucidePause,\n  lucidePencil,\n  lucidePhone,\n  lucidePhoneCall,\n  lucidePill,\n  lucidePlus,\n  lucidePrinter,\n  lucideQrCode,\n  lucideRadio,\n  lucideRefreshCcw,\n  lucideRefreshCwOff,\n  lucideSave,\n  lucideSaveAll,\n  lucideScanLine,\n  lucideScanQrCode,\n  lucideSearch,\n  lucideSend,\n  lucideServer,\n  lucideServerCrash,\n  lucideSettings,\n  lucideSettings2,\n  lucideShield,\n  lucideShieldCheck,\n  lucideShoppingCart,\n  lucideSlidersHorizontal,\n  lucideSmartphone,\n  lucideStar,\n  lucideStethoscope,\n  lucideStore,\n  lucideSun,\n  lucideTableOfContents,\n  lucideTablet,\n  lucideTarget,\n  lucideTerminal,\n  lucideTimer,\n  lucideTrash2,\n  lucideTrendingDown,\n  lucideTrendingUp,\n  lucideTriangleAlert,\n  lucideTruck,\n  lucideUser,\n  lucideUserCheck,\n  lucideUserLock,\n  lucideUserPlus,\n  lucideUserRoundPen,\n  lucideUsers,\n  lucideUsersRound,\n  lucideVideo,\n  lucideWallet,\n  lucideWarehouse,\n  lucideWifi,\n  lucideWifiZero,\n  lucideWorkflow,\n  lucideWrench,\n  lucideX,\n  lucideXCircle,\n  lucideZap,\n  lucideBarChart,\n  lucideFileOutput,\n  lucideLayoutTemplate,\n  lucideSquarePen,\n  lucideCircleHelp,\n  lucideMegaphone,\n  lucideSquare,\n  lucidePenTool,\n  lucideRocket,\n  lucideBarChart3,\n  lucideCheckCircle,\n  lucideFolderTree,\n  lucideGrid3x3,\n  lucideSliders,\n  lucideUsers2,\n  lucideFileEdit,\n  lucideNavigation,\n  lucideListFilter,\n  lucideTextCursor,\n  lucidePieChart,\n  lucideFolders,\n  lucideUserSearch,\n  lucideSquareCheck,\n  lucideCircleDot,\n  lucideToggleLeft,\n  lucideUpload,\n  lucideUploadCloud,\n  lucideDownload,\n  lucideFile,\n  lucideMusic,\n  lucideFileCode,\n  lucideFileJson,\n  lucideFileArchive,\n  lucideTable2,\n  lucideGitBranch,\n  lucideAlertTriangle,\n  lucideBan,\n  lucideBuilding,\n  lucideType,\n  lucidePercent,\n  lucideReceipt,\n  lucideClipboardPen,\n  lucidePackageCheck,\n  lucideShoppingBag,\n  lucideTag,\n  lucideTags,\n  lucideTicket,\n  lucideWand2,\n  lucideZoomIn,\n  lucideZoomOut,\n  lucideBadge,\n  lucideClipboardCopy,\n  lucideContact,\n  lucideIdCard,\n  lucideRecycle,\n  lucidePlug2,\n  lucidePlug,\n  lucideCpu,\n  lucideDumbbell,\n  lucideSparkle,\n  lucideWandSparkles,\n  lucideMessageSquareText,\n  lucideMic,\n  lucideAudioLines,\n  lucidePlay,\n  lucideSquarePlay,\n  lucideUserSquare,\n  lucideFolder,\n} from '@ng-icons/lucide';\n\nexport const Z_ICONS = {\n  lucideLayers2,\n  lucideStore,\n  lucideChartBarStacked,\n  lucideBookCheck,\n  lucideAlarmClock,\n  lucideClipboardPlus,\n  lucideSave,\n  lucideSaveAll,\n  lucideFlag,\n  lucideFlagTriangleRight,\n  lucideMessageSquareDot,\n  lucideCheckCheck,\n  lucideTriangleAlert,\n  lucideMessageSquareWarning,\n  lucideCheck,\n  lucidePencil,\n  lucideMail,\n  lucideLayoutGrid,\n  lucideArrowLeft,\n  lucideArrowRight,\n  lucideMenu,\n  lucideLock,\n  lucideLogOut,\n  lucideUser,\n  lucideSettings,\n  lucidePill,\n  lucideCalendarFold,\n  lucideSettings2,\n  lucideChevronLeft,\n  lucideChevronRight,\n  lucideChevronDown,\n  lucidePlus,\n  lucideSearch,\n  lucideUsers,\n  lucideEye,\n  lucideEyeOff,\n  lucideEllipsis,\n  lucidePanelLeftClose,\n  lucidePanelLeftOpen,\n  lucideLayoutDashboard,\n  lucideChartColumn,\n  lucideUsersRound,\n  lucideLogs,\n  lucideChevronUp,\n  lucideTrendingUp,\n  lucidePackage,\n  lucideShoppingCart,\n  lucideUserCheck,\n  lucideActivity,\n  lucideZap,\n  lucideMousePointer,\n  lucideInfo,\n  lucideLayers,\n  lucideBriefcase,\n  lucideTarget,\n  lucideWorkflow,\n  lucideWarehouse,\n  lucideLoaderCircle,\n  lucideChevronsLeft,\n  lucideChevronsRight,\n  lucideBellRing,\n  lucideSlidersHorizontal,\n  lucideTrash2,\n  lucideFileDown,\n  lucideFunnel,\n  lucideAlignJustify,\n  lucideX,\n  lucideFiles,\n  lucideCrown,\n  lucideBadgeInfo,\n  lucideMinus,\n  lucideBox,\n  lucideCog,\n  lucideBellMinus,\n  lucidePackageOpen,\n  lucideInbox,\n  lucideClock,\n  lucideBookOpen,\n  lucideCalendar,\n  lucideCalculator,\n  lucideClipboardList,\n  lucideDatabase,\n  lucideDollarSign,\n  lucideFileText,\n  lucideGraduationCap,\n  lucideHeart,\n  lucideHospital,\n  lucideMapPin,\n  lucideMonitor,\n  lucidePhone,\n  lucideShield,\n  lucideStar,\n  lucideStethoscope,\n  lucideTimer,\n  lucideTrendingDown,\n  lucideUserPlus,\n  lucideVideo,\n  lucideWallet,\n  lucideWrench,\n  lucideBuilding2,\n  lucideCar,\n  lucideCreditCard,\n  lucideFileSpreadsheet,\n  lucideGlobe,\n  lucideLanguages,\n  lucideHeadphones,\n  lucideKey,\n  lucideLightbulb,\n  lucideMailCheck,\n  lucideNetwork,\n  lucidePalette,\n  lucidePhoneCall,\n  lucidePrinter,\n  lucideRadio,\n  lucideServer,\n  lucideServerCrash,\n  lucideSmartphone,\n  lucideTablet,\n  lucideTerminal,\n  lucideTruck,\n  lucideWifi,\n  lucideRefreshCcw,\n  lucideLockKeyhole,\n  lucideArrowDown,\n  lucideArrowUp,\n  lucideUserLock,\n  lucideCircleCheck,\n  lucideHouse,\n  lucideChartBar,\n  lucideChartPie,\n  lucideChartLine,\n  lucideCalendarRange,\n  lucideCalendar1,\n  lucideCalendarCheck,\n  lucideNotepadText,\n  lucideFileUp,\n  lucideTableOfContents,\n  lucideBot,\n  lucideSend,\n  lucidePause,\n  lucidePaperclip,\n  saxPauseBold,\n  lucideCopy,\n  lucideUserRoundPen,\n  lucideFilePenLine,\n  lucideArrowDownUp,\n  lucideCircleX,\n  lucideCheckLine,\n  lucideBadgeCheck,\n  lucideShieldCheck,\n  lucideCircleCheckBig,\n  lucideBadgeX,\n  lucideLockKeyholeOpen,\n  lucideFileSymlink,\n  lucideWifiZero,\n  lucideCloudCheck,\n  lucideMailPlus,\n  lucideHardDriveDownload,\n  saxCloudChangeBold,\n  saxRefreshBold,\n  lucideBarcode,\n  lucideCode,\n  lucideScanQrCode,\n  lucideQrCode,\n  lucideScanLine,\n  lucideListPlus,\n  lucideFilePlus,\n  lucideFilePlus2,\n  lucideBookUp2,\n  lucideFileClock,\n  lucideRefreshCwOff,\n  lucideListChecks,\n  lucideFastForward,\n  lucideBrushCleaning,\n  lucideChartColumnIncreasing,\n  lucideBell,\n  lucideCheckCircle2,\n  lucideAlertCircle,\n  lucideXCircle,\n  lucideLink,\n  lucideDatabaseBackup,\n  lucideFileCheck,\n  lucideListChevronsDownUp,\n  lucideListChevronsUpDown,\n  lucideSun,\n  lucideMoon,\n  lucideLoader,\n  lucideAlertOctagon,\n  lucideMessageCircle,\n  lucideCircleAlert,\n  lucideMessageCircleQuestion,\n  lucideComponent,\n  lucidePanelRightOpen,\n  lucideLoader2,\n  lucideGithub,\n  lucideLifeBuoy,\n  lucideCloud,\n  lucideBarChart,\n  lucideHome,\n  lucideFolderOpen,\n  lucideSquarePen,\n  lucideLayoutTemplate,\n  lucideFileOutput,\n  lucideCircleHelp,\n  lucideGripHorizontal,\n  lucideImage,\n  lucideList,\n  lucideHash,\n  lucideMegaphone,\n  lucidePenTool,\n  lucideSquare,\n  lucideRocket,\n  lucideBarChart3,\n  lucideUsers2,\n  lucideGrid3x3,\n  lucideFolderTree,\n  lucideCheckCircle,\n  lucideSliders,\n  lucideFileEdit,\n  lucideNavigation,\n  lucideListFilter,\n  lucideTextCursor,\n  lucidePieChart,\n  lucideUserSearch,\n  lucideFolders,\n  lucideSparkles,\n  lucideSquareCheck,\n  lucideCircleDot,\n  lucideToggleLeft,\n  lucideUpload,\n  lucideUploadCloud,\n  lucideDownload,\n  lucideFile,\n  lucideMusic,\n  lucideFileCode,\n  lucideFileJson,\n  lucideFileArchive,\n  lucideTable2,\n  lucideGripVertical,\n  lucidePin,\n  lucideSearchX,\n  lucideMoreVertical,\n  lucideGitBranch,\n  lucideAlertTriangle,\n  lucideFilter,\n  lucideFunnelX,\n  lucideBan,\n  lucideBuilding,\n  lucideType,\n  lucidePercent,\n  lucideReceipt,\n  lucideClipboardPen,\n  lucidePackageCheck,\n  lucideShoppingBag,\n  lucideTag,\n  lucideTags,\n  lucideTicket,\n  lucideWand2,\n  lucideZoomIn,\n  lucideZoomOut,\n  lucideBadge,\n  lucideClipboardCopy,\n  lucideContact,\n  lucideIdCard,\n  lucideRecycle,\n  lucidePlug,\n  lucidePlug2,\n  lucideBotMessageSquare,\n  lucideBotOff,\n  lucideBrain,\n  lucideBrainCircuit,\n  lucideBrainCog,\n  lucideCpu,\n  lucideDumbbell,\n  lucideSparkle,\n  lucideWandSparkles,\n  lucideMessageSquareText,\n  lucideMic,\n  lucideAudioLines,\n  lucidePlay,\n  lucideSquarePlay,\n  lucideEllipsisVertical,\n  saxEditOutline,\n  lucideUserSquare,\n  lucideCircle,\n  lucideFolder,\n  lucideHelpCircle,\n} as const satisfies Record<string, IconType>;\n\nexport declare type ZIcon = keyof typeof Z_ICONS;\n","import { HttpClient } from '@angular/common/http';\nimport { type EnvironmentProviders, inject, makeEnvironmentProviders } from '@angular/core';\nimport { provideNgIconLoader, withCaching } from '@ng-icons/core';\nimport { ZIndexDbService } from '@shival99/z-ui/services';\nimport { catchError, from, map, type Observable, of, switchMap, tap } from 'rxjs';\nimport { Z_ICONS } from './z-icons';\n\nconst iconCacheDb = new ZIndexDbService({\n  dbName: 'ZIconCache',\n  version: 1,\n  stores: [{ name: 'zIcons', encrypt: true }],\n  defaultStore: 'zIcons',\n});\n\n/**\n * Normalizes Sax SVG to use currentColor and CSS variable for stroke-width.\n * This allows the icon to inherit color and strokeWidth from ng-icon props.\n */\nfunction normalizeSaxSvg(svg: string): string {\n  const cssVar = 'style=\"stroke-width: var(--ng-icon__stroke-width, 2)\"';\n  const normalized = svg.replace(/fill=\"#292D32\"/gi, 'fill=\"currentColor\"');\n  return normalized.replace(/stroke-width=\"[^\"]*\"/gi, cssVar);\n}\n\n/**\n * Normalizes Lucide SVG to use CSS variable for stroke-width.\n * This allows ng-icon strokeWidth prop to work correctly.\n * Replaces hardcoded stroke-width with var(--ng-icon__stroke-width, 2).\n */\nfunction normalizeLucideSvg(svg: string): string {\n  const cssVar = 'style=\"stroke-width: var(--ng-icon__stroke-width, 2)\"';\n  return svg.replace(/stroke-width=\"[^\"]*\"/gi, cssVar);\n}\n\nfunction getFallbackIcon(name: string): string {\n  const icon = Z_ICONS[name as keyof typeof Z_ICONS];\n  if (icon) {\n    // console.warn(`[ZIcon] Using bundled fallback for \"${name}\"`);\n    return icon;\n  }\n  return '';\n}\n\n/**\n * Converts ng-icons icon name to Lucide CDN format.\n * Examples:\n * - lucideArrowLeft -> arrow-left\n * - lucideAlertCircle -> alert-circle\n * - lucideTrash2 -> trash-2\n * - lucideGrid3x3 -> grid-3-x-3\n */\nfunction convertLucideIconName(name: string): string {\n  return name\n    .replace(/^lucide/, '')\n    .replace(/([A-Z])/g, '-$1')\n    .replace(/(\\d+)/g, '-$1')\n    .replace(/(\\d)([a-z])/g, '$1-$2')\n    .toLowerCase()\n    .replace(/^-/, '')\n    .replace(/--+/g, '-');\n}\n\n/**\n * Converts ng-icons Sax icon name to CDN format.\n * Examples:\n * - saxCloudChangeBold -> bold/cloud-change\n * - saxPauseBold -> bold/pause\n * - saxRefreshBold -> bold/refresh\n * - saxHomeOutline -> outline/home\n * - saxUserLinear -> linear/user\n */\nfunction convertIconSaxIconName(name: string): { style: string; iconName: string } | null {\n  let iconPart = name.replace(/^sax/, '');\n  // Extract style suffix (Bold, Outline, Linear, Bulk, Broken, TwoTone)\n  const styleMatch = iconPart.match(/(Bold|Outline|Linear|Bulk|Broken|TwoTone)$/i);\n  if (!styleMatch) {\n    return null;\n  }\n\n  const style = styleMatch[1].toLowerCase();\n  const styleFolder = style === 'twotone' ? 'twotone' : style;\n  iconPart = iconPart.replace(/(Bold|Outline|Linear|Bulk|Broken|TwoTone)$/i, '');\n  const iconName = iconPart\n    .replace(/([A-Z])/g, '-$1')\n    .replace(/(\\d+)/g, '-$1')\n    .toLowerCase()\n    .replace(/^-/, '')\n    .replace(/--+/g, '-');\n\n  return { style: styleFolder, iconName };\n}\n\nconst LUCIDE_CDN_URL = 'https://cdn.jsdelivr.net/npm/lucide-static@latest/icons';\nconst SAX_CDN_URL = 'https://cdn.jsdelivr.net/gh/placetopay-org/iconsax-vue@main/src/Base';\n\n/**\n * Provides hybrid icon loading from CDN with fallback to bundled icons:\n * - Primary: Load icons from CDN (Lucide & Iconsax)\n * - Fallback: Use bundled icons from Z_ICONS if CDN fails\n *\n * @example\n * ```typescript\n * // app.config.ts\n * providers: [\n *   provideHttpClient(),\n *   provideZIconLoader(),\n * ]\n * ```\n */\nfunction loadWithCache(\n  name: string,\n  url: string,\n  http: HttpClient,\n  normalizer: (svg: string) => string\n): Observable<string> {\n  return from(iconCacheDb.get<string>(name)).pipe(\n    switchMap(cached => {\n      if (cached) {\n        return of(cached);\n      }\n\n      return http.get(url, { responseType: 'text' }).pipe(\n        map(normalizer),\n        tap(svg => {\n          void iconCacheDb.set(name, svg);\n        }),\n        catchError(error => {\n          console.error(`[ZIcon] Failed to load \"${name}\" from ${url}`, error);\n          return of(getFallbackIcon(name));\n        })\n      );\n    }),\n    catchError(() => of(getFallbackIcon(name)))\n  );\n}\n\nexport function provideZIconLoader(): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    provideNgIconLoader(name => {\n      const http = inject(HttpClient);\n\n      if (name.startsWith('sax')) {\n        const parsed = convertIconSaxIconName(name);\n        if (!parsed) {\n          console.warn(`[ZIcon] Invalid Sax icon name: \"${name}\"`);\n          return of(getFallbackIcon(name));\n        }\n\n        const url = `${SAX_CDN_URL}/${parsed.style}/${parsed.iconName}.svg`;\n        return loadWithCache(name, url, http, normalizeSaxSvg);\n      }\n\n      if (name.startsWith('lucide')) {\n        const iconName = convertLucideIconName(name);\n        const url = `${LUCIDE_CDN_URL}/${iconName}.svg`;\n        return loadWithCache(name, url, http, normalizeLucideSvg);\n      }\n\n      console.warn(`[ZIcon] Unknown icon: \"${name}\"`);\n      return of(getFallbackIcon(name));\n    }, withCaching()),\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["NgIcon"],"mappings":";;;;;;;;;;;;AAEO,MAAM,aAAa,GAAG,GAAG,CAAC,EAAE,EAAE;AACnC,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,IAAI;AACZ,KAAA;AACF,CAAA;;MCrBY,cAAc,CAAA;AACT,IAAA,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC;IAC7B,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAS;AACtB,IAAA,KAAK,GAAG,KAAK,CAAyB,IAAI,iDAAC;AAC3C,IAAA,YAAY,GAAG,KAAK,CAAS,CAAC,wDAAC;AAC/B,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AAErB,IAAA,QAAQ,GAAG,QAAQ,CAAC,MACrC,aAAa,CACX,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,EACtC,IAAI,CAAC,KAAK,EAAE,EACZ,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,aAAa,GAAG,EAAE,EAC9C,sBAAsB,CACvB,oDACF;uGAdU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB3B,0NAKA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDIYA,eAAM,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,aAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAWL,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,OAAA,EACnB,CAACA,eAAM,CAAC,cACL,IAAI,EAAA,eAAA,EAEC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,YAAY;AACvB,wBAAA,eAAe,EAAE,gBAAgB;AACjC,wBAAA,gBAAgB,EAAE,gBAAgB;AACnC,qBAAA,EAAA,QAAA,EAAA,0NAAA,EAAA;;;AE+QI,MAAM,OAAO,GAAG;IACrB,aAAa;IACb,WAAW;IACX,qBAAqB;IACrB,eAAe;IACf,gBAAgB;IAChB,mBAAmB;IACnB,UAAU;IACV,aAAa;IACb,UAAU;IACV,uBAAuB;IACvB,sBAAsB;IACtB,gBAAgB;IAChB,mBAAmB;IACnB,0BAA0B;IAC1B,WAAW;IACX,YAAY;IACZ,UAAU;IACV,gBAAgB;IAChB,eAAe;IACf,gBAAgB;IAChB,UAAU;IACV,UAAU;IACV,YAAY;IACZ,UAAU;IACV,cAAc;IACd,UAAU;IACV,kBAAkB;IAClB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;IAClB,iBAAiB;IACjB,UAAU;IACV,YAAY;IACZ,WAAW;IACX,SAAS;IACT,YAAY;IACZ,cAAc;IACd,oBAAoB;IACpB,mBAAmB;IACnB,qBAAqB;IACrB,iBAAiB;IACjB,gBAAgB;IAChB,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,aAAa;IACb,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,SAAS;IACT,kBAAkB;IAClB,UAAU;IACV,YAAY;IACZ,eAAe;IACf,YAAY;IACZ,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,cAAc;IACd,uBAAuB;IACvB,YAAY;IACZ,cAAc;IACd,YAAY;IACZ,kBAAkB;IAClB,OAAO;IACP,WAAW;IACX,WAAW;IACX,eAAe;IACf,WAAW;IACX,SAAS;IACT,SAAS;IACT,eAAe;IACf,iBAAiB;IACjB,WAAW;IACX,WAAW;IACX,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,mBAAmB;IACnB,cAAc;IACd,gBAAgB;IAChB,cAAc;IACd,mBAAmB;IACnB,WAAW;IACX,cAAc;IACd,YAAY;IACZ,aAAa;IACb,WAAW;IACX,YAAY;IACZ,UAAU;IACV,iBAAiB;IACjB,WAAW;IACX,kBAAkB;IAClB,cAAc;IACd,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,SAAS;IACT,gBAAgB;IAChB,qBAAqB;IACrB,WAAW;IACX,eAAe;IACf,gBAAgB;IAChB,SAAS;IACT,eAAe;IACf,eAAe;IACf,aAAa;IACb,aAAa;IACb,eAAe;IACf,aAAa;IACb,WAAW;IACX,YAAY;IACZ,iBAAiB;IACjB,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,WAAW;IACX,UAAU;IACV,gBAAgB;IAChB,iBAAiB;IACjB,eAAe;IACf,aAAa;IACb,cAAc;IACd,iBAAiB;IACjB,WAAW;IACX,cAAc;IACd,cAAc;IACd,eAAe;IACf,mBAAmB;IACnB,eAAe;IACf,mBAAmB;IACnB,iBAAiB;IACjB,YAAY;IACZ,qBAAqB;IACrB,SAAS;IACT,UAAU;IACV,WAAW;IACX,eAAe;IACf,YAAY;IACZ,UAAU;IACV,kBAAkB;IAClB,iBAAiB;IACjB,iBAAiB;IACjB,aAAa;IACb,eAAe;IACf,gBAAgB;IAChB,iBAAiB;IACjB,oBAAoB;IACpB,YAAY;IACZ,qBAAqB;IACrB,iBAAiB;IACjB,cAAc;IACd,gBAAgB;IAChB,cAAc;IACd,uBAAuB;IACvB,kBAAkB;IAClB,cAAc;IACd,aAAa;IACb,UAAU;IACV,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,cAAc;IACd,cAAc;IACd,eAAe;IACf,aAAa;IACb,eAAe;IACf,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,mBAAmB;IACnB,2BAA2B;IAC3B,UAAU;IACV,kBAAkB;IAClB,iBAAiB;IACjB,aAAa;IACb,UAAU;IACV,oBAAoB;IACpB,eAAe;IACf,wBAAwB;IACxB,wBAAwB;IACxB,SAAS;IACT,UAAU;IACV,YAAY;IACZ,kBAAkB;IAClB,mBAAmB;IACnB,iBAAiB;IACjB,2BAA2B;IAC3B,eAAe;IACf,oBAAoB;IACpB,aAAa;IACb,YAAY;IACZ,cAAc;IACd,WAAW;IACX,cAAc;IACd,UAAU;IACV,gBAAgB;IAChB,eAAe;IACf,oBAAoB;IACpB,gBAAgB;IAChB,gBAAgB;IAChB,oBAAoB;IACpB,WAAW;IACX,UAAU;IACV,UAAU;IACV,eAAe;IACf,aAAa;IACb,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,YAAY;IACZ,aAAa;IACb,gBAAgB;IAChB,iBAAiB;IACjB,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,cAAc;IACd,gBAAgB;IAChB,aAAa;IACb,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,iBAAiB;IACjB,cAAc;IACd,UAAU;IACV,WAAW;IACX,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,YAAY;IACZ,kBAAkB;IAClB,SAAS;IACT,aAAa;IACb,kBAAkB;IAClB,eAAe;IACf,mBAAmB;IACnB,YAAY;IACZ,aAAa;IACb,SAAS;IACT,cAAc;IACd,UAAU;IACV,aAAa;IACb,aAAa;IACb,kBAAkB;IAClB,kBAAkB;IAClB,iBAAiB;IACjB,SAAS;IACT,UAAU;IACV,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,aAAa;IACb,WAAW;IACX,mBAAmB;IACnB,aAAa;IACb,YAAY;IACZ,aAAa;IACb,UAAU;IACV,WAAW;IACX,sBAAsB;IACtB,YAAY;IACZ,WAAW;IACX,kBAAkB;IAClB,cAAc;IACd,SAAS;IACT,cAAc;IACd,aAAa;IACb,kBAAkB;IAClB,uBAAuB;IACvB,SAAS;IACT,gBAAgB;IAChB,UAAU;IACV,gBAAgB;IAChB,sBAAsB;IACtB,cAAc;IACd,gBAAgB;IAChB,YAAY;IACZ,YAAY;IACZ,gBAAgB;;;ACzjBlB,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC;AACtC,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC3C,IAAA,YAAY,EAAE,QAAQ;AACvB,CAAA,CAAC;AAEF;;;AAGG;AACH,SAAS,eAAe,CAAC,GAAW,EAAA;IAClC,MAAM,MAAM,GAAG,uDAAuD;IACtE,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;IACzE,OAAO,UAAU,CAAC,OAAO,CAAC,wBAAwB,EAAE,MAAM,CAAC;AAC7D;AAEA;;;;AAIG;AACH,SAAS,kBAAkB,CAAC,GAAW,EAAA;IACrC,MAAM,MAAM,GAAG,uDAAuD;IACtE,OAAO,GAAG,CAAC,OAAO,CAAC,wBAAwB,EAAE,MAAM,CAAC;AACtD;AAEA,SAAS,eAAe,CAAC,IAAY,EAAA;AACnC,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,IAA4B,CAAC;IAClD,IAAI,IAAI,EAAE;;AAER,QAAA,OAAO,IAAI;IACb;AACA,IAAA,OAAO,EAAE;AACX;AAEA;;;;;;;AAOG;AACH,SAAS,qBAAqB,CAAC,IAAY,EAAA;AACzC,IAAA,OAAO;AACJ,SAAA,OAAO,CAAC,SAAS,EAAE,EAAE;AACrB,SAAA,OAAO,CAAC,UAAU,EAAE,KAAK;AACzB,SAAA,OAAO,CAAC,QAAQ,EAAE,KAAK;AACvB,SAAA,OAAO,CAAC,cAAc,EAAE,OAAO;AAC/B,SAAA,WAAW;AACX,SAAA,OAAO,CAAC,IAAI,EAAE,EAAE;AAChB,SAAA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AACzB;AAEA;;;;;;;;AAQG;AACH,SAAS,sBAAsB,CAAC,IAAY,EAAA;IAC1C,IAAI,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;;IAEvC,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,6CAA6C,CAAC;IAChF,IAAI,CAAC,UAAU,EAAE;AACf,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AACzC,IAAA,MAAM,WAAW,GAAG,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,KAAK;IAC3D,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,6CAA6C,EAAE,EAAE,CAAC;IAC9E,MAAM,QAAQ,GAAG;AACd,SAAA,OAAO,CAAC,UAAU,EAAE,KAAK;AACzB,SAAA,OAAO,CAAC,QAAQ,EAAE,KAAK;AACvB,SAAA,WAAW;AACX,SAAA,OAAO,CAAC,IAAI,EAAE,EAAE;AAChB,SAAA,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AAEvB,IAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE;AACzC;AAEA,MAAM,cAAc,GAAG,yDAAyD;AAChF,MAAM,WAAW,GAAG,sEAAsE;AAE1F;;;;;;;;;;;;;AAaG;AACH,SAAS,aAAa,CACpB,IAAY,EACZ,GAAW,EACX,IAAgB,EAChB,UAAmC,EAAA;AAEnC,IAAA,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAS,IAAI,CAAC,CAAC,CAAC,IAAI,CAC7C,SAAS,CAAC,MAAM,IAAG;QACjB,IAAI,MAAM,EAAE;AACV,YAAA,OAAO,EAAE,CAAC,MAAM,CAAC;QACnB;QAEA,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC,IAAI,CACjD,GAAG,CAAC,UAAU,CAAC,EACf,GAAG,CAAC,GAAG,IAAG;YACR,KAAK,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC;AACjC,QAAA,CAAC,CAAC,EACF,UAAU,CAAC,KAAK,IAAG;YACjB,OAAO,CAAC,KAAK,CAAC,CAAA,wBAAA,EAA2B,IAAI,CAAA,OAAA,EAAU,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;AACpE,YAAA,OAAO,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,CAAC,CACH;AACH,IAAA,CAAC,CAAC,EACF,UAAU,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C;AACH;SAEgB,kBAAkB,GAAA;AAChC,IAAA,OAAO,wBAAwB,CAAC;QAC9B,mBAAmB,CAAC,IAAI,IAAG;AACzB,YAAA,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;AAE/B,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;AAC1B,gBAAA,MAAM,MAAM,GAAG,sBAAsB,CAAC,IAAI,CAAC;gBAC3C,IAAI,CAAC,MAAM,EAAE;AACX,oBAAA,OAAO,CAAC,IAAI,CAAC,mCAAmC,IAAI,CAAA,CAAA,CAAG,CAAC;AACxD,oBAAA,OAAO,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBAClC;AAEA,gBAAA,MAAM,GAAG,GAAG,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,MAAM,CAAC,KAAK,CAAA,CAAA,EAAI,MAAM,CAAC,QAAQ,MAAM;gBACnE,OAAO,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,eAAe,CAAC;YACxD;AAEA,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAC7B,gBAAA,MAAM,QAAQ,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAC5C,gBAAA,MAAM,GAAG,GAAG,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,QAAQ,MAAM;gBAC/C,OAAO,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,kBAAkB,CAAC;YAC3D;AAEA,YAAA,OAAO,CAAC,IAAI,CAAC,0BAA0B,IAAI,CAAA,CAAA,CAAG,CAAC;AAC/C,YAAA,OAAO,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,EAAE,WAAW,EAAE,CAAC;AAClB,KAAA,CAAC;AACJ;;AClKA;;AAEG;;;;"}
+{"version":3,"file":"shival99-z-ui-components-z-icon.mjs","sources":["../../../../libs/core-ui/components/z-icon/z-icon.variants.ts","../../../../libs/core-ui/components/z-icon/z-icon.component.ts","../../../../libs/core-ui/components/z-icon/z-icon.component.html","../../../../libs/core-ui/components/z-icon/z-icons.ts","../../../../libs/core-ui/components/z-icon/z-icon-loader.provider.ts","../../../../libs/core-ui/components/z-icon/shival99-z-ui-components-z-icon.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const zIconVariants = cva('', {\n  variants: {\n    zSize: {\n      '10': 'size-10',\n      '11': 'size-11',\n      '12': 'size-12',\n      '13': 'size-13',\n      '14': 'size-14',\n      '15': 'size-15',\n      '16': 'size-16',\n      '17': 'size-17',\n      '18': 'size-18',\n      '19': 'size-19',\n      '20': 'size-20',\n      '21': 'size-21',\n      '22': 'size-22',\n      '23': 'size-23',\n      '24': 'size-24',\n      '25': 'size-25',\n      '26': 'size-26',\n      '27': 'size-27',\n      '28': 'size-28',\n      '29': 'size-29',\n      '30': 'size-30',\n      '31': 'size-31',\n      '32': 'size-32',\n      '33': 'size-33',\n      '34': 'size-34',\n      '35': 'size-35',\n      '36': 'size-36',\n      '37': 'size-37',\n      '38': 'size-38',\n      '39': 'size-39',\n      '40': 'size-40',\n    },\n  },\n  defaultVariants: {\n    zSize: '16',\n  },\n});\n\nexport type ZIconVariants = VariantProps<typeof zIconVariants>;\n","import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { NgIconComponent as NgIcon } from '@ng-icons/core';\nimport { zMergeClasses } from '@shival99/z-ui/utils';\nimport type { ClassValue } from 'clsx';\nimport { zIconVariants, ZIconVariants } from './z-icon.variants';\nimport { type ZIcon } from './z-icons';\n\n@Component({\n  selector: 'z-icon, [z-icon]',\n  imports: [NgIcon],\n  standalone: true,\n  templateUrl: './z-icon.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'zClasses()',\n    '[style.width]': 'zSize() + \"px\"',\n    '[style.height]': 'zSize() + \"px\"',\n  },\n})\nexport class ZIconComponent {\n  public readonly class = input<ClassValue>('');\n  public readonly zType = input<ZIcon>();\n  public readonly zSize = input<ZIconVariants['zSize']>('16');\n  public readonly zStrokeWidth = input<number>(2);\n  public readonly zSvg = input<string>('');\n\n  protected readonly zClasses = computed(() =>\n    zMergeClasses(\n      zIconVariants({ zSize: this.zSize() }),\n      this.class(),\n      this.zStrokeWidth() === 0 ? 'stroke-none' : '',\n      'inline-flex shrink-0'\n    )\n  );\n}\n","@if (zSvg()) {\n  <ng-icon [svg]=\"zSvg()\" [size]=\"zSize() || '16'\" [strokeWidth]=\"zStrokeWidth()\" />\n} @else {\n  <ng-icon [name]=\"zType()\" [size]=\"zSize() || '16'\" [strokeWidth]=\"zStrokeWidth()\" />\n}\n","import { type IconType } from '@ng-icons/core';\nimport { saxCloudChangeBold, saxPauseBold, saxRefreshBold } from '@ng-icons/iconsax/bold';\nimport { saxEditOutline } from '@ng-icons/iconsax/outline';\nimport {\n  lucideCircle,\n  lucideMoreVertical,\n  lucideSearchX,\n  lucidePin,\n  lucideGripVertical,\n  lucideSparkles,\n  lucideList,\n  lucideHash,\n  lucideImage,\n  lucideGripHorizontal,\n  lucideHome,\n  lucideFolderOpen,\n  lucideGithub,\n  lucideLifeBuoy,\n  lucideCloud,\n  lucideActivity,\n  lucideAlarmClock,\n  lucideAlertCircle,\n  lucideAlertOctagon,\n  lucideAlignJustify,\n  lucideArrowDown,\n  lucideArrowDownUp,\n  lucideArrowLeft,\n  lucideArrowRight,\n  lucideArrowUp,\n  lucideBadgeCheck,\n  lucideBadgeInfo,\n  lucideBadgeX,\n  lucideBarcode,\n  lucideBell,\n  lucideBellMinus,\n  lucideBellRing,\n  lucideBookCheck,\n  lucideBookOpen,\n  lucideBookUp2,\n  lucideBot,\n  lucideBotMessageSquare,\n  lucideBotOff,\n  lucideBrain,\n  lucideBrainCircuit,\n  lucideBrainCog,\n  lucideBox,\n  lucideBriefcase,\n  lucideBrushCleaning,\n  lucideBuilding2,\n  lucideCalculator,\n  lucideCalendar,\n  lucideCalendar1,\n  lucideCalendarCheck,\n  lucideCalendarFold,\n  lucideCalendarRange,\n  lucideCar,\n  lucideChartBar,\n  lucideChartBarStacked,\n  lucideChartColumn,\n  lucideChartColumnIncreasing,\n  lucideChartLine,\n  lucideChartPie,\n  lucideCheck,\n  lucideEllipsisVertical,\n  lucideCheckCheck,\n  lucideCheckCircle2,\n  lucideCheckLine,\n  lucideChevronDown,\n  lucideChevronLeft,\n  lucideChevronRight,\n  lucideChevronsLeft,\n  lucideChevronsRight,\n  lucideChevronUp,\n  lucideCircleAlert,\n  lucideCircleCheck,\n  lucideCircleCheckBig,\n  lucideCircleX,\n  lucideClipboardList,\n  lucideClipboardPlus,\n  lucideClock,\n  lucideCloudCheck,\n  lucideCode,\n  lucideCog,\n  lucideComponent,\n  lucideCopy,\n  lucideCreditCard,\n  lucideCrown,\n  lucideDatabase,\n  lucideDatabaseBackup,\n  lucideDollarSign,\n  lucideEllipsis,\n  lucideEye,\n  lucideEyeOff,\n  lucideFastForward,\n  lucideFileCheck,\n  lucideFileClock,\n  lucideFileDown,\n  lucideFilePenLine,\n  lucideFilePlus,\n  lucideFilePlus2,\n  lucideFiles,\n  lucideFileSpreadsheet,\n  lucideFileSymlink,\n  lucideFileText,\n  lucideFileUp,\n  lucideFlag,\n  lucideFlagTriangleRight,\n  lucideFilter,\n  lucideFunnel,\n  lucideFunnelX,\n  lucideGlobe,\n  lucideLanguages,\n  lucideGraduationCap,\n  lucideHardDriveDownload,\n  lucideHeadphones,\n  lucideHeart,\n  lucideHospital,\n  lucideHouse,\n  lucideInbox,\n  lucideInfo,\n  lucideKey,\n  lucideLayers,\n  lucideLayers2,\n  lucideLayoutDashboard,\n  lucideLayoutGrid,\n  lucideLightbulb,\n  lucideLink,\n  lucideListChecks,\n  lucideListChevronsDownUp,\n  lucideListChevronsUpDown,\n  lucideListPlus,\n  lucideLoader,\n  lucideLoader2,\n  lucideLoaderCircle,\n  lucideLock,\n  lucideLockKeyhole,\n  lucideLockKeyholeOpen,\n  lucideLogOut,\n  lucideLogs,\n  lucideMail,\n  lucideMailCheck,\n  lucideMailPlus,\n  lucideMapPin,\n  lucideMenu,\n  lucideMessageCircle,\n  lucideMessageCircleQuestion,\n  lucideMessageSquareDot,\n  lucideMessageSquareWarning,\n  lucideMinus,\n  lucideMonitor,\n  lucideMoon,\n  lucideMousePointer,\n  lucideNetwork,\n  lucideNotepadText,\n  lucidePackage,\n  lucidePackageOpen,\n  lucidePalette,\n  lucidePanelLeftClose,\n  lucidePanelLeftOpen,\n  lucidePanelRightOpen,\n  lucidePaperclip,\n  lucidePause,\n  lucidePencil,\n  lucidePhone,\n  lucidePhoneCall,\n  lucidePill,\n  lucidePlus,\n  lucidePrinter,\n  lucideQrCode,\n  lucideRadio,\n  lucideRefreshCcw,\n  lucideRefreshCwOff,\n  lucideSave,\n  lucideSaveAll,\n  lucideScanLine,\n  lucideScanQrCode,\n  lucideSearch,\n  lucideSend,\n  lucideServer,\n  lucideServerCrash,\n  lucideSettings,\n  lucideSettings2,\n  lucideShield,\n  lucideShieldCheck,\n  lucideShoppingCart,\n  lucideSlidersHorizontal,\n  lucideSmartphone,\n  lucideStar,\n  lucideStethoscope,\n  lucideStore,\n  lucideSun,\n  lucideTableOfContents,\n  lucideTablet,\n  lucideTarget,\n  lucideTerminal,\n  lucideTimer,\n  lucideTrash2,\n  lucideTrendingDown,\n  lucideTrendingUp,\n  lucideTriangleAlert,\n  lucideTruck,\n  lucideUser,\n  lucideUserCheck,\n  lucideUserLock,\n  lucideUserPlus,\n  lucideUserRoundPen,\n  lucideUsers,\n  lucideUsersRound,\n  lucideVideo,\n  lucideWallet,\n  lucideWarehouse,\n  lucideWifi,\n  lucideWifiZero,\n  lucideWorkflow,\n  lucideWrench,\n  lucideX,\n  lucideXCircle,\n  lucideZap,\n  lucideBarChart,\n  lucideFileOutput,\n  lucideLayoutTemplate,\n  lucideSquarePen,\n  lucideCircleHelp,\n  lucideMegaphone,\n  lucideSquare,\n  lucidePenTool,\n  lucideRocket,\n  lucideBarChart3,\n  lucideCheckCircle,\n  lucideFolderTree,\n  lucideGrid3x3,\n  lucideSliders,\n  lucideUsers2,\n  lucideFileEdit,\n  lucideNavigation,\n  lucideListFilter,\n  lucideTextCursor,\n  lucidePieChart,\n  lucideFolders,\n  lucideUserSearch,\n  lucideSquareCheck,\n  lucideCircleDot,\n  lucideToggleLeft,\n  lucideUpload,\n  lucideUploadCloud,\n  lucideDownload,\n  lucideFile,\n  lucideMusic,\n  lucideFileCode,\n  lucideFileJson,\n  lucideFileArchive,\n  lucideTable2,\n  lucideGitBranch,\n  lucideAlertTriangle,\n  lucideBan,\n  lucideBuilding,\n  lucideType,\n  lucidePercent,\n  lucideReceipt,\n  lucideClipboardPen,\n  lucidePackageCheck,\n  lucideShoppingBag,\n  lucideTag,\n  lucideTags,\n  lucideTicket,\n  lucideWand2,\n  lucideZoomIn,\n  lucideZoomOut,\n  lucideBadge,\n  lucideClipboardCopy,\n  lucideContact,\n  lucideIdCard,\n  lucideRecycle,\n  lucidePlug2,\n  lucidePlug,\n  lucideCpu,\n  lucideDumbbell,\n  lucideSparkle,\n  lucideWandSparkles,\n  lucideMessageSquareText,\n  lucideMic,\n  lucideAudioLines,\n  lucidePlay,\n  lucideSquarePlay,\n  lucideUserSquare,\n  lucideFolder,\n  lucideCalendarDays,\n  lucideHelpCircle,\n} from '@ng-icons/lucide';\n\nexport const Z_ICONS = {\n  lucideLayers2,\n  lucideStore,\n  lucideChartBarStacked,\n  lucideBookCheck,\n  lucideAlarmClock,\n  lucideClipboardPlus,\n  lucideSave,\n  lucideSaveAll,\n  lucideFlag,\n  lucideFlagTriangleRight,\n  lucideMessageSquareDot,\n  lucideCheckCheck,\n  lucideTriangleAlert,\n  lucideMessageSquareWarning,\n  lucideCheck,\n  lucidePencil,\n  lucideMail,\n  lucideLayoutGrid,\n  lucideArrowLeft,\n  lucideArrowRight,\n  lucideMenu,\n  lucideLock,\n  lucideLogOut,\n  lucideUser,\n  lucideSettings,\n  lucidePill,\n  lucideCalendarFold,\n  lucideSettings2,\n  lucideChevronLeft,\n  lucideChevronRight,\n  lucideChevronDown,\n  lucidePlus,\n  lucideSearch,\n  lucideUsers,\n  lucideEye,\n  lucideEyeOff,\n  lucideEllipsis,\n  lucidePanelLeftClose,\n  lucidePanelLeftOpen,\n  lucideLayoutDashboard,\n  lucideChartColumn,\n  lucideUsersRound,\n  lucideLogs,\n  lucideChevronUp,\n  lucideTrendingUp,\n  lucidePackage,\n  lucideShoppingCart,\n  lucideUserCheck,\n  lucideActivity,\n  lucideZap,\n  lucideMousePointer,\n  lucideInfo,\n  lucideLayers,\n  lucideBriefcase,\n  lucideTarget,\n  lucideWorkflow,\n  lucideWarehouse,\n  lucideLoaderCircle,\n  lucideChevronsLeft,\n  lucideChevronsRight,\n  lucideBellRing,\n  lucideSlidersHorizontal,\n  lucideTrash2,\n  lucideFileDown,\n  lucideFunnel,\n  lucideAlignJustify,\n  lucideX,\n  lucideFiles,\n  lucideCrown,\n  lucideBadgeInfo,\n  lucideMinus,\n  lucideBox,\n  lucideCog,\n  lucideBellMinus,\n  lucidePackageOpen,\n  lucideInbox,\n  lucideClock,\n  lucideBookOpen,\n  lucideCalendar,\n  lucideCalculator,\n  lucideClipboardList,\n  lucideDatabase,\n  lucideDollarSign,\n  lucideFileText,\n  lucideGraduationCap,\n  lucideHeart,\n  lucideHospital,\n  lucideMapPin,\n  lucideMonitor,\n  lucidePhone,\n  lucideShield,\n  lucideStar,\n  lucideStethoscope,\n  lucideTimer,\n  lucideTrendingDown,\n  lucideUserPlus,\n  lucideVideo,\n  lucideWallet,\n  lucideWrench,\n  lucideBuilding2,\n  lucideCar,\n  lucideCreditCard,\n  lucideFileSpreadsheet,\n  lucideGlobe,\n  lucideLanguages,\n  lucideHeadphones,\n  lucideKey,\n  lucideLightbulb,\n  lucideMailCheck,\n  lucideNetwork,\n  lucidePalette,\n  lucidePhoneCall,\n  lucidePrinter,\n  lucideRadio,\n  lucideServer,\n  lucideServerCrash,\n  lucideSmartphone,\n  lucideTablet,\n  lucideTerminal,\n  lucideTruck,\n  lucideWifi,\n  lucideRefreshCcw,\n  lucideLockKeyhole,\n  lucideArrowDown,\n  lucideArrowUp,\n  lucideUserLock,\n  lucideCircleCheck,\n  lucideHouse,\n  lucideChartBar,\n  lucideChartPie,\n  lucideChartLine,\n  lucideCalendarRange,\n  lucideCalendar1,\n  lucideCalendarCheck,\n  lucideNotepadText,\n  lucideFileUp,\n  lucideTableOfContents,\n  lucideBot,\n  lucideSend,\n  lucidePause,\n  lucidePaperclip,\n  saxPauseBold,\n  lucideCopy,\n  lucideUserRoundPen,\n  lucideFilePenLine,\n  lucideArrowDownUp,\n  lucideCircleX,\n  lucideCheckLine,\n  lucideBadgeCheck,\n  lucideShieldCheck,\n  lucideCircleCheckBig,\n  lucideBadgeX,\n  lucideLockKeyholeOpen,\n  lucideFileSymlink,\n  lucideWifiZero,\n  lucideCloudCheck,\n  lucideMailPlus,\n  lucideHardDriveDownload,\n  saxCloudChangeBold,\n  saxRefreshBold,\n  lucideBarcode,\n  lucideCode,\n  lucideScanQrCode,\n  lucideQrCode,\n  lucideScanLine,\n  lucideListPlus,\n  lucideFilePlus,\n  lucideFilePlus2,\n  lucideBookUp2,\n  lucideFileClock,\n  lucideRefreshCwOff,\n  lucideListChecks,\n  lucideFastForward,\n  lucideBrushCleaning,\n  lucideChartColumnIncreasing,\n  lucideBell,\n  lucideCheckCircle2,\n  lucideAlertCircle,\n  lucideXCircle,\n  lucideLink,\n  lucideDatabaseBackup,\n  lucideFileCheck,\n  lucideListChevronsDownUp,\n  lucideListChevronsUpDown,\n  lucideSun,\n  lucideMoon,\n  lucideLoader,\n  lucideAlertOctagon,\n  lucideMessageCircle,\n  lucideCircleAlert,\n  lucideMessageCircleQuestion,\n  lucideComponent,\n  lucidePanelRightOpen,\n  lucideLoader2,\n  lucideGithub,\n  lucideLifeBuoy,\n  lucideCloud,\n  lucideBarChart,\n  lucideHome,\n  lucideFolderOpen,\n  lucideSquarePen,\n  lucideLayoutTemplate,\n  lucideFileOutput,\n  lucideCircleHelp,\n  lucideGripHorizontal,\n  lucideImage,\n  lucideList,\n  lucideHash,\n  lucideMegaphone,\n  lucidePenTool,\n  lucideSquare,\n  lucideRocket,\n  lucideBarChart3,\n  lucideUsers2,\n  lucideGrid3x3,\n  lucideFolderTree,\n  lucideCheckCircle,\n  lucideSliders,\n  lucideFileEdit,\n  lucideNavigation,\n  lucideListFilter,\n  lucideTextCursor,\n  lucidePieChart,\n  lucideUserSearch,\n  lucideFolders,\n  lucideSparkles,\n  lucideSquareCheck,\n  lucideCircleDot,\n  lucideToggleLeft,\n  lucideUpload,\n  lucideUploadCloud,\n  lucideDownload,\n  lucideFile,\n  lucideMusic,\n  lucideFileCode,\n  lucideFileJson,\n  lucideFileArchive,\n  lucideTable2,\n  lucideGripVertical,\n  lucidePin,\n  lucideSearchX,\n  lucideMoreVertical,\n  lucideGitBranch,\n  lucideAlertTriangle,\n  lucideFilter,\n  lucideFunnelX,\n  lucideBan,\n  lucideBuilding,\n  lucideType,\n  lucidePercent,\n  lucideReceipt,\n  lucideClipboardPen,\n  lucidePackageCheck,\n  lucideShoppingBag,\n  lucideTag,\n  lucideTags,\n  lucideTicket,\n  lucideWand2,\n  lucideZoomIn,\n  lucideZoomOut,\n  lucideBadge,\n  lucideClipboardCopy,\n  lucideContact,\n  lucideIdCard,\n  lucideRecycle,\n  lucidePlug,\n  lucidePlug2,\n  lucideBotMessageSquare,\n  lucideBotOff,\n  lucideBrain,\n  lucideBrainCircuit,\n  lucideBrainCog,\n  lucideCpu,\n  lucideDumbbell,\n  lucideSparkle,\n  lucideWandSparkles,\n  lucideMessageSquareText,\n  lucideMic,\n  lucideAudioLines,\n  lucidePlay,\n  lucideSquarePlay,\n  lucideEllipsisVertical,\n  saxEditOutline,\n  lucideUserSquare,\n  lucideCircle,\n  lucideFolder,\n  lucideHelpCircle,\n  lucideCalendarDays,\n} as const satisfies Record<string, IconType>;\n\nexport declare type ZIcon = keyof typeof Z_ICONS;\n","import { HttpClient } from '@angular/common/http';\nimport { type EnvironmentProviders, inject, makeEnvironmentProviders } from '@angular/core';\nimport { provideNgIconLoader, withCaching } from '@ng-icons/core';\nimport { ZIndexDbService } from '@shival99/z-ui/services';\nimport { catchError, from, map, type Observable, of, switchMap, tap } from 'rxjs';\nimport { Z_ICONS } from './z-icons';\n\nconst iconCacheDb = new ZIndexDbService({\n  dbName: 'ZIconCache',\n  version: 1,\n  stores: [{ name: 'zIcons', encrypt: true }],\n  defaultStore: 'zIcons',\n});\n\n/**\n * Normalizes Sax SVG to use currentColor and CSS variable for stroke-width.\n * This allows the icon to inherit color and strokeWidth from ng-icon props.\n */\nfunction normalizeSaxSvg(svg: string): string {\n  const cssVar = 'style=\"stroke-width: var(--ng-icon__stroke-width, 2)\"';\n  const normalized = svg.replace(/fill=\"#292D32\"/gi, 'fill=\"currentColor\"');\n  return normalized.replace(/stroke-width=\"[^\"]*\"/gi, cssVar);\n}\n\n/**\n * Normalizes Lucide SVG to use CSS variable for stroke-width.\n * This allows ng-icon strokeWidth prop to work correctly.\n * Replaces hardcoded stroke-width with var(--ng-icon__stroke-width, 2).\n */\nfunction normalizeLucideSvg(svg: string): string {\n  const cssVar = 'style=\"stroke-width: var(--ng-icon__stroke-width, 2)\"';\n  return svg.replace(/stroke-width=\"[^\"]*\"/gi, cssVar);\n}\n\nfunction getFallbackIcon(name: string): string {\n  const icon = Z_ICONS[name as keyof typeof Z_ICONS];\n  if (icon) {\n    // console.warn(`[ZIcon] Using bundled fallback for \"${name}\"`);\n    return icon;\n  }\n  return '';\n}\n\n/**\n * Converts ng-icons icon name to Lucide CDN format.\n * Examples:\n * - lucideArrowLeft -> arrow-left\n * - lucideAlertCircle -> alert-circle\n * - lucideTrash2 -> trash-2\n * - lucideGrid3x3 -> grid-3-x-3\n */\nfunction convertLucideIconName(name: string): string {\n  return name\n    .replace(/^lucide/, '')\n    .replace(/([A-Z])/g, '-$1')\n    .replace(/(\\d+)/g, '-$1')\n    .replace(/(\\d)([a-z])/g, '$1-$2')\n    .toLowerCase()\n    .replace(/^-/, '')\n    .replace(/--+/g, '-');\n}\n\n/**\n * Converts ng-icons Sax icon name to CDN format.\n * Examples:\n * - saxCloudChangeBold -> bold/cloud-change\n * - saxPauseBold -> bold/pause\n * - saxRefreshBold -> bold/refresh\n * - saxHomeOutline -> outline/home\n * - saxUserLinear -> linear/user\n */\nfunction convertIconSaxIconName(name: string): { style: string; iconName: string } | null {\n  let iconPart = name.replace(/^sax/, '');\n  // Extract style suffix (Bold, Outline, Linear, Bulk, Broken, TwoTone)\n  const styleMatch = iconPart.match(/(Bold|Outline|Linear|Bulk|Broken|TwoTone)$/i);\n  if (!styleMatch) {\n    return null;\n  }\n\n  const style = styleMatch[1].toLowerCase();\n  const styleFolder = style === 'twotone' ? 'twotone' : style;\n  iconPart = iconPart.replace(/(Bold|Outline|Linear|Bulk|Broken|TwoTone)$/i, '');\n  const iconName = iconPart\n    .replace(/([A-Z])/g, '-$1')\n    .replace(/(\\d+)/g, '-$1')\n    .toLowerCase()\n    .replace(/^-/, '')\n    .replace(/--+/g, '-');\n\n  return { style: styleFolder, iconName };\n}\n\nconst LUCIDE_CDN_URL = 'https://cdn.jsdelivr.net/npm/lucide-static@latest/icons';\nconst SAX_CDN_URL = 'https://cdn.jsdelivr.net/gh/placetopay-org/iconsax-vue@main/src/Base';\n\n/**\n * Provides hybrid icon loading from CDN with fallback to bundled icons:\n * - Primary: Load icons from CDN (Lucide & Iconsax)\n * - Fallback: Use bundled icons from Z_ICONS if CDN fails\n *\n * @example\n * ```typescript\n * // app.config.ts\n * providers: [\n *   provideHttpClient(),\n *   provideZIconLoader(),\n * ]\n * ```\n */\nfunction loadWithCache(\n  name: string,\n  url: string,\n  http: HttpClient,\n  normalizer: (svg: string) => string\n): Observable<string> {\n  return from(iconCacheDb.get<string>(name)).pipe(\n    switchMap(cached => {\n      if (cached) {\n        return of(cached);\n      }\n\n      return http.get(url, { responseType: 'text' }).pipe(\n        map(normalizer),\n        tap(svg => {\n          void iconCacheDb.set(name, svg);\n        }),\n        catchError(error => {\n          console.error(`[ZIcon] Failed to load \"${name}\" from ${url}`, error);\n          return of(getFallbackIcon(name));\n        })\n      );\n    }),\n    catchError(() => of(getFallbackIcon(name)))\n  );\n}\n\nexport function provideZIconLoader(): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    provideNgIconLoader(name => {\n      const http = inject(HttpClient);\n\n      if (name.startsWith('sax')) {\n        const parsed = convertIconSaxIconName(name);\n        if (!parsed) {\n          console.warn(`[ZIcon] Invalid Sax icon name: \"${name}\"`);\n          return of(getFallbackIcon(name));\n        }\n\n        const url = `${SAX_CDN_URL}/${parsed.style}/${parsed.iconName}.svg`;\n        return loadWithCache(name, url, http, normalizeSaxSvg);\n      }\n\n      if (name.startsWith('lucide')) {\n        const iconName = convertLucideIconName(name);\n        const url = `${LUCIDE_CDN_URL}/${iconName}.svg`;\n        return loadWithCache(name, url, http, normalizeLucideSvg);\n      }\n\n      console.warn(`[ZIcon] Unknown icon: \"${name}\"`);\n      return of(getFallbackIcon(name));\n    }, withCaching()),\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["NgIcon"],"mappings":"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"}

package/fesm2022/shival99-z-ui-components-z-select.mjs

@@ -1064,7 +1064,7 @@ class ZSelectComponent {
                 useExisting: forwardRef(() => ZSelectComponent),
                 multi: true,
             },
-        ], queries: [{ propertyName: "customSelectedDirective", first: true, predicate: (ZSelectSelectedDirective), descendants: true, isSignal: true }, { propertyName: "customOptionDirective", first: true, predicate: (ZSelectOptionDirective), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerEl"], descendants: true, isSignal: true }, { propertyName: "searchInputRef", first: true, predicate: ["dropdownSearchInput"], descendants: true, isSignal: true }, { propertyName: "dropdownTpl", first: true, predicate: ["dropdownTpl"], descendants: true, isSignal: true }, { propertyName: "optionsContainerRef", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }, { propertyName: "virtualScrollRef", first: true, predicate: ["virtualScrollElement"], descendants: true, isSignal: true }, { propertyName: "loadMoreSentinelRef", first: true, predicate: ["loadMoreSentinel"], descendants: true, isSignal: true }], exportAs: ["zSelect"], ngImport: i0, template: "<div class=\"z-select-wrapper relative flex w-full flex-col gap-2\">\n  @if (zLabel()) {\n    <label [for]=\"selectId\" class=\"text-xs leading-none font-medium\" [class]=\"zLabelClass()\">\n      {{ zLabel() }}\n      @if (zRequired()) {\n        <span class=\"text-destructive! ml-0.5\">*</span>\n      }\n    </label>\n  }\n\n  <div\n    #triggerEl\n    [id]=\"selectId\"\n    z-popover\n    [zPopoverContent]=\"dropdownTpl\"\n    [zOffset]=\"6\"\n    [zDisabled]=\"isInteractionDisabled()\"\n    [zScrollClose]=\"zScrollClose()\"\n    zTrigger=\"click\"\n    zPosition=\"bottom\"\n    zClass=\"border-0 shadow-none bg-transparent p-0\"\n    (zControl)=\"onPopoverControl($event)\"\n    (zShow)=\"onPopoverShow()\"\n    (zHideStart)=\"onPopoverHideStart()\"\n    (zHide)=\"onPopoverHideEnd()\"\n    class=\"z-select-trigger cursor-pointer\"\n    [class]=\"selectClasses()\"\n    [class.z-select-open]=\"isOpen()\"\n    (mousedown)=\"onTriggerMousedown()\"\n    (keydown)=\"onTriggerKeydown($event)\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.aria-controls]=\"dropdownId\">\n    @if (zPrefix()) {\n      <z-icon [zType]=\"zPrefix() || 'lucideChevronDown'\" zSize=\"16\" class=\"text-muted-foreground shrink-0\" />\n    }\n\n    <div\n      class=\"z-select-tags-wrapper flex min-w-0 flex-1 items-center gap-1\"\n      [class.flex-wrap]=\"zWrap()\"\n      [class.overflow-hidden]=\"!zWrap()\">\n      @if (isMultipleMode()) {\n        @if (selectedOptions().length === 0) {\n          <span class=\"text-muted-foreground truncate whitespace-nowrap\">\n            {{ effectivePlaceholder() }}\n          </span>\n        } @else {\n          @for (opt of displayedTags(); track opt.value) {\n            <span\n              #tagEl\n              [class]=\"opt | zTagClasses: zSize() : isTagsMode()\"\n              class=\"z-select-tag\"\n              [class.min-w-0]=\"!zWrap()\"\n              [class.shrink]=\"!zWrap()\">\n              @if (effectiveSelectedTemplate()) {\n                <ng-container *ngTemplateOutlet=\"effectiveSelectedTemplate()!; context: { $implicit: opt }\" />\n              } @else {\n                <span\n                  class=\"truncate\"\n                  [class.max-w-25]=\"zWrap()\"\n                  z-tooltip\n                  [zContent]=\"opt.label\"\n                  zPosition=\"top\"\n                  [zHideDelay]=\"0\"\n                  [zOffset]=\"6\"\n                  [zTriggerElement]=\"tagEl\">\n                  {{ opt.label }}\n                </span>\n              }\n              @if (zAllowClear() && !isDisabled()) {\n                <button\n                  type=\"button\"\n                  class=\"-mr-0.5 flex size-3.5 shrink-0 items-center justify-center rounded-[3px] transition-colors hover:bg-black/10\"\n                  (click)=\"removeOption($event, opt)\"\n                  tabindex=\"-1\">\n                  <z-icon zType=\"lucideX\" zSize=\"10\" />\n                </button>\n              }\n            </span>\n          }\n          @if (remainingCount() > 0) {\n            <span class=\"z-select-remaining text-muted-foreground bg-muted rounded px-1.5 py-0.5 text-xs font-medium\">\n              +{{ remainingCount() }}\n            </span>\n          }\n        }\n      } @else {\n        @if (selectedOption()) {\n          @if (effectiveSelectedTemplate()) {\n            <ng-container *ngTemplateOutlet=\"effectiveSelectedTemplate()!; context: { $implicit: selectedOption() }\" />\n          } @else {\n            <span\n              class=\"truncate\"\n              z-tooltip\n              [zContent]=\"selectedOption()!.label\"\n              zPosition=\"top\"\n              [zHideDelay]=\"0\"\n              [zOffset]=\"10\">\n              {{ selectedOption()!.label }}\n            </span>\n          }\n        } @else {\n          <span class=\"text-muted-foreground truncate whitespace-nowrap\">\n            {{ effectivePlaceholder() }}\n          </span>\n        }\n      }\n    </div>\n\n    @if (zLoading() || zLoadingMore()) {\n      <z-icon zType=\"lucideLoaderCircle\" zSize=\"14\" class=\"text-muted-foreground shrink-0 animate-spin\" />\n    }\n\n    @if (!zLoading() && zAllowClear() && hasValue() && !isDisabled() && !isReadonly()) {\n      <button\n        type=\"button\"\n        class=\"text-muted-foreground hover:text-foreground flex shrink-0 items-center justify-center transition-colors\"\n        (click)=\"clearAll($event)\"\n        tabindex=\"-1\">\n        <z-icon zType=\"lucideX\" zSize=\"14\" />\n      </button>\n    }\n\n    @if (isValidating()) {\n      <z-icon zType=\"lucideLoader2\" zSize=\"14\" class=\"text-muted-foreground shrink-0 animate-spin\" />\n    }\n\n    <z-icon\n      zType=\"lucideChevronDown\"\n      zSize=\"16\"\n      class=\"text-muted-foreground shrink-0 transition-transform duration-200\"\n      [class.rotate-180]=\"isOpen()\" />\n  </div>\n\n  @if (showError()) {\n    <p class=\"text-destructive animate-in fade-in slide-in-from-top-1 m-0 text-xs duration-200\">\n      {{ errorMessage() }}\n    </p>\n  }\n</div>\n\n<ng-template #dropdownTpl let-close=\"close\">\n  <div\n    [id]=\"dropdownId\"\n    class=\"z-select-dropdown bg-popover border-border rounded-[6px] border shadow-lg\"\n    [style.width.px]=\"dropdownWidth()\">\n    @if (zShowSearch()) {\n      <div class=\"border-border flex items-center border-b px-3\">\n        <z-icon zType=\"lucideSearch\" zSize=\"16\" class=\"text-muted-foreground/50 mr-2 shrink-0\" />\n        <input\n          #dropdownSearchInput\n          type=\"text\"\n          class=\"placeholder:text-muted-foreground text-foreground flex h-10 w-full bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\"\n          [placeholder]=\"effectivePlaceholderSearch()\"\n          [ngModel]=\"searchText()\"\n          (ngModelChange)=\"onSearchChange($event)\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          spellcheck=\"false\" />\n      </div>\n    }\n\n    @if (zLoading()) {\n      <div class=\"flex flex-col items-center justify-center py-8\">\n        <z-loading [zLoading]=\"true\" zSize=\"default\" />\n      </div>\n    } @else {\n      @if (shouldUseVirtualScroll()) {\n        <div\n          #virtualScrollElement\n          class=\"z-select-options z-select-virtual-scroll overflow-x-hidden overflow-y-auto overscroll-y-contain p-1\"\n          [style.height.px]=\"optionsMaxHeight()\">\n          <div class=\"z-select-virtual-inner relative\" [style.height.px]=\"virtualizer.getTotalSize()\">\n            @for (virtualItem of virtualizer.getVirtualItems(); track virtualItem.index) {\n              @let opt = filteredOptions()[virtualItem.index];\n              <div\n                #optionEl\n                class=\"z-select-option absolute right-0 left-0 min-w-0\"\n                [ngClass]=\"opt | zIsSelected: currentValue() : isMultipleMode() | zOptionClasses: opt.disabled\"\n                [style.height.px]=\"zOptionHeight()\"\n                [style.transform]=\"'translateY(' + virtualItem.start + 'px)'\"\n                (click)=\"selectOption(opt, close)\">\n                @if (effectiveOptionTemplate()) {\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      effectiveOptionTemplate()!;\n                      context: { $implicit: opt, selected: opt | zIsSelected: currentValue() : isMultipleMode() }\n                    \" />\n                } @else {\n                  <span\n                    class=\"min-w-0 flex-1 truncate\"\n                    z-tooltip\n                    [zContent]=\"opt.label\"\n                    zPosition=\"top\"\n                    [zHideDelay]=\"0\"\n                    [zOffset]=\"5\"\n                    [zArrow]=\"false\"\n                    [zTriggerElement]=\"optionEl\"\n                    [innerHTML]=\"opt.label | zHighlight: searchText() | zSafeHtml\"></span>\n                }\n                @if (opt | zIsSelected: currentValue() : isMultipleMode()) {\n                  <z-icon zType=\"lucideCheck\" zSize=\"14\" class=\"text-primary ml-auto shrink-0\" />\n                }\n              </div>\n            }\n          </div>\n          @if (zLoadingMore()) {\n            <div\n              class=\"bg-popover/80 absolute right-0 bottom-0 left-0 flex items-center justify-center py-2\"\n              [style.transform]=\"'translateY(' + virtualizer.getTotalSize() + 'px)'\">\n              <z-loading zSize=\"xs\" [zLoading]=\"true\" />\n            </div>\n          }\n        </div>\n      } @else {\n        <div\n          #optionsContainer\n          class=\"z-select-options flex flex-col gap-0.75 overflow-x-hidden overflow-y-auto overscroll-y-contain p-1\"\n          [style.maxHeight.px]=\"optionsMaxHeight()\">\n          @for (opt of filteredOptions(); track opt.value) {\n            <div\n              #optionEl2\n              class=\"z-select-option relative min-w-0\"\n              [ngClass]=\"opt | zIsSelected: currentValue() : isMultipleMode() | zOptionClasses: opt.disabled\"\n              [style.minHeight.px]=\"zOptionHeight()\"\n              (click)=\"selectOption(opt, close)\">\n              @if (effectiveOptionTemplate()) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    effectiveOptionTemplate()!;\n                    context: { $implicit: opt, selected: opt | zIsSelected: currentValue() : isMultipleMode() }\n                  \" />\n              } @else {\n                <span\n                  class=\"min-w-0 flex-1 truncate\"\n                  z-tooltip\n                  [zContent]=\"opt.label\"\n                  zPosition=\"top\"\n                  [zArrow]=\"false\"\n                  [zOffset]=\"5\"\n                  [zHideDelay]=\"0\"\n                  [zTriggerElement]=\"optionEl2\"\n                  [innerHTML]=\"opt.label | zHighlight: searchText() | zSafeHtml\"></span>\n              }\n              @if (opt | zIsSelected: currentValue() : isMultipleMode()) {\n                <z-icon zType=\"lucideCheck\" zSize=\"14\" class=\"text-primary ml-auto shrink-0\" />\n              }\n            </div>\n          }\n          @if (zEnableLoadMore()) {\n            <div #loadMoreSentinel class=\"h-px w-full shrink-0\"></div>\n          }\n        </div>\n      }\n\n      @if (filteredOptions().length === 0) {\n        @if (isEmptyData()) {\n          <z-empty [zIcon]=\"zEmptyIcon()\" zSize=\"sm\" [zMessage]=\"effectiveEmptyText()\" />\n        } @else {\n          <z-empty zIcon=\"lucideSearchX\" zSize=\"sm\" [zMessage]=\"effectiveNotFoundText()\" />\n        }\n      }\n\n      @if (zLoadingMore()) {\n        <div class=\"z-select-loading-more border-border/50 flex items-center justify-center border-t py-1.5\">\n          <z-loading zSize=\"xs\" [zLoading]=\"true\" />\n        </div>\n      }\n    }\n\n    @if (zShowAction() && isMultipleMode()) {\n      <div class=\"border-border flex items-center gap-2 border-t px-2 py-1.5\">\n        @if (zActionTemplate()) {\n          <ng-container *ngTemplateOutlet=\"zActionTemplate()!\" />\n        } @else {\n          <z-button zSize=\"xs\" zType=\"ghost-info\" class=\"flex-1\" (click)=\"selectAll()\" [zWave]=\"false\">\n            <z-icon zType=\"lucideCheckCheck\" zSize=\"14\" />\n            {{ effectiveSelectAllText() }}\n          </z-button>\n          <z-button zSize=\"xs\" zType=\"ghost-error\" class=\"flex-1\" (click)=\"removeAll()\" [zWave]=\"false\">\n            <z-icon zType=\"lucideX\" zSize=\"14\" />\n            {{ effectiveClearAllText() }}\n          </z-button>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".z-select-trigger{-webkit-user-select:none;user-select:none}.z-select-trigger:focus{outline:none}.z-select-trigger *{cursor:inherit}.z-select-tag{-webkit-user-select:none;user-select:none;animation:z-select-tag-enter .2s cubic-bezier(.4,0,.2,1);transition:transform .15s ease}.z-select-tag:hover{transform:translateY(-1px)}.z-select-tag:active{transform:scale(.95)}@keyframes z-select-tag-enter{0%{opacity:0;transform:scale(.8) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.z-select-remaining{animation:z-select-remaining-enter .25s cubic-bezier(.4,0,.2,1)}@keyframes z-select-remaining-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.z-select-dropdown{animation:z-select-dropdown-enter .15s ease-out;contain:layout style;will-change:transform,opacity}@keyframes z-select-dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.z-select-options{overflow-x:hidden!important}.z-select-virtual-scroll .z-select-virtual-inner{width:100%}.z-select-loading-more{animation:z-select-loading-enter .2s ease-out}@keyframes z-select-loading-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "directive", type: ZPopoverDirective, selector: "[z-popover]", inputs: ["zPopoverContent", "zPosition", "zTrigger", "zClass", "zShowDelay", "zHideDelay", "zDisabled", "zOffset", "zPopoverWidth", "zManualClose", "zScrollClose", "zShowArrow"], outputs: ["zShow", "zHide", "zHideStart", "zControl"], exportAs: ["zPopover"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ZButtonComponent, selector: "z-button, button[z-button], a[z-button]", inputs: ["class", "zType", "zSize", "zShape", "zLabel", "zLoading", "zDisabled", "zTypeIcon", "zSizeIcon", "zStrokeWidthIcon", "zWave"], exportAs: ["zButton"] }, { kind: "component", type: ZEmptyComponent, selector: "z-empty", inputs: ["class", "zType", "zIcon", "zIconSize", "zSize", "zMessage", "zDescription"] }, { kind: "directive", type: ZTooltipDirective, selector: "[z-tooltip], [zTooltip]", inputs: ["zContent", "zPosition", "zTrigger", "zTooltipType", "zTooltipSize", "zClass", "zShowDelay", "zHideDelay", "zArrow", "zDisabled", "zOffset", "zAutoDetect", "zTriggerElement", "zAlwaysShow", "zMaxWidth"], outputs: ["zShow", "zHide"], exportAs: ["zTooltip"] }, { kind: "component", type: ZLoadingComponent, selector: "z-loading", inputs: ["class", "zSpinner", "zSize", "zColor", "zText", "zOverlay", "zOverlayType", "zFullscreen", "zLoading"] }, { kind: "pipe", type: ZIsSelectedPipe, name: "zIsSelected" }, { kind: "pipe", type: ZOptionClassesPipe, name: "zOptionClasses" }, { kind: "pipe", type: ZTagClassesPipe, name: "zTagClasses" }, { kind: "pipe", type: ZHighlightPipe, name: "zHighlight" }, { kind: "pipe", type: ZSafeHtmlPipe, name: "zSafeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], queries: [{ propertyName: "customSelectedDirective", first: true, predicate: (ZSelectSelectedDirective), descendants: true, isSignal: true }, { propertyName: "customOptionDirective", first: true, predicate: (ZSelectOptionDirective), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerEl"], descendants: true, isSignal: true }, { propertyName: "searchInputRef", first: true, predicate: ["dropdownSearchInput"], descendants: true, isSignal: true }, { propertyName: "dropdownTpl", first: true, predicate: ["dropdownTpl"], descendants: true, isSignal: true }, { propertyName: "optionsContainerRef", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }, { propertyName: "virtualScrollRef", first: true, predicate: ["virtualScrollElement"], descendants: true, isSignal: true }, { propertyName: "loadMoreSentinelRef", first: true, predicate: ["loadMoreSentinel"], descendants: true, isSignal: true }], exportAs: ["zSelect"], ngImport: i0, template: "<div class=\"z-select-wrapper relative flex w-full flex-col gap-2\">\n  @if (zLabel()) {\n    <label [for]=\"selectId\" class=\"text-xs leading-none font-medium\" [class]=\"zLabelClass()\">\n      {{ zLabel() }}\n      @if (zRequired()) {\n        <span class=\"text-destructive! ml-0.5\">*</span>\n      }\n    </label>\n  }\n\n  <div\n    #triggerEl\n    [id]=\"selectId\"\n    z-popover\n    [zPopoverContent]=\"dropdownTpl\"\n    [zOffset]=\"6\"\n    [zDisabled]=\"isInteractionDisabled()\"\n    [zScrollClose]=\"zScrollClose()\"\n    zTrigger=\"click\"\n    zPosition=\"bottom\"\n    zClass=\"border-0 shadow-none bg-transparent p-0\"\n    (zControl)=\"onPopoverControl($event)\"\n    (zShow)=\"onPopoverShow()\"\n    (zHideStart)=\"onPopoverHideStart()\"\n    (zHide)=\"onPopoverHideEnd()\"\n    class=\"z-select-trigger cursor-pointer\"\n    [class]=\"selectClasses()\"\n    [class.z-select-open]=\"isOpen()\"\n    (mousedown)=\"onTriggerMousedown()\"\n    (keydown)=\"onTriggerKeydown($event)\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.aria-controls]=\"dropdownId\">\n    @if (zPrefix()) {\n      <z-icon [zType]=\"zPrefix() || 'lucideChevronDown'\" zSize=\"16\" class=\"text-muted-foreground shrink-0\" />\n    }\n\n    <div\n      class=\"z-select-tags-wrapper flex min-w-0 flex-1 items-center gap-1\"\n      [class.flex-wrap]=\"zWrap()\"\n      [class.overflow-hidden]=\"!zWrap()\">\n      @if (isMultipleMode()) {\n        @if (selectedOptions().length === 0) {\n          <span class=\"text-muted-foreground truncate whitespace-nowrap\">\n            {{ effectivePlaceholder() }}\n          </span>\n        } @else {\n          @for (opt of displayedTags(); track opt.value) {\n            <span\n              #tagEl\n              [class]=\"opt | zTagClasses: zSize() : isTagsMode()\"\n              class=\"z-select-tag\"\n              [class.min-w-0]=\"!zWrap()\"\n              [class.shrink]=\"!zWrap()\">\n              @if (effectiveSelectedTemplate()) {\n                <ng-container *ngTemplateOutlet=\"effectiveSelectedTemplate()!; context: { $implicit: opt }\" />\n              } @else {\n                <span\n                  class=\"truncate\"\n                  [class.max-w-25]=\"zWrap()\"\n                  z-tooltip\n                  [zContent]=\"opt.label\"\n                  zPosition=\"top\"\n                  [zHideDelay]=\"0\"\n                  [zOffset]=\"6\"\n                  [zTriggerElement]=\"tagEl\">\n                  {{ opt.label }}\n                </span>\n              }\n              @if (zAllowClear() && !isDisabled()) {\n                <button\n                  type=\"button\"\n                  class=\"-mr-0.5 flex size-3.5 shrink-0 items-center justify-center rounded-[3px] transition-colors hover:bg-black/10\"\n                  (click)=\"removeOption($event, opt)\"\n                  tabindex=\"-1\">\n                  <z-icon zType=\"lucideX\" zSize=\"10\" />\n                </button>\n              }\n            </span>\n          }\n          @if (remainingCount() > 0) {\n            <span class=\"z-select-remaining text-muted-foreground bg-muted rounded px-1.5 py-0.5 text-xs font-medium\">\n              +{{ remainingCount() }}\n            </span>\n          }\n        }\n      } @else {\n        @if (selectedOption()) {\n          @if (effectiveSelectedTemplate()) {\n            <ng-container *ngTemplateOutlet=\"effectiveSelectedTemplate()!; context: { $implicit: selectedOption() }\" />\n          } @else {\n            <span\n              class=\"truncate\"\n              z-tooltip\n              [zContent]=\"selectedOption()!.label\"\n              zPosition=\"top\"\n              [zHideDelay]=\"0\"\n              [zOffset]=\"10\">\n              {{ selectedOption()!.label }}\n            </span>\n          }\n        } @else {\n          <span class=\"text-muted-foreground truncate whitespace-nowrap\">\n            {{ effectivePlaceholder() }}\n          </span>\n        }\n      }\n    </div>\n\n    @if (zLoading() || zLoadingMore()) {\n      <z-icon zType=\"lucideLoaderCircle\" zSize=\"14\" class=\"text-muted-foreground shrink-0 animate-spin\" />\n    }\n\n    @if (!zLoading() && zAllowClear() && hasValue() && !isDisabled() && !isReadonly()) {\n      <button\n        type=\"button\"\n        class=\"text-muted-foreground hover:text-foreground flex shrink-0 items-center justify-center transition-colors\"\n        (click)=\"clearAll($event)\"\n        tabindex=\"-1\">\n        <z-icon zType=\"lucideX\" zSize=\"14\" />\n      </button>\n    }\n\n    @if (isValidating()) {\n      <z-icon zType=\"lucideLoader2\" zSize=\"14\" class=\"text-muted-foreground shrink-0 animate-spin\" />\n    }\n\n    <z-icon\n      zType=\"lucideChevronDown\"\n      zSize=\"16\"\n      class=\"text-muted-foreground shrink-0 transition-transform duration-200\"\n      [class.rotate-180]=\"isOpen()\" />\n  </div>\n\n  @if (showError()) {\n    <p class=\"text-destructive animate-in fade-in slide-in-from-top-1 m-0 text-xs duration-200\">\n      {{ errorMessage() }}\n    </p>\n  }\n</div>\n\n<ng-template #dropdownTpl let-close=\"close\">\n  <div\n    [id]=\"dropdownId\"\n    class=\"z-select-dropdown bg-popover border-border rounded-[6px] border shadow-lg\"\n    [style.width.px]=\"dropdownWidth()\">\n    @if (zShowSearch()) {\n      <div class=\"border-border flex items-center border-b px-3\">\n        <z-icon zType=\"lucideSearch\" zSize=\"16\" class=\"text-muted-foreground/50 mr-2 shrink-0\" />\n        <input\n          #dropdownSearchInput\n          type=\"text\"\n          class=\"placeholder:text-muted-foreground text-foreground flex h-10 w-full bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\"\n          [placeholder]=\"effectivePlaceholderSearch()\"\n          [ngModel]=\"searchText()\"\n          (ngModelChange)=\"onSearchChange($event)\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          spellcheck=\"false\" />\n      </div>\n    }\n\n    @if (zLoading()) {\n      <div class=\"flex flex-col items-center justify-center py-8\">\n        <z-loading [zLoading]=\"true\" zSize=\"default\" />\n      </div>\n    } @else {\n      @if (shouldUseVirtualScroll()) {\n        <div\n          #virtualScrollElement\n          class=\"z-select-options z-select-virtual-scroll overflow-x-hidden overflow-y-auto overscroll-y-contain p-1\"\n          [style.height.px]=\"optionsMaxHeight()\">\n          <div class=\"z-select-virtual-inner relative\" [style.height.px]=\"virtualizer.getTotalSize()\">\n            @for (virtualItem of virtualizer.getVirtualItems(); track virtualItem.index) {\n              @let opt = filteredOptions()[virtualItem.index];\n              <div\n                #optionEl\n                class=\"z-select-option absolute right-0 left-0 min-w-0\"\n                [ngClass]=\"opt | zIsSelected: currentValue() : isMultipleMode() | zOptionClasses: opt.disabled\"\n                [style.height.px]=\"zOptionHeight()\"\n                [style.transform]=\"'translateY(' + virtualItem.start + 'px)'\"\n                (click)=\"selectOption(opt, close)\">\n                @if (effectiveOptionTemplate()) {\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      effectiveOptionTemplate()!;\n                      context: { $implicit: opt, selected: opt | zIsSelected: currentValue() : isMultipleMode() }\n                    \" />\n                } @else {\n                  <span\n                    class=\"min-w-0 flex-1 truncate\"\n                    z-tooltip\n                    [zContent]=\"opt.label\"\n                    zPosition=\"top\"\n                    [zHideDelay]=\"0\"\n                    [zOffset]=\"5\"\n                    [zArrow]=\"false\"\n                    [zTriggerElement]=\"optionEl\"\n                    [innerHTML]=\"opt.label | zHighlight: searchText() | zSafeHtml\"></span>\n                }\n                @if (opt | zIsSelected: currentValue() : isMultipleMode()) {\n                  <z-icon zType=\"lucideCheck\" zSize=\"14\" class=\"text-primary ml-auto shrink-0\" />\n                }\n              </div>\n            }\n          </div>\n          @if (zLoadingMore()) {\n            <div\n              class=\"bg-popover/80 absolute right-0 bottom-0 left-0 flex items-center justify-center py-2\"\n              [style.transform]=\"'translateY(' + virtualizer.getTotalSize() + 'px)'\">\n              <z-loading zSize=\"xs\" [zLoading]=\"true\" />\n            </div>\n          }\n        </div>\n      } @else {\n        <div\n          #optionsContainer\n          class=\"z-select-options flex flex-col gap-0.75 overflow-x-hidden overflow-y-auto overscroll-y-contain p-1\"\n          [style.maxHeight.px]=\"optionsMaxHeight()\">\n          @for (opt of filteredOptions(); track opt.value) {\n            <div\n              #optionEl2\n              class=\"z-select-option relative min-w-0\"\n              [ngClass]=\"opt | zIsSelected: currentValue() : isMultipleMode() | zOptionClasses: opt.disabled\"\n              [style.minHeight.px]=\"zOptionHeight()\"\n              (click)=\"selectOption(opt, close)\">\n              @if (effectiveOptionTemplate()) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    effectiveOptionTemplate()!;\n                    context: { $implicit: opt, selected: opt | zIsSelected: currentValue() : isMultipleMode() }\n                  \" />\n              } @else {\n                <span\n                  class=\"min-w-0 flex-1 truncate\"\n                  z-tooltip\n                  [zContent]=\"opt.label\"\n                  zPosition=\"top\"\n                  [zArrow]=\"false\"\n                  [zOffset]=\"5\"\n                  [zHideDelay]=\"0\"\n                  [zTriggerElement]=\"optionEl2\"\n                  [innerHTML]=\"opt.label | zHighlight: searchText() | zSafeHtml\"></span>\n              }\n              @if (opt | zIsSelected: currentValue() : isMultipleMode()) {\n                <z-icon zType=\"lucideCheck\" zSize=\"14\" class=\"text-primary ml-auto shrink-0\" />\n              }\n            </div>\n          }\n          @if (zEnableLoadMore()) {\n            <div #loadMoreSentinel class=\"h-px w-full shrink-0\"></div>\n          }\n        </div>\n      }\n\n      @if (filteredOptions().length === 0) {\n        @if (isEmptyData()) {\n          <z-empty [zIcon]=\"zEmptyIcon()\" zSize=\"sm\" [zMessage]=\"effectiveEmptyText()\" />\n        } @else {\n          <z-empty zIcon=\"lucideSearchX\" zSize=\"sm\" [zMessage]=\"effectiveNotFoundText()\" />\n        }\n      }\n\n      @if (zLoadingMore()) {\n        <div class=\"z-select-loading-more border-border/50 flex items-center justify-center border-t py-1.5\">\n          <z-loading zSize=\"xs\" [zLoading]=\"true\" />\n        </div>\n      }\n    }\n\n    @if (zShowAction() && isMultipleMode()) {\n      <div class=\"border-border flex items-center gap-2 border-t px-2 py-1.5\">\n        @if (zActionTemplate()) {\n          <ng-container *ngTemplateOutlet=\"zActionTemplate()!\" />\n        } @else {\n          <z-button zSize=\"xs\" zType=\"ghost-info\" class=\"min-w-0 flex-1\" (click)=\"selectAll()\" [zWave]=\"false\">\n            <z-icon zType=\"lucideCheckCheck\" zSize=\"14\" class=\"shrink-0\" />\n            <span class=\"truncate\">{{ effectiveSelectAllText() }}</span>\n          </z-button>\n          <z-button zSize=\"xs\" zType=\"ghost-error\" class=\"min-w-0 flex-1\" (click)=\"removeAll()\" [zWave]=\"false\">\n            <z-icon zType=\"lucideX\" zSize=\"14\" class=\"shrink-0\" />\n            <span class=\"truncate\">{{ effectiveClearAllText() }}</span>\n          </z-button>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".z-select-trigger{-webkit-user-select:none;user-select:none}.z-select-trigger:focus{outline:none}.z-select-trigger *{cursor:inherit}.z-select-tag{-webkit-user-select:none;user-select:none;animation:z-select-tag-enter .2s cubic-bezier(.4,0,.2,1);transition:transform .15s ease}.z-select-tag:hover{transform:translateY(-1px)}.z-select-tag:active{transform:scale(.95)}@keyframes z-select-tag-enter{0%{opacity:0;transform:scale(.8) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.z-select-remaining{animation:z-select-remaining-enter .25s cubic-bezier(.4,0,.2,1)}@keyframes z-select-remaining-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.z-select-dropdown{animation:z-select-dropdown-enter .15s ease-out;contain:layout style;will-change:transform,opacity}@keyframes z-select-dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.z-select-options{overflow-x:hidden!important}.z-select-virtual-scroll .z-select-virtual-inner{width:100%}.z-select-loading-more{animation:z-select-loading-enter .2s ease-out}@keyframes z-select-loading-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ZIconComponent, selector: "z-icon, [z-icon]", inputs: ["class", "zType", "zSize", "zStrokeWidth", "zSvg"] }, { kind: "directive", type: ZPopoverDirective, selector: "[z-popover]", inputs: ["zPopoverContent", "zPosition", "zTrigger", "zClass", "zShowDelay", "zHideDelay", "zDisabled", "zOffset", "zPopoverWidth", "zManualClose", "zScrollClose", "zShowArrow"], outputs: ["zShow", "zHide", "zHideStart", "zControl"], exportAs: ["zPopover"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ZButtonComponent, selector: "z-button, button[z-button], a[z-button]", inputs: ["class", "zType", "zSize", "zShape", "zLabel", "zLoading", "zDisabled", "zTypeIcon", "zSizeIcon", "zStrokeWidthIcon", "zWave"], exportAs: ["zButton"] }, { kind: "component", type: ZEmptyComponent, selector: "z-empty", inputs: ["class", "zType", "zIcon", "zIconSize", "zSize", "zMessage", "zDescription"] }, { kind: "directive", type: ZTooltipDirective, selector: "[z-tooltip], [zTooltip]", inputs: ["zContent", "zPosition", "zTrigger", "zTooltipType", "zTooltipSize", "zClass", "zShowDelay", "zHideDelay", "zArrow", "zDisabled", "zOffset", "zAutoDetect", "zTriggerElement", "zAlwaysShow", "zMaxWidth"], outputs: ["zShow", "zHide"], exportAs: ["zTooltip"] }, { kind: "component", type: ZLoadingComponent, selector: "z-loading", inputs: ["class", "zSpinner", "zSize", "zColor", "zText", "zOverlay", "zOverlayType", "zFullscreen", "zLoading"] }, { kind: "pipe", type: ZIsSelectedPipe, name: "zIsSelected" }, { kind: "pipe", type: ZOptionClassesPipe, name: "zOptionClasses" }, { kind: "pipe", type: ZTagClassesPipe, name: "zTagClasses" }, { kind: "pipe", type: ZHighlightPipe, name: "zHighlight" }, { kind: "pipe", type: ZSafeHtmlPipe, name: "zSafeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZSelectComponent, decorators: [{
             type: Component,
@@ -1089,7 +1089,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                             useExisting: forwardRef(() => ZSelectComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'zSelect', template: "<div class=\"z-select-wrapper relative flex w-full flex-col gap-2\">\n  @if (zLabel()) {\n    <label [for]=\"selectId\" class=\"text-xs leading-none font-medium\" [class]=\"zLabelClass()\">\n      {{ zLabel() }}\n      @if (zRequired()) {\n        <span class=\"text-destructive! ml-0.5\">*</span>\n      }\n    </label>\n  }\n\n  <div\n    #triggerEl\n    [id]=\"selectId\"\n    z-popover\n    [zPopoverContent]=\"dropdownTpl\"\n    [zOffset]=\"6\"\n    [zDisabled]=\"isInteractionDisabled()\"\n    [zScrollClose]=\"zScrollClose()\"\n    zTrigger=\"click\"\n    zPosition=\"bottom\"\n    zClass=\"border-0 shadow-none bg-transparent p-0\"\n    (zControl)=\"onPopoverControl($event)\"\n    (zShow)=\"onPopoverShow()\"\n    (zHideStart)=\"onPopoverHideStart()\"\n    (zHide)=\"onPopoverHideEnd()\"\n    class=\"z-select-trigger cursor-pointer\"\n    [class]=\"selectClasses()\"\n    [class.z-select-open]=\"isOpen()\"\n    (mousedown)=\"onTriggerMousedown()\"\n    (keydown)=\"onTriggerKeydown($event)\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.aria-controls]=\"dropdownId\">\n    @if (zPrefix()) {\n      <z-icon [zType]=\"zPrefix() || 'lucideChevronDown'\" zSize=\"16\" class=\"text-muted-foreground shrink-0\" />\n    }\n\n    <div\n      class=\"z-select-tags-wrapper flex min-w-0 flex-1 items-center gap-1\"\n      [class.flex-wrap]=\"zWrap()\"\n      [class.overflow-hidden]=\"!zWrap()\">\n      @if (isMultipleMode()) {\n        @if (selectedOptions().length === 0) {\n          <span class=\"text-muted-foreground truncate whitespace-nowrap\">\n            {{ effectivePlaceholder() }}\n          </span>\n        } @else {\n          @for (opt of displayedTags(); track opt.value) {\n            <span\n              #tagEl\n              [class]=\"opt | zTagClasses: zSize() : isTagsMode()\"\n              class=\"z-select-tag\"\n              [class.min-w-0]=\"!zWrap()\"\n              [class.shrink]=\"!zWrap()\">\n              @if (effectiveSelectedTemplate()) {\n                <ng-container *ngTemplateOutlet=\"effectiveSelectedTemplate()!; context: { $implicit: opt }\" />\n              } @else {\n                <span\n                  class=\"truncate\"\n                  [class.max-w-25]=\"zWrap()\"\n                  z-tooltip\n                  [zContent]=\"opt.label\"\n                  zPosition=\"top\"\n                  [zHideDelay]=\"0\"\n                  [zOffset]=\"6\"\n                  [zTriggerElement]=\"tagEl\">\n                  {{ opt.label }}\n                </span>\n              }\n              @if (zAllowClear() && !isDisabled()) {\n                <button\n                  type=\"button\"\n                  class=\"-mr-0.5 flex size-3.5 shrink-0 items-center justify-center rounded-[3px] transition-colors hover:bg-black/10\"\n                  (click)=\"removeOption($event, opt)\"\n                  tabindex=\"-1\">\n                  <z-icon zType=\"lucideX\" zSize=\"10\" />\n                </button>\n              }\n            </span>\n          }\n          @if (remainingCount() > 0) {\n            <span class=\"z-select-remaining text-muted-foreground bg-muted rounded px-1.5 py-0.5 text-xs font-medium\">\n              +{{ remainingCount() }}\n            </span>\n          }\n        }\n      } @else {\n        @if (selectedOption()) {\n          @if (effectiveSelectedTemplate()) {\n            <ng-container *ngTemplateOutlet=\"effectiveSelectedTemplate()!; context: { $implicit: selectedOption() }\" />\n          } @else {\n            <span\n              class=\"truncate\"\n              z-tooltip\n              [zContent]=\"selectedOption()!.label\"\n              zPosition=\"top\"\n              [zHideDelay]=\"0\"\n              [zOffset]=\"10\">\n              {{ selectedOption()!.label }}\n            </span>\n          }\n        } @else {\n          <span class=\"text-muted-foreground truncate whitespace-nowrap\">\n            {{ effectivePlaceholder() }}\n          </span>\n        }\n      }\n    </div>\n\n    @if (zLoading() || zLoadingMore()) {\n      <z-icon zType=\"lucideLoaderCircle\" zSize=\"14\" class=\"text-muted-foreground shrink-0 animate-spin\" />\n    }\n\n    @if (!zLoading() && zAllowClear() && hasValue() && !isDisabled() && !isReadonly()) {\n      <button\n        type=\"button\"\n        class=\"text-muted-foreground hover:text-foreground flex shrink-0 items-center justify-center transition-colors\"\n        (click)=\"clearAll($event)\"\n        tabindex=\"-1\">\n        <z-icon zType=\"lucideX\" zSize=\"14\" />\n      </button>\n    }\n\n    @if (isValidating()) {\n      <z-icon zType=\"lucideLoader2\" zSize=\"14\" class=\"text-muted-foreground shrink-0 animate-spin\" />\n    }\n\n    <z-icon\n      zType=\"lucideChevronDown\"\n      zSize=\"16\"\n      class=\"text-muted-foreground shrink-0 transition-transform duration-200\"\n      [class.rotate-180]=\"isOpen()\" />\n  </div>\n\n  @if (showError()) {\n    <p class=\"text-destructive animate-in fade-in slide-in-from-top-1 m-0 text-xs duration-200\">\n      {{ errorMessage() }}\n    </p>\n  }\n</div>\n\n<ng-template #dropdownTpl let-close=\"close\">\n  <div\n    [id]=\"dropdownId\"\n    class=\"z-select-dropdown bg-popover border-border rounded-[6px] border shadow-lg\"\n    [style.width.px]=\"dropdownWidth()\">\n    @if (zShowSearch()) {\n      <div class=\"border-border flex items-center border-b px-3\">\n        <z-icon zType=\"lucideSearch\" zSize=\"16\" class=\"text-muted-foreground/50 mr-2 shrink-0\" />\n        <input\n          #dropdownSearchInput\n          type=\"text\"\n          class=\"placeholder:text-muted-foreground text-foreground flex h-10 w-full bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\"\n          [placeholder]=\"effectivePlaceholderSearch()\"\n          [ngModel]=\"searchText()\"\n          (ngModelChange)=\"onSearchChange($event)\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          spellcheck=\"false\" />\n      </div>\n    }\n\n    @if (zLoading()) {\n      <div class=\"flex flex-col items-center justify-center py-8\">\n        <z-loading [zLoading]=\"true\" zSize=\"default\" />\n      </div>\n    } @else {\n      @if (shouldUseVirtualScroll()) {\n        <div\n          #virtualScrollElement\n          class=\"z-select-options z-select-virtual-scroll overflow-x-hidden overflow-y-auto overscroll-y-contain p-1\"\n          [style.height.px]=\"optionsMaxHeight()\">\n          <div class=\"z-select-virtual-inner relative\" [style.height.px]=\"virtualizer.getTotalSize()\">\n            @for (virtualItem of virtualizer.getVirtualItems(); track virtualItem.index) {\n              @let opt = filteredOptions()[virtualItem.index];\n              <div\n                #optionEl\n                class=\"z-select-option absolute right-0 left-0 min-w-0\"\n                [ngClass]=\"opt | zIsSelected: currentValue() : isMultipleMode() | zOptionClasses: opt.disabled\"\n                [style.height.px]=\"zOptionHeight()\"\n                [style.transform]=\"'translateY(' + virtualItem.start + 'px)'\"\n                (click)=\"selectOption(opt, close)\">\n                @if (effectiveOptionTemplate()) {\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      effectiveOptionTemplate()!;\n                      context: { $implicit: opt, selected: opt | zIsSelected: currentValue() : isMultipleMode() }\n                    \" />\n                } @else {\n                  <span\n                    class=\"min-w-0 flex-1 truncate\"\n                    z-tooltip\n                    [zContent]=\"opt.label\"\n                    zPosition=\"top\"\n                    [zHideDelay]=\"0\"\n                    [zOffset]=\"5\"\n                    [zArrow]=\"false\"\n                    [zTriggerElement]=\"optionEl\"\n                    [innerHTML]=\"opt.label | zHighlight: searchText() | zSafeHtml\"></span>\n                }\n                @if (opt | zIsSelected: currentValue() : isMultipleMode()) {\n                  <z-icon zType=\"lucideCheck\" zSize=\"14\" class=\"text-primary ml-auto shrink-0\" />\n                }\n              </div>\n            }\n          </div>\n          @if (zLoadingMore()) {\n            <div\n              class=\"bg-popover/80 absolute right-0 bottom-0 left-0 flex items-center justify-center py-2\"\n              [style.transform]=\"'translateY(' + virtualizer.getTotalSize() + 'px)'\">\n              <z-loading zSize=\"xs\" [zLoading]=\"true\" />\n            </div>\n          }\n        </div>\n      } @else {\n        <div\n          #optionsContainer\n          class=\"z-select-options flex flex-col gap-0.75 overflow-x-hidden overflow-y-auto overscroll-y-contain p-1\"\n          [style.maxHeight.px]=\"optionsMaxHeight()\">\n          @for (opt of filteredOptions(); track opt.value) {\n            <div\n              #optionEl2\n              class=\"z-select-option relative min-w-0\"\n              [ngClass]=\"opt | zIsSelected: currentValue() : isMultipleMode() | zOptionClasses: opt.disabled\"\n              [style.minHeight.px]=\"zOptionHeight()\"\n              (click)=\"selectOption(opt, close)\">\n              @if (effectiveOptionTemplate()) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    effectiveOptionTemplate()!;\n                    context: { $implicit: opt, selected: opt | zIsSelected: currentValue() : isMultipleMode() }\n                  \" />\n              } @else {\n                <span\n                  class=\"min-w-0 flex-1 truncate\"\n                  z-tooltip\n                  [zContent]=\"opt.label\"\n                  zPosition=\"top\"\n                  [zArrow]=\"false\"\n                  [zOffset]=\"5\"\n                  [zHideDelay]=\"0\"\n                  [zTriggerElement]=\"optionEl2\"\n                  [innerHTML]=\"opt.label | zHighlight: searchText() | zSafeHtml\"></span>\n              }\n              @if (opt | zIsSelected: currentValue() : isMultipleMode()) {\n                <z-icon zType=\"lucideCheck\" zSize=\"14\" class=\"text-primary ml-auto shrink-0\" />\n              }\n            </div>\n          }\n          @if (zEnableLoadMore()) {\n            <div #loadMoreSentinel class=\"h-px w-full shrink-0\"></div>\n          }\n        </div>\n      }\n\n      @if (filteredOptions().length === 0) {\n        @if (isEmptyData()) {\n          <z-empty [zIcon]=\"zEmptyIcon()\" zSize=\"sm\" [zMessage]=\"effectiveEmptyText()\" />\n        } @else {\n          <z-empty zIcon=\"lucideSearchX\" zSize=\"sm\" [zMessage]=\"effectiveNotFoundText()\" />\n        }\n      }\n\n      @if (zLoadingMore()) {\n        <div class=\"z-select-loading-more border-border/50 flex items-center justify-center border-t py-1.5\">\n          <z-loading zSize=\"xs\" [zLoading]=\"true\" />\n        </div>\n      }\n    }\n\n    @if (zShowAction() && isMultipleMode()) {\n      <div class=\"border-border flex items-center gap-2 border-t px-2 py-1.5\">\n        @if (zActionTemplate()) {\n          <ng-container *ngTemplateOutlet=\"zActionTemplate()!\" />\n        } @else {\n          <z-button zSize=\"xs\" zType=\"ghost-info\" class=\"flex-1\" (click)=\"selectAll()\" [zWave]=\"false\">\n            <z-icon zType=\"lucideCheckCheck\" zSize=\"14\" />\n            {{ effectiveSelectAllText() }}\n          </z-button>\n          <z-button zSize=\"xs\" zType=\"ghost-error\" class=\"flex-1\" (click)=\"removeAll()\" [zWave]=\"false\">\n            <z-icon zType=\"lucideX\" zSize=\"14\" />\n            {{ effectiveClearAllText() }}\n          </z-button>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".z-select-trigger{-webkit-user-select:none;user-select:none}.z-select-trigger:focus{outline:none}.z-select-trigger *{cursor:inherit}.z-select-tag{-webkit-user-select:none;user-select:none;animation:z-select-tag-enter .2s cubic-bezier(.4,0,.2,1);transition:transform .15s ease}.z-select-tag:hover{transform:translateY(-1px)}.z-select-tag:active{transform:scale(.95)}@keyframes z-select-tag-enter{0%{opacity:0;transform:scale(.8) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.z-select-remaining{animation:z-select-remaining-enter .25s cubic-bezier(.4,0,.2,1)}@keyframes z-select-remaining-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.z-select-dropdown{animation:z-select-dropdown-enter .15s ease-out;contain:layout style;will-change:transform,opacity}@keyframes z-select-dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.z-select-options{overflow-x:hidden!important}.z-select-virtual-scroll .z-select-virtual-inner{width:100%}.z-select-loading-more{animation:z-select-loading-enter .2s ease-out}@keyframes z-select-loading-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'zSelect', template: "<div class=\"z-select-wrapper relative flex w-full flex-col gap-2\">\n  @if (zLabel()) {\n    <label [for]=\"selectId\" class=\"text-xs leading-none font-medium\" [class]=\"zLabelClass()\">\n      {{ zLabel() }}\n      @if (zRequired()) {\n        <span class=\"text-destructive! ml-0.5\">*</span>\n      }\n    </label>\n  }\n\n  <div\n    #triggerEl\n    [id]=\"selectId\"\n    z-popover\n    [zPopoverContent]=\"dropdownTpl\"\n    [zOffset]=\"6\"\n    [zDisabled]=\"isInteractionDisabled()\"\n    [zScrollClose]=\"zScrollClose()\"\n    zTrigger=\"click\"\n    zPosition=\"bottom\"\n    zClass=\"border-0 shadow-none bg-transparent p-0\"\n    (zControl)=\"onPopoverControl($event)\"\n    (zShow)=\"onPopoverShow()\"\n    (zHideStart)=\"onPopoverHideStart()\"\n    (zHide)=\"onPopoverHideEnd()\"\n    class=\"z-select-trigger cursor-pointer\"\n    [class]=\"selectClasses()\"\n    [class.z-select-open]=\"isOpen()\"\n    (mousedown)=\"onTriggerMousedown()\"\n    (keydown)=\"onTriggerKeydown($event)\"\n    tabindex=\"0\"\n    role=\"combobox\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.aria-controls]=\"dropdownId\">\n    @if (zPrefix()) {\n      <z-icon [zType]=\"zPrefix() || 'lucideChevronDown'\" zSize=\"16\" class=\"text-muted-foreground shrink-0\" />\n    }\n\n    <div\n      class=\"z-select-tags-wrapper flex min-w-0 flex-1 items-center gap-1\"\n      [class.flex-wrap]=\"zWrap()\"\n      [class.overflow-hidden]=\"!zWrap()\">\n      @if (isMultipleMode()) {\n        @if (selectedOptions().length === 0) {\n          <span class=\"text-muted-foreground truncate whitespace-nowrap\">\n            {{ effectivePlaceholder() }}\n          </span>\n        } @else {\n          @for (opt of displayedTags(); track opt.value) {\n            <span\n              #tagEl\n              [class]=\"opt | zTagClasses: zSize() : isTagsMode()\"\n              class=\"z-select-tag\"\n              [class.min-w-0]=\"!zWrap()\"\n              [class.shrink]=\"!zWrap()\">\n              @if (effectiveSelectedTemplate()) {\n                <ng-container *ngTemplateOutlet=\"effectiveSelectedTemplate()!; context: { $implicit: opt }\" />\n              } @else {\n                <span\n                  class=\"truncate\"\n                  [class.max-w-25]=\"zWrap()\"\n                  z-tooltip\n                  [zContent]=\"opt.label\"\n                  zPosition=\"top\"\n                  [zHideDelay]=\"0\"\n                  [zOffset]=\"6\"\n                  [zTriggerElement]=\"tagEl\">\n                  {{ opt.label }}\n                </span>\n              }\n              @if (zAllowClear() && !isDisabled()) {\n                <button\n                  type=\"button\"\n                  class=\"-mr-0.5 flex size-3.5 shrink-0 items-center justify-center rounded-[3px] transition-colors hover:bg-black/10\"\n                  (click)=\"removeOption($event, opt)\"\n                  tabindex=\"-1\">\n                  <z-icon zType=\"lucideX\" zSize=\"10\" />\n                </button>\n              }\n            </span>\n          }\n          @if (remainingCount() > 0) {\n            <span class=\"z-select-remaining text-muted-foreground bg-muted rounded px-1.5 py-0.5 text-xs font-medium\">\n              +{{ remainingCount() }}\n            </span>\n          }\n        }\n      } @else {\n        @if (selectedOption()) {\n          @if (effectiveSelectedTemplate()) {\n            <ng-container *ngTemplateOutlet=\"effectiveSelectedTemplate()!; context: { $implicit: selectedOption() }\" />\n          } @else {\n            <span\n              class=\"truncate\"\n              z-tooltip\n              [zContent]=\"selectedOption()!.label\"\n              zPosition=\"top\"\n              [zHideDelay]=\"0\"\n              [zOffset]=\"10\">\n              {{ selectedOption()!.label }}\n            </span>\n          }\n        } @else {\n          <span class=\"text-muted-foreground truncate whitespace-nowrap\">\n            {{ effectivePlaceholder() }}\n          </span>\n        }\n      }\n    </div>\n\n    @if (zLoading() || zLoadingMore()) {\n      <z-icon zType=\"lucideLoaderCircle\" zSize=\"14\" class=\"text-muted-foreground shrink-0 animate-spin\" />\n    }\n\n    @if (!zLoading() && zAllowClear() && hasValue() && !isDisabled() && !isReadonly()) {\n      <button\n        type=\"button\"\n        class=\"text-muted-foreground hover:text-foreground flex shrink-0 items-center justify-center transition-colors\"\n        (click)=\"clearAll($event)\"\n        tabindex=\"-1\">\n        <z-icon zType=\"lucideX\" zSize=\"14\" />\n      </button>\n    }\n\n    @if (isValidating()) {\n      <z-icon zType=\"lucideLoader2\" zSize=\"14\" class=\"text-muted-foreground shrink-0 animate-spin\" />\n    }\n\n    <z-icon\n      zType=\"lucideChevronDown\"\n      zSize=\"16\"\n      class=\"text-muted-foreground shrink-0 transition-transform duration-200\"\n      [class.rotate-180]=\"isOpen()\" />\n  </div>\n\n  @if (showError()) {\n    <p class=\"text-destructive animate-in fade-in slide-in-from-top-1 m-0 text-xs duration-200\">\n      {{ errorMessage() }}\n    </p>\n  }\n</div>\n\n<ng-template #dropdownTpl let-close=\"close\">\n  <div\n    [id]=\"dropdownId\"\n    class=\"z-select-dropdown bg-popover border-border rounded-[6px] border shadow-lg\"\n    [style.width.px]=\"dropdownWidth()\">\n    @if (zShowSearch()) {\n      <div class=\"border-border flex items-center border-b px-3\">\n        <z-icon zType=\"lucideSearch\" zSize=\"16\" class=\"text-muted-foreground/50 mr-2 shrink-0\" />\n        <input\n          #dropdownSearchInput\n          type=\"text\"\n          class=\"placeholder:text-muted-foreground text-foreground flex h-10 w-full bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\"\n          [placeholder]=\"effectivePlaceholderSearch()\"\n          [ngModel]=\"searchText()\"\n          (ngModelChange)=\"onSearchChange($event)\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          spellcheck=\"false\" />\n      </div>\n    }\n\n    @if (zLoading()) {\n      <div class=\"flex flex-col items-center justify-center py-8\">\n        <z-loading [zLoading]=\"true\" zSize=\"default\" />\n      </div>\n    } @else {\n      @if (shouldUseVirtualScroll()) {\n        <div\n          #virtualScrollElement\n          class=\"z-select-options z-select-virtual-scroll overflow-x-hidden overflow-y-auto overscroll-y-contain p-1\"\n          [style.height.px]=\"optionsMaxHeight()\">\n          <div class=\"z-select-virtual-inner relative\" [style.height.px]=\"virtualizer.getTotalSize()\">\n            @for (virtualItem of virtualizer.getVirtualItems(); track virtualItem.index) {\n              @let opt = filteredOptions()[virtualItem.index];\n              <div\n                #optionEl\n                class=\"z-select-option absolute right-0 left-0 min-w-0\"\n                [ngClass]=\"opt | zIsSelected: currentValue() : isMultipleMode() | zOptionClasses: opt.disabled\"\n                [style.height.px]=\"zOptionHeight()\"\n                [style.transform]=\"'translateY(' + virtualItem.start + 'px)'\"\n                (click)=\"selectOption(opt, close)\">\n                @if (effectiveOptionTemplate()) {\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      effectiveOptionTemplate()!;\n                      context: { $implicit: opt, selected: opt | zIsSelected: currentValue() : isMultipleMode() }\n                    \" />\n                } @else {\n                  <span\n                    class=\"min-w-0 flex-1 truncate\"\n                    z-tooltip\n                    [zContent]=\"opt.label\"\n                    zPosition=\"top\"\n                    [zHideDelay]=\"0\"\n                    [zOffset]=\"5\"\n                    [zArrow]=\"false\"\n                    [zTriggerElement]=\"optionEl\"\n                    [innerHTML]=\"opt.label | zHighlight: searchText() | zSafeHtml\"></span>\n                }\n                @if (opt | zIsSelected: currentValue() : isMultipleMode()) {\n                  <z-icon zType=\"lucideCheck\" zSize=\"14\" class=\"text-primary ml-auto shrink-0\" />\n                }\n              </div>\n            }\n          </div>\n          @if (zLoadingMore()) {\n            <div\n              class=\"bg-popover/80 absolute right-0 bottom-0 left-0 flex items-center justify-center py-2\"\n              [style.transform]=\"'translateY(' + virtualizer.getTotalSize() + 'px)'\">\n              <z-loading zSize=\"xs\" [zLoading]=\"true\" />\n            </div>\n          }\n        </div>\n      } @else {\n        <div\n          #optionsContainer\n          class=\"z-select-options flex flex-col gap-0.75 overflow-x-hidden overflow-y-auto overscroll-y-contain p-1\"\n          [style.maxHeight.px]=\"optionsMaxHeight()\">\n          @for (opt of filteredOptions(); track opt.value) {\n            <div\n              #optionEl2\n              class=\"z-select-option relative min-w-0\"\n              [ngClass]=\"opt | zIsSelected: currentValue() : isMultipleMode() | zOptionClasses: opt.disabled\"\n              [style.minHeight.px]=\"zOptionHeight()\"\n              (click)=\"selectOption(opt, close)\">\n              @if (effectiveOptionTemplate()) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    effectiveOptionTemplate()!;\n                    context: { $implicit: opt, selected: opt | zIsSelected: currentValue() : isMultipleMode() }\n                  \" />\n              } @else {\n                <span\n                  class=\"min-w-0 flex-1 truncate\"\n                  z-tooltip\n                  [zContent]=\"opt.label\"\n                  zPosition=\"top\"\n                  [zArrow]=\"false\"\n                  [zOffset]=\"5\"\n                  [zHideDelay]=\"0\"\n                  [zTriggerElement]=\"optionEl2\"\n                  [innerHTML]=\"opt.label | zHighlight: searchText() | zSafeHtml\"></span>\n              }\n              @if (opt | zIsSelected: currentValue() : isMultipleMode()) {\n                <z-icon zType=\"lucideCheck\" zSize=\"14\" class=\"text-primary ml-auto shrink-0\" />\n              }\n            </div>\n          }\n          @if (zEnableLoadMore()) {\n            <div #loadMoreSentinel class=\"h-px w-full shrink-0\"></div>\n          }\n        </div>\n      }\n\n      @if (filteredOptions().length === 0) {\n        @if (isEmptyData()) {\n          <z-empty [zIcon]=\"zEmptyIcon()\" zSize=\"sm\" [zMessage]=\"effectiveEmptyText()\" />\n        } @else {\n          <z-empty zIcon=\"lucideSearchX\" zSize=\"sm\" [zMessage]=\"effectiveNotFoundText()\" />\n        }\n      }\n\n      @if (zLoadingMore()) {\n        <div class=\"z-select-loading-more border-border/50 flex items-center justify-center border-t py-1.5\">\n          <z-loading zSize=\"xs\" [zLoading]=\"true\" />\n        </div>\n      }\n    }\n\n    @if (zShowAction() && isMultipleMode()) {\n      <div class=\"border-border flex items-center gap-2 border-t px-2 py-1.5\">\n        @if (zActionTemplate()) {\n          <ng-container *ngTemplateOutlet=\"zActionTemplate()!\" />\n        } @else {\n          <z-button zSize=\"xs\" zType=\"ghost-info\" class=\"min-w-0 flex-1\" (click)=\"selectAll()\" [zWave]=\"false\">\n            <z-icon zType=\"lucideCheckCheck\" zSize=\"14\" class=\"shrink-0\" />\n            <span class=\"truncate\">{{ effectiveSelectAllText() }}</span>\n          </z-button>\n          <z-button zSize=\"xs\" zType=\"ghost-error\" class=\"min-w-0 flex-1\" (click)=\"removeAll()\" [zWave]=\"false\">\n            <z-icon zType=\"lucideX\" zSize=\"14\" class=\"shrink-0\" />\n            <span class=\"truncate\">{{ effectiveClearAllText() }}</span>\n          </z-button>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".z-select-trigger{-webkit-user-select:none;user-select:none}.z-select-trigger:focus{outline:none}.z-select-trigger *{cursor:inherit}.z-select-tag{-webkit-user-select:none;user-select:none;animation:z-select-tag-enter .2s cubic-bezier(.4,0,.2,1);transition:transform .15s ease}.z-select-tag:hover{transform:translateY(-1px)}.z-select-tag:active{transform:scale(.95)}@keyframes z-select-tag-enter{0%{opacity:0;transform:scale(.8) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.z-select-remaining{animation:z-select-remaining-enter .25s cubic-bezier(.4,0,.2,1)}@keyframes z-select-remaining-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.z-select-dropdown{animation:z-select-dropdown-enter .15s ease-out;contain:layout style;will-change:transform,opacity}@keyframes z-select-dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.z-select-options{overflow-x:hidden!important}.z-select-virtual-scroll .z-select-virtual-inner{width:100%}.z-select-loading-more{animation:z-select-loading-enter .2s ease-out}@keyframes z-select-loading-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { zOnSearch: [{ type: i0.Output, args: ["zOnSearch"] }], zOnLoadMore: [{ type: i0.Output, args: ["zOnLoadMore"] }], zControl: [{ type: i0.Output, args: ["zControl"] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], zMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMode", required: false }] }], zSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSize", required: false }] }], zLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLabel", required: false }] }], zLabelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLabelClass", required: false }] }], zPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPlaceholder", required: false }] }], zRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "zRequired", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "zReadonly", required: false }] }], zLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLoading", required: false }] }], zPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPrefix", required: false }] }], zAllowClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAllowClear", required: false }] }], zWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "zWrap", required: false }] }], zShowSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowSearch", required: false }] }], zPlaceholderSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPlaceholderSearch", required: false }] }], zDebounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDebounce", required: false }] }], zNotFoundText: [{ type: i0.Input, args: [{ isSignal: true, alias: "zNotFoundText", required: false }] }], zEmptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "zEmptyText", required: false }] }], zEmptyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "zEmptyIcon", required: false }] }], zMaxTagCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMaxTagCount", required: false }] }], zDropdownMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDropdownMaxHeight", required: false }] }], zOptionHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOptionHeight", required: false }] }], zVirtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "zVirtualScroll", required: false }] }], zShowAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowAction", required: false }] }], zOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOptions", required: false }] }], zTranslateLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTranslateLabels", required: false }] }], zKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "zKey", required: false }] }], zSearchServer: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSearchServer", required: false }] }], zLoadingMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "zLoadingMore", required: false }] }], zEnableLoadMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "zEnableLoadMore", required: false }] }], zScrollDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "zScrollDistance", required: false }] }], zMaxVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "zMaxVisible", required: false }] }], zScrollClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zScrollClose", required: false }] }], zSelectedTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "zSelectedTemplate", required: false }] }], zOptionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOptionTemplate", required: false }] }], zActionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "zActionTemplate", required: false }] }], customSelectedDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ZSelectSelectedDirective), { isSignal: true }] }], customOptionDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ZSelectOptionDirective), { isSignal: true }] }], zAsyncValidators: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAsyncValidators", required: false }] }], zAsyncDebounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAsyncDebounce", required: false }] }], zAsyncValidateOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "zAsyncValidateOn", required: false }] }], zValidators: [{ type: i0.Input, args: [{ isSignal: true, alias: "zValidators", required: false }] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], searchInputRef: [{ type: i0.ViewChild, args: ['dropdownSearchInput', { isSignal: true }] }], dropdownTpl: [{ type: i0.ViewChild, args: ['dropdownTpl', { isSignal: true }] }], optionsContainerRef: [{ type: i0.ViewChild, args: ['optionsContainer', { isSignal: true }] }], virtualScrollRef: [{ type: i0.ViewChild, args: ['virtualScrollElement', { isSignal: true }] }], loadMoreSentinelRef: [{ type: i0.ViewChild, args: ['loadMoreSentinel', { isSignal: true }] }] } });
 
 /**