Smart UI 14.4.0

accordion/smart.accordion.d.ts

@@ -14,15 +14,15 @@ export declare class AccordionComponent extends BaseElement implements OnInit, A
      */
     createComponent(properties?: {}): any;
     /** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */
-    animation: Animation;
+    animation: Animation | string;
     /** @description Determines the data source that will be loaded to the Accordion. */
     dataSource: any;
     /** @description Enables or disables the accordion. Disabled elements can not be interacted with. */
     disabled: boolean;
     /** @description Sets or gets the expanded item indexes. Using this property items can be expanded by passing in their indexes. The number of expanded items is limited by the expandMode. */
     expandedIndexes: number[];
     /** @description Sets or gets the expand mode. Expand mode determines how the items will expand or collapse. */
-    expandMode: AccordionExpandMode;
+    expandMode: AccordionExpandMode | string;
     /** @description Sets or gets the language. Used in conjunction with the property messages.  */
     locale: string;
     /** @description Callback used to customize the format of the messages that are returned from the Localization Module. */

accordion/smart.accordionitem.d.ts

@@ -14,7 +14,7 @@ export declare class AccordionItemComponent extends BaseElement implements OnIni
      */
     createComponent(properties?: {}): any;
     /** @description Sets or gets header's arrow position. If the value is 'none' the arrow is not shown. */
-    arrow: AccordionItemArrow;
+    arrow: AccordionItemArrow | string;
     /** @description Sets or gets the content if the item. */
     content: string | HTMLElement;
     /** @description Sets or gets the expanded state. */

array/smart.array.d.ts

@@ -14,9 +14,9 @@ export declare class ArrayComponent extends BaseElement implements OnInit, After
      */
     createComponent(properties?: {}): any;
     /** @description Sets or gets the animation mode. Animation is disabled when the property is set to 'none' */
-    animation: Animation;
+    animation: Animation | string;
     /** @description Sets or gets the indexing mode of the Array. */
-    arrayIndexingMode: ArrayArrayIndexingMode;
+    arrayIndexingMode: ArrayArrayIndexingMode | string;
     /** @description A callback function that is called when the width, height or disabled properties of an inner element need to be updated. Applicable only when type is 'custom'. */
     changeProperty: any;
     /** @description Sets or gets the number of visible columns in the Array. */
@@ -62,7 +62,7 @@ export declare class ArrayComponent extends BaseElement implements OnInit, After
     /** @description Determines the theme. Theme defines the look of the element */
     theme: string;
     /** @description Sets or gets the data type and element widgets to be used in the Array. */
-    type: ArrayType;
+    type: ArrayType | string;
     /** @description If is set to true, the element cannot be focused. */
     unfocusable: boolean;
     /** @description Sets or gets the value of the Array. */

barcode/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

barcode/smart-webcomponents-angular-barcode.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"BarCodeLabelPosition","as":"BarCodeLabelPosition"},{"name":"BarCodeRenderAs","as":"BarCodeRenderAs"},{"name":"BarCodeType","as":"BarCodeType"},{"name":"ElementRenderMode","as":"ElementRenderMode"},{"name":"BarCode","as":"BarCode"}],"from":"../index"}],"metadata":{"ɵa":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":21}]}],"onCreate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":5}}]}],"onReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"onAttach":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"onDetach":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"addEventListener":[{"__symbolic":"method"}],"removeEventListener":[{"__symbolic":"method"}],"dispatchEvent":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":2}}]}],"localizeFormatFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":2}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":2}}]}],"rightToLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":2}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":2}}]}]}},"BarCodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"smart-barcode, [smart-barcode]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"BarCode"}]}]}],"createComponent":[{"__symbolic":"method"}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"disaplyLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":2}}]}],"labelCOlor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":2}}]}],"labelFont":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":2}}]}],"labelFontSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":2}}]}],"labelMarginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":2}}]}],"labelMarginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":2}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":2}}]}],"lineColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":2}}]}],"lineHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":2}}]}],"lineWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":2}}]}],"renderAs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":2}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":2}}]}],"onInvalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":163,"character":2}}]}],"export":[{"__symbolic":"method"}],"getDataURL":[{"__symbolic":"method"}],"getDataURLAsync":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"listen":[{"__symbolic":"method"}],"unlisten":[{"__symbolic":"method"}]}},"Smart":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"window"},"member":"Smart"},"BarCodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BarCodeComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":7,"character":11}],"exports":[{"__symbolic":"reference","name":"BarCodeComponent"}]}]}],"members":{}}},"origins":{"ɵa":"./smart.element","BarCodeComponent":"./smart.barcode","Smart":"./smart.element","BarCodeModule":"./smart.barcode.module"},"importAs":"smart-webcomponents-angular/barcode"}
+{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"BarcodeLabelPosition","as":"BarcodeLabelPosition"},{"name":"BarcodeRenderAs","as":"BarcodeRenderAs"},{"name":"BarcodeType","as":"BarcodeType"},{"name":"ElementRenderMode","as":"ElementRenderMode"},{"name":"Barcode","as":"Barcode"}],"from":"../index"}],"metadata":{"ɵa":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":21}]}],"onCreate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":5}}]}],"onReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":5}}]}],"onAttach":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"onDetach":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"addEventListener":[{"__symbolic":"method"}],"removeEventListener":[{"__symbolic":"method"}],"dispatchEvent":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":2}}]}],"localizeFormatFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":2}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":2}}]}],"rightToLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":2}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":2}}]}]}},"BarcodeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"exportAs":"smart-barcode","selector":"smart-barcode, [smart-barcode]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"Barcode"}]}]}],"createComponent":[{"__symbolic":"method"}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":2}}]}],"displayLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":2}}]}],"labelColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":2}}]}],"labelFont":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":2}}]}],"labelFontSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":2}}]}],"labelMarginBottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":2}}]}],"labelMarginTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":2}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":2}}]}],"lineColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":2}}]}],"lineHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":2}}]}],"lineWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":2}}]}],"renderAs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":2}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":2}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":2}}]}],"onInvalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":165,"character":2}}]}],"export":[{"__symbolic":"method"}],"getDataURL":[{"__symbolic":"method"}],"getDataURLAsync":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"listen":[{"__symbolic":"method"}],"unlisten":[{"__symbolic":"method"}]}},"Smart":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"window"},"member":"Smart"},"BarcodeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BarcodeComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":7,"character":11}],"exports":[{"__symbolic":"reference","name":"BarcodeComponent"}]}]}],"members":{}}},"origins":{"ɵa":"./smart.element","BarcodeComponent":"./smart.barcode","Smart":"./smart.element","BarcodeModule":"./smart.barcode.module"},"importAs":"smart-webcomponents-angular/barcode"}

barcode/smart.barcode.d.ts

@@ -1,24 +1,24 @@
-import { BarCode } from './../index';
-import { BarCodeLabelPosition, BarCodeRenderAs, BarCodeType } from './../index';
+import { Barcode } from './../index';
+import { BarcodeLabelPosition, BarcodeRenderAs, BarcodeType } from './../index';
 import { AfterViewInit, ElementRef, OnInit, OnChanges, OnDestroy, SimpleChanges, EventEmitter } from '@angular/core';
 import { BaseElement } from './smart.element';
-export { BarCodeLabelPosition, BarCodeRenderAs, BarCodeType, ElementRenderMode } from './../index';
+export { BarcodeLabelPosition, BarcodeRenderAs, BarcodeType, ElementRenderMode } from './../index';
 export { Smart } from './smart.element';
-export { BarCode } from './../index';
-export declare class BarCodeComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {
-    constructor(ref: ElementRef<BarCode>);
+export { Barcode } from './../index';
+export declare class BarcodeComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {
+    constructor(ref: ElementRef<Barcode>);
     private eventHandlers;
-    nativeElement: BarCode;
+    nativeElement: Barcode;
     /** @description Creates the component on demand.
      * @param properties An optional object of properties, which will be added to the template binded ones.
      */
     createComponent(properties?: {}): any;
     /** @description Sets the background color of the barcode element. */
     backgroundColor: string;
     /** @description Sets whether the barcode label is visible. */
-    disaplyLabel: boolean;
+    displayLabel: boolean;
     /** @description Sets the color of the barcode label. */
-    labelCOlor: string;
+    labelColor: string;
     /** @description Sets the font family of the barcode label. */
     labelFont: string;
     /** @description Sets the font size of the barcode label. */
@@ -28,23 +28,25 @@ export declare class BarCodeComponent extends BaseElement implements OnInit, Aft
     /** @description Sets the top margin of the barcode label. */
     labelMarginTop: number;
     /** @description Sets the position of the barcode label. */
-    labelPosition: BarCodeLabelPosition;
+    labelPosition: BarcodeLabelPosition | string;
     /** @description Sets the color of the barcode lines. */
     lineColor: string;
     /** @description Sets the height of the barcode line. */
     lineHeight: number;
     /** @description Sets the width of the barcode line. */
     lineWidth: number;
     /** @description Sets the rendering mode of the barcode. */
-    renderAs: BarCodeRenderAs;
+    renderAs: BarcodeRenderAs | string;
     /** @description Sets the barcode type */
-    type: BarCodeType;
+    type: BarcodeType | string;
     /** @description Sets or gets the value of the barcode. */
     value: string;
     /** @description This event is triggered when the value of the barcode is invalid.
-    *  @param event. The custom event. 	Custom event was created with: event.detail(	value, 	invalidCharacters)
-    *   value - the invalid value of the barcode.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	invalidCharacters, 	lengthValidity, 	patternValidity, 	value)
     *   invalidCharacters - An array indicating the invalid characters.
+    *   lengthValidity - A boolean indicating the length validity.
+    *   patternValidity - A boolean indicating the pattern validity.
+    *   value - the invalid value of the barcode.
     */
     onInvalid: EventEmitter<CustomEvent>;
     /** @description Exports the barcode.