@elderbyte/ngx-starter 14.4.0-beta.13 → 14.4.0-beta.16

package/lib/common/forms/elder-form-field-control-base.directive.d.ts

@@ -5,6 +5,7 @@ import { AbstractControlDirective, NgControl } from '@angular/forms';
 import { ElementRef, OnDestroy } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { FocusMonitor } from '@angular/cdk/a11y';
+import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 /**
  * Base for custom material form field controls.
@@ -22,6 +23,7 @@ export declare abstract class ElderFormFieldControlBase<T> extends ValueAccessor
      **************************************************************************/
     private static nextId;
     private readonly _focusMonitor;
+    private readonly _translate;
     private _placeholder;
     private _disabled;
     private _required;
@@ -39,7 +41,7 @@ export declare abstract class ElderFormFieldControlBase<T> extends ValueAccessor
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, ngControl?: NgControl);
+    constructor(hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl?: NgControl);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *

package/lib/components/forms/search/search-box/elder-search-box.component.d.ts

@@ -31,6 +31,7 @@ export declare class ElderSearchBoxComponent implements OnInit, OnDestroy, After
     name: string;
     queryKey: string;
     placeholder: string;
+    label: string;
     hint: string;
     private _dense;
     autocomplete: string;
@@ -67,5 +68,5 @@ export declare class ElderSearchBoxComponent implements OnInit, OnDestroy, After
      */
     clearSearch(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSearchBoxComponent, "elder-search-box", ["elderSearchBox"], { "autoPanel": "autoPanel"; "name": "name"; "queryKey": "queryKey"; "placeholder": "placeholder"; "hint": "hint"; "autocomplete": "autocomplete"; "dense": "dense"; }, {}, ["advancedSearch"], ["elder-search-panel"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSearchBoxComponent, "elder-search-box", ["elderSearchBox"], { "autoPanel": "autoPanel"; "name": "name"; "queryKey": "queryKey"; "placeholder": "placeholder"; "label": "label"; "hint": "hint"; "autocomplete": "autocomplete"; "dense": "dense"; }, {}, ["advancedSearch"], ["elder-search-panel"], false>;
 }

package/lib/components/select/elder-select-base.d.ts

@@ -10,6 +10,7 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import { ElderFormFieldControlBase } from '../../common/forms/elder-form-field-control-base.directive';
 import { NgControl } from '@angular/forms';
 import { FocusMonitor } from '@angular/cdk/a11y';
+import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 export declare type TextResolverFn = (value: any) => string;
 export declare class ElderSelectComponentState {
@@ -87,7 +88,7 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Elde
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    protected constructor(zone: NgZone, hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, ngControl?: NgControl);
+    protected constructor(zone: NgZone, hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl?: NgControl);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *

package/lib/components/select/multi/elder-multi-select-base.d.ts

@@ -7,6 +7,7 @@ import { FocusMonitor } from '@angular/cdk/a11y';
 import { IElderMultiEntityValueAccessor } from '../../../common/forms/elder-multi-entity-value-accessor';
 import { Sort } from '../../../common/data/sort';
 import { ElderDialogService } from '../../dialogs/elder-dialog.service';
+import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 /**
  * Base component implementation of elder-multi-select.
@@ -55,7 +56,7 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    protected constructor(zone: NgZone, hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, dialogService: ElderDialogService, ngControl?: NgControl);
+    protected constructor(zone: NgZone, hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, translateService: TranslateService, dialogService: ElderDialogService, ngControl?: NgControl);
     private awaitEntitiesWithId;
     /***************************************************************************
      *                                                                         *

package/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.d.ts

@@ -5,6 +5,7 @@ import { ThemePalette } from '@angular/material/core';
 import { NgControl } from '@angular/forms';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { ElderDialogService } from '../../../dialogs/elder-dialog.service';
+import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 declare class ChipModel<T> {
     readonly value: T;
@@ -36,7 +37,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, dialogService: ElderDialogService, ngControl: NgControl);
+    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, dialogService: ElderDialogService, ngControl: NgControl);
     /***************************************************************************
      *                                                                         *
      * Host Bindings                                                           *
@@ -82,7 +83,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
     private buildChipModelsOrFallback;
     private buildChipFallbackModels;
     private buildChipModels;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipsComponent<any, any, any>, [null, null, null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipsComponent<any, any, any>, [null, null, null, null, null, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipsComponent<any, any, any>, "elder-multi-select-chips", never, { "allowRemove": "allowRemove"; "chipTemplate": "chipTemplate"; "chipAvatarTemplate": "chipAvatarTemplate"; "customInputTemplate": "customInputTemplate"; "chipColorEnabled": "chipColorEnabled"; "chipColorResolver": "chipColorResolver"; }, {}, ["chipTemplateQuery", "chipAvatarTemplateQuery", "customInputTemplateQuery"], never, false>;
 }
 export {};

package/lib/components/select/single/elder-select/elder-select.component.d.ts

@@ -7,6 +7,7 @@ import { ElderSelectBase } from '../../elder-select-base';
 import { IElderEntityValueAccessor } from '../../../../common/forms/elder-entity-value-accessor';
 import { NgControl } from '@angular/forms';
 import { FocusMonitor } from '@angular/cdk/a11y';
+import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 declare class EntityContext<T> {
     readonly value: T;
@@ -59,7 +60,7 @@ export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEn
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, ngControl: NgControl);
+    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -147,7 +148,7 @@ export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEn
      *
      */
     protected writeToControl(value: TValue): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectComponent<any, any, any>, [null, null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectComponent<any, any, any>, [null, null, null, null, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderSelectComponent<any, any, any>, "elder-select", never, { "nullDisplay": "nullDisplay"; "autocomplete": "autocomplete"; "allowNull": "allowNull"; "entity": "entity"; "entityId": "entityId"; }, { "entityIdChange": "entityIdChange"; "entityIdUpdated": "entityIdUpdated"; "entityChange": "entityChange"; "entityUpdated": "entityUpdated"; }, never, never, false>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "14.4.0-beta.13",
+  "version": "14.4.0-beta.16",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",

package/theming/_elder-common.scss

@@ -71,6 +71,10 @@
     }
     .mat-form-field-infix {
       border: 0;
+      padding: 0 0 8px;
+    }
+    .mat-form-field-flex {
+      padding: 0;
     }
   }