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";
/**
 * Component that formats a card-box of content.
 */
export class DbxCardBoxComponent {
    header = input();
    icon = input();
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxCardBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxCardBoxComponent, isStandalone: true, selector: "dbx-card-box", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
    <div class="dbx-card-box">
      <div class="dbx-section-header">
        <div class="dbx-section-header-content">
          <h4 class="dbx-section-header-content-title">
            @if (icon()) {
              <mat-icon>{{ icon() }}</mat-icon>
            }
            @if (header()) {
              <span class="title-text">{{ header() }}</span>
            }
          </h4>
          <span class="spacer"></span>
          <ng-content select="[sectionHeader]"></ng-content>
        </div>
      </div>
      <div class="dbx-card-box-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: DbxCardBoxComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'dbx-card-box',
                    template: `
    <div class="dbx-card-box">
      <div class="dbx-section-header">
        <div class="dbx-section-header-content">
          <h4 class="dbx-section-header-content-title">
            @if (icon()) {
              <mat-icon>{{ icon() }}</mat-icon>
            }
            @if (header()) {
              <span class="title-text">{{ header() }}</span>
            }
          </h4>
          <span class="spacer"></span>
          <ng-content select="[sectionHeader]"></ng-content>
        </div>
      </div>
      <div class="dbx-card-box-content">
        <ng-content></ng-content>
      </div>
    </div>
  `,
                    imports: [MatIconModule],
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    standalone: true
                }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5ib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9jYXJkL2NhcmQuYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQUV2RDs7R0FFRztBQTRCSCxNQUFNLE9BQU8sbUJBQW1CO0lBQ3JCLE1BQU0sR0FBRyxLQUFLLEVBQVUsQ0FBQztJQUN6QixJQUFJLEdBQUcsS0FBSyxFQUFVLENBQUM7d0dBRnJCLG1CQUFtQjs0RkFBbkIsbUJBQW1CLG9VQXpCcEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JULDJEQUNTLGFBQWE7OzRGQUlaLG1CQUFtQjtrQkEzQi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQlQ7b0JBQ0QsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUN4QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcblxuLyoqXG4gKiBDb21wb25lbnQgdGhhdCBmb3JtYXRzIGEgY2FyZC1ib3ggb2YgY29udGVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWNhcmQtYm94JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LWNhcmQtYm94XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudFwiPlxuICAgICAgICAgIDxoNCBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50LXRpdGxlXCI+XG4gICAgICAgICAgICBAaWYgKGljb24oKSkge1xuICAgICAgICAgICAgICA8bWF0LWljb24+e3sgaWNvbigpIH19PC9tYXQtaWNvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAoaGVhZGVyKCkpIHtcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS10ZXh0XCI+e3sgaGVhZGVyKCkgfX08L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9oND5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNwYWNlclwiPjwvc3Bhbj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2VjdGlvbkhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGJ4LWNhcmQtYm94LWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIGltcG9ydHM6IFtNYXRJY29uTW9kdWxlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgRGJ4Q2FyZEJveENvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGhlYWRlciA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgaWNvbiA9IGlucHV0PHN0cmluZz4oKTtcbn1cbiJdfQ==