import { Component , HostBinding , Input } from '@angular/core' ; export enum ItemSize { XS = 'xs' , SM = 'sm' , MD = 'md' } @ Component ( { selector : 'kirby-item' , templateUrl : './item.component.html' , styleUrls : [ './item.component.scss' ] , } ) export class ItemComponent { @ Input ( ) disabled : boolean ; @ HostBinding ( 'class.selected' ) @ Input ( ) selected : boolean ; @ Input ( ) selectable : boolean ; @ Input ( ) reorderable : boolean ; @ HostBinding ( 'class' ) @ Input ( ) size : ItemSize = ItemSize . MD ; onMouseDown ( event ) { if ( event . currentTarget instanceof HTMLElement && event . currentTarget . closest ( 'kirby-dropdown' ) ) { event . preventDefault ( ) ; } } }