angular-perfect-select 1.0.0

package/dist/fesm2022/angular-perfect-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular-perfect-select.mjs","sources":["../../src/lib/animations/select.animations.ts","../../src/lib/directives/click-outside.directive.ts","../../src/lib/constants/themes.constant.ts","../../src/lib/components/perfect-select/perfect-select.component.ts","../../src/lib/components/perfect-select/perfect-select.component.html","../../src/public-api.ts","../../src/angular-perfect-select.ts"],"sourcesContent":["import {\n  trigger,\n  transition,\n  style,\n  animate,\n  query,\n  stagger,\n  AnimationTriggerMetadata\n} from '@angular/animations';\n\nexport const dropdownAnimation: AnimationTriggerMetadata = trigger('dropdown', [\n  transition(':enter', [\n    style({ opacity: 0, transform: 'translateY(-10px)' }),\n    animate(\n      '200ms cubic-bezier(0.4, 0, 0.2, 1)',\n      style({ opacity: 1, transform: 'translateY(0)' })\n    )\n  ]),\n  transition(':leave', [\n    animate('150ms ease-out', style({ opacity: 0 }))\n  ])\n]);\n\nexport const tagAnimation: AnimationTriggerMetadata = trigger('tag', [\n  transition(':enter', [\n    style({ opacity: 0, transform: 'scale(0.8)' }),\n    animate(\n      '200ms cubic-bezier(0.34, 1.56, 0.64, 1)',\n      style({ opacity: 1, transform: 'scale(1)' })\n    )\n  ]),\n  transition(':leave', [\n    animate('150ms ease-out', style({ opacity: 0, transform: 'scale(0.8)' }))\n  ])\n]);\n\nexport const optionListAnimation: AnimationTriggerMetadata = trigger('optionList', [\n  transition(':enter', [\n    query('.option', [\n      style({ opacity: 0, transform: 'translateY(-5px)' }),\n      stagger(15, [\n        animate(\n          '150ms ease-out',\n          style({ opacity: 1, transform: 'translateY(0)' })\n        )\n      ])\n    ], { optional: true })\n  ])\n]);\n\nexport const selectAnimations = [dropdownAnimation, tagAnimation, optionListAnimation];\n","import {\n  Directive,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Output\n} from '@angular/core';\n\n@Directive({\n  selector: '[clickOutside]',\n  standalone: true\n})\nexport class ClickOutsideDirective {\n  @Output() clickOutside = new EventEmitter<void>();\n\n  constructor(private elementRef: ElementRef) {}\n\n  @HostListener('document:click', ['$event'])\n  onClick(event: MouseEvent): void {\n    const clickedInside = this.elementRef.nativeElement.contains(event.target);\n    if (!clickedInside) {\n      this.clickOutside.emit();\n    }\n  }\n}\n","export interface ThemeColors {\n  primary: string;\n  secondary: string;\n  tag: string;\n  tagText: string;\n  tagBorder: string;\n}\n\nexport type ThemeName = 'blue' | 'purple' | 'green' | 'red' | 'orange' | 'pink' | 'dark';\n\nexport const THEMES: Record<ThemeName, ThemeColors> = {\n  blue: {\n    primary: '#2684FF',\n    secondary: '#DEEBFF',\n    tag: '#E6F2FF',\n    tagText: '#0052CC',\n    tagBorder: '#CCE0FF'\n  },\n  purple: {\n    primary: '#9333EA',\n    secondary: '#F3E8FF',\n    tag: '#FAF5FF',\n    tagText: '#7E22CE',\n    tagBorder: '#E9D5FF'\n  },\n  green: {\n    primary: '#10B981',\n    secondary: '#D1FAE5',\n    tag: '#ECFDF5',\n    tagText: '#059669',\n    tagBorder: '#A7F3D0'\n  },\n  red: {\n    primary: '#EF4444',\n    secondary: '#FEE2E2',\n    tag: '#FEF2F2',\n    tagText: '#DC2626',\n    tagBorder: '#FECACA'\n  },\n  orange: {\n    primary: '#F97316',\n    secondary: '#FFEDD5',\n    tag: '#FFF7ED',\n    tagText: '#EA580C',\n    tagBorder: '#FED7AA'\n  },\n  pink: {\n    primary: '#EC4899',\n    secondary: '#FCE7F3',\n    tag: '#FDF2F8',\n    tagText: '#DB2777',\n    tagBorder: '#FBCFE8'\n  },\n  dark: {\n    primary: '#1F2937',\n    secondary: '#E5E7EB',\n    tag: '#F3F4F6',\n    tagText: '#111827',\n    tagBorder: '#D1D5DB'\n  }\n};\n","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  signal,\n  computed,\n  forwardRef,\n  HostListener,\n  OnInit,\n  OnDestroy,\n  OnChanges,\n  SimpleChanges,\n  ElementRef,\n  ViewChild,\n  effect,\n  inject,\n  DestroyRef\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { selectAnimations } from '../../animations/select.animations';\nimport { ClickOutsideDirective } from '../../directives/click-outside.directive';\nimport { THEMES, ThemeName } from '../../constants/themes.constant';\nimport { SelectOption } from '../../models/select-option.interface';\nimport {\n  SelectChangeEvent,\n  SelectInputChangeEvent,\n  SelectCreateOptionEvent,\n  SelectOptionsLoadedEvent,\n  SelectLoadErrorEvent\n} from '../../models/select-events.interface';\n\n@Component({\n  selector: 'ng-perfect-select',\n  standalone: true,\n  imports: [CommonModule, FormsModule, ClickOutsideDirective],\n  templateUrl: './perfect-select.component.html',\n  styleUrls: ['./perfect-select.component.scss'],\n  animations: selectAnimations,\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => PerfectSelectComponent),\n    multi: true\n  }]\n})\nexport class PerfectSelectComponent implements ControlValueAccessor, OnInit, OnChanges, OnDestroy {\n  private destroyRef = inject(DestroyRef);\n  private sanitizer = inject(DomSanitizer);\n\n  // Core Props\n  @Input() options: SelectOption[] = [];\n  @Input() placeholder = 'Select...';\n\n  // React-Select Compatible Props (dual naming)\n  @Input() isMulti = false;\n  @Input() set multiple(value: boolean) { this.isMulti = value; }\n  @Input() isSearchable = true;\n  @Input() set searchable(value: boolean) { this.isSearchable = value; }\n  @Input() isClearable = true;\n  @Input() set clearable(value: boolean) { this.isClearable = value; }\n  @Input() isDisabled = false;\n  @Input() set disabled(value: boolean) { this.isDisabled = value; }\n  @Input() isLoading = false;\n  @Input() set loading(value: boolean) { this.isLoading = value; }\n  @Input() isRtl = false;\n  @Input() closeMenuOnSelect = true;\n  @Input() hideSelectedOptions = false;\n\n  // Creatable Mode\n  @Input() isCreatable = false;\n  @Input() allowCreateWhileLoading = false;\n  @Input() createOptionPosition: 'first' | 'last' = 'last';\n  @Input() formatCreateLabel: (inputValue: string) => string = (inputValue) => `Create \"${inputValue}\"`;\n\n  // Async Loading\n  @Input() loadOptions: ((inputValue: string) => Promise<SelectOption[]>) | null = null;\n  @Input() cacheOptions = true;\n  @Input() defaultOptions = false;\n\n  // Styling & Theming\n  @Input() selectSize: 'smaller' | 'small' | 'medium' | 'large' | 'larger' = 'medium';\n  @Input() containerSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';\n  @Input() theme: ThemeName = 'blue';\n  @Input() borderRadius = '8px';\n  @Input() customStyles: {\n    container?: string;\n    control?: string;\n    menu?: string;\n    option?: string;\n    tag?: string;\n  } = {};\n  @Input() maxHeight = '300px';\n  @Input() menuPlacement: 'auto' | 'top' | 'bottom' = 'auto';\n  @Input() menuPosition: 'absolute' | 'fixed' = 'absolute';\n\n  // Option Customization\n  @Input() getOptionLabel: (option: SelectOption) => string = (option) => option.label || String(option.value);\n  @Input() getOptionValue: (option: SelectOption) => any = (option) => option.id || option.value;\n  @Input() isOptionDisabled: (option: SelectOption) => boolean = (option) => option.disabled || false;\n  @Input() filterOption: ((option: SelectOption, inputValue: string) => boolean) | null = null;\n\n  // Grouping\n  @Input() isGrouped = false;\n  @Input() groupBy: ((option: SelectOption) => string) | null = null;\n\n  // Advanced Features\n  @Input() showSelectAll = false;\n  @Input() selectAllText = 'Select All';\n  @Input() deselectAllText = 'Deselect All';\n  @Input() showOptionIcons = false;\n  @Input() showOptionBadges = false;\n  @Input() maxOptionsDisplay = 1000;\n  @Input() optionHeight = 40;\n  @Input() emptyStateText = 'No options available';\n  @Input() emptySearchText = 'No results found';\n\n  // Behavior\n  @Input() name = 'angular-perfect-select';\n  @Input() id = 'angular-perfect-select';\n  @Input() autoFocus = false;\n  @Input() openMenuOnFocus = false;\n  @Input() openMenuOnClick = true;\n  @Input() tabSelectsValue = true;\n  @Input() backspaceRemovesValue = true;\n  @Input() escapeClearsValue = false;\n  @Input() noOptionsMessage: () => string = () => 'No options';\n  @Input() loadingMessage: () => string = () => 'Loading...';\n\n  // Events\n  @Output() change = new EventEmitter<SelectChangeEvent>();\n  @Output() clear = new EventEmitter<void>();\n  @Output() focus = new EventEmitter<void>();\n  @Output() blur = new EventEmitter<void>();\n  @Output() menuOpen = new EventEmitter<void>();\n  @Output() menuClose = new EventEmitter<void>();\n  @Output() inputChange = new EventEmitter<SelectInputChangeEvent>();\n  @Output() createOption = new EventEmitter<SelectCreateOptionEvent>();\n  @Output() optionsLoaded = new EventEmitter<SelectOptionsLoadedEvent>();\n  @Output() loadError = new EventEmitter<SelectLoadErrorEvent>();\n\n  // ViewChildren\n  @ViewChild('selectContainer') selectContainerRef!: ElementRef;\n  @ViewChild('searchInput') searchInputRef!: ElementRef;\n  @ViewChild('menuRef') menuElementRef!: ElementRef;\n\n  // Signals for reactive state\n  isOpen = signal(false);\n  searchTerm = signal('');\n  highlightedIndex = signal(-1);\n  internalValue = signal<any>(this.isMulti ? [] : null);\n  internalOptions = signal<SelectOption[]>([]);\n  isLoadingAsync = signal(false);\n  private optionsCache = new Map<string, SelectOption[]>();\n\n  // Computed signals\n  currentTheme = computed(() => THEMES[this.theme] || THEMES.blue);\n\n  filteredOptions = computed(() => {\n    const term = this.searchTerm();\n    const opts = this.internalOptions();\n\n    if (!term) return opts;\n\n    return opts.filter(option => {\n      if (this.filterOption) {\n        return this.filterOption(option, term);\n      }\n      const label = this.getOptionLabel(option);\n      return label.toLowerCase().includes(term.toLowerCase());\n    });\n  });\n\n  selectedOptions = computed(() => {\n    const value = this.internalValue();\n    if (!value) return [];\n\n    const allOptions = this.internalOptions();\n\n    if (this.isMulti) {\n      const values = Array.isArray(value) ? value : [];\n      // Map values to option objects\n      return values.map(v => {\n        const found = allOptions.find(opt => this.getOptionValue(opt) === v);\n        return found || { id: v, label: String(v), value: v };\n      });\n    }\n\n    // Single select - find the option by value\n    const found = allOptions.find(opt => this.getOptionValue(opt) === value);\n    return found ? [found] : [];\n  });\n\n  displayText = computed(() => {\n    const selected = this.selectedOptions();\n    if (selected.length === 0) {\n      return this.placeholder;\n    }\n\n    if (this.isMulti) {\n      return `${selected.length} selected`;\n    }\n\n    return this.getOptionLabel(selected[0]);\n  });\n\n  groupedOptions = computed(() => {\n    if (!this.isGrouped || !this.groupBy) {\n      return null;\n    }\n\n    const opts = this.filteredOptions();\n    const groups: Record<string, SelectOption[]> = {};\n\n    opts.forEach(option => {\n      const group = this.groupBy!(option);\n      if (!groups[group]) {\n        groups[group] = [];\n      }\n      groups[group].push(option);\n    });\n\n    return groups;\n  });\n\n  displayOptions = computed(() => {\n    let opts = this.filteredOptions();\n\n    if (this.isCreatable && this.searchTerm() && !this.isLoadingAsync()) {\n      const term = this.searchTerm();\n      const exactMatch = opts.some(opt =>\n        this.getOptionLabel(opt).toLowerCase() === term.toLowerCase()\n      );\n\n      if (!exactMatch) {\n        const createOption: SelectOption = {\n          id: '__create__',\n          label: this.formatCreateLabel(term),\n          value: term,\n          __isCreate__: true\n        };\n\n        if (this.createOptionPosition === 'first') {\n          opts = [createOption, ...opts];\n        } else {\n          opts = [...opts, createOption];\n        }\n      }\n    }\n\n    return opts;\n  });\n\n  allOptionsSelected = computed(() => {\n    if (!this.isMulti) return false;\n    const opts = this.filteredOptions().filter(opt => !this.isOptionDisabled(opt));\n    const selected = this.selectedOptions();\n    return opts.length > 0 && opts.every(opt =>\n      selected.some(s => this.getOptionValue(s) === this.getOptionValue(opt))\n    );\n  });\n\n  someOptionsSelected = computed(() => {\n    if (!this.isMulti) return false;\n    const opts = this.filteredOptions().filter(opt => !this.isOptionDisabled(opt));\n    const selected = this.selectedOptions();\n    const selectedCount = opts.filter(opt =>\n      selected.some(s => this.getOptionValue(s) === this.getOptionValue(opt))\n    ).length;\n    return selectedCount > 0 && selectedCount < opts.length;\n  });\n\n  // Helper method for template\n  getEnabledOptionsCount(): number {\n    return this.filteredOptions().filter(opt => !this.isOptionDisabled(opt)).length;\n  }\n\n  // ControlValueAccessor\n  private onChange: any = () => {};\n  private onTouched: any = () => {};\n\n  constructor() {\n    // Update closeMenuOnSelect based on isMulti\n    effect(() => {\n      if (this.isMulti && this.closeMenuOnSelect === true) {\n        this.closeMenuOnSelect = false;\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    // Update internal options when the options input changes\n    if (changes['options'] && this.options.length > 0 && !this.loadOptions) {\n      this.internalOptions.set([...this.options]);\n    }\n  }\n\n  writeValue(value: any): void {\n    this.internalValue.set(value);\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean): void {\n    this.isDisabled = disabled;\n  }\n\n  ngOnInit(): void {\n    // Initialize options\n    if (this.options.length > 0) {\n      this.internalOptions.set([...this.options]);\n    }\n\n    // Load default options if async\n    if (this.loadOptions && this.defaultOptions) {\n      this.handleLoadOptions('');\n    }\n\n    // Auto-focus if needed\n    if (this.autoFocus) {\n      setTimeout(() => {\n        if (this.searchInputRef) {\n          this.searchInputRef.nativeElement.focus();\n        }\n      });\n    }\n  }\n\n  ngOnDestroy(): void {\n    // Cleanup handled by DestroyRef\n  }\n\n  // Keyboard Navigation\n  @HostListener('keydown', ['$event'])\n  handleKeydown(event: KeyboardEvent): void {\n    if (this.isDisabled) return;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (!this.isOpen()) {\n          this.toggleDropdown();\n        } else {\n          this.moveHighlight(1);\n        }\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        this.moveHighlight(-1);\n        break;\n\n      case 'Enter':\n        event.preventDefault();\n        if (this.isOpen()) {\n          const index = this.highlightedIndex();\n          const opts = this.displayOptions();\n          if (index >= 0 && index < opts.length) {\n            this.selectOption(opts[index]);\n          }\n        } else {\n          this.toggleDropdown();\n        }\n        break;\n\n      case 'Escape':\n        event.preventDefault();\n        if (this.isOpen()) {\n          this.closeDropdown();\n        }\n        if (this.escapeClearsValue) {\n          this.clearSelection(event);\n        }\n        break;\n\n      case 'Tab':\n        if (this.isOpen() && this.tabSelectsValue) {\n          const index = this.highlightedIndex();\n          const opts = this.displayOptions();\n          if (index >= 0 && index < opts.length) {\n            event.preventDefault();\n            this.selectOption(opts[index]);\n          }\n        }\n        if (this.isOpen()) {\n          this.closeDropdown();\n        }\n        break;\n\n      case 'Backspace':\n        if (this.backspaceRemovesValue && this.isMulti && !this.searchTerm()) {\n          const selected = this.selectedOptions();\n          if (selected.length > 0) {\n            event.preventDefault();\n            this.removeOption(selected[selected.length - 1], event);\n          }\n        }\n        break;\n    }\n  }\n\n  // Toggle dropdown\n  toggleDropdown(): void {\n    if (this.isDisabled) return;\n\n    if (this.isOpen()) {\n      this.closeDropdown();\n    } else {\n      this.openDropdown();\n    }\n  }\n\n  openDropdown(): void {\n    this.isOpen.set(true);\n    this.menuOpen.emit();\n\n    // Focus search input\n    setTimeout(() => {\n      if (this.isSearchable && this.searchInputRef) {\n        this.searchInputRef.nativeElement.focus();\n      }\n    });\n  }\n\n  closeDropdown(): void {\n    this.isOpen.set(false);\n    this.searchTerm.set('');\n    this.highlightedIndex.set(-1);\n    this.menuClose.emit();\n    this.onTouched();\n  }\n\n  // Select option\n  selectOption(option: SelectOption): void {\n    if (this.isOptionDisabled(option)) return;\n\n    // Handle create option\n    if (option.__isCreate__) {\n      const newOption: SelectOption = {\n        id: Date.now().toString(),\n        label: this.searchTerm(),\n        value: this.searchTerm(),\n        __isNew__: true\n      };\n      this.internalOptions.update(opts => [...opts, newOption]);\n      this.createOption.emit({ option: newOption });\n      option = newOption;\n    }\n\n    const optionValue = this.getOptionValue(option);\n\n    if (this.isMulti) {\n      const currentValue = Array.isArray(this.internalValue()) ? [...this.internalValue()] : [];\n      const exists = currentValue.includes(optionValue);\n\n      let newValue: any[];\n      if (exists) {\n        newValue = currentValue.filter((v: any) => v !== optionValue);\n      } else {\n        newValue = [...currentValue, optionValue];\n      }\n\n      this.internalValue.set(newValue);\n      this.onChange(newValue);\n      this.change.emit({\n        value: newValue,\n        option,\n        action: exists ? 'remove-value' : 'select-option'\n      });\n    } else {\n      this.internalValue.set(optionValue);\n      this.onChange(optionValue);\n      this.change.emit({\n        value: optionValue,\n        option,\n        action: 'select-option'\n      });\n    }\n\n    if (this.closeMenuOnSelect) {\n      this.closeDropdown();\n    }\n\n    this.searchTerm.set('');\n  }\n\n  // Remove option (multi-select)\n  removeOption(option: SelectOption, event: Event): void {\n    event.stopPropagation();\n\n    const currentValue = Array.isArray(this.internalValue()) ? [...this.internalValue()] : [];\n    const optionValue = this.getOptionValue(option);\n    const newValue = currentValue.filter((v: any) => v !== optionValue);\n\n    this.internalValue.set(newValue);\n    this.onChange(newValue);\n    this.change.emit({\n      value: newValue,\n      option,\n      action: 'remove-value'\n    });\n  }\n\n  // Clear selection\n  clearSelection(event: Event): void {\n    event.stopPropagation();\n\n    const newValue = this.isMulti ? [] : null;\n    this.internalValue.set(newValue);\n    this.onChange(newValue);\n    this.change.emit({\n      value: newValue,\n      action: 'clear'\n    });\n    this.clear.emit();\n  }\n\n  // Select All / Deselect All\n  selectAll(): void {\n    const opts = this.filteredOptions().filter(opt => !this.isOptionDisabled(opt));\n    const values = opts.map(opt => this.getOptionValue(opt));\n    this.internalValue.set(values);\n    this.onChange(values);\n    this.change.emit({\n      value: values,\n      option: opts,\n      action: 'select-all'\n    });\n  }\n\n  deselectAll(): void {\n    this.internalValue.set([]);\n    this.onChange([]);\n    this.change.emit({\n      value: [],\n      action: 'deselect-all'\n    });\n  }\n\n  // Search input change\n  onSearchChange(term: string): void {\n    this.searchTerm.set(term);\n    this.highlightedIndex.set(0);\n    this.inputChange.emit({\n      value: term,\n      action: 'input-change'\n    });\n\n    // Trigger async loading if configured\n    if (this.loadOptions) {\n      this.handleLoadOptions(term);\n    }\n  }\n\n  // Async loading\n  async handleLoadOptions(inputValue: string): Promise<void> {\n    if (!this.loadOptions) return;\n\n    // Check cache\n    if (this.cacheOptions && this.optionsCache.has(inputValue)) {\n      this.internalOptions.set(this.optionsCache.get(inputValue)!);\n      return;\n    }\n\n    this.isLoadingAsync.set(true);\n\n    try {\n      const options = await this.loadOptions(inputValue);\n      this.internalOptions.set(options);\n\n      if (this.cacheOptions) {\n        this.optionsCache.set(inputValue, options);\n      }\n\n      this.optionsLoaded.emit({ options });\n    } catch (error) {\n      this.loadError.emit({ error: error as Error });\n    } finally {\n      this.isLoadingAsync.set(false);\n    }\n  }\n\n  // Move highlight index\n  moveHighlight(direction: number): void {\n    const opts = this.displayOptions();\n    if (opts.length === 0) return;\n\n    let newIndex = this.highlightedIndex() + direction;\n\n    if (newIndex < 0) newIndex = 0;\n    if (newIndex >= opts.length) newIndex = opts.length - 1;\n\n    this.highlightedIndex.set(newIndex);\n    this.scrollHighlightedIntoView();\n  }\n\n  // Scroll highlighted option into view\n  scrollHighlightedIntoView(): void {\n    setTimeout(() => {\n      if (!this.menuElementRef) return;\n\n      const menu = this.menuElementRef.nativeElement;\n      const highlighted = menu.querySelector('.option.highlighted');\n\n      if (highlighted) {\n        const menuRect = menu.getBoundingClientRect();\n        const optionRect = highlighted.getBoundingClientRect();\n\n        if (optionRect.bottom > menuRect.bottom) {\n          menu.scrollTop += optionRect.bottom - menuRect.bottom;\n        } else if (optionRect.top < menuRect.top) {\n          menu.scrollTop -= menuRect.top - optionRect.top;\n        }\n      }\n    });\n  }\n\n  // Click outside handler\n  onClickOutside(): void {\n    if (this.isOpen()) {\n      this.closeDropdown();\n      this.blur.emit();\n    }\n  }\n\n  // Check if option is selected\n  isSelected(option: SelectOption): boolean {\n    const selected = this.selectedOptions();\n    const optionValue = this.getOptionValue(option);\n    return selected.some(s => this.getOptionValue(s) === optionValue);\n  }\n\n  // Sanitize HTML for icons\n  sanitizeHtml(html: string): SafeHtml {\n    return this.sanitizer.bypassSecurityTrustHtml(html);\n  }\n\n  // Track by function for ngFor\n  trackByValue(index: number, option: SelectOption): any {\n    return this.getOptionValue(option);\n  }\n\n  trackByGroup(index: number, item: [string, SelectOption[]]): string {\n    return item[0];\n  }\n}\n","<div\n  #selectContainer\n  class=\"select-container {{selectSize}} {{containerSize}} theme-{{theme}}\"\n  [class.disabled]=\"isDisabled\"\n  [class.rtl]=\"isRtl\"\n  (clickOutside)=\"onClickOutside()\"\n  role=\"combobox\"\n  tabindex=\"0\"\n  [attr.aria-controls]=\"'options-list'\"\n  [attr.aria-expanded]=\"isOpen()\"\n  (focus)=\"openMenuOnFocus && !isOpen() && toggleDropdown(); focus.emit()\"\n  [style]=\"customStyles.container || ''\"\n>\n  <!-- Main Select Trigger -->\n  <div\n    class=\"select-trigger\"\n    [class.open]=\"isOpen()\"\n    [class.focused]=\"isOpen()\"\n    (click)=\"openMenuOnClick && toggleDropdown()\"\n    [attr.tabindex]=\"isDisabled ? -1 : 0\"\n    role=\"button\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-label]=\"placeholder\"\n  >\n    <!-- Selected Value Display -->\n    <div class=\"select-value\">\n      <!-- Multi-select Tags -->\n      @if (isMulti && selectedOptions().length > 0) {\n        <div class=\"tags\">\n          @for (option of selectedOptions(); track trackByValue($index, option)) {\n            <span class=\"tag\" [class.disabled]=\"isDisabled\" [@tag]>\n              <span class=\"tag-label\">{{getOptionLabel(option)}}</span>\n              @if (!isDisabled) {\n                <button\n                  class=\"tag-remove\"\n                  (click)=\"removeOption(option, $event)\"\n                  [attr.aria-label]=\"'Remove ' + getOptionLabel(option)\"\n                  type=\"button\"\n                >\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\">\n                    <path d=\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\"></path>\n                  </svg>\n                </button>\n              }\n            </span>\n          }\n        </div>\n      } @else {\n        <!-- Single Select or Placeholder -->\n        <span class=\"placeholder\" [class.has-value]=\"selectedOptions().length > 0\">\n          {{displayText()}}\n        </span>\n      }\n    </div>\n\n    <!-- Actions (Clear, Loading, Arrow) -->\n    <div class=\"select-actions\">\n      @if (isLoading || isLoadingAsync()) {\n        <div class=\"spinner\"></div>\n      }\n      @if (isClearable && selectedOptions().length > 0 && !isDisabled && !isLoading && !isLoadingAsync()) {\n        <button\n          class=\"clear-button\"\n          (click)=\"clearSelection($event)\"\n          aria-label=\"Clear selection\"\n          type=\"button\"\n        >\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n            <path d=\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\"></path>\n          </svg>\n        </button>\n      }\n      <span class=\"separator\"></span>\n      <span class=\"arrow\" [class.open]=\"isOpen()\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n          <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n        </svg>\n      </span>\n    </div>\n  </div>\n\n  <!-- Dropdown Menu -->\n  @if (isOpen()) {\n    <div\n      #menuRef\n      class=\"dropdown {{menuPlacement}}\"\n      [class.fixed]=\"menuPosition === 'fixed'\"\n      [style.max-height]=\"maxHeight\"\n      role=\"listbox\"\n      [attr.aria-multiselectable]=\"isMulti\"\n      [@dropdown]\n    >\n      <!-- Search Input -->\n      @if (isSearchable) {\n        <div class=\"search-container\">\n          <input\n            #searchInput\n            type=\"text\"\n            class=\"search-input\"\n            placeholder=\"Search...\"\n            [value]=\"searchTerm()\"\n            (input)=\"onSearchChange($any($event.target).value)\"\n            (click)=\"$event.stopPropagation()\"\n            aria-label=\"Search options\"\n            aria-autocomplete=\"list\"\n          />\n        </div>\n      }\n\n      <!-- Options List -->\n      <div class=\"options-list\" id=\"options-list\">\n        @if (isLoadingAsync()) {\n          <div class=\"loading-message\">{{loadingMessage()}}</div>\n        } @else if (displayOptions().length === 0) {\n          <div class=\"no-options\">\n            {{searchTerm() ? emptySearchText : emptyStateText}}\n          </div>\n        } @else {\n          <!-- Select All (Multi-select only) -->\n          @if (isMulti && showSelectAll && !searchTerm()) {\n            <div class=\"select-all-container\">\n              <button\n                class=\"select-all-button\"\n                (click)=\"allOptionsSelected() ? deselectAll() : selectAll()\"\n                type=\"button\"\n              >\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"allOptionsSelected()\"\n                  [indeterminate]=\"someOptionsSelected()\"\n                  tabindex=\"-1\"\n                  aria-hidden=\"true\"\n                  readonly\n                />\n                <span class=\"select-all-text\">\n                  {{allOptionsSelected() ? deselectAllText : selectAllText}}\n                </span>\n                <span class=\"select-all-count\">\n                  ({{selectedOptions().length}}/{{getEnabledOptionsCount()}})\n                </span>\n              </button>\n            </div>\n          }\n\n          <!-- Grouped Options -->\n          @if (isGrouped && groupedOptions()) {\n            @for (group of groupedOptions() | keyvalue; track trackByGroup($index, [$any(group.key), $any(group.value)])) {\n              <div class=\"option-group\">\n                <div class=\"option-group-label\">{{group.key}}</div>\n                @for (option of $any(group.value); track trackByValue($index, option); let idx = $index) {\n                  <div\n                    class=\"option\"\n                    [class.selected]=\"isSelected(option)\"\n                    [class.highlighted]=\"idx === highlightedIndex()\"\n                    [class.disabled]=\"isOptionDisabled(option)\"\n                    [class.hidden]=\"hideSelectedOptions && isSelected(option)\"\n                    [class.create-option]=\"option.__isCreate__\"\n                    (click)=\"selectOption(option)\"\n                    (keydown)=\"$event.key === 'Enter' && selectOption(option)\"\n                    role=\"option\"\n                    [attr.aria-selected]=\"isSelected(option)\"\n                    [attr.aria-disabled]=\"isOptionDisabled(option)\"\n                    tabindex=\"-1\"\n                  >\n                    <!-- Checkbox for multi-select -->\n                    @if (isMulti) {\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"isSelected(option)\"\n                        tabindex=\"-1\"\n                        aria-hidden=\"true\"\n                        readonly\n                      />\n                    }\n\n                    <!-- Option Icon -->\n                    @if (showOptionIcons && option.icon) {\n                      <div class=\"option-icon\">\n                        @if (option.icon.includes('<')) {\n                          <div [innerHTML]=\"sanitizeHtml(option.icon)\"></div>\n                        } @else {\n                          <img [src]=\"option.icon\" [alt]=\"getOptionLabel(option)\" />\n                        }\n                      </div>\n                    }\n\n                    <!-- Option Content -->\n                    <div class=\"option-content\">\n                      <div class=\"option-label\">{{getOptionLabel(option)}}</div>\n                      @if (option.description) {\n                        <div class=\"option-description\">{{option.description}}</div>\n                      }\n                    </div>\n\n                    <!-- Option Badge -->\n                    @if (showOptionBadges && option.badge) {\n                      <span\n                        class=\"option-badge\"\n                        [style.background-color]=\"option.badgeColor || currentTheme().primary\"\n                      >\n                        {{option.badge}}\n                      </span>\n                    }\n\n                    <!-- Check Icon for selected -->\n                    @if (!isMulti && isSelected(option)) {\n                      <svg class=\"check-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 20 20\">\n                        <path d=\"M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z\"></path>\n                      </svg>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          } @else {\n            <!-- Regular (Ungrouped) Options -->\n            @for (option of displayOptions(); track trackByValue($index, option); let idx = $index) {\n              <div\n                class=\"option\"\n                [class.selected]=\"isSelected(option)\"\n                [class.highlighted]=\"idx === highlightedIndex()\"\n                [class.disabled]=\"isOptionDisabled(option)\"\n                [class.hidden]=\"hideSelectedOptions && isSelected(option)\"\n                [class.create-option]=\"option.__isCreate__\"\n                (click)=\"selectOption(option)\"\n                (keydown)=\"$event.key === 'Enter' && selectOption(option)\"\n                role=\"option\"\n                [attr.aria-selected]=\"isSelected(option)\"\n                [attr.aria-disabled]=\"isOptionDisabled(option)\"\n                tabindex=\"-1\"\n              >\n                <!-- Checkbox for multi-select -->\n                @if (isMulti) {\n                  <input\n                    type=\"checkbox\"\n                    [checked]=\"isSelected(option)\"\n                    tabindex=\"-1\"\n                    aria-hidden=\"true\"\n                    readonly\n                  />\n                }\n\n                <!-- Option Icon -->\n                @if (showOptionIcons && option.icon) {\n                  <div class=\"option-icon\">\n                    @if (option.icon.includes('<')) {\n                      <div [innerHTML]=\"sanitizeHtml(option.icon)\"></div>\n                    } @else {\n                      <img [src]=\"option.icon\" [alt]=\"getOptionLabel(option)\" />\n                    }\n                  </div>\n                }\n\n                <!-- Option Content -->\n                <div class=\"option-content\">\n                  <div class=\"option-label\">{{getOptionLabel(option)}}</div>\n                  @if (option.description) {\n                    <div class=\"option-description\">{{option.description}}</div>\n                  }\n                </div>\n\n                <!-- Option Badge -->\n                @if (showOptionBadges && option.badge) {\n                  <span\n                    class=\"option-badge\"\n                    [style.background-color]=\"option.badgeColor || currentTheme().primary\"\n                  >\n                    {{option.badge}}\n                  </span>\n                }\n\n                <!-- Check Icon for selected -->\n                @if (!isMulti && isSelected(option)) {\n                  <svg class=\"check-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 20 20\">\n                    <path d=\"M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z\"></path>\n                  </svg>\n                }\n              </div>\n            }\n          }\n        }\n      </div>\n    </div>\n  }\n</div>\n\n<!-- Hidden native select for form compatibility -->\n@if (isMulti) {\n  <select [name]=\"name\" [id]=\"id\" multiple style=\"display: none;\" [attr.aria-hidden]=\"true\">\n    @for (option of selectedOptions(); track trackByValue($index, option)) {\n      <option [value]=\"getOptionValue(option)\" selected>{{getOptionLabel(option)}}</option>\n    }\n  </select>\n} @else {\n  @if (selectedOptions().length > 0) {\n    <select [name]=\"name\" [id]=\"id\" style=\"display: none;\" [attr.aria-hidden]=\"true\">\n      <option [value]=\"getOptionValue(selectedOptions()[0])\" selected>{{getOptionLabel(selectedOptions()[0])}}</option>\n    </select>\n  }\n}\n","/*\n * Public API Surface of angular-perfect-select\n */\n\n// Main Component\nexport * from './lib/components/perfect-select/perfect-select.component';\n\n// Models & Interfaces\nexport * from './lib/models/select-option.interface';\nexport * from './lib/models/select-events.interface';\n\n// Constants & Themes\nexport * from './lib/constants/themes.constant';\n\n// Animations\nexport * from './lib/animations/select.animations';\n\n// Directives\nexport * from './lib/directives/click-outside.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,197 @@
+import * as angular_perfect_select from 'angular-perfect-select';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnChanges, OnDestroy, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { SafeHtml } from '@angular/platform-browser';
+import { AnimationTriggerMetadata } from '@angular/animations';
+
+interface ThemeColors {
+    primary: string;
+    secondary: string;
+    tag: string;
+    tagText: string;
+    tagBorder: string;
+}
+type ThemeName = 'blue' | 'purple' | 'green' | 'red' | 'orange' | 'pink' | 'dark';
+declare const THEMES: Record<ThemeName, ThemeColors>;
+
+interface SelectOption {
+    id: string | number;
+    label: string;
+    value: any;
+    description?: string;
+    disabled?: boolean;
+    icon?: string;
+    badge?: string;
+    badgeColor?: string;
+    group?: string;
+    __isNew__?: boolean;
+    __isCreate__?: boolean;
+}
+
+type SelectChangeAction = 'select-option' | 'remove-value' | 'clear' | 'set-value' | 'select-all' | 'deselect-all';
+interface SelectChangeEvent {
+    value: any;
+    option?: SelectOption | SelectOption[];
+    action: SelectChangeAction;
+}
+type InputChangeAction = 'input-change' | 'set-value';
+interface SelectInputChangeEvent {
+    value: string;
+    action: InputChangeAction;
+}
+interface SelectCreateOptionEvent {
+    option: SelectOption;
+}
+interface SelectOptionsLoadedEvent {
+    options: SelectOption[];
+}
+interface SelectLoadErrorEvent {
+    error: Error;
+}
+
+declare class PerfectSelectComponent implements ControlValueAccessor, OnInit, OnChanges, OnDestroy {
+    private destroyRef;
+    private sanitizer;
+    options: SelectOption[];
+    placeholder: string;
+    isMulti: boolean;
+    set multiple(value: boolean);
+    isSearchable: boolean;
+    set searchable(value: boolean);
+    isClearable: boolean;
+    set clearable(value: boolean);
+    isDisabled: boolean;
+    set disabled(value: boolean);
+    isLoading: boolean;
+    set loading(value: boolean);
+    isRtl: boolean;
+    closeMenuOnSelect: boolean;
+    hideSelectedOptions: boolean;
+    isCreatable: boolean;
+    allowCreateWhileLoading: boolean;
+    createOptionPosition: 'first' | 'last';
+    formatCreateLabel: (inputValue: string) => string;
+    loadOptions: ((inputValue: string) => Promise<SelectOption[]>) | null;
+    cacheOptions: boolean;
+    defaultOptions: boolean;
+    selectSize: 'smaller' | 'small' | 'medium' | 'large' | 'larger';
+    containerSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    theme: ThemeName;
+    borderRadius: string;
+    customStyles: {
+        container?: string;
+        control?: string;
+        menu?: string;
+        option?: string;
+        tag?: string;
+    };
+    maxHeight: string;
+    menuPlacement: 'auto' | 'top' | 'bottom';
+    menuPosition: 'absolute' | 'fixed';
+    getOptionLabel: (option: SelectOption) => string;
+    getOptionValue: (option: SelectOption) => any;
+    isOptionDisabled: (option: SelectOption) => boolean;
+    filterOption: ((option: SelectOption, inputValue: string) => boolean) | null;
+    isGrouped: boolean;
+    groupBy: ((option: SelectOption) => string) | null;
+    showSelectAll: boolean;
+    selectAllText: string;
+    deselectAllText: string;
+    showOptionIcons: boolean;
+    showOptionBadges: boolean;
+    maxOptionsDisplay: number;
+    optionHeight: number;
+    emptyStateText: string;
+    emptySearchText: string;
+    name: string;
+    id: string;
+    autoFocus: boolean;
+    openMenuOnFocus: boolean;
+    openMenuOnClick: boolean;
+    tabSelectsValue: boolean;
+    backspaceRemovesValue: boolean;
+    escapeClearsValue: boolean;
+    noOptionsMessage: () => string;
+    loadingMessage: () => string;
+    change: EventEmitter<SelectChangeEvent>;
+    clear: EventEmitter<void>;
+    focus: EventEmitter<void>;
+    blur: EventEmitter<void>;
+    menuOpen: EventEmitter<void>;
+    menuClose: EventEmitter<void>;
+    inputChange: EventEmitter<SelectInputChangeEvent>;
+    createOption: EventEmitter<SelectCreateOptionEvent>;
+    optionsLoaded: EventEmitter<SelectOptionsLoadedEvent>;
+    loadError: EventEmitter<SelectLoadErrorEvent>;
+    selectContainerRef: ElementRef;
+    searchInputRef: ElementRef;
+    menuElementRef: ElementRef;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    highlightedIndex: _angular_core.WritableSignal<number>;
+    internalValue: _angular_core.WritableSignal<any>;
+    internalOptions: _angular_core.WritableSignal<SelectOption[]>;
+    isLoadingAsync: _angular_core.WritableSignal<boolean>;
+    private optionsCache;
+    currentTheme: _angular_core.Signal<angular_perfect_select.ThemeColors>;
+    filteredOptions: _angular_core.Signal<SelectOption[]>;
+    selectedOptions: _angular_core.Signal<(SelectOption | {
+        id: any;
+        label: string;
+        value: any;
+    })[]>;
+    displayText: _angular_core.Signal<string>;
+    groupedOptions: _angular_core.Signal<Record<string, SelectOption[]> | null>;
+    displayOptions: _angular_core.Signal<SelectOption[]>;
+    allOptionsSelected: _angular_core.Signal<boolean>;
+    someOptionsSelected: _angular_core.Signal<boolean>;
+    getEnabledOptionsCount(): number;
+    private onChange;
+    private onTouched;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(disabled: boolean): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    toggleDropdown(): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    selectOption(option: SelectOption): void;
+    removeOption(option: SelectOption, event: Event): void;
+    clearSelection(event: Event): void;
+    selectAll(): void;
+    deselectAll(): void;
+    onSearchChange(term: string): void;
+    handleLoadOptions(inputValue: string): Promise<void>;
+    moveHighlight(direction: number): void;
+    scrollHighlightedIntoView(): void;
+    onClickOutside(): void;
+    isSelected(option: SelectOption): boolean;
+    sanitizeHtml(html: string): SafeHtml;
+    trackByValue(index: number, option: SelectOption): any;
+    trackByGroup(index: number, item: [string, SelectOption[]]): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PerfectSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PerfectSelectComponent, "ng-perfect-select", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isMulti": { "alias": "isMulti"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "isSearchable": { "alias": "isSearchable"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "isClearable": { "alias": "isClearable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isRtl": { "alias": "isRtl"; "required": false; }; "closeMenuOnSelect": { "alias": "closeMenuOnSelect"; "required": false; }; "hideSelectedOptions": { "alias": "hideSelectedOptions"; "required": false; }; "isCreatable": { "alias": "isCreatable"; "required": false; }; "allowCreateWhileLoading": { "alias": "allowCreateWhileLoading"; "required": false; }; "createOptionPosition": { "alias": "createOptionPosition"; "required": false; }; "formatCreateLabel": { "alias": "formatCreateLabel"; "required": false; }; "loadOptions": { "alias": "loadOptions"; "required": false; }; "cacheOptions": { "alias": "cacheOptions"; "required": false; }; "defaultOptions": { "alias": "defaultOptions"; "required": false; }; "selectSize": { "alias": "selectSize"; "required": false; }; "containerSize": { "alias": "containerSize"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "customStyles": { "alias": "customStyles"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "menuPlacement": { "alias": "menuPlacement"; "required": false; }; "menuPosition": { "alias": "menuPosition"; "required": false; }; "getOptionLabel": { "alias": "getOptionLabel"; "required": false; }; "getOptionValue": { "alias": "getOptionValue"; "required": false; }; "isOptionDisabled": { "alias": "isOptionDisabled"; "required": false; }; "filterOption": { "alias": "filterOption"; "required": false; }; "isGrouped": { "alias": "isGrouped"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "selectAllText": { "alias": "selectAllText"; "required": false; }; "deselectAllText": { "alias": "deselectAllText"; "required": false; }; "showOptionIcons": { "alias": "showOptionIcons"; "required": false; }; "showOptionBadges": { "alias": "showOptionBadges"; "required": false; }; "maxOptionsDisplay": { "alias": "maxOptionsDisplay"; "required": false; }; "optionHeight": { "alias": "optionHeight"; "required": false; }; "emptyStateText": { "alias": "emptyStateText"; "required": false; }; "emptySearchText": { "alias": "emptySearchText"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "openMenuOnFocus": { "alias": "openMenuOnFocus"; "required": false; }; "openMenuOnClick": { "alias": "openMenuOnClick"; "required": false; }; "tabSelectsValue": { "alias": "tabSelectsValue"; "required": false; }; "backspaceRemovesValue": { "alias": "backspaceRemovesValue"; "required": false; }; "escapeClearsValue": { "alias": "escapeClearsValue"; "required": false; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; }; "loadingMessage": { "alias": "loadingMessage"; "required": false; }; }, { "change": "change"; "clear": "clear"; "focus": "focus"; "blur": "blur"; "menuOpen": "menuOpen"; "menuClose": "menuClose"; "inputChange": "inputChange"; "createOption": "createOption"; "optionsLoaded": "optionsLoaded"; "loadError": "loadError"; }, never, never, true, never>;
+}
+
+declare const dropdownAnimation: AnimationTriggerMetadata;
+declare const tagAnimation: AnimationTriggerMetadata;
+declare const optionListAnimation: AnimationTriggerMetadata;
+declare const selectAnimations: AnimationTriggerMetadata[];
+
+declare class ClickOutsideDirective {
+    private elementRef;
+    clickOutside: EventEmitter<void>;
+    constructor(elementRef: ElementRef);
+    onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[clickOutside]", never, {}, { "clickOutside": "clickOutside"; }, never, never, true, never>;
+}
+
+export { ClickOutsideDirective, PerfectSelectComponent, THEMES, dropdownAnimation, optionListAnimation, selectAnimations, tagAnimation };
+export type { InputChangeAction, SelectChangeAction, SelectChangeEvent, SelectCreateOptionEvent, SelectInputChangeEvent, SelectLoadErrorEvent, SelectOption, SelectOptionsLoadedEvent, ThemeColors, ThemeName };

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "angular-perfect-select",
+  "version": "1.0.0",
+  "description": "A modern, feature-rich select component for Angular with react-select API compatibility",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "dev": "ng build --watch",
+    "build": "ng build --configuration production",
+    "test": "ng test",
+    "lint": "ng lint"
+  },
+  "keywords": [
+    "angular",
+    "select",
+    "dropdown",
+    "multi-select",
+    "async",
+    "creatable",
+    "component",
+    "ui"
+  ],
+  "author": "Ishan Karunaratne <ishansasika@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ishansasika/angular-perfect-select.git"
+  },
+  "peerDependencies": {
+    "@angular/animations": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^20.0.0",
+    "@angular/cli": "^20.0.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/compiler-cli": "^20.0.0",
+    "@angular/animations": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/platform-browser-dynamic": "^20.0.0",
+    "typescript": "~5.8.0",
+    "zone.js": "~0.15.0",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "ng-packagr": "^20.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ]
+}