@onemrvapublic/design-system 22.0.0-develop.2 → 22.0.0-develop.20

package/fesm2022/onemrvapublic-design-system-timeline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-timeline.mjs","sources":["../../../../projects/onemrva/design-system/timeline/src/models/timeline-color.model.ts","../../../../projects/onemrva/design-system/timeline/src/models/timeline-filter.model.ts","../../../../projects/onemrva/design-system/timeline/src/timeline.utils.ts","../../../../projects/onemrva/design-system/timeline/src/onemrva-timeline.component.ts","../../../../projects/onemrva/design-system/timeline/src/onemrva-timeline.component.html","../../../../projects/onemrva/design-system/timeline/src/onemrva-timeline.module.ts","../../../../projects/onemrva/design-system/timeline/index.ts","../../../../projects/onemrva/design-system/timeline/onemrvapublic-design-system-timeline.ts"],"sourcesContent":["/** A palette token assigned to a legend entry; resolved to a hex value via `TIMELINE_PALETTE`. */\nexport type TimelineColor =\n  | 'data-1'\n  | 'data-2'\n  | 'data-3'\n  | 'data-4'\n  | 'data-5'\n  | 'data-6'\n  | 'data-7';\n\n/** All palette tokens in display order. */\nexport const TIMELINE_COLORS: readonly TimelineColor[] = [\n  'data-1',\n  'data-2',\n  'data-3',\n  'data-4',\n  'data-5',\n  'data-6',\n  'data-7',\n];\n\n/** Maps each palette token to its hex value. */\nexport const TIMELINE_PALETTE: Record<TimelineColor, string> = {\n  'data-1': '#625d9c',\n  'data-2': '#7f56a2',\n  'data-3': '#9f499e',\n  'data-4': '#be358f',\n  'data-5': '#d71675',\n  'data-6': '#e70054',\n  'data-7': '#eb142a',\n};\n","/** A single-select filter toggle shown in the timeline header. */\nexport interface TimelineFilterOption {\n  label: string;\n  value: string;\n}\n\n/** Maximum filter options the timeline renders; extras are ignored. */\nexport const MAX_TIMELINE_FILTERS = 3;\n","import { TimelinePeriod } from './models/timeline-period.model';\nimport {\n  MAX_TIMELINE_FILTERS,\n  TimelineFilterOption,\n} from './models/timeline-filter.model';\n\nconst MS_PER_DAY = 1000 * 60 * 60 * 24;\n\nexport interface TimelineYearRange {\n  baseBeginYear: number;\n  baseEndYear: number;\n}\n\nexport interface TimelineBar {\n  class: string;\n  style: string;\n  period?: TimelinePeriod;\n  trackById: string;\n}\n\nexport function limitFilters(\n  filters: TimelineFilterOption[],\n): TimelineFilterOption[] {\n  return filters.slice(0, MAX_TIMELINE_FILTERS);\n}\n\nexport function daysBetween(a: Date, b: Date): number {\n  return Math.max(1, Math.round((b.getTime() - a.getTime()) / MS_PER_DAY));\n}\n\nexport function formatDate(date: Date): string {\n  const pad = (value: number) => value.toString().padStart(2, '0');\n  return `${pad(date.getDate())}/${pad(date.getMonth() + 1)}/${date.getFullYear()}`;\n}\n\nexport function formatPeriodRange(period: TimelinePeriod): string {\n  return `${formatDate(period.beginDate)} - ${formatDate(period.endDate)}`;\n}\n\nexport function monthsWithSize(\n  year: number,\n): { month: number; widthPercent: number }[] {\n  const daysInYear =\n    (new Date(year, 11, 31).getTime() - new Date(year, 0, 1).getTime()) /\n      MS_PER_DAY +\n    1;\n\n  return Array.from({ length: 12 }, (_, month) => ({\n    month: month + 1,\n    widthPercent: (new Date(year, month + 1, 0).getDate() / daysInYear) * 100,\n  }));\n}\n\nexport function fullTimelineRange(\n  periods: TimelinePeriod[],\n): TimelineYearRange | null {\n  if (!periods.length) return null;\n\n  const minBegin = Math.min(...periods.map(p => p.beginDate.getTime()));\n  const maxEnd = Math.max(...periods.map(p => p.endDate.getTime()));\n\n  return {\n    baseBeginYear: new Date(minBegin).getFullYear(),\n    baseEndYear: new Date(maxEnd).getFullYear(),\n  };\n}\n\nexport function splitIntoRows(periods: TimelinePeriod[]): TimelinePeriod[][] {\n  const rows: TimelinePeriod[][] = [];\n  const sorted = [...periods].sort(\n    (a, b) => a.beginDate.getTime() - b.beginDate.getTime(),\n  );\n\n  for (const period of sorted) {\n    const row = rows.find(\n      r => r[r.length - 1].endDate.getTime() <= period.beginDate.getTime(),\n    );\n    if (row) {\n      row.push(period);\n    } else {\n      rows.push([period]);\n    }\n  }\n\n  return rows;\n}\n\nexport function buildRow(\n  periods: TimelinePeriod[],\n  range: { begin: Date; end: Date },\n  colorOf: (period: TimelinePeriod) => string,\n): TimelineBar[] {\n  if (!periods.length) return [];\n\n  const result: TimelineBar[] = [];\n  const { begin, end } = range;\n\n  if (periods[0].beginDate > begin) {\n    result.push(gapBar(begin, periods[0].beginDate));\n  }\n\n  let previous: TimelinePeriod | null = null;\n  for (const period of periods) {\n    if (previous) {\n      result.push(gapBar(previous.endDate, period.beginDate));\n    }\n    result.push(periodBar(period, begin, end, colorOf(period)));\n    previous = period;\n  }\n\n  if (previous && previous.endDate < end) {\n    result.push(gapBar(previous.endDate, end));\n  }\n\n  return result;\n}\n\nfunction gapBar(from: Date, to: Date): TimelineBar {\n  return bar(\n    undefined,\n    daysBetween(from, to),\n    undefined,\n    `gap-${from.getTime()}-${to.getTime()}`,\n  );\n}\n\nfunction periodBar(\n  period: TimelinePeriod,\n  begin: Date,\n  end: Date,\n  color: string,\n): TimelineBar {\n  const start = Math.max(begin.getTime(), period.beginDate.getTime());\n  const stop = Math.min(end.getTime(), period.endDate.getTime());\n  return bar(\n    period,\n    daysBetween(new Date(start), new Date(stop)),\n    color,\n    period.id,\n  );\n}\n\nfunction bar(\n  period: TimelinePeriod | undefined,\n  diff: number,\n  color: string | undefined,\n  trackById: string,\n): TimelineBar {\n  const classes = ['item'];\n  if (period) classes.push('period', 'cursor');\n  if (period?.disabled) classes.push('disabled');\n\n  return {\n    class: classes.join(' '),\n    style: `flex: ${diff} 1 0${color ? `; background-color: ${color}` : ''}`,\n    period,\n    trackById,\n  };\n}\n","import {\n  Component,\n  LOCALE_ID,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n} from '@angular/core';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatDivider } from '@angular/material/divider';\nimport {\n  CdkOverlayOrigin,\n  ConnectedPosition,\n  OverlayModule,\n} from '@angular/cdk/overlay';\nimport { TimelinePeriod } from './models/timeline-period.model';\nimport {\n  TimelineLegend,\n  TimelineLegendItem,\n} from './models/timeline-legend.model';\nimport { TimelineFilterOption } from './models/timeline-filter.model';\nimport { TimelineColor, TIMELINE_PALETTE } from './models/timeline-color.model';\nimport {\n  buildRow,\n  formatPeriodRange,\n  fullTimelineRange,\n  limitFilters,\n  monthsWithSize,\n  splitIntoRows,\n} from './timeline.utils';\n\nlet nextTooltipId = 0;\n\n/**\n * Displays dated periods on a horizontal, year-based timeline. Overlapping\n * periods stack into rows and take their colour from the matching legend item.\n *\n * @example\n * ```html\n * <onemrva-timeline\n *   title=\"Career timeline\"\n *   [periods]=\"periods\"\n *   [legend]=\"legend\"\n *   [filters]=\"filters\"\n *   [(activeFilter)]=\"activeFilter\"\n *   [(selectedPeriod)]=\"selected\"\n *   emptyMessage=\"No periods to display\"\n * />\n * ```\n */\n@Component({\n  selector: 'onemrva-timeline',\n  standalone: true,\n  imports: [\n    MatIcon,\n    MatIconButton,\n    MatButtonToggleModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatDivider,\n    OverlayModule,\n    TranslatePipe,\n  ],\n  templateUrl: './onemrva-timeline.component.html',\n  styleUrl: './onemrva-timeline.component.scss',\n  encapsulation: ViewEncapsulation.Emulated,\n  host: { '[attr.title]': 'null' },\n})\nexport class OnemrvaTimelineComponent {\n  private readonly fallbackColor = '#e5e5e5';\n  private readonly rowHeightPx = 56;\n  private readonly plotPaddingPx = 16;\n  private readonly axesHeightPx = 56;\n\n  /** Optional heading shown above the visible year range. */\n  readonly title = input<string>('');\n\n  /** Periods to plot on the timeline. */\n  readonly periods = input<TimelinePeriod[]>([]);\n\n  /** Legend entries that map a period `type` to its label and color. */\n  readonly legend = input<TimelineLegend>();\n\n  /** Size, in years, of the visible window; two-way bindable via the period dropdown. */\n  readonly fixedYearCount = model<number>(5);\n\n  /** Year-window sizes offered by the period dropdown. */\n  readonly yearOptions = input<number[]>([1, 5, 10]);\n\n  /** When true, the period dropdown offers a \"Month\" option. */\n  readonly showMonthPicker = input<boolean>(false);\n\n  /** Whether month numbers are shown under each year (only when the window spans at most 5 years). */\n  readonly showMonths = input<boolean>(true);\n\n  /** Whether period labels are rendered inside the bars. */\n  readonly showLabels = input<boolean>(true);\n\n  /** Whether the hover popup with period details is shown. */\n  readonly showTooltip = input<boolean>(true);\n\n  /** Optional max height (any CSS length) for the timeline body; rows scroll within it while the year and month axes stay pinned. Ignored when `fullSize` is true. */\n  readonly maxHeight = input<string>('');\n\n  /** When true, every row is shown at once and the body never scrolls; `maxHeight` is ignored. */\n  readonly fullSize = input<boolean>(false);\n\n  /** Single-select filter toggles shown in the header; at most three are rendered. */\n  readonly filters = input<TimelineFilterOption[]>([]);\n\n  /** Message shown when no periods are provided. Nothing renders when it is empty. */\n  readonly emptyMessage = input<string>('');\n\n  /** Currently selected period. Two-way bindable via `[(selectedPeriod)]`. */\n  readonly selectedPeriod = model<TimelinePeriod | undefined>();\n\n  /** Value of the currently active filter, or `undefined` when none. Two-way bindable. */\n  readonly activeFilter = model<string | undefined>(undefined);\n\n  /** Emits the active filter value whenever the selection changes. */\n  readonly filterChange = output<string | undefined>();\n\n  /**\n   * Emits the unit shown on the lower axis whenever the period view changes:\n   * `'months'` in the year view, or `'days'` when a single month is focused.\n   */\n  readonly axisUnitChange = output<'months' | 'days'>();\n\n  protected readonly monthsByYear = computed(() => {\n    const map = new Map<number, ReturnType<typeof monthsWithSize>>();\n    for (const year of this.years()) {\n      map.set(year, monthsWithSize(year));\n    }\n    return map;\n  });\n\n  protected readonly tooltipInfo = signal<TooltipInfo>({ visible: false });\n  protected readonly tooltipId = `onemrva-timeline-tooltip-${nextTooltipId++}`;\n  protected readonly tooltipPositions: ConnectedPosition[] = [\n    {\n      originX: 'center',\n      originY: 'bottom',\n      overlayX: 'center',\n      overlayY: 'top',\n      offsetY: 15,\n    },\n  ];\n\n  protected readonly changeRange = signal<number>(0);\n  protected readonly activeType = signal<string | undefined>(undefined);\n  protected readonly monthMode = signal<boolean>(false);\n\n  private readonly locale = inject(LOCALE_ID);\n  private readonly shortMonthFormat = new Intl.DateTimeFormat(this.locale, {\n    month: 'short',\n  });\n  private readonly longMonthFormat = new Intl.DateTimeFormat(this.locale, {\n    month: 'long',\n  });\n\n  protected readonly focusedDate = signal<{ year: number; month: number }>({\n    year: 0,\n    month: 0,\n  });\n\n  constructor() {\n    effect(() => {\n      this.periods();\n      this.fixedYearCount();\n      this.changeRange.set(0);\n    });\n  }\n\n  protected readonly scrollMaxHeight = computed(() => {\n    if (this.fullSize()) return null;\n\n    const raw = this.maxHeight().trim();\n    const match = /^(\\d+)px$/.exec(raw);\n    if (!match) return raw || null;\n\n    const middle = Number(match[1]) - this.axesHeightPx;\n    if (middle < this.rowHeightPx) return raw;\n\n    const rows = Math.floor(middle / this.rowHeightPx);\n    return `${rows * this.rowHeightPx + this.axesHeightPx}px`;\n  });\n\n  protected readonly plotHeightPx = computed(\n    () => this.displayedRows().length * this.rowHeightPx + this.plotPaddingPx,\n  );\n\n  private readonly fullRange = computed(() =>\n    fullTimelineRange(this.periods()),\n  );\n\n  private readonly totalYears = computed(() => {\n    const range = this.fullRange();\n    return range ? range.baseEndYear - range.baseBeginYear + 1 : 0;\n  });\n\n  private readonly maxOffset = computed(() =>\n    Math.max(0, this.totalYears() - this.fixedYearCount()),\n  );\n\n  private readonly offset = computed(() =>\n    Math.min(Math.max(this.changeRange(), 0), this.maxOffset()),\n  );\n\n  protected readonly displayRange = computed(() => {\n    const range = this.fullRange();\n    if (!range) return null;\n\n    if (this.monthMode()) {\n      const year = this.focusedDate().year;\n      return { beginYear: year, endYear: year };\n    }\n\n    if (this.fixedYearCount() >= this.totalYears()) {\n      return { beginYear: range.baseBeginYear, endYear: range.baseEndYear };\n    }\n\n    const beginYear = range.baseBeginYear + this.offset();\n    return { beginYear, endYear: beginYear + this.fixedYearCount() - 1 };\n  });\n\n  protected readonly canPrevious = computed(\n    () => this.fixedYearCount() < this.totalYears() && this.offset() > 0,\n  );\n\n  protected readonly canNext = computed(\n    () =>\n      this.fixedYearCount() < this.totalYears() &&\n      this.offset() < this.maxOffset(),\n  );\n\n  protected readonly monthList = computed(() => {\n    const range = this.fullRange();\n    if (!range) return [];\n\n    const list: { value: string; label: string }[] = [];\n    for (let year = range.baseBeginYear; year <= range.baseEndYear; year++) {\n      for (let month = 1; month <= 12; month++) {\n        list.push({\n          value: `${year}-${String(month).padStart(2, '0')}`,\n          label: `${this.shortMonthFormat.format(new Date(year, month - 1, 1))} ${year}`,\n        });\n      }\n    }\n    return list;\n  });\n\n  protected readonly monthLabel = computed(() => {\n    const focused = this.focusedDate();\n    return `${this.longMonthFormat.format(new Date(focused.year, focused.month, 1))} ${focused.year}`;\n  });\n\n  protected readonly focusedMonthValue = computed(() => {\n    const focused = this.focusedDate();\n    return `${focused.year}-${String(focused.month + 1).padStart(2, '0')}`;\n  });\n\n  protected readonly canPreviousMonth = computed(() => {\n    const range = this.fullRange();\n    const focused = this.focusedDate();\n    if (!range) return false;\n    return focused.year > range.baseBeginYear || focused.month > 0;\n  });\n\n  protected readonly canNextMonth = computed(() => {\n    const range = this.fullRange();\n    const focused = this.focusedDate();\n    if (!range) return false;\n    return focused.year < range.baseEndYear || focused.month < 11;\n  });\n\n  protected readonly years = computed(() => {\n    const range = this.displayRange();\n    if (!range) return [];\n\n    return Array.from(\n      { length: range.endYear - range.beginYear + 1 },\n      (_, i) => range.beginYear + i,\n    );\n  });\n\n  private readonly displayWindow = computed(() => {\n    const range = this.displayRange();\n    if (!range) return null;\n\n    if (this.monthMode()) {\n      const { year, month } = this.focusedDate();\n      return {\n        begin: new Date(year, month, 1),\n        end: new Date(year, month + 1, 0),\n      };\n    }\n\n    return {\n      begin: new Date(range.beginYear, 0, 1),\n      end: new Date(range.endYear, 11, 31),\n    };\n  });\n\n  protected readonly visiblePeriods = computed(() => {\n    const bounds = this.displayWindow();\n    if (!bounds) return [];\n\n    return this.periods()\n      .filter(p => p.endDate >= bounds.begin && p.beginDate <= bounds.end)\n      .sort((a, b) => a.beginDate.getTime() - b.beginDate.getTime());\n  });\n\n  protected readonly displayedRows = computed(() => {\n    const bounds = this.displayWindow();\n    const periods = this.visiblePeriods();\n    if (!bounds || !periods.length) return [];\n\n    return splitIntoRows(periods).map(row =>\n      buildRow(row, bounds, period => this.colorOf(period)),\n    );\n  });\n\n  protected readonly focusedMonthDays = computed(() => {\n    const { year, month } = this.focusedDate();\n    const days = new Date(year, month + 1, 0).getDate();\n    return Array.from({ length: days }, (_, i) => i + 1);\n  });\n\n  protected readonly dayWidthPercent = computed(() => {\n    const count = this.focusedMonthDays().length;\n    return count ? 100 / count : 0;\n  });\n\n  protected readonly sortedLegend = computed(() => {\n    const seen = new Set<string>();\n    return (this.legend() ?? [])\n      .filter(item => {\n        if (seen.has(item.type)) return false;\n        seen.add(item.type);\n        return true;\n      })\n      .sort((a, b) => a.label.localeCompare(b.label));\n  });\n\n  protected readonly visibleFilters = computed(() =>\n    limitFilters(this.filters()),\n  );\n\n  protected getLegend(type?: string): TimelineLegendItem | undefined {\n    if (!type) return undefined;\n    return this.legend()?.find(l => l.type === type);\n  }\n\n  protected colorHex(color?: TimelineColor): string {\n    return color ? TIMELINE_PALETTE[color] : this.fallbackColor;\n  }\n\n  private colorOf(period: TimelinePeriod): string {\n    return this.colorHex(this.getLegend(period.type)?.color);\n  }\n\n  protected periodRange(period?: TimelinePeriod): string {\n    return period ? formatPeriodRange(period) : '';\n  }\n\n  protected nextYear(): void {\n    this.changeRange.set(Math.min(this.maxOffset(), this.offset() + 1));\n  }\n\n  protected previousYear(): void {\n    this.changeRange.set(Math.max(0, this.offset() - 1));\n  }\n\n  protected onPeriodChange(value: string | number): void {\n    if (value === 'month') {\n      const range = this.fullRange();\n      const periods = this.periods();\n      const earliest = periods.length\n        ? periods.reduce((a, b) => (a.beginDate <= b.beginDate ? a : b))\n        : null;\n      this.focusedDate.set({\n        year: earliest?.beginDate.getFullYear() ?? range?.baseBeginYear ?? 0,\n        month: earliest?.beginDate.getMonth() ?? 0,\n      });\n      this.monthMode.set(true);\n      this.axisUnitChange.emit('days');\n    } else {\n      this.monthMode.set(false);\n      this.changeRange.set(0);\n      this.fixedYearCount.set(Number(value));\n      this.axisUnitChange.emit('months');\n    }\n  }\n\n  protected goToMonth(value: string): void {\n    if (!value) return;\n    const year = Number(value.slice(0, 4));\n    const month = Number(value.slice(5, 7)) - 1;\n    if (Number.isNaN(year) || Number.isNaN(month)) return;\n    this.focusedDate.set({ year, month });\n  }\n\n  protected previousMonth(): void {\n    const { year, month } = this.focusedDate();\n    if (!this.canPreviousMonth()) return;\n    this.focusedDate.set(\n      month > 0 ? { year, month: month - 1 } : { year: year - 1, month: 11 },\n    );\n  }\n\n  protected nextMonth(): void {\n    const { year, month } = this.focusedDate();\n    if (!this.canNextMonth()) return;\n    this.focusedDate.set(\n      month < 11 ? { year, month: month + 1 } : { year: year + 1, month: 0 },\n    );\n  }\n\n  protected onFilterChange(value: string | undefined): void {\n    this.activeFilter.set(value);\n    this.filterChange.emit(value);\n  }\n\n  protected selectPeriod(period?: TimelinePeriod): void {\n    if (!period || period.disabled) return;\n    this.activeType.set(undefined);\n    this.selectedPeriod.set(period);\n  }\n\n  protected onLegendSelect(item: TimelineLegendItem): void {\n    const match = this.periods().find(p => p.type === item.type && !p.disabled);\n    if (!match) return;\n\n    if (this.monthMode()) {\n      this.focusedDate.set({\n        year: match.beginDate.getFullYear(),\n        month: match.beginDate.getMonth(),\n      });\n    } else {\n      const range = this.fullRange();\n      if (range) {\n        const target = match.beginDate.getFullYear() - range.baseBeginYear;\n        this.changeRange.set(Math.min(Math.max(target, 0), this.maxOffset()));\n      }\n    }\n\n    this.activeType.set(item.type);\n    this.selectedPeriod.set(match);\n  }\n\n  protected isActive(period?: TimelinePeriod): boolean {\n    if (!period || period.disabled) return false;\n    const type = this.activeType();\n    if (type && period.type === type) return true;\n    return period.id === this.selectedPeriod()?.id;\n  }\n\n  protected showPeriodTooltip(\n    period?: TimelinePeriod,\n    origin?: CdkOverlayOrigin,\n  ): void {\n    if (!period) return;\n    this.tooltipInfo.set({ visible: true, period, origin });\n  }\n\n  protected hidePeriodTooltip(): void {\n    this.tooltipInfo.set({ visible: false });\n  }\n\n  protected isTooltipOpenFor(period?: TimelinePeriod): boolean {\n    const info = this.tooltipInfo();\n    return info.visible && !!period && info.period?.id === period.id;\n  }\n\n  protected ariaLabel(period?: TimelinePeriod): string | null {\n    if (!period) return null;\n    const name = period.label ?? period.type ?? '';\n    return [name, this.periodRange(period)].filter(Boolean).join(', ') || null;\n  }\n}\n\ninterface TooltipInfo {\n  visible: boolean;\n  period?: TimelinePeriod;\n  origin?: CdkOverlayOrigin;\n}\n","<div class=\"container\">\n  @if (periods().length !== 0) {\n    <div class=\"navigation\">\n      <div class=\"nav-info\">\n        @if (title()) {\n          <p class=\"timeline-title\">{{ title() }}</p>\n        }\n        <span class=\"timeline-range\">\n          @if (monthMode()) {\n            {{ monthLabel() }}\n          } @else {\n            {{ displayRange()?.beginYear }} - {{ displayRange()?.endYear }}\n          }\n        </span>\n      </div>\n\n      <div class=\"nav-controls\">\n        <div class=\"nav-pager\">\n          <button\n            mat-icon-button\n            data-cy=\"timeline-prev\"\n            [attr.aria-label]=\"\n              (monthMode() ? 'timeline.previousMonth' : 'timeline.previousYear')\n                | translate\n            \"\n            [disabled]=\"monthMode() ? !canPreviousMonth() : !canPrevious()\"\n            (click)=\"monthMode() ? previousMonth() : previousYear()\"\n          >\n            <mat-icon>arrow_back_ios</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            data-cy=\"timeline-next\"\n            [attr.aria-label]=\"\n              (monthMode() ? 'timeline.nextMonth' : 'timeline.nextYear')\n                | translate\n            \"\n            [disabled]=\"monthMode() ? !canNextMonth() : !canNext()\"\n            (click)=\"monthMode() ? nextMonth() : nextYear()\"\n          >\n            <mat-icon>arrow_forward_ios</mat-icon>\n          </button>\n        </div>\n\n        <mat-form-field\n          class=\"timeline-field timeline-period\"\n          appearance=\"outline\"\n          subscriptSizing=\"dynamic\"\n        >\n          <mat-label>{{ 'timeline.period' | translate }}</mat-label>\n          <mat-select\n            [attr.aria-label]=\"'timeline.period' | translate\"\n            [value]=\"monthMode() ? 'month' : fixedYearCount()\"\n            (selectionChange)=\"onPeriodChange($event.value)\"\n          >\n            @if (showMonthPicker()) {\n              <mat-option value=\"month\" data-cy=\"timeline-period-month\">\n                {{ 'timeline.month' | translate }}\n              </mat-option>\n            }\n            @for (option of yearOptions(); track option) {\n              <mat-option\n                [value]=\"option\"\n                [attr.data-cy]=\"'timeline-period-' + option\"\n              >\n                {{ option }}\n                {{\n                  (option === 1 ? 'timeline.year' : 'timeline.years')\n                    | translate\n                }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n\n        @if (showMonthPicker() && monthMode()) {\n          <mat-form-field\n            class=\"timeline-field timeline-month-jump\"\n            appearance=\"outline\"\n            subscriptSizing=\"dynamic\"\n          >\n            <mat-label>{{ 'timeline.goToMonth' | translate }}</mat-label>\n            <mat-select\n              data-cy=\"timeline-month-jump\"\n              [attr.aria-label]=\"'timeline.goToMonth' | translate\"\n              [value]=\"focusedMonthValue()\"\n              (selectionChange)=\"goToMonth($event.value)\"\n            >\n              @for (month of monthList(); track month.value) {\n                <mat-option [value]=\"month.value\">{{ month.label }}</mat-option>\n              }\n            </mat-select>\n          </mat-form-field>\n        }\n\n        @if (visibleFilters().length) {\n          <mat-divider vertical class=\"nav-divider\" />\n          <mat-button-toggle-group\n            class=\"timeline-filters\"\n            [value]=\"activeFilter()\"\n            (change)=\"onFilterChange($any($event).value)\"\n          >\n            @for (filter of visibleFilters(); track filter.value) {\n              <mat-button-toggle\n                class=\"filter-toggle\"\n                [value]=\"filter.value\"\n                [attr.aria-label]=\"filter.label\"\n              >\n                {{ filter.label }}\n              </mat-button-toggle>\n            }\n          </mat-button-toggle-group>\n        }\n      </div>\n    </div>\n\n    <div\n      class=\"timeline-scroll\"\n      [class.full-size]=\"fullSize()\"\n      [style.max-height]=\"scrollMaxHeight()\"\n    >\n      <div class=\"timelineContainer\">\n        <div class=\"timeline-years\">\n          @for (year of years(); track 'axis-' + year) {\n            <div class=\"axis-col\">{{ monthMode() ? monthLabel() : year }}</div>\n          }\n        </div>\n\n        <div class=\"timeline-plot\" [style.height.px]=\"plotHeightPx()\">\n          <div class=\"timeline-grid\">\n            @for (year of years(); track 'grid-' + year) {\n              <div class=\"grid-col\"></div>\n            }\n          </div>\n\n          <div class=\"timeline\">\n            @for (row of displayedRows(); track $index) {\n              <div class=\"timeline-row\">\n                @for (item of row; track item.trackById) {\n                  <div\n                    [class]=\"item.class\"\n                    [class.selected]=\"isActive(item.period)\"\n                    [style]=\"item.style\"\n                    [attr.role]=\"\n                      item.period && !item.period.disabled ? 'button' : null\n                    \"\n                    [attr.tabindex]=\"\n                      item.period && !item.period.disabled ? 0 : null\n                    \"\n                    [attr.aria-label]=\"ariaLabel(item?.period)\"\n                    [attr.aria-describedby]=\"\n                      isTooltipOpenFor(item?.period) ? tooltipId : null\n                    \"\n                    (mouseenter)=\"showPeriodTooltip(item?.period, origin)\"\n                    (mouseleave)=\"hidePeriodTooltip()\"\n                    (focus)=\"showPeriodTooltip(item?.period, origin)\"\n                    (blur)=\"hidePeriodTooltip()\"\n                    (click)=\"selectPeriod(item?.period)\"\n                    (keydown.enter)=\"selectPeriod(item?.period)\"\n                    (keydown.space)=\"selectPeriod(item?.period)\"\n                    (keydown.escape)=\"hidePeriodTooltip()\"\n                    cdkOverlayOrigin\n                    #origin=\"cdkOverlayOrigin\"\n                  >\n                    @if (showLabels() && item.period?.label) {\n                      <span class=\"period-label\">{{ item.period.label }}</span>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n\n        @if (showMonths() && years().length <= 5) {\n          <div class=\"timeline-months\">\n            @if (monthMode()) {\n              <div class=\"months-col\">\n                @for (day of focusedMonthDays(); track day) {\n                  <span class=\"month\" [style.width.%]=\"dayWidthPercent()\">{{\n                    day\n                  }}</span>\n                }\n              </div>\n            } @else {\n              @for (year of years(); track 'months-' + year) {\n                <div class=\"months-col\">\n                  @for (\n                    month of monthsByYear().get(year) ?? [];\n                    track month.month\n                  ) {\n                    <span class=\"month\" [style.width.%]=\"month.widthPercent\">{{\n                      month.month\n                    }}</span>\n                  }\n                </div>\n              }\n            }\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"timeline-legend\">\n      @for (legendItem of sortedLegend(); track legendItem) {\n        <button\n          type=\"button\"\n          class=\"legend-item\"\n          [attr.aria-label]=\"\n            'timeline.goTo' | translate: { label: legendItem.label }\n          \"\n          (click)=\"onLegendSelect(legendItem)\"\n        >\n          <span\n            class=\"legend-color\"\n            [style.background-color]=\"colorHex(legendItem.color)\"\n          ></span>\n          <span class=\"legend-label\">{{ legendItem.label }}</span>\n        </button>\n      }\n    </div>\n\n    @if (showTooltip() && tooltipInfo().visible && tooltipInfo().origin) {\n      @let period = tooltipInfo().period;\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"tooltipInfo().origin!\"\n        [cdkConnectedOverlayOpen]=\"true\"\n        [cdkConnectedOverlayPositions]=\"tooltipPositions\"\n      >\n        <div\n          class=\"tooltip\"\n          role=\"tooltip\"\n          [id]=\"tooltipId\"\n          [style.border-color]=\"colorHex(getLegend(period?.type)?.color)\"\n        >\n          <div class=\"tooltip-title\">{{ periodRange(period) }}</div>\n          @if (period?.label) {\n            <div class=\"tooltip-label\">{{ period?.label }}</div>\n          }\n          @if (period?.description) {\n            <div\n              class=\"tooltip-description\"\n              [innerHTML]=\"period?.description\"\n            ></div>\n          }\n        </div>\n      </ng-template>\n    }\n  } @else if (emptyMessage()) {\n    <div class=\"parentDiv\">\n      <p>{{ emptyMessage() }}</p>\n    </div>\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaTimelineComponent } from './onemrva-timeline.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaTimelineComponent],\n  exports: [OnemrvaTimelineComponent],\n})\nexport class OnemrvaTimelineModule {}\n","/*\n * Public API Surface of timeline\n */\n\nexport * from './src/onemrva-timeline.component';\nexport * from './src/onemrva-timeline.module';\nexport * from './src/models/timeline-period.model';\nexport * from './src/models/timeline-legend.model';\nexport * from './src/models/timeline-filter.model';\nexport * from './src/models/timeline-color.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system.mjs

@@ -1,5 +1,5 @@
 // Auto-generated — do not edit
-const VERSION = '22.0.0-develop.2';
+const VERSION = '22.0.0-develop.20';
 
 const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;
 

package/fesm2022/onemrvapublic-design-system.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system.mjs","sources":["../../../../projects/onemrva/design-system/version.ts","../../../../projects/onemrva/design-system/index.ts","../../../../projects/onemrva/design-system/onemrvapublic-design-system.ts"],"sourcesContent":["// Auto-generated — do not edit\nexport const VERSION = '22.0.0-develop.2';\n","export { VERSION } from './version';\n\nexport const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACO,MAAM,OAAO,GAAG;;ACChB,MAAM,yCAAyC,GAAG;;ACFzD;;AAEG;;;;"}
+{"version":3,"file":"onemrvapublic-design-system.mjs","sources":["../../../../projects/onemrva/design-system/version.ts","../../../../projects/onemrva/design-system/index.ts","../../../../projects/onemrva/design-system/onemrvapublic-design-system.ts"],"sourcesContent":["// Auto-generated — do not edit\nexport const VERSION = '22.0.0-develop.20';\n","export { VERSION } from './version';\n\nexport const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACO,MAAM,OAAO,GAAG;;ACChB,MAAM,yCAAyC,GAAG;;ACFzD;;AAEG;;;;"}

package/mat-carousel/src/onemrva-mat-carousel.component.scss

@@ -45,3 +45,21 @@
     }
   }
 }
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}

package/mat-paginator/src/onemrva-mat-paginator.component.scss

@@ -4,6 +4,7 @@
   .paginator-container {
     display: flex;
     align-items: baseline;
+    font: var(--mat-sys-label-medium);
 
     .paginator-size-selector-container {
       flex: 1 0 200px;
@@ -39,38 +40,11 @@
             outlined-focus-outline-width: 2px,
           )
         );
+
+        ::ng-deep .mat-mdc-select-arrow-wrapper {
+          display: none;
+        }
       }
-      //  .mat-mdc-select-arrow-wrapper {
-      //    //transform: translateY(8%);
-      //    .mat-mdc-select-arrow {
-      //      color: var(--mat-sys-primary);
-      //    }
-      //  }
-      //
-      //  .mdc-notched-outline {
-      //    border: 1px solid var(--mat-sys-on-surface);
-      //    border-radius: var(--button-border-radius);
-      //  }
-      //
-      //  .mdc-notched-outline__leading,
-      //  .mdc-notched-outline__trailing,
-      //  .mdc-notched-outline__notch {
-      //    --mdc-outlined-text-field-container-shape: 0;
-      //    border: none;
-      //  }
-      //
-      //  .mat-mdc-text-field-wrapper {
-      //    height: 38px;
-      //  }
-      //
-      //  .mat-mdc-form-field-infix {
-      //    width: 60px;
-      //  }
-      //  .mat-mdc-select-trigger {
-      //    padding-left: var(--spacer);
-      //    padding-right: var(--spacer);
-      //  }
-      //}
     }
     .onemrva-mat-paginator {
       display: flex;

package/mat-tooltip/src/onemrva-mat-tooltip.component.scss

@@ -9,4 +9,5 @@
   font-weight: 400;
   font-style: normal;
   line-height: 18px;
+  text-align: left;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onemrvapublic/design-system",
-  "version": "22.0.0-develop.2",
+  "version": "22.0.0-develop.20",
   "description": "Design System Onem/Rva without theme included",
   "publishConfig": {
     "access": "public"
@@ -218,6 +218,10 @@
     "./shared": {
       "types": "./types/onemrvapublic-design-system-shared.d.ts",
       "default": "./fesm2022/onemrvapublic-design-system-shared.mjs"
+    },
+    "./timeline": {
+      "types": "./types/onemrvapublic-design-system-timeline.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-timeline.mjs"
     }
   },
   "module": "fesm2022/onemrvapublic-design-system.mjs",

package/theme/overrides/_form-field.scss

@@ -86,6 +86,8 @@
       outlined-label-text-weight: var(--mat-sys-label-small-weight),
       outlined-input-text-placeholder-color: var(--mat-sys-outline),
       container-text-weight: var(--mat-sys-label-small-weight),
+      leading-icon-color: var(--mat-sys-primary),
+      trailing-icon-color: var(--mat-sys-primary),
     )
   );
 

package/theme/overrides/_select.scss

@@ -32,10 +32,11 @@
       overflow-x: hidden;
       padding: 0;
       .selection-choice {
-        font: var(--mat-sys-title-small);
+        font: var(--mat-sys-label-small);
         width: 98%;
         a {
           text-decoration: underline;
+          font-weight: var(--mat-sys-label-small-weight);
         }
         span {
           &.grey {

package/theme/overrides/_table.scss

@@ -3,11 +3,12 @@
 @mixin override() {
   @include mat.table-overrides(
     (
-      header-headline-size: 1rem,
-      header-headline-weight: 600,
+      header-headline-font: var(--mat-sys-body-large-font),
+      header-headline-line-height: var(--mat-sys-body-large-line-height),
+      header-headline-size: var(--mat-sys-body-large-size),
+      header-headline-weight: var(--mat-sys-body-large-weight),
       row-item-label-text-size: 1rem,
       footer-supporting-text-size: 1rem,
-      header-headline-font: var(--brand-font),
     )
   );
 
@@ -17,14 +18,10 @@
     }
 
     &:not(.mat-card-table) {
-      tbody tr,
-      mat-row {
-        &:nth-child(even) {
-          background-color: var(--mat-sys-primary-container);
-          // a {
-          //   color: var(--mat-sys-on-primary-container);
-          // }
-        }
+      // first data row is blue; tbody scopes out headers, flex header offsets by 1
+      tbody tr:nth-child(odd),
+      mat-row:nth-child(even) {
+        background-color: var(--mat-sys-primary-container);
       }
     }
     th,

package/theme/palettes/_palette.scss

@@ -82,7 +82,7 @@ $palette: (
     94: #f3edf7,
     95: #f5f0f8,
     96: #f7f2fa,
-    98: #ffffff,
+    98: #fdfcfe,
     99: #ffffff,
     100: #ffffff,
   ),

package/timeline/src/onemrva-timeline.component.scss

@@ -0,0 +1,371 @@
+$timeline-grid: #d7d5ed;
+$timeline-ink: #242424;
+$timeline-accent: #625d9c;
+$timeline-muted: #78767d;
+$timeline-bar-height: 40px;
+$timeline-row-gap: 16px;
+
+.container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.navigation {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: flex-end;
+  gap: 16px;
+  margin-bottom: 12px;
+}
+
+.nav-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.timeline-title {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: $timeline-ink;
+}
+
+.timeline-range {
+  font-size: 14px;
+  color: $timeline-ink;
+}
+
+.nav-controls {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: 12px;
+}
+
+.nav-pager {
+  display: flex;
+  align-items: center;
+  color: $timeline-ink;
+}
+
+.nav-divider {
+  align-self: center;
+  height: 28px;
+}
+
+.timeline-field {
+  width: 150px;
+  padding: 0;
+  --mat-form-field-container-height: 40px;
+  --mat-form-field-container-vertical-padding: 8px;
+}
+
+.timeline-month-jump {
+  width: 168px;
+}
+
+.timeline-field ::ng-deep .mat-mdc-form-field-subscript-wrapper {
+  display: none;
+}
+
+.timeline-field
+  ::ng-deep
+  .mat-mdc-text-field-wrapper.mdc-text-field--outlined
+  .mdc-notched-outline--upgraded
+  .mdc-floating-label--float-above {
+  --mat-form-field-container-height: 40px;
+}
+
+.timeline-scroll {
+  overflow: auto;
+  overscroll-behavior: contain;
+  scroll-snap-type: y mandatory;
+  scroll-padding-top: 26px;
+  scrollbar-width: thin;
+  scrollbar-color: #cfcde0 transparent;
+
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #cfcde0;
+    border-radius: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: #bdbad4;
+  }
+}
+
+.timeline-scroll.full-size {
+  max-height: none;
+  overflow-y: hidden;
+  scroll-snap-type: none;
+}
+
+.timelineContainer {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  min-width: 100%;
+}
+
+.timeline-years {
+  position: sticky;
+  top: 0;
+  z-index: 500;
+  display: flex;
+  flex-direction: row;
+  background-color: #ffffff;
+  box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.12);
+}
+
+.timeline-years .axis-col {
+  flex: 1 0 56px;
+  height: 25px;
+  line-height: 25px;
+  border-right: solid 1px $timeline-grid;
+  border-bottom: solid 1px $timeline-grid;
+  text-align: center;
+  color: $timeline-ink;
+}
+
+.timeline-years .axis-col:first-child {
+  border-left: solid 1px $timeline-grid;
+}
+
+.timeline-plot {
+  position: relative;
+  overflow: hidden;
+}
+
+.timeline-grid {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: row;
+}
+
+.timeline-grid .grid-col {
+  flex: 1 0 56px;
+  border-right: solid 1px $timeline-grid;
+}
+
+.timeline-grid .grid-col:first-child {
+  border-left: solid 1px $timeline-grid;
+}
+
+.timeline {
+  position: absolute;
+  top: 8px;
+  left: 4px;
+  right: 4px;
+  display: flex;
+  flex-direction: column;
+}
+
+.timeline-months {
+  position: sticky;
+  bottom: 0;
+  z-index: 500;
+  display: flex;
+  flex-direction: row;
+  background-color: #ffffff;
+  border-top: solid 1px $timeline-grid;
+  box-shadow: 0 -3px 4px -2px rgba(0, 0, 0, 0.12);
+}
+
+.timeline-months .months-col {
+  flex: 1 0 56px;
+  height: 29px;
+  border-right: solid 1px $timeline-grid;
+  font-size: 0;
+  white-space: nowrap;
+}
+
+.timeline-months .months-col:first-child {
+  border-left: solid 1px $timeline-grid;
+}
+
+.timeline-months .month {
+  display: inline-block;
+  box-sizing: border-box;
+  height: 29px;
+  line-height: 29px;
+  font-size: 12px;
+  color: #9a98a8;
+  text-align: center;
+}
+
+.timeline-row {
+  display: flex;
+  height: $timeline-bar-height;
+  margin-bottom: $timeline-row-gap;
+  scroll-snap-align: start;
+  will-change: transform;
+}
+
+.item {
+  height: $timeline-bar-height;
+  min-width: 0;
+}
+
+.period {
+  display: flex;
+  align-items: center;
+  height: $timeline-bar-height;
+  min-width: 0;
+  padding: 0 8px;
+  border-radius: 4px;
+  color: #ffffff;
+  font-size: 14px;
+  overflow: hidden;
+  z-index: 200;
+  transition:
+    box-shadow 0.15s ease,
+    opacity 0.15s ease;
+}
+
+.period-label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.period:hover {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.32);
+}
+
+.period.selected {
+  box-shadow: 0 0 0 2px $timeline-ink;
+  z-index: 250;
+}
+
+.period:focus-visible {
+  outline: none;
+  box-shadow:
+    inset 0 0 0 2px #ffffff,
+    inset 0 0 0 4px $timeline-ink;
+  z-index: 250;
+}
+
+.period.disabled {
+  opacity: 0.4;
+  cursor: default;
+  pointer-events: none;
+}
+
+.cursor {
+  cursor: pointer;
+}
+
+.timeline-legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-top: 20px;
+  justify-content: flex-end;
+
+  .legend-item {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    margin: 0;
+    padding: 2px 4px;
+    background: none;
+    border: none;
+    border-radius: 4px;
+    font: inherit;
+    color: inherit;
+    cursor: pointer;
+  }
+
+  .legend-item:hover .legend-label {
+    text-decoration: underline;
+  }
+
+  .legend-item:focus-visible {
+    outline: 2px solid $timeline-accent;
+    outline-offset: 1px;
+  }
+
+  .legend-color {
+    width: 16px;
+    height: 16px;
+    border-radius: 3px;
+  }
+
+  .legend-label {
+    font-size: 14px;
+    color: $timeline-ink;
+  }
+}
+
+.tooltip {
+  position: absolute;
+  transform: translateX(-50%);
+  background-color: #ffffff;
+  border: 1px solid $timeline-grid;
+  border-radius: 4px;
+  padding: 10px 15px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  color: $timeline-ink;
+  z-index: 999;
+  width: 300px;
+  max-width: 90vw;
+}
+
+.tooltip-title {
+  font-weight: 600;
+}
+
+.tooltip-label {
+  margin-top: 2px;
+}
+
+.tooltip-description {
+  margin-top: 2px;
+  color: $timeline-muted;
+}
+
+@media (max-width: 600px) {
+  .navigation {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 12px;
+    margin-bottom: 16px;
+  }
+
+  .nav-controls {
+    justify-content: flex-start;
+    gap: 12px;
+  }
+
+  .nav-divider {
+    display: none;
+  }
+
+  .timeline-filters ::ng-deep .mat-button-toggle-label-content {
+    padding: 0 10px;
+    font-size: 0.875rem;
+  }
+
+  .timeline-title {
+    font-size: 16px;
+  }
+
+  .timeline-legend {
+    margin-top: 16px;
+    justify-content: flex-start;
+    gap: 8px 16px;
+  }
+}