/*
 * Copyright [2019] [Metamagic]
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * Created by Kedar Kokil on 10/05/19.
 */

import {
   Component, EventEmitter, Input,
  OnInit, Output,
} from '@angular/core';
@Component({
  selector: 'amexio-menu-ce',
  templateUrl: './menu.component.html',
})
export class AmexioMenuCEComponent implements OnInit {

  constructor() { }

  @Input() data: any;

  @Input('font') font = 'Titillium Web';

  @Input() size: string;

  @Input('font-color') fontColor: string;

  @Output() onClick: any = new EventEmitter<any>();

  @Input('animation-type') type: any;

  @Input('menu-positioning') position = 'left';

  @Input('menu-alignment') menuAlignment = 'left';
  animatedClass: any;

  ngOnInit() {
    this.data.forEach((element: any) => {
      element['hover'] = false;
    });

    if (this.type) {
      this.animatedClass = 'bmenu' + this.type;
    }
  }
  onMenuClick(event: any) {
    this.onClick.emit(event);
  }
}
