@smartbit4all/ng-client 3.3.154 → 3.3.156

package/lib/smart-form/api/model/smartWidgetDefinition.d.ts

@@ -15,6 +15,7 @@ import { SmartFormWidgetDirection } from './smartFormWidgetDirection';
 import { SmartWidgetHint } from './smartWidgetHint';
 import { SmartFormWidgetType } from './smartFormWidgetType';
 import { Value } from '../../smartform.model';
+import { Style } from '../../../view-context/api/model/style';
 import { ValueChangeMode } from './valueChangeMode';
 import { SmartMatrixModel } from './smartMatrixModel';
 /**
@@ -70,6 +71,8 @@ export interface SmartWidgetDefinition {
      * Optional css class of the label of the widget
      */
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     /**
      * Defines if the widget is a password input
      */

package/lib/smart-form/smartform.form-model.d.ts

@@ -1,6 +1,7 @@
 import { QuillModules } from 'ngx-quill';
 import { SelectionDefinition, SmartFormWidgetDirection, SmartFormWidgetType, SmartWidgetHint, ValueChangeMode } from './api';
 import { SmartFormTextFieldButton, SmartFormWidgetWidth, SmartIndicator, SmartValidator, ToggleLabelPosition } from './smartform.model';
+import { Style } from '../view-context/api';
 export declare type SmartFormWidget<T> = SmartTextField<T> | SmartTextFieldNumber<T> | SmartTextFieldChips<T> | SmartTextBox<T> | SmartSelect<T> | SmartSelectMultiple<T> | SmartCheckBox<T> | SmartCheckBox2<T> | SmartRadioButton<T> | SmartDatePicker<T> | SmartDateTimePicker<T> | SmartContainer<T> | SmartLabel | SmartTime<T> | SmartToggle<T> | SmartIndicatorItem | SmartFileUploader | SmartImage | SmartDivider | SmartButton | SmartFormInlineComponent | SmartRichText | SmartSortable<T> | SmartMatrix | SmartYoutubePlayer | SmartMonthPicker | SmartSvg;
 export interface SmartTextField<T> {
     type: SmartFormWidgetType.TEXT_FIELD;
@@ -20,6 +21,8 @@ export interface SmartTextField<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isPassword?: boolean;
     textFieldButton?: SmartFormTextFieldButton;
     capsLockWarning?: string;
@@ -58,6 +61,8 @@ export interface SmartTextFieldNumber<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     textFieldButton?: SmartFormTextFieldButton;
     isVisible?: boolean;
     minValues?: number;
@@ -85,6 +90,8 @@ export interface SmartTextFieldChips<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     error?: string;
     errorIcon?: string;
@@ -110,6 +117,8 @@ export interface SmartTextBox<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     error?: string;
     errorIcon?: string;
@@ -133,6 +142,8 @@ export interface SmartSelect<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     error?: string;
     errorIcon?: string;
@@ -156,6 +167,8 @@ export interface SmartSelectMultiple<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     placeholder?: string;
     isVisible?: boolean;
     error?: string;
@@ -180,6 +193,8 @@ export interface SmartCheckBox<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     error?: string;
     errorIcon?: string;
@@ -203,6 +218,8 @@ export interface SmartCheckBox2<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     error?: string;
     errorIcon?: string;
@@ -226,6 +243,8 @@ export interface SmartRadioButton<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     error?: string;
     errorIcon?: string;
@@ -250,6 +269,8 @@ export interface SmartDatePicker<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     error?: string;
     errorIcon?: string;
@@ -275,6 +296,8 @@ export interface SmartDateTimePicker<T> {
     validators?: SmartValidator[];
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     error?: string;
     errorIcon?: string;
@@ -291,6 +314,7 @@ export interface SmartContainer<T> {
     valueList: SmartFormWidget<T>[];
     direction?: SmartFormWidgetDirection;
     cssClass?: string;
+    style?: Style;
 }
 export interface SmartLabel {
     key?: string;
@@ -298,6 +322,8 @@ export interface SmartLabel {
     type: SmartFormWidgetType.LABEL;
     isVisible?: boolean;
     cssClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     label: string;
     originalLabel?: string;
     widgetDescription?: string;
@@ -317,6 +343,8 @@ export interface SmartTime<T> {
     isVisible?: boolean;
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isDisabled?: boolean;
     isReadonly?: boolean;
     validators?: SmartValidator[];
@@ -337,6 +365,8 @@ export interface SmartToggle<T> {
     isVisible?: boolean;
     cssClass?: string;
     cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isDisabled?: boolean;
     isReadonly?: boolean;
     toggleLabelPosition?: ToggleLabelPosition;
@@ -356,6 +386,9 @@ export interface SmartIndicatorItem {
     indicator: SmartIndicator;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
 }
 export declare type SmartItems<T> = SmartItem<T> | SmartItemGroup<T>;
 export interface SmartItem<T> {
@@ -363,6 +396,9 @@ export interface SmartItem<T> {
     key: string;
     valueChangeMode?: ValueChangeMode;
     label: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     originalLabel?: string;
     value?: T;
     isDisabled?: boolean;
@@ -375,6 +411,9 @@ export interface SmartItemGroup<T> {
     key: string;
     valueChangeMode?: ValueChangeMode;
     label: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     originalLabel?: string;
     isDisabled?: boolean;
     valueList: SmartItem<T>[];
@@ -388,6 +427,9 @@ export interface SmartFileUploader {
     showLabel?: boolean;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     uploadCallback: (key: string, files: any[]) => void;
     fileFormats?: string[];
     maxSizeMb?: number;
@@ -402,6 +444,9 @@ export interface SmartImage {
     showLabel?: boolean;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     value?: string;
     imageCss?: string;
 }
@@ -414,6 +459,9 @@ export interface SmartDivider {
     showLabel?: boolean;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     value?: string;
 }
 export interface SmartButton {
@@ -425,6 +473,9 @@ export interface SmartButton {
     showLabel?: boolean;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     value?: string;
     uiAction?: any;
     uiActionDescriptor: any;
@@ -439,6 +490,9 @@ export interface SmartFormInlineComponent {
     showLabel?: boolean;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     component: any;
     input: Map<string, any>;
 }
@@ -455,10 +509,12 @@ export interface SmartRichText {
     showLabel?: boolean;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isDisabled?: boolean;
     isReadonly?: boolean;
     validators?: SmartValidator[];
-    cssLabelClass?: string;
     error?: string;
     errorIcon?: string;
     errorIconColor?: string;
@@ -476,9 +532,11 @@ export interface SmartSortable<T> {
     showLabel?: boolean;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isDisabled?: boolean;
     isReadonly?: boolean;
-    cssLabelClass?: string;
     error?: string;
     errorIcon?: string;
     errorIconColor?: string;
@@ -497,9 +555,11 @@ export interface SmartMatrix {
     showLabel?: boolean;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isDisabled?: boolean;
     isReadonly?: boolean;
-    cssLabelClass?: string;
     error?: string;
     errorIcon?: string;
     errorIconColor?: string;
@@ -524,6 +584,9 @@ export interface SmartYoutubePlayer {
     startSeconds?: number | 0;
     endSeconds?: number;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     label?: string;
     validators?: SmartValidator[];
@@ -542,6 +605,9 @@ export interface SmartMonthPicker {
     errorIcon?: string;
     errorIconColor?: string;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     isVisible?: boolean;
     isDisabled?: boolean;
     originalLabel?: string;
@@ -556,6 +622,9 @@ export interface SmartSvg {
     showLabel?: boolean;
     isVisible?: boolean;
     cssClass?: string;
+    cssLabelClass?: string;
+    style?: Style;
+    labelStyle?: Style;
     value?: string;
     minWidth?: SmartFormWidgetWidth | number;
 }

package/lib/smart-form/widgets/smartformwidget/smartformwidget.component.d.ts

@@ -64,6 +64,18 @@ export declare class SmartformwidgetComponent implements OnInit, OnDestroy, Afte
     ngOnDestroy(): void;
     onKeydown(): void;
     togglePasswordVisibility(event: any): void;
+    getNgClass(): {
+        [className: string]: boolean;
+    };
+    getStyle(): {
+        [key: string]: string | number;
+    };
+    getLabelNgClass(): {
+        [className: string]: boolean;
+    };
+    getLabelStyle(): {
+        [key: string]: string | number;
+    };
     /**
      * Change handler for the potentially present Quill editor, enforcing max length limits if
      * necessary.

package/lib/view-context/utility/smart-style-utility.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, Renderer2 } from '@angular/core';
 import { Style } from '../api/model/style';
 export declare class SmartStyleUtility {
-    static applyStyle(style: Style | undefined, elementRef?: ElementRef, renderer?: Renderer2): void;
+    static applyStyle(style: Style | undefined, elementRef?: ElementRef, renderer?: Renderer2, parent?: boolean): void;
     static getNgClasses(style: Style | undefined, classesToAdd?: string[], classesToRemove?: string[]): {
         [className: string]: boolean;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smartbit4all/ng-client",
-  "version": "3.3.154",
+  "version": "3.3.156",
   "peerDependencies": {
     "@angular/animations": "^13.3.9",
     "@angular/common": "^13.2.0",