@enigmatry/entry-components 1.2.80 → 1.2.82

package/fesm2020/enigmatry-entry-components-search-filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"enigmatry-entry-components-search-filter.mjs","sources":["../../../../libs/entry-components/search-filter/search-filter-config.model.ts","../../../../libs/entry-components/search-filter/search-filter-input.component.ts","../../../../libs/entry-components/search-filter/search-filter-input.component.html","../../../../libs/entry-components/search-filter/entry-search-filter.component.ts","../../../../libs/entry-components/search-filter/entry-search-filter.component.html","../../../../libs/entry-components/search-filter/search-filter-base.ts","../../../../libs/entry-components/search-filter/search-filter-textbox.ts","../../../../libs/entry-components/search-filter/entry-search-filter.module.ts","../../../../libs/entry-components/search-filter/enigmatry-entry-components-search-filter.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n/**\n * Used to provide default configurations on module level.\n */\nexport class EntrySearchFilterConfig {\n    /** Apply search filters button label (default 'Apply') */\n    applyButtonText: string;\n\n    constructor(config: Partial<EntrySearchFilterConfig> = {}) {\n        this.applyButtonText = config.applyButtonText ?? 'Apply';\n    }\n}\nexport const ENTRY_SEARCH_FILTER_CONFIG = new InjectionToken<EntrySearchFilterConfig>('EntrySearchFilterConfig',\n    {\n        providedIn: 'root',\n        factory: () => new EntrySearchFilterConfig()\n    }\n);\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { SearchFilterBase } from './search-filter-base';\r\n\r\n@Component({\r\n  selector: 'entry-search-filter-input',\r\n  templateUrl: './search-filter-input.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class EntrySearchFilterInputComponent {\r\n  /** Configuration of the search filters inputs that will be displayed in the search-filter component. */\r\n  @Input() searchFilter!: SearchFilterBase<string>;\r\n  /** Form group to which the search-filter input component will be added. */\r\n  @Input() form!: FormGroup;\r\n}\r\n","<mat-form-field [formGroup]=\"form\">\r\n  <mat-label [attr.for]=\"searchFilter.key\">{{searchFilter.label}}</mat-label>\r\n\r\n  <div [ngSwitch]=\"searchFilter.controlType\">\r\n\r\n    <input *ngSwitchCase=\"'textbox'\" [formControlName]=\"searchFilter.key\" [id]=\"searchFilter.key\"\r\n      [type]=\"searchFilter.type\" matInput [placeholder]=\"searchFilter.placeholder\" [maxlength]=\"searchFilter.maxLength\">\r\n\r\n  </div>\r\n</mat-form-field>","import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, OnInit, Output } from '@angular/core';\r\nimport { FormControl, FormGroup } from '@angular/forms';\r\nimport { SearchFilterBase } from './search-filter-base';\r\nimport { SearchFilterParams } from './search-filter-params';\r\nimport { ENTRY_SEARCH_FILTER_CONFIG, EntrySearchFilterConfig } from './search-filter-config.model';\r\n\r\n/**\r\n * Entry SearchFilter component.\r\n */\r\n@Component({\r\n  selector: 'entry-search-filter',\r\n  templateUrl: './entry-search-filter.component.html',\r\n  styleUrls: ['./entry-search-filter.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class EntrySearchFilterComponent implements OnInit {\r\n\r\n  /** Configuration of the search filters inputs that will be displayed in the search-filter component. */\r\n  @Input() searchFilters: SearchFilterBase<string>[] = [];\r\n  /**\r\n   * Emits the change in SearchFilterParams so the containing component can apply them and retreive the filtered results.\r\n   */\r\n  @Output() searchFilterChange = new EventEmitter<SearchFilterParams>();\r\n\r\n  searchFilterForm!: FormGroup;\r\n\r\n  constructor(@Inject(ENTRY_SEARCH_FILTER_CONFIG) public config: EntrySearchFilterConfig) { }\r\n\r\n  ngOnInit() {\r\n    this.searchFilterForm = this.toFormGroup(this.searchFilters);\r\n  }\r\n\r\n  onSubmit() {\r\n    const formValue = this.searchFilterForm.value;\r\n    this.searchFilterChange.emit(formValue);\r\n  }\r\n\r\n  toFormGroup(searchFilters: SearchFilterBase<string>[]) {\r\n    const group: any = {};\r\n\r\n    searchFilters.forEach(searchFilter => {\r\n      const formControl = new FormControl(searchFilter.value || '');\r\n      group[searchFilter.key] = formControl;\r\n      searchFilter.formControl = formControl;\r\n    });\r\n    return new FormGroup(group);\r\n  }\r\n}\r\n","<div class=\"search-form-container\">\r\n    <form (ngSubmit)=\"onSubmit()\" [formGroup]=\"searchFilterForm\">\r\n        <div class=\"search-form-fields\">\r\n            <div *ngFor=\"let searchFilter of searchFilters\" class=\"search-form-field\">\r\n                <entry-search-filter-input [searchFilter]=\"searchFilter\"\r\n                    [form]=\"searchFilterForm\"></entry-search-filter-input>\r\n            </div>\r\n            <div>\r\n                <button type=\"button\" class=\"mat-raised-button mat-accent\" type=\"submit\">{{config.applyButtonText}}</button>\r\n            </div>\r\n        </div>\r\n    </form>\r\n</div>","import { FormControl } from '@angular/forms';\r\n\r\n/**\r\n * Base Entry search filter input component.\r\n */\r\nexport class SearchFilterBase<T> {\r\n  /** Unique search-filter input key */\r\n  key: string;\r\n  /** Default value to be displayed/selected in the input control */\r\n  value: T | undefined;\r\n  /** Default */\r\n  label: string;\r\n  /** Label text to be displayed for the search-filter input control */\r\n  placeholder: string;\r\n  /** Type of input control e.g. 'email' */\r\n  type: string;\r\n  order: number;\r\n  /** Control type to be overriden in implementing class, used to render the proper input type e.g. 'textbox' */\r\n  controlType: string;\r\n  /** Max text length to be enterd in the input component (default is 256) */\r\n  maxLength: number;\r\n  formControl: FormControl;\r\n\r\n  constructor(options: Partial<SearchFilterBase<T>> = {}) {\r\n    this.value = options.value;\r\n    this.key = options.key || '';\r\n    this.label = options.label || '';\r\n    this.placeholder = options.placeholder || '';\r\n    this.order = options.order === undefined ? 1 : options.order;\r\n    this.controlType = options.controlType || '';\r\n    this.type = options.type || '';\r\n    this.maxLength = options.maxLength || 256;\r\n  }\r\n\r\n  setValue(value: T | undefined) {\r\n    this.value = value;\r\n    if (this.formControl) {\r\n      this.formControl.patchValue(value);\r\n    }\r\n  }\r\n}\r\n","import { SearchFilterBase } from './search-filter-base';\r\n\r\nexport class SearchFilterInput extends SearchFilterBase<string> {\r\n  override controlType = 'textbox';\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatListModule } from '@angular/material/list';\r\n\r\nimport { EntrySearchFilterComponent } from './entry-search-filter.component';\r\nimport { EntrySearchFilterInputComponent } from './search-filter-input.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    EntrySearchFilterComponent,\r\n    EntrySearchFilterInputComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatButtonModule,\r\n    MatListModule\r\n  ],\r\n  exports: [\r\n    EntrySearchFilterComponent\r\n  ]\r\n})\r\nexport class EntrySearchFilterModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.EntrySearchFilterInputComponent"],"mappings":";;;;;;;;;;;;AAEA;;AAEG;MACU,uBAAuB,CAAA;AAIhC,IAAA,WAAA,CAAY,SAA2C,EAAE,EAAA;QACrD,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,IAAI,OAAO,CAAC;KAC5D;AACJ,CAAA;MACY,0BAA0B,GAAG,IAAI,cAAc,CAA0B,yBAAyB,EAC3G;AACI,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE;AAC/C,CAAA;;MCRQ,+BAA+B,CAAA;;6HAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,+BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,+BAA+B,yHCT5C,ucASiB,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDAJ,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAL3C,SAAS;+BACE,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ucAAA,EAAA,CAAA;8BAItC,YAAY,EAAA,CAAA;sBAApB,KAAK;gBAEG,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;AEPR;;AAEG;MAOU,0BAA0B,CAAA;AAWrC,IAAA,WAAA,CAAuD,MAA+B,EAAA;QAA/B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAyB;;QAR7E,IAAa,CAAA,aAAA,GAA+B,EAAE,CAAC;AACxD;;AAEG;AACO,QAAA,IAAA,CAAA,kBAAkB,GAAG,IAAI,YAAY,EAAsB,CAAC;KAIqB;IAE3F,QAAQ,GAAA;QACN,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC9D;IAED,QAAQ,GAAA;AACN,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;AAC9C,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACzC;AAED,IAAA,WAAW,CAAC,aAAyC,EAAA;QACnD,MAAM,KAAK,GAAQ,EAAE,CAAC;AAEtB,QAAA,aAAa,CAAC,OAAO,CAAC,YAAY,IAAG;YACnC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;AAC9D,YAAA,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC;AACtC,YAAA,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACzC,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;KAC7B;;AA/BU,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,kBAWjB,0BAA0B,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAXnC,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,8JCfvC,4oBAYM,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAA,+BAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDGO,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4oBAAA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,CAAA;;0BAalC,MAAM;2BAAC,0BAA0B,CAAA;4CARrC,aAAa,EAAA,CAAA;sBAArB,KAAK;gBAII,kBAAkB,EAAA,CAAA;sBAA3B,MAAM;;;AEpBT;;AAEG;MACU,gBAAgB,CAAA;AAkB3B,IAAA,WAAA,CAAY,UAAwC,EAAE,EAAA;AACpD,QAAA,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QACjC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;AAC7C,QAAA,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,KAAK,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;QAC7D,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;QAC7C,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;QAC/B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,GAAG,CAAC;KAC3C;AAED,IAAA,QAAQ,CAAC,KAAoB,EAAA;AAC3B,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AACpC,SAAA;KACF;AACF;;ACtCK,MAAO,iBAAkB,SAAQ,gBAAwB,CAAA;AAA/D,IAAA,WAAA,GAAA;;QACW,IAAW,CAAA,WAAA,GAAG,SAAS,CAAC;KAClC;AAAA;;MCuBY,uBAAuB,CAAA;;qHAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,iBAfhC,0BAA0B;AAC1B,QAAA,+BAA+B,aAG/B,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,cAAc;QACd,eAAe;AACf,QAAA,aAAa,aAGb,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAGjB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,EAZzB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,cAAc;YACd,eAAe;YACf,aAAa;AACd,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAjBnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,0BAA0B;wBAC1B,+BAA+B;AAChC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,cAAc;wBACd,eAAe;wBACf,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,0BAA0B;AAC3B,qBAAA;AACF,iBAAA,CAAA;;;AC1BD;;AAEG;;;;"}
+{"version":3,"file":"enigmatry-entry-components-search-filter.mjs","sources":["../../../../libs/entry-components/search-filter/search-filter-config.model.ts","../../../../libs/entry-components/search-filter/search-filter-input.component.ts","../../../../libs/entry-components/search-filter/search-filter-input.component.html","../../../../libs/entry-components/search-filter/entry-search-filter.component.ts","../../../../libs/entry-components/search-filter/entry-search-filter.component.html","../../../../libs/entry-components/search-filter/search-filter-base.ts","../../../../libs/entry-components/search-filter/search-filter-textbox.ts","../../../../libs/entry-components/search-filter/entry-search-filter.module.ts","../../../../libs/entry-components/search-filter/enigmatry-entry-components-search-filter.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n/**\n * Used to provide default configurations on module level.\n */\nexport class EntrySearchFilterConfig {\n    /** Apply search filters button label (default 'Apply') */\n    applyButtonText: string;\n\n    constructor(config: Partial<EntrySearchFilterConfig> = {}) {\n        this.applyButtonText = config.applyButtonText ?? 'Apply';\n    }\n}\nexport const ENTRY_SEARCH_FILTER_CONFIG = new InjectionToken<EntrySearchFilterConfig>('EntrySearchFilterConfig',\n    {\n        providedIn: 'root',\n        factory: () => new EntrySearchFilterConfig()\n    }\n);\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { UntypedFormGroup } from '@angular/forms';\r\nimport { SearchFilterBase } from './search-filter-base';\r\n\r\n@Component({\r\n  selector: 'entry-search-filter-input',\r\n  templateUrl: './search-filter-input.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class EntrySearchFilterInputComponent {\r\n  /** Configuration of the search filters inputs that will be displayed in the search-filter component. */\r\n  @Input() searchFilter!: SearchFilterBase<string>;\r\n  /** Form group to which the search-filter input component will be added. */\r\n  @Input() form!: UntypedFormGroup;\r\n}\r\n","<mat-form-field [formGroup]=\"form\">\r\n  <mat-label [attr.for]=\"searchFilter.key\">{{searchFilter.label}}</mat-label>\r\n\r\n  <div [ngSwitch]=\"searchFilter.controlType\">\r\n\r\n    <input *ngSwitchCase=\"'textbox'\" [formControlName]=\"searchFilter.key\" [id]=\"searchFilter.key\"\r\n      [type]=\"searchFilter.type\" matInput [placeholder]=\"searchFilter.placeholder\" [maxlength]=\"searchFilter.maxLength\">\r\n\r\n  </div>\r\n</mat-form-field>","import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, OnInit, Output } from '@angular/core';\r\nimport { FormControl, UntypedFormGroup } from '@angular/forms';\r\nimport { SearchFilterBase } from './search-filter-base';\r\nimport { SearchFilterParams } from './search-filter-params';\r\nimport { ENTRY_SEARCH_FILTER_CONFIG, EntrySearchFilterConfig } from './search-filter-config.model';\r\n\r\n/**\r\n * Entry SearchFilter component.\r\n */\r\n@Component({\r\n  selector: 'entry-search-filter',\r\n  templateUrl: './entry-search-filter.component.html',\r\n  styleUrls: ['./entry-search-filter.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class EntrySearchFilterComponent implements OnInit {\r\n\r\n  /** Configuration of the search filters inputs that will be displayed in the search-filter component. */\r\n  @Input() searchFilters: SearchFilterBase<string>[] = [];\r\n  /**\r\n   * Emits the change in SearchFilterParams so the containing component can apply them and retrieve the filtered results.\r\n   */\r\n  @Output() searchFilterChange = new EventEmitter<SearchFilterParams>();\r\n\r\n  searchFilterForm!: UntypedFormGroup;\r\n\r\n  constructor(@Inject(ENTRY_SEARCH_FILTER_CONFIG) public config: EntrySearchFilterConfig) { }\r\n\r\n  ngOnInit() {\r\n    this.searchFilterForm = this.toFormGroup(this.searchFilters);\r\n  }\r\n\r\n  onSubmit() {\r\n    const formValue = this.searchFilterForm.value;\r\n    this.searchFilterChange.emit(formValue);\r\n  }\r\n\r\n  toFormGroup(searchFilters: SearchFilterBase<string>[]) {\r\n    const group: any = {};\r\n\r\n    searchFilters.forEach(searchFilter => {\r\n      const formControl = new FormControl<string>(searchFilter.value || '');\r\n      group[searchFilter.key] = formControl;\r\n      searchFilter.formControl = formControl;\r\n    });\r\n    return new UntypedFormGroup(group);\r\n  }\r\n}\r\n","<div class=\"search-form-container\">\r\n    <form (ngSubmit)=\"onSubmit()\" [formGroup]=\"searchFilterForm\">\r\n        <div class=\"search-form-fields\">\r\n            <div *ngFor=\"let searchFilter of searchFilters\" class=\"search-form-field\">\r\n                <entry-search-filter-input [searchFilter]=\"searchFilter\"\r\n                    [form]=\"searchFilterForm\"></entry-search-filter-input>\r\n            </div>\r\n            <div>\r\n                <button type=\"button\" class=\"mat-raised-button mat-accent\" type=\"submit\">{{config.applyButtonText}}</button>\r\n            </div>\r\n        </div>\r\n    </form>\r\n</div>","import { FormControl } from '@angular/forms';\r\n\r\n/**\r\n * Base Entry search filter input component.\r\n */\r\nexport class SearchFilterBase<T> {\r\n  /** Unique search-filter input key */\r\n  key: string;\r\n  /** Default value to be displayed/selected in the input control */\r\n  value: T | undefined;\r\n  /** Default */\r\n  label: string;\r\n  /** Label text to be displayed for the search-filter input control */\r\n  placeholder: string;\r\n  /** Type of input control e.g. 'email' */\r\n  type: string;\r\n  order: number;\r\n  /** Control type to be overriden in implementing class, used to render the proper input type e.g. 'textbox' */\r\n  controlType: string;\r\n  /** Max text length to be enterd in the input component (default is 256) */\r\n  maxLength: number;\r\n  formControl: FormControl<T>;\r\n\r\n  constructor(options: Partial<SearchFilterBase<T>> = {}) {\r\n    this.value = options.value;\r\n    this.key = options.key || '';\r\n    this.label = options.label || '';\r\n    this.placeholder = options.placeholder || '';\r\n    this.order = options.order === undefined ? 1 : options.order;\r\n    this.controlType = options.controlType || '';\r\n    this.type = options.type || '';\r\n    this.maxLength = options.maxLength || 256;\r\n  }\r\n\r\n  setValue(value: T | undefined) {\r\n    this.value = value;\r\n    if (this.formControl) {\r\n      this.formControl.patchValue(value);\r\n    }\r\n  }\r\n}\r\n","import { SearchFilterBase } from './search-filter-base';\r\n\r\nexport class SearchFilterInput extends SearchFilterBase<string> {\r\n  override controlType = 'textbox';\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatListModule } from '@angular/material/list';\r\n\r\nimport { EntrySearchFilterComponent } from './entry-search-filter.component';\r\nimport { EntrySearchFilterInputComponent } from './search-filter-input.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    EntrySearchFilterComponent,\r\n    EntrySearchFilterInputComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatButtonModule,\r\n    MatListModule\r\n  ],\r\n  exports: [\r\n    EntrySearchFilterComponent\r\n  ]\r\n})\r\nexport class EntrySearchFilterModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3.EntrySearchFilterInputComponent"],"mappings":"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"}

package/fesm2020/enigmatry-entry-components-toolbar.mjs

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Toolbar component (`<entry-toolbar>`) is used to render header section in the applications containing menu items as a content.
+ * It offers build in support for toolbar title or logo, while other elements need to be provided via content projection.
+ * On smaller screens (mobile/tablet) it switches to compact view containing menu icon button used to toggle content visibility.
+ *
+ * @example
+ * ```html
+ * <entry-toolbar
+ *    titleUri="http://www.enigmatry.com"
+ *    titleLogoSrc="assets/enigmatry-logo.png">
+ *    <!-- SOME CUSTOM HTML CODE THAT RENDERS MENU ITEMS -->
+ * </entry-toolbar>
+ * ```
+ */
+class EntryToolbarComponent {
+    constructor() {
+        /** Url to be redirected to if user click on the title (default value '/') */
+        this.titleUri = '/';
+        /** If provided, it replaces string title and renders logo image instead */
+        this.titleLogoSrc = undefined;
+        /** Used to hide the title section if not required (default value false) */
+        this.hideTitle = false;
+        this.menuOpened = false;
+    }
+}
+EntryToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntryToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EntryToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EntryToolbarComponent, selector: "entry-toolbar", inputs: { title: "title", titleUri: "titleUri", titleLogoSrc: "titleLogoSrc", hideTitle: "hideTitle" }, ngImport: i0, template: "<header class=\"entry-toolbar\">\n    <nav class=\"entry-toolbar-nav\">\n        <div class=\"entry-toolbar-data\">\n            <div class=\"entry-toolbar-logo\">\n                <a *ngIf=\"!hideTitle\" [href]=\"titleUri\">\n                    <span *ngIf=\"!titleLogoSrc\">{{title}}</span>\n                    <img *ngIf=\"titleLogoSrc\" [src]=\"titleLogoSrc\"/>\n                </a>\n            </div>\n\n            <div class=\"entry-toolbar-nav-toggle\"\n                (click)=\"menuOpened = !menuOpened\"\n                [ngClass]=\"{'show-toolbar-icon': menuOpened === true}\">\n                <i class=\"nav-toggle-menu\">\n                    <span class=\"icon-menu\"></span>\n                </i>\n                <i class=\"nav-toggle-close\">\n                    <span class=\"icon-close\"></span>\n                </i>\n            </div>\n        </div>\n        <span class=\"entry-toolbar-content\"\n            [ngClass]=\"{'show-toolbar-content': menuOpened === true}\">\n            <ng-content></ng-content>\n        </span>\n    </nav>\n</header>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntryToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'entry-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"entry-toolbar\">\n    <nav class=\"entry-toolbar-nav\">\n        <div class=\"entry-toolbar-data\">\n            <div class=\"entry-toolbar-logo\">\n                <a *ngIf=\"!hideTitle\" [href]=\"titleUri\">\n                    <span *ngIf=\"!titleLogoSrc\">{{title}}</span>\n                    <img *ngIf=\"titleLogoSrc\" [src]=\"titleLogoSrc\"/>\n                </a>\n            </div>\n\n            <div class=\"entry-toolbar-nav-toggle\"\n                (click)=\"menuOpened = !menuOpened\"\n                [ngClass]=\"{'show-toolbar-icon': menuOpened === true}\">\n                <i class=\"nav-toggle-menu\">\n                    <span class=\"icon-menu\"></span>\n                </i>\n                <i class=\"nav-toggle-close\">\n                    <span class=\"icon-close\"></span>\n                </i>\n            </div>\n        </div>\n        <span class=\"entry-toolbar-content\"\n            [ngClass]=\"{'show-toolbar-content': menuOpened === true}\">\n            <ng-content></ng-content>\n        </span>\n    </nav>\n</header>" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], titleUri: [{
+                type: Input
+            }], titleLogoSrc: [{
+                type: Input
+            }], hideTitle: [{
+                type: Input
+            }] } });
+
+class EntryToolbarModule {
+}
+EntryToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntryToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EntryToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: EntryToolbarModule, declarations: [EntryToolbarComponent], imports: [CommonModule], exports: [EntryToolbarComponent] });
+EntryToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntryToolbarModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntryToolbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        EntryToolbarComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        EntryToolbarComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EntryToolbarComponent, EntryToolbarModule };
+//# sourceMappingURL=enigmatry-entry-components-toolbar.mjs.map

package/fesm2020/enigmatry-entry-components-toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"enigmatry-entry-components-toolbar.mjs","sources":["../../../../libs/entry-components/toolbar/entry-toolbar.component.ts","../../../../libs/entry-components/toolbar/entry-toolbar.component.html","../../../../libs/entry-components/toolbar/entry-toolbar.module.ts","../../../../libs/entry-components/toolbar/enigmatry-entry-components-toolbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n/**\n * Toolbar component (`<entry-toolbar>`) is used to render header section in the applications containing menu items as a content.\n * It offers build in support for toolbar title or logo, while other elements need to be provided via content projection.\n * On smaller screens (mobile/tablet) it switches to compact view containing menu icon button used to toggle content visibility.\n *\n * @example\n * ```html\n * <entry-toolbar\n *    titleUri=\"http://www.enigmatry.com\"\n *    titleLogoSrc=\"assets/enigmatry-logo.png\">\n *    <!-- SOME CUSTOM HTML CODE THAT RENDERS MENU ITEMS -->\n * </entry-toolbar>\n * ```\n */\n@Component({\n  selector: 'entry-toolbar',\n  templateUrl: './entry-toolbar.component.html',\n  styleUrls: ['./entry-toolbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EntryToolbarComponent {\n  /** Toolbar title positioned in the left side */\n  @Input() title: string;\n  /** Url to be redirected to if user click on the title (default value '/') */\n  @Input() titleUri = '/';\n  /** If provided, it replaces string title and renders logo image instead */\n  @Input() titleLogoSrc: string | undefined = undefined;\n  /** Used to hide the title section if not required (default value false) */\n  @Input() hideTitle = false;\n\n  menuOpened = false;\n}\n","<header class=\"entry-toolbar\">\n    <nav class=\"entry-toolbar-nav\">\n        <div class=\"entry-toolbar-data\">\n            <div class=\"entry-toolbar-logo\">\n                <a *ngIf=\"!hideTitle\" [href]=\"titleUri\">\n                    <span *ngIf=\"!titleLogoSrc\">{{title}}</span>\n                    <img *ngIf=\"titleLogoSrc\" [src]=\"titleLogoSrc\"/>\n                </a>\n            </div>\n\n            <div class=\"entry-toolbar-nav-toggle\"\n                (click)=\"menuOpened = !menuOpened\"\n                [ngClass]=\"{'show-toolbar-icon': menuOpened === true}\">\n                <i class=\"nav-toggle-menu\">\n                    <span class=\"icon-menu\"></span>\n                </i>\n                <i class=\"nav-toggle-close\">\n                    <span class=\"icon-close\"></span>\n                </i>\n            </div>\n        </div>\n        <span class=\"entry-toolbar-content\"\n            [ngClass]=\"{'show-toolbar-content': menuOpened === true}\">\n            <ng-content></ng-content>\n        </span>\n    </nav>\n</header>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EntryToolbarComponent } from './entry-toolbar.component';\n\n@NgModule({\n  declarations: [\n    EntryToolbarComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    EntryToolbarComponent\n  ]\n})\nexport class EntryToolbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;AAaG;MAOU,qBAAqB,CAAA;AANlC,IAAA,WAAA,GAAA;;QAUW,IAAQ,CAAA,QAAA,GAAG,GAAG,CAAC;;QAEf,IAAY,CAAA,YAAA,GAAuB,SAAS,CAAC;;QAE7C,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAE3B,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AACpB,KAAA;;kHAXY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,6JCtBlC,yjCA0BS,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDJI,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;+BACE,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yjCAAA,EAAA,CAAA;8BAItC,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAEG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAEG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBAEG,SAAS,EAAA,CAAA;sBAAjB,KAAK;;;MEfK,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAT3B,YAAA,EAAA,CAAA,qBAAqB,CAGrB,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGZ,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAN3B,YAAY,CAAA,EAAA,CAAA,CAAA;2FAMH,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,qBAAqB;AACtB,qBAAA;AACF,iBAAA,CAAA;;;ACdD;;AAEG;;;;"}

package/fesm2020/enigmatry-entry-components.mjs

@@ -1,6 +1,7 @@
 export * from '@enigmatry/entry-components/header';
 export * from '@enigmatry/entry-components/dialog';
 export * from '@enigmatry/entry-components/search-filter';
+export * from '@enigmatry/entry-components/toolbar';
 
 /*
  * Public API Surface of entry-components

package/fesm2020/enigmatry-entry-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"enigmatry-entry-components.mjs","sources":["../../../../libs/entry-components/public-api.ts","../../../../libs/entry-components/enigmatry-entry-components.ts"],"sourcesContent":["/*\n * Public API Surface of entry-components\n */\n\nexport * from '@enigmatry/entry-components/header';\nexport * from '@enigmatry/entry-components/dialog';\nexport * from '@enigmatry/entry-components/search-filter';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;AAEG;;ACFH;;AAEG"}
+{"version":3,"file":"enigmatry-entry-components.mjs","sources":["../../../../libs/entry-components/public-api.ts","../../../../libs/entry-components/enigmatry-entry-components.ts"],"sourcesContent":["/*\n * Public API Surface of entry-components\n */\n\nexport * from '@enigmatry/entry-components/header';\nexport * from '@enigmatry/entry-components/dialog';\nexport * from '@enigmatry/entry-components/search-filter';\nexport * from '@enigmatry/entry-components/toolbar';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAAA;;AAEG;;ACFH;;AAEG"}

package/header/README.md

@@ -8,6 +8,16 @@ Simple way of providing header layout and styling for the page or section header
 import { EntryHeaderModule } from '@enigmatry/entry-components/entry-header';
 ```
 
+Styles import:
+
+```css
+@use '@enigmatry/entry-components/styles/generate' as entry;
+
+@include entry.generate(APP_THEME, APP_TYPOGRAPHY);
+```
+
+Where `APP_THEME` represents application theming configuration, while `APP_TYPOGRAPHY` represents application fonts configuration.
+
 ## Basic usage
 
 `entry-header` is used to provide standard layout and styles:

package/header/entry-header.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class EntryHeaderComponent {
     title: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntryHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntryHeaderComponent, "entry-header", never, { "title": "title"; }, {}, never, ["[buttons]", "[content]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntryHeaderComponent, "entry-header", never, { "title": "title"; }, {}, never, ["[buttons]", "[content]"], false>;
 }

package/header/styles/modules/components/buttons/_general.scss

@@ -1,5 +1,5 @@
 @use '@enigmatry/scss-foundation/src/modules/map';
-@use '../../states/hover';
+@use '../../../../../styles/modules/states/hover';
 
 @mixin generate-buttons-from($theme) {
 	.button-primary {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmatry/entry-components",
-  "version": "1.2.80",
+  "version": "1.2.82",
   "author": "Enigmatry",
   "description": "Enigmatry entry angular material components",
   "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/entry-components#readme",
@@ -10,11 +10,11 @@
   },
   "license": "Apache-2.0",
   "peerDependencies": {
-    "@angular/animations": ">=13.0.0",
-    "@angular/cdk": ">=13.0.0",
-    "@angular/common": ">=13.0.0",
-    "@angular/core": ">=13.0.0",
-    "@angular/material": ">=13.0.0"
+    "@angular/animations": ">=14.0.0",
+    "@angular/cdk": ">=14.0.0",
+    "@angular/common": ">=14.0.0",
+    "@angular/core": ">=14.0.0",
+    "@angular/material": ">=14.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -27,13 +27,13 @@
   "esm2020": "esm2020/enigmatry-entry-components.mjs",
   "fesm2020": "fesm2020/enigmatry-entry-components.mjs",
   "fesm2015": "fesm2015/enigmatry-entry-components.mjs",
-  "typings": "enigmatry-entry-components.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./enigmatry-entry-components.d.ts",
+      "types": "./index.d.ts",
       "esm2020": "./esm2020/enigmatry-entry-components.mjs",
       "es2020": "./fesm2020/enigmatry-entry-components.mjs",
       "es2015": "./fesm2015/enigmatry-entry-components.mjs",
@@ -41,7 +41,7 @@
       "default": "./fesm2020/enigmatry-entry-components.mjs"
     },
     "./dialog": {
-      "types": "./dialog/enigmatry-entry-components-dialog.d.ts",
+      "types": "./dialog/index.d.ts",
       "esm2020": "./esm2020/dialog/enigmatry-entry-components-dialog.mjs",
       "es2020": "./fesm2020/enigmatry-entry-components-dialog.mjs",
       "es2015": "./fesm2015/enigmatry-entry-components-dialog.mjs",
@@ -49,7 +49,7 @@
       "default": "./fesm2020/enigmatry-entry-components-dialog.mjs"
     },
     "./header": {
-      "types": "./header/enigmatry-entry-components-header.d.ts",
+      "types": "./header/index.d.ts",
       "esm2020": "./esm2020/header/enigmatry-entry-components-header.mjs",
       "es2020": "./fesm2020/enigmatry-entry-components-header.mjs",
       "es2015": "./fesm2015/enigmatry-entry-components-header.mjs",
@@ -57,12 +57,20 @@
       "default": "./fesm2020/enigmatry-entry-components-header.mjs"
     },
     "./search-filter": {
-      "types": "./search-filter/enigmatry-entry-components-search-filter.d.ts",
+      "types": "./search-filter/index.d.ts",
       "esm2020": "./esm2020/search-filter/enigmatry-entry-components-search-filter.mjs",
       "es2020": "./fesm2020/enigmatry-entry-components-search-filter.mjs",
       "es2015": "./fesm2015/enigmatry-entry-components-search-filter.mjs",
       "node": "./fesm2015/enigmatry-entry-components-search-filter.mjs",
       "default": "./fesm2020/enigmatry-entry-components-search-filter.mjs"
+    },
+    "./toolbar": {
+      "types": "./toolbar/index.d.ts",
+      "esm2020": "./esm2020/toolbar/enigmatry-entry-components-toolbar.mjs",
+      "es2020": "./fesm2020/enigmatry-entry-components-toolbar.mjs",
+      "es2015": "./fesm2015/enigmatry-entry-components-toolbar.mjs",
+      "node": "./fesm2015/enigmatry-entry-components-toolbar.mjs",
+      "default": "./fesm2020/enigmatry-entry-components-toolbar.mjs"
     }
   },
   "sideEffects": false

package/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from '@enigmatry/entry-components/header';
 export * from '@enigmatry/entry-components/dialog';
 export * from '@enigmatry/entry-components/search-filter';
+export * from '@enigmatry/entry-components/toolbar';

package/search-filter/README.md

@@ -1,6 +1,6 @@
 # Entry Search Filter
 
-Entry component for providing standard filtering capabilities that can be consumed by entry-table component, but also any other list data represetation component like Angular material table component.
+Entry component for providing standard filtering capabilities that can be consumed by entry-table component, but also any other list data representation component like Angular material table component.
 
 ## Imports
 
@@ -8,6 +8,16 @@ Entry component for providing standard filtering capabilities that can be consum
 import { EntrySearchFilterModule } from '@enigmatry/entry-components/search-filter';
 ```
 
+Styles import:
+
+```css
+@use '@enigmatry/entry-components/styles/generate' as entry;
+
+@include entry.generate(APP_THEME, APP_TYPOGRAPHY);
+```
+
+Where `APP_THEME` represents application theming configuration, while `APP_TYPOGRAPHY` represents application fonts configuration.
+
 ## Basic usage
 
 `entry-search-filter` is used to provide simple configuration and usage of data filtering:

package/search-filter/entry-search-filter.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 import { SearchFilterBase } from './search-filter-base';
 import { SearchFilterParams } from './search-filter-params';
 import { EntrySearchFilterConfig } from './search-filter-config.model';
@@ -12,14 +12,14 @@ export declare class EntrySearchFilterComponent implements OnInit {
     /** Configuration of the search filters inputs that will be displayed in the search-filter component. */
     searchFilters: SearchFilterBase<string>[];
     /**
-     * Emits the change in SearchFilterParams so the containing component can apply them and retreive the filtered results.
+     * Emits the change in SearchFilterParams so the containing component can apply them and retrieve the filtered results.
      */
     searchFilterChange: EventEmitter<SearchFilterParams>;
-    searchFilterForm: FormGroup;
+    searchFilterForm: UntypedFormGroup;
     constructor(config: EntrySearchFilterConfig);
     ngOnInit(): void;
     onSubmit(): void;
-    toFormGroup(searchFilters: SearchFilterBase<string>[]): FormGroup;
+    toFormGroup(searchFilters: SearchFilterBase<string>[]): UntypedFormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntrySearchFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntrySearchFilterComponent, "entry-search-filter", never, { "searchFilters": "searchFilters"; }, { "searchFilterChange": "searchFilterChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntrySearchFilterComponent, "entry-search-filter", never, { "searchFilters": "searchFilters"; }, { "searchFilterChange": "searchFilterChange"; }, never, never, false>;
 }

package/search-filter/search-filter-base.d.ts

@@ -18,7 +18,7 @@ export declare class SearchFilterBase<T> {
     controlType: string;
     /** Max text length to be enterd in the input component (default is 256) */
     maxLength: number;
-    formControl: FormControl;
+    formControl: FormControl<T>;
     constructor(options?: Partial<SearchFilterBase<T>>);
     setValue(value: T | undefined): void;
 }

package/search-filter/search-filter-input.component.d.ts

@@ -1,11 +1,11 @@
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 import { SearchFilterBase } from './search-filter-base';
 import * as i0 from "@angular/core";
 export declare class EntrySearchFilterInputComponent {
     /** Configuration of the search filters inputs that will be displayed in the search-filter component. */
     searchFilter: SearchFilterBase<string>;
     /** Form group to which the search-filter input component will be added. */
-    form: FormGroup;
+    form: UntypedFormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntrySearchFilterInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntrySearchFilterInputComponent, "entry-search-filter-input", never, { "searchFilter": "searchFilter"; "form": "form"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntrySearchFilterInputComponent, "entry-search-filter-input", never, { "searchFilter": "searchFilter"; "form": "form"; }, {}, never, never, false>;
 }

package/styles/_generate.scss

@@ -2,6 +2,8 @@
 @use '../dialog/styles/partials/main.scss' as dialogPartials;
 @use '../header/styles/modules/generator' as header;
 @use '../header/styles/partials/main.scss' as headerPartials;
+@use '../toolbar/styles/modules/generate' as toolbar;
+@use '../toolbar/styles/partials/main.scss' as toolbarPartials;
 @use './modules/generate' as modules;
 @use 'sass:map';
 
@@ -9,4 +11,5 @@
     @include modules.generate($font-config);
     @include dialog.generate(map.get($theme, dialog));
     @include header.generate(map.get($theme, header));
+    @include toolbar.generate(map.get($theme, toolbar));
 }

package/{dialog/styles → styles}/modules/states/_hover.scss

@@ -1,4 +1,4 @@
-@use '../../../../styles/modules/variables' as vars;
+@use '../variables' as vars;
 
 // TODO: remove this once implemented https://jira.enigmatry.com/browse/ETL-484
 @mixin default($default: vars.$accent, $hover: vars.$body-font-color) {
@@ -9,11 +9,19 @@
 		color: $hover;
 	}
 
-	// Had to be done this way since at least Chrome isn't triggering ontouchend on mobile so hover state remains. 
+	// Had to be done this way since at least Chrome isn't triggering on-touch-end on mobile so hover state remains. 
 	/* stylelint-disable-next-line at-rule-allowed-list, media-feature-name-allowed-list */
 	@media (hover: hover) {
 		&:hover {
 			color: $hover;
 		}
 	}
+}
+
+@mixin background-hover($regular-background, $hover-background) {
+	background-color: $regular-background;
+
+	&:hover {
+		background-color: $hover-background;
+	}
 }

package/styles/modules/theming/_default-theming.scss

@@ -1,7 +1,9 @@
 @use '../../../dialog/styles/modules/theming/default-theming' as dialogTheme;
 @use '../../../header/styles/modules/theming/default-theming' as headerTheme;
+@use '../../../toolbar/styles/modules/theming/default-theming' as toolbarTheme;
 
 $theme: (
 	header: headerTheme.$theme,
-	dialog: dialogTheme.$theme
+	dialog: dialogTheme.$theme,
+	toolbar: toolbarTheme.$theme
 );

package/styles/modules/typography/_fonts.scss

@@ -60,6 +60,10 @@
 	.icon-close::before {
 		content: '\e900';
 	}
+	  
+	.icon-menu:before {
+		content: "\e9bd";
+	}
 }
 
 // TODO: Hardcoded mixins (currently not ins use) that should be configurable!

package/toolbar/README.md

@@ -0,0 +1,33 @@
+# Entry Toolbar
+
+Toolbar component (`<entry-toolbar>`) is used as a header section in the applications. It offers built-in support for title or logo on the left side, while other elements, like menu items, must be provided via content projection. The component is responsive in a way that on smaller screens (mobile/tablet) switches to _the compact view_ containing menu icon button used to toggle content visibility.
+
+## Imports
+
+```ts
+import { EntryDialogModule } from '@enigmatry/entry-components/toolbar';
+```
+
+Styles import:
+
+```css
+@use '@enigmatry/entry-components/styles/generate' as entry;
+
+@include entry.generate(APP_THEME, APP_TYPOGRAPHY);
+```
+
+Where `APP_THEME` represents application theming configuration, while `APP_TYPOGRAPHY` represents application fonts configuration.
+
+## Basic usage
+
+```html
+<entry-toolbar
+    title="Food & Drinks"
+    titleUri="http://food-n-drinks.com">
+    <ul>
+        <li>Meals</li>
+        <li>Order</li>
+        <li>About</li>
+    </ul>
+</entry-toolbar>
+```

package/toolbar/entry-toolbar.component.d.ts

@@ -0,0 +1,28 @@
+import * as i0 from "@angular/core";
+/**
+ * Toolbar component (`<entry-toolbar>`) is used to render header section in the applications containing menu items as a content.
+ * It offers build in support for toolbar title or logo, while other elements need to be provided via content projection.
+ * On smaller screens (mobile/tablet) it switches to compact view containing menu icon button used to toggle content visibility.
+ *
+ * @example
+ * ```html
+ * <entry-toolbar
+ *    titleUri="http://www.enigmatry.com"
+ *    titleLogoSrc="assets/enigmatry-logo.png">
+ *    <!-- SOME CUSTOM HTML CODE THAT RENDERS MENU ITEMS -->
+ * </entry-toolbar>
+ * ```
+ */
+export declare class EntryToolbarComponent {
+    /** Toolbar title positioned in the left side */
+    title: string;
+    /** Url to be redirected to if user click on the title (default value '/') */
+    titleUri: string;
+    /** If provided, it replaces string title and renders logo image instead */
+    titleLogoSrc: string | undefined;
+    /** Used to hide the title section if not required (default value false) */
+    hideTitle: boolean;
+    menuOpened: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntryToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntryToolbarComponent, "entry-toolbar", never, { "title": "title"; "titleUri": "titleUri"; "titleLogoSrc": "titleLogoSrc"; "hideTitle": "hideTitle"; }, {}, never, ["*"], false>;
+}

package/toolbar/entry-toolbar.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./entry-toolbar.component";
+import * as i2 from "@angular/common";
+export declare class EntryToolbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntryToolbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EntryToolbarModule, [typeof i1.EntryToolbarComponent], [typeof i2.CommonModule], [typeof i1.EntryToolbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EntryToolbarModule>;
+}

package/toolbar/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@enigmatry/entry-components/toolbar" />
+export * from './public-api';

package/toolbar/public-api.d.ts

@@ -0,0 +1,2 @@
+export { EntryToolbarComponent } from './entry-toolbar.component';
+export { EntryToolbarModule } from './entry-toolbar.module';

package/toolbar/styles/modules/_generate.scss

@@ -0,0 +1,10 @@
+@use 'sass:map';
+@use 'theming/default-theming' as default;
+@use 'components/toolbar/general' as toolbar;
+
+$default-theme: default.$theme;
+
+@mixin generate($custom-theme: ()) {
+    $merged-theme: map.deep-merge($default-theme, $custom-theme);
+    @include toolbar.generate($merged-theme);
+}

package/toolbar/styles/modules/components/toolbar/_general.scss

@@ -0,0 +1,34 @@
+@use '@enigmatry/scss-foundation/src/modules/map';
+@use '../../../../../styles/modules/variables' as vars;
+@use '../../../../../styles/modules/states/hover' as hover;
+
+@mixin generate($theme) {
+    .entry-toolbar {
+        background-color: map.value-from($theme, 'background');
+
+        .entry-toolbar-nav {
+            height: map.value-from($theme, 'height');
+
+            .entry-toolbar-logo {
+                a {
+                    color: map.value-from($theme, 'title-color');
+                    @include hover.default(
+                        map.value-from($theme, 'title-color'), 
+                        map.value-from($theme, 'title-hover-color'));
+    
+                    img {
+                        height: map.value-from($theme, 'height');
+                    }
+                }
+            }
+
+            .entry-toolbar-nav-toggle {
+                .nav-toggle-menu, .nav-toggle-close {
+                    @include hover.default(
+                        map.value-from($theme, 'title-color'), 
+                        map.value-from($theme, 'title-hover-color'));
+                }
+            }
+        }
+    }
+}

package/toolbar/styles/modules/theming/_default-theming.scss

@@ -0,0 +1,8 @@
+@use '../../../../styles/modules/variables' as vars;
+
+$theme: (
+    background: vars.$primary-lightest,
+    height: 56px,
+    title-color: vars.$primary,
+    title-hover-color: vars.$accent
+);

package/toolbar/styles/partials/core/_index.scss

@@ -0,0 +1 @@
+@use 'components';

package/toolbar/styles/partials/core/components/_index.scss

@@ -0,0 +1 @@
+@use 'toolbar';