import { CommonModule } from '@angular/common';
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class QuoteBoxComponent {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: QuoteBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: QuoteBoxComponent, isStandalone: true, selector: "quote-box", inputs: { props: "props" }, ngImport: i0, template: `
    <div
      class="quote-box"
      [ngClass]="{
        'quote-box--primary': props.color === 'primary',
        'quote-box--secondary': props.color === 'secondary',
        'quote-box--tertiary': props.color === 'tertiary',
        'quote-box--success': props.color === 'success',
        'quote-box--warning': props.color === 'warning',
        'quote-box--danger': props.color === 'danger',
        'quote-box--dark': props.color === 'dark',
        'quote-box--light': props.color === 'light',
        'quote-box--medium': props.color === 'medium',
        'quote-box--left': props.alignment === 'left',
        'quote-box--center': props.alignment === 'center' || !props.alignment,
        'quote-box--right': props.alignment === 'right',
      }"
    >
      <!-- Comillas decorativas -->
      <div
        *ngIf="props.showQuoteMark !== false"
        class="quote-box__quote-mark"
        [ngClass]="{
          'quote-box__quote-mark--small': props.size === 'small',
          'quote-box__quote-mark--medium': props.size === 'medium' || !props.size,
          'quote-box__quote-mark--large': props.size === 'large',
          'quote-box__quote-mark--xlarge': props.size === 'xlarge',
        }"
      >
        "
      </div>

      <!-- Contenido de la cita -->
      <div
        class="quote-box__content"
        [ngClass]="{
          'quote-box__content--small': props.size === 'small',
          'quote-box__content--medium': props.size === 'medium' || !props.size,
          'quote-box__content--large': props.size === 'large',
          'quote-box__content--xlarge': props.size === 'xlarge',
          'quote-box__content--bold': props.bold,
        }"
      >
        {{ props.content }}
      </div>

      <!-- Autor y fuente -->
      <div
        *ngIf="props.author"
        class="quote-box__attribution"
        [ngClass]="{
          'quote-box__attribution--small': props.size === 'small',
          'quote-box__attribution--medium': props.size === 'medium' || !props.size,
          'quote-box__attribution--large': props.size === 'large',
          'quote-box__attribution--xlarge': props.size === 'xlarge',
          'quote-box__attribution--bold': props.bold,
          'quote-box__attribution--primary': props.authorColor === 'primary',
          'quote-box__attribution--secondary': props.authorColor === 'secondary',
          'quote-box__attribution--tertiary': props.authorColor === 'tertiary',
          'quote-box__attribution--success': props.authorColor === 'success',
          'quote-box__attribution--warning': props.authorColor === 'warning',
          'quote-box__attribution--danger': props.authorColor === 'danger',
          'quote-box__attribution--dark': props.authorColor === 'dark',
          'quote-box__attribution--light': props.authorColor === 'light',
          'quote-box__attribution--color-medium': props.authorColor === 'medium',
        }"
      >
        {{ props.author }}<span *ngIf="props.source">, {{ props.source }}</span>
      </div>
    </div>
  `, isInline: true, styles: ["@charset \"UTF-8\";.quote-box{position:relative;margin:2rem 0;text-align:center;max-width:37.5rem;margin-left:auto;margin-right:auto;transition:all .3s ease-in-out}.quote-box:hover{transform:translateY(-.125rem)}.quote-box__quote-mark{font-size:3rem;line-height:1;opacity:.3;font-family:Georgia,serif}.quote-box__quote-mark--small{font-size:2.25rem}.quote-box__quote-mark--medium{font-size:3rem}.quote-box__quote-mark--large{font-size:4rem}.quote-box__quote-mark--xlarge{font-size:5rem}.quote-box__content{font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-family:Georgia,serif;color:var(--ion-color-dark, #000);position:relative}.quote-box__content--small{font-size:1rem}.quote-box__content--medium{font-size:1.125rem}.quote-box__content--large{font-size:1.375rem}.quote-box__content--xlarge{font-size:1.625rem}.quote-box__content--bold{font-weight:600}.quote-box__attribution{font-style:normal;font-weight:500;text-align:right;color:var(--ion-color-medium, #666);position:relative}.quote-box__attribution:before{content:\"\\2014  \";opacity:.6}.quote-box__attribution--small{font-size:.875rem}.quote-box__attribution--medium{font-size:1rem}.quote-box__attribution--large{font-size:1.125rem}.quote-box__attribution--xlarge{font-size:1.25rem}.quote-box__attribution--bold{font-weight:600}.quote-box--left{text-align:left;max-width:none;margin-left:0;margin-right:auto}.quote-box--left .quote-box__attribution{text-align:left}.quote-box--right{text-align:right;max-width:none;margin-left:auto;margin-right:0}.quote-box--right .quote-box__attribution{text-align:right}.quote-box--center{text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.quote-box--center .quote-box__attribution{text-align:right}.quote-box--primary .quote-box__content,.quote-box--primary .quote-box__quote-mark{color:var(--ion-color-primary, #3880ff)}.quote-box--secondary .quote-box__content,.quote-box--secondary .quote-box__quote-mark{color:var(--ion-color-secondary, #3dc2ff)}.quote-box--tertiary .quote-box__content,.quote-box--tertiary .quote-box__quote-mark{color:var(--ion-color-tertiary, #5260ff)}.quote-box--success .quote-box__content,.quote-box--success .quote-box__quote-mark{color:var(--ion-color-success, #2dd36f)}.quote-box--warning .quote-box__content,.quote-box--warning .quote-box__quote-mark{color:var(--ion-color-warning, #ffc409)}.quote-box--danger .quote-box__content,.quote-box--danger .quote-box__quote-mark{color:var(--ion-color-danger, #eb445a)}.quote-box--dark .quote-box__content,.quote-box--dark .quote-box__quote-mark{color:var(--ion-color-dark, #222428)}.quote-box--light .quote-box__content,.quote-box--light .quote-box__quote-mark{color:var(--ion-color-light, #f4f5f8)}.quote-box--medium .quote-box__content,.quote-box--medium .quote-box__quote-mark{color:var(--ion-color-medium, #92949c)}.quote-box__attribution--primary{color:var(--ion-color-primary, #3880ff)!important}.quote-box__attribution--secondary{color:var(--ion-color-secondary, #3dc2ff)!important}.quote-box__attribution--tertiary{color:var(--ion-color-tertiary, #5260ff)!important}.quote-box__attribution--success{color:var(--ion-color-success, #2dd36f)!important}.quote-box__attribution--warning{color:var(--ion-color-warning, #ffc409)!important}.quote-box__attribution--danger{color:var(--ion-color-danger, #eb445a)!important}.quote-box__attribution--dark{color:var(--ion-color-dark, #222428)!important}.quote-box__attribution--color-medium{color:var(--ion-color-medium, #92949c)!important}.quote-box__attribution--light{color:var(--ion-color-light, #f4f5f8)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: QuoteBoxComponent, decorators: [{
            type: Component,
            args: [{ selector: 'quote-box', standalone: true, imports: [CommonModule], template: `
    <div
      class="quote-box"
      [ngClass]="{
        'quote-box--primary': props.color === 'primary',
        'quote-box--secondary': props.color === 'secondary',
        'quote-box--tertiary': props.color === 'tertiary',
        'quote-box--success': props.color === 'success',
        'quote-box--warning': props.color === 'warning',
        'quote-box--danger': props.color === 'danger',
        'quote-box--dark': props.color === 'dark',
        'quote-box--light': props.color === 'light',
        'quote-box--medium': props.color === 'medium',
        'quote-box--left': props.alignment === 'left',
        'quote-box--center': props.alignment === 'center' || !props.alignment,
        'quote-box--right': props.alignment === 'right',
      }"
    >
      <!-- Comillas decorativas -->
      <div
        *ngIf="props.showQuoteMark !== false"
        class="quote-box__quote-mark"
        [ngClass]="{
          'quote-box__quote-mark--small': props.size === 'small',
          'quote-box__quote-mark--medium': props.size === 'medium' || !props.size,
          'quote-box__quote-mark--large': props.size === 'large',
          'quote-box__quote-mark--xlarge': props.size === 'xlarge',
        }"
      >
        "
      </div>

      <!-- Contenido de la cita -->
      <div
        class="quote-box__content"
        [ngClass]="{
          'quote-box__content--small': props.size === 'small',
          'quote-box__content--medium': props.size === 'medium' || !props.size,
          'quote-box__content--large': props.size === 'large',
          'quote-box__content--xlarge': props.size === 'xlarge',
          'quote-box__content--bold': props.bold,
        }"
      >
        {{ props.content }}
      </div>

      <!-- Autor y fuente -->
      <div
        *ngIf="props.author"
        class="quote-box__attribution"
        [ngClass]="{
          'quote-box__attribution--small': props.size === 'small',
          'quote-box__attribution--medium': props.size === 'medium' || !props.size,
          'quote-box__attribution--large': props.size === 'large',
          'quote-box__attribution--xlarge': props.size === 'xlarge',
          'quote-box__attribution--bold': props.bold,
          'quote-box__attribution--primary': props.authorColor === 'primary',
          'quote-box__attribution--secondary': props.authorColor === 'secondary',
          'quote-box__attribution--tertiary': props.authorColor === 'tertiary',
          'quote-box__attribution--success': props.authorColor === 'success',
          'quote-box__attribution--warning': props.authorColor === 'warning',
          'quote-box__attribution--danger': props.authorColor === 'danger',
          'quote-box__attribution--dark': props.authorColor === 'dark',
          'quote-box__attribution--light': props.authorColor === 'light',
          'quote-box__attribution--color-medium': props.authorColor === 'medium',
        }"
      >
        {{ props.author }}<span *ngIf="props.source">, {{ props.source }}</span>
      </div>
    </div>
  `, styles: ["@charset \"UTF-8\";.quote-box{position:relative;margin:2rem 0;text-align:center;max-width:37.5rem;margin-left:auto;margin-right:auto;transition:all .3s ease-in-out}.quote-box:hover{transform:translateY(-.125rem)}.quote-box__quote-mark{font-size:3rem;line-height:1;opacity:.3;font-family:Georgia,serif}.quote-box__quote-mark--small{font-size:2.25rem}.quote-box__quote-mark--medium{font-size:3rem}.quote-box__quote-mark--large{font-size:4rem}.quote-box__quote-mark--xlarge{font-size:5rem}.quote-box__content{font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-family:Georgia,serif;color:var(--ion-color-dark, #000);position:relative}.quote-box__content--small{font-size:1rem}.quote-box__content--medium{font-size:1.125rem}.quote-box__content--large{font-size:1.375rem}.quote-box__content--xlarge{font-size:1.625rem}.quote-box__content--bold{font-weight:600}.quote-box__attribution{font-style:normal;font-weight:500;text-align:right;color:var(--ion-color-medium, #666);position:relative}.quote-box__attribution:before{content:\"\\2014  \";opacity:.6}.quote-box__attribution--small{font-size:.875rem}.quote-box__attribution--medium{font-size:1rem}.quote-box__attribution--large{font-size:1.125rem}.quote-box__attribution--xlarge{font-size:1.25rem}.quote-box__attribution--bold{font-weight:600}.quote-box--left{text-align:left;max-width:none;margin-left:0;margin-right:auto}.quote-box--left .quote-box__attribution{text-align:left}.quote-box--right{text-align:right;max-width:none;margin-left:auto;margin-right:0}.quote-box--right .quote-box__attribution{text-align:right}.quote-box--center{text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.quote-box--center .quote-box__attribution{text-align:right}.quote-box--primary .quote-box__content,.quote-box--primary .quote-box__quote-mark{color:var(--ion-color-primary, #3880ff)}.quote-box--secondary .quote-box__content,.quote-box--secondary .quote-box__quote-mark{color:var(--ion-color-secondary, #3dc2ff)}.quote-box--tertiary .quote-box__content,.quote-box--tertiary .quote-box__quote-mark{color:var(--ion-color-tertiary, #5260ff)}.quote-box--success .quote-box__content,.quote-box--success .quote-box__quote-mark{color:var(--ion-color-success, #2dd36f)}.quote-box--warning .quote-box__content,.quote-box--warning .quote-box__quote-mark{color:var(--ion-color-warning, #ffc409)}.quote-box--danger .quote-box__content,.quote-box--danger .quote-box__quote-mark{color:var(--ion-color-danger, #eb445a)}.quote-box--dark .quote-box__content,.quote-box--dark .quote-box__quote-mark{color:var(--ion-color-dark, #222428)}.quote-box--light .quote-box__content,.quote-box--light .quote-box__quote-mark{color:var(--ion-color-light, #f4f5f8)}.quote-box--medium .quote-box__content,.quote-box--medium .quote-box__quote-mark{color:var(--ion-color-medium, #92949c)}.quote-box__attribution--primary{color:var(--ion-color-primary, #3880ff)!important}.quote-box__attribution--secondary{color:var(--ion-color-secondary, #3dc2ff)!important}.quote-box__attribution--tertiary{color:var(--ion-color-tertiary, #5260ff)!important}.quote-box__attribution--success{color:var(--ion-color-success, #2dd36f)!important}.quote-box__attribution--warning{color:var(--ion-color-warning, #ffc409)!important}.quote-box__attribution--danger{color:var(--ion-color-danger, #eb445a)!important}.quote-box__attribution--dark{color:var(--ion-color-dark, #222428)!important}.quote-box__attribution--color-medium{color:var(--ion-color-medium, #92949c)!important}.quote-box__attribution--light{color:var(--ion-color-light, #f4f5f8)!important}\n"] }]
        }], propDecorators: { props: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 