shirkasoft-ui-components 1.2.0 → 1.3.0

package/fesm2022/shirkasoft-ui-components-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shirkasoft-ui-components-select.mjs","sources":["../../../projects/ui-components/select/select.component.ts","../../../projects/ui-components/select/select.component.html","../../../projects/ui-components/select/shirkasoft-ui-components-select.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  input,\n  output,\n  viewChild,\n  forwardRef,\n  signal,\n  computed,\n  effect,\n  HostListener,\n  ElementRef,\n  ChangeDetectionStrategy,\n  inject,\n  DestroyRef,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  FormGroup,\n  FormsModule,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TranslocoModule, TranslocoService } from '@jsverse/transloco';\nimport { LucideDynamicIcon, LucideChevronDown } from '@lucide/angular';\nimport { getIcon as getIconFromCentral } from 'shirkasoft-ui-components/utils';\n\n/** Option rendered by the select, optionally prefixed with a \"new entry\" badge. */\nexport interface SelectOption {\n  label: string;\n  value: any;\n  custom?: boolean;\n}\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/**\n * Custom select that works as a ControlValueAccessor: single/multiple\n * selection, searchable, keyboard navigation, pagination, custom entries and\n * reactive-form integration.\n */\n@Component({\n  selector: 'shk-select',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    FormsModule,\n    TranslocoModule,\n    LucideDynamicIcon,\n  ],\n  templateUrl: './select.component.html',\n  styles: [`\n    .select-option-active {\n      background-color: var(--shk-primary-50);\n      outline: 2px solid var(--shk-primary-500);\n      outline-offset: -2px;\n      color: var(--shk-primary-700);\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SelectComponent),\n      multi: true,\n    },\n  ],\n})\nexport class SelectComponent implements ControlValueAccessor {\n  /** Resolves icon names to lucide components, falling back to a chevron. */\n  protected getIcon = (name: any) => getIconFromCentral(name, LucideChevronDown);\n\n  /** Available options. */\n  options = input<SelectOption[]>([]);\n  /** Enables multi-select mode. */\n  multiple = input<boolean>(false);\n  /** Restricts multi-selection to the given value combinations. */\n  validCombinations = input<string[][] | undefined>(undefined);\n  /** Placeholder shown when there is no selection. */\n  placeholder = input<string>('Seleccionar...');\n  /** Label used to bind the control inside a `formGroup`. */\n  label = input<string | undefined>(undefined);\n  /** Shows a loading state while options are being fetched. */\n  isLoading = input<boolean>(false);\n  /** Marks that all options have been loaded (used with pagination + search). */\n  isAllDataLoaded = input<boolean>(false);\n  /** Allows creating new entries from the typed search term. */\n  allowCustomEntries = input<boolean>(false);\n  /** Parent form group to resolve the control from `label`. */\n  formGroup = input<FormGroup | undefined>(undefined);\n  /** Enables the search input inside the dropdown. */\n  isSearchable = input<boolean>(false);\n  /** Number of options loaded per page when pagination is enabled. */\n  itemsPerPage = input<number>(10);\n  /** FormControl bound externally (used instead of `formGroup`/`label`). */\n  control = input<FormControl | undefined>(undefined);\n  /** Paginates the option list instead of rendering it all at once. */\n  usePagination = input<boolean>(false);\n  /** Disables the whole select. */\n  disabled = input<boolean>(false);\n  /** Custom per-validation-error messages shown under the select. */\n  errorMessages = input<{ [key: string]: string }>({\n    required: 'Este campo es requerido',\n  });\n  /** Keeps the search term when options reload. */\n  preserveSearchOnLoad = input<boolean>(false);\n  /** Translation key of the \"no records\" empty message. */\n  emptyMessageKey = input<string>('common.no_records');\n  /** Opens the dropdown above the trigger instead of below. */\n  dropdownUpward = input<boolean>(false);\n  /** Shows the \"no selection\" option in single-select mode. */\n  showEmptyOption = input<boolean>(true);\n\n  /** Emits when the selection changes (new value or array in multiple mode). */\n  selectionChange = output<any>();\n  /** Emits the debounced search term while typing. */\n  search = output<string>();\n\n  /** Reference to the filter input inside the dropdown (when searchable). */\n  filterInput = viewChild<ElementRef>('filterInput');\n  /** Reference to the select container element. */\n  private selectContainer = viewChild<ElementRef>('selectContainer');\n  /** Reference to the trigger button. */\n  private selectTrigger = viewChild<ElementRef>('selectTrigger');\n  /** Reference to the dropdown list container. */\n  private dropdownContainer = viewChild<ElementRef>('dropdownContainer');\n\n  /** Underlying selection value (mirrors the reactive control). */\n  private _value = signal<any>(null);\n  /** Whether the dropdown is open. */\n  isOpen = signal<boolean>(false);\n  /** Index of the currently focused option for keyboard navigation. */\n  focusedIndex = signal<number>(-1);\n  /** Current search term (searchable mode). */\n  searchTerm = signal<string>('');\n  /** Current page of the paginated dropdown. */\n  currentPage = signal<number>(1);\n  /** Tracks whether the user typed in the search input. */\n  private searchTermChanged = signal<boolean>(false);\n  /** Internal disabled state from the reactive form (setDisabledState). */\n  private _isDisabled = signal<boolean>(false);\n\n  /** Debounce timer handle for the search output. */\n  private debounceTimer: any = null;\n\n  /** Error-state counter used to recompute error helpers reactively. */\n  private errorTracker = signal<number>(0);\n  /** Whether an error has been shown at some point (for \"fixed\" messaging). */\n  hadError = signal<boolean>(false);\n  /** Whether control status/value subscriptions have been attached. */\n  private subscribed = signal<boolean>(false);\n  private valueSubscribed = signal<boolean>(false);\n\n  /** Current selection value. */\n  value = computed(() => this._value());\n\n  /** True when the select is disabled via input or by the reactive form. */\n  isDisabled = computed(() => this.disabled() || this._isDisabled());\n\n  /** Resolves the form control from `control` or from `formGroup`+`label`. */\n  actualControl = computed(() => {\n    const ctrl = this.control();\n    if (ctrl) return ctrl;\n\n    const fg = this.formGroup();\n    const lbl = this.label();\n    if (fg && lbl) {\n      return fg.get(lbl) as FormControl;\n    }\n    return undefined;\n  });\n\n  /** Whether the bound control should display its error (invalid + touched/dirty). */\n  shouldShowError = computed(() => {\n    this.errorTracker();\n\n    const ctrl = this.actualControl();\n    return ctrl?.invalid && (ctrl?.dirty || ctrl?.touched);\n  });\n\n  /** Whether an error was shown before and the control is now valid + touched. */\n  wasFixedError = computed(() => {\n    this.errorTracker();\n\n    const ctrl = this.actualControl();\n    return this.hadError() && ctrl?.valid && ctrl?.touched;\n  });\n\n  /** Text shown in the trigger: the selected label(s) or the placeholder. */\n  displayValue = computed(() => {\n    const val = this._value();\n    const opts = this.options();\n    const isMultiple = this.multiple();\n    const ph = this.placeholder();\n\n    if (!val || (Array.isArray(val) && val.length === 0)) {\n      return ph;\n    }\n\n    if (isMultiple) {\n      const values = Array.isArray(val) ? val : [];\n      const selectedLabels = opts\n        .filter((option) => values.includes(option.value))\n        .map((option) => option.label);\n\n      if (selectedLabels.length === 0) {\n        return values.toString();\n      }\n      return selectedLabels.join(', ');\n    }\n\n    const selectedOption = opts.find((opt) => opt.value === val);\n    return selectedOption ? selectedOption.label : val;\n  });\n\n  /** List of validation error messages for the bound control. */\n  getErrorMessages = computed(() => {\n    this.errorTracker();\n\n    const ctrl = this.actualControl();\n    if (!ctrl?.errors) return [];\n\n    const customErrors = this.errorMessages();\n    const t = this.transloco;\n\n    return Object.keys(ctrl.errors).map((errorKey) => {\n      if (customErrors[errorKey]) return customErrors[errorKey];\n\n      switch (errorKey) {\n        case 'required':\n          return t.translate('validation.required');\n        case 'email':\n          return t.translate('validation.email');\n        case 'minlength':\n          return t.translate('validation.minlength', {\n            min: ctrl.errors!['minlength'].requiredLength,\n          });\n        case 'maxlength':\n          return t.translate('validation.maxlength', {\n            max: ctrl.errors!['maxlength'].requiredLength,\n          });\n        case 'pattern':\n          return t.translate('validation.pattern');\n        default:\n          return t.translate('validation.invalid');\n      }\n    });\n  });\n\n  /** Options filtered by the search term (matches first, then contains). */\n  filteredOptions = computed(() => {\n    const opts = this.options();\n    const term = this.searchTerm();\n\n    if (!term) return opts;\n\n    const normalizedSearchTerm = this.normalizeText(term);\n\n    const matched = opts.filter((option) =>\n      this.normalizeText(option.label).includes(normalizedSearchTerm),\n    );\n\n    return matched.sort((a, b) => {\n      const aLbl = this.normalizeText(a.label);\n      const bLbl = this.normalizeText(b.label);\n\n      const aStarts = aLbl.startsWith(normalizedSearchTerm);\n      const bStarts = bLbl.startsWith(normalizedSearchTerm);\n\n      if (aStarts && !bStarts) return -1;\n      if (!aStarts && bStarts) return 1;\n      return 0;\n    });\n  });\n\n  /** Options for the current page, with a synthetic custom entry when allowed. */\n  paginatedOptions = computed(() => {\n    let filtered = this.filteredOptions();\n    const term = this.searchTerm();\n    const allowCustom = this.allowCustomEntries();\n\n    if (allowCustom && term && !filtered.some((o) => o.value === term)) {\n      filtered = [\n        {\n          label: `${term} (nuevo)`,\n          value: term,\n          custom: true,\n        },\n        ...filtered,\n      ];\n    }\n\n    if (!this.usePagination()) {\n      return filtered;\n    }\n\n    const page = this.currentPage();\n    const perPage = this.itemsPerPage();\n    const startIndex = (page - 1) * perPage;\n    const endIndex = startIndex + perPage;\n    return filtered.slice(startIndex, endIndex);\n  });\n\n  /** Non-custom options, including the empty option in single-select mode. */\n  regularOptions = computed(() => {\n    const opts = this.paginatedOptions().filter((option) => !option.custom);\n\n    if (!this.multiple() && this.showEmptyOption()) {\n      return [{ label: '- Sin selección -', value: null } as SelectOption, ...opts];\n    }\n\n    return opts;\n  });\n\n  /** Total pages of the filtered option list (1 when pagination is off). */\n  totalPages = computed(() => {\n    if (!this.usePagination()) {\n      return 1;\n    }\n\n    const filtered = this.filteredOptions();\n    const perPage = this.itemsPerPage();\n    return Math.ceil(filtered.length / perPage);\n  });\n\n  /** Whether there is at least one selected value. */\n  hasSelectedValues = computed(() => {\n    const val = this._value();\n    if (this.multiple()) {\n      return val && val.length > 0;\n    }\n    return !!val;\n  });\n\n  /** Whether the custom optional entry should be offered for the current term. */\n  showCustomOption = computed(() => {\n    const term = this.searchTerm();\n    const opts = this.options();\n    return (\n      this.allowCustomEntries() &&\n      term !== '' &&\n      !opts.some((o) => o.value === term)\n    );\n  });\n\n  private transloco = inject(TranslocoService);\n  /** ControlValueAccessor onChange callback. */\n  private onChange = (_: any) => {};\n  /** ControlValueAccessor onTouched callback. */\n  private onTouched = () => {};\n  private destroyRef = inject(DestroyRef);\n\n  constructor(private elementRef: ElementRef) {\n    // Debounced search emission whenever the term changes (searchable mode).\n    effect(() => {\n      const term = this.searchTerm();\n\n      if (term !== '' && this.isSearchable()) {\n        if (this.debounceTimer) {\n          clearTimeout(this.debounceTimer);\n        }\n\n        this.debounceTimer = setTimeout(() => {\n          this.search.emit(term);\n        }, 300);\n      }\n    });\n\n    // Normalizes the value to arrays in multiple mode when empty.\n    effect(() => {\n      const isMultiple = this.multiple();\n      if (this._value() === null || this._value() === undefined) {\n        this._value.set(isMultiple ? [] : null);\n      }\n    });\n\n    // Resets to the first page when options reload, clearing the search\n    // term unless it must be preserved.\n    effect(() => {\n      this.options();\n      this.currentPage.set(1);\n\n      if (!this.preserveSearchOnLoad() || !this.searchTermChanged()) {\n        this.searchTerm.set('');\n      }\n    });\n\n    // Subscribes to the bound control status/value changes to track errors.\n    effect(() => {\n      const ctrl = this.actualControl();\n\n      if (!ctrl) {\n        this.subscribed.set(false);\n        return;\n      }\n\n      if (this.subscribed()) return;\n\n      if (ctrl.invalid && ctrl.touched) {\n        this.hadError.set(true);\n      }\n\n      ctrl.statusChanges\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe(() => {\n          this.errorTracker.update((v) => v + 1);\n\n          if (ctrl.invalid && ctrl.touched) {\n            this.hadError.set(true);\n          }\n        });\n\n      ctrl.valueChanges\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe(() => {\n          this.errorTracker.update((v) => v + 1);\n        });\n\n      this.subscribed.set(true);\n    });\n\n    // Forces error recomputation when the active translation changes.\n    this.transloco.langChanges$\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.errorTracker.update((v) => v + 1);\n      });\n\n    // One-way sync from the reactive control to the internal value signal.\n    effect(() => {\n      const ctrl = this.actualControl();\n      if (!ctrl) return;\n\n      if (!this.valueSubscribed()) {\n        this.writeValue(ctrl.value);\n\n        ctrl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {\n          this.writeValue(value);\n        });\n\n        this.valueSubscribed.set(true);\n      }\n    });\n  }\n\n  /** Sets the disabled state coming from the reactive form infrastructure. */\n  setDisabledState(isDisabled: boolean): void {\n    this._isDisabled.set(isDisabled);\n  }\n\n  /** Marks the control as touched and updates validity and error state. */\n  private markAsTouchedAndUpdate(): void {\n    const ctrl = this.actualControl();\n    if (ctrl) {\n      ctrl.markAsTouched();\n      ctrl.updateValueAndValidity({ emitEvent: false });\n    }\n\n    this.onTouched();\n    this.errorTracker.update((v) => v + 1);\n\n    if (ctrl?.invalid) {\n      this.hadError.set(true);\n    }\n  }\n\n  /** Strips accents and lowercases text for accent-insensitive matching. */\n  normalizeText(text: string): string {\n    return text\n      .normalize('NFD')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase();\n  }\n\n  /** Keyboard handler for the trigger element (open/close/navigate/select). */\n  onKeydown(event: KeyboardEvent) {\n    if (this.isDisabled()) return;\n\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        if (this.isOpen()) {\n          if (this.focusedIndex() >= 0) {\n            const options = this.regularOptions();\n            const selectedOption = options[this.focusedIndex()];\n            if (selectedOption && !this.isOptionDisabled(selectedOption)) {\n              this.selectOption(selectedOption);\n            }\n          }\n        } else {\n          this.toggleDropdown();\n        }\n        break;\n      case 'Escape':\n        if (this.isOpen()) {\n          this.isOpen.set(false);\n          this.searchTerm.set('');\n          this.focusedIndex.set(-1);\n          this.selectTrigger()?.nativeElement.focus();\n        }\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        if (!this.isOpen()) {\n          this.toggleDropdown();\n        } else {\n          this.moveFocus(1);\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (this.isOpen()) {\n          this.moveFocus(-1);\n        }\n        break;\n      case 'Tab':\n        if (this.isOpen()) {\n          this.isOpen.set(false);\n          this.searchTerm.set('');\n          this.focusedIndex.set(-1);\n        }\n        break;\n    }\n  }\n\n  /** Keyboard handler for the search input inside a searchable dropdown. */\n  handleKeyDown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Enter':\n        event.preventDefault();\n        event.stopPropagation();\n        if (this.focusedIndex() >= 0) {\n          const options = this.regularOptions();\n          const option = options[this.focusedIndex()];\n          if (option && !this.isOptionDisabled(option)) {\n            this.selectOption(option);\n          }\n        } else {\n          const filtered = this.filteredOptions();\n          if (filtered.length > 0) {\n            this.selectOption(filtered[0]);\n          }\n        }\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        event.stopPropagation();\n        this.moveFocus(1);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        event.stopPropagation();\n        this.moveFocus(-1);\n        break;\n      case 'Escape':\n        event.stopPropagation();\n        event.preventDefault();\n        this.isOpen.set(false);\n        this.searchTerm.set('');\n        this.focusedIndex.set(-1);\n        this.selectTrigger()?.nativeElement.focus();\n        break;\n    }\n  }\n\n  /** Moves the focused option index by `direction`, skipping disabled ones. */\n  private moveFocus(direction: number) {\n    const options = this.regularOptions();\n    if (!options.length) return;\n\n    let newIndex = this.focusedIndex();\n    do {\n      newIndex = newIndex + direction;\n      if (newIndex < 0) newIndex = options.length - 1;\n      if (newIndex >= options.length) newIndex = 0;\n    } while (this.isOptionDisabled(options[newIndex]) && options.length > 1);\n\n    this.focusedIndex.set(newIndex);\n\n    setTimeout(() => {\n      const container = this.dropdownContainer()?.nativeElement;\n      const activeItem = container?.querySelector('.select-option-active');\n      if (activeItem && container) {\n        const itemTop = activeItem.offsetTop;\n        const itemBottom = itemTop + activeItem.offsetHeight;\n        const containerScrollTop = container.scrollTop;\n        const containerHeight = container.clientHeight;\n\n        if (itemTop < containerScrollTop) {\n          container.scrollTop = itemTop;\n        } else if (itemBottom > containerScrollTop + containerHeight) {\n          container.scrollTop = itemBottom - containerHeight;\n        }\n      }\n    });\n  }\n\n  /** Index of the currently selected option, or -1. */\n  private getSelectedIndex(): number {\n    const currentVal = this._value();\n    const options = this.regularOptions();\n    if (currentVal === null || currentVal === undefined) return -1;\n    const index = options.findIndex((opt) => opt.value === currentVal);\n    return index >= 0 ? index : -1;\n  }\n\n  /** Whether an option is disabled based on the valid combinations rule. */\n  isOptionDisabled(option: SelectOption): boolean {\n    if (option.value === null) return false;\n\n    const validCombos = this.validCombinations();\n    if (!validCombos || !this.multiple()) {\n      return false;\n    }\n\n    const currentSelection = Array.isArray(this._value()) ? this._value() : [];\n\n    if (currentSelection.length === 0) {\n      return false;\n    }\n\n    if (currentSelection.includes(option.value)) {\n      return false;\n    }\n\n    const hypotheticalSelection = [...currentSelection, option.value];\n\n    return !validCombos.some((combination) => {\n      const allSelected = hypotheticalSelection.every((selected) =>\n        combination.includes(selected),\n      );\n      const withinLimit = hypotheticalSelection.length <= combination.length;\n      return allSelected && withinLimit;\n    });\n  }\n\n  /** Whether an option is currently selected. */\n  isSelected(option: SelectOption): boolean {\n    const val = this._value();\n    if (this.multiple()) {\n      return Array.isArray(val) && val.includes(option.value);\n    }\n    return val === option.value;\n  }\n\n  /** Goes to the next options page when possible. */\n  nextPage() {\n    const total = this.totalPages();\n    const current = this.currentPage();\n    if (current < total) {\n      this.currentPage.set(current + 1);\n    }\n  }\n\n  /** Goes to the previous options page when possible. */\n  previousPage() {\n    const current = this.currentPage();\n    if (current > 1) {\n      this.currentPage.set(current - 1);\n    }\n  }\n\n  /** Closes the dropdown when a click happens outside the component. */\n  @HostListener('document:mousedown', ['$event'])\n  onClickOutside(event: MouseEvent): void {\n    const clickedInside = this.elementRef.nativeElement.contains(event.target);\n    if (!clickedInside && this.isOpen()) {\n      this.markAsTouchedAndUpdate();\n      this.isOpen.set(false);\n      this.searchTerm.set('');\n      this.focusedIndex.set(-1);\n    }\n  }\n\n  /** Selects a typed free-text value as a new custom entry. */\n  onCustomOptionClick() {\n    const term = this.searchTerm();\n    const customOption: SelectOption = {\n      label: term,\n      value: term,\n    };\n\n    this._value.set(customOption.value);\n    this.onChange(customOption.value);\n    this.selectionChange.emit(customOption.value);\n    this.isOpen.set(false);\n    this.searchTerm.set('');\n\n    const ctrl = this.actualControl();\n    if (ctrl) {\n      ctrl.setValue(customOption.value);\n    }\n\n    this.markAsTouchedAndUpdate();\n  }\n\n  /** Handles typing in the search input (updates term and emits search). */\n  onInputChange(event: Event) {\n    const previousSearch = this.searchTerm();\n    const target = event.target as HTMLInputElement;\n    this.searchTerm.set(target.value);\n    this.searchTermChanged.set(true);\n\n    if (previousSearch !== this.searchTerm()) {\n      this.search.emit(this.searchTerm());\n\n      if (this.allowCustomEntries() && this.searchTerm()) {\n        this._value.set(this.searchTerm());\n        this.onChange(this.searchTerm());\n        this.selectionChange.emit(this.searchTerm());\n      }\n    }\n\n    this.currentPage.set(1);\n  }\n\n  /** Selects or toggles the clicked option (custom entries included). */\n  onOptionClick(option: SelectOption) {\n    if (this.isDisabled()) return;\n\n    if (this.allowCustomEntries() && option.value === this.searchTerm()) {\n      const customOption: SelectOption = {\n        label: this.searchTerm(),\n        value: this.searchTerm(),\n      };\n\n      this._value.set(customOption.value);\n      this.onChange(customOption.value);\n      this.selectionChange.emit(customOption.value);\n      this.isOpen.set(false);\n      this.searchTerm.set('');\n\n      const ctrl = this.actualControl();\n      if (ctrl) {\n        ctrl.setValue(customOption.value);\n      }\n\n      this.markAsTouchedAndUpdate();\n      return;\n    }\n\n    if (this.multiple()) {\n      this.toggleOption(option);\n    } else {\n      this.selectOption(option);\n    }\n  }\n\n  /** Selects a single option and updates the control/outputs. */\n  selectOption(option: SelectOption) {\n    if (this.multiple()) {\n      this.toggleOption(option);\n      return;\n    }\n    this._value.set(option.value);\n    this.onChange(option.value);\n    this.onTouched();\n    this.selectionChange.emit(option.value);\n    this.isOpen.set(false);\n\n    const ctrl = this.actualControl();\n    if (ctrl) {\n      ctrl.setValue(option.value);\n    }\n\n    this.markAsTouchedAndUpdate();\n    this.focusedIndex.set(-1);\n    this.selectTrigger()?.nativeElement.focus();\n  }\n\n  /** Toggles an option in multiple mode, honoring the valid combinations. */\n  toggleOption(option: SelectOption) {\n    if (this.isOptionDisabled(option)) return;\n    if (!this.multiple()) return;\n\n    let currentValue = this._value();\n    if (!Array.isArray(currentValue)) {\n      currentValue = [];\n    }\n\n    const index = currentValue.indexOf(option.value);\n    let newValue: any[];\n\n    if (index === -1) {\n      newValue = [...currentValue, option.value];\n    } else {\n      newValue = currentValue.filter((v: any) => v !== option.value);\n    }\n\n    this._value.set(newValue);\n    this.onChange(newValue);\n    this.onTouched();\n    this.selectionChange.emit(newValue);\n\n    this.markAsTouchedAndUpdate();\n  }\n\n  /** Opens/closes the dropdown and manages focus/selection state. */\n  toggleDropdown() {\n    if (this.isDisabled()) return;\n\n    const wasOpen = this.isOpen();\n    this.isOpen.update((v) => !v);\n\n    if (!wasOpen && this.isOpen()) {\n      const selectedIdx = this.getSelectedIndex();\n      this.focusedIndex.set(selectedIdx);\n    } else if (wasOpen && !this.isOpen()) {\n      this.searchTerm.set('');\n      this.focusedIndex.set(-1);\n      this.selectTrigger()?.nativeElement.focus();\n    }\n\n    if (this.isOpen() && this.isSearchable()) {\n      setTimeout(() => {\n        this.filterInput()?.nativeElement?.focus();\n      });\n    }\n    this.onTouched();\n  }\n\n  /** trackBy for rendered options so Angular reuses DOM nodes by value. */\n  trackByFn(index: number, option: SelectOption): any {\n    return option.value;\n  }\n\n  /** Writes an external value into the internal signal (ControlValueAccessor). */\n  writeValue(value: any): void {\n    if (\n      value === null ||\n      value === undefined ||\n      value === '' ||\n      (Array.isArray(value) && value.length === 0)\n    ) {\n      this._value.set(this.multiple() ? [] : null);\n    } else {\n      this._value.set(value);\n    }\n  }\n\n  /** Stores the onChange callback (ControlValueAccessor). */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** Stores the onTouched callback (ControlValueAccessor). */\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n}","<div\n  #selectContainer\n  class=\"relative w-full font-sans outline-none\"\n>\n  @if (label()) {\n    <div class=\"text-sm font-medium _shk-text-surface-700 dark:[color:var(--shk-surface-600)] mb-1\">\n      {{ label() }}\n    </div>\n  }\n\n  <div\n    #selectTrigger\n    class=\"flex justify-between items-center w-full px-3 py-2 border _shk-border rounded-lg _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] transition-colors duration-150 cursor-pointer min-h-[2.5rem] _shk-text-surface-700 dark:[color:var(--shk-surface-700)] focus-within:outline-none focus-within:[background-color:var(--shk-surface-50)] dark:focus-within:[background-color:var(--shk-surface-100)] focus-within:ring-1 focus-within:[--tw-ring-color:var(--shk-primary-500)] focus-within:[border-color:var(--shk-primary-500)] focus:outline-none focus:ring-1 focus:[--tw-ring-color:var(--shk-primary-500)] focus:[border-color:var(--shk-primary-500)] sm:text-sm\"\n    [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n    (keydown)=\"onKeydown($event)\"\n    (click)=\"toggleDropdown()\"\n    [class.open]=\"isOpen()\"\n    [class.disabled-select]=\"isDisabled()\"\n    [class._shk-border-red]=\"shouldShowError()\"\n  >\n    <div class=\"selected-value truncate\">\n      @if (isSearchable() && isOpen()) {\n        <input\n          #filterInput\n          type=\"text\"\n          class=\"w-full bg-transparent border-0 outline-none p-0 _shk-text-surface-700 dark:[color:var(--shk-surface-700)]\"\n          placeholder=\"Buscar...\"\n          [value]=\"searchTerm()\"\n          (input)=\"onInputChange($event)\"\n          (keydown)=\"handleKeyDown($event)\"\n          (click)=\"$event.stopPropagation()\"\n        />\n      } @else {\n        <span\n          [class._shk-text-surface-400]=\"!hasSelectedValues()\"\n          [class._shk-text-surface-800]=\"hasSelectedValues()\"\n        >\n          {{ displayValue() }}\n        </span>\n      }\n    </div>\n    <div\n      class=\"text-xs transition-transform duration-200 shrink-0 ml-2\"\n      [class.rotate-180]=\"isOpen()\"\n    >\n      <svg\n        [lucideIcon]=\"getIcon('chevron-down')\"\n        class=\"w-4 h-4 _shk-text-surface-400 dark:[color:var(--shk-surface-400)]\"\n      ></svg>\n    </div>\n  </div>\n\n  @if (isOpen()) {\n    <div\n      #dropdownContainer\n      (keydown)=\"onKeydown($event)\"\n      class=\"absolute left-0 right-0 _shk-bg-surface-50 dark:[background-color:var(--shk-surface-100)] border _shk-border rounded-lg max-h-[240px] overflow-y-auto z-50 shadow-lg _shk-scrollbar\"\n      [class.top-full]=\"!dropdownUpward()\"\n      [class.bottom-full]=\"dropdownUpward()\"\n      [class.mt-1]=\"!dropdownUpward()\"\n      [class.mb-1]=\"dropdownUpward()\"\n    >\n      @if (showCustomOption()) {\n        <div\n          class=\"flex items-center gap-2 px-3 py-2 cursor-pointer hover:[background-color:var(--shk-surface-50)] dark:hover:[background-color:var(--shk-surface-200)] text-sm\"\n          (click)=\"onCustomOptionClick()\"\n        >\n          <span class=\"font-semibold _shk-text-primary\">Crear nuevo:</span>\n          <span class=\"_shk-text-surface-700 dark:[color:var(--shk-surface-700)] ml-1\">{{ searchTerm() }}</span>\n        </div>\n      }\n\n      @for (option of regularOptions(); track trackByFn($index, option); let i = $index) {\n        <div\n          class=\"flex items-center gap-2 px-3 py-2 cursor-pointer hover:[background-color:var(--shk-surface-50)] dark:hover:[background-color:var(--shk-surface-200)] text-sm _shk-text-surface-700 dark:[color:var(--shk-surface-700)]\"\n          [class.opacity-50]=\"isOptionDisabled(option)\"\n          [class.select-option-active]=\"focusedIndex() === i\"\n          [class._shk-text-surface-400]=\"option.value === null\"\n          (click)=\"!isOptionDisabled(option) && onOptionClick(option)\"\n        >\n          @if (multiple()) {\n            <input\n              type=\"checkbox\"\n              [checked]=\"isSelected(option)\"\n              [disabled]=\"isOptionDisabled(option)\"\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"!isOptionDisabled(option) && toggleOption(option)\"\n              class=\"flex-shrink-0 [accent-color:var(--shk-primary-600)]\"\n            />\n            {{ option.label }}\n          } @else {\n            {{ option.label }}\n          }\n        </div>\n      }\n\n      <div class=\"px-3 py-2 text-center\">\n        @if (isLoading() && regularOptions().length === 0) {\n          <div class=\"flex items-center justify-center gap-2 text-sm _shk-text-surface-500\">\n            <svg class=\"spinner\" viewBox=\"0 0 50 50\">\n              <circle\n                class=\"path\"\n                cx=\"25\"\n                cy=\"25\"\n                r=\"20\"\n                fill=\"none\"\n                stroke-width=\"5\"\n              ></circle>\n            </svg>\n            Cargando más resultados...\n          </div>\n        }\n\n        @if (!isLoading() && isAllDataLoaded() && regularOptions().length === 0) {\n          <div class=\"text-sm _shk-text-surface-400 italic\">\n            No se encontraron coincidencias\n          </div>\n        }\n\n        @if (options().length === 0) {\n          <div class=\"text-sm _shk-text-surface-400 italic\">\n            {{ emptyMessageKey() | transloco }}\n          </div>\n        }\n      </div>\n\n      @if (usePagination() && totalPages() > 1) {\n        <div class=\"flex justify-between items-center px-3 py-2 border-t _shk-border\">\n          <button\n            class=\"bg-transparent border-0 cursor-pointer px-2 py-1 rounded hover:[background-color:var(--shk-surface-100)] dark:hover:[background-color:var(--shk-surface-200)] disabled:opacity-50 disabled:cursor-not-allowed _shk-text-surface-600 dark:[color:var(--shk-surface-600)]\"\n            [disabled]=\"currentPage() === 1\"\n            (click)=\"$event.stopPropagation(); previousPage()\"\n          >\n            <svg [lucideIcon]=\"getIcon('chevron-left')\" class=\"w-4 h-4\"></svg>\n          </button>\n          <span class=\"text-sm _shk-text-surface-600 dark:[color:var(--shk-surface-600)]\">\n            {{ currentPage() }} de {{ totalPages() }}\n          </span>\n          <button\n            class=\"bg-transparent border-0 cursor-pointer px-2 py-1 rounded hover:[background-color:var(--shk-surface-100)] dark:hover:[background-color:var(--shk-surface-200)] disabled:opacity-50 disabled:cursor-not-allowed _shk-text-surface-600 dark:[color:var(--shk-surface-600)]\"\n            [disabled]=\"currentPage() === totalPages()\"\n            (click)=\"$event.stopPropagation(); nextPage()\"\n          >\n            <svg [lucideIcon]=\"getIcon('chevron-right')\" class=\"w-4 h-4\"></svg>\n          </button>\n        </div>\n      }\n    </div>\n  }\n\n  @if (shouldShowError()) {\n    <div class=\"mt-1 text-xs text-red-500 max-h-20 overflow-y-auto _shk-scrollbar\" tabindex=\"-1\">\n      <ul class=\"list-disc pl-4 space-y-1\">\n        @for (error of getErrorMessages(); track error) {\n          <li>{{ error }}</li>\n        }\n      </ul>\n    </div>\n  }\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["getIconFromCentral"],"mappings":"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"}

package/fesm2022/shirkasoft-ui-components-sidebar.mjs

@@ -0,0 +1,185 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, input, model, output, signal, computed, effect, HostListener, Component } from '@angular/core';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { LucideMenu, LucideDynamicIcon } from '@lucide/angular';
+import { getIcon } from 'shirkasoft-ui-components/utils';
+import { TooltipComponent } from 'shirkasoft-ui-components/tooltip';
+
+/**
+ * Shirkasoft UI Components.
+ * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).
+ * Belongs to Shirkasoft.
+ */
+/**
+ * Collapsible vertical navigation sidebar with groups, icons, badges,
+ * role-based filtering, responsive mobile drawer and tooltips.
+ */
+class SidebarComponent {
+    constructor() {
+        this.platformId = inject(PLATFORM_ID);
+        /** Flat list of navigation items (used when no groups are provided). */
+        this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /** Grouped navigation items; takes precedence over `items`. */
+        this.groups = input([], ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+        /** Brand title shown at the top of the sidebar. */
+        this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        /** Subtitle under the title. */
+        this.subtitle = input('', ...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
+        /** Brand logo image/url shown at the top. */
+        this.logo = input('', ...(ngDevMode ? [{ debugName: "logo" }] : /* istanbul ignore next */ []));
+        /** id of the item currently highlighted as active. */
+        this.activeItemId = input('', ...(ngDevMode ? [{ debugName: "activeItemId" }] : /* istanbul ignore next */ []));
+        /** Role used to filter items that declare `roles`. */
+        this.userRole = input('', ...(ngDevMode ? [{ debugName: "userRole" }] : /* istanbul ignore next */ []));
+        /** Whether the sidebar can collapse into a rail. */
+        this.collapsible = input(true, ...(ngDevMode ? [{ debugName: "collapsible" }] : /* istanbul ignore next */ []));
+        /** Shows the expand/collapse toggle button. */
+        this.showToggle = input(true, ...(ngDevMode ? [{ debugName: "showToggle" }] : /* istanbul ignore next */ []));
+        /** Enables the mobile drawer behaviour below lg breakpoint. */
+        this.responsive = input(true, ...(ngDevMode ? [{ debugName: "responsive" }] : /* istanbul ignore next */ []));
+        /** Keeps the sidebar fixed while the page scrolls. */
+        this.fixed = input(false, ...(ngDevMode ? [{ debugName: "fixed" }] : /* istanbul ignore next */ []));
+        /** Adds a drop shadow to the sidebar. */
+        this.hasShadow = input(true, ...(ngDevMode ? [{ debugName: "hasShadow" }] : /* istanbul ignore next */ []));
+        /** Width in expanded state. */
+        this.expandedWidth = input('16rem', ...(ngDevMode ? [{ debugName: "expandedWidth" }] : /* istanbul ignore next */ []));
+        /** Width when collapsed. */
+        this.collapsedWidth = input('5rem', ...(ngDevMode ? [{ debugName: "collapsedWidth" }] : /* istanbul ignore next */ []));
+        /** Group ids opened by default on load. */
+        this.defaultExpanded = input([], ...(ngDevMode ? [{ debugName: "defaultExpanded" }] : /* istanbul ignore next */ []));
+        /** Optional transform applied to item labels (e.g. i18n). */
+        this.labelPipe = input((label) => label, ...(ngDevMode ? [{ debugName: "labelPipe" }] : /* istanbul ignore next */ []));
+        /** Tooltip for the expand action. */
+        this.expandTooltip = input('Expandir', ...(ngDevMode ? [{ debugName: "expandTooltip" }] : /* istanbul ignore next */ []));
+        /** Tooltip for the collapse action. */
+        this.collapseTooltip = input('Colapsar', ...(ngDevMode ? [{ debugName: "collapseTooltip" }] : /* istanbul ignore next */ []));
+        /** Collapsed state, bindable with [(collapsed)]. */
+        this.collapsed = model(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+        /** Mobile drawer open state, bindable with [(mobileOpen)]. */
+        this.mobileOpen = model(false, ...(ngDevMode ? [{ debugName: "mobileOpen" }] : /* istanbul ignore next */ []));
+        /** Emitted when a navigation item is clicked. */
+        this.itemClick = output();
+        /** Emitted with the new collapsed state after toggling. */
+        this.toggle = output();
+        this.getIcon = (name) => getIcon(name, LucideMenu);
+        /** Currently selected item id. */
+        this.selectedId = signal('', ...(ngDevMode ? [{ debugName: "selectedId" }] : /* istanbul ignore next */ []));
+        /** Set of group ids currently expanded. */
+        this.expandedGroups = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedGroups" }] : /* istanbul ignore next */ []));
+        this.isBrowser = false;
+        /** Current sidebar width depending on the collapsed state. */
+        this.width = computed(() => this.collapsed() ? this.collapsedWidth() : this.expandedWidth(), ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+        /** Navigation items after group flattening and role filtering. */
+        this.navItems = computed(() => {
+            const role = this.userRole();
+            const base = this.groups().length ? this.groups().flatMap((g) => g.items) : this.items();
+            return base.filter((item) => {
+                if (!item.roles || item.roles.length === 0)
+                    return true;
+                return role ? item.roles.includes(role) : false;
+            });
+        }, ...(ngDevMode ? [{ debugName: "navItems" }] : /* istanbul ignore next */ []));
+        if (isPlatformBrowser(this.platformId)) {
+            this.isBrowser = isPlatformBrowser(this.platformId);
+        }
+        effect(() => {
+            this.selectedId.set(this.activeItemId());
+        });
+        effect(() => {
+            const active = this.activeItemId();
+            if (!active)
+                return;
+            const parent = this.navItems().find((item) => item.children?.some((c) => c.id === active));
+            if (parent) {
+                this.expandedGroups.update((set) => {
+                    if (set.has(parent.id))
+                        return set;
+                    const next = new Set(set);
+                    next.add(parent.id);
+                    return next;
+                });
+            }
+        });
+        effect(() => {
+            const defs = this.defaultExpanded();
+            if (!defs.length)
+                return;
+            this.expandedGroups.update((set) => {
+                const next = new Set(set);
+                defs.forEach((id) => next.add(id));
+                return next;
+            });
+        });
+    }
+    /** Closes the mobile drawer when the window grows below lg. */
+    onResize(_event) {
+        if (this.responsive() && this.isBrowser && window.innerWidth < 1024) {
+            this.mobileOpen.set(false);
+        }
+    }
+    /** Applies the `labelPipe` transform to an item label. */
+    label(item) {
+        return this.labelPipe()(item.label);
+    }
+    /** Whether the item matches the selected id. */
+    isItemActive(item) {
+        return !!item.id && item.id === this.selectedId();
+    }
+    /** Whether one of the item's children is currently active. */
+    isGroupActive(item) {
+        return item.children?.some((c) => c.id === this.selectedId()) ?? false;
+    }
+    /** Whether a group is expanded. */
+    isGroupExpanded(item) {
+        return this.expandedGroups().has(item.id);
+    }
+    /** Toggles the expanded state of a group. */
+    toggleGroup(item) {
+        this.expandedGroups.update((set) => {
+            const next = new Set(set);
+            if (next.has(item.id)) {
+                next.delete(item.id);
+            }
+            else {
+                next.add(item.id);
+            }
+            return next;
+        });
+    }
+    /** Selects an item, emits `itemClick` and closes the mobile drawer when needed. */
+    onItemClick(item) {
+        if (item.disabled)
+            return;
+        this.selectedId.set(item.id);
+        this.itemClick.emit(item);
+        if (this.responsive() && this.isBrowser && window.innerWidth < 1024) {
+            this.mobileOpen.set(false);
+        }
+    }
+    /** Toggles collapse (desktop) or the mobile drawer (below lg). */
+    onToggle() {
+        if (this.responsive() && this.isBrowser && window.innerWidth < 1024) {
+            this.mobileOpen.update((v) => !v);
+        }
+        else {
+            this.collapsed.update((v) => !v);
+            this.toggle.emit(this.collapsed());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: SidebarComponent, isStandalone: true, selector: "shk-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, userRole: { classPropertyName: "userRole", publicName: "userRole", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, showToggle: { classPropertyName: "showToggle", publicName: "showToggle", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, hasShadow: { classPropertyName: "hasShadow", publicName: "hasShadow", isSignal: true, isRequired: false, transformFunction: null }, expandedWidth: { classPropertyName: "expandedWidth", publicName: "expandedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, defaultExpanded: { classPropertyName: "defaultExpanded", publicName: "defaultExpanded", isSignal: true, isRequired: false, transformFunction: null }, labelPipe: { classPropertyName: "labelPipe", publicName: "labelPipe", isSignal: true, isRequired: false, transformFunction: null }, expandTooltip: { classPropertyName: "expandTooltip", publicName: "expandTooltip", isSignal: true, isRequired: false, transformFunction: null }, collapseTooltip: { classPropertyName: "collapseTooltip", publicName: "collapseTooltip", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, mobileOpen: { classPropertyName: "mobileOpen", publicName: "mobileOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange", mobileOpen: "mobileOpenChange", itemClick: "itemClick", toggle: "toggle" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "@if (responsive() && mobileOpen()) {\n  <!-- Mobile overlay backdrop (sibling of aside: must NOT be inside the\n       transformed aside, otherwise it becomes its containing block and\n       only covers the sidebar, also blocking nav clicks on mobile) -->\n  <div\n    class=\"fixed inset-0 bg-black/50 z-30 lg:hidden\"\n    (click)=\"mobileOpen.set(false)\"\n  ></div>\n}\n\n<aside\n  [class.fixed]=\"fixed()\"\n  [class.relative]=\"!fixed()\"\n  [class.h-screen]=\"fixed()\"\n  [class.h-full]=\"!fixed()\"\n  class=\"top-0 left-0 flex flex-col shrink-0 sidebar-transition sidebar-mobile-transform z-40 _shk-bg-white dark:[background-color:var(--shk-surface-50)] border-r _shk-border dark:[border-color:var(--shk-surface-100)]\"\n  [class.shadow-sm]=\"hasShadow()\"\n  [style.width]=\"width()\"\n  [style.transform]=\"responsive() ? (mobileOpen() ? 'translateX(0)' : 'translateX(-100%)') : null\"\n>\n  <!-- Logo / Brand -->\n  @if (logo() || title() || subtitle()) {\n    <div\n      class=\"flex items-center h-20 px-4 border-b _shk-border dark:[border-color:var(--shk-surface-100)] shrink-0\"\n    >\n      <div class=\"flex items-center gap-3 overflow-hidden\">\n        @if (logo()) {\n          <img [src]=\"logo()\" alt=\"Logo\" class=\"h-16 w-16 shrink-0 object-contain\" />\n        }\n        @if (!collapsed() && (title() || subtitle())) {\n          <div class=\"flex flex-col leading-tight whitespace-nowrap\">\n            @if (title()) {\n              <span class=\"text-lg font-bold _shk-text-surface-800 dark:[color:var(--shk-surface-800)]\">\n                {{ title() }}\n              </span>\n            }\n            @if (subtitle()) {\n              <span class=\"text-sm _shk-text-surface-500 dark:[color:var(--shk-surface-500)]\">\n                {{ subtitle() }}\n              </span>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Toggle button -->\n  @if (showToggle() && collapsible()) {\n    <button\n      type=\"button\"\n      (click)=\"onToggle()\"\n      class=\"group absolute -right-3 top-20 z-50 w-6 h-6 rounded-full bg-white dark:[background-color:var(--shk-surface-100)] border _shk-border dark:[border-color:var(--shk-surface-200)] shadow-md max-lg:hidden flex items-center justify-center _shk-text-surface-600 dark:[color:var(--shk-surface-600)] hover:[background-color:var(--shk-primary-50)] dark:hover:[background-color:var(--shk-surface-200)] hover:[color:var(--shk-primary-600)] dark:hover:[color:var(--shk-primary-400)] transition-colors\"\n    >\n      @if (collapsed()) {\n        <svg [lucideIcon]=\"getIcon('chevron-right')\" class=\"w-3 h-3\"></svg>\n      } @else {\n        <svg [lucideIcon]=\"getIcon('chevron-left')\" class=\"w-3 h-3\"></svg>\n      }\n      <span\n        class=\"absolute left-full ml-1 top-1/2 -translate-y-1/2 px-2 py-1 text-xs _shk-bg-tooltip _shk-text-tooltip rounded whitespace-nowrap opacity-0 group-hover:opacity-100 transition pointer-events-none z-[9999] shadow-lg\"\n      >\n        {{ collapsed() ? expandTooltip() : collapseTooltip() }}\n      </span>\n    </button>\n  }\n\n  <ng-content select=\"[sidebarHeader]\"></ng-content>\n\n  <!-- Custom content between header and nav -->\n  <ng-content select=\"[sidebarContent]\"></ng-content>\n\n  <!-- Navigation -->\n  <nav class=\"flex-1 sidebar-scroll _shk-scrollbar py-4 px-3\">\n    <ul class=\"space-y-1\">\n      @for (item of navItems(); track item.id) {\n        @if (item.separator) {\n          <li class=\"my-2 border-t _shk-border dark:[border-color:var(--shk-surface-200)]\"></li>\n        }\n\n        @if (item.children?.length) {\n          <!-- Group -->\n          <li>\n            @if (collapsed()) {\n              <shk-tooltip [text]=\"label(item)\" position=\"right\" mode=\"fixed\">\n                <div\n                  class=\"flex items-center justify-center px-3 py-2.5 rounded-lg transition-all duration-200\"\n                  [class._shk-bg-primary]=\"isGroupActive(item)\"\n                  [class._shk-text-white]=\"isGroupActive(item)\"\n                  [class._shk-text-surface-500]=\"!isGroupActive(item)\"\n                >\n                  @if (item.icon) {\n                    <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                  }\n                </div>\n              </shk-tooltip>\n            } @else {\n              <button\n                type=\"button\"\n                (click)=\"toggleGroup(item)\"\n                class=\"w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative\"\n                [class._shk-bg-primary]=\"isGroupActive(item)\"\n                [class._shk-text-white]=\"isGroupActive(item)\"\n                [class.shadow-md]=\"isGroupActive(item)\"\n                [class._shk-text-surface-700]=\"!isGroupActive(item)\"\n                [class.dark:[color:var(--shk-surface-600)]]=\"!isGroupActive(item)\"\n                [class.hover:[background-color:var(--shk-surface-100)]]=\"!isGroupActive(item)\"\n                [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isGroupActive(item)\"\n                [class.hover:[color:var(--shk-surface-900)]]=\"!isGroupActive(item)\"\n                [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isGroupActive(item)\"\n              >\n                @if (item.icon) {\n                  <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                }\n                <span class=\"flex-1 text-left whitespace-nowrap overflow-hidden\">{{ label(item) }}</span>\n                <svg\n                  [lucideIcon]=\"getIcon('chevron-down')\"\n                  class=\"w-4 h-4 transition-transform duration-200 shrink-0\"\n                  [class.rotate-180]=\"isGroupExpanded(item)\"\n                ></svg>\n              </button>\n\n              @if (isGroupExpanded(item)) {\n                <ul class=\"ml-3 mt-1 space-y-1 border-l-2 _shk-border dark:[border-color:var(--shk-surface-200)] pl-2\">\n                  @for (child of item.children; track child.id) {\n                    <li>\n                      <button\n                        type=\"button\"\n                        (click)=\"onItemClick(child)\"\n                        class=\"w-full flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200\"\n                        [class._shk-bg-primary-soft]=\"isItemActive(child)\"\n                        [class._shk-bg-primary-soft-dark]=\"isItemActive(child)\"\n                        [class._shk-text-primary-700]=\"isItemActive(child)\"\n                        [class.dark:[color:var(--shk-primary-300)]]=\"isItemActive(child)\"\n                        [class._shk-text-surface-600]=\"!isItemActive(child)\"\n                        [class.dark:[color:var(--shk-surface-400)]]=\"!isItemActive(child)\"\n                        [class.hover:[background-color:var(--shk-surface-100)]]=\"!isItemActive(child)\"\n                        [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isItemActive(child)\"\n                        [class.hover:[color:var(--shk-surface-900)]]=\"!isItemActive(child)\"\n                        [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isItemActive(child)\"\n                      >\n                        @if (child.icon) {\n                          <svg [lucideIcon]=\"getIcon(child.icon)\" class=\"w-4 h-4 shrink-0\"></svg>\n                        }\n                        <span class=\"whitespace-nowrap overflow-hidden\">{{ label(child) }}</span>\n                        @if (isItemActive(child)) {\n                          <span class=\"w-1.5 h-1.5 rounded-full _shk-bg-primary shrink-0 ml-auto\"></span>\n                        }\n                      </button>\n                    </li>\n                  }\n                </ul>\n              }\n            }\n          </li>\n        } @else {\n          <!-- Standalone item -->\n          <li>\n            @if (collapsed()) {\n              <shk-tooltip [text]=\"label(item)\" position=\"right\" mode=\"fixed\">\n                <button\n                  type=\"button\"\n                  (click)=\"onItemClick(item)\"\n                  class=\"w-full flex items-center justify-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200\"\n                  [class._shk-bg-primary]=\"isItemActive(item)\"\n                  [class._shk-text-white]=\"isItemActive(item)\"\n                  [class.shadow-md]=\"isItemActive(item)\"\n                  [class._shk-text-surface-700]=\"!isItemActive(item)\"\n                  [class.dark:[color:var(--shk-surface-600)]]=\"!isItemActive(item)\"\n                  [class.hover:[background-color:var(--shk-surface-100)]]=\"!isItemActive(item)\"\n                  [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isItemActive(item)\"\n                  [class.hover:[color:var(--shk-surface-900)]]=\"!isItemActive(item)\"\n                  [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isItemActive(item)\"\n                >\n                  @if (item.icon) {\n                    <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                  }\n                </button>\n              </shk-tooltip>\n            } @else {\n              <button\n                type=\"button\"\n                (click)=\"onItemClick(item)\"\n                class=\"w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200\"\n                [class._shk-bg-primary]=\"isItemActive(item)\"\n                [class._shk-text-white]=\"isItemActive(item)\"\n                [class.shadow-md]=\"isItemActive(item)\"\n                [class._shk-text-surface-700]=\"!isItemActive(item)\"\n                [class.dark:[color:var(--shk-surface-600)]]=\"!isItemActive(item)\"\n                [class.hover:[background-color:var(--shk-surface-100)]]=\"!isItemActive(item)\"\n                [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isItemActive(item)\"\n                [class.hover:[color:var(--shk-surface-900)]]=\"!isItemActive(item)\"\n                [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isItemActive(item)\"\n              >\n                @if (item.icon) {\n                  <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                }\n                <span class=\"flex-1 text-left whitespace-nowrap overflow-hidden\">{{ label(item) }}</span>\n                @if (item.badge !== undefined) {\n                  <span\n                    class=\"text-xs font-bold px-2 py-0.5 rounded-full _shk-bg-primary _shk-text-white shrink-0\"\n                    [class.hidden]=\"collapsed()\"\n                  >\n                    {{ item.badge }}\n                  </span>\n                }\n                @if (isItemActive(item)) {\n                  <span class=\"w-1.5 h-1.5 rounded-full bg-white shrink-0\"></span>\n                }\n              </button>\n            }\n          </li>\n        }\n      }\n    </ul>\n  </nav>\n\n  <!-- Footer -->\n  <div class=\"shrink-0 p-2 [&:empty]:hidden\">\n    <ng-content select=\"[sidebarFooter]\"></ng-content>\n  </div>\n</aside>\n", styles: [":host{display:block}.sidebar-transition{transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-scroll{overflow-y:auto;overflow-x:visible}@media(min-width:1024px){.sidebar-mobile-transform{transform:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }, { kind: "component", type: TooltipComponent, selector: "shk-tooltip", inputs: ["text", "position", "mode", "offset"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'shk-sidebar', standalone: true, imports: [CommonModule, LucideDynamicIcon, TooltipComponent], template: "@if (responsive() && mobileOpen()) {\n  <!-- Mobile overlay backdrop (sibling of aside: must NOT be inside the\n       transformed aside, otherwise it becomes its containing block and\n       only covers the sidebar, also blocking nav clicks on mobile) -->\n  <div\n    class=\"fixed inset-0 bg-black/50 z-30 lg:hidden\"\n    (click)=\"mobileOpen.set(false)\"\n  ></div>\n}\n\n<aside\n  [class.fixed]=\"fixed()\"\n  [class.relative]=\"!fixed()\"\n  [class.h-screen]=\"fixed()\"\n  [class.h-full]=\"!fixed()\"\n  class=\"top-0 left-0 flex flex-col shrink-0 sidebar-transition sidebar-mobile-transform z-40 _shk-bg-white dark:[background-color:var(--shk-surface-50)] border-r _shk-border dark:[border-color:var(--shk-surface-100)]\"\n  [class.shadow-sm]=\"hasShadow()\"\n  [style.width]=\"width()\"\n  [style.transform]=\"responsive() ? (mobileOpen() ? 'translateX(0)' : 'translateX(-100%)') : null\"\n>\n  <!-- Logo / Brand -->\n  @if (logo() || title() || subtitle()) {\n    <div\n      class=\"flex items-center h-20 px-4 border-b _shk-border dark:[border-color:var(--shk-surface-100)] shrink-0\"\n    >\n      <div class=\"flex items-center gap-3 overflow-hidden\">\n        @if (logo()) {\n          <img [src]=\"logo()\" alt=\"Logo\" class=\"h-16 w-16 shrink-0 object-contain\" />\n        }\n        @if (!collapsed() && (title() || subtitle())) {\n          <div class=\"flex flex-col leading-tight whitespace-nowrap\">\n            @if (title()) {\n              <span class=\"text-lg font-bold _shk-text-surface-800 dark:[color:var(--shk-surface-800)]\">\n                {{ title() }}\n              </span>\n            }\n            @if (subtitle()) {\n              <span class=\"text-sm _shk-text-surface-500 dark:[color:var(--shk-surface-500)]\">\n                {{ subtitle() }}\n              </span>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Toggle button -->\n  @if (showToggle() && collapsible()) {\n    <button\n      type=\"button\"\n      (click)=\"onToggle()\"\n      class=\"group absolute -right-3 top-20 z-50 w-6 h-6 rounded-full bg-white dark:[background-color:var(--shk-surface-100)] border _shk-border dark:[border-color:var(--shk-surface-200)] shadow-md max-lg:hidden flex items-center justify-center _shk-text-surface-600 dark:[color:var(--shk-surface-600)] hover:[background-color:var(--shk-primary-50)] dark:hover:[background-color:var(--shk-surface-200)] hover:[color:var(--shk-primary-600)] dark:hover:[color:var(--shk-primary-400)] transition-colors\"\n    >\n      @if (collapsed()) {\n        <svg [lucideIcon]=\"getIcon('chevron-right')\" class=\"w-3 h-3\"></svg>\n      } @else {\n        <svg [lucideIcon]=\"getIcon('chevron-left')\" class=\"w-3 h-3\"></svg>\n      }\n      <span\n        class=\"absolute left-full ml-1 top-1/2 -translate-y-1/2 px-2 py-1 text-xs _shk-bg-tooltip _shk-text-tooltip rounded whitespace-nowrap opacity-0 group-hover:opacity-100 transition pointer-events-none z-[9999] shadow-lg\"\n      >\n        {{ collapsed() ? expandTooltip() : collapseTooltip() }}\n      </span>\n    </button>\n  }\n\n  <ng-content select=\"[sidebarHeader]\"></ng-content>\n\n  <!-- Custom content between header and nav -->\n  <ng-content select=\"[sidebarContent]\"></ng-content>\n\n  <!-- Navigation -->\n  <nav class=\"flex-1 sidebar-scroll _shk-scrollbar py-4 px-3\">\n    <ul class=\"space-y-1\">\n      @for (item of navItems(); track item.id) {\n        @if (item.separator) {\n          <li class=\"my-2 border-t _shk-border dark:[border-color:var(--shk-surface-200)]\"></li>\n        }\n\n        @if (item.children?.length) {\n          <!-- Group -->\n          <li>\n            @if (collapsed()) {\n              <shk-tooltip [text]=\"label(item)\" position=\"right\" mode=\"fixed\">\n                <div\n                  class=\"flex items-center justify-center px-3 py-2.5 rounded-lg transition-all duration-200\"\n                  [class._shk-bg-primary]=\"isGroupActive(item)\"\n                  [class._shk-text-white]=\"isGroupActive(item)\"\n                  [class._shk-text-surface-500]=\"!isGroupActive(item)\"\n                >\n                  @if (item.icon) {\n                    <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                  }\n                </div>\n              </shk-tooltip>\n            } @else {\n              <button\n                type=\"button\"\n                (click)=\"toggleGroup(item)\"\n                class=\"w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative\"\n                [class._shk-bg-primary]=\"isGroupActive(item)\"\n                [class._shk-text-white]=\"isGroupActive(item)\"\n                [class.shadow-md]=\"isGroupActive(item)\"\n                [class._shk-text-surface-700]=\"!isGroupActive(item)\"\n                [class.dark:[color:var(--shk-surface-600)]]=\"!isGroupActive(item)\"\n                [class.hover:[background-color:var(--shk-surface-100)]]=\"!isGroupActive(item)\"\n                [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isGroupActive(item)\"\n                [class.hover:[color:var(--shk-surface-900)]]=\"!isGroupActive(item)\"\n                [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isGroupActive(item)\"\n              >\n                @if (item.icon) {\n                  <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                }\n                <span class=\"flex-1 text-left whitespace-nowrap overflow-hidden\">{{ label(item) }}</span>\n                <svg\n                  [lucideIcon]=\"getIcon('chevron-down')\"\n                  class=\"w-4 h-4 transition-transform duration-200 shrink-0\"\n                  [class.rotate-180]=\"isGroupExpanded(item)\"\n                ></svg>\n              </button>\n\n              @if (isGroupExpanded(item)) {\n                <ul class=\"ml-3 mt-1 space-y-1 border-l-2 _shk-border dark:[border-color:var(--shk-surface-200)] pl-2\">\n                  @for (child of item.children; track child.id) {\n                    <li>\n                      <button\n                        type=\"button\"\n                        (click)=\"onItemClick(child)\"\n                        class=\"w-full flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200\"\n                        [class._shk-bg-primary-soft]=\"isItemActive(child)\"\n                        [class._shk-bg-primary-soft-dark]=\"isItemActive(child)\"\n                        [class._shk-text-primary-700]=\"isItemActive(child)\"\n                        [class.dark:[color:var(--shk-primary-300)]]=\"isItemActive(child)\"\n                        [class._shk-text-surface-600]=\"!isItemActive(child)\"\n                        [class.dark:[color:var(--shk-surface-400)]]=\"!isItemActive(child)\"\n                        [class.hover:[background-color:var(--shk-surface-100)]]=\"!isItemActive(child)\"\n                        [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isItemActive(child)\"\n                        [class.hover:[color:var(--shk-surface-900)]]=\"!isItemActive(child)\"\n                        [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isItemActive(child)\"\n                      >\n                        @if (child.icon) {\n                          <svg [lucideIcon]=\"getIcon(child.icon)\" class=\"w-4 h-4 shrink-0\"></svg>\n                        }\n                        <span class=\"whitespace-nowrap overflow-hidden\">{{ label(child) }}</span>\n                        @if (isItemActive(child)) {\n                          <span class=\"w-1.5 h-1.5 rounded-full _shk-bg-primary shrink-0 ml-auto\"></span>\n                        }\n                      </button>\n                    </li>\n                  }\n                </ul>\n              }\n            }\n          </li>\n        } @else {\n          <!-- Standalone item -->\n          <li>\n            @if (collapsed()) {\n              <shk-tooltip [text]=\"label(item)\" position=\"right\" mode=\"fixed\">\n                <button\n                  type=\"button\"\n                  (click)=\"onItemClick(item)\"\n                  class=\"w-full flex items-center justify-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200\"\n                  [class._shk-bg-primary]=\"isItemActive(item)\"\n                  [class._shk-text-white]=\"isItemActive(item)\"\n                  [class.shadow-md]=\"isItemActive(item)\"\n                  [class._shk-text-surface-700]=\"!isItemActive(item)\"\n                  [class.dark:[color:var(--shk-surface-600)]]=\"!isItemActive(item)\"\n                  [class.hover:[background-color:var(--shk-surface-100)]]=\"!isItemActive(item)\"\n                  [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isItemActive(item)\"\n                  [class.hover:[color:var(--shk-surface-900)]]=\"!isItemActive(item)\"\n                  [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isItemActive(item)\"\n                >\n                  @if (item.icon) {\n                    <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                  }\n                </button>\n              </shk-tooltip>\n            } @else {\n              <button\n                type=\"button\"\n                (click)=\"onItemClick(item)\"\n                class=\"w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200\"\n                [class._shk-bg-primary]=\"isItemActive(item)\"\n                [class._shk-text-white]=\"isItemActive(item)\"\n                [class.shadow-md]=\"isItemActive(item)\"\n                [class._shk-text-surface-700]=\"!isItemActive(item)\"\n                [class.dark:[color:var(--shk-surface-600)]]=\"!isItemActive(item)\"\n                [class.hover:[background-color:var(--shk-surface-100)]]=\"!isItemActive(item)\"\n                [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isItemActive(item)\"\n                [class.hover:[color:var(--shk-surface-900)]]=\"!isItemActive(item)\"\n                [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isItemActive(item)\"\n              >\n                @if (item.icon) {\n                  <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                }\n                <span class=\"flex-1 text-left whitespace-nowrap overflow-hidden\">{{ label(item) }}</span>\n                @if (item.badge !== undefined) {\n                  <span\n                    class=\"text-xs font-bold px-2 py-0.5 rounded-full _shk-bg-primary _shk-text-white shrink-0\"\n                    [class.hidden]=\"collapsed()\"\n                  >\n                    {{ item.badge }}\n                  </span>\n                }\n                @if (isItemActive(item)) {\n                  <span class=\"w-1.5 h-1.5 rounded-full bg-white shrink-0\"></span>\n                }\n              </button>\n            }\n          </li>\n        }\n      }\n    </ul>\n  </nav>\n\n  <!-- Footer -->\n  <div class=\"shrink-0 p-2 [&:empty]:hidden\">\n    <ng-content select=\"[sidebarFooter]\"></ng-content>\n  </div>\n</aside>\n", styles: [":host{display:block}.sidebar-transition{transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-scroll{overflow-y:auto;overflow-x:visible}@media(min-width:1024px){.sidebar-mobile-transform{transform:none!important}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], groups: [{ type: i0.Input, args: [{ isSignal: true, alias: "groups", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], activeItemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeItemId", required: false }] }], userRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "userRole", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], showToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToggle", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], hasShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasShadow", required: false }] }], expandedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedWidth", required: false }] }], collapsedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedWidth", required: false }] }], defaultExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultExpanded", required: false }] }], labelPipe: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPipe", required: false }] }], expandTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandTooltip", required: false }] }], collapseTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseTooltip", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], mobileOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileOpen", required: false }] }, { type: i0.Output, args: ["mobileOpenChange"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], toggle: [{ type: i0.Output, args: ["toggle"] }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SidebarComponent };
+//# sourceMappingURL=shirkasoft-ui-components-sidebar.mjs.map

package/fesm2022/shirkasoft-ui-components-sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shirkasoft-ui-components-sidebar.mjs","sources":["../../../projects/ui-components/sidebar/sidebar.component.ts","../../../projects/ui-components/sidebar/sidebar.component.html","../../../projects/ui-components/sidebar/shirkasoft-ui-components-sidebar.ts"],"sourcesContent":["import {\n  Component,\n  HostListener,\n  PLATFORM_ID,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { LucideLayoutDashboard, LucideDynamicIcon, LucideMenu, LucideHouse, LucideWarehouse } from '@lucide/angular';\nimport { getIcon as getIconFromCentral } from 'shirkasoft-ui-components/utils';\nimport { TooltipComponent } from 'shirkasoft-ui-components/tooltip';\n\nexport interface SidebarItem {\n  id: string;\n  label: string;\n  icon?: string | any;\n  route?: string;\n  children?: SidebarItem[];\n  roles?: string[];\n  badge?: string | number;\n  disabled?: boolean;\n  separator?: boolean;\n}\n\nexport interface SidebarGroup {\n  id?: string;\n  label?: string;\n  items: SidebarItem[];\n}\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/**\n * Collapsible vertical navigation sidebar with groups, icons, badges,\n * role-based filtering, responsive mobile drawer and tooltips.\n */\n@Component({\n  selector: 'shk-sidebar',\n  standalone: true,\n  imports: [CommonModule, LucideDynamicIcon, TooltipComponent],\n  templateUrl: './sidebar.component.html',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      .sidebar-transition {\n        transition:\n          width 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n          transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      }\n\n      .sidebar-scroll {\n        overflow-y: auto;\n        overflow-x: visible;\n      }\n\n      @media (min-width: 1024px) {\n        .sidebar-mobile-transform {\n          transform: none !important;\n        }\n      }\n    `,\n  ],\n})\nexport class SidebarComponent {\n  private platformId = inject(PLATFORM_ID);\n  /** Flat list of navigation items (used when no groups are provided). */\n  items = input<SidebarItem[]>([]);\n  /** Grouped navigation items; takes precedence over `items`. */\n  groups = input<SidebarGroup[]>([]);\n  /** Brand title shown at the top of the sidebar. */\n  title = input<string>('');\n  /** Subtitle under the title. */\n  subtitle = input<string>('');\n  /** Brand logo image/url shown at the top. */\n  logo = input<string>('');\n  /** id of the item currently highlighted as active. */\n  activeItemId = input<string>('');\n  /** Role used to filter items that declare `roles`. */\n  userRole = input<string>('');\n  /** Whether the sidebar can collapse into a rail. */\n  collapsible = input<boolean>(true);\n  /** Shows the expand/collapse toggle button. */\n  showToggle = input<boolean>(true);\n  /** Enables the mobile drawer behaviour below lg breakpoint. */\n  responsive = input<boolean>(true);\n  /** Keeps the sidebar fixed while the page scrolls. */\n  fixed = input<boolean>(false);\n  /** Adds a drop shadow to the sidebar. */\n  hasShadow = input<boolean>(true);\n  /** Width in expanded state. */\n  expandedWidth = input<string>('16rem');\n  /** Width when collapsed. */\n  collapsedWidth = input<string>('5rem');\n  /** Group ids opened by default on load. */\n  defaultExpanded = input<string[]>([]);\n  /** Optional transform applied to item labels (e.g. i18n). */\n  labelPipe = input<(label: string) => string>((label: string) => label);\n  /** Tooltip for the expand action. */\n  expandTooltip = input<string>('Expandir');\n  /** Tooltip for the collapse action. */\n  collapseTooltip = input<string>('Colapsar');\n\n  /** Collapsed state, bindable with [(collapsed)]. */\n  collapsed = model<boolean>(false);\n  /** Mobile drawer open state, bindable with [(mobileOpen)]. */\n  mobileOpen = model<boolean>(false);\n\n  /** Emitted when a navigation item is clicked. */\n  itemClick = output<SidebarItem>();\n  /** Emitted with the new collapsed state after toggling. */\n  toggle = output<boolean>();\n\n  protected getIcon = (name: any) => getIconFromCentral(name, LucideMenu);\n  /** Currently selected item id. */\n  protected selectedId = signal('');\n  /** Set of group ids currently expanded. */\n  protected expandedGroups = signal<Set<string>>(new Set());\n\n  private isBrowser = false;\n\n  constructor() {\n    if (isPlatformBrowser(this.platformId)) {\n      this.isBrowser = isPlatformBrowser(this.platformId);\n    }\n\n    effect(() => {\n      this.selectedId.set(this.activeItemId());\n    });\n\n    effect(() => {\n      const active = this.activeItemId();\n      if (!active) return;\n      const parent = this.navItems().find((item) => item.children?.some((c) => c.id === active));\n      if (parent) {\n        this.expandedGroups.update((set) => {\n          if (set.has(parent.id)) return set;\n          const next = new Set(set);\n          next.add(parent.id);\n          return next;\n        });\n      }\n    });\n\n    effect(() => {\n      const defs = this.defaultExpanded();\n      if (!defs.length) return;\n      this.expandedGroups.update((set) => {\n        const next = new Set(set);\n        defs.forEach((id) => next.add(id));\n        return next;\n      });\n    });\n  }\n\n  /** Current sidebar width depending on the collapsed state. */\n  protected width = computed(() =>\n    this.collapsed() ? this.collapsedWidth() : this.expandedWidth(),\n  );\n\n  /** Navigation items after group flattening and role filtering. */\n  protected navItems = computed<SidebarItem[]>(() => {\n    const role = this.userRole();\n    const base = this.groups().length ? this.groups().flatMap((g) => g.items) : this.items();\n    return base.filter((item) => {\n      if (!item.roles || item.roles.length === 0) return true;\n      return role ? item.roles.includes(role) : false;\n    });\n  });\n\n  /** Closes the mobile drawer when the window grows below lg. */\n  @HostListener('window:resize', ['$event'])\n  onResize(_event: Event): void {\n    if (this.responsive() && this.isBrowser && window.innerWidth < 1024) {\n      this.mobileOpen.set(false);\n    }\n  }\n\n  /** Applies the `labelPipe` transform to an item label. */\n  protected label(item: SidebarItem): string {\n    return this.labelPipe()(item.label);\n  }\n\n  /** Whether the item matches the selected id. */\n  protected isItemActive(item: SidebarItem): boolean {\n    return !!item.id && item.id === this.selectedId();\n  }\n\n  /** Whether one of the item's children is currently active. */\n  protected isGroupActive(item: SidebarItem): boolean {\n    return item.children?.some((c) => c.id === this.selectedId()) ?? false;\n  }\n\n  /** Whether a group is expanded. */\n  protected isGroupExpanded(item: SidebarItem): boolean {\n    return this.expandedGroups().has(item.id);\n  }\n\n  /** Toggles the expanded state of a group. */\n  protected toggleGroup(item: SidebarItem): void {\n    this.expandedGroups.update((set) => {\n      const next = new Set(set);\n      if (next.has(item.id)) {\n        next.delete(item.id);\n      } else {\n        next.add(item.id);\n      }\n      return next;\n    });\n  }\n\n  /** Selects an item, emits `itemClick` and closes the mobile drawer when needed. */\n  protected onItemClick(item: SidebarItem): void {\n    if (item.disabled) return;\n    this.selectedId.set(item.id);\n    this.itemClick.emit(item);\n    if (this.responsive() && this.isBrowser && window.innerWidth < 1024) {\n      this.mobileOpen.set(false);\n    }\n  }\n\n  /** Toggles collapse (desktop) or the mobile drawer (below lg). */\n  protected onToggle(): void {\n    if (this.responsive() && this.isBrowser && window.innerWidth < 1024) {\n      this.mobileOpen.update((v) => !v);\n    } else {\n      this.collapsed.update((v) => !v);\n      this.toggle.emit(this.collapsed());\n    }\n  }\n}\n","@if (responsive() && mobileOpen()) {\n  <!-- Mobile overlay backdrop (sibling of aside: must NOT be inside the\n       transformed aside, otherwise it becomes its containing block and\n       only covers the sidebar, also blocking nav clicks on mobile) -->\n  <div\n    class=\"fixed inset-0 bg-black/50 z-30 lg:hidden\"\n    (click)=\"mobileOpen.set(false)\"\n  ></div>\n}\n\n<aside\n  [class.fixed]=\"fixed()\"\n  [class.relative]=\"!fixed()\"\n  [class.h-screen]=\"fixed()\"\n  [class.h-full]=\"!fixed()\"\n  class=\"top-0 left-0 flex flex-col shrink-0 sidebar-transition sidebar-mobile-transform z-40 _shk-bg-white dark:[background-color:var(--shk-surface-50)] border-r _shk-border dark:[border-color:var(--shk-surface-100)]\"\n  [class.shadow-sm]=\"hasShadow()\"\n  [style.width]=\"width()\"\n  [style.transform]=\"responsive() ? (mobileOpen() ? 'translateX(0)' : 'translateX(-100%)') : null\"\n>\n  <!-- Logo / Brand -->\n  @if (logo() || title() || subtitle()) {\n    <div\n      class=\"flex items-center h-20 px-4 border-b _shk-border dark:[border-color:var(--shk-surface-100)] shrink-0\"\n    >\n      <div class=\"flex items-center gap-3 overflow-hidden\">\n        @if (logo()) {\n          <img [src]=\"logo()\" alt=\"Logo\" class=\"h-16 w-16 shrink-0 object-contain\" />\n        }\n        @if (!collapsed() && (title() || subtitle())) {\n          <div class=\"flex flex-col leading-tight whitespace-nowrap\">\n            @if (title()) {\n              <span class=\"text-lg font-bold _shk-text-surface-800 dark:[color:var(--shk-surface-800)]\">\n                {{ title() }}\n              </span>\n            }\n            @if (subtitle()) {\n              <span class=\"text-sm _shk-text-surface-500 dark:[color:var(--shk-surface-500)]\">\n                {{ subtitle() }}\n              </span>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Toggle button -->\n  @if (showToggle() && collapsible()) {\n    <button\n      type=\"button\"\n      (click)=\"onToggle()\"\n      class=\"group absolute -right-3 top-20 z-50 w-6 h-6 rounded-full bg-white dark:[background-color:var(--shk-surface-100)] border _shk-border dark:[border-color:var(--shk-surface-200)] shadow-md max-lg:hidden flex items-center justify-center _shk-text-surface-600 dark:[color:var(--shk-surface-600)] hover:[background-color:var(--shk-primary-50)] dark:hover:[background-color:var(--shk-surface-200)] hover:[color:var(--shk-primary-600)] dark:hover:[color:var(--shk-primary-400)] transition-colors\"\n    >\n      @if (collapsed()) {\n        <svg [lucideIcon]=\"getIcon('chevron-right')\" class=\"w-3 h-3\"></svg>\n      } @else {\n        <svg [lucideIcon]=\"getIcon('chevron-left')\" class=\"w-3 h-3\"></svg>\n      }\n      <span\n        class=\"absolute left-full ml-1 top-1/2 -translate-y-1/2 px-2 py-1 text-xs _shk-bg-tooltip _shk-text-tooltip rounded whitespace-nowrap opacity-0 group-hover:opacity-100 transition pointer-events-none z-[9999] shadow-lg\"\n      >\n        {{ collapsed() ? expandTooltip() : collapseTooltip() }}\n      </span>\n    </button>\n  }\n\n  <ng-content select=\"[sidebarHeader]\"></ng-content>\n\n  <!-- Custom content between header and nav -->\n  <ng-content select=\"[sidebarContent]\"></ng-content>\n\n  <!-- Navigation -->\n  <nav class=\"flex-1 sidebar-scroll _shk-scrollbar py-4 px-3\">\n    <ul class=\"space-y-1\">\n      @for (item of navItems(); track item.id) {\n        @if (item.separator) {\n          <li class=\"my-2 border-t _shk-border dark:[border-color:var(--shk-surface-200)]\"></li>\n        }\n\n        @if (item.children?.length) {\n          <!-- Group -->\n          <li>\n            @if (collapsed()) {\n              <shk-tooltip [text]=\"label(item)\" position=\"right\" mode=\"fixed\">\n                <div\n                  class=\"flex items-center justify-center px-3 py-2.5 rounded-lg transition-all duration-200\"\n                  [class._shk-bg-primary]=\"isGroupActive(item)\"\n                  [class._shk-text-white]=\"isGroupActive(item)\"\n                  [class._shk-text-surface-500]=\"!isGroupActive(item)\"\n                >\n                  @if (item.icon) {\n                    <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                  }\n                </div>\n              </shk-tooltip>\n            } @else {\n              <button\n                type=\"button\"\n                (click)=\"toggleGroup(item)\"\n                class=\"w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative\"\n                [class._shk-bg-primary]=\"isGroupActive(item)\"\n                [class._shk-text-white]=\"isGroupActive(item)\"\n                [class.shadow-md]=\"isGroupActive(item)\"\n                [class._shk-text-surface-700]=\"!isGroupActive(item)\"\n                [class.dark:[color:var(--shk-surface-600)]]=\"!isGroupActive(item)\"\n                [class.hover:[background-color:var(--shk-surface-100)]]=\"!isGroupActive(item)\"\n                [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isGroupActive(item)\"\n                [class.hover:[color:var(--shk-surface-900)]]=\"!isGroupActive(item)\"\n                [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isGroupActive(item)\"\n              >\n                @if (item.icon) {\n                  <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                }\n                <span class=\"flex-1 text-left whitespace-nowrap overflow-hidden\">{{ label(item) }}</span>\n                <svg\n                  [lucideIcon]=\"getIcon('chevron-down')\"\n                  class=\"w-4 h-4 transition-transform duration-200 shrink-0\"\n                  [class.rotate-180]=\"isGroupExpanded(item)\"\n                ></svg>\n              </button>\n\n              @if (isGroupExpanded(item)) {\n                <ul class=\"ml-3 mt-1 space-y-1 border-l-2 _shk-border dark:[border-color:var(--shk-surface-200)] pl-2\">\n                  @for (child of item.children; track child.id) {\n                    <li>\n                      <button\n                        type=\"button\"\n                        (click)=\"onItemClick(child)\"\n                        class=\"w-full flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200\"\n                        [class._shk-bg-primary-soft]=\"isItemActive(child)\"\n                        [class._shk-bg-primary-soft-dark]=\"isItemActive(child)\"\n                        [class._shk-text-primary-700]=\"isItemActive(child)\"\n                        [class.dark:[color:var(--shk-primary-300)]]=\"isItemActive(child)\"\n                        [class._shk-text-surface-600]=\"!isItemActive(child)\"\n                        [class.dark:[color:var(--shk-surface-400)]]=\"!isItemActive(child)\"\n                        [class.hover:[background-color:var(--shk-surface-100)]]=\"!isItemActive(child)\"\n                        [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isItemActive(child)\"\n                        [class.hover:[color:var(--shk-surface-900)]]=\"!isItemActive(child)\"\n                        [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isItemActive(child)\"\n                      >\n                        @if (child.icon) {\n                          <svg [lucideIcon]=\"getIcon(child.icon)\" class=\"w-4 h-4 shrink-0\"></svg>\n                        }\n                        <span class=\"whitespace-nowrap overflow-hidden\">{{ label(child) }}</span>\n                        @if (isItemActive(child)) {\n                          <span class=\"w-1.5 h-1.5 rounded-full _shk-bg-primary shrink-0 ml-auto\"></span>\n                        }\n                      </button>\n                    </li>\n                  }\n                </ul>\n              }\n            }\n          </li>\n        } @else {\n          <!-- Standalone item -->\n          <li>\n            @if (collapsed()) {\n              <shk-tooltip [text]=\"label(item)\" position=\"right\" mode=\"fixed\">\n                <button\n                  type=\"button\"\n                  (click)=\"onItemClick(item)\"\n                  class=\"w-full flex items-center justify-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200\"\n                  [class._shk-bg-primary]=\"isItemActive(item)\"\n                  [class._shk-text-white]=\"isItemActive(item)\"\n                  [class.shadow-md]=\"isItemActive(item)\"\n                  [class._shk-text-surface-700]=\"!isItemActive(item)\"\n                  [class.dark:[color:var(--shk-surface-600)]]=\"!isItemActive(item)\"\n                  [class.hover:[background-color:var(--shk-surface-100)]]=\"!isItemActive(item)\"\n                  [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isItemActive(item)\"\n                  [class.hover:[color:var(--shk-surface-900)]]=\"!isItemActive(item)\"\n                  [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isItemActive(item)\"\n                >\n                  @if (item.icon) {\n                    <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                  }\n                </button>\n              </shk-tooltip>\n            } @else {\n              <button\n                type=\"button\"\n                (click)=\"onItemClick(item)\"\n                class=\"w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200\"\n                [class._shk-bg-primary]=\"isItemActive(item)\"\n                [class._shk-text-white]=\"isItemActive(item)\"\n                [class.shadow-md]=\"isItemActive(item)\"\n                [class._shk-text-surface-700]=\"!isItemActive(item)\"\n                [class.dark:[color:var(--shk-surface-600)]]=\"!isItemActive(item)\"\n                [class.hover:[background-color:var(--shk-surface-100)]]=\"!isItemActive(item)\"\n                [class.dark:hover:[background-color:var(--shk-surface-200)]]=\"!isItemActive(item)\"\n                [class.hover:[color:var(--shk-surface-900)]]=\"!isItemActive(item)\"\n                [class.dark:hover:[color:var(--shk-surface-700)]]=\"!isItemActive(item)\"\n              >\n                @if (item.icon) {\n                  <svg [lucideIcon]=\"getIcon(item.icon)\" class=\"w-5 h-5 shrink-0\"></svg>\n                }\n                <span class=\"flex-1 text-left whitespace-nowrap overflow-hidden\">{{ label(item) }}</span>\n                @if (item.badge !== undefined) {\n                  <span\n                    class=\"text-xs font-bold px-2 py-0.5 rounded-full _shk-bg-primary _shk-text-white shrink-0\"\n                    [class.hidden]=\"collapsed()\"\n                  >\n                    {{ item.badge }}\n                  </span>\n                }\n                @if (isItemActive(item)) {\n                  <span class=\"w-1.5 h-1.5 rounded-full bg-white shrink-0\"></span>\n                }\n              </button>\n            }\n          </li>\n        }\n      }\n    </ul>\n  </nav>\n\n  <!-- Footer -->\n  <div class=\"shrink-0 p-2 [&:empty]:hidden\">\n    <ng-content select=\"[sidebarFooter]\"></ng-content>\n  </div>\n</aside>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["getIconFromCentral"],"mappings":"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"}

package/fesm2022/shirkasoft-ui-components-skeleton.mjs

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+
+/**
+ * Shirkasoft UI Components.
+ * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).
+ * Belongs to Shirkasoft.
+ */
+/** Placeholder block shown while content is loading. */
+class SkeletonComponent {
+    constructor() {
+        /** Shape of the skeleton: rectangle (default) or circle. */
+        this.shape = input('rectangle', ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+        /** When shape is circle, sets both width and height. */
+        this.size = input('', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /** Width of the rectangle skeleton. */
+        this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+        /** Height of the rectangle skeleton. */
+        this.height = input('1rem', ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+        /** Custom border radius (rectangle only). */
+        this.borderRadius = input('', ...(ngDevMode ? [{ debugName: "borderRadius" }] : /* istanbul ignore next */ []));
+        /** Animation effect: 'wave' (default), 'pulse' or 'none'. */
+        this.animation = input('wave', ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
+        /** Inline styles applied to the skeleton block. */
+        this.style = input({}, ...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
+        /** Extra CSS classes. */
+        this.styleClass = input('', ...(ngDevMode ? [{ debugName: "styleClass" }] : /* istanbul ignore next */ []));
+        this.rootStyle = computed(() => {
+            const s = {};
+            if (this.shape() === 'circle') {
+                s['width'] = this.size() || this.width();
+                s['height'] = this.size() || this.height();
+                s['borderRadius'] = '9999px';
+            }
+            else {
+                s['width'] = this.width();
+                s['height'] = this.height();
+                s['borderRadius'] = this.borderRadius() || '0.25rem';
+            }
+            return { ...s, ...this.style() };
+        }, ...(ngDevMode ? [{ debugName: "rootStyle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.18", type: SkeletonComponent, isStandalone: true, selector: "shk-skeleton", inputs: { shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div
+      [class]="'shk-skeleton ' + styleClass()"
+      [class.shk-skeleton-circle]="shape() === 'circle'"
+      [class.shk-skeleton-animate-wave]="animation() === 'wave'"
+      [class.shk-skeleton-animate-pulse]="animation() === 'pulse'"
+      [style]="rootStyle()"
+      aria-hidden="true"
+    ></div>
+  `, isInline: true, styles: [":host{display:block}.shk-skeleton{position:relative;overflow:hidden;background-color:var(--shk-skeleton-bg)}.shk-skeleton-circle{border-radius:9999px}.shk-skeleton-animate-wave:after{content:\"\";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent,var(--shk-skeleton-highlight) 50%,transparent);animation:shk-skeleton-wave 1.6s ease-in-out infinite}.shk-skeleton-animate-pulse{animation:shk-skeleton-pulse 2s ease-in-out infinite}@keyframes shk-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shk-skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'shk-skeleton', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div
+      [class]="'shk-skeleton ' + styleClass()"
+      [class.shk-skeleton-circle]="shape() === 'circle'"
+      [class.shk-skeleton-animate-wave]="animation() === 'wave'"
+      [class.shk-skeleton-animate-pulse]="animation() === 'pulse'"
+      [style]="rootStyle()"
+      aria-hidden="true"
+    ></div>
+  `, styles: [":host{display:block}.shk-skeleton{position:relative;overflow:hidden;background-color:var(--shk-skeleton-bg)}.shk-skeleton-circle{border-radius:9999px}.shk-skeleton-animate-wave:after{content:\"\";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent,var(--shk-skeleton-highlight) 50%,transparent);animation:shk-skeleton-wave 1.6s ease-in-out infinite}.shk-skeleton-animate-pulse{animation:shk-skeleton-pulse 2s ease-in-out infinite}@keyframes shk-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shk-skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}\n"] }]
+        }], propDecorators: { shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkeletonComponent };
+//# sourceMappingURL=shirkasoft-ui-components-skeleton.mjs.map

package/fesm2022/shirkasoft-ui-components-skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shirkasoft-ui-components-skeleton.mjs","sources":["../../../projects/ui-components/skeleton/skeleton.component.ts","../../../projects/ui-components/skeleton/shirkasoft-ui-components-skeleton.ts"],"sourcesContent":["import { Component, computed, input, ChangeDetectionStrategy } from '@angular/core';\n\nexport type SkeletonShape = 'rectangle' | 'circle';\nexport type SkeletonAnimation = 'wave' | 'pulse' | 'none';\n\n/**\n * Shirkasoft UI Components.\n * Authors: Roberto Valladares Martin (Ansem13), Julio César García García (Sanjuli14).\n * Belongs to Shirkasoft.\n */\n\n/** Placeholder block shown while content is loading. */\n@Component({\n  selector: 'shk-skeleton',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div\n      [class]=\"'shk-skeleton ' + styleClass()\"\n      [class.shk-skeleton-circle]=\"shape() === 'circle'\"\n      [class.shk-skeleton-animate-wave]=\"animation() === 'wave'\"\n      [class.shk-skeleton-animate-pulse]=\"animation() === 'pulse'\"\n      [style]=\"rootStyle()\"\n      aria-hidden=\"true\"\n    ></div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n      .shk-skeleton {\n        position: relative;\n        overflow: hidden;\n        background-color: var(--shk-skeleton-bg);\n      }\n      .shk-skeleton-circle {\n        border-radius: 9999px;\n      }\n      .shk-skeleton-animate-wave::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: linear-gradient(\n          90deg,\n          transparent,\n          var(--shk-skeleton-highlight) 50%,\n          transparent\n        );\n        animation: shk-skeleton-wave 1.6s ease-in-out infinite;\n      }\n      .shk-skeleton-animate-pulse {\n        animation: shk-skeleton-pulse 2s ease-in-out infinite;\n      }\n      @keyframes shk-skeleton-wave {\n        0% {\n          transform: translateX(-100%);\n        }\n        100% {\n          transform: translateX(100%);\n        }\n      }\n      @keyframes shk-skeleton-pulse {\n        0%,\n        100% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0.55;\n        }\n      }\n    `,\n  ],\n})\nexport class SkeletonComponent {\n  /** Shape of the skeleton: rectangle (default) or circle. */\n  shape = input<SkeletonShape>('rectangle');\n  /** When shape is circle, sets both width and height. */\n  size = input<string>('');\n  /** Width of the rectangle skeleton. */\n  width = input<string>('100%');\n  /** Height of the rectangle skeleton. */\n  height = input<string>('1rem');\n  /** Custom border radius (rectangle only). */\n  borderRadius = input<string>('');\n  /** Animation effect: 'wave' (default), 'pulse' or 'none'. */\n  animation = input<SkeletonAnimation>('wave');\n  /** Inline styles applied to the skeleton block. */\n  style = input<Record<string, string | number>>({});\n  /** Extra CSS classes. */\n  styleClass = input<string>('');\n\n  protected rootStyle = computed(() => {\n    const s: Record<string, string | number> = {};\n    if (this.shape() === 'circle') {\n      s['width'] = this.size() || this.width();\n      s['height'] = this.size() || this.height();\n      s['borderRadius'] = '9999px';\n    } else {\n      s['width'] = this.width();\n      s['height'] = this.height();\n      s['borderRadius'] = this.borderRadius() || '0.25rem';\n    }\n    return { ...s, ...this.style() };\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}