@raqm/ui 0.0.0-stage → 0.1.0

package/fesm2022/raqm-ui-progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raqm-ui-progress.mjs","names":[],"sources":["../../../projects/ui/progress/progress.ts","../../../projects/ui/progress/public-api.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  InjectionToken,\r\n  OnInit,\r\n  Signal,\r\n  computed,\r\n  inject,\r\n  input,\r\n  isDevMode,\r\n  signal,\r\n} from '@angular/core';\r\n\r\nexport interface RaqmProgressContext {\r\n  /** `null` means the bar is indeterminate. */\r\n  readonly value: Signal<number | null>;\r\n  readonly min: Signal<number>;\r\n  readonly max: Signal<number>;\r\n  /** Clamped fill percentage in `0..100`, or `null` while indeterminate. */\r\n  readonly percentage: Signal<number | null>;\r\n  /** The id the root points `aria-labelledby` at, or `null`. */\r\n  readonly labelId: Signal<string | null>;\r\n  registerLabel(id: string): void;\r\n  unregisterLabel(id: string): void;\r\n}\r\n\r\n/** Parts inject this optionally, so a misplaced part reports a dev error instead of crashing. */\r\nexport const RAQM_PROGRESS = new InjectionToken<RaqmProgressContext>('RaqmProgress');\r\n\r\n/** No ARIA role here: only the root is the progressbar. */\r\n@Component({\r\n  selector: 'raqm-progress-track',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        inline-size: 100%;\r\n        block-size: calc(var(--raqm-spacing) * 1);\r\n        border-radius: 9999px;\r\n        background-color: var(--raqm-muted);\r\n        overflow-x: hidden;\r\n      }\r\n\r\n      @media (forced-colors: active) {\r\n        :host {\r\n          outline: 1px solid CanvasText;\r\n          outline-offset: -1px;\r\n        }\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-progress-track' },\r\n})\r\nexport class RaqmProgressTrackComponent {}\r\n\r\n/** The fill is this host's own box; indeterminate writes no inline style, collapsing its size. */\r\n@Component({\r\n  selector: 'raqm-progress-indicator',\r\n  template: '',\r\n  styles: [\r\n    `\r\n      :host {\r\n        block-size: 100%;\r\n        background-color: var(--raqm-primary);\r\n        transition: inline-size var(--raqm-duration-base) var(--raqm-ease-standard);\r\n      }\r\n\r\n      @media (forced-colors: active) {\r\n        :host {\r\n          background-color: Highlight;\r\n          forced-color-adjust: none;\r\n        }\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-progress-indicator',\r\n    '[style]': 'indicatorStyle()',\r\n  },\r\n})\r\nexport class RaqmProgressIndicatorComponent {\r\n  private readonly progress = inject<RaqmProgressContext | null>(RAQM_PROGRESS, { optional: true });\r\n\r\n  // `null` writes no inline property, leaving the auto size that collapses the empty flex item.\r\n  protected readonly indicatorStyle = computed<Record<string, string> | null>(() => {\r\n    const percentage = this.progress?.percentage() ?? null;\r\n    if (percentage === null) {\r\n      return null;\r\n    }\r\n    return {\r\n      'inset-inline-start': '0',\r\n      'block-size': 'inherit',\r\n      'inline-size': `${percentage}%`,\r\n    };\r\n  });\r\n\r\n  constructor() {\r\n    if (isDevMode() && this.progress === null) {\r\n      console.error(\r\n        '[raqm-progress-indicator] No parent <raqm-progress> found; the indicator has no value to visualise.',\r\n      );\r\n    }\r\n  }\r\n}\r\n\r\n// Stable per-instance label ids.\r\nlet nextProgressLabelId = 0;\r\n\r\n/** Its owned id is registered with the root, which points `aria-labelledby` at it. */\r\n@Component({\r\n  selector: 'raqm-progress-label',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        font-size: var(--raqm-font-size-sm);\r\n        font-weight: var(--raqm-font-weight-medium);\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-progress-label',\r\n    role: 'presentation',\r\n    '[attr.id]': 'id',\r\n  },\r\n})\r\nexport class RaqmProgressLabelComponent implements OnInit {\r\n  private readonly progress = inject<RaqmProgressContext | null>(RAQM_PROGRESS, { optional: true });\r\n\r\n  private readonly destroyRef = inject(DestroyRef);\r\n\r\n  readonly id = `raqm-progress-label-${++nextProgressLabelId}`;\r\n\r\n  constructor() {\r\n    if (isDevMode() && this.progress === null) {\r\n      console.error(\r\n        '[raqm-progress-label] No parent <raqm-progress> found; the label has no bar to name.',\r\n      );\r\n    }\r\n\r\n    // Unregistering on destroy leaves no dangling `aria-labelledby` target.\r\n    this.destroyRef.onDestroy(() => this.progress?.unregisterLabel(this.id));\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.progress?.registerLabel(this.id);\r\n  }\r\n}\r\n\r\n/** `aria-hidden`: the root reports the value, and the readout is empty while indeterminate. */\r\n@Component({\r\n  selector: 'raqm-progress-value',\r\n  template: '{{ text() }}',\r\n  styles: [\r\n    `\r\n      :host {\r\n        margin-inline-start: auto;\r\n        color: var(--raqm-muted-foreground);\r\n        font-size: var(--raqm-font-size-sm);\r\n        font-variant-numeric: tabular-nums;\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-progress-value',\r\n    'aria-hidden': 'true',\r\n  },\r\n})\r\nexport class RaqmProgressValueComponent {\r\n  private readonly progress = inject<RaqmProgressContext | null>(RAQM_PROGRESS, { optional: true });\r\n\r\n  protected readonly text = computed(() => {\r\n    const value = this.progress?.value() ?? null;\r\n    return value === null ? '' : `${value}%`;\r\n  });\r\n\r\n  constructor() {\r\n    if (isDevMode() && this.progress === null) {\r\n      console.error(\r\n        '[raqm-progress-value] No parent <raqm-progress> found; the value has nothing to display.',\r\n      );\r\n    }\r\n  }\r\n}\r\n\r\n/** Owns the task state and its ARIA attributes; `aria-valuenow` is published only for a finite value. */\r\n@Component({\r\n  selector: 'raqm-progress',\r\n  imports: [RaqmProgressTrackComponent, RaqmProgressIndicatorComponent],\r\n  template: '<ng-content /><raqm-progress-track><raqm-progress-indicator /></raqm-progress-track>',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: calc(var(--raqm-spacing) * 3);\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-progress',\r\n    role: 'progressbar',\r\n    '[attr.aria-valuemin]': 'min()',\r\n    '[attr.aria-valuemax]': 'max()',\r\n    // Omitted while indeterminate: ARIA reads a missing value as indeterminate.\r\n    '[attr.aria-valuenow]': 'ariaValueNow()',\r\n    '[attr.aria-labelledby]': 'labelId()',\r\n  },\r\n  providers: [{ provide: RAQM_PROGRESS, useExisting: RaqmProgressComponent }],\r\n})\r\nexport class RaqmProgressComponent implements RaqmProgressContext {\r\n  readonly value = input<number | null>(null);\r\n\r\n  readonly min = input(0);\r\n\r\n  readonly max = input(100);\r\n\r\n  // A signal, so `aria-labelledby` follows a label that is added, removed or re-created.\r\n  private readonly registeredLabelId = signal<string | null>(null);\r\n\r\n  readonly labelId = this.registeredLabelId.asReadonly();\r\n\r\n  // `null` when nothing meaningful can be painted: no value, a non-finite bound, or `max <= min`.\r\n  readonly percentage = computed<number | null>(() => {\r\n    const value = this.value();\r\n    const min = this.min();\r\n    const max = this.max();\r\n    if (\r\n      value === null ||\r\n      !Number.isFinite(value) ||\r\n      !Number.isFinite(min) ||\r\n      !Number.isFinite(max) ||\r\n      max <= min\r\n    ) {\r\n      return null;\r\n    }\r\n    const percentage = ((value - min) * 100) / (max - min);\r\n    return Math.min(100, Math.max(0, percentage));\r\n  });\r\n\r\n  protected readonly ariaValueNow = computed<number | null>(() => {\r\n    const value = this.value();\r\n    return value !== null && Number.isFinite(value) ? value : null;\r\n  });\r\n\r\n  registerLabel(id: string): void {\r\n    this.registeredLabelId.set(id);\r\n  }\r\n\r\n  // Only the current id is cleared, so a replaced label keeps its successor's id registered.\r\n  unregisterLabel(id: string): void {\r\n    if (this.registeredLabelId() === id) {\r\n      this.registeredLabelId.set(null);\r\n    }\r\n  }\r\n}\r\n","// Public API for `@raqm/ui/progress`; the root entry point re-exports these symbols.\r\nimport {\r\n  RaqmProgressComponent,\r\n  RaqmProgressIndicatorComponent,\r\n  RaqmProgressLabelComponent,\r\n  RaqmProgressTrackComponent,\r\n  RaqmProgressValueComponent,\r\n} from './progress';\r\n\r\nexport {\r\n  RaqmProgressComponent,\r\n  RaqmProgressIndicatorComponent,\r\n  RaqmProgressLabelComponent,\r\n  RaqmProgressTrackComponent,\r\n  RaqmProgressValueComponent,\r\n};\r\n\r\n// A nested readonly array lets Angular imports accept `RaqmProgress` directly.\r\nexport const RaqmProgress = [\r\n  RaqmProgressComponent,\r\n  RaqmProgressTrackComponent,\r\n  RaqmProgressIndicatorComponent,\r\n  RaqmProgressLabelComponent,\r\n  RaqmProgressValueComponent,\r\n] as const;\r\n"],"mappings":"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"}