import { Component, Input, Output, EventEmitter } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
/**
 * Component to generate a num items selector
 *
 * @author Floyd Kissoon
 * @since 20170817
 */
export class NumItemsSelector {
    constructor() {
        this.numItemsChange = new EventEmitter();
    }
    /**
     * Called when an item has been selected
     */
    numItemsChanged() {
        this.numItemsChange.emit(this.numItems);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NumItemsSelector, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NumItemsSelector, selector: "num-items-selector", inputs: { numItems: "numItems" }, outputs: { numItemsChange: "numItemsChange" }, ngImport: i0, template: "<select [(ngModel)]=\"numItems\" class=\"form-control\" id=\"numItems\" name=\"numItems\" (change)=\"numItemsChanged()\">\r\n    <option value=\"25\">25</option>\r\n    <option value=\"50\">50</option>\r\n    <option value=\"100\">100</option>\r\n    <option value=\"250\">250</option>\r\n    <option value=\"500\">500</option>\r\n    <option value=\"1000\">1000</option>\r\n    <option value=\"2000\">2000</option>\r\n    <option value=\"3000\">3000</option>\r\n    <option value=\"4000\">4000</option>\r\n    <option value=\"5000\">5000</option>\r\n    <option value=\"5000000000\">All</option>\r\n</select> ", dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NumItemsSelector, decorators: [{
            type: Component,
            args: [{ selector: "num-items-selector", template: "<select [(ngModel)]=\"numItems\" class=\"form-control\" id=\"numItems\" name=\"numItems\" (change)=\"numItemsChanged()\">\r\n    <option value=\"25\">25</option>\r\n    <option value=\"50\">50</option>\r\n    <option value=\"100\">100</option>\r\n    <option value=\"250\">250</option>\r\n    <option value=\"500\">500</option>\r\n    <option value=\"1000\">1000</option>\r\n    <option value=\"2000\">2000</option>\r\n    <option value=\"3000\">3000</option>\r\n    <option value=\"4000\">4000</option>\r\n    <option value=\"5000\">5000</option>\r\n    <option value=\"5000000000\">All</option>\r\n</select> " }]
        }], ctorParameters: () => [], propDecorators: { numItems: [{
                type: Input
            }], numItemsChange: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtLWl0ZW1zLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10ZWNobGlmeS1jb3JlL3NyYy9saWIvdXRpbGl0eS9udW0taXRlbXMtc2VsZWN0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXRlY2hsaWZ5LWNvcmUvc3JjL2xpYi91dGlsaXR5L251bS1pdGVtcy1zZWxlY3Rvci5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUV2RTs7Ozs7R0FLRztBQUtILE1BQU0sT0FBTyxnQkFBZ0I7SUFJekI7UUFDSSxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDckQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZUFBZTtRQUNYLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM1QyxDQUFDOytHQWJRLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDJJQ1o3QixvbUJBWVU7OzRGREFHLGdCQUFnQjtrQkFKNUIsU0FBUzsrQkFDSSxvQkFBb0I7d0RBSXJCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbi8qKlxyXG4gKiBDb21wb25lbnQgdG8gZ2VuZXJhdGUgYSBudW0gaXRlbXMgc2VsZWN0b3JcclxuICogXHJcbiAqIEBhdXRob3IgRmxveWQgS2lzc29vblxyXG4gKiBAc2luY2UgMjAxNzA4MTdcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwibnVtLWl0ZW1zLXNlbGVjdG9yXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCIuL251bS1pdGVtcy1zZWxlY3Rvci5odG1sXCJcclxufSlcclxuZXhwb3J0IGNsYXNzIE51bUl0ZW1zU2VsZWN0b3Ige1xyXG4gICAgQElucHV0KCkgbnVtSXRlbXM6IG51bWJlcjtcclxuICAgIEBPdXRwdXQoKSBudW1JdGVtc0NoYW5nZTogRXZlbnRFbWl0dGVyPG51bWJlcj47XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICAgICAgdGhpcy5udW1JdGVtc0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogQ2FsbGVkIHdoZW4gYW4gaXRlbSBoYXMgYmVlbiBzZWxlY3RlZFxyXG4gICAgICovXHJcbiAgICBudW1JdGVtc0NoYW5nZWQoKSB7XHJcbiAgICAgICAgdGhpcy5udW1JdGVtc0NoYW5nZS5lbWl0KHRoaXMubnVtSXRlbXMpO1xyXG4gICAgfVxyXG5cclxuXHJcbn1cclxuIiwiPHNlbGVjdCBbKG5nTW9kZWwpXT1cIm51bUl0ZW1zXCIgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIiBpZD1cIm51bUl0ZW1zXCIgbmFtZT1cIm51bUl0ZW1zXCIgKGNoYW5nZSk9XCJudW1JdGVtc0NoYW5nZWQoKVwiPlxyXG4gICAgPG9wdGlvbiB2YWx1ZT1cIjI1XCI+MjU8L29wdGlvbj5cclxuICAgIDxvcHRpb24gdmFsdWU9XCI1MFwiPjUwPC9vcHRpb24+XHJcbiAgICA8b3B0aW9uIHZhbHVlPVwiMTAwXCI+MTAwPC9vcHRpb24+XHJcbiAgICA8b3B0aW9uIHZhbHVlPVwiMjUwXCI+MjUwPC9vcHRpb24+XHJcbiAgICA8b3B0aW9uIHZhbHVlPVwiNTAwXCI+NTAwPC9vcHRpb24+XHJcbiAgICA8b3B0aW9uIHZhbHVlPVwiMTAwMFwiPjEwMDA8L29wdGlvbj5cclxuICAgIDxvcHRpb24gdmFsdWU9XCIyMDAwXCI+MjAwMDwvb3B0aW9uPlxyXG4gICAgPG9wdGlvbiB2YWx1ZT1cIjMwMDBcIj4zMDAwPC9vcHRpb24+XHJcbiAgICA8b3B0aW9uIHZhbHVlPVwiNDAwMFwiPjQwMDA8L29wdGlvbj5cclxuICAgIDxvcHRpb24gdmFsdWU9XCI1MDAwXCI+NTAwMDwvb3B0aW9uPlxyXG4gICAgPG9wdGlvbiB2YWx1ZT1cIjUwMDAwMDAwMDBcIj5BbGw8L29wdGlvbj5cclxuPC9zZWxlY3Q+ICJdfQ==