@3ddv/software-division-components 1.4.11 → 1.4.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -4616,11 +4616,11 @@ class StepperComponent {
|
|
|
4616
4616
|
return `state-${this.stateForIndex(i)}`;
|
|
4617
4617
|
}
|
|
4618
4618
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4619
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: StepperComponent, isStandalone: true, selector: "sdc-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, routeName: { classPropertyName: "routeName", publicName: "routeName", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<nav [attr.aria-label]=\"'progress-stepper'\" [class]=\"computedClass()\">\n <ol class=\"sdc-stepper__list\">\n @for (step of steps(); track step.name; let i = $index) {\n <li class=\"sdc-stepper__item\">\n <span class=\"sdc-stepper__text\" [class]=\"stateClass(i)\"> {{ i + 1 }}. {{ step.action }} </span>\n </li>\n }\n </ol>\n</nav>\n", styles: [".sdc-stepper{--sdc-stepper-text-color: var(--color-neutral-300);--sdc-stepper-normal-color: var(--color-neutral-500);--sdc-stepper-active-color: var(--color-alternative);--sdc-stepper-completed-color: var(--color-alternative);--sdc-stepper-separator-color: var(--color-neutral-500);--sdc-stepper-separator-opacity: 1;--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-gap-y: 0;--sdc-stepper-font-size: var(--text-base);--sdc-stepper-font-weight: var(--font-semibold);--sdc-stepper-separator-content: \"-\";display:block}.sdc-stepper.variant-light{--sdc-stepper-active-color: white;--sdc-stepper-completed-color: white}.sdc-stepper.variant-dark{--sdc-stepper-active-color: var(--color-
|
|
4619
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: StepperComponent, isStandalone: true, selector: "sdc-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, routeName: { classPropertyName: "routeName", publicName: "routeName", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<nav [attr.aria-label]=\"'progress-stepper'\" [class]=\"computedClass()\">\n <ol class=\"sdc-stepper__list\">\n @for (step of steps(); track step.name; let i = $index) {\n <li class=\"sdc-stepper__item\">\n <span class=\"sdc-stepper__text\" [class]=\"stateClass(i)\"> {{ i + 1 }}. {{ step.action }} </span>\n </li>\n }\n </ol>\n</nav>\n", styles: [".sdc-stepper{--sdc-stepper-text-color: var(--color-neutral-300);--sdc-stepper-normal-color: var(--color-neutral-500);--sdc-stepper-active-color: var(--color-alternative);--sdc-stepper-completed-color: var(--color-alternative);--sdc-stepper-separator-color: var(--color-neutral-500);--sdc-stepper-separator-opacity: 1;--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-gap-y: 0;--sdc-stepper-font-size: var(--text-base);--sdc-stepper-font-weight: var(--font-semibold);--sdc-stepper-separator-content: \"-\";display:block}.sdc-stepper.variant-light{--sdc-stepper-active-color: white;--sdc-stepper-completed-color: white}.sdc-stepper.variant-dark{--sdc-stepper-active-color: var(--color-accent);--sdc-stepper-completed-color: var(--color-accent)}.sdc-stepper .sdc-stepper__list{display:flex;width:100%;text-align:center;align-items:center;font-weight:var(--sdc-stepper-font-weight);color:var(--sdc-stepper-text-color);gap:var(--sdc-stepper-gap-x)}.sdc-stepper.orientation-vertical .sdc-stepper__list{flex-direction:column;align-items:flex-start;gap:var(--sdc-stepper-gap-y)}.sdc-stepper.align-start .sdc-stepper__list{justify-content:flex-start}.sdc-stepper.align-center .sdc-stepper__list{justify-content:center}.sdc-stepper.align-end .sdc-stepper__list{justify-content:flex-end}.sdc-stepper.size-xxs{--sdc-stepper-gap-x: var(--space-1);--sdc-stepper-font-size: var(--text-xxs);--sdc-stepper-separator-content: \"/\"}.sdc-stepper.size-xs{--sdc-stepper-gap-x: var(--space-1);--sdc-stepper-font-size: var(--text-xs);--sdc-stepper-separator-content: \"/\"}.sdc-stepper.size-sm{--sdc-stepper-gap-x: var(--space-1_5);--sdc-stepper-font-size: var(--text-sm);--sdc-stepper-separator-content: \"-\"}.sdc-stepper.size-md{--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-font-size: var(--text-base);--sdc-stepper-separator-content: \"-\"}.sdc-stepper.size-lg{--sdc-stepper-gap-x: var(--space-3);--sdc-stepper-font-size: var(--text-lg);--sdc-stepper-separator-content: \"-\"}.sdc-stepper__item{display:flex;align-items:center;position:relative;color:inherit}.sdc-stepper.orientation-horizontal .sdc-stepper__item:not(:last-child):after{content:var(--sdc-stepper-separator-content);margin:0 var(--space-2);color:var(--sdc-stepper-separator-color);opacity:var(--sdc-stepper-separator-opacity)}.sdc-stepper.orientation-vertical .sdc-stepper__item:not(:last-child):after{content:\"\";display:block;width:1px;height:var(--space-4);margin:var(--space-1) 0;background-color:var(--sdc-stepper-separator-color);opacity:var(--sdc-stepper-separator-opacity)}.sdc-stepper__text{font-size:var(--sdc-stepper-font-size);transition:color .2s ease-in-out}.sdc-stepper__text.state-active{color:var(--sdc-stepper-active-color)}.sdc-stepper__text.state-normal{color:var(--sdc-stepper-normal-color)}.sdc-stepper__text.state-completed{color:var(--sdc-stepper-completed-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4620
4620
|
}
|
|
4621
4621
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: StepperComponent, decorators: [{
|
|
4622
4622
|
type: Component,
|
|
4623
|
-
args: [{ selector: 'sdc-stepper', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav [attr.aria-label]=\"'progress-stepper'\" [class]=\"computedClass()\">\n <ol class=\"sdc-stepper__list\">\n @for (step of steps(); track step.name; let i = $index) {\n <li class=\"sdc-stepper__item\">\n <span class=\"sdc-stepper__text\" [class]=\"stateClass(i)\"> {{ i + 1 }}. {{ step.action }} </span>\n </li>\n }\n </ol>\n</nav>\n", styles: [".sdc-stepper{--sdc-stepper-text-color: var(--color-neutral-300);--sdc-stepper-normal-color: var(--color-neutral-500);--sdc-stepper-active-color: var(--color-alternative);--sdc-stepper-completed-color: var(--color-alternative);--sdc-stepper-separator-color: var(--color-neutral-500);--sdc-stepper-separator-opacity: 1;--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-gap-y: 0;--sdc-stepper-font-size: var(--text-base);--sdc-stepper-font-weight: var(--font-semibold);--sdc-stepper-separator-content: \"-\";display:block}.sdc-stepper.variant-light{--sdc-stepper-active-color: white;--sdc-stepper-completed-color: white}.sdc-stepper.variant-dark{--sdc-stepper-active-color: var(--color-
|
|
4623
|
+
args: [{ selector: 'sdc-stepper', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav [attr.aria-label]=\"'progress-stepper'\" [class]=\"computedClass()\">\n <ol class=\"sdc-stepper__list\">\n @for (step of steps(); track step.name; let i = $index) {\n <li class=\"sdc-stepper__item\">\n <span class=\"sdc-stepper__text\" [class]=\"stateClass(i)\"> {{ i + 1 }}. {{ step.action }} </span>\n </li>\n }\n </ol>\n</nav>\n", styles: [".sdc-stepper{--sdc-stepper-text-color: var(--color-neutral-300);--sdc-stepper-normal-color: var(--color-neutral-500);--sdc-stepper-active-color: var(--color-alternative);--sdc-stepper-completed-color: var(--color-alternative);--sdc-stepper-separator-color: var(--color-neutral-500);--sdc-stepper-separator-opacity: 1;--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-gap-y: 0;--sdc-stepper-font-size: var(--text-base);--sdc-stepper-font-weight: var(--font-semibold);--sdc-stepper-separator-content: \"-\";display:block}.sdc-stepper.variant-light{--sdc-stepper-active-color: white;--sdc-stepper-completed-color: white}.sdc-stepper.variant-dark{--sdc-stepper-active-color: var(--color-accent);--sdc-stepper-completed-color: var(--color-accent)}.sdc-stepper .sdc-stepper__list{display:flex;width:100%;text-align:center;align-items:center;font-weight:var(--sdc-stepper-font-weight);color:var(--sdc-stepper-text-color);gap:var(--sdc-stepper-gap-x)}.sdc-stepper.orientation-vertical .sdc-stepper__list{flex-direction:column;align-items:flex-start;gap:var(--sdc-stepper-gap-y)}.sdc-stepper.align-start .sdc-stepper__list{justify-content:flex-start}.sdc-stepper.align-center .sdc-stepper__list{justify-content:center}.sdc-stepper.align-end .sdc-stepper__list{justify-content:flex-end}.sdc-stepper.size-xxs{--sdc-stepper-gap-x: var(--space-1);--sdc-stepper-font-size: var(--text-xxs);--sdc-stepper-separator-content: \"/\"}.sdc-stepper.size-xs{--sdc-stepper-gap-x: var(--space-1);--sdc-stepper-font-size: var(--text-xs);--sdc-stepper-separator-content: \"/\"}.sdc-stepper.size-sm{--sdc-stepper-gap-x: var(--space-1_5);--sdc-stepper-font-size: var(--text-sm);--sdc-stepper-separator-content: \"-\"}.sdc-stepper.size-md{--sdc-stepper-gap-x: var(--space-2);--sdc-stepper-font-size: var(--text-base);--sdc-stepper-separator-content: \"-\"}.sdc-stepper.size-lg{--sdc-stepper-gap-x: var(--space-3);--sdc-stepper-font-size: var(--text-lg);--sdc-stepper-separator-content: \"-\"}.sdc-stepper__item{display:flex;align-items:center;position:relative;color:inherit}.sdc-stepper.orientation-horizontal .sdc-stepper__item:not(:last-child):after{content:var(--sdc-stepper-separator-content);margin:0 var(--space-2);color:var(--sdc-stepper-separator-color);opacity:var(--sdc-stepper-separator-opacity)}.sdc-stepper.orientation-vertical .sdc-stepper__item:not(:last-child):after{content:\"\";display:block;width:1px;height:var(--space-4);margin:var(--space-1) 0;background-color:var(--sdc-stepper-separator-color);opacity:var(--sdc-stepper-separator-opacity)}.sdc-stepper__text{font-size:var(--sdc-stepper-font-size);transition:color .2s ease-in-out}.sdc-stepper__text.state-active{color:var(--sdc-stepper-active-color)}.sdc-stepper__text.state-normal{color:var(--sdc-stepper-normal-color)}.sdc-stepper__text.state-completed{color:var(--sdc-stepper-completed-color)}\n"] }]
|
|
4624
4624
|
}] });
|
|
4625
4625
|
|
|
4626
4626
|
/*
|