ng-primitives 0.124.0 → 0.126.0

package/fesm2022/ng-primitives-progress.mjs

@@ -4,7 +4,7 @@ import { injectElementRef } from 'ng-primitives/internal';
 import { createPrimitive, controlled, attrBinding, dataBinding, deprecatedSetter, styleBinding } from 'ng-primitives/state';
 import { uniqueId } from 'ng-primitives/utils';
 
-const [NgpProgressStateToken, ngpProgress, injectProgressState, provideProgressState] = createPrimitive('NgpProgress', ({ valueLabel: _valueLabel = signal((value, max) => `${Math.round((value / max) * 100)}%`), value: _value = signal(null), min: _min = signal(0), max: _max = signal(100), id = signal(uniqueId('ngp-progress')), }) => {
+const [NgpProgressStateToken, ngpProgress, injectProgressState, provideProgressState] = createPrimitive('NgpProgress', ({ valueLabel: _valueLabel = signal((value, max, min) => `${max === min ? 0 : Math.round(((value - min) / (max - min)) * 100)}%`), value: _value = signal(null), min: _min = signal(0), max: _max = signal(100), id = signal(uniqueId('ngp-progress')), }) => {
     const element = injectElementRef();
     // Controlled properties
     const value = controlled(_value);
@@ -19,20 +19,35 @@ const [NgpProgressStateToken, ngpProgress, injectProgressState, provideProgressS
     /**
      * Determine if the progress is in a progressing state.
      */
-    const progressing = computed(() => value() != null && value() > 0 && value() < max(), ...(ngDevMode ? [{ debugName: "progressing" }] : /* istanbul ignore next */ []));
+    const progressing = computed(() => !indeterminate() && valueNow() > min() && valueNow() < max(), ...(ngDevMode ? [{ debugName: "progressing" }] : /* istanbul ignore next */ []));
     /**
      * Determine if the progress is complete.
      */
-    const complete = computed(() => !!(value() && max() && value() === max()), ...(ngDevMode ? [{ debugName: "complete" }] : /* istanbul ignore next */ []));
+    const complete = computed(() => !indeterminate() && valueNow() >= max() && max() > min(), ...(ngDevMode ? [{ debugName: "complete" }] : /* istanbul ignore next */ []));
     /**
-     * Get the progress value text.
+     * The raw value exposed via `aria-valuenow`, clamped to the [min, max] range.
+     * Per the ARIA progressbar pattern, `aria-valuenow` is the actual value on the
+     * same scale as `aria-valuemin`/`aria-valuemax`, not a 0-100 percentage. It is
+     * omitted entirely (null) while the progress is indeterminate.
      */
-    const valueText = computed(() => {
+    const valueNow = computed(() => {
         const currentValue = value();
+        if (currentValue == null) {
+            return null;
+        }
+        return Math.min(Math.max(currentValue, min()), max());
+    }, ...(ngDevMode ? [{ debugName: "valueNow" }] : /* istanbul ignore next */ []));
+    /**
+     * Get the progress value text. Empty while indeterminate; the
+     * aria-valuetext binding omits the attribute in that case.
+     */
+    const valueText = computed(() => {
+        const currentValue = valueNow();
         if (currentValue == null) {
             return '';
         }
-        return valueLabel()(currentValue, max());
+        // use the clamped value so aria-valuetext stays consistent with aria-valuenow
+        return valueLabel()(currentValue, max(), min());
     }, ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
     const labelId = signal(undefined, ...(ngDevMode ? [{ debugName: "labelId" }] : /* istanbul ignore next */ []));
     function setLabel(id) {
@@ -42,9 +57,10 @@ const [NgpProgressStateToken, ngpProgress, injectProgressState, provideProgressS
     attrBinding(element, 'role', 'progressbar');
     attrBinding(element, 'id', id);
     attrBinding(element, 'aria-valuemax', max);
-    attrBinding(element, 'aria-valuemin', 0);
-    attrBinding(element, 'aria-valuenow', value);
-    attrBinding(element, 'aria-valuetext', valueText);
+    attrBinding(element, 'aria-valuemin', min);
+    attrBinding(element, 'aria-valuenow', valueNow);
+    // omit the attribute entirely while indeterminate rather than binding an empty string
+    attrBinding(element, 'aria-valuetext', () => (indeterminate() ? null : valueText()));
     attrBinding(element, 'aria-labelledby', () => (labelId() ? labelId() : null));
     dataBinding(element, 'data-progressing', () => progressing());
     dataBinding(element, 'data-indeterminate', () => indeterminate());
@@ -82,7 +98,15 @@ const [NgpProgressIndicatorStateToken, ngpProgressIndicator] = createPrimitive('
         const min = state().min();
         const max = state().max();
         const value = state().value();
-        return value === null ? null : ((value - min) / (max - min)) * 100;
+        if (value === null) {
+            return null;
+        }
+        // guard the zero-length range so we never divide by zero (NaN width)
+        if (max <= min) {
+            return value >= max ? 100 : 0;
+        }
+        // clamp so an out-of-range value can't push the bar past its track or negative
+        return Math.min(100, Math.max(0, ((value - min) / (max - min)) * 100));
     }, ...(ngDevMode ? [{ debugName: "percentage" }] : /* istanbul ignore next */ []));
     styleBinding(element, 'width.%', percentage);
     return {};
@@ -213,9 +237,10 @@ class NgpProgress {
          * Define a function that returns the progress value label.
          * @param value The current value
          * @param max The maximum value
+         * @param min The minimum value
          * @returns The value label
          */
-        this.valueLabel = input((value, max) => `${Math.round((value / max) * 100)}%`, { ...(ngDevMode ? { debugName: "valueLabel" } : /* istanbul ignore next */ {}), alias: 'ngpProgressValueLabel' });
+        this.valueLabel = input((value, max, min) => `${max === min ? 0 : Math.round(((value - min) / (max - min)) * 100)}%`, { ...(ngDevMode ? { debugName: "valueLabel" } : /* istanbul ignore next */ {}), alias: 'ngpProgressValueLabel' });
         /**
          * The unique identifier for the progress.
          */

package/fesm2022/ng-primitives-progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-progress.mjs","sources":["../../../../packages/ng-primitives/progress/src/progress/progress-state.ts","../../../../packages/ng-primitives/progress/src/progress-indicator/progress-indicator-state.ts","../../../../packages/ng-primitives/progress/src/progress-indicator/progress-indicator.ts","../../../../packages/ng-primitives/progress/src/progress-label/progress-label-state.ts","../../../../packages/ng-primitives/progress/src/progress-label/progress-label.ts","../../../../packages/ng-primitives/progress/src/progress-track/progress-track-state.ts","../../../../packages/ng-primitives/progress/src/progress-track/progress-track.ts","../../../../packages/ng-primitives/progress/src/progress-value/progress-value-state.ts","../../../../packages/ng-primitives/progress/src/progress-value/progress-value.ts","../../../../packages/ng-primitives/progress/src/progress/progress.ts","../../../../packages/ng-primitives/progress/src/ng-primitives-progress.ts"],"sourcesContent":["import { computed, signal, Signal, WritableSignal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  attrBinding,\n  controlled,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n} from 'ng-primitives/state';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { NgpProgressValueTextFn } from './progress';\n\nexport interface NgpProgressProps {\n  /**\n   * The unique identifier for the progress.\n   */\n  readonly id?: Signal<string>;\n\n  /**\n   * Define the progress value.\n   */\n  readonly value?: Signal<number | null>;\n\n  /**\n   * Define the progress min value.\n   * @default '0'\n   */\n  readonly min?: Signal<number>;\n\n  /**\n   * Define the progress max value.\n   * @default 100\n   */\n  readonly max?: Signal<number>;\n\n  /**\n   * Define a function that returns the progress value label.\n   * @param value The current value\n   * @param max The maximum value\n   * @returns The value label\n   */\n  readonly valueLabel?: Signal<NgpProgressValueTextFn>;\n}\n\nexport interface NgpProgressState {\n  /**\n   * The unique identifier for the progress.\n   */\n  readonly id: Signal<string>;\n\n  /**\n   * Define the progress value.\n   */\n  readonly value: WritableSignal<number | null>;\n\n  /**\n   * Define the progress min value.\n   * @default '0'\n   */\n  readonly min: WritableSignal<number>;\n\n  /**\n   * Define the progress max value.\n   * @default 100\n   */\n  readonly max: WritableSignal<number>;\n\n  /**\n   * Get the progress value text.\n   */\n  readonly valueText: Signal<string>;\n\n  /**\n   * The id of label associated with the progress bar.\n   * @internal\n   */\n  readonly labelId: Signal<string | undefined>;\n\n  /**\n   * Determine if the progress is indeterminate.\n   * @internal\n   */\n  readonly indeterminate: Signal<boolean>;\n\n  /**\n   * Determine if the progress is in a progressing state.\n   * @internal\n   */\n  readonly progressing: Signal<boolean>;\n\n  /**\n   * Determine if the progress is complete.\n   * @internal\n   */\n  readonly complete: Signal<boolean>;\n\n  /**\n   * Set the label of the progress bar.\n   */\n  setLabel(id: string): void;\n\n  /**\n   * Set the value of the progress bar.\n   * @param value The progress value\n   */\n  setValue(value: number | null): void;\n\n  /**\n   * Set the minimum value of the progress bar.\n   * @param min The minimum value\n   */\n  setMin(min: number): void;\n\n  /**\n   * Set the maximum value of the progress bar.\n   * @param max The maximum value\n   */\n  setMax(max: number): void;\n}\n\nexport const [NgpProgressStateToken, ngpProgress, injectProgressState, provideProgressState] =\n  createPrimitive(\n    'NgpProgress',\n    ({\n      valueLabel: _valueLabel = signal((value, max) => `${Math.round((value / max) * 100)}%`),\n      value: _value = signal(null),\n      min: _min = signal(0),\n      max: _max = signal(100),\n      id = signal(uniqueId('ngp-progress')),\n    }: NgpProgressProps) => {\n      const element = injectElementRef();\n\n      // Controlled properties\n      const value = controlled(_value);\n      const min = controlled(_min);\n      const max = controlled(_max);\n      const valueLabel = controlled(_valueLabel);\n\n      /**\n       * Determine if the progress is indeterminate.\n       * @internal\n       */\n      const indeterminate = computed(() => value() === null);\n\n      /**\n       * Determine if the progress is in a progressing state.\n       */\n      const progressing = computed(() => value() != null && value()! > 0 && value()! < max());\n\n      /**\n       * Determine if the progress is complete.\n       */\n      const complete = computed(() => !!(value() && max() && value() === max()));\n\n      /**\n       * Get the progress value text.\n       */\n      const valueText = computed(() => {\n        const currentValue = value();\n\n        if (currentValue == null) {\n          return '';\n        }\n\n        return valueLabel()(currentValue, max());\n      });\n\n      const labelId = signal<string | undefined>(undefined);\n\n      function setLabel(id: string) {\n        labelId.set(id);\n      }\n\n      // Attribute bindings\n      attrBinding(element, 'role', 'progressbar');\n      attrBinding(element, 'id', id);\n      attrBinding(element, 'aria-valuemax', max);\n      attrBinding(element, 'aria-valuemin', 0);\n      attrBinding(element, 'aria-valuenow', value);\n      attrBinding(element, 'aria-valuetext', valueText);\n      attrBinding(element, 'aria-labelledby', () => (labelId() ? labelId() : null));\n      dataBinding(element, 'data-progressing', () => progressing());\n      dataBinding(element, 'data-indeterminate', () => indeterminate());\n      dataBinding(element, 'data-complete', () => complete());\n\n      function setMax(newMax: number): void {\n        max.set(newMax);\n      }\n\n      function setMin(newMin: number): void {\n        min.set(newMin);\n      }\n\n      function setValue(newValue: number | null): void {\n        value.set(newValue);\n      }\n\n      return {\n        max: deprecatedSetter(max, 'setMax'),\n        min: deprecatedSetter(min, 'setMin'),\n        value: deprecatedSetter(value, 'setValue'),\n        labelId: deprecatedSetter(labelId, 'setLabel'),\n        valueText,\n        id,\n        indeterminate,\n        progressing,\n        complete,\n        setLabel,\n        setValue,\n        setMin,\n        setMax,\n      } satisfies NgpProgressState;\n    },\n  );\n","import { computed } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, styleBinding } from 'ng-primitives/state';\nimport { injectProgressState } from '../progress/progress-state';\n\nexport interface NgpProgressIndicatorState {}\n\nexport interface NgpProgressIndicatorProps {}\n\nexport const [NgpProgressIndicatorStateToken, ngpProgressIndicator] = createPrimitive(\n  'NgpProgressIndicator',\n  ({}: NgpProgressIndicatorProps) => {\n    const element = injectElementRef();\n\n    const state = injectProgressState();\n\n    const percentage = computed(() => {\n      const min = state().min();\n      const max = state().max();\n      const value = state().value();\n      return value === null ? null : ((value - min) / (max - min)) * 100;\n    });\n\n    styleBinding(element, 'width.%', percentage);\n\n    return {} satisfies NgpProgressIndicatorState;\n  },\n);\n","import { Directive } from '@angular/core';\nimport { ngpProgressIndicator } from './progress-indicator-state';\n\n/**\n * Apply the `ngpProgressIndicator` directive to an element that represents the current progress.\n * The width of this element can be set to the percentage of the progress value.\n */\n@Directive({\n  selector: '[ngpProgressIndicator]',\n})\nexport class NgpProgressIndicator {\n  constructor() {\n    ngpProgressIndicator({});\n  }\n}\n","import { signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding } from 'ng-primitives/state';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectProgressState } from '../progress/progress-state';\n\nexport interface NgpProgressLabelState {}\n\nexport interface NgpProgressLabelProps {\n  /**\n   * The unique identifier for the progress label.\n   */\n  readonly id?: Signal<string>;\n}\n\nexport const [NgpProgressLabelStateToken, ngpProgressLabel] = createPrimitive(\n  'NgpProgressLabel',\n  ({ id = signal(uniqueId('ngp-progress-label')) }: NgpProgressLabelProps) => {\n    const element = injectElementRef();\n\n    const state = injectProgressState();\n\n    attrBinding(element, 'id', id);\n    attrBinding(element, 'for', element.nativeElement.tagName === 'LABEL' ? state().id?.() : null);\n    dataBinding(element, 'data-progressing', () => state().progressing());\n    dataBinding(element, 'data-indeterminate', () => state().indeterminate());\n    dataBinding(element, 'data-complete', () => state().complete());\n\n    state().labelId.set(id());\n\n    return {} satisfies NgpProgressLabelState;\n  },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpProgressLabel } from './progress-label-state';\n\n@Directive({\n  selector: '[ngpProgressLabel]',\n  exportAs: 'ngpProgressLabel',\n})\nexport class NgpProgressLabel {\n  /**\n   * The unique identifier for the progress label.\n   */\n  readonly id = input<string>(uniqueId('ngp-progress-label'));\n\n  constructor() {\n    ngpProgressLabel({ id: this.id });\n  }\n}\n","import { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, dataBinding } from 'ng-primitives/state';\nimport { injectProgressState } from '../progress/progress-state';\n\nexport interface NgpProgressTrackState {}\n\nexport interface NgpProgressTrackProps {}\n\nexport const [NgpProgressTrackStateToken, ngpProgressTrack] = createPrimitive(\n  'NgpProgressTrack',\n  ({}: NgpProgressTrackProps) => {\n    const element = injectElementRef();\n    const state = injectProgressState();\n\n    dataBinding(element, 'data-progressing', () => state().progressing());\n    dataBinding(element, 'data-indeterminate', () => state().indeterminate());\n    dataBinding(element, 'data-complete', () => state().complete());\n\n    return {} satisfies NgpProgressTrackState;\n  },\n);\n","import { Directive } from '@angular/core';\nimport { ngpProgressTrack } from './progress-track-state';\n\n@Directive({\n  selector: '[ngpProgressTrack]',\n  exportAs: 'ngpProgressTrack',\n})\nexport class NgpProgressTrack {\n  constructor() {\n    ngpProgressTrack({});\n  }\n}\n","import { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding } from 'ng-primitives/state';\nimport { injectProgressState } from '../progress/progress-state';\n\nexport interface NgpProgressValueState {}\n\nexport interface NgpProgressValueProps {}\n\nexport const [NgpProgressValueStateToken, ngpProgressValue] = createPrimitive(\n  'NgpProgressValue',\n  ({}: NgpProgressValueProps) => {\n    const element = injectElementRef();\n\n    const state = injectProgressState();\n    // Host bindings using helper functions\n    attrBinding(element, 'aria-hidden', 'true');\n    dataBinding(element, 'data-progressing', () => state().progressing());\n    dataBinding(element, 'data-indeterminate', () => state().indeterminate());\n    dataBinding(element, 'data-complete', () => state().complete());\n\n    return {} satisfies NgpProgressValueState;\n  },\n);\n","import { Directive } from '@angular/core';\nimport { ngpProgressValue } from './progress-value-state';\n\n@Directive({\n  selector: '[ngpProgressValue]',\n  exportAs: 'ngpProgressValue',\n})\nexport class NgpProgressValue {\n  constructor() {\n    ngpProgressValue({});\n  }\n}\n","import { NumberInput } from '@angular/cdk/coercion';\nimport { Directive, input, numberAttribute } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpProgress, provideProgressState } from './progress-state';\n\n/**\n * Apply the `ngpProgress` directive to an element that represents the progress bar.\n */\n@Directive({\n  selector: '[ngpProgress]',\n  providers: [provideProgressState()],\n})\nexport class NgpProgress {\n  /**\n   * Define the progress value.\n   */\n  readonly value = input<number | null, NumberInput>(0, {\n    alias: 'ngpProgressValue',\n    transform: v => (v == null ? null : numberAttribute(v)),\n  });\n\n  /**\n   * Define the progress min value.\n   * @default '0'\n   */\n  readonly min = input<number, NumberInput>(0, {\n    alias: 'ngpProgressMin',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the progress max value.\n   * @default 100\n   */\n  readonly max = input<number, NumberInput>(100, {\n    alias: 'ngpProgressMax',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define a function that returns the progress value label.\n   * @param value The current value\n   * @param max The maximum value\n   * @returns The value label\n   */\n  readonly valueLabel = input<NgpProgressValueTextFn>(\n    (value, max) => `${Math.round((value / max) * 100)}%`,\n    {\n      alias: 'ngpProgressValueLabel',\n    },\n  );\n\n  /**\n   * The unique identifier for the progress.\n   */\n  readonly id = input<string>(uniqueId('ngp-progress'));\n\n  /**\n   * The state of the progress bar.\n   * @internal\n   */\n  private readonly state = ngpProgress({\n    value: this.value,\n    min: this.min,\n    max: this.max,\n    valueLabel: this.valueLabel,\n    id: this.id,\n  });\n\n  /**\n   * Get the progress value text.\n   */\n  protected readonly valueText = this.state.valueText;\n}\n\nexport type NgpProgressValueTextFn = (value: number, max: number) => string;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-progress.mjs","sources":["../../../../packages/ng-primitives/progress/src/progress/progress-state.ts","../../../../packages/ng-primitives/progress/src/progress-indicator/progress-indicator-state.ts","../../../../packages/ng-primitives/progress/src/progress-indicator/progress-indicator.ts","../../../../packages/ng-primitives/progress/src/progress-label/progress-label-state.ts","../../../../packages/ng-primitives/progress/src/progress-label/progress-label.ts","../../../../packages/ng-primitives/progress/src/progress-track/progress-track-state.ts","../../../../packages/ng-primitives/progress/src/progress-track/progress-track.ts","../../../../packages/ng-primitives/progress/src/progress-value/progress-value-state.ts","../../../../packages/ng-primitives/progress/src/progress-value/progress-value.ts","../../../../packages/ng-primitives/progress/src/progress/progress.ts","../../../../packages/ng-primitives/progress/src/ng-primitives-progress.ts"],"sourcesContent":["import { computed, signal, Signal, WritableSignal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  attrBinding,\n  controlled,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n} from 'ng-primitives/state';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { NgpProgressValueTextFn } from './progress';\n\nexport interface NgpProgressProps {\n  /**\n   * The unique identifier for the progress.\n   */\n  readonly id?: Signal<string>;\n\n  /**\n   * Define the progress value.\n   */\n  readonly value?: Signal<number | null>;\n\n  /**\n   * Define the progress min value.\n   * @default '0'\n   */\n  readonly min?: Signal<number>;\n\n  /**\n   * Define the progress max value.\n   * @default 100\n   */\n  readonly max?: Signal<number>;\n\n  /**\n   * Define a function that returns the progress value label.\n   * @param value The current value\n   * @param max The maximum value\n   * @returns The value label\n   */\n  readonly valueLabel?: Signal<NgpProgressValueTextFn>;\n}\n\nexport interface NgpProgressState {\n  /**\n   * The unique identifier for the progress.\n   */\n  readonly id: Signal<string>;\n\n  /**\n   * Define the progress value.\n   */\n  readonly value: WritableSignal<number | null>;\n\n  /**\n   * Define the progress min value.\n   * @default '0'\n   */\n  readonly min: WritableSignal<number>;\n\n  /**\n   * Define the progress max value.\n   * @default 100\n   */\n  readonly max: WritableSignal<number>;\n\n  /**\n   * Get the progress value text. An empty string while the progress is\n   * indeterminate (the `aria-valuetext` attribute is omitted in that case).\n   */\n  readonly valueText: Signal<string>;\n\n  /**\n   * The id of label associated with the progress bar.\n   * @internal\n   */\n  readonly labelId: Signal<string | undefined>;\n\n  /**\n   * Determine if the progress is indeterminate.\n   * @internal\n   */\n  readonly indeterminate: Signal<boolean>;\n\n  /**\n   * Determine if the progress is in a progressing state.\n   * @internal\n   */\n  readonly progressing: Signal<boolean>;\n\n  /**\n   * Determine if the progress is complete.\n   * @internal\n   */\n  readonly complete: Signal<boolean>;\n\n  /**\n   * Set the label of the progress bar.\n   */\n  setLabel(id: string): void;\n\n  /**\n   * Set the value of the progress bar.\n   * @param value The progress value\n   */\n  setValue(value: number | null): void;\n\n  /**\n   * Set the minimum value of the progress bar.\n   * @param min The minimum value\n   */\n  setMin(min: number): void;\n\n  /**\n   * Set the maximum value of the progress bar.\n   * @param max The maximum value\n   */\n  setMax(max: number): void;\n}\n\nexport const [NgpProgressStateToken, ngpProgress, injectProgressState, provideProgressState] =\n  createPrimitive(\n    'NgpProgress',\n    ({\n      valueLabel: _valueLabel = signal(\n        (value, max, min) =>\n          `${max === min ? 0 : Math.round(((value - min) / (max - min)) * 100)}%`,\n      ),\n      value: _value = signal(null),\n      min: _min = signal(0),\n      max: _max = signal(100),\n      id = signal(uniqueId('ngp-progress')),\n    }: NgpProgressProps) => {\n      const element = injectElementRef();\n\n      // Controlled properties\n      const value = controlled(_value);\n      const min = controlled(_min);\n      const max = controlled(_max);\n      const valueLabel = controlled(_valueLabel);\n\n      /**\n       * Determine if the progress is indeterminate.\n       * @internal\n       */\n      const indeterminate = computed(() => value() === null);\n\n      /**\n       * Determine if the progress is in a progressing state.\n       */\n      const progressing = computed(\n        () => !indeterminate() && valueNow()! > min() && valueNow()! < max(),\n      );\n\n      /**\n       * Determine if the progress is complete.\n       */\n      const complete = computed(() => !indeterminate() && valueNow()! >= max() && max() > min());\n\n      /**\n       * The raw value exposed via `aria-valuenow`, clamped to the [min, max] range.\n       * Per the ARIA progressbar pattern, `aria-valuenow` is the actual value on the\n       * same scale as `aria-valuemin`/`aria-valuemax`, not a 0-100 percentage. It is\n       * omitted entirely (null) while the progress is indeterminate.\n       */\n      const valueNow = computed(() => {\n        const currentValue = value();\n\n        if (currentValue == null) {\n          return null;\n        }\n\n        return Math.min(Math.max(currentValue, min()), max());\n      });\n\n      /**\n       * Get the progress value text. Empty while indeterminate; the\n       * aria-valuetext binding omits the attribute in that case.\n       */\n      const valueText = computed(() => {\n        const currentValue = valueNow();\n\n        if (currentValue == null) {\n          return '';\n        }\n\n        // use the clamped value so aria-valuetext stays consistent with aria-valuenow\n        return valueLabel()(currentValue, max(), min());\n      });\n\n      const labelId = signal<string | undefined>(undefined);\n\n      function setLabel(id: string) {\n        labelId.set(id);\n      }\n\n      // Attribute bindings\n      attrBinding(element, 'role', 'progressbar');\n      attrBinding(element, 'id', id);\n      attrBinding(element, 'aria-valuemax', max);\n      attrBinding(element, 'aria-valuemin', min);\n      attrBinding(element, 'aria-valuenow', valueNow);\n      // omit the attribute entirely while indeterminate rather than binding an empty string\n      attrBinding(element, 'aria-valuetext', () => (indeterminate() ? null : valueText()));\n      attrBinding(element, 'aria-labelledby', () => (labelId() ? labelId() : null));\n      dataBinding(element, 'data-progressing', () => progressing());\n      dataBinding(element, 'data-indeterminate', () => indeterminate());\n      dataBinding(element, 'data-complete', () => complete());\n\n      function setMax(newMax: number): void {\n        max.set(newMax);\n      }\n\n      function setMin(newMin: number): void {\n        min.set(newMin);\n      }\n\n      function setValue(newValue: number | null): void {\n        value.set(newValue);\n      }\n\n      return {\n        max: deprecatedSetter(max, 'setMax'),\n        min: deprecatedSetter(min, 'setMin'),\n        value: deprecatedSetter(value, 'setValue'),\n        labelId: deprecatedSetter(labelId, 'setLabel'),\n        valueText,\n        id,\n        indeterminate,\n        progressing,\n        complete,\n        setLabel,\n        setValue,\n        setMin,\n        setMax,\n      } satisfies NgpProgressState;\n    },\n  );\n","import { computed } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, styleBinding } from 'ng-primitives/state';\nimport { injectProgressState } from '../progress/progress-state';\n\nexport interface NgpProgressIndicatorState {}\n\nexport interface NgpProgressIndicatorProps {}\n\nexport const [NgpProgressIndicatorStateToken, ngpProgressIndicator] = createPrimitive(\n  'NgpProgressIndicator',\n  ({}: NgpProgressIndicatorProps) => {\n    const element = injectElementRef();\n\n    const state = injectProgressState();\n\n    const percentage = computed(() => {\n      const min = state().min();\n      const max = state().max();\n      const value = state().value();\n      if (value === null) {\n        return null;\n      }\n      // guard the zero-length range so we never divide by zero (NaN width)\n      if (max <= min) {\n        return value >= max ? 100 : 0;\n      }\n      // clamp so an out-of-range value can't push the bar past its track or negative\n      return Math.min(100, Math.max(0, ((value - min) / (max - min)) * 100));\n    });\n\n    styleBinding(element, 'width.%', percentage);\n\n    return {} satisfies NgpProgressIndicatorState;\n  },\n);\n","import { Directive } from '@angular/core';\nimport { ngpProgressIndicator } from './progress-indicator-state';\n\n/**\n * Apply the `ngpProgressIndicator` directive to an element that represents the current progress.\n * The width of this element can be set to the percentage of the progress value.\n */\n@Directive({\n  selector: '[ngpProgressIndicator]',\n})\nexport class NgpProgressIndicator {\n  constructor() {\n    ngpProgressIndicator({});\n  }\n}\n","import { signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding } from 'ng-primitives/state';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectProgressState } from '../progress/progress-state';\n\nexport interface NgpProgressLabelState {}\n\nexport interface NgpProgressLabelProps {\n  /**\n   * The unique identifier for the progress label.\n   */\n  readonly id?: Signal<string>;\n}\n\nexport const [NgpProgressLabelStateToken, ngpProgressLabel] = createPrimitive(\n  'NgpProgressLabel',\n  ({ id = signal(uniqueId('ngp-progress-label')) }: NgpProgressLabelProps) => {\n    const element = injectElementRef();\n\n    const state = injectProgressState();\n\n    attrBinding(element, 'id', id);\n    attrBinding(element, 'for', element.nativeElement.tagName === 'LABEL' ? state().id?.() : null);\n    dataBinding(element, 'data-progressing', () => state().progressing());\n    dataBinding(element, 'data-indeterminate', () => state().indeterminate());\n    dataBinding(element, 'data-complete', () => state().complete());\n\n    state().labelId.set(id());\n\n    return {} satisfies NgpProgressLabelState;\n  },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpProgressLabel } from './progress-label-state';\n\n@Directive({\n  selector: '[ngpProgressLabel]',\n  exportAs: 'ngpProgressLabel',\n})\nexport class NgpProgressLabel {\n  /**\n   * The unique identifier for the progress label.\n   */\n  readonly id = input<string>(uniqueId('ngp-progress-label'));\n\n  constructor() {\n    ngpProgressLabel({ id: this.id });\n  }\n}\n","import { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, dataBinding } from 'ng-primitives/state';\nimport { injectProgressState } from '../progress/progress-state';\n\nexport interface NgpProgressTrackState {}\n\nexport interface NgpProgressTrackProps {}\n\nexport const [NgpProgressTrackStateToken, ngpProgressTrack] = createPrimitive(\n  'NgpProgressTrack',\n  ({}: NgpProgressTrackProps) => {\n    const element = injectElementRef();\n    const state = injectProgressState();\n\n    dataBinding(element, 'data-progressing', () => state().progressing());\n    dataBinding(element, 'data-indeterminate', () => state().indeterminate());\n    dataBinding(element, 'data-complete', () => state().complete());\n\n    return {} satisfies NgpProgressTrackState;\n  },\n);\n","import { Directive } from '@angular/core';\nimport { ngpProgressTrack } from './progress-track-state';\n\n@Directive({\n  selector: '[ngpProgressTrack]',\n  exportAs: 'ngpProgressTrack',\n})\nexport class NgpProgressTrack {\n  constructor() {\n    ngpProgressTrack({});\n  }\n}\n","import { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding } from 'ng-primitives/state';\nimport { injectProgressState } from '../progress/progress-state';\n\nexport interface NgpProgressValueState {}\n\nexport interface NgpProgressValueProps {}\n\nexport const [NgpProgressValueStateToken, ngpProgressValue] = createPrimitive(\n  'NgpProgressValue',\n  ({}: NgpProgressValueProps) => {\n    const element = injectElementRef();\n\n    const state = injectProgressState();\n    // Host bindings using helper functions\n    attrBinding(element, 'aria-hidden', 'true');\n    dataBinding(element, 'data-progressing', () => state().progressing());\n    dataBinding(element, 'data-indeterminate', () => state().indeterminate());\n    dataBinding(element, 'data-complete', () => state().complete());\n\n    return {} satisfies NgpProgressValueState;\n  },\n);\n","import { Directive } from '@angular/core';\nimport { ngpProgressValue } from './progress-value-state';\n\n@Directive({\n  selector: '[ngpProgressValue]',\n  exportAs: 'ngpProgressValue',\n})\nexport class NgpProgressValue {\n  constructor() {\n    ngpProgressValue({});\n  }\n}\n","import { NumberInput } from '@angular/cdk/coercion';\nimport { Directive, input, numberAttribute } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpProgress, provideProgressState } from './progress-state';\n\n/**\n * Apply the `ngpProgress` directive to an element that represents the progress bar.\n */\n@Directive({\n  selector: '[ngpProgress]',\n  providers: [provideProgressState()],\n})\nexport class NgpProgress {\n  /**\n   * Define the progress value.\n   */\n  readonly value = input<number | null, NumberInput>(0, {\n    alias: 'ngpProgressValue',\n    transform: v => (v == null ? null : numberAttribute(v)),\n  });\n\n  /**\n   * Define the progress min value.\n   * @default '0'\n   */\n  readonly min = input<number, NumberInput>(0, {\n    alias: 'ngpProgressMin',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the progress max value.\n   * @default 100\n   */\n  readonly max = input<number, NumberInput>(100, {\n    alias: 'ngpProgressMax',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define a function that returns the progress value label.\n   * @param value The current value\n   * @param max The maximum value\n   * @param min The minimum value\n   * @returns The value label\n   */\n  readonly valueLabel = input<NgpProgressValueTextFn>(\n    (value, max, min) => `${max === min ? 0 : Math.round(((value - min) / (max - min)) * 100)}%`,\n    {\n      alias: 'ngpProgressValueLabel',\n    },\n  );\n\n  /**\n   * The unique identifier for the progress.\n   */\n  readonly id = input<string>(uniqueId('ngp-progress'));\n\n  /**\n   * The state of the progress bar.\n   * @internal\n   */\n  private readonly state = ngpProgress({\n    value: this.value,\n    min: this.min,\n    max: this.max,\n    valueLabel: this.valueLabel,\n    id: this.id,\n  });\n\n  /**\n   * Get the progress value text.\n   */\n  protected readonly valueText = this.state.valueText;\n}\n\nexport type NgpProgressValueTextFn = (value: number, max: number, min: number) => string;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-primitives-roving-focus.mjs

@@ -29,7 +29,9 @@ const [NgpRovingFocusGroupStateToken, ngpRovingFocusGroup, injectRovingFocusGrou
         });
     }
     /**
-     * Store the active item in the roving focus group.
+     * Store the active item in the roving focus group. This is the single source
+     * of truth for the tab stop; items push to it via setActiveItem when they
+     * become active (e.g. the selected tab), and roving navigation updates it too.
      */
     const activeItem = signal(null, ...(ngDevMode ? [{ debugName: "activeItem" }] : /* istanbul ignore next */ []));
     /**
@@ -44,6 +46,10 @@ const [NgpRovingFocusGroupStateToken, ngpRovingFocusGroup, injectRovingFocusGrou
             item.focus(origin);
         }
     }
+    // set the tab stop without moving focus (see interface docs)
+    function setTabStop(id) {
+        activeItem.set(id);
+    }
     /**
      * Activate the first item in the roving focus group.
      * @param origin The origin of the focus change
@@ -186,7 +192,11 @@ const [NgpRovingFocusGroupStateToken, ngpRovingFocusGroup, injectRovingFocusGrou
     }
     function register(item) {
         items.update(items => [...items, item]);
-        // if there is no active item, make the first item the tabbable item
+        // seed the first non-disabled item as the tab stop; an active item (e.g. the
+        // selected tab) overrides this by pushing to setActiveItem once it registers.
+        if (item.disabled()) {
+            return;
+        }
         if (!activeItem()) {
             activeItem.set(item.id());
         }
@@ -218,6 +228,7 @@ const [NgpRovingFocusGroupStateToken, ngpRovingFocusGroup, injectRovingFocusGrou
         disabled,
         activeItem,
         setActiveItem,
+        setTabStop,
         setOrientation,
         onKeydown,
         register,

package/fesm2022/ng-primitives-roving-focus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-roving-focus.mjs","sources":["../../../../packages/ng-primitives/roving-focus/src/roving-focus-group/roving-focus-group-state.ts","../../../../packages/ng-primitives/roving-focus/src/roving-focus-group/roving-focus-group-token.ts","../../../../packages/ng-primitives/roving-focus/src/roving-focus-group/roving-focus-group.ts","../../../../packages/ng-primitives/roving-focus/src/roving-focus-item/roving-focus-item-state.ts","../../../../packages/ng-primitives/roving-focus/src/roving-focus-item/roving-focus-item.ts","../../../../packages/ng-primitives/roving-focus/src/ng-primitives-roving-focus.ts"],"sourcesContent":["import { FocusOrigin } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { inject, signal, Signal } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { controlled, createPrimitive, injectInheritedState } from 'ng-primitives/state';\nimport type { NgpRovingFocusItemState } from '../roving-focus-item/roving-focus-item-state';\n\nexport interface NgpRovingFocusGroupState {\n  /**\n   * The orientation of the roving focus group.\n   */\n  readonly orientation: Signal<NgpOrientation>;\n  /**\n   * Whether the roving focus group should wrap around.\n   */\n  readonly wrap: Signal<boolean>;\n  /**\n   * Whether the Home and End keys are enabled.\n   */\n  readonly homeEnd: Signal<boolean>;\n  /**\n   * Whether the roving focus group is disabled.\n   */\n  readonly disabled: Signal<boolean>;\n  /**\n   * The id of the currently active item.\n   */\n  readonly activeItem: Signal<string | null>;\n  /**\n   * Handle keyboard navigation.\n   * @param event The keyboard event\n   */\n  onKeydown(event: KeyboardEvent): void;\n  /**\n   * Set the active item by id.\n   * @param id The id of the item to activate\n   * @param origin The origin of the focus change\n   */\n  setActiveItem(id: string | null, origin?: FocusOrigin): void;\n  /**\n   * Register an item with the roving focus group.\n   * @param item The item to register\n   */\n  register(item: NgpRovingFocusItemState): void;\n  /**\n   * Unregister an item from the roving focus group.\n   * @param item The item to unregister\n   * @internal\n   */\n  unregister(item: NgpRovingFocusItemState): void;\n  /**\n   * Set the orientation of the roving focus group.\n   * @param orientation The orientation value\n   */\n  setOrientation(orientation: NgpOrientation): void;\n  /**\n   * Activate the first item in the roving focus group.\n   * @param origin The origin of the focus change\n   */\n  activateFirst(origin?: FocusOrigin): void;\n  /**\n   * Activate the last item in the roving focus group.\n   * @param origin The origin of the focus change\n   */\n  activateLast(origin?: FocusOrigin): void;\n}\n\nexport interface NgpRovingFocusGroupProps {\n  /**\n   * The orientation of the roving focus group.\n   */\n  readonly orientation?: Signal<NgpOrientation>;\n  /**\n   * Whether the roving focus group should wrap around.\n   */\n  readonly wrap?: Signal<boolean>;\n  /**\n   * Whether the Home and End keys are enabled.\n   */\n  readonly homeEnd?: Signal<boolean>;\n  /**\n   * Whether the roving focus group is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Whether to inherit state from a parent roving focus group.\n   */\n  readonly inherit?: boolean;\n}\n\nexport const [\n  NgpRovingFocusGroupStateToken,\n  ngpRovingFocusGroup,\n  injectRovingFocusGroupState,\n  provideRovingFocusGroupState,\n] = createPrimitive(\n  'NgpRovingFocusGroup',\n  ({\n    orientation: _orientation = signal('vertical'),\n    wrap = signal(false),\n    homeEnd = signal(true),\n    disabled = signal(false),\n    inherit = true,\n  }: NgpRovingFocusGroupProps): NgpRovingFocusGroupState => {\n    const parentGroup = inherit\n      ? injectInheritedState(() => NgpRovingFocusGroupStateToken)?.()\n      : null;\n\n    if (parentGroup) {\n      return parentGroup;\n    }\n\n    const directionality = inject(Directionality);\n    const items = signal<NgpRovingFocusItemState[]>([]);\n    const orientation = controlled(_orientation);\n\n    /**\n     * Get the items in the roving focus group sorted by order.\n     */\n    function getSortedItems() {\n      return items().sort((a, b) => {\n        // sort the items by their position in the document\n        return a.element.nativeElement.compareDocumentPosition(b.element.nativeElement) &\n          Node.DOCUMENT_POSITION_FOLLOWING\n          ? -1\n          : 1;\n      });\n    }\n\n    /**\n     * Store the active item in the roving focus group.\n     */\n    const activeItem = signal<string | null>(null);\n\n    /**\n     * Activate an item in the roving focus group.\n     * @param item The item to activate\n     * @param origin The origin of the focus change\n     */\n    function setActiveItem(id: string | null, origin: FocusOrigin = 'program'): void {\n      activeItem.set(id);\n      const item = items().find(i => i.id() === id) ?? null;\n\n      if (item) {\n        item.focus(origin);\n      }\n    }\n\n    /**\n     * Activate the first item in the roving focus group.\n     * @param origin The origin of the focus change\n     */\n    function activateFirstItem(origin: FocusOrigin): void {\n      // find the first item that is not disabled\n      const item = getSortedItems().find(i => !i.disabled()) ?? null;\n\n      // set the first item as the active item\n      if (item) {\n        setActiveItem(item.id(), origin);\n      }\n    }\n\n    /**\n     * Activate the last item in the roving focus group.\n     * @param origin The origin of the focus change\n     */\n    function activateLastItem(origin: FocusOrigin): void {\n      // find the last item that is not disabled\n      const item = [...getSortedItems()].reverse().find(i => !i.disabled()) ?? null;\n\n      // set the last item as the active item\n      if (item) {\n        setActiveItem(item.id(), origin);\n      }\n    }\n\n    /**\n     * Activate the next item in the roving focus group.\n     * @param origin The origin of the focus change\n     */\n    function activateNextItem(origin: FocusOrigin): void {\n      const currentActiveItem = activeItem();\n\n      // if there is no active item, activate the first item\n      if (!currentActiveItem) {\n        activateFirstItem(origin);\n        return;\n      }\n\n      // find the index of the active item\n      const sortedItems = getSortedItems();\n      const index = sortedItems.findIndex(i => i.id() === currentActiveItem);\n\n      // find the next item that is not disabled\n      const item = sortedItems.slice(index + 1).find(i => !i.disabled()) ?? null;\n\n      // if we are at the end of the list, wrap to the beginning\n      if (!item && wrap()) {\n        activateFirstItem(origin);\n        return;\n      }\n\n      // if there is no next item, do nothing\n      if (!item) {\n        return;\n      }\n\n      // set the next item as the active item\n      setActiveItem(item.id(), origin);\n    }\n\n    /**\n     * Activate the previous item in the roving focus group.\n     * @param origin The origin of the focus change\n     */\n    function activatePreviousItem(origin: FocusOrigin): void {\n      const currentActiveItem = activeItem();\n\n      // if there is no active item, activate the last item\n      if (!currentActiveItem) {\n        activateLastItem(origin);\n        return;\n      }\n\n      // find the index of the active item\n      const sortedItems = getSortedItems();\n      const index = sortedItems.findIndex(i => i.id() === currentActiveItem);\n\n      // find the previous item that is not disabled\n      const item =\n        sortedItems\n          .slice(0, index)\n          .reverse()\n          .find(i => !i.disabled()) ?? null;\n\n      // if we are at the beginning of the list, wrap to the end\n      if (!item && wrap()) {\n        activateLastItem(origin);\n        return;\n      }\n\n      // if there is no previous item, do nothing\n      if (!item) {\n        return;\n      }\n\n      // set the previous item as the active item\n      setActiveItem(item.id(), origin);\n    }\n\n    /**\n     * Handle keyboard navigation for the roving focus group.\n     * @param event The keyboard event\n     */\n    function onKeydown(event: KeyboardEvent): void {\n      if (disabled()) {\n        return;\n      }\n\n      switch (event.key) {\n        case 'ArrowUp':\n          if (orientation() === 'vertical') {\n            event.preventDefault();\n            activatePreviousItem('keyboard');\n          }\n          break;\n        case 'ArrowDown':\n          if (orientation() === 'vertical') {\n            event.preventDefault();\n            activateNextItem('keyboard');\n          }\n          break;\n        case 'ArrowLeft':\n          if (orientation() === 'horizontal') {\n            event.preventDefault();\n\n            if (directionality.value === 'ltr') {\n              activatePreviousItem('keyboard');\n            } else {\n              activateNextItem('keyboard');\n            }\n          }\n          break;\n        case 'ArrowRight':\n          if (orientation() === 'horizontal') {\n            event.preventDefault();\n\n            if (directionality.value === 'ltr') {\n              activateNextItem('keyboard');\n            } else {\n              activatePreviousItem('keyboard');\n            }\n          }\n          break;\n        case 'Home':\n          if (homeEnd()) {\n            event.preventDefault();\n            activateFirstItem('keyboard');\n          }\n          break;\n        case 'End':\n          if (homeEnd()) {\n            event.preventDefault();\n            activateLastItem('keyboard');\n          }\n          break;\n      }\n    }\n\n    function register(item: NgpRovingFocusItemState): void {\n      items.update(items => [...items, item]);\n\n      // if there is no active item, make the first item the tabbable item\n      if (!activeItem()) {\n        activeItem.set(item.id());\n      }\n    }\n\n    /**\n     * Unregister an item with the roving focus group.\n     * @param item The item to unregister\n     * @internal\n     */\n    function unregister(item: NgpRovingFocusItemState): void {\n      items.update(items => items.filter(i => i !== item));\n\n      // check if the unregistered item is the active item\n      if (activeItem() === item.id()) {\n        // if the active item is unregistered, activate the first item\n        activeItem.set(items()[0]?.id() ?? null);\n      }\n    }\n\n    /**\n     * Set the orientation of the roving focus group.\n     * @param value The orientation value\n     */\n    function setOrientation(value: NgpOrientation): void {\n      orientation.set(value);\n    }\n\n    return {\n      orientation: orientation.asReadonly(),\n      wrap,\n      homeEnd,\n      disabled,\n      activeItem,\n      setActiveItem,\n      setOrientation,\n      onKeydown,\n      register,\n      unregister,\n      activateFirst: activateFirstItem,\n      activateLast: activateLastItem,\n    } satisfies NgpRovingFocusGroupState;\n  },\n);\n","import { FactoryProvider, InjectionToken, Type, inject } from '@angular/core';\nimport { NgpRovingFocusGroup } from './roving-focus-group';\n\nexport const NgpRovingFocusGroupToken = new InjectionToken<NgpRovingFocusGroup>(\n  'NgpRovingFocusGroupToken',\n);\n\n/**\n * Inject the RovingFocusGroup directive instance\n * @returns The RovingFocusGroup directive instance\n */\nexport function injectRovingFocusGroup(): NgpRovingFocusGroup {\n  return inject(NgpRovingFocusGroupToken);\n}\n\nexport interface NgpRovingFocusGroupOptions {\n  /**\n   * Whether we should inherit the focus group from the parent\n   * @default true\n   */\n  inherit?: boolean;\n}\n\n/**\n * Provide the RovingFocusGroup directive instance\n * @param type The RovingFocusGroup directive type\n * @returns The RovingFocusGroup token\n */\nexport function provideRovingFocusGroup(\n  type: Type<NgpRovingFocusGroup>,\n  { inherit = true }: NgpRovingFocusGroupOptions = {},\n): FactoryProvider {\n  return {\n    provide: NgpRovingFocusGroupToken,\n    // Roving focus groups may be nested, in this case, the parent group should be used\n    useFactory: () => {\n      if (!inherit) {\n        return inject(type, { self: true });\n      }\n\n      // If the parent group is not found, return the current group\n      // This is useful for nested groups\n      return (\n        inject(NgpRovingFocusGroupToken, { skipSelf: true, optional: true }) ??\n        inject(type, { self: true })\n      );\n    },\n  };\n}\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, signal } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { NgpRovingFocusItem } from '../roving-focus-item/roving-focus-item';\nimport { ngpRovingFocusGroup, provideRovingFocusGroupState } from './roving-focus-group-state';\nimport { provideRovingFocusGroup } from './roving-focus-group-token';\n\n/**\n * Apply the `ngpRovingFocusGroup` directive to an element to manage focus for a group of child elements.\n */\n@Directive({\n  selector: '[ngpRovingFocusGroup]',\n  exportAs: 'ngpRovingFocusGroup',\n  providers: [\n    provideRovingFocusGroup(NgpRovingFocusGroup),\n    provideRovingFocusGroupState({ inherit: true }),\n  ],\n})\nexport class NgpRovingFocusGroup {\n  /**\n   * Determine the orientation of the roving focus group.\n   * @default 'vertical'\n   */\n  readonly orientation = input<NgpOrientation>('vertical', {\n    alias: 'ngpRovingFocusGroupOrientation',\n  });\n\n  /**\n   * Determine if focus should wrap when the end or beginning is reached.\n   */\n  readonly wrap = input<boolean, BooleanInput>(true, {\n    alias: 'ngpRovingFocusGroupWrap',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Determine if the home and end keys should navigate to the first and last items.\n   */\n  readonly homeEnd = input<boolean, BooleanInput>(true, {\n    alias: 'ngpRovingFocusGroupHomeEnd',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Determine if the roving focus group is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpRovingFocusGroupDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Store the active item in the roving focus group.\n   * @internal\n   */\n  readonly activeItem = signal<NgpRovingFocusItem | null>(null);\n\n  /**\n   * The state of the roving focus group.\n   */\n  readonly state = ngpRovingFocusGroup({\n    orientation: this.orientation,\n    wrap: this.wrap,\n    homeEnd: this.homeEnd,\n    disabled: this.disabled,\n  });\n\n  /**\n   * Activate an item in the roving focus group.\n   * @param item The item to activate\n   * @param origin The origin of the focus change\n   */\n  setActiveItem(item: NgpRovingFocusItem | null, origin: FocusOrigin = 'program'): void {\n    if (item) {\n      this.state.setActiveItem(item.id(), origin);\n    }\n  }\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { computed, effect, ElementRef, inject, signal, Signal, untracked } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, listener } from 'ng-primitives/state';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectRovingFocusGroupState } from '../roving-focus-group/roving-focus-group-state';\n\n/**\n * The state interface for the RovingFocusItem pattern.\n */\nexport interface NgpRovingFocusItemState {\n  /**\n   * The unique id of the roving focus item.\n   */\n  readonly id: Signal<string>;\n  /**\n   * Whether the item is disabled.\n   */\n  readonly disabled: Signal<boolean>;\n  /**\n   * The tabindex of the roving focus item.\n   */\n  readonly tabindex: Signal<number>;\n  /**\n   * The element reference of the roving focus item.\n   */\n  readonly element: ElementRef<HTMLElement>;\n  /**\n   * Focus the roving focus item.\n   * @param origin The focus origin\n   */\n  focus(origin: FocusOrigin): void;\n}\n\n/**\n * The props interface for the RovingFocusItem pattern.\n */\nexport interface NgpRovingFocusItemProps {\n  /**\n   * Whether the item is disabled.\n   */\n  readonly disabled: Signal<boolean>;\n}\n\nexport const [\n  NgpRovingFocusItemStateToken,\n  ngpRovingFocusItem,\n  injectRovingFocusItemState,\n  provideRovingFocusItemState,\n] = createPrimitive(\n  'NgpRovingFocusItem',\n  ({ disabled = signal(false) }: NgpRovingFocusItemProps) => {\n    const element = injectElementRef();\n    const group = injectRovingFocusGroupState();\n    const focusMonitor = inject(FocusMonitor);\n\n    // genertate a unique id for the roving focus item - this is not a DOM id but an internal identifier\n    const id = uniqueId('ngp-roving-focus-item');\n\n    /**\n     * Derive the tabindex of the roving focus item.\n     */\n    const tabindex = computed(() =>\n      !group()?.disabled() && group()?.activeItem() === id ? 0 : -1,\n    );\n\n    // Setup host attribute bindings\n    attrBinding(element, 'tabindex', () => tabindex().toString());\n\n    // Setup keyboard event listener\n    listener(element, 'keydown', (event: KeyboardEvent) => {\n      if (disabled()) {\n        return;\n      }\n      group()?.onKeydown(event);\n    });\n\n    // Setup click event listener\n    listener(element, 'click', () => {\n      if (disabled()) {\n        return;\n      }\n      group()?.setActiveItem(id, 'mouse');\n    });\n\n    function focus(origin: FocusOrigin): void {\n      focusMonitor.focusVia(element, origin);\n    }\n\n    const state: NgpRovingFocusItemState = {\n      id: signal(id),\n      disabled,\n      tabindex,\n      focus,\n      element,\n    };\n\n    // Projected items may construct before the parent populates the shared group signal,\n    // so register reactively once it becomes available.\n    // See https://github.com/ng-primitives/ng-primitives/issues/735\n    effect(onCleanup => {\n      const groupState = group();\n      if (!groupState) return;\n      untracked(() => groupState.register(state));\n      onCleanup(() => groupState.unregister(state));\n    });\n\n    return state satisfies NgpRovingFocusItemState;\n  },\n);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { Directive, booleanAttribute, computed, input } from '@angular/core';\nimport { ngpRovingFocusItem, provideRovingFocusItemState } from './roving-focus-item-state';\n\n/**\n * Apply the `ngpRovingFocusItem` directive to an element within a roving focus group to automatically manage focus.\n */\n@Directive({\n  selector: '[ngpRovingFocusItem]',\n  exportAs: 'ngpRovingFocusItem',\n  providers: [provideRovingFocusItemState()],\n})\nexport class NgpRovingFocusItem {\n  /**\n   * Define if the item is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpRovingFocusItemDisabled',\n    transform: booleanAttribute,\n  });\n\n  private readonly state = ngpRovingFocusItem({ disabled: this.disabled });\n\n  /**\n   * Expose the internal id of the roving focus item.\n   * @internal\n   */\n  readonly id = computed(() => this.state.id());\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-roving-focus.mjs","sources":["../../../../packages/ng-primitives/roving-focus/src/roving-focus-group/roving-focus-group-state.ts","../../../../packages/ng-primitives/roving-focus/src/roving-focus-group/roving-focus-group-token.ts","../../../../packages/ng-primitives/roving-focus/src/roving-focus-group/roving-focus-group.ts","../../../../packages/ng-primitives/roving-focus/src/roving-focus-item/roving-focus-item-state.ts","../../../../packages/ng-primitives/roving-focus/src/roving-focus-item/roving-focus-item.ts","../../../../packages/ng-primitives/roving-focus/src/ng-primitives-roving-focus.ts"],"sourcesContent":["import { FocusOrigin } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { inject, signal, Signal } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { controlled, createPrimitive, injectInheritedState } from 'ng-primitives/state';\nimport type { NgpRovingFocusItemState } from '../roving-focus-item/roving-focus-item-state';\n\nexport interface NgpRovingFocusGroupState {\n  /**\n   * The orientation of the roving focus group.\n   */\n  readonly orientation: Signal<NgpOrientation>;\n  /**\n   * Whether the roving focus group should wrap around.\n   */\n  readonly wrap: Signal<boolean>;\n  /**\n   * Whether the Home and End keys are enabled.\n   */\n  readonly homeEnd: Signal<boolean>;\n  /**\n   * Whether the roving focus group is disabled.\n   */\n  readonly disabled: Signal<boolean>;\n  /**\n   * The id of the currently active item.\n   */\n  readonly activeItem: Signal<string | null>;\n  /**\n   * Handle keyboard navigation.\n   * @param event The keyboard event\n   */\n  onKeydown(event: KeyboardEvent): void;\n  /**\n   * Set the active item by id.\n   * @param id The id of the item to activate\n   * @param origin The origin of the focus change\n   */\n  setActiveItem(id: string | null, origin?: FocusOrigin): void;\n  /**\n   * Set which item holds the tab stop without moving focus. Used by items that\n   * declare themselves active (e.g. the selected tab) to claim the tab stop\n   * without stealing focus.\n   * @param id The id of the item that should hold the tab stop.\n   */\n  setTabStop(id: string | null): void;\n  /**\n   * Register an item with the roving focus group.\n   * @param item The item to register\n   */\n  register(item: NgpRovingFocusItemState): void;\n  /**\n   * Unregister an item from the roving focus group.\n   * @param item The item to unregister\n   * @internal\n   */\n  unregister(item: NgpRovingFocusItemState): void;\n  /**\n   * Set the orientation of the roving focus group.\n   * @param orientation The orientation value\n   */\n  setOrientation(orientation: NgpOrientation): void;\n  /**\n   * Activate the first item in the roving focus group.\n   * @param origin The origin of the focus change\n   */\n  activateFirst(origin?: FocusOrigin): void;\n  /**\n   * Activate the last item in the roving focus group.\n   * @param origin The origin of the focus change\n   */\n  activateLast(origin?: FocusOrigin): void;\n}\n\nexport interface NgpRovingFocusGroupProps {\n  /**\n   * The orientation of the roving focus group.\n   */\n  readonly orientation?: Signal<NgpOrientation>;\n  /**\n   * Whether the roving focus group should wrap around.\n   */\n  readonly wrap?: Signal<boolean>;\n  /**\n   * Whether the Home and End keys are enabled.\n   */\n  readonly homeEnd?: Signal<boolean>;\n  /**\n   * Whether the roving focus group is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Whether to inherit state from a parent roving focus group.\n   */\n  readonly inherit?: boolean;\n}\n\nexport const [\n  NgpRovingFocusGroupStateToken,\n  ngpRovingFocusGroup,\n  injectRovingFocusGroupState,\n  provideRovingFocusGroupState,\n] = createPrimitive(\n  'NgpRovingFocusGroup',\n  ({\n    orientation: _orientation = signal('vertical'),\n    wrap = signal(false),\n    homeEnd = signal(true),\n    disabled = signal(false),\n    inherit = true,\n  }: NgpRovingFocusGroupProps): NgpRovingFocusGroupState => {\n    const parentGroup = inherit\n      ? injectInheritedState(() => NgpRovingFocusGroupStateToken)?.()\n      : null;\n\n    if (parentGroup) {\n      return parentGroup;\n    }\n\n    const directionality = inject(Directionality);\n    const items = signal<NgpRovingFocusItemState[]>([]);\n    const orientation = controlled(_orientation);\n\n    /**\n     * Get the items in the roving focus group sorted by order.\n     */\n    function getSortedItems() {\n      return items().sort((a, b) => {\n        // sort the items by their position in the document\n        return a.element.nativeElement.compareDocumentPosition(b.element.nativeElement) &\n          Node.DOCUMENT_POSITION_FOLLOWING\n          ? -1\n          : 1;\n      });\n    }\n\n    /**\n     * Store the active item in the roving focus group. This is the single source\n     * of truth for the tab stop; items push to it via setActiveItem when they\n     * become active (e.g. the selected tab), and roving navigation updates it too.\n     */\n    const activeItem = signal<string | null>(null);\n\n    /**\n     * Activate an item in the roving focus group.\n     * @param item The item to activate\n     * @param origin The origin of the focus change\n     */\n    function setActiveItem(id: string | null, origin: FocusOrigin = 'program'): void {\n      activeItem.set(id);\n      const item = items().find(i => i.id() === id) ?? null;\n\n      if (item) {\n        item.focus(origin);\n      }\n    }\n\n    // set the tab stop without moving focus (see interface docs)\n    function setTabStop(id: string | null): void {\n      activeItem.set(id);\n    }\n\n    /**\n     * Activate the first item in the roving focus group.\n     * @param origin The origin of the focus change\n     */\n    function activateFirstItem(origin: FocusOrigin): void {\n      // find the first item that is not disabled\n      const item = getSortedItems().find(i => !i.disabled()) ?? null;\n\n      // set the first item as the active item\n      if (item) {\n        setActiveItem(item.id(), origin);\n      }\n    }\n\n    /**\n     * Activate the last item in the roving focus group.\n     * @param origin The origin of the focus change\n     */\n    function activateLastItem(origin: FocusOrigin): void {\n      // find the last item that is not disabled\n      const item = [...getSortedItems()].reverse().find(i => !i.disabled()) ?? null;\n\n      // set the last item as the active item\n      if (item) {\n        setActiveItem(item.id(), origin);\n      }\n    }\n\n    /**\n     * Activate the next item in the roving focus group.\n     * @param origin The origin of the focus change\n     */\n    function activateNextItem(origin: FocusOrigin): void {\n      const currentActiveItem = activeItem();\n\n      // if there is no active item, activate the first item\n      if (!currentActiveItem) {\n        activateFirstItem(origin);\n        return;\n      }\n\n      // find the index of the active item\n      const sortedItems = getSortedItems();\n      const index = sortedItems.findIndex(i => i.id() === currentActiveItem);\n\n      // find the next item that is not disabled\n      const item = sortedItems.slice(index + 1).find(i => !i.disabled()) ?? null;\n\n      // if we are at the end of the list, wrap to the beginning\n      if (!item && wrap()) {\n        activateFirstItem(origin);\n        return;\n      }\n\n      // if there is no next item, do nothing\n      if (!item) {\n        return;\n      }\n\n      // set the next item as the active item\n      setActiveItem(item.id(), origin);\n    }\n\n    /**\n     * Activate the previous item in the roving focus group.\n     * @param origin The origin of the focus change\n     */\n    function activatePreviousItem(origin: FocusOrigin): void {\n      const currentActiveItem = activeItem();\n\n      // if there is no active item, activate the last item\n      if (!currentActiveItem) {\n        activateLastItem(origin);\n        return;\n      }\n\n      // find the index of the active item\n      const sortedItems = getSortedItems();\n      const index = sortedItems.findIndex(i => i.id() === currentActiveItem);\n\n      // find the previous item that is not disabled\n      const item =\n        sortedItems\n          .slice(0, index)\n          .reverse()\n          .find(i => !i.disabled()) ?? null;\n\n      // if we are at the beginning of the list, wrap to the end\n      if (!item && wrap()) {\n        activateLastItem(origin);\n        return;\n      }\n\n      // if there is no previous item, do nothing\n      if (!item) {\n        return;\n      }\n\n      // set the previous item as the active item\n      setActiveItem(item.id(), origin);\n    }\n\n    /**\n     * Handle keyboard navigation for the roving focus group.\n     * @param event The keyboard event\n     */\n    function onKeydown(event: KeyboardEvent): void {\n      if (disabled()) {\n        return;\n      }\n\n      switch (event.key) {\n        case 'ArrowUp':\n          if (orientation() === 'vertical') {\n            event.preventDefault();\n            activatePreviousItem('keyboard');\n          }\n          break;\n        case 'ArrowDown':\n          if (orientation() === 'vertical') {\n            event.preventDefault();\n            activateNextItem('keyboard');\n          }\n          break;\n        case 'ArrowLeft':\n          if (orientation() === 'horizontal') {\n            event.preventDefault();\n\n            if (directionality.value === 'ltr') {\n              activatePreviousItem('keyboard');\n            } else {\n              activateNextItem('keyboard');\n            }\n          }\n          break;\n        case 'ArrowRight':\n          if (orientation() === 'horizontal') {\n            event.preventDefault();\n\n            if (directionality.value === 'ltr') {\n              activateNextItem('keyboard');\n            } else {\n              activatePreviousItem('keyboard');\n            }\n          }\n          break;\n        case 'Home':\n          if (homeEnd()) {\n            event.preventDefault();\n            activateFirstItem('keyboard');\n          }\n          break;\n        case 'End':\n          if (homeEnd()) {\n            event.preventDefault();\n            activateLastItem('keyboard');\n          }\n          break;\n      }\n    }\n\n    function register(item: NgpRovingFocusItemState): void {\n      items.update(items => [...items, item]);\n\n      // seed the first non-disabled item as the tab stop; an active item (e.g. the\n      // selected tab) overrides this by pushing to setActiveItem once it registers.\n      if (item.disabled()) {\n        return;\n      }\n      if (!activeItem()) {\n        activeItem.set(item.id());\n      }\n    }\n\n    /**\n     * Unregister an item with the roving focus group.\n     * @param item The item to unregister\n     * @internal\n     */\n    function unregister(item: NgpRovingFocusItemState): void {\n      items.update(items => items.filter(i => i !== item));\n\n      // check if the unregistered item is the active item\n      if (activeItem() === item.id()) {\n        // if the active item is unregistered, activate the first item\n        activeItem.set(items()[0]?.id() ?? null);\n      }\n    }\n\n    /**\n     * Set the orientation of the roving focus group.\n     * @param value The orientation value\n     */\n    function setOrientation(value: NgpOrientation): void {\n      orientation.set(value);\n    }\n\n    return {\n      orientation: orientation.asReadonly(),\n      wrap,\n      homeEnd,\n      disabled,\n      activeItem,\n      setActiveItem,\n      setTabStop,\n      setOrientation,\n      onKeydown,\n      register,\n      unregister,\n      activateFirst: activateFirstItem,\n      activateLast: activateLastItem,\n    } satisfies NgpRovingFocusGroupState;\n  },\n);\n","import { FactoryProvider, InjectionToken, Type, inject } from '@angular/core';\nimport { NgpRovingFocusGroup } from './roving-focus-group';\n\nexport const NgpRovingFocusGroupToken = new InjectionToken<NgpRovingFocusGroup>(\n  'NgpRovingFocusGroupToken',\n);\n\n/**\n * Inject the RovingFocusGroup directive instance\n * @returns The RovingFocusGroup directive instance\n */\nexport function injectRovingFocusGroup(): NgpRovingFocusGroup {\n  return inject(NgpRovingFocusGroupToken);\n}\n\nexport interface NgpRovingFocusGroupOptions {\n  /**\n   * Whether we should inherit the focus group from the parent\n   * @default true\n   */\n  inherit?: boolean;\n}\n\n/**\n * Provide the RovingFocusGroup directive instance\n * @param type The RovingFocusGroup directive type\n * @returns The RovingFocusGroup token\n */\nexport function provideRovingFocusGroup(\n  type: Type<NgpRovingFocusGroup>,\n  { inherit = true }: NgpRovingFocusGroupOptions = {},\n): FactoryProvider {\n  return {\n    provide: NgpRovingFocusGroupToken,\n    // Roving focus groups may be nested, in this case, the parent group should be used\n    useFactory: () => {\n      if (!inherit) {\n        return inject(type, { self: true });\n      }\n\n      // If the parent group is not found, return the current group\n      // This is useful for nested groups\n      return (\n        inject(NgpRovingFocusGroupToken, { skipSelf: true, optional: true }) ??\n        inject(type, { self: true })\n      );\n    },\n  };\n}\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, signal } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { NgpRovingFocusItem } from '../roving-focus-item/roving-focus-item';\nimport { ngpRovingFocusGroup, provideRovingFocusGroupState } from './roving-focus-group-state';\nimport { provideRovingFocusGroup } from './roving-focus-group-token';\n\n/**\n * Apply the `ngpRovingFocusGroup` directive to an element to manage focus for a group of child elements.\n */\n@Directive({\n  selector: '[ngpRovingFocusGroup]',\n  exportAs: 'ngpRovingFocusGroup',\n  providers: [\n    provideRovingFocusGroup(NgpRovingFocusGroup),\n    provideRovingFocusGroupState({ inherit: true }),\n  ],\n})\nexport class NgpRovingFocusGroup {\n  /**\n   * Determine the orientation of the roving focus group.\n   * @default 'vertical'\n   */\n  readonly orientation = input<NgpOrientation>('vertical', {\n    alias: 'ngpRovingFocusGroupOrientation',\n  });\n\n  /**\n   * Determine if focus should wrap when the end or beginning is reached.\n   */\n  readonly wrap = input<boolean, BooleanInput>(true, {\n    alias: 'ngpRovingFocusGroupWrap',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Determine if the home and end keys should navigate to the first and last items.\n   */\n  readonly homeEnd = input<boolean, BooleanInput>(true, {\n    alias: 'ngpRovingFocusGroupHomeEnd',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Determine if the roving focus group is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpRovingFocusGroupDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Store the active item in the roving focus group.\n   * @internal\n   */\n  readonly activeItem = signal<NgpRovingFocusItem | null>(null);\n\n  /**\n   * The state of the roving focus group.\n   */\n  readonly state = ngpRovingFocusGroup({\n    orientation: this.orientation,\n    wrap: this.wrap,\n    homeEnd: this.homeEnd,\n    disabled: this.disabled,\n  });\n\n  /**\n   * Activate an item in the roving focus group.\n   * @param item The item to activate\n   * @param origin The origin of the focus change\n   */\n  setActiveItem(item: NgpRovingFocusItem | null, origin: FocusOrigin = 'program'): void {\n    if (item) {\n      this.state.setActiveItem(item.id(), origin);\n    }\n  }\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { computed, effect, ElementRef, inject, signal, Signal, untracked } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, listener } from 'ng-primitives/state';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectRovingFocusGroupState } from '../roving-focus-group/roving-focus-group-state';\n\n/**\n * The state interface for the RovingFocusItem pattern.\n */\nexport interface NgpRovingFocusItemState {\n  /**\n   * The unique id of the roving focus item.\n   */\n  readonly id: Signal<string>;\n  /**\n   * Whether the item is disabled.\n   */\n  readonly disabled: Signal<boolean>;\n  /**\n   * The tabindex of the roving focus item.\n   */\n  readonly tabindex: Signal<number>;\n  /**\n   * The element reference of the roving focus item.\n   */\n  readonly element: ElementRef<HTMLElement>;\n  /**\n   * Focus the roving focus item.\n   * @param origin The focus origin\n   */\n  focus(origin: FocusOrigin): void;\n}\n\n/**\n * The props interface for the RovingFocusItem pattern.\n */\nexport interface NgpRovingFocusItemProps {\n  /**\n   * Whether the item is disabled.\n   */\n  readonly disabled: Signal<boolean>;\n}\n\nexport const [\n  NgpRovingFocusItemStateToken,\n  ngpRovingFocusItem,\n  injectRovingFocusItemState,\n  provideRovingFocusItemState,\n] = createPrimitive(\n  'NgpRovingFocusItem',\n  ({ disabled = signal(false) }: NgpRovingFocusItemProps) => {\n    const element = injectElementRef();\n    const group = injectRovingFocusGroupState();\n    const focusMonitor = inject(FocusMonitor);\n\n    // genertate a unique id for the roving focus item - this is not a DOM id but an internal identifier\n    const id = uniqueId('ngp-roving-focus-item');\n\n    /**\n     * Derive the tabindex of the roving focus item.\n     */\n    const tabindex = computed(() =>\n      !group()?.disabled() && group()?.activeItem() === id ? 0 : -1,\n    );\n\n    // Setup host attribute bindings\n    attrBinding(element, 'tabindex', () => tabindex().toString());\n\n    // Setup keyboard event listener\n    listener(element, 'keydown', (event: KeyboardEvent) => {\n      if (disabled()) {\n        return;\n      }\n      group()?.onKeydown(event);\n    });\n\n    // Setup click event listener\n    listener(element, 'click', () => {\n      if (disabled()) {\n        return;\n      }\n      group()?.setActiveItem(id, 'mouse');\n    });\n\n    function focus(origin: FocusOrigin): void {\n      focusMonitor.focusVia(element, origin);\n    }\n\n    const state: NgpRovingFocusItemState = {\n      id: signal(id),\n      disabled,\n      tabindex,\n      focus,\n      element,\n    };\n\n    // Projected items may construct before the parent populates the shared group signal,\n    // so register reactively once it becomes available.\n    // See https://github.com/ng-primitives/ng-primitives/issues/735\n    effect(onCleanup => {\n      const groupState = group();\n      if (!groupState) return;\n      untracked(() => groupState.register(state));\n      onCleanup(() => groupState.unregister(state));\n    });\n\n    return state satisfies NgpRovingFocusItemState;\n  },\n);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { Directive, booleanAttribute, computed, input } from '@angular/core';\nimport { ngpRovingFocusItem, provideRovingFocusItemState } from './roving-focus-item-state';\n\n/**\n * Apply the `ngpRovingFocusItem` directive to an element within a roving focus group to automatically manage focus.\n */\n@Directive({\n  selector: '[ngpRovingFocusItem]',\n  exportAs: 'ngpRovingFocusItem',\n  providers: [provideRovingFocusItemState()],\n})\nexport class NgpRovingFocusItem {\n  /**\n   * Define if the item is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpRovingFocusItemDisabled',\n    transform: booleanAttribute,\n  });\n\n  private readonly state = ngpRovingFocusItem({ disabled: this.disabled });\n\n  /**\n   * Expose the internal id of the roving focus item.\n   * @internal\n   */\n  readonly id = computed(() => this.state.id());\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-primitives-search.mjs

@@ -84,7 +84,8 @@ class NgpSearch {
     }
     clear() {
         const input = this.input();
-        if (!input) {
+        // a disabled input must not be clearable (via Escape or the clear button)
+        if (!input || input.disabled) {
             return;
         }
         input.value = '';

package/fesm2022/ng-primitives-search.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-search.mjs","sources":["../../../../packages/ng-primitives/search/src/search/search-state.ts","../../../../packages/ng-primitives/search/src/search-clear/search-clear.ts","../../../../packages/ng-primitives/search/src/search/search.ts","../../../../packages/ng-primitives/search/src/ng-primitives-search.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpSearch } from './search';\n\n/**\n * The state token  for the Search primitive.\n */\nexport const NgpSearchStateToken = createStateToken<NgpSearch>('Search');\n\n/**\n * Provides the Search state.\n */\nexport const provideSearchState = createStateProvider(NgpSearchStateToken);\n\n/**\n * Injects the Search state.\n */\nexport const injectSearchState = createStateInjector<NgpSearch>(NgpSearchStateToken);\n\n/**\n * The Search state registration function.\n */\nexport const searchState = createState(NgpSearchStateToken);\n","import { Directive, HostListener } from '@angular/core';\nimport { injectSearchState } from '../search/search-state';\n\n/**\n * The `NgpSearchClear` directive is can be added to a button to clear the search field on click.\n */\n@Directive({\n  selector: '[ngpSearchClear]',\n  exportAs: 'ngpSearchClear',\n  host: {\n    '[tabindex]': '-1',\n    '[attr.data-empty]': 'search().empty() ? \"\" : null',\n  },\n})\nexport class NgpSearchClear {\n  /**\n   * Access the Search instance.\n   */\n  protected readonly search = injectSearchState();\n\n  /**\n   * Clear the input field.\n   */\n  @HostListener('click')\n  protected clear(): void {\n    this.search().clear();\n  }\n}\n","import { computed, DestroyRef, Directive, HostListener, inject, signal } from '@angular/core';\nimport { safeTakeUntilDestroyed } from 'ng-primitives/utils';\nimport { fromEvent } from 'rxjs';\nimport { provideSearchState, searchState } from './search-state';\n\n/**\n * The `NgpSearch` directive is a container for the search field components.\n */\n@Directive({\n  selector: '[ngpSearch]',\n  exportAs: 'ngpSearch',\n  providers: [provideSearchState()],\n  host: {\n    '[attr.data-empty]': 'empty() ? \"\" : null',\n  },\n})\nexport class NgpSearch {\n  /**\n   * The destroy reference.\n   */\n  private readonly destroyRef = inject(DestroyRef);\n\n  /**\n   * The input field.\n   */\n  private readonly input = signal<HTMLInputElement | null>(null);\n\n  /**\n   * The value of the input.\n   */\n  private readonly value = signal<string>('');\n\n  /**\n   * Whether the input field is empty.\n   * @internal\n   */\n  readonly empty = computed(() => this.value() === '');\n\n  /**\n   * The search field state.\n   */\n  protected readonly state = searchState<NgpSearch>(this);\n\n  @HostListener('keydown.escape')\n  clear(): void {\n    const input = this.input();\n\n    if (!input) {\n      return;\n    }\n\n    input.value = '';\n    input.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  /**\n   * Register the input field.\n   * @param input The input field.\n   * @internal\n   */\n  registerInput(input: HTMLInputElement): void {\n    this.input.set(input);\n    this.value.set(input.value);\n\n    fromEvent(input, 'input')\n      .pipe(safeTakeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.value.set(input.value));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-search.mjs","sources":["../../../../packages/ng-primitives/search/src/search/search-state.ts","../../../../packages/ng-primitives/search/src/search-clear/search-clear.ts","../../../../packages/ng-primitives/search/src/search/search.ts","../../../../packages/ng-primitives/search/src/ng-primitives-search.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpSearch } from './search';\n\n/**\n * The state token  for the Search primitive.\n */\nexport const NgpSearchStateToken = createStateToken<NgpSearch>('Search');\n\n/**\n * Provides the Search state.\n */\nexport const provideSearchState = createStateProvider(NgpSearchStateToken);\n\n/**\n * Injects the Search state.\n */\nexport const injectSearchState = createStateInjector<NgpSearch>(NgpSearchStateToken);\n\n/**\n * The Search state registration function.\n */\nexport const searchState = createState(NgpSearchStateToken);\n","import { Directive, HostListener } from '@angular/core';\nimport { injectSearchState } from '../search/search-state';\n\n/**\n * The `NgpSearchClear` directive is can be added to a button to clear the search field on click.\n */\n@Directive({\n  selector: '[ngpSearchClear]',\n  exportAs: 'ngpSearchClear',\n  host: {\n    '[tabindex]': '-1',\n    '[attr.data-empty]': 'search().empty() ? \"\" : null',\n  },\n})\nexport class NgpSearchClear {\n  /**\n   * Access the Search instance.\n   */\n  protected readonly search = injectSearchState();\n\n  /**\n   * Clear the input field.\n   */\n  @HostListener('click')\n  protected clear(): void {\n    this.search().clear();\n  }\n}\n","import { computed, DestroyRef, Directive, HostListener, inject, signal } from '@angular/core';\nimport { safeTakeUntilDestroyed } from 'ng-primitives/utils';\nimport { fromEvent } from 'rxjs';\nimport { provideSearchState, searchState } from './search-state';\n\n/**\n * The `NgpSearch` directive is a container for the search field components.\n */\n@Directive({\n  selector: '[ngpSearch]',\n  exportAs: 'ngpSearch',\n  providers: [provideSearchState()],\n  host: {\n    '[attr.data-empty]': 'empty() ? \"\" : null',\n  },\n})\nexport class NgpSearch {\n  /**\n   * The destroy reference.\n   */\n  private readonly destroyRef = inject(DestroyRef);\n\n  /**\n   * The input field.\n   */\n  private readonly input = signal<HTMLInputElement | null>(null);\n\n  /**\n   * The value of the input.\n   */\n  private readonly value = signal<string>('');\n\n  /**\n   * Whether the input field is empty.\n   * @internal\n   */\n  readonly empty = computed(() => this.value() === '');\n\n  /**\n   * The search field state.\n   */\n  protected readonly state = searchState<NgpSearch>(this);\n\n  @HostListener('keydown.escape')\n  clear(): void {\n    const input = this.input();\n\n    // a disabled input must not be clearable (via Escape or the clear button)\n    if (!input || input.disabled) {\n      return;\n    }\n\n    input.value = '';\n    input.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  /**\n   * Register the input field.\n   * @param input The input field.\n   * @internal\n   */\n  registerInput(input: HTMLInputElement): void {\n    this.input.set(input);\n    this.value.set(input.value);\n\n    fromEvent(input, 'input')\n      .pipe(safeTakeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.value.set(input.value));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-primitives-slider.mjs

@@ -43,13 +43,15 @@ const [NgpSliderStateToken, ngpSlider, injectSliderState, provideSliderState] =
             focusMonitor.focusVia(el, origin, { preventScroll: true });
         }
     }
-    function setValue(newValue) {
+    function setValue(newValue, options) {
         const clamped = Math.min(max(), Math.max(min(), newValue));
         const stepped = Math.round((clamped - min()) / step()) * step() + min();
         const finalValue = Math.min(max(), Math.max(min(), stepped));
         value.set(finalValue);
-        onValueChange?.(finalValue);
-        valueChange.emit(finalValue);
+        if (options?.emit !== false) {
+            onValueChange?.(finalValue);
+            valueChange.emit(finalValue);
+        }
     }
     function setDisabled(isDisabled) {
         disabled.set(isDisabled);
@@ -118,7 +120,9 @@ const [NgpSliderThumbStateToken, ngpSliderThumb, injectSliderThumbState, provide
     let dragging = false;
     let activePointerId = null;
     let cleanupDocumentListeners = [];
-    const ariaValueNow = computed(() => slider().value(), ...(ngDevMode ? [{ debugName: "ariaValueNow" }] : /* istanbul ignore next */ []));
+    // aria-valuenow must stay within [min, max] even if the bound value is out of
+    // range, so it never disagrees with the thumb position (ARIA slider pattern)
+    const ariaValueNow = computed(() => Math.min(slider().max(), Math.max(slider().min(), slider().value())), ...(ngDevMode ? [{ debugName: "ariaValueNow" }] : /* istanbul ignore next */ []));
     const tabindex = computed(() => (slider().disabled() ? -1 : 0), ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
     // Host bindings
     attrBinding(elementRef, 'role', 'slider');
@@ -195,6 +199,9 @@ const [NgpSliderThumbStateToken, ngpSliderThumb, injectSliderThumbState, provide
     }
     // Keyboard interactions
     listener(elementRef, 'keydown', (event) => {
+        if (slider().disabled()) {
+            return;
+        }
         const multiplier = event.shiftKey ? 10 : 1;
         const step = slider().step() * multiplier;
         const currentValue = slider().value();
@@ -219,10 +226,12 @@ const [NgpSliderThumbStateToken, ngpSliderThumb, injectSliderThumbState, provide
                 newValue = Math.min(currentValue + step, slider().max());
                 break;
             case 'Home':
-                newValue = isRTL ? slider().max() : slider().min();
+                // Home is value-based (first allowed value = minimum), not visual
+                newValue = slider().min();
                 break;
             case 'End':
-                newValue = isRTL ? slider().min() : slider().max();
+                // End is value-based (last allowed value = maximum), not visual
+                newValue = slider().max();
                 break;
             default:
                 return;
@@ -397,8 +406,8 @@ class NgpSlider {
     /**
      * Set the value of the slider.
      */
-    setValue(value) {
-        this.state.setValue(value);
+    setValue(value, options) {
+        this.state.setValue(value, options);
     }
     /**
      * Set the disabled state.
@@ -454,19 +463,23 @@ const [NgpRangeSliderStateToken, ngpRangeSlider, injectRangeSliderState, provide
     attrBinding(element, 'id', id);
     dataBinding(element, 'data-orientation', orientation);
     dataBinding(element, 'data-disabled', status().disabled);
-    function setLowValue(value) {
+    function setLowValue(value, options) {
         const clampedValue = Math.max(min(), Math.min(value, high()));
         const steppedValue = Math.round((clampedValue - min()) / step()) * step() + min();
         low.set(steppedValue);
-        onLowChange?.(steppedValue);
-        lowChange.emit(steppedValue);
+        if (options?.emit !== false) {
+            onLowChange?.(steppedValue);
+            lowChange.emit(steppedValue);
+        }
     }
-    function setHighValue(value) {
+    function setHighValue(value, options) {
         const clampedValue = Math.min(max(), Math.max(value, low()));
         const steppedValue = Math.round((clampedValue - min()) / step()) * step() + min();
         high.set(steppedValue);
-        onHighChange?.(steppedValue);
-        highChange.emit(steppedValue);
+        if (options?.emit !== false) {
+            onHighChange?.(steppedValue);
+            highChange.emit(steppedValue);
+        }
     }
     function getClosestThumb(percentage) {
         const value = min() + (max() - min()) * (percentage / 100);
@@ -672,6 +685,9 @@ const [NgpRangeSliderThumbStateToken, ngpRangeSliderThumb, injectRangeSliderThum
         }
     }
     function handleKeydown(event) {
+        if (rangeSlider().disabled()) {
+            return;
+        }
         const multiplier = event.shiftKey ? 10 : 1;
         const currentValue = value();
         const step = rangeSlider().step() * multiplier;
@@ -680,26 +696,30 @@ const [NgpRangeSliderThumbStateToken, ngpRangeSliderThumb, injectRangeSliderThum
         let newValue;
         switch (event.key) {
             case 'ArrowLeft':
+                // in RTL the max end is on the left, so ArrowLeft increases the value
                 newValue = isRTL
-                    ? Math.min(currentValue - step, rangeSlider().max())
+                    ? Math.min(currentValue + step, rangeSlider().max())
                     : Math.max(currentValue - step, rangeSlider().min());
                 break;
             case 'ArrowDown':
                 newValue = Math.max(currentValue - step, rangeSlider().min());
                 break;
             case 'ArrowRight':
+                // in RTL the min end is on the right, so ArrowRight decreases the value
                 newValue = isRTL
-                    ? Math.max(currentValue + step, rangeSlider().min())
+                    ? Math.max(currentValue - step, rangeSlider().min())
                     : Math.min(currentValue + step, rangeSlider().max());
                 break;
             case 'ArrowUp':
                 newValue = Math.min(currentValue + step, rangeSlider().max());
                 break;
             case 'Home':
-                newValue = isRTL ? rangeSlider().max() : rangeSlider().min();
+                // Home is value-based (first allowed value = minimum), not visual
+                newValue = rangeSlider().min();
                 break;
             case 'End':
-                newValue = isRTL ? rangeSlider().min() : rangeSlider().max();
+                // End is value-based (last allowed value = maximum), not visual
+                newValue = rangeSlider().max();
                 break;
             default:
                 return;