[{"__symbolic":"module","version":3,"metadata":{"RpSelectControlComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"rp-select-control","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RpSelectControlComponent"},"multi":true}],"styles":["\n    rp-controls-dropdown {\n      top: -.3em;\n      left: -.3em;\n    }\n  "],"template":"\n    <rp-control\n      [value]=\"selected\"\n      [hasFocus]=\"isOpen\"\n      [touched]=\"touched\"\n      [label]=\"label\"\n      (labelClick)=\"open()\"\n      types=\"select\"\n    >\n      <button (click)=\"open()\" class=\"rp-control__select-btn\" type=\"button\">\n        <span *ngIf=\"names.length\">{{names}}</span>\n        <span *ngIf=\"!names.length\" class=\"rp-control__placeholder\">{{placeholder}}</span>\n        <span class=\"rp-control__select-btn-icon\">▾</span>\n      </button>\n\n      <rp-controls-dropdown [open]=\"isOpen\" (overlayClick)=\"open()\" class=\"is-absolute\">\n        <!-- Single Select -->\n        <rp-radios-control *ngIf=\"limit === 1\" [value]=\"selected\" (changes)=\"select($event); open()\">\n          <rp-option *ngFor=\"let x of options\" [value]=\"x.value\" [label]=\"x.label\"></rp-option>\n        </rp-radios-control>\n\n        <!-- Multiple Select -->\n        <rp-checkboxes-control *ngIf=\"limit !== 1\" [value]=\"selected\" (changes)=\"select($event)\" [limit]=\"limit\">\n          <rp-option *ngFor=\"let x of options\" [value]=\"x.value\" [label]=\"x.label\"></rp-option>\n        </rp-checkboxes-control>\n\n        <!-- No options -->\n        <fieldset *ngIf=\"!options.length\">\n          <div class=\"rp-control__list-item\">No options.</div>\n        </fieldset>\n      </rp-controls-dropdown>\n    </rp-control>\n  "}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./rp-option.component","name":"RpOptionComponent"}]}]}],"select":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RpSelectControlComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"rp-select-control","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RpSelectControlComponent"},"multi":true}],"styles":["\n    rp-controls-dropdown {\n      top: -.3em;\n      left: -.3em;\n    }\n  "],"template":"\n    <rp-control\n      [value]=\"selected\"\n      [hasFocus]=\"isOpen\"\n      [touched]=\"touched\"\n      [label]=\"label\"\n      (labelClick)=\"open()\"\n      types=\"select\"\n    >\n      <button (click)=\"open()\" class=\"rp-control__select-btn\" type=\"button\">\n        <span *ngIf=\"names.length\">{{names}}</span>\n        <span *ngIf=\"!names.length\" class=\"rp-control__placeholder\">{{placeholder}}</span>\n        <span class=\"rp-control__select-btn-icon\">▾</span>\n      </button>\n\n      <rp-controls-dropdown [open]=\"isOpen\" (overlayClick)=\"open()\" class=\"is-absolute\">\n        <!-- Single Select -->\n        <rp-radios-control *ngIf=\"limit === 1\" [value]=\"selected\" (changes)=\"select($event); open()\">\n          <rp-option *ngFor=\"let x of options\" [value]=\"x.value\" [label]=\"x.label\"></rp-option>\n        </rp-radios-control>\n\n        <!-- Multiple Select -->\n        <rp-checkboxes-control *ngIf=\"limit !== 1\" [value]=\"selected\" (changes)=\"select($event)\" [limit]=\"limit\">\n          <rp-option *ngFor=\"let x of options\" [value]=\"x.value\" [label]=\"x.label\"></rp-option>\n        </rp-checkboxes-control>\n\n        <!-- No options -->\n        <fieldset *ngIf=\"!options.length\">\n          <div class=\"rp-control__list-item\">No options.</div>\n        </fieldset>\n      </rp-controls-dropdown>\n    </rp-control>\n  "}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./rp-option.component","name":"RpOptionComponent"}]}]}],"select":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}}]