import { Component, input, ChangeDetectionStrategy } from '@angular/core';
import { MatIconModule } from '@angular/material/icon';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/icon";
// TODO: Incomplete component. Requires styling.
export class DbxStepComponent {
    done = input();
    step = input();
    text = input();
    hint = input();
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxStepComponent, isStandalone: true, selector: "dbx-step", inputs: { done: { classPropertyName: "done", publicName: "done", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.done": "done()" }, classAttribute: "dbx-step" }, ngImport: i0, template: `
    <div class="step-section">
      <div class="step-section-header">
        <span class="step">{{ step() }}.</span>
        @if (done()) {
          <mat-icon class="done-check">done</mat-icon>
        }
        <span class="text">{{ text() }}</span>
        @if (hint()) {
          <p class="hint">{{ hint() }}</p>
        }
      </div>
      <div class="step-section-content">
        <ng-content></ng-content>
      </div>
    </div>
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStepComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'dbx-step',
                    template: `
    <div class="step-section">
      <div class="step-section-header">
        <span class="step">{{ step() }}.</span>
        @if (done()) {
          <mat-icon class="done-check">done</mat-icon>
        }
        <span class="text">{{ text() }}</span>
        @if (hint()) {
          <p class="hint">{{ hint() }}</p>
        }
      </div>
      <div class="step-section-content">
        <ng-content></ng-content>
      </div>
    </div>
  `,
                    host: {
                        class: 'dbx-step',
                        '[class.done]': 'done()'
                    },
                    imports: [MatIconModule],
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    standalone: true
                }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFHdkQsZ0RBQWdEO0FBNkJoRCxNQUFNLE9BQU8sZ0JBQWdCO0lBQ2xCLElBQUksR0FBRyxLQUFLLEVBQVcsQ0FBQztJQUN4QixJQUFJLEdBQUcsS0FBSyxFQUFVLENBQUM7SUFDdkIsSUFBSSxHQUFHLEtBQUssRUFBaUIsQ0FBQztJQUM5QixJQUFJLEdBQUcsS0FBSyxFQUFpQixDQUFDO3dHQUo1QixnQkFBZ0I7NEZBQWhCLGdCQUFnQixrbkJBekJqQjs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVCwyREFLUyxhQUFhOzs0RkFJWixnQkFBZ0I7a0JBM0I1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7b0JBQ0QsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxVQUFVO3dCQUNqQixjQUFjLEVBQUUsUUFBUTtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUN4QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8vIFRPRE86IEluY29tcGxldGUgY29tcG9uZW50LiBSZXF1aXJlcyBzdHlsaW5nLlxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc3RlcCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInN0ZXAtc2VjdGlvblwiPlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtc2VjdGlvbi1oZWFkZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGVwXCI+e3sgc3RlcCgpIH19Ljwvc3Bhbj5cbiAgICAgICAgQGlmIChkb25lKCkpIHtcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJkb25lLWNoZWNrXCI+ZG9uZTwvbWF0LWljb24+XG4gICAgICAgIH1cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+e3sgdGV4dCgpIH19PC9zcGFuPlxuICAgICAgICBAaWYgKGhpbnQoKSkge1xuICAgICAgICAgIDxwIGNsYXNzPVwiaGludFwiPnt7IGhpbnQoKSB9fTwvcD5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RlcC1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2RieC1zdGVwJyxcbiAgICAnW2NsYXNzLmRvbmVdJzogJ2RvbmUoKSdcbiAgfSxcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGVdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBEYnhTdGVwQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgZG9uZSA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IHN0ZXAgPSBpbnB1dDxudW1iZXI+KCk7XG4gIHJlYWRvbmx5IHRleHQgPSBpbnB1dDxNYXliZTxzdHJpbmc+PigpO1xuICByZWFkb25seSBoaW50ID0gaW5wdXQ8TWF5YmU8c3RyaW5nPj4oKTtcbn1cbiJdfQ==