shirkasoft-ui-components 1.2.0 → 1.3.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"shirkasoft-ui-components-rail-sidebar.mjs","sources":["../../../projects/ui-components/rail-sidebar/rail-sidebar.component.ts","../../../projects/ui-components/rail-sidebar/rail-sidebar.component.html","../../../projects/ui-components/rail-sidebar/shirkasoft-ui-components-rail-sidebar.ts"],"sourcesContent":["import {\n  Component,\n  computed,\n  effect,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LucideDynamicIcon, LucideMenu } from '@lucide/angular';\nimport { getIcon as getIconFromCentral } from 'shirkasoft-ui-components/utils';\nimport { TooltipComponent } from 'shirkasoft-ui-components/tooltip';\n\nexport interface RailSidebarItem {\n  id: string;\n  label: string;\n  icon?: string | any;\n  routerLink?: string;\n  children?: RailSidebarItem[];\n  roles?: string[];\n  badge?: string | number;\n  disabled?: boolean;\n  separator?: boolean;\n}\n\nexport interface RailSidebarSection {\n  key: string;\n  label: string;\n  icon?: string | any;\n  routerLink?: string;\n  matchPrefixes?: string[];\n  items?: RailSidebarItem[];\n}\n\nexport interface RailSidebarSectionEvent {\n  key: string;\n  routerLink?: string;\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 * Narrow \"rail\" sidebar that expands into sections. Supports sections, roles,\n * language switching, collapse/expand and responsive tooltips.\n */\n@Component({\n  selector: 'shk-rail-sidebar',\n  standalone: true,\n  imports: [CommonModule, LucideDynamicIcon, TooltipComponent],\n  templateUrl: './rail-sidebar.component.html',\n  styleUrls: ['./rail-sidebar.component.css'],\n})\nexport class RailSidebarComponent {\n  /** Sections presented as expandable areas of the rail. */\n  sections = input<RailSidebarSection[]>([]);\n  /** Current location url used to detect the active section/item. */\n  activeUrl = input<string>('');\n  /** Key of the active section, bindable with [(activeSectionKey)]. */\n  activeSectionKey = model<string>('');\n  /** Collapsed (rail only) state, bindable with [(collapsed)]. */\n  collapsed = model<boolean>(false);\n  /** Active language code. */\n  activeLang = input<string>('es');\n  /** Languages available in the language switcher. */\n  langs = input<string[]>(['es', 'en']);\n  /** Brand logo image/url. */\n  logo = input<string>('');\n  /** Application name shown when expanded. */\n  appName = input<string>('');\n  /** Role used to filter items that declare `roles`. */\n  userRole = input<string>('');\n  /** Optional transform applied to item labels (e.g. i18n). */\n  labelPipe = input<(label: string) => string>((label: string) => label);\n  /** Width of the collapsed rail. */\n  railWidth = input<string>('4.5rem');\n  /** Width when a section is expanded. */\n  expandedWidth = input<string>('16.5rem');\n  /** Tooltip for the workspace/home action. */\n  workspaceTooltip = input<string>('Inicio');\n  /** Tooltip for the logout action. */\n  logoutTooltip = input<string>('Cerrar sesión');\n  /** Tooltip for collapsing the sidebar. */\n  collapseTooltip = input<string>('Colapsar');\n  /** Tooltip for expanding the sidebar. */\n  expandTooltip = input<string>('Expandir');\n\n  /** Emitted when a section is selected, with its key and optional route. */\n  sectionSelected = output<RailSidebarSectionEvent>();\n  /** Emitted when a navigation item is clicked. */\n  itemClick = output<RailSidebarItem>();\n  /** Emitted with the next language code when the user switches language. */\n  setLang = output<string>();\n  /** Emitted when the user requests to log out. */\n  logoutRequested = output<void>();\n  /** Emitted with the new collapsed state after toggling. */\n  toggleSidebar = output<boolean>();\n  /** Emitted when the workspace/home entry is clicked. */\n  workspaceClick = output<void>();\n\n  protected getIcon = (name: any) => getIconFromCentral(name, LucideMenu);\n  /** Set of group ids currently expanded. */\n  protected expandedGroups = signal<Set<string>>(new Set());\n\n  constructor() {\n    effect(() => {\n      const url = this.activeUrl();\n      if (!url) return;\n      const section = this.sections().find((s) => {\n        if (s.matchPrefixes?.length) {\n          return s.matchPrefixes.some((prefix) => url.startsWith(prefix));\n        }\n        return s.routerLink ? url.startsWith(s.routerLink) : false;\n      });\n      if (section) {\n        this.activeSectionKey.set(section.key);\n      }\n    });\n  }\n\n  /** Current sidebar width depending on the collapsed state. */\n  protected width = computed(() =>\n    this.collapsed() ? this.railWidth() : this.expandedWidth(),\n  );\n\n  /** The section currently selected. */\n  protected activeSection = computed<RailSidebarSection | null>(\n    () =>\n      this.sections().find((s) => s.key === this.activeSectionKey()) ?? null,\n  );\n\n  /** Items of the active section, filtered by role. */\n  protected navItems = computed<RailSidebarItem[]>(() => {\n    const role = this.userRole();\n    const items = this.activeSection()?.items ?? [];\n    return items.filter((item) => {\n      if (!item.roles || item.roles.length === 0) return true;\n      return role ? item.roles.includes(role) : false;\n    });\n  });\n\n  /** Applies the `labelPipe` transform to a label. */\n  protected label(label: string): string {\n    return this.labelPipe()(label);\n  }\n\n  /** Whether the section matches the active key. */\n  protected isSectionActive(section: RailSidebarSection): boolean {\n    return section.key === this.activeSectionKey();\n  }\n\n  /** Whether the item is the best route match for the active url. */\n  protected isItemActive(item: RailSidebarItem): boolean {\n    if (!item.routerLink) return false;\n    return this.bestMatchItem() === item;\n  }\n\n  /** Whether one of the item's children matches the active url. */\n  protected isGroupActive(item: RailSidebarItem): boolean {\n    return (\n      item.children?.some(\n        (c) => c.routerLink && this.matchesUrl(c.routerLink, this.activeUrl()),\n      ) ?? false\n    );\n  }\n\n  /** Exact or prefix match between a router link and the active url. */\n  private matchesUrl(routerLink: string, url: string): boolean {\n    return url === routerLink || url.startsWith(routerLink + '/');\n  }\n\n  /** Longest (most specific) item whose route matches the active url. */\n  private bestMatchItem(): RailSidebarItem | null {\n    const url = this.activeUrl();\n    let best: RailSidebarItem | null = null;\n    for (const item of this.navItems()) {\n      if (item.routerLink && this.matchesUrl(item.routerLink, url)) {\n        if (!best || item.routerLink.length > best.routerLink!.length) {\n          best = item;\n        }\n      }\n      for (const child of item.children ?? []) {\n        if (!child.routerLink || !this.matchesUrl(child.routerLink, url)) continue;\n        if (!best || child.routerLink.length > best.routerLink!.length) {\n          best = child;\n        }\n      }\n    }\n    return best;\n  }\n\n  /** Whether a group is expanded. */\n  protected isGroupExpanded(item: RailSidebarItem): boolean {\n    return this.expandedGroups().has(item.id);\n  }\n\n  /** Toggles the expanded state of a group. */\n  protected toggleGroup(item: RailSidebarItem): 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 a section, emits `sectionSelected` and expands the rail when collapsed. */\n  protected onSectionClick(section: RailSidebarSection): void {\n    this.activeSectionKey.set(section.key);\n    this.sectionSelected.emit({ key: section.key, routerLink: section.routerLink });\n    if (this.collapsed()) {\n      this.collapsed.set(false);\n      this.toggleSidebar.emit(false);\n    }\n  }\n\n  /** Emits `itemClick` for a navigation item (skipping disabled items). */\n  protected onItemClick(item: RailSidebarItem): void {\n    if (item.disabled) return;\n    this.itemClick.emit(item);\n  }\n\n  /** Emits `workspaceClick` and expands the sidebar if it was collapsed. */\n  protected onWorkspace(): void {\n    this.workspaceClick.emit();\n    if (this.collapsed()) {\n      this.collapsed.set(false);\n      this.toggleSidebar.emit(false);\n    }\n  }\n\n  /** Cycles to the next language and emits `setLang`. */\n  protected onToggleLang(): void {\n    const langs = this.langs();\n    if (langs.length === 0) return;\n    const idx = langs.indexOf(this.activeLang());\n    const next = langs[(idx + 1) % langs.length] ?? langs[0];\n    this.setLang.emit(next);\n  }\n\n  /** Toggles collapse and emits `toggleSidebar`. */\n  protected onToggleSidebar(): void {\n    this.collapsed.update((v) => !v);\n    this.toggleSidebar.emit(this.collapsed());\n  }\n}\n","<aside\n  class=\"h-full flex overflow-hidden shrink-0 _shk-bg-white dark:[background-color:var(--shk-surface-50)] border-r _shk-border dark:[border-color:var(--shk-surface-100)]\"\n  [style.width]=\"width()\"\n>\n  <!-- Rail: vertical icon column -->\n  <div\n    class=\"h-full flex flex-col items-center shrink-0 px-[0.3rem] py-2 gap-1 border-r _shk-border dark:[border-color:var(--shk-surface-100)]\"\n    [style.width]=\"railWidth()\"\n  >\n    <!-- Workspace / logo -->\n    <div class=\"flex items-center justify-center w-full\">\n      <button\n        type=\"button\"\n        (click)=\"onWorkspace()\"\n        [class.is-collapsed]=\"collapsed()\"\n        class=\"rail-workspace w-[3.2rem] h-[3.2rem] rounded-xl _shk-bg-surface-100 dark:[background-color:var(--shk-surface-200)] border-none grid place-items-center p-0 relative transition-all\"\n        [title]=\"workspaceTooltip()\"\n      >\n        @if (logo()) {\n          <img [src]=\"logo()\" alt=\"Logo\" class=\"rail-app-icon w-8 h-8 object-contain\" />\n        } @else {\n          <svg [lucideIcon]=\"getIcon('menu')\" class=\"rail-app-icon w-6 h-6 _shk-text-surface-700 dark:[color:var(--shk-surface-700)]\"></svg>\n        }\n        @if (collapsed()) {\n          <svg [lucideIcon]=\"getIcon('panel-right')\" class=\"rail-toggle-icon w-5 h-5 _shk-text-surface-700 dark:[color:var(--shk-surface-700)]\"></svg>\n        }\n      </button>\n    </div>\n\n    <!-- Section actions -->\n    <div class=\"rail-actions flex-1 flex flex-col items-center gap-1 pt-1\">\n      @for (section of sections(); track section.key) {\n        <shk-tooltip [text]=\"label(section.label)\" position=\"right\" mode=\"fixed\">\n          <button\n            type=\"button\"\n            (click)=\"onSectionClick(section)\"\n            class=\"rail-icon w-[3.4rem] h-[3.4rem] rounded-[0.85rem] grid place-items-center transition-all cursor-pointer\"\n            [class.is-active]=\"isSectionActive(section)\"\n            [attr.aria-label]=\"label(section.label)\"\n          >\n            <svg [lucideIcon]=\"getIcon(section.icon)\" class=\"w-5 h-5\"></svg>\n          </button>\n        </shk-tooltip>\n      }\n    </div>\n\n    <!-- Bottom: language + logout -->\n    <div class=\"rail-bottom mt-auto flex flex-col items-center gap-1\">\n      <button\n        type=\"button\"\n        (click)=\"onToggleLang()\"\n        class=\"rail-icon w-[3.4rem] h-[3.4rem] rounded-[0.85rem] grid place-items-center transition-all cursor-pointer\"\n        [title]=\"activeLang()\"\n      >\n        <div class=\"flex flex-col items-center gap-[0.15rem]\">\n          <svg [lucideIcon]=\"getIcon('globe')\" class=\"w-5 h-5\"></svg>\n          <span class=\"rail-lang-code text-[0.5rem] font-bold tracking-[0.05em] leading-none\">{{ activeLang() | uppercase }}</span>\n        </div>\n      </button>\n\n      <button\n        type=\"button\"\n        (click)=\"logoutRequested.emit()\"\n        class=\"rail-icon rail-logout w-[3.4rem] h-[3.4rem] rounded-[0.85rem] grid place-items-center transition-all cursor-pointer\"\n        [title]=\"logoutTooltip()\"\n      >\n        <svg [lucideIcon]=\"getIcon('log-out')\" class=\"w-5 h-5\"></svg>\n      </button>\n    </div>\n  </div>\n\n  <!-- Nav: section panel (hidden when collapsed) -->\n  @if (!collapsed()) {\n    <div class=\"flex-1 min-w-0 flex flex-col _shk-bg-white dark:[background-color:var(--shk-surface-50)]\">\n      <!-- Brand header -->\n      <div class=\"flex items-center justify-between gap-2 px-3 py-4 border-b _shk-border dark:[border-color:var(--shk-surface-100)]\">\n        <span class=\"nav-app text-base font-bold whitespace-nowrap overflow-hidden text-ellipsis _shk-text-surface-800 dark:[color:var(--shk-surface-800)]\">\n          {{ appName() }}\n        </span>\n        <button\n          type=\"button\"\n          (click)=\"onToggleSidebar()\"\n          class=\"nav-toggle w-[1.8rem] h-[1.8rem] rounded-lg border-none bg-transparent grid place-items-center cursor-pointer shrink-0 transition-colors _shk-text-surface-700 dark:[color:var(--shk-surface-700)]\"\n          [title]=\"collapseTooltip()\"\n        >\n          <svg [lucideIcon]=\"getIcon('panel-right')\" class=\"w-4 h-4\"></svg>\n        </button>\n      </div>\n\n      <!-- Menu -->\n      <nav class=\"flex-1 overflow-y-auto _shk-scrollbar px-2 py-3\">\n        @if (activeSection()) {\n          <div class=\"px-2 pb-3\">\n            <span class=\"nav-section-label text-xs font-bold tracking-[0.08em] uppercase _shk-text-surface-400 dark:[color:var(--shk-surface-500)] block whitespace-nowrap overflow-hidden text-ellipsis\">\n              {{ label(activeSection()!.label) }}\n            </span>\n          </div>\n        }\n\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              <!-- Expandable group -->\n              <li>\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\"\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                >\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.label) }}</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.label) }}</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              </li>\n            } @else {\n              <!-- Standalone item -->\n              <li>\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                >\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.label) }}</span>\n                  @if (item.badge !== undefined) {\n                    <span class=\"text-xs font-bold px-2 py-0.5 rounded-full _shk-bg-primary _shk-text-white shrink-0\">\n                      {{ item.badge }}\n                    </span>\n                  }\n                </button>\n              </li>\n            }\n          }\n        </ul>\n      </nav>\n    </div>\n  }\n</aside>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["getIconFromCentral"],"mappings":"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"}