@enigmatry/entry-components 1.2.79 → 1.2.81

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

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Component, ChangeDetectionStrategy, Input, EventEmitter, Inject, Output, NgModule } from '@angular/core';
 import * as i2 from '@angular/forms';
-import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i1 from '@angular/material/form-field';
-import * as i3 from '@angular/common';
+import { FormControl, UntypedFormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/material/form-field';
 import * as i4 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { MatButtonModule } from '@angular/material/button';
@@ -25,9 +25,9 @@ const ENTRY_SEARCH_FILTER_CONFIG = new InjectionToken('EntrySearchFilterConfig',
 
 class EntrySearchFilterInputComponent {
 }
-EntrySearchFilterInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntrySearchFilterInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EntrySearchFilterInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EntrySearchFilterInputComponent, selector: "entry-search-filter-input", inputs: { searchFilter: "searchFilter", form: "form" }, ngImport: i0, template: "<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>", components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntrySearchFilterInputComponent, decorators: [{
+EntrySearchFilterInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntrySearchFilterInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EntrySearchFilterInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EntrySearchFilterInputComponent, selector: "entry-search-filter-input", inputs: { searchFilter: "searchFilter", form: "form" }, ngImport: i0, template: "<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>", dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntrySearchFilterInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entry-search-filter-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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>" }]
         }], propDecorators: { searchFilter: [{
@@ -45,7 +45,7 @@ class EntrySearchFilterComponent {
         /** Configuration of the search filters inputs that will be displayed in the search-filter component. */
         this.searchFilters = [];
         /**
-         * 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.
          */
         this.searchFilterChange = new EventEmitter();
     }
@@ -63,12 +63,12 @@ class EntrySearchFilterComponent {
             group[searchFilter.key] = formControl;
             searchFilter.formControl = formControl;
         });
-        return new FormGroup(group);
+        return new UntypedFormGroup(group);
     }
 }
-EntrySearchFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntrySearchFilterComponent, deps: [{ token: ENTRY_SEARCH_FILTER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-EntrySearchFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EntrySearchFilterComponent, selector: "entry-search-filter", inputs: { searchFilters: "searchFilters" }, outputs: { searchFilterChange: "searchFilterChange" }, ngImport: i0, template: "<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>", styles: [".search-form-fields{display:flex;align-items:flex-start}.search-form-fields .search-form-field{width:200px}\n"], components: [{ type: EntrySearchFilterInputComponent, selector: "entry-search-filter-input", inputs: ["searchFilter", "form"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntrySearchFilterComponent, decorators: [{
+EntrySearchFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntrySearchFilterComponent, deps: [{ token: ENTRY_SEARCH_FILTER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+EntrySearchFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EntrySearchFilterComponent, selector: "entry-search-filter", inputs: { searchFilters: "searchFilters" }, outputs: { searchFilterChange: "searchFilterChange" }, ngImport: i0, template: "<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>", styles: [".search-form-fields{display:flex;align-items:flex-start}.search-form-fields .search-form-field{width:200px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: EntrySearchFilterInputComponent, selector: "entry-search-filter-input", inputs: ["searchFilter", "form"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntrySearchFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entry-search-filter', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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>", styles: [".search-form-fields{display:flex;align-items:flex-start}.search-form-fields .search-form-field{width:200px}\n"] }]
         }], ctorParameters: function () { return [{ type: EntrySearchFilterConfig, decorators: [{
@@ -111,23 +111,21 @@ class SearchFilterInput extends SearchFilterBase {
 
 class EntrySearchFilterModule {
 }
-EntrySearchFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntrySearchFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-EntrySearchFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntrySearchFilterModule, declarations: [EntrySearchFilterComponent,
+EntrySearchFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntrySearchFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EntrySearchFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: EntrySearchFilterModule, declarations: [EntrySearchFilterComponent,
         EntrySearchFilterInputComponent], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         MatInputModule,
         MatButtonModule,
         MatListModule], exports: [EntrySearchFilterComponent] });
-EntrySearchFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntrySearchFilterModule, imports: [[
-            CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatInputModule,
-            MatButtonModule,
-            MatListModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EntrySearchFilterModule, decorators: [{
+EntrySearchFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntrySearchFilterModule, imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatInputModule,
+        MatButtonModule,
+        MatListModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EntrySearchFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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":"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"}
+{"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/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/_generator.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 
-@use 'themings/default-theming' as default;
+@use 'theming/default-theming' as default;
 @use 'components/headers/general' as headers;
 @use 'components/buttons/general' as buttons;
 

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

@@ -0,0 +1,20 @@
+@use '../../../../styles/modules/variables' as vars;
+
+$theme: (
+    header: (
+        background: vars.$primary-lightest,
+        title-size: 32px,
+    ),
+    button-primary: (
+        default-background: vars.$primary,
+        default-font-color: vars.$font-color-light,
+        hover-background: vars.$accent,
+        hover-font-color: vars.$font-color-light,
+    ),
+    button-accent: (
+        default-background: vars.$accent,
+        default-font-color: vars.$font-color-light,
+        hover-background: vars.$primary,
+        hover-font-color: vars.$font-color-light,
+    )
+);

package/header/styles/partials/core/components/buttons/_general.scss

@@ -1,5 +1,5 @@
-@use '../../../../modules/variables' as vars;
-// @use 'typography/fonts';
+@use '../../../../../../styles/modules/variables' as vars;
+@use '../../../../../../styles/modules/typography/fonts' as fonts;
 
 .button, %button {
 	// @include fonts.main-bolded-font(14px);

package/header/styles/partials/core/components/headers/_general.scss

@@ -1,5 +1,5 @@
-@use '../../../../modules/variables' as vars;
-// @use 'styles/modules/breakpoints';
+@use '../../../../../../styles/modules/variables' as vars;
+// @use '../../../../../../styles/modules/breakpoints' as breakpoints;
 
 .entry-header {
 	padding: 4px vars.$large-gap vars.$default-gap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmatry/entry-components",
-  "version": "1.2.79",
+  "version": "1.2.81",
   "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,7 +57,7 @@
       "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",

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

@@ -0,0 +1,12 @@
+@use '../dialog/styles/modules/generator' as dialog;
+@use '../dialog/styles/partials/main.scss' as dialogPartials;
+@use '../header/styles/modules/generator' as header;
+@use '../header/styles/partials/main.scss' as headerPartials;
+@use './modules/generate' as modules;
+@use 'sass:map';
+
+@mixin generate($theme, $font-config: null) {
+    @include modules.generate($font-config);
+    @include dialog.generate(map.get($theme, dialog));
+    @include header.generate(map.get($theme, header));
+}

package/styles/modules/_generate.scss

@@ -0,0 +1,5 @@
+@use './typography/generate' as typography;
+
+@mixin generate($font-config: null) {
+    @include typography.generate($font-config);
+}

package/{header/styles → styles}/modules/_variables.scss

@@ -6,16 +6,17 @@ $breakpoints: (
 
 $primary: #2581C4;
 $primary-lightest: #DFF1FD;
-	
+
 $accent: #EA518D;
-	
+
+$font-color-default: #323232;
 $font-color-light: #FFF;
-	
+
 $disabled: #D9D9D9;
-	
+
 $font-size-default: 14px;
 
 $default-gap: 16px;
 $large-gap: calc(#{$default-gap} * 2);
 
-$default-transition: .4s;
+$default-transition: .4s;

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

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

package/styles/modules/typography/_fonts.scss

@@ -0,0 +1,82 @@
+@use 'sass:string';
+@use 'sass:map';
+@use 'sass:math';
+
+@mixin generate-font-face($font-config) {
+	$font-path: map.get($font-config, path);
+	$font-sources: map.get($font-config, sources);
+
+	@each $font in $font-sources {
+		$name: map.get($font, name);
+		$style: map.get($font, style);
+		$formats: map.get($font, formats);
+  
+		@each $format in $formats {
+			$url: '#{$font-path}#{$name}/#{$name}-#{$style}.#{$format}';
+  
+			@font-face {
+				font: {
+					family: '#{$name}-#{$style}';
+					style: '#{$style}';
+				}
+				src: url('#{$url}') format('#{$format}');
+			}
+		}
+	}
+
+	// Generate icomoon icons font face:
+	@include entry-icomoon-icons($font-path);
+}
+
+// TODO: Hardcoded icons font, must be configurable but also to support default value!
+@mixin entry-icomoon-icons($font-path) {
+	@font-face {
+		font-family: 'icomoon';
+		font-style: normal;
+		font-weight: normal;
+		src: url($font-path + 'icomoon/fonts/icomoon.eot?s68r7n');
+		src: url($font-path + 'icomoon/fonts/icomoon.eot?s68r7n#iefix') format('embedded-opentype'), 
+			url($font-path + 'icomoon/fonts/icomoon.ttf?s68r7n') format('truetype'),
+			url($font-path + 'icomoon/fonts//icomoon.woff?s68r7n') format('woff'),
+			url($font-path + 'icomoon/fonts//icomoon.svg?s68r7n#icomoon') format('svg');
+		font-display: block;
+	}
+	  
+	[class ^= 'icon-'], [class *= ' icon-'] {
+		/* use !important to prevent issues with browser extensions that change fonts */
+		font-family: 'icomoon' !important;
+	  
+		/* Better Font Rendering =========== */
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+		font-style: normal;
+		font-variant: normal;
+		font-weight: normal;
+		line-height: 1;
+		text-transform: none;
+		speak: never;
+	}
+	  
+	.icon-close::before {
+		content: '\e900';
+	}
+}
+
+// TODO: Hardcoded mixins (currently not ins use) that should be configurable!
+/*
+@mixin -font($family, $size) {
+	font: {
+		family: $family;
+		size: $size;
+	};
+}
+@mixin main-font($size: 14px) {
+	@include -font('OpenSans-normal', $size);
+}
+@mixin main-bolded-font($size: 14px) {
+	@include -font('OpenSans-Bold', $size);
+}
+@mixin title-font($size: 20px) {
+	@include -font('Montserrat-bold', $size);
+}
+*/

package/styles/modules/typography/_generate.scss

@@ -0,0 +1,7 @@
+@use './fonts' as font;
+
+@mixin generate($config: null) {
+    @if $config != null {
+        @include font.generate-font-face($config);
+    }
+}

package/dialog/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/enigmatry-entry-components-dialog.mjs",
-  "es2020": "../fesm2020/enigmatry-entry-components-dialog.mjs",
-  "esm2020": "../esm2020/dialog/enigmatry-entry-components-dialog.mjs",
-  "fesm2020": "../fesm2020/enigmatry-entry-components-dialog.mjs",
-  "fesm2015": "../fesm2015/enigmatry-entry-components-dialog.mjs",
-  "typings": "enigmatry-entry-components-dialog.d.ts",
-  "sideEffects": false,
-  "name": "@enigmatry/entry-components/dialog"
-}

package/header/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/enigmatry-entry-components-header.mjs",
-  "es2020": "../fesm2020/enigmatry-entry-components-header.mjs",
-  "esm2020": "../esm2020/header/enigmatry-entry-components-header.mjs",
-  "fesm2020": "../fesm2020/enigmatry-entry-components-header.mjs",
-  "fesm2015": "../fesm2015/enigmatry-entry-components-header.mjs",
-  "typings": "enigmatry-entry-components-header.d.ts",
-  "sideEffects": false,
-  "name": "@enigmatry/entry-components/header"
-}

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

@@ -1,22 +0,0 @@
-@use '../variables' as vars;
-
-@use 'sass:list';
-
-$theme: (
-    header: (
-        background: vars.$primary-lightest,
-        title-size: 32px
-    ),
-    button-primary: (
-		default-background: vars.$primary,
-		default-font-color: vars.$font-color-light,
-		hover-background: vars.$accent,
-		hover-font-color: vars.$font-color-light,
-	),
-    button-accent: (
-		default-background: vars.$accent,
-		default-font-color: vars.$font-color-light,
-		hover-background: vars.$primary,
-		hover-font-color: vars.$font-color-light,
-	)
-);

package/search-filter/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/enigmatry-entry-components-search-filter.mjs",
-  "es2020": "../fesm2020/enigmatry-entry-components-search-filter.mjs",
-  "esm2020": "../esm2020/search-filter/enigmatry-entry-components-search-filter.mjs",
-  "fesm2020": "../fesm2020/enigmatry-entry-components-search-filter.mjs",
-  "fesm2015": "../fesm2015/enigmatry-entry-components-search-filter.mjs",
-  "typings": "enigmatry-entry-components-search-filter.d.ts",
-  "sideEffects": false,
-  "name": "@enigmatry/entry-components/search-filter"
-}