import { Component, input, output, ChangeDetectionStrategy } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/button";
/**
 * Component used to format content that displays an intro until a button is pressed.
 */
export class DbxIntroActionSectionComponent {
    hint = input();
    showIntro = input(true);
    action = input();
    showAction = output();
    actionClicked() {
        this.showAction.emit();
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxIntroActionSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxIntroActionSectionComponent, isStandalone: true, selector: "dbx-intro-action-section", inputs: { hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, showIntro: { classPropertyName: "showIntro", publicName: "showIntro", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showAction: "showAction" }, ngImport: i0, template: `
    <div class="dbx-intro-action-section">
      @switch (showIntro()) {
        @case (true) {
          <div class="dbx-intro-action-section-intro">
            <p>{{ hint() }}</p>
            <div>
              <ng-content select="[info]"></ng-content>
            </div>
            <div>
              <button mat-raised-button color="accent" (click)="actionClicked()">{{ action() }}</button>
            </div>
          </div>
        }
        @case (false) {
          <ng-content></ng-content>
        }
      }
    </div>
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxIntroActionSectionComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'dbx-intro-action-section',
                    template: `
    <div class="dbx-intro-action-section">
      @switch (showIntro()) {
        @case (true) {
          <div class="dbx-intro-action-section-intro">
            <p>{{ hint() }}</p>
            <div>
              <ng-content select="[info]"></ng-content>
            </div>
            <div>
              <button mat-raised-button color="accent" (click)="actionClicked()">{{ action() }}</button>
            </div>
          </div>
        }
        @case (false) {
          <ng-content></ng-content>
        }
      }
    </div>
  `,
                    standalone: true,
                    imports: [MatButtonModule],
                    changeDetection: ChangeDetectionStrategy.OnPush
                }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5pbnRyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc2VjdGlvbi5pbnRyby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBRTNEOztHQUVHO0FBMkJILE1BQU0sT0FBTyw4QkFBOEI7SUFDaEMsSUFBSSxHQUFHLEtBQUssRUFBaUIsQ0FBQztJQUM5QixTQUFTLEdBQUcsS0FBSyxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN4QyxNQUFNLEdBQUcsS0FBSyxFQUFpQixDQUFDO0lBRWhDLFVBQVUsR0FBRyxNQUFNLEVBQVEsQ0FBQztJQUVyQyxhQUFhO1FBQ1gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO3dHQVRVLDhCQUE4Qjs0RkFBOUIsOEJBQThCLDJmQXhCL0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQsMkRBRVMsZUFBZTs7NEZBR2QsOEJBQThCO2tCQTFCMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDMUIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgb3V0cHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5cbi8qKlxuICogQ29tcG9uZW50IHVzZWQgdG8gZm9ybWF0IGNvbnRlbnQgdGhhdCBkaXNwbGF5cyBhbiBpbnRybyB1bnRpbCBhIGJ1dHRvbiBpcyBwcmVzc2VkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtaW50cm8tYWN0aW9uLXNlY3Rpb24nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtaW50cm8tYWN0aW9uLXNlY3Rpb25cIj5cbiAgICAgIEBzd2l0Y2ggKHNob3dJbnRybygpKSB7XG4gICAgICAgIEBjYXNlICh0cnVlKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRieC1pbnRyby1hY3Rpb24tc2VjdGlvbi1pbnRyb1wiPlxuICAgICAgICAgICAgPHA+e3sgaGludCgpIH19PC9wPlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2luZm9dXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIGNvbG9yPVwiYWNjZW50XCIgKGNsaWNrKT1cImFjdGlvbkNsaWNrZWQoKVwiPnt7IGFjdGlvbigpIH19PC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBAY2FzZSAoZmFsc2UpIHtcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdEJ1dHRvbk1vZHVsZV0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGhpbnQgPSBpbnB1dDxNYXliZTxzdHJpbmc+PigpO1xuICByZWFkb25seSBzaG93SW50cm8gPSBpbnB1dDxNYXliZTxib29sZWFuPj4odHJ1ZSk7XG4gIHJlYWRvbmx5IGFjdGlvbiA9IGlucHV0PE1heWJlPHN0cmluZz4+KCk7XG5cbiAgcmVhZG9ubHkgc2hvd0FjdGlvbiA9IG91dHB1dDx2b2lkPigpO1xuXG4gIGFjdGlvbkNsaWNrZWQoKSB7XG4gICAgdGhpcy5zaG93QWN0aW9uLmVtaXQoKTtcbiAgfVxufVxuIl19