ngx-ode-ui 3.12.0-dev.13 → 3.12.0-dev.14

package/fesm5/ngx-ode-ui.js

@@ -5243,6 +5243,95 @@ if (false) {
     DropdownComponent.prototype.onDropdown;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/search-toolbar/search-toolbar.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * Search Toolbar component.
+ * Used within List component, Search Toolbar will display following information:
+ * - Label of the search filter section (example: 'Search by')
+ * - List of search type filters (example: 'Name', 'Email' , ...)
+ * - Number of items returned by the search
+ *
+ * ```
+ * <ode-search-toolbar
+ * [label]="'user.searchType.label'"
+ * [searchTypes]="searchTypes"
+ * [nbItem]="nbUser || 0"
+ * [nbItemLabel]="'list.results.users'"
+ * (selectSearchType)="handleSelectSearchType($event)"
+ * >
+ * </ode-search-toolbar>
+ * ```
+ */
+var SearchToolbarComponent = /** @class */ (function (_super) {
+    __extends(SearchToolbarComponent, _super);
+    function SearchToolbarComponent(injector) {
+        var _this = _super.call(this, injector) || this;
+        _this.nbItem = 0;
+        _this.selectSearchType = new EventEmitter();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    SearchToolbarComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        if (this.searchTypes && this.searchTypes.length > 0) {
+            this.selectedSearchTypeValue = this.searchTypes[0].value;
+        }
+    };
+    /**
+     * @param {?} searchTypeValue
+     * @return {?}
+     */
+    SearchToolbarComponent.prototype.handleSearchTypeClick = /**
+     * @param {?} searchTypeValue
+     * @return {?}
+     */
+    function (searchTypeValue) {
+        this.selectedSearchTypeValue = searchTypeValue;
+        this.selectSearchType.emit(searchTypeValue);
+    };
+    SearchToolbarComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'ode-search-toolbar',
+                    template: "<div class=\"search-toolbar\">\n  <div class=\"search-toolbar-label\">\n    <s5l>{{ label }}</s5l>\n    <button\n      *ngFor=\"let searchType of searchTypes\"\n      class=\"button has-left-margin-5\"\n      [ngClass]=\"{\n        'is-selected': searchType.value === selectedSearchTypeValue\n      }\"\n      (click)=\"handleSearchTypeClick(searchType.value)\"\n    >\n      <s5l>{{ searchType.label }}</s5l>\n    </button>\n  </div>\n  <div>\n    <strong class=\"badge\">{{ nbItem }} <s5l>{{ nbItemLabel }}</s5l></strong>\n  </div>\n</div>\n",
+                    styles: [".search-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px}.search-toolbar .search-toolbar-label{font-size:.9em}"]
+                }] }
+    ];
+    /** @nocollapse */
+    SearchToolbarComponent.ctorParameters = function () { return [
+        { type: Injector }
+    ]; };
+    SearchToolbarComponent.propDecorators = {
+        label: [{ type: Input }],
+        searchTypes: [{ type: Input }],
+        nbItem: [{ type: Input }],
+        nbItemLabel: [{ type: Input }],
+        selectSearchType: [{ type: Output }]
+    };
+    return SearchToolbarComponent;
+}(OdeComponent));
+if (false) {
+    /** @type {?} */
+    SearchToolbarComponent.prototype.label;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.searchTypes;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.nbItem;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.nbItemLabel;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.selectSearchType;
+    /** @type {?} */
+    SearchToolbarComponent.prototype.selectedSearchTypeValue;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/ngx-ode-ui.module.ts
@@ -5327,7 +5416,8 @@ var NgxOdeUiModule = /** @class */ (function () {
                         BytesPipe,
                         KeysPipe,
                         LengthPipe,
-                        DropdownComponent
+                        DropdownComponent,
+                        SearchToolbarComponent
                     ],
                     imports: [
                         CommonModule,
@@ -5365,6 +5455,7 @@ var NgxOdeUiModule = /** @class */ (function () {
                         PagerComponent,
                         EllipsisComponent,
                         DropdownComponent,
+                        SearchToolbarComponent,
                         // directives
                         AnchorDirective,
                         DynamicTemplateDirective,
@@ -5401,5 +5492,5 @@ var NgxOdeUiModule = /** @class */ (function () {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { AnchorDirective, BytesPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, ComponentDescriptor, DatepickerComponent, DragAndDropFilesDirective, DynamicComponentDirective, DynamicModuleImportsService, DynamicTemplateDirective, EllipsisComponent, FilterPipe, FlattenObjectArrayPipe, FormErrorsComponent, FormFieldComponent, InputFileService, ItemTreeComponent, KeysPipe, LabelsService, LengthPipe, LightBoxComponent, LightboxConfirmComponent, LimitPipe, ListCheckableComponent, ListComponent, LocalizedDatePipe, MessageBoxComponent, MessageStickerComponent, MonoSelectComponent, MultiComboComponent, MultiSelectComponent, NgxOdeUiModule, ObjectURLDirective, OrderPipe, PagerComponent, PanelSectionComponent, PortalComponent, PushPanelComponent, SearchInputComponent, SideLayoutComponent, SidePanelComponent, SimpleSelectComponent, SpinnerCubeComponent, SpinnerService, StepComponent, StorePipe, TooltipComponent, UNITS, UploadFilesComponent, WizardComponent, clickOn, getText, getUnit, icons, removeAccents, standardise, toDecimal, trim, DropdownComponent as ɵa };
+export { AnchorDirective, BytesPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, ComponentDescriptor, DatepickerComponent, DragAndDropFilesDirective, DynamicComponentDirective, DynamicModuleImportsService, DynamicTemplateDirective, EllipsisComponent, FilterPipe, FlattenObjectArrayPipe, FormErrorsComponent, FormFieldComponent, InputFileService, ItemTreeComponent, KeysPipe, LabelsService, LengthPipe, LightBoxComponent, LightboxConfirmComponent, LimitPipe, ListCheckableComponent, ListComponent, LocalizedDatePipe, MessageBoxComponent, MessageStickerComponent, MonoSelectComponent, MultiComboComponent, MultiSelectComponent, NgxOdeUiModule, ObjectURLDirective, OrderPipe, PagerComponent, PanelSectionComponent, PortalComponent, PushPanelComponent, SearchInputComponent, SideLayoutComponent, SidePanelComponent, SimpleSelectComponent, SpinnerCubeComponent, SpinnerService, StepComponent, StorePipe, TooltipComponent, UNITS, UploadFilesComponent, WizardComponent, clickOn, getText, getUnit, icons, removeAccents, standardise, toDecimal, trim, DropdownComponent as ɵa, SearchToolbarComponent as ɵb };
 //# sourceMappingURL=ngx-ode-ui.js.map