@star-ng/ui 0.0.0-stage → 0.1.0

package/fesm2022/star-ng-ui-spinner.mjs

@@ -0,0 +1,148 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, inject, input } from "@angular/core";
+import { STAR_UI_TEXT } from "@star-ng/ui/core";
+var StarSpinner = class StarSpinner {
+	text = inject(STAR_UI_TEXT);
+	size = input("2.5rem", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	strokeWidth = input(4, ...ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarSpinner,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.6",
+		type: StarSpinner,
+		isStandalone: true,
+		selector: "star-spinner",
+		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			strokeWidth: {
+				classPropertyName: "strokeWidth",
+				publicName: "strokeWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "progressbar" },
+			properties: {
+				"attr.aria-label": "ariaLabel() ?? text.loading",
+				"style.width": "size()",
+				"style.height": "size()"
+			},
+			classAttribute: "star-spinner"
+		},
+		ngImport: i0,
+		template: `
+    <svg viewBox="0 0 50 50" aria-hidden="true">
+      <circle
+        class="star-spinner__track"
+        cx="25"
+        cy="25"
+        r="20"
+        fill="none"
+        [attr.stroke-width]="strokeWidth()"
+      />
+      <circle
+        class="star-spinner__arc"
+        cx="25"
+        cy="25"
+        r="20"
+        fill="none"
+        [attr.stroke-width]="strokeWidth()"
+      />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarSpinner,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-spinner",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "star-spinner",
+				role: "progressbar",
+				"[attr.aria-label]": "ariaLabel() ?? text.loading",
+				"[style.width]": "size()",
+				"[style.height]": "size()"
+			},
+			template: `
+    <svg viewBox="0 0 50 50" aria-hidden="true">
+      <circle
+        class="star-spinner__track"
+        cx="25"
+        cy="25"
+        r="20"
+        fill="none"
+        [attr.stroke-width]="strokeWidth()"
+      />
+      <circle
+        class="star-spinner__arc"
+        cx="25"
+        cy="25"
+        r="20"
+        fill="none"
+        [attr.stroke-width]="strokeWidth()"
+      />
+    </svg>
+  `
+		}]
+	}],
+	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		strokeWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "strokeWidth",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}]
+	}
+});
+export { StarSpinner };
+
+//# sourceMappingURL=star-ng-ui-spinner.mjs.map

package/fesm2022/star-ng-ui-spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-spinner.mjs","names":[],"sources":["../../../projects/star-ng/spinner/spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { STAR_UI_TEXT } from '@star-ng/ui/core';\n\n/**\n * Indeterminate progress spinner (PrimeNG `p-progressspinner`), SVG stroke in the primary color.\n * `<star-spinner size=\"2rem\" />`\n */\n@Component({\n  selector: 'star-spinner',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'star-spinner',\n    role: 'progressbar',\n    '[attr.aria-label]': 'ariaLabel() ?? text.loading',\n    '[style.width]': 'size()',\n    '[style.height]': 'size()',\n  },\n  template: `\n    <svg viewBox=\"0 0 50 50\" aria-hidden=\"true\">\n      <circle\n        class=\"star-spinner__track\"\n        cx=\"25\"\n        cy=\"25\"\n        r=\"20\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n      />\n      <circle\n        class=\"star-spinner__arc\"\n        cx=\"25\"\n        cy=\"25\"\n        r=\"20\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n      />\n    </svg>\n  `,\n})\nexport class StarSpinner {\n  protected readonly text = inject(STAR_UI_TEXT);\n  readonly size = input('2.5rem');\n  readonly strokeWidth = input(4);\n  readonly ariaLabel = input<string | null>(null);\n}\n"],"mappings":";;;AAsCA,IAAa,cAAb,MAAa,YAAW;CACH,OAAO,OAAO,YAAY;CACpC,OAAO,MAAM,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACtB,cAAc,MAAM,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACtB,YAAY,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAJpC,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAW,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,QAAA,cAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,eAAA;IAAA,gBAAA;GAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UArBZ;;;;;;;;;;;;;;;;;;;;EAmBT,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EA/BvB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,MAAM;IACJ,OAAO;IACP,MAAM;IACN,qBAAqB;IACrB,iBAAiB;IACjB,kBAAkB;GACnB;GACD,UAAU;;;;;;;;;;;;;;;;;;;;EAoBX,CAAA"}

package/fesm2022/star-ng-ui-stepper.mjs

@@ -0,0 +1,360 @@
+import { _IdGenerator } from "@angular/cdk/a11y";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, computed, contentChildren, forwardRef, inject, input, model } from "@angular/core";
+import { STAR_UI_TEXT } from "@star-ng/ui/core";
+var StarStep = class StarStep {
+	stepper = inject(forwardRef(() => StarStepper));
+	ids = inject(_IdGenerator);
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+	completed = input(false, {
+		...ngDevMode ? { debugName: "completed" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	headerId = this.ids.getId("star-step-");
+	panelId = this.ids.getId("star-step-panel-");
+	active = computed(() => this.stepper.current() === this.value(), ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarStep,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.6",
+		type: StarStep,
+		isStandalone: true,
+		selector: "star-step",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			description: {
+				classPropertyName: "description",
+				publicName: "description",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			completed: {
+				classPropertyName: "completed",
+				publicName: "completed",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "region" },
+			properties: {
+				"id": "panelId",
+				"attr.aria-labelledby": "headerId",
+				"hidden": "!active()"
+			},
+			classAttribute: "star-stepper__panel"
+		},
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarStep,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-step",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "star-stepper__panel",
+				role: "region",
+				"[id]": "panelId",
+				"[attr.aria-labelledby]": "headerId",
+				"[hidden]": "!active()"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}],
+		completed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "completed",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
+var StarStepper = class StarStepper {
+	text = inject(STAR_UI_TEXT);
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	linear = input(false, {
+		...ngDevMode ? { debugName: "linear" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	steps = contentChildren(StarStep, ...ngDevMode ? [{ debugName: "steps" }] : /* istanbul ignore next */ []);
+	current = computed(() => this.value() ?? this.steps()[0]?.value() ?? null, ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	index = computed(() => this.steps().findIndex((s) => s.value() === this.current()), ...ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []);
+	isFirst = computed(() => this.index() <= 0, ...ngDevMode ? [{ debugName: "isFirst" }] : /* istanbul ignore next */ []);
+	isLast = computed(() => this.index() === this.steps().length - 1, ...ngDevMode ? [{ debugName: "isLast" }] : /* istanbul ignore next */ []);
+	reachable(index) {
+		const steps = this.steps();
+		if (steps[index]?.disabled()) return false;
+		if (!this.linear()) return true;
+		return steps.slice(0, index).every((step) => step.completed());
+	}
+	next() {
+		const index = this.index();
+		if (index < this.steps().length - 1 && this.reachable(index + 1)) this.value.set(this.steps()[index + 1].value());
+	}
+	previous() {
+		const index = this.index();
+		if (index > 0) this.value.set(this.steps()[index - 1].value());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarStepper,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.6",
+		type: StarStepper,
+		isStandalone: true,
+		selector: "star-stepper",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			linear: {
+				classPropertyName: "linear",
+				publicName: "linear",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: { classAttribute: "star-stepper" },
+		queries: [{
+			propertyName: "steps",
+			predicate: StarStep,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <ol class="star-stepper__list" [attr.aria-label]="ariaLabel() ?? text.stepperLabel">
+      @for (step of steps(); track step.value(); let i = $index; let last = $last) {
+        <li
+          class="star-stepper__item"
+          [class.star-stepper__item--active]="step.active()"
+          [class.star-stepper__item--done]="step.completed()"
+        >
+          <button
+            type="button"
+            class="star-stepper__header"
+            [id]="step.headerId"
+            [attr.aria-controls]="step.panelId"
+            [attr.aria-current]="step.active() ? 'step' : null"
+            [disabled]="!reachable(i)"
+            (click)="value.set(step.value())"
+          >
+            <span class="star-stepper__number" aria-hidden="true">
+              @if (step.completed() && !step.active()) {
+                <i class="ph-bold ph-check"></i>
+              } @else {
+                {{ i + 1 }}
+              }
+            </span>
+            <span class="star-stepper__text">
+              <span class="star-stepper__label">{{ step.label() }}</span>
+              @if (step.description()) {
+                <span class="star-stepper__desc">{{ step.description() }}</span>
+              }
+            </span>
+            @if (step.completed()) {
+              <span class="star-sr-only">{{ text.stepCompleted }}</span>
+            }
+          </button>
+          @if (!last) {
+            <span class="star-stepper__line" aria-hidden="true"></span>
+          }
+        </li>
+      }
+    </ol>
+    <ng-content />
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarStepper,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-stepper",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "star-stepper" },
+			template: `
+    <ol class="star-stepper__list" [attr.aria-label]="ariaLabel() ?? text.stepperLabel">
+      @for (step of steps(); track step.value(); let i = $index; let last = $last) {
+        <li
+          class="star-stepper__item"
+          [class.star-stepper__item--active]="step.active()"
+          [class.star-stepper__item--done]="step.completed()"
+        >
+          <button
+            type="button"
+            class="star-stepper__header"
+            [id]="step.headerId"
+            [attr.aria-controls]="step.panelId"
+            [attr.aria-current]="step.active() ? 'step' : null"
+            [disabled]="!reachable(i)"
+            (click)="value.set(step.value())"
+          >
+            <span class="star-stepper__number" aria-hidden="true">
+              @if (step.completed() && !step.active()) {
+                <i class="ph-bold ph-check"></i>
+              } @else {
+                {{ i + 1 }}
+              }
+            </span>
+            <span class="star-stepper__text">
+              <span class="star-stepper__label">{{ step.label() }}</span>
+              @if (step.description()) {
+                <span class="star-stepper__desc">{{ step.description() }}</span>
+              }
+            </span>
+            @if (step.completed()) {
+              <span class="star-sr-only">{{ text.stepCompleted }}</span>
+            }
+          </button>
+          @if (!last) {
+            <span class="star-stepper__line" aria-hidden="true"></span>
+          }
+        </li>
+      }
+    </ol>
+    <ng-content />
+  `
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		linear: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linear",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		steps: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => StarStep), { isSignal: true }]
+		}]
+	}
+});
+export { StarStep, StarStepper };
+
+//# sourceMappingURL=star-ng-ui-stepper.mjs.map

package/fesm2022/star-ng-ui-stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-stepper.mjs","names":[],"sources":["../../../projects/star-ng/stepper/stepper.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  forwardRef,\n  inject,\n  input,\n  model,\n} from '@angular/core';\nimport { STAR_UI_TEXT } from '@star-ng/ui/core';\n\n/** One step of `star-stepper`; its content is the step panel. */\n@Component({\n  selector: 'star-step',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'star-stepper__panel',\n    role: 'region',\n    '[id]': 'panelId',\n    '[attr.aria-labelledby]': 'headerId',\n    '[hidden]': '!active()',\n  },\n  template: `<ng-content />`,\n})\nexport class StarStep {\n  private readonly stepper = inject(forwardRef(() => StarStepper));\n  private readonly ids = inject(_IdGenerator);\n\n  readonly value = input.required<string>();\n  readonly label = input.required<string>();\n  readonly description = input('');\n  /** Marks the step done (check icon). In linear mode, later steps unlock only after this. */\n  readonly completed = input(false, { transform: booleanAttribute });\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  readonly headerId = this.ids.getId('star-step-');\n  readonly panelId = this.ids.getId('star-step-panel-');\n  readonly active = computed(() => this.stepper.current() === this.value());\n}\n\n/**\n * Stepper (PrimeNG `p-stepper`): numbered steps with completed / current / upcoming states,\n * `[(value)]` for the active step, `linear` mode (a step opens only after all earlier steps\n * are `completed`), and `next()` / `previous()` for wizard buttons.\n *\n * ```html\n * <star-stepper #wizard [(value)]=\"step\" linear>\n *   <star-step value=\"requester\" label=\"Requester\" [completed]=\"form.requester().valid()\">…</star-step>\n *   <star-step value=\"question\" label=\"Question\">…</star-step>\n * </star-stepper>\n * ```\n */\n@Component({\n  selector: 'star-stepper',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'star-stepper' },\n  template: `\n    <ol class=\"star-stepper__list\" [attr.aria-label]=\"ariaLabel() ?? text.stepperLabel\">\n      @for (step of steps(); track step.value(); let i = $index; let last = $last) {\n        <li\n          class=\"star-stepper__item\"\n          [class.star-stepper__item--active]=\"step.active()\"\n          [class.star-stepper__item--done]=\"step.completed()\"\n        >\n          <button\n            type=\"button\"\n            class=\"star-stepper__header\"\n            [id]=\"step.headerId\"\n            [attr.aria-controls]=\"step.panelId\"\n            [attr.aria-current]=\"step.active() ? 'step' : null\"\n            [disabled]=\"!reachable(i)\"\n            (click)=\"value.set(step.value())\"\n          >\n            <span class=\"star-stepper__number\" aria-hidden=\"true\">\n              @if (step.completed() && !step.active()) {\n                <i class=\"ph-bold ph-check\"></i>\n              } @else {\n                {{ i + 1 }}\n              }\n            </span>\n            <span class=\"star-stepper__text\">\n              <span class=\"star-stepper__label\">{{ step.label() }}</span>\n              @if (step.description()) {\n                <span class=\"star-stepper__desc\">{{ step.description() }}</span>\n              }\n            </span>\n            @if (step.completed()) {\n              <span class=\"star-sr-only\">{{ text.stepCompleted }}</span>\n            }\n          </button>\n          @if (!last) {\n            <span class=\"star-stepper__line\" aria-hidden=\"true\"></span>\n          }\n        </li>\n      }\n    </ol>\n    <ng-content />\n  `,\n})\nexport class StarStepper {\n  protected readonly text = inject(STAR_UI_TEXT);\n  readonly value = model<string | null>(null);\n  readonly linear = input(false, { transform: booleanAttribute });\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly steps = contentChildren(StarStep);\n\n  readonly current = computed(() => this.value() ?? this.steps()[0]?.value() ?? null);\n  readonly index = computed(() => this.steps().findIndex((s) => s.value() === this.current()));\n  readonly isFirst = computed(() => this.index() <= 0);\n  readonly isLast = computed(() => this.index() === this.steps().length - 1);\n\n  protected reachable(index: number): boolean {\n    const steps = this.steps();\n    if (steps[index]?.disabled()) return false;\n    if (!this.linear()) return true;\n    return steps.slice(0, index).every((step) => step.completed());\n  }\n\n  next(): void {\n    const index = this.index();\n    if (index < this.steps().length - 1 && this.reachable(index + 1)) {\n      this.value.set(this.steps()[index + 1].value());\n    }\n  }\n\n  previous(): void {\n    const index = this.index();\n    if (index > 0) this.value.set(this.steps()[index - 1].value());\n  }\n}\n"],"mappings":"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"}