///
/// Copyright 2015-2026 Micro Focus or one of its affiliates.
///
/// 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.
///

import { Directive, ElementRef, EventEmitter, HostListener, inject, Output } from '@angular/core';

@Directive({ selector: '[uxToolbarSearchButton]' })
export class ToolbarSearchButtonDirective {
  private readonly _elementRef = inject(ElementRef);

  /** Emit whenever the button is clicked */
  @Output() clicked = new EventEmitter<void>();

  /** Get the width of the button element */
  get width(): number {
    return this._elementRef.nativeElement.offsetWidth;
  }

  @HostListener('click')
  clickHandler(): void {
    this.clicked.emit();
  }
}