@lifecorner/angular-ui-kit 3.4.0 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-notification-center.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-notification-center.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/notification-center/notification-center.component.ts","../../../../libs/angular-ui-kit/src/lib/notification-center/notification-center.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  signal,\n  computed,\n  output,\n} from '@angular/core';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\nimport { SearchInputComponent } from '@lifecorner/angular-ui-kit/search-input';\n\nexport type NotificationType = 'info' | 'success' | 'warning' | 'error';\nexport type NotificationPriority = 'low' | 'normal' | 'high' | 'urgent';\n\nexport interface Notification {\n  id: string;\n  title: string;\n  message?: string;\n  type?: NotificationType;\n  priority?: NotificationPriority;\n  timestamp: Date;\n  read?: boolean;\n  icon?: string;\n  category?: string;\n  actionLabel?: string;\n  actionUrl?: string;\n}\n\nconst TYPE_ICONS: Record<NotificationType, string> = {\n  info: 'information-circle',\n  success: 'check-circle',\n  warning: 'exclamation-triangle',\n  error: 'x-circle',\n};\n\nconst PRIORITY_LABELS: Record<NotificationPriority, string> = {\n  low: 'Low',\n  normal: 'Normal',\n  high: 'High',\n  urgent: 'Urgent',\n};\n\n@Component({\n  selector: 'lc-notification-center',\n  standalone: true,\n  imports: [IconComponent, SearchInputComponent],\n  templateUrl: './notification-center.component.html',\n  styleUrls: ['./notification-center.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NotificationCenterComponent {\n  readonly notifications = input.required<Notification[]>();\n  readonly title = input('Notifications');\n  readonly showFilter = input(true);\n  readonly showTimestamp = input(true);\n  readonly showPriority = input(false);\n  readonly emptyMessage = input('No notifications');\n  readonly maxHeight = input('480px');\n  readonly groupByCategory = input(false);\n  /** Locale used for absolute dates (older than a week). */\n  readonly dateLocale = input('de-DE');\n\n  /** Label of the mark-all-read action. */\n  readonly markAllReadLabel = input('Mark all read');\n\n  /** Label of the clear-all action. */\n  readonly clearAllLabel = input('Clear all');\n\n  /** Placeholder of the search field. */\n  readonly searchPlaceholder = input('Search notifications…');\n\n  /** Label of the \"all\" filter (the count follows in parentheses). */\n  readonly filterAllLabel = input('All');\n\n  /** Label of the error filter. */\n  readonly filterErrorLabel = input('Error');\n\n  /** Label of the warning filter. */\n  readonly filterWarningLabel = input('Warning');\n\n  /** Label of the success filter. */\n  readonly filterSuccessLabel = input('Success');\n\n  /** Label of the info filter. */\n  readonly filterInfoLabel = input('Info');\n\n  /** Accessible name of a dismiss button, followed by the notification's title. */\n  readonly dismissAriaLabel = input('Dismiss notification:');\n\n  /** Group header for notifications without `category` (`groupByCategory`). */\n  readonly otherCategoryLabel = input('Other');\n\n  /** Priority badge for `low` (`showPriority`). */\n  readonly lowPriorityLabel = input('Low');\n\n  /** Priority badge for `high` (`showPriority`). */\n  readonly highPriorityLabel = input('High');\n\n  /** Priority badge for `urgent` (`showPriority`). */\n  readonly urgentPriorityLabel = input('Urgent');\n\n  /** Timestamp of notifications younger than a minute. */\n  readonly justNowLabel = input('Just now');\n\n  /** Timestamp under an hour; `{n}` is replaced by the minutes. */\n  readonly minutesAgoLabel = input('{n}m ago');\n\n  /** Timestamp under a day; `{n}` is replaced by the hours. */\n  readonly hoursAgoLabel = input('{n}h ago');\n\n  /** Timestamp under a week; `{n}` is replaced by the days (older ones show the date in `dateLocale`). */\n  readonly daysAgoLabel = input('{n}d ago');\n\n  readonly notificationClick = output<Notification>();\n  readonly notificationDismiss = output<string>();\n  readonly notificationAction = output<Notification>();\n  readonly markAllRead = output<void>();\n  readonly clearAll = output<void>();\n\n  protected activeFilter = signal<NotificationType | 'all'>('all');\n  protected searchQuery = signal('');\n\n  protected readonly unreadCount = computed(() =>\n    this.notifications().filter(n => !n.read).length\n  );\n\n  protected readonly filteredNotifications = computed(() => {\n    let items = this.notifications();\n    const filter = this.activeFilter();\n    const query = this.searchQuery().toLowerCase().trim();\n\n    if (filter !== 'all') {\n      items = items.filter(n => n.type === filter);\n    }\n\n    if (query) {\n      items = items.filter(\n        n =>\n          n.title.toLowerCase().includes(query) ||\n          n.message?.toLowerCase().includes(query) ||\n          n.category?.toLowerCase().includes(query)\n      );\n    }\n\n    // Copy before sorting: without a filter `items` is the caller's array and\n    // `sort` would reorder it in place\n    return [...items].sort((a, b) => {\n      const prio = this.priorityWeight(b.priority) - this.priorityWeight(a.priority);\n      if (prio !== 0) return prio;\n      return b.timestamp.getTime() - a.timestamp.getTime();\n    });\n  });\n\n  /**\n   * The list as rendered: one group per category, or a single group without a\n   * category (`null`, no header) when grouping is off.\n   */\n  protected readonly groupedNotifications = computed((): { category: string | null; items: Notification[] }[] => {\n    const items = this.filteredNotifications();\n    if (!this.groupByCategory()) return [{ category: null, items }];\n    const map = new Map<string, Notification[]>();\n    for (const n of items) {\n      const cat = n.category || this.otherCategoryLabel();\n      if (!map.has(cat)) map.set(cat, []);\n      map.get(cat)!.push(n);\n    }\n    return Array.from(map.entries()).map(([category, items]) => ({ category, items }));\n  });\n\n  protected readonly filterCounts = computed(() => {\n    const items = this.notifications();\n    return {\n      all: items.length,\n      info: items.filter(n => n.type === 'info').length,\n      success: items.filter(n => n.type === 'success').length,\n      warning: items.filter(n => n.type === 'warning').length,\n      error: items.filter(n => n.type === 'error').length,\n    };\n  });\n\n  protected readonly hasNotifications = computed(() => this.filteredNotifications().length > 0);\n\n  protected getTypeIcon(type?: NotificationType): string {\n    return type ? TYPE_ICONS[type] : 'information-circle';\n  }\n\n  protected getPriorityLabel(priority?: NotificationPriority): string {\n    switch (priority) {\n      case 'low':\n        return this.lowPriorityLabel();\n      case 'high':\n        return this.highPriorityLabel();\n      case 'urgent':\n        return this.urgentPriorityLabel();\n      default:\n        return priority ? PRIORITY_LABELS[priority] : '';\n    }\n  }\n\n  protected formatTime(date: Date): string {\n    const now = new Date();\n    const diff = now.getTime() - date.getTime();\n    const mins = Math.floor(diff / 60000);\n    if (mins < 1) return this.justNowLabel();\n    if (mins < 60) return this.minutesAgoLabel().replace('{n}', String(mins));\n    const hours = Math.floor(mins / 60);\n    if (hours < 24) return this.hoursAgoLabel().replace('{n}', String(hours));\n    const days = Math.floor(hours / 24);\n    if (days < 7) return this.daysAgoLabel().replace('{n}', String(days));\n    return date.toLocaleDateString(this.dateLocale(), { day: '2-digit', month: '2-digit', year: 'numeric' });\n  }\n\n  protected setFilter(filter: NotificationType | 'all'): void {\n    this.activeFilter.set(filter);\n  }\n\n  protected onSearch(query: string): void {\n    this.searchQuery.set(query);\n  }\n\n  protected onClick(notification: Notification): void {\n    this.notificationClick.emit(notification);\n  }\n\n  protected onDismiss(id: string, event: Event): void {\n    event.stopPropagation();\n    this.notificationDismiss.emit(id);\n  }\n\n  protected onAction(notification: Notification, event: Event): void {\n    event.stopPropagation();\n    this.notificationAction.emit(notification);\n  }\n\n  protected onMarkAllRead(): void {\n    this.markAllRead.emit();\n  }\n\n  protected onClearAll(): void {\n    this.clearAll.emit();\n  }\n\n  private priorityWeight(p?: NotificationPriority): number {\n    switch (p) {\n      case 'urgent': return 4;\n      case 'high': return 3;\n      case 'normal': return 2;\n      case 'low': return 1;\n      default: return 2;\n    }\n  }\n}\n","<div class=\"lc-nc\">\n  <!-- Header -->\n  <div class=\"lc-nc__header\">\n    <div class=\"lc-nc__header-left\">\n      <h3 class=\"lc-nc__title\">{{ title() }}</h3>\n      @if (unreadCount() > 0) {\n        <span class=\"lc-nc__badge\">{{ unreadCount() }}</span>\n      }\n    </div>\n    <div class=\"lc-nc__header-actions\">\n      @if (unreadCount() > 0) {\n        <button type=\"button\" class=\"lc-nc__action-btn\" (click)=\"onMarkAllRead()\">{{ markAllReadLabel() }}</button>\n      }\n      @if (notifications().length > 0) {\n        <button type=\"button\" class=\"lc-nc__action-btn lc-nc__action-btn--danger\" (click)=\"onClearAll()\">{{ clearAllLabel() }}</button>\n      }\n    </div>\n  </div>\n\n  <!-- Search -->\n  <div class=\"lc-nc__search\">\n    <lc-search-input\n      class=\"lc-nc__search-field\"\n      [placeholder]=\"searchPlaceholder()\"\n      [debounceMs]=\"0\"\n      (searchChange)=\"onSearch($event)\"\n    />\n  </div>\n\n  <!-- Filters -->\n  @if (showFilter()) {\n    <div class=\"lc-nc__filters\">\n      <button\n        type=\"button\"\n        class=\"lc-nc__filter\"\n        [class.lc-nc__filter--active]=\"activeFilter() === 'all'\"\n        [attr.aria-pressed]=\"activeFilter() === 'all'\"\n        (click)=\"setFilter('all')\"\n      >{{ filterAllLabel() }} ({{ filterCounts().all }})</button>\n      @if (filterCounts().error > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-nc__filter lc-nc__filter--error\"\n          [class.lc-nc__filter--active]=\"activeFilter() === 'error'\"\n          [attr.aria-pressed]=\"activeFilter() === 'error'\"\n          (click)=\"setFilter('error')\"\n        >{{ filterErrorLabel() }} ({{ filterCounts().error }})</button>\n      }\n      @if (filterCounts().warning > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-nc__filter lc-nc__filter--warning\"\n          [class.lc-nc__filter--active]=\"activeFilter() === 'warning'\"\n          [attr.aria-pressed]=\"activeFilter() === 'warning'\"\n          (click)=\"setFilter('warning')\"\n        >{{ filterWarningLabel() }} ({{ filterCounts().warning }})</button>\n      }\n      @if (filterCounts().success > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-nc__filter lc-nc__filter--success\"\n          [class.lc-nc__filter--active]=\"activeFilter() === 'success'\"\n          [attr.aria-pressed]=\"activeFilter() === 'success'\"\n          (click)=\"setFilter('success')\"\n        >{{ filterSuccessLabel() }} ({{ filterCounts().success }})</button>\n      }\n      @if (filterCounts().info > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-nc__filter lc-nc__filter--info\"\n          [class.lc-nc__filter--active]=\"activeFilter() === 'info'\"\n          [attr.aria-pressed]=\"activeFilter() === 'info'\"\n          (click)=\"setFilter('info')\"\n        >{{ filterInfoLabel() }} ({{ filterCounts().info }})</button>\n      }\n    </div>\n  }\n\n  <!-- Notification list -->\n  <div class=\"lc-nc__list\" [style.max-height]=\"maxHeight()\">\n    @if (!hasNotifications()) {\n      <div class=\"lc-nc__empty\">\n        <lc-icon name=\"bell\" size=\"lg\" class=\"lc-nc__empty-icon\"></lc-icon>\n        <span class=\"lc-nc__empty-text\">{{ emptyMessage() }}</span>\n      </div>\n    } @else {\n      @for (group of groupedNotifications(); track group.category ?? '') {\n        <div class=\"lc-nc__group\">\n          @if (group.category !== null) {\n            <div class=\"lc-nc__group-header\">{{ group.category }}</div>\n          }\n          <!-- The whole row is a mouse target; the title is a real button so\n               keyboard and screen-reader users can activate it (its click bubbles\n               to the row), and the dismiss/action buttons stop propagation. -->\n          @for (n of group.items; track n.id) {\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- row is a mouse target; its title is a real button for keyboard users -->\n            <div\n              class=\"lc-nc__item\"\n              [class.lc-nc__item--unread]=\"!n.read\"\n              [class.lc-nc__item--urgent]=\"n.priority === 'urgent'\"\n              (click)=\"onClick(n)\"\n            >\n              <lc-icon [name]=\"getTypeIcon(n.type)\" size=\"sm\" class=\"lc-nc__item-icon\" [class]=\"'lc-nc__item-icon lc-nc__item-icon--' + (n.type || 'info')\"></lc-icon>\n              <div class=\"lc-nc__item-body\">\n                <div class=\"lc-nc__item-header\">\n                  <button type=\"button\" class=\"lc-nc__item-title\">{{ n.title }}</button>\n                  @if (showPriority() && n.priority && n.priority !== 'normal') {\n                    <span [class]=\"'lc-nc__item-priority lc-nc__item-priority--' + n.priority\">\n                      {{ getPriorityLabel(n.priority) }}\n                    </span>\n                  }\n                </div>\n                @if (n.message) {\n                  <p class=\"lc-nc__item-message\">{{ n.message }}</p>\n                }\n                <div class=\"lc-nc__item-footer\">\n                  @if (showTimestamp()) {\n                    <span class=\"lc-nc__item-time\">{{ formatTime(n.timestamp) }}</span>\n                  }\n                  @if (n.category) {\n                    <span class=\"lc-nc__item-category\">{{ n.category }}</span>\n                  }\n                  @if (n.actionLabel) {\n                    <button type=\"button\" class=\"lc-nc__item-action\" (click)=\"onAction(n, $event)\">{{ n.actionLabel }}</button>\n                  }\n                </div>\n              </div>\n              <button\n                type=\"button\"\n                class=\"lc-nc__item-dismiss\"\n                (click)=\"onDismiss(n.id, $event)\"\n                [attr.aria-label]=\"dismissAriaLabel() + ' ' + n.title\"\n              >×</button>\n            </div>\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n"],"mappings":";;;;AA4BA,MAAM,aAA+C;CACnD,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACR;AAED,MAAM,kBAAwD;CAC5D,KAAK;CACL,QAAQ;CACR,MAAM;CACN,QAAQ;AACT;AAUD,IAAa,8BAAb,MAAa,4BAA2B;CAC7B,gBAAgB,MAAM,SAA0B,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAChD,QAAQ,MAAM,iBAAgB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAC9B,aAAa,MAAM,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CACxB,gBAAgB,MAAM,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAC3B,eAAe,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAC3B,eAAe,MAAM,oBAAmB,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CACxC,YAAY,MAAM,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAC1B,kBAAkB,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAE9B,aAAa,MAAM,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAG3B,mBAAmB,MAAM,iBAAgB,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAGzC,gBAAgB,MAAM,aAAY,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAGlC,oBAAoB,MAAM,yBAAwB,GAAA,YAAA,CAAA,EAAA,WAAA,oBAAA,CAAA,+BAAA,CAAA,CAAA;CAGlD,iBAAiB,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;CAG7B,mBAAmB,MAAM,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAGjC,qBAAqB,MAAM,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,qBAAA,CAAA,+BAAA,CAAA,CAAA;CAGrC,qBAAqB,MAAM,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,qBAAA,CAAA,+BAAA,CAAA,CAAA;CAGrC,kBAAkB,MAAM,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAG/B,mBAAmB,MAAM,yBAAwB,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAGjD,qBAAqB,MAAM,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,qBAAA,CAAA,+BAAA,CAAA,CAAA;CAGnC,mBAAmB,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAG/B,oBAAoB,MAAM,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,oBAAA,CAAA,+BAAA,CAAA,CAAA;CAGjC,sBAAsB,MAAM,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,sBAAA,CAAA,+BAAA,CAAA,CAAA;CAGrC,eAAe,MAAM,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAGhC,kBAAkB,MAAM,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAGnC,gBAAgB,MAAM,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAGjC,eAAe,MAAM,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEhC,oBAAoB,OAAM;CAC1B,sBAAsB,OAAM;CAC5B,qBAAqB,OAAM;CAC3B,cAAc,OAAM;CACpB,WAAW,OAAM;CAEhB,eAAe,OAAiC,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CACtD,cAAc,OAAO,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAEf,cAAc,eAC/B,KAAK,cAAa,CAAE,CAAC,QAAO,MAAK,CAAC,EAAE,IAAI,CAAC,CAAC,QAC3C,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAEkB,wBAAwB,eAAc;EACvD,IAAI,QAAQ,KAAK,cAAa;EAC9B,MAAM,SAAS,KAAK,aAAY;EAChC,MAAM,QAAQ,KAAK,YAAW,CAAE,CAAC,YAAW,CAAE,CAAC,KAAI;EAEnD,IAAI,WAAW,OACb,QAAQ,MAAM,QAAO,MAAK,EAAE,SAAS,MAAM;EAG7C,IAAI,OACF,QAAQ,MAAM,QACZ,MACE,EAAE,MAAM,YAAW,CAAE,CAAC,SAAS,KAAK,KACpC,EAAE,SAAS,YAAW,CAAE,CAAC,SAAS,KAAK,KACvC,EAAE,UAAU,YAAW,CAAE,CAAC,SAAS,KAAK,CAAC;EAM/C,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAK;GAC9B,MAAM,OAAO,KAAK,eAAe,EAAE,QAAQ,IAAI,KAAK,eAAe,EAAE,QAAQ;GAC7E,IAAI,SAAS,GAAG,OAAO;GACvB,OAAO,EAAE,UAAU,QAAO,IAAK,EAAE,UAAU,QAAO;EACpD,CAAC;CACH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,wBAAA,CAAA,+BAAA,CAAA,CAAA;CAMiB,uBAAuB,eAAoE;EAC5G,MAAM,QAAQ,KAAK,sBAAqB;EACxC,IAAI,CAAC,KAAK,gBAAe,GAAI,OAAO,CAAC;GAAE,UAAU;GAAM;EAAK,CAAE;EAC9D,MAAM,sBAAM,IAAI,IAAG;EACnB,KAAK,MAAM,KAAK,OAAO;GACrB,MAAM,MAAM,EAAE,YAAY,KAAK,mBAAkB;GACjD,IAAI,CAAC,IAAI,IAAI,GAAG,GAAG,IAAI,IAAI,KAAK,CAAA,CAAE;GAClC,IAAI,IAAI,GAAG,CAAE,CAAC,KAAK,CAAC;EACtB;EACA,OAAO,MAAM,KAAK,IAAI,QAAO,CAAE,CAAC,CAAC,KAAK,CAAC,UAAU,YAAY;GAAE;GAAU;EAAK,EAAG;CACnF,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,uBAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,eAAe,eAAc;EAC9C,MAAM,QAAQ,KAAK,cAAa;EAChC,OAAO;GACL,KAAK,MAAM;GACX,MAAM,MAAM,QAAO,MAAK,EAAE,SAAS,MAAM,CAAC,CAAC;GAC3C,SAAS,MAAM,QAAO,MAAK,EAAE,SAAS,SAAS,CAAC,CAAC;GACjD,SAAS,MAAM,QAAO,MAAK,EAAE,SAAS,SAAS,CAAC,CAAC;GACjD,OAAO,MAAM,QAAO,MAAK,EAAE,SAAS,OAAO,CAAC,CAAC;EAC9C;CACH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,mBAAmB,eAAe,KAAK,sBAAqB,CAAE,CAAC,SAAS,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAEnF,YAAY,MAAuB;EAC3C,OAAO,OAAO,WAAW,QAAQ;CACnC;CAEU,iBAAiB,UAA+B;EACxD,QAAQ,UAAR;GACE,KAAK,OACH,OAAO,KAAK,iBAAgB;GAC9B,KAAK,QACH,OAAO,KAAK,kBAAiB;GAC/B,KAAK,UACH,OAAO,KAAK,oBAAmB;GACjC,SACE,OAAO,WAAW,gBAAgB,YAAY;EAClD;CACF;CAEU,WAAW,MAAU;EAE7B,MAAM,wBAAO,IADG,KACH,EAAA,CAAI,QAAO,IAAK,KAAK,QAAO;EACzC,MAAM,OAAO,KAAK,MAAM,OAAO,GAAK;EACpC,IAAI,OAAO,GAAG,OAAO,KAAK,aAAY;EACtC,IAAI,OAAO,IAAI,OAAO,KAAK,gBAAe,CAAE,CAAC,QAAQ,OAAO,OAAO,IAAI,CAAC;EACxE,MAAM,QAAQ,KAAK,MAAM,OAAO,EAAE;EAClC,IAAI,QAAQ,IAAI,OAAO,KAAK,cAAa,CAAE,CAAC,QAAQ,OAAO,OAAO,KAAK,CAAC;EACxE,MAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;EAClC,IAAI,OAAO,GAAG,OAAO,KAAK,aAAY,CAAE,CAAC,QAAQ,OAAO,OAAO,IAAI,CAAC;EACpE,OAAO,KAAK,mBAAmB,KAAK,WAAU,GAAI;GAAE,KAAK;GAAW,OAAO;GAAW,MAAM;EAAS,CAAE;CACzG;CAEU,UAAU,QAAgC;EAClD,KAAK,aAAa,IAAI,MAAM;CAC9B;CAEU,SAAS,OAAa;EAC9B,KAAK,YAAY,IAAI,KAAK;CAC5B;CAEU,QAAQ,cAA0B;EAC1C,KAAK,kBAAkB,KAAK,YAAY;CAC1C;CAEU,UAAU,IAAY,OAAY;EAC1C,MAAM,gBAAe;EACrB,KAAK,oBAAoB,KAAK,EAAE;CAClC;CAEU,SAAS,cAA4B,OAAY;EACzD,MAAM,gBAAe;EACrB,KAAK,mBAAmB,KAAK,YAAY;CAC3C;CAEU,gBAAa;EACrB,KAAK,YAAY,KAAI;CACvB;CAEU,aAAU;EAClB,KAAK,SAAS,KAAI;CACpB;CAEQ,eAAe,GAAwB;EAC7C,QAAQ,GAAR;GACE,KAAK,UAAU,OAAO;GACtB,KAAK,QAAQ,OAAO;GACpB,KAAK,UAAU,OAAO;GACtB,KAAK,OAAO,OAAO;GACnB,SAAS,OAAO;EAClB;CACF;CAxMW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAA2B,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAA3B,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAA2B,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,iBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,kBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,mBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,gBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,kBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,oBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,oBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,iBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,kBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,oBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,kBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,mBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,qBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,iBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA;GAAA,mBAAA;GAAA,qBAAA;GAAA,oBAAA;GAAA,aAAA;GAAA,UAAA;EAAA;EAAA,UAAA;EAAA,UClDxC;EA4IA,QAAA,CAAA,2xLAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MD/FY;GAAa,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAoB,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;GAAA,SAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAKlC,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA2B,YAAA,CAAA;EARvC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAwB,YACtB;GAAI,SACP,CAAC,eAAe,oBAAoB;GAAC,iBAG7B,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,2xLAAA;EAAA,CAAA"}

package/fesm2022/lifecorner-angular-ui-kit-number-input.mjs

@@ -0,0 +1,401 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, forwardRef, input, output, signal, viewChild } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+function decimalsOf(n) {
+	if (!Number.isFinite(n)) return 0;
+	const [mantissa, exponent] = String(n).split("e");
+	const decimals = (mantissa.split(".")[1]?.length ?? 0) - (exponent ? Number(exponent) : 0);
+	return Math.max(0, decimals);
+}
+function sanitizeNumericText(raw) {
+	let out = "";
+	let seenPoint = false;
+	for (const ch of raw) if (ch >= "0" && ch <= "9") out += ch;
+	else if (ch === "-" && out.length === 0) out += ch;
+	else if ((ch === "." || ch === ",") && !seenPoint) {
+		seenPoint = true;
+		out += ".";
+	}
+	return out;
+}
+var NumberInputComponent = class NumberInputComponent {
+	static nextId = 0;
+	min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(void 0, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
+	step = input(1, ...ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []);
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(...ngDevMode ? [void 0, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	placeholder = input("0", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	helperText = input(...ngDevMode ? [void 0, { debugName: "helperText" }] : /* istanbul ignore next */ []);
+	error = input(...ngDevMode ? [void 0, { debugName: "error" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	decrementAriaLabel = input("Decrease value", ...ngDevMode ? [{ debugName: "decrementAriaLabel" }] : /* istanbul ignore next */ []);
+	incrementAriaLabel = input("Increase value", ...ngDevMode ? [{ debugName: "incrementAriaLabel" }] : /* istanbul ignore next */ []);
+	valueChange = output();
+	inputId = `lc-number-input-${++NumberInputComponent.nextId}`;
+	value = signal(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	text = signal("", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	formDisabled = signal(false, ...ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.disabled() || this.formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	inputEl = viewChild("inputEl", ...ngDevMode ? [{ debugName: "inputEl" }] : /* istanbul ignore next */ []);
+	stepPrecision = computed(() => decimalsOf(this.step()), ...ngDevMode ? [{ debugName: "stepPrecision" }] : /* istanbul ignore next */ []);
+	inputMode = computed(() => this.stepPrecision() > 0 ? "decimal" : "numeric", ...ngDevMode ? [{ debugName: "inputMode" }] : /* istanbul ignore next */ []);
+	describedBy = computed(() => {
+		const ids = [];
+		if (this.error()) ids.push(`${this.inputId}-error`);
+		else if (this.helperText()) ids.push(`${this.inputId}-helper`);
+		return ids.length ? ids.join(" ") : null;
+	}, ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
+	containerClasses = computed(() => {
+		const classes = ["number-input"];
+		if (this.isDisabled()) classes.push("number-input--disabled");
+		if (this.error()) classes.push("number-input--error");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "containerClasses" }] : /* istanbul ignore next */ []);
+	canDecrement = computed(() => {
+		const val = this.value();
+		const minV = this.min();
+		if (val === null || minV === void 0) return true;
+		return val > minV;
+	}, ...ngDevMode ? [{ debugName: "canDecrement" }] : /* istanbul ignore next */ []);
+	canIncrement = computed(() => {
+		const val = this.value();
+		const maxV = this.max();
+		if (val === null || maxV === void 0) return true;
+		return val < maxV;
+	}, ...ngDevMode ? [{ debugName: "canIncrement" }] : /* istanbul ignore next */ []);
+	onChange = () => {};
+	onTouched = () => {};
+	decrement() {
+		this.stepBy(-1);
+	}
+	increment() {
+		this.stepBy(1);
+	}
+	stepBy(direction) {
+		const cur = this.value() ?? 0;
+		const precision = Math.max(this.stepPrecision(), decimalsOf(cur));
+		const next = this.clamp(Number((cur + direction * this.step()).toFixed(precision)));
+		this.setValue(next);
+		this.text.set(this.format(next));
+	}
+	onKeydown(event) {
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			if (this.canIncrement()) this.increment();
+		} else if (event.key === "ArrowDown") {
+			event.preventDefault();
+			if (this.canDecrement()) this.decrement();
+		}
+	}
+	onInput(event) {
+		const target = event.target;
+		const raw = target.value;
+		const text = sanitizeNumericText(raw);
+		if (text !== raw) {
+			const caret = Math.max(0, (target.selectionStart ?? text.length) - (raw.length - text.length));
+			target.value = text;
+			target.setSelectionRange(caret, caret);
+		}
+		this.text.set(text);
+		const parsed = text === "" ? NaN : Number(text);
+		if (Number.isNaN(parsed)) {
+			if (this.value() !== null) {
+				this.value.set(null);
+				this.onChange(null);
+			}
+			return;
+		}
+		this.setValue(parsed);
+	}
+	onBlur() {
+		this.onTouched();
+		const val = this.value();
+		if (val !== null) {
+			const clamped = this.clamp(val);
+			if (clamped !== val) this.setValue(clamped);
+		}
+		const canonical = this.format(this.value());
+		this.text.set(canonical);
+		const el = this.inputEl()?.nativeElement;
+		if (el) el.value = canonical;
+	}
+	format(val) {
+		return val === null ? "" : String(val);
+	}
+	clamp(val) {
+		const minV = this.min();
+		const maxV = this.max();
+		if (minV !== void 0) val = Math.max(minV, val);
+		if (maxV !== void 0) val = Math.min(maxV, val);
+		return val;
+	}
+	setValue(val) {
+		if (val === this.value()) return;
+		this.value.set(val);
+		this.valueChange.emit(val);
+		this.onChange(val);
+	}
+	writeValue(val) {
+		this.value.set(val);
+		this.text.set(this.format(val));
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.formDisabled.set(isDisabled);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: NumberInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: NumberInputComponent,
+		isStandalone: true,
+		selector: "lc-number-input",
+		inputs: {
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			step: {
+				classPropertyName: "step",
+				publicName: "step",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			helperText: {
+				classPropertyName: "helperText",
+				publicName: "helperText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			error: {
+				classPropertyName: "error",
+				publicName: "error",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			decrementAriaLabel: {
+				classPropertyName: "decrementAriaLabel",
+				publicName: "decrementAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			incrementAriaLabel: {
+				classPropertyName: "incrementAriaLabel",
+				publicName: "incrementAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { valueChange: "valueChange" },
+		providers: [{
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => NumberInputComponent),
+			multi: true
+		}],
+		viewQueries: [{
+			propertyName: "inputEl",
+			first: true,
+			predicate: ["inputEl"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div [class]=\"containerClasses()\">\n  @if (label()) {\n    <label class=\"number-input__label\" [for]=\"inputId\">{{ label() }}</label>\n  }\n  <div class=\"number-input__control\">\n    <button\n      type=\"button\"\n      class=\"number-input__button number-input__button--decrement\"\n      [disabled]=\"isDisabled() || !canDecrement()\"\n      (click)=\"decrement()\"\n      [attr.aria-label]=\"decrementAriaLabel()\"\n    >\n      <lc-icon name=\"minus\" size=\"sm\" [decorative]=\"true\" />\n    </button>\n    <input\n      #inputEl\n      type=\"text\"\n      [id]=\"inputId\"\n      [attr.inputmode]=\"inputMode()\"\n      class=\"number-input__input\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"isDisabled()\"\n      [attr.min]=\"min() ?? null\"\n      [attr.max]=\"max() ?? null\"\n      [attr.aria-label]=\"label() ? null : ariaLabel()\"\n      [attr.aria-invalid]=\"error() ? true : null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      (input)=\"onInput($event)\"\n      (keydown)=\"onKeydown($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <button\n      type=\"button\"\n      class=\"number-input__button number-input__button--increment\"\n      [disabled]=\"isDisabled() || !canIncrement()\"\n      (click)=\"increment()\"\n      [attr.aria-label]=\"incrementAriaLabel()\"\n    >\n      <lc-icon name=\"plus\" size=\"sm\" [decorative]=\"true\" />\n    </button>\n  </div>\n  @if (error()) {\n    <p [id]=\"inputId + '-error'\" class=\"number-input__error\" role=\"alert\">{{ error() }}</p>\n  } @else if (helperText()) {\n    <p [id]=\"inputId + '-helper'\" class=\"number-input__helper\">{{ helperText() }}</p>\n  }\n</div>\n",
+		styles: [".number-input{display:inline-flex;flex-direction:column;gap:.375rem}.number-input__label{font-size:var(--typography-font-size-sm, .875rem);font-weight:var(--typography-font-weight-medium, 500);color:var(--color-text-secondary)}.number-input__control{display:inline-flex;align-items:center;border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-surface-2);transition:border-color .15s ease}.number-input__control:hover{border-color:var(--color-text-secondary)}.number-input__control:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #20849733}.number-input__button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.number-input__button:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.number-input__button:disabled{opacity:.4;cursor:not-allowed}.number-input__button--decrement{border-right:1px solid var(--color-border)}.number-input__button--increment{border-left:1px solid var(--color-border)}.number-input__input{width:4rem;text-align:center;border:none;outline:none;background:transparent;font-size:var(--typography-font-size-base, 1rem);font-variant-numeric:tabular-nums;color:var(--color-text-primary);padding:.5rem .25rem}.number-input__input::placeholder{color:var(--color-text-tertiary)}.number-input__input:disabled{cursor:not-allowed}.number-input__helper,.number-input__error{margin:0;font-size:var(--typography-font-size-xs, .75rem);line-height:1.4}.number-input__helper{color:var(--color-text-tertiary)}.number-input__error{color:var(--color-text-error)}.number-input--error .number-input__control{border-color:var(--color-error-600)}.number-input--error .number-input__control:focus-within{border-color:var(--color-error-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error-600) 20%,transparent)}.number-input--disabled{opacity:.5;pointer-events:none}\n"],
+		dependencies: [{
+			kind: "component",
+			type: IconComponent,
+			selector: "lc-icon",
+			inputs: [
+				"name",
+				"variant",
+				"size",
+				"color",
+				"ariaLabel",
+				"decorative",
+				"strict"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: NumberInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-number-input",
+			standalone: true,
+			imports: [IconComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => NumberInputComponent),
+				multi: true
+			}],
+			template: "<div [class]=\"containerClasses()\">\n  @if (label()) {\n    <label class=\"number-input__label\" [for]=\"inputId\">{{ label() }}</label>\n  }\n  <div class=\"number-input__control\">\n    <button\n      type=\"button\"\n      class=\"number-input__button number-input__button--decrement\"\n      [disabled]=\"isDisabled() || !canDecrement()\"\n      (click)=\"decrement()\"\n      [attr.aria-label]=\"decrementAriaLabel()\"\n    >\n      <lc-icon name=\"minus\" size=\"sm\" [decorative]=\"true\" />\n    </button>\n    <input\n      #inputEl\n      type=\"text\"\n      [id]=\"inputId\"\n      [attr.inputmode]=\"inputMode()\"\n      class=\"number-input__input\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"isDisabled()\"\n      [attr.min]=\"min() ?? null\"\n      [attr.max]=\"max() ?? null\"\n      [attr.aria-label]=\"label() ? null : ariaLabel()\"\n      [attr.aria-invalid]=\"error() ? true : null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      (input)=\"onInput($event)\"\n      (keydown)=\"onKeydown($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <button\n      type=\"button\"\n      class=\"number-input__button number-input__button--increment\"\n      [disabled]=\"isDisabled() || !canIncrement()\"\n      (click)=\"increment()\"\n      [attr.aria-label]=\"incrementAriaLabel()\"\n    >\n      <lc-icon name=\"plus\" size=\"sm\" [decorative]=\"true\" />\n    </button>\n  </div>\n  @if (error()) {\n    <p [id]=\"inputId + '-error'\" class=\"number-input__error\" role=\"alert\">{{ error() }}</p>\n  } @else if (helperText()) {\n    <p [id]=\"inputId + '-helper'\" class=\"number-input__helper\">{{ helperText() }}</p>\n  }\n</div>\n",
+			styles: [".number-input{display:inline-flex;flex-direction:column;gap:.375rem}.number-input__label{font-size:var(--typography-font-size-sm, .875rem);font-weight:var(--typography-font-weight-medium, 500);color:var(--color-text-secondary)}.number-input__control{display:inline-flex;align-items:center;border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-surface-2);transition:border-color .15s ease}.number-input__control:hover{border-color:var(--color-text-secondary)}.number-input__control:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #20849733}.number-input__button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.number-input__button:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.number-input__button:disabled{opacity:.4;cursor:not-allowed}.number-input__button--decrement{border-right:1px solid var(--color-border)}.number-input__button--increment{border-left:1px solid var(--color-border)}.number-input__input{width:4rem;text-align:center;border:none;outline:none;background:transparent;font-size:var(--typography-font-size-base, 1rem);font-variant-numeric:tabular-nums;color:var(--color-text-primary);padding:.5rem .25rem}.number-input__input::placeholder{color:var(--color-text-tertiary)}.number-input__input:disabled{cursor:not-allowed}.number-input__helper,.number-input__error{margin:0;font-size:var(--typography-font-size-xs, .75rem);line-height:1.4}.number-input__helper{color:var(--color-text-tertiary)}.number-input__error{color:var(--color-text-error)}.number-input--error .number-input__control{border-color:var(--color-error-600)}.number-input--error .number-input__control:focus-within{border-color:var(--color-error-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error-600) 20%,transparent)}.number-input--disabled{opacity:.5;pointer-events:none}\n"]
+		}]
+	}],
+	propDecorators: {
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		step: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "step",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		helperText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "helperText",
+				required: false
+			}]
+		}],
+		error: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "error",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		decrementAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decrementAriaLabel",
+				required: false
+			}]
+		}],
+		incrementAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "incrementAriaLabel",
+				required: false
+			}]
+		}],
+		valueChange: [{
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		inputEl: [{
+			type: i0.ViewChild,
+			args: ["inputEl", { isSignal: true }]
+		}]
+	}
+});
+export { NumberInputComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-number-input.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-number-input.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/number-input/number-input.component.ts","../../../../libs/angular-ui-kit/src/lib/number-input/number-input.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  input,\n  output,\n  computed,\n  signal,\n  forwardRef,\n  viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\n\n/** Number of decimals a number is written with (`0.001` → 3, `1e-7` → 7, `5` → 0). */\nfunction decimalsOf(n: number): number {\n  if (!Number.isFinite(n)) return 0;\n  const [mantissa, exponent] = String(n).split('e');\n  const decimals = (mantissa.split('.')[1]?.length ?? 0) - (exponent ? Number(exponent) : 0);\n  return Math.max(0, decimals);\n}\n\n/**\n * Reduces raw text to something `Number()` can parse: digits, one leading\n * minus and one decimal point. A comma is taken as a decimal separator so a\n * German keyboard layout does not silently lose the fraction.\n */\nfunction sanitizeNumericText(raw: string): string {\n  let out = '';\n  let seenPoint = false;\n  for (const ch of raw) {\n    if (ch >= '0' && ch <= '9') {\n      out += ch;\n    } else if (ch === '-' && out.length === 0) {\n      out += ch;\n    } else if ((ch === '.' || ch === ',') && !seenPoint) {\n      seenPoint = true;\n      out += '.';\n    }\n  }\n  return out;\n}\n\n@Component({\n  selector: 'lc-number-input',\n  standalone: true,\n  imports: [IconComponent],\n  templateUrl: './number-input.component.html',\n  styleUrls: ['./number-input.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => NumberInputComponent),\n      multi: true,\n    },\n  ],\n})\n/**\n * Number input component with increment/decrement controls.\n *\n * Features:\n * - Increment and decrement buttons (also ArrowUp / ArrowDown)\n * - Configurable min, max, and step values\n * - Value clamping within bounds; stepping is rounded to the step's precision\n * - Non-numeric characters are rejected as they are typed\n * - Disabled state support\n * - ControlValueAccessor integration for reactive forms\n *\n * @example\n * ```html\n * <lc-number-input label=\"Quantity\" [min]=\"0\" [max]=\"100\" [step]=\"1\" />\n * ```\n */\nexport class NumberInputComponent implements ControlValueAccessor {\n  private static nextId = 0;\n\n  /** Minimum value */\n  min = input<number | undefined>(undefined);\n\n  /** Maximum value */\n  max = input<number | undefined>(undefined);\n\n  /** Step increment */\n  step = input<number>(1);\n\n  /** Label text */\n  label = input<string>();\n\n  /** Accessible name for the field when no visible `label` is rendered. */\n  ariaLabel = input<string>();\n\n  /** Placeholder */\n  placeholder = input<string>('0');\n\n  /** Helper text shown below the control (linked via `aria-describedby`). */\n  helperText = input<string>();\n\n  /** Error message shown below the control; marks the field `aria-invalid`. */\n  error = input<string>();\n\n  /** Disabled state */\n  disabled = input<boolean>(false);\n\n  /** Accessible name of the minus button. */\n  decrementAriaLabel = input('Decrease value');\n\n  /** Accessible name of the plus button. */\n  incrementAriaLabel = input('Increase value');\n\n  /** Emits value on change */\n  valueChange = output<number>();\n\n  /** Per-instance id wiring the label, hint and error to the field. */\n  readonly inputId = `lc-number-input-${++NumberInputComponent.nextId}`;\n\n  protected value = signal<number | null>(null);\n\n  /**\n   * Text shown in the field. It is re-derived from the model on `writeValue`,\n   * stepping and blur — never while typing — so an in-progress entry such as\n   * \"1.\" or \"-\" is not snapped back to \"1\" under the user's cursor.\n   */\n  protected readonly text = signal('');\n\n  /** Disabled through the form control (`setDisabledState`), as opposed to the input. */\n  private readonly formDisabled = signal(false);\n\n  /** Disabled by either route — the one flag the template consults. */\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n\n  private readonly inputEl = viewChild<ElementRef<HTMLInputElement>>('inputEl');\n\n  /** Decimals implied by `step` — stepped results are rounded to it so 0.1 + 0.2 does not drift. */\n  private readonly stepPrecision = computed(() => decimalsOf(this.step()));\n\n  /** Fractions need a decimal key on touch keyboards; integers do not. */\n  protected readonly inputMode = computed(() => (this.stepPrecision() > 0 ? 'decimal' : 'numeric'));\n\n  protected readonly describedBy = computed(() => {\n    const ids: string[] = [];\n    if (this.error()) ids.push(`${this.inputId}-error`);\n    else if (this.helperText()) ids.push(`${this.inputId}-helper`);\n    return ids.length ? ids.join(' ') : null;\n  });\n\n  protected containerClasses = computed(() => {\n    const classes = ['number-input'];\n    if (this.isDisabled()) classes.push('number-input--disabled');\n    if (this.error()) classes.push('number-input--error');\n    return classes.join(' ');\n  });\n\n  protected canDecrement = computed(() => {\n    const val = this.value();\n    const minV = this.min();\n    if (val === null || minV === undefined) return true;\n    return val > minV;\n  });\n\n  protected canIncrement = computed(() => {\n    const val = this.value();\n    const maxV = this.max();\n    if (val === null || maxV === undefined) return true;\n    return val < maxV;\n  });\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onChange: (val: number | null) => void = () => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onTouched: () => void = () => {};\n\n  decrement(): void {\n    this.stepBy(-1);\n  }\n\n  increment(): void {\n    this.stepBy(1);\n  }\n\n  private stepBy(direction: 1 | -1): void {\n    const cur = this.value() ?? 0;\n    // Keep whatever precision the user typed (1.25 + 0.1 → 1.35), but never\n    // less than the step's own — that is what removes the binary drift.\n    const precision = Math.max(this.stepPrecision(), decimalsOf(cur));\n    const next = this.clamp(Number((cur + direction * this.step()).toFixed(precision)));\n    this.setValue(next);\n    this.text.set(this.format(next));\n  }\n\n  onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      if (this.canIncrement()) this.increment();\n    } else if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      if (this.canDecrement()) this.decrement();\n    }\n  }\n\n  onInput(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    const raw = target.value;\n    const text = sanitizeNumericText(raw);\n    // Property binding alone would not repaint the field when the model does\n    // not change (typing \"a\" after \"12\" leaves 12 as-is), so the stripped\n    // text is written straight back to the element.\n    if (text !== raw) {\n      const caret = Math.max(0, (target.selectionStart ?? text.length) - (raw.length - text.length));\n      target.value = text;\n      target.setSelectionRange(caret, caret);\n    }\n    this.text.set(text);\n    // \"\" would parse as 0; it and the other in-progress entries (\"-\", \".\")\n    // mean the model has no number yet.\n    const parsed = text === '' ? NaN : Number(text);\n    if (Number.isNaN(parsed)) {\n      if (this.value() !== null) {\n        this.value.set(null);\n        this.onChange(null);\n      }\n      return;\n    }\n    this.setValue(parsed);\n  }\n\n  onBlur(): void {\n    this.onTouched();\n    // Clamp on blur\n    const val = this.value();\n    if (val !== null) {\n      const clamped = this.clamp(val);\n      if (clamped !== val) this.setValue(clamped);\n    }\n    // Whatever half-typed text is left (\"1.\", \"-\", \"007\") is replaced by the\n    // model's canonical form. The element is written directly as well, in\n    // case the DOM drifted from the bound text without an input event.\n    const canonical = this.format(this.value());\n    this.text.set(canonical);\n    const el = this.inputEl()?.nativeElement;\n    if (el) el.value = canonical;\n  }\n\n  private format(val: number | null): string {\n    return val === null ? '' : String(val);\n  }\n\n  private clamp(val: number): number {\n    const minV = this.min();\n    const maxV = this.max();\n    if (minV !== undefined) val = Math.max(minV, val);\n    if (maxV !== undefined) val = Math.min(maxV, val);\n    return val;\n  }\n\n  private setValue(val: number): void {\n    if (val === this.value()) return;\n    this.value.set(val);\n    this.valueChange.emit(val);\n    this.onChange(val);\n  }\n\n  // ControlValueAccessor\n  writeValue(val: number | null): void {\n    this.value.set(val);\n    this.text.set(this.format(val));\n  }\n\n  registerOnChange(fn: (val: number | null) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n}\n","<div [class]=\"containerClasses()\">\n  @if (label()) {\n    <label class=\"number-input__label\" [for]=\"inputId\">{{ label() }}</label>\n  }\n  <div class=\"number-input__control\">\n    <button\n      type=\"button\"\n      class=\"number-input__button number-input__button--decrement\"\n      [disabled]=\"isDisabled() || !canDecrement()\"\n      (click)=\"decrement()\"\n      [attr.aria-label]=\"decrementAriaLabel()\"\n    >\n      <lc-icon name=\"minus\" size=\"sm\" [decorative]=\"true\" />\n    </button>\n    <input\n      #inputEl\n      type=\"text\"\n      [id]=\"inputId\"\n      [attr.inputmode]=\"inputMode()\"\n      class=\"number-input__input\"\n      [value]=\"text()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"isDisabled()\"\n      [attr.min]=\"min() ?? null\"\n      [attr.max]=\"max() ?? null\"\n      [attr.aria-label]=\"label() ? null : ariaLabel()\"\n      [attr.aria-invalid]=\"error() ? true : null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      (input)=\"onInput($event)\"\n      (keydown)=\"onKeydown($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <button\n      type=\"button\"\n      class=\"number-input__button number-input__button--increment\"\n      [disabled]=\"isDisabled() || !canIncrement()\"\n      (click)=\"increment()\"\n      [attr.aria-label]=\"incrementAriaLabel()\"\n    >\n      <lc-icon name=\"plus\" size=\"sm\" [decorative]=\"true\" />\n    </button>\n  </div>\n  @if (error()) {\n    <p [id]=\"inputId + '-error'\" class=\"number-input__error\" role=\"alert\">{{ error() }}</p>\n  } @else if (helperText()) {\n    <p [id]=\"inputId + '-helper'\" class=\"number-input__helper\">{{ helperText() }}</p>\n  }\n</div>\n"],"mappings":"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"}