/*
 * © 2017 Stratio Big Data Inc., Sucursal en España.
 *
 * This software is licensed under the Apache License, Version 2.0.
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the terms of the License for more details.
 *
 * SPDX-License-Identifier: Apache-2.0.
 */
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
import { CssProperty } from '@app/shared/css-property-table/css-property-table.model';

@Component({
   selector: 'st-bubble-demo',
   templateUrl: './st-bubble-demo.component.html',
   styleUrls: ['./st-bubble-demo.component.scss']
})
export class StBubbleDemoComponent {
   public configDoc: any = {
      html: 'demo/st-bubble-demo/st-bubble-demo.component.html',
      ts: 'demo/st-bubble-demo/st-bubble-demo.component.ts',
      component: 'lib/st-bubble/st-bubble.component.ts'
   };
   public text: string = 'What needed to deploy Crossdata?';
   public hidden: boolean = true;
   public animationFormControl: FormControl = new FormControl(true);
   public smallFormControl: FormControl = new FormControl(false);
   public openToLeftFormControl: FormControl = new FormControl(true);
   public cssProperties: CssProperty[] = [
      {
         name: '--egeo-st-bubble__arrow--margin-right',
         description: 'Bubble arrow margin right',
         default: '15px'
      },
      {
         name: '--egeo-st-bubble__text--font-size',
         description: 'Bubble text font size',
         default: '$egeo-font-size-14'
      },
      {
         name: '--egeo-st-bubble__text--padding',
         description: 'Bubble text padding',
         default: '15px 20px'
      },
      {
         name: '--egeo-st-bubble__small__text--padding',
         description: 'Small bubble text padding',
         default: '10px 15px'
      }
   ];


   onClick(): void {
      this.hidden = !this.hidden;
   }
}