import { ChangeDetectionStrategy, Component, Input, HostBinding } from '@angular/core';
export class ROptionListComponent {
    constructor() {
        this.size = 'medium';
    }
    // @Input() position: RPosition;
    // @HostBinding('class.position-top')
    // get positionTop(): boolean {
    //   return this.position === RPosition.TOP;
    // }
    // @HostBinding('class.position-bottom')
    // get positionBottom(): boolean {
    //   return this.position === RPosition.BOTTOM;
    // }
    get sizeTiny() {
        return this.size === 'tiny';
    }
    get sizeSmall() {
        return this.size === 'small';
    }
    get sizeMedium() {
        return this.size === 'medium';
    }
    get sizeLarge() {
        return this.size === 'large';
    }
    get sizeGiant() {
        return this.size === 'giant';
    }
}
ROptionListComponent.decorators = [
    { type: Component, args: [{
                selector: 'r-option-list',
                template: `
    <ul class="option-list">
      <ng-content></ng-content>
    </ul>
  `,
                changeDetection: ChangeDetectionStrategy.OnPush,
                styles: [""]
            },] }
];
ROptionListComponent.propDecorators = {
    size: [{ type: Input }],
    sizeTiny: [{ type: HostBinding, args: ['class.size-tiny',] }],
    sizeSmall: [{ type: HostBinding, args: ['class.size-small',] }],
    sizeMedium: [{ type: HostBinding, args: ['class.size-medium',] }],
    sizeLarge: [{ type: HostBinding, args: ['class.size-large',] }],
    sizeGiant: [{ type: HostBinding, args: ['class.size-giant',] }]
};
//# sourceMappingURL=option-list.component.js.map