mirror of
https://github.com/bitwarden/browser
synced 2025-12-12 14:23:32 +00:00
3e4c37b8b3
* Copy Vertical stepper into CL * remove unused input * add docs around vertical step usage * use signal inputs * add vertical step story * enhance documentation * WIP * Rename to Stepper * adds horizontal stepper * updated view logic * add resizeobserver directive * add basic responsizeness to stepper * add comment about stateChanged method * update responsive logic * reformat with prettier * remove obsolete applyBorder input * fix step type mismatch * fix incorrect step import * fix borken disabled logic * fix class logic * move tabpanel out of tablist. correctly increment ids * make map private * use accordion attributes for vertical stepper * barrel export directive * fixing types * remove now obsolete step-content * reimplement constructors to fix storybook not rendering * move padding to different container * move map and observer into directive * remove useless test for now * add comment about constructor implementation * add template variable for disabled state * fix typo * simplify resize observer directive logic * add jsdoc description * use typography directive * use the variable for step disabled * Update libs/components/src/stepper/stepper.mdx Co-authored-by: Vicki League <vleague@bitwarden.com> --------- Co-authored-by: Will Martin <contact@willmartian.com> Co-authored-by: Vicki League <vleague@bitwarden.com>
17 lines
405 B
TypeScript
17 lines
405 B
TypeScript
import { CdkStep, CdkStepper } from "@angular/cdk/stepper";
|
|
import { Component, input } from "@angular/core";
|
|
|
|
@Component({
|
|
selector: "bit-step",
|
|
templateUrl: "step.component.html",
|
|
providers: [{ provide: CdkStep, useExisting: StepComponent }],
|
|
standalone: true,
|
|
})
|
|
export class StepComponent extends CdkStep {
|
|
subLabel = input();
|
|
|
|
constructor(stepper: CdkStepper) {
|
|
super(stepper);
|
|
}
|
|
}
|