@wavemaker/app-ng-runtime 11.14.2-rc.6311 → 11.15.0-1.246

package/components/base/fesm2022/index.mjs

@@ -504,6 +504,13 @@ const getKeyboardFocusableElements = (element) => {
             && (!el.hasAttribute('tabindex') || (el.hasAttribute('tabindex') && !el.getAttribute("tabindex").startsWith('-'))));
     });
 };
+const getCurrentWidgets = (element, widgets) => {
+    const componentElements = Array.from(element.querySelectorAll('[widget-id]'));
+    return Object.assign(widgets, componentElements.reduce((result, comp) => {
+        result[comp.widget.name] = comp.widget;
+        return result;
+    }, {}));
+};
 
 const noop = () => { };
 var Live_Operations;
@@ -1615,7 +1622,7 @@ const getFieldLayoutConfig = (captionWidth, captionPosition, os) => {
     };
 };
 const getDefaultViewModeWidget = widget => {
-    if (includes(['checkbox', 'toggle', 'rating'], widget)) {
+    if (includes(['checkbox', 'toggle', 'iconbutton-toggle', 'rating'], widget)) {
         return VIEW_MODE_OPTIONS.DEFAULT;
     }
     return VIEW_MODE_OPTIONS.LABEL;
@@ -1634,16 +1641,19 @@ const parseBooleanValue = value => {
 };
 const parseValueByType = (value, type, widget, trailingzero) => {
     if (widget) {
-        if (widget === FormWidgetType.NUMBER || widget === FormWidgetType.SLIDER || widget === FormWidgetType.CURRENCY) {
+        if (widget === FormWidgetType.SLIDER || widget === FormWidgetType.CURRENCY) {
             return isNaN(Number(value)) ? null : trailingzero ? value : Number(value);
         }
-        if (widget === FormWidgetType.CHECKBOX || widget === FormWidgetType.TOGGLE) {
+        if (widget === FormWidgetType.NUMBER) {
+            return (isNaN(Number(value)) || value == null) ? null : trailingzero ? value : Number(value);
+        }
+        if (widget === FormWidgetType.CHECKBOX || widget === FormWidgetType.TOGGLE || widget === FormWidgetType.ICONBUTTONTOGGLE) {
             return parseBooleanValue(value);
         }
         return value;
     }
     if (isNumberType(type)) {
-        return isNaN(Number(value)) ? null : Number(value);
+        return (isNaN(Number(value)) || value == null) ? null : Number(value);
     }
     if (type === DataType.BOOLEAN) {
         return parseBooleanValue(value);
@@ -1667,7 +1677,7 @@ const fieldTypeWidgetTypeMap = {
     'time': ['time', 'text', 'number', 'select', 'checkboxset', 'radioset', 'autocomplete', 'chips'],
     'timestamp': ['timestamp', 'text', 'number', 'select', 'checkboxset', 'radioset', 'autocomplete', 'chips'],
     'datetime': ['datetime', 'text', 'select', 'checkboxset', 'radioset', 'autocomplete', 'chips'],
-    'boolean': ['checkbox', 'radioset', 'toggle', 'select'],
+    'boolean': ['checkbox', 'radioset', 'toggle', 'iconbutton-toggle', 'select'],
     'list': ['select', 'radioset', 'checkboxset', 'switch', 'autocomplete', 'chips'],
     'clob': ['text', 'textarea', 'richtext'],
     'blob': ['upload'],
@@ -1725,7 +1735,7 @@ const getDefaultValue = (value, type, widget) => {
         if (widget === FormWidgetType.NUMBER || widget === FormWidgetType.SLIDER || widget === FormWidgetType.CURRENCY) {
             return isNaN(Number(value)) ? null : Number(value);
         }
-        if (widget === FormWidgetType.CHECKBOX || widget === FormWidgetType.TOGGLE) {
+        if (widget === FormWidgetType.CHECKBOX || widget === FormWidgetType.TOGGLE || widget === FormWidgetType.ICONBUTTONTOGGLE) {
             return parseBooleanValue(value);
         }
         return value;
@@ -2528,8 +2538,9 @@ class BaseComponent {
                 const errorMessage = e.message || String(e);
                 console.error(`Error executing event callback "${eventName}" on widget "${widgetName}":`, errorMessage);
                 console.error('Event expression context:', { eventName, widgetName, locals });
-                // Re-throw to maintain original behavior but with better context
-                throw e;
+                // Don't re-throw - allow execution to continue (e.g., navigation should still work)
+                // Return undefined to indicate error was handled
+                return undefined;
             }
         };
         if (child && !child.widget.eventHandlers)
@@ -2591,8 +2602,9 @@ class BaseComponent {
                     const errorMessage = error?.message || String(error);
                     console.error(`Error executing event callback "${eventName}" on widget "${widgetName}":`, errorMessage);
                     console.error('Full error:', error);
-                    // Re-throw to maintain original behavior but with better error context
-                    throw error;
+                    // Don't re-throw - allow execution to continue (e.g., navigation should still work)
+                    // Return undefined to indicate error was handled
+                    return undefined;
                 }
             }
         }
@@ -2817,9 +2829,6 @@ class BaseComponent {
         // This ensures all watchers registered for this component are cleaned up
         if (this.widgetId) {
             $unwatchAll(this.widgetId);
-            // if (removedCount > 0) {
-            //     console.log(`🧹 Cleaned up ${removedCount} watcher(s) for widget ${this.widgetId}`);
-            // }
         }
         // MEMORY LEAK FIX: Clear context to release references to parent scope data
         // The context object holds references to repeater items, wizard steps, etc.
@@ -3229,6 +3238,9 @@ class PartialContainerDirective {
         this.renderPartial = debounce$1(this._renderPartial, 200);
         componentInstance.registerPropertyChangeListener((key, nv, ov) => {
             if (key === 'content') {
+                if ('isInlineContent' in componentInstance) {
+                    componentInstance.isInlineContent = !(nv && nv !== '');
+                }
                 if (componentInstance.$lazyLoad) {
                     componentInstance.$lazyLoad = () => {
                         this.renderPartial(nv);
@@ -5034,94 +5046,53 @@ const registerProps = () => {
         ['alignment', PROP_STRING],
         ['gap', PROP_STRING],
         ['wrap', PROP_BOOLEAN],
-        ['columngap', PROP_STRING]
+        ['columngap', PROP_STRING],
+        ['clipcontent', PROP_STRING],
+        ['position', PROP_STRING],
+        ['overflow', PROP_STRING],
+        ['zindex', PROP_STRING],
     ]));
 };
 
-const DEFAULT_CLS = 'app-container';
-const WIDGET_CONFIG = {
-    widgetType: 'wm-container',
-    hostClass: DEFAULT_CLS
-};
-// Alignment matrix (assumes direction: 'row' as base)
-const alignmentMatrix = {
-    'top-left': { justifyContent: 'flex-start', alignItems: 'flex-start' },
-    'top-center': { justifyContent: 'center', alignItems: 'flex-start' },
-    'top-right': { justifyContent: 'flex-end', alignItems: 'flex-start' },
-    'middle-left': { justifyContent: 'flex-start', alignItems: 'center' },
-    'middle-center': { justifyContent: 'center', alignItems: 'center' },
-    'middle-right': { justifyContent: 'flex-end', alignItems: 'center' },
-    'bottom-left': { justifyContent: 'flex-start', alignItems: 'flex-end' },
-    'bottom-center': { justifyContent: 'center', alignItems: 'flex-end' },
-    'bottom-right': { justifyContent: 'flex-end', alignItems: 'flex-end' },
-    'start': { justifyContent: 'space-between', alignItems: 'flex-start' },
-    'center': { justifyContent: 'space-between', alignItems: 'center' },
-    'end': { justifyContent: 'space-between', alignItems: 'flex-end' }
-};
-class ContainerDirective extends BaseContainerComponent {
-    static { this.initializeProps = registerProps(); }
-    constructor(inj, explicitContext) {
-        super(inj, WIDGET_CONFIG, explicitContext);
+class AutoLayoutUtils {
+    constructor() {
+        this.direction = 'row';
         this.hasWrap = false;
-        addClass(this.nativeElement, DEFAULT_CLS);
-        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+        this.alignment = 'top-left';
+        // Alignment matrix
+        this.alignmentMatrix = {
+            'top-left': { justifyContent: 'flex-start', alignItems: 'flex-start' },
+            'top-center': { justifyContent: 'center', alignItems: 'flex-start' },
+            'top-right': { justifyContent: 'flex-end', alignItems: 'flex-start' },
+            'middle-left': { justifyContent: 'flex-start', alignItems: 'center' },
+            'middle-center': { justifyContent: 'center', alignItems: 'center' },
+            'middle-right': { justifyContent: 'flex-end', alignItems: 'center' },
+            'bottom-left': { justifyContent: 'flex-start', alignItems: 'flex-end' },
+            'bottom-center': { justifyContent: 'center', alignItems: 'flex-end' },
+            'bottom-right': { justifyContent: 'flex-end', alignItems: 'flex-end' },
+            'start': { justifyContent: 'space-between', alignItems: 'flex-start' },
+            'center': { justifyContent: 'space-between', alignItems: 'center' },
+            'end': { justifyContent: 'space-between', alignItems: 'flex-end' }
+        };
     }
-    onPropertyChange(key, nv, ov) {
-        switch (key) {
-            case 'direction':
-                this.direction = nv;
-                if (nv === 'column')
-                    this.hasWrap = false; // disable wrap for column direction
-                this.$element.css({ 'flex-direction': nv, display: 'flex' });
-                this.applyAlignment(this.alignment);
-                break;
-            case 'wrap':
-                this.hasWrap = nv;
-                this.$element.css('flex-wrap', nv ? 'wrap' : 'nowrap');
-                break;
-            case 'alignment':
-                if (nv) {
-                    this.alignment = nv;
-                    this.applyAlignment(nv);
-                }
-                break;
-            case 'gap':
-            case 'columngap':
-                setTimeout(() => {
-                    this.applySpacing(nv, key);
-                });
-                break;
-        }
-        super.onPropertyChange(key, nv, ov);
+    /** Apply direction (row/column) */
+    applyDirection(direction) {
+        this.direction = direction;
+        if (direction === 'column')
+            this.hasWrap = false;
+        this.$element.css({ display: 'flex', flexDirection: direction });
+        this.applyAlignment(this.alignment);
     }
-    onStyleChange(key, nv, ov) {
-        if (key === 'alignment' && nv) {
-            this.alignment = nv;
-            this.applyAlignment(nv);
-        }
-        if (nv === 'fill') {
-            if (key === 'width')
-                this.$element.css('width', '100%');
-            if (key === 'height') {
-                const parentElement = this.nativeElement.parentElement;
-                if (parentElement?.hasAttribute('wmcontainer')) {
-                    this.$element.css({ 'align-self': 'stretch', 'flex-grow': '1' });
-                }
-                else {
-                    this.$element.css('height', '100%');
-                }
-            }
-        }
-        else if (nv === 'hug') {
-            if (key === 'width')
-                this.$element.css('width', 'fit-content');
-            if (key === 'height')
-                this.$element.css('height', 'fit-content');
-        }
-        super.onStyleChange(key, nv, ov);
+    /** Apply wrapping */
+    applyWrap(wrap) {
+        this.hasWrap = wrap;
+        this.$element.css('flex-wrap', wrap ? 'wrap' : 'nowrap');
     }
+    /** Apply alignment based on direction */
     applyAlignment(alignmentKey) {
-        const base = alignmentMatrix[alignmentKey];
+        if (!alignmentKey)
+            return;
+        const base = this.alignmentMatrix[alignmentKey];
         if (!base)
             return;
         const isRow = this.direction === 'row';
@@ -5130,80 +5101,253 @@ class ContainerDirective extends BaseContainerComponent {
         this.$element.css({
             display: 'flex',
             'flex-wrap': this.hasWrap ? 'wrap' : 'nowrap',
-            justifyContent: justifyContent,
-            alignItems: alignItems
+            justifyContent,
+            alignItems
         });
     }
-    applySpacing(nv, key) {
+    /** Apply spacing for gap + column gap */
+    applySpacing(key, nv) {
+        const base = this.alignmentMatrix[this.alignment];
+        if (!base)
+            return;
+        const gapValue = key === 'gap' ? nv : this.gap;
+        const colValue = key === 'columngap' ? nv : this.columngap;
         const isRow = this.direction === 'row';
-        const base = alignmentMatrix[this.alignment];
-        const el = this.$element;
-        // Normalize values
-        const gap = key === 'gap' ? nv : this.gap;
-        const columngap = key === 'columngap' ? nv : this.columngap;
-        const hasWrap = this.hasWrap;
-        // Default gap values
-        const colVal = (columngap && columngap !== 'auto') ? (columngap) : null;
-        const gapVal = (gap && gap !== 'auto') ? (gap) : null;
-        const rowVal = hasWrap ? gapVal : null;
+        const gapVal = (gapValue && gapValue !== 'auto') ? gapValue : null;
+        const colVal = (colValue && colValue !== 'auto') ? colValue : null;
+        const rowVal = this.hasWrap && gapVal ? gapVal : null;
         let justifyContent = isRow ? base.justifyContent : base.alignItems;
         let alignItems = isRow ? base.alignItems : base.justifyContent;
-        // CASE: No wrap
-        if (!hasWrap) {
-            if (gap === 'auto') {
-                el.css({
+        // ————— NO WRAP —————
+        if (!this.hasWrap) {
+            if (gapValue === 'auto') {
+                this.$element.css({
                     'justify-content': base.justifyContent,
                     'align-items': base.alignItems
                 });
             }
             else {
-                el.css({
+                this.$element.css({
                     'justify-content': justifyContent,
                     'align-items': alignItems,
                     gap: `${gapVal}px`
                 });
             }
         }
-        // CASE: Wrap enabled
+        // ————— WRAP LOGIC —————
         else {
-            // both auto (gap as rowgap and columngap)
-            if (columngap === 'auto' && gap === 'auto') {
-                el.css({
+            if (gapValue === 'auto' && colValue === 'auto') {
+                this.$element.css({
                     'justify-content': justifyContent,
                     'align-content': justifyContent
                 });
             }
-            // columngap auto, gap (rowgap) fixed
-            else if (columngap === 'auto' && gap !== 'auto') {
-                el.css({
+            else if (gapValue !== 'auto' && colValue === 'auto') {
+                this.$element.css({
                     'justify-content': justifyContent,
                     'align-content': alignItems,
                     'row-gap': `${rowVal}px`
                 });
             }
-            // gap (rowgap) auto, columngap fixed
-            else if (gap === 'auto' && columngap !== 'auto') {
-                el.css({
+            else if (gapValue === 'auto' && colValue !== 'auto') {
+                this.$element.css({
                     'align-content': 'space-between',
                     'column-gap': `${colVal}px`
                 });
             }
-            //  both fixed numbers
             else {
                 if (colVal && rowVal) {
                     if (colVal === rowVal) {
-                        el.css({ 'gap': `${colVal}px`, 'align-content': alignItems, 'justify-content': justifyContent });
+                        this.$element.css({
+                            'gap': `${colVal}px`,
+                            'align-content': alignItems,
+                            'justify-content': justifyContent
+                        });
                     }
                     else {
-                        el.css({ gap: `${rowVal}px ${colVal}px`, 'align-content': alignItems, 'justify-content': justifyContent });
+                        this.$element.css({
+                            'gap': `${rowVal}px ${colVal}px`,
+                            'align-content': alignItems,
+                            'justify-content': justifyContent
+                        });
                     }
                 }
             }
-            this.columngap = columngap?.toString();
         }
-        this.gap = gap?.toString();
+        this.gap = gapValue?.toString();
+        this.columngap = colValue?.toString();
+    }
+    onPropertyChange(key, nv, ov) {
+        switch (key) {
+            case 'direction':
+                this.applyDirection(nv);
+                break;
+            case 'wrap':
+                this.applyWrap(nv);
+                break;
+            case 'alignment':
+                this.alignment = nv;
+                this.applyAlignment(nv);
+                break;
+            case 'gap':
+            case 'columngap':
+                setTimeout(() => {
+                    this.applySpacing(key, nv);
+                });
+                break;
+            case 'position':
+                this.position = nv;
+                this.handlePosition();
+                break;
+            case 'clipcontent':
+                this.clipContent = nv;
+                this.handleClipBehaviour();
+                break;
+        }
+    }
+    applyStyleChange(key, nv) {
+        if (key === 'width' || key === 'height') {
+            this.applySize(key, nv);
+        }
+        else if (key === 'padding') {
+            this.$element.css('padding', nv);
+        }
+        else if (key === 'overflow') {
+            this.overflowtype = nv;
+            this.handleClipBehaviour();
+        }
+        else if (key === 'zindex') {
+            this.zIndex = nv;
+            this.handlePosition();
+        }
+    }
+    applySize(key, nv) {
+        if (nv === 'fill') {
+            if (key === 'width') {
+                this.$element.css('width', '100%');
+            }
+            if (key === 'height') {
+                if (this.parentElement?.hasAttribute('wmcontainer') || this.parentElement.hasAttribute('wmautolayout')) {
+                    this.$element.css({
+                        'align-self': 'stretch',
+                        'flex-grow': '1'
+                    });
+                }
+                else {
+                    this.$element.css('height', '100%');
+                }
+            }
+        }
+        else if (nv === 'hug') {
+            if (key === 'width') {
+                this.$element.css('width', 'fit-content');
+            }
+            if (key === 'height') {
+                this.$element.css('height', 'fit-content');
+            }
+        }
+        else {
+            this.$element.css('flex-shrink', '0'); // Don't shrink when size is fixed
+        }
+    }
+    // Determine whether the container should clip its content and configure scrolling behaviour accordingly.
+    handleClipBehaviour() {
+        const overflow = this.overflowtype?.toLowerCase();
+        switch (overflow) {
+            case 'vertical':
+                this.$element.css({
+                    'overflow-x': 'hidden',
+                    'overflow-y': 'scroll'
+                });
+                break;
+            case 'horizontal':
+                this.$element.css({
+                    'overflow-x': 'scroll',
+                    'overflow-y': 'hidden'
+                });
+                break;
+            case 'both directions':
+                this.$element.css({
+                    'overflow': 'scroll'
+                });
+                break;
+            case 'no scrolling':
+                if (this.clipContent) {
+                    this.$element.css({ 'overflow': 'hidden' });
+                }
+                else {
+                    this.$element.css({ 'overflow': '' });
+                }
+                break;
+            default:
+                break;
+        }
+    }
+    // Toggle and apply positional behaviour and expose the z-index control when position is not relative.
+    handlePosition() {
+        if (this.position === 'sticky') {
+            // Apply sticky styles
+            this.$element.css({
+                'position': 'sticky',
+                'top': '0', // Sticks to top when scrolling vertically
+                'left': '0', // Sticks to left when scrolling horizontally
+                'z-index': this.zIndex
+            });
+        }
+        else {
+            // Reset to default (static/relative behavior)
+            this.$element.css({
+                'position': '',
+                'top': '',
+                'left': '',
+                'z-index': ''
+            });
+        }
+    }
+}
+
+const DEFAULT_CLS = 'app-container';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-container',
+    hostClass: DEFAULT_CLS
+};
+class ContainerDirective extends BaseContainerComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext, app) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.app = app;
+        this.isPrism = false;
+        addClass(this.nativeElement, DEFAULT_CLS);
+        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+        this.isPrism = this.app.isPrism;
+        if (this.isPrism) {
+            this.initializeAutoLayout();
+        }
+    }
+    initializeAutoLayout() {
+        const self = this;
+        this.autoLayoutUtils = new class extends AutoLayoutUtils {
+            constructor() {
+                super(...arguments);
+                this.nativeElement = self.nativeElement;
+                this.$element = self.$element;
+                this.parentElement = self.nativeElement.parentElement ?? null;
+            }
+        }();
+    }
+    onPropertyChange(key, nv, ov) {
+        if (this.isPrism && this.autoLayoutUtils) {
+            this.autoLayoutUtils.onPropertyChange(key, nv, ov);
+        }
+        super.onPropertyChange(key, nv, ov);
+    }
+    onStyleChange(key, nv, ov) {
+        if (this.isPrism && this.autoLayoutUtils) {
+            this.autoLayoutUtils.applyStyleChange(key, nv);
+        }
+        super.onStyleChange(key, nv, ov);
     }
-    static { this.ɵfac = function ContainerDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContainerDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
+    static { this.ɵfac = function ContainerDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContainerDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8), i0.ɵɵdirectiveInject(i1.App)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ContainerDirective, selectors: [["", "wmContainer", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(ContainerDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
@@ -5222,7 +5366,7 @@ class ContainerDirective extends BaseContainerComponent {
                 args: ['EXPLICIT_CONTEXT']
             }, {
                 type: Optional
-            }] }], null); })();
+            }] }, { type: i1.App }], null); })();
 
 class LazyLoadDirective {
     constructor(inj, templateRef, viewContainer, explicitContext = {}) {
@@ -5500,5 +5644,5 @@ class ShowInDeviceDirective {
  * Generated bundle index. Do not edit.
  */
 
-export { ALLFIELDS, APPLY_STYLES_TYPE, AUTOCLOSE_TYPE, BaseComponent, BaseContainerComponent, BaseFieldValidations, ContainerDirective, Context, CustomPipe, CustomWidgetContainerDirective, DEBOUNCE_TIMES, DISPLAY_TYPE, DataSetItem, DatasetAwareNavComponent, DialogRef, DialogServiceImpl, EDIT_MODE, EVENTS_MAP, FileExtensionFromMimePipe, FileIconClassPipe, FileSizePipe, FilterPipe, INPUTMODE, ImagePipe, ItemTemplateDirective, LIVE_CONSTANTS, LazyLoadDirective, Live_Operations, MessageComponent, NAVIGATION_TYPE, NumberToStringPipe, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, PROP_TYPE, PartialContainerDirective, PartialDirective, PartialParamDirective, PartialParamHandlerDirective, PrefixPipe, PullToRefresh, RedrawableDirective, RepeatTemplateDirective, SanitizePipe, ShowInDeviceDirective, StateClassPipe, StringToNumberPipe, StylableComponent, SuffixPipe, TemplateReplacePipe, TextContentDirective, TimeFromNowPipe, ToCurrencyPipe, ToDatePipe, ToNumberPipe, TrailingZeroDecimalPipe, TrustAsPipe, WidgetConfig, WidgetRef, applyFilterOnField, configureDnD, convertDataToObject, createArrayFrom, extractDataAsArray, extractDataSourceName, fetchDistinctValues, fetchRelatedFieldData, filterDate, getBackGroundImageUrl, getConditionalClasses, getContainerTargetClass, getDataTableFilterWidget, getDefaultValue, getDefaultViewModeWidget, getDistinctFieldProperties, getDistinctValues, getDistinctValuesForField, getEditModeWidget, getEmptyMatchMode, getEnableEmptyFilter, getEvaluatedData, getFieldLayoutConfig, getFieldTypeWidgetTypesMap, getImageUrl, getKeyboardFocusableElements, getMatchModeMsgs, getMatchModeTypesMap, getObjValueByKey, getOrderByExpr, getOrderedDataset, getRangeFieldValue, getRangeMatchMode, getRowOperationsColumn, getUniqObjsByDataField, getWatchIdentifier, getWidgetPropsByType, groupData, handleHeaderClick, hasLinkToCurrentPage, interpolateBindExpressions, isActiveNavItem, isBooleanAttr, isDataSetWidget, isDimensionProp, isStyle, parseValueByType, performDataOperation, prepareFieldDefs, propNameCSSKeyMap, provideAs, provideAsDialogRef, provideAsWidgetRef, refreshDataSource, register$1 as register, registerFormWidget, setFocusTrap, setHeaderConfig, setHeaderConfigForTable, setItemByCompare, styler, toggleAllHeaders, transformData, transformDataWithKeys, transformFormData, unsupportedStatePersistenceTypes, updateDeviceView, widgetIdGenerator };
+export { ALLFIELDS, APPLY_STYLES_TYPE, AUTOCLOSE_TYPE, BaseComponent, BaseContainerComponent, BaseFieldValidations, ContainerDirective, Context, CustomPipe, CustomWidgetContainerDirective, DEBOUNCE_TIMES, DISPLAY_TYPE, DataSetItem, DatasetAwareNavComponent, DialogRef, DialogServiceImpl, EDIT_MODE, EVENTS_MAP, FileExtensionFromMimePipe, FileIconClassPipe, FileSizePipe, FilterPipe, INPUTMODE, ImagePipe, ItemTemplateDirective, LIVE_CONSTANTS, LazyLoadDirective, Live_Operations, MessageComponent, NAVIGATION_TYPE, NumberToStringPipe, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, PROP_TYPE, PartialContainerDirective, PartialDirective, PartialParamDirective, PartialParamHandlerDirective, PrefixPipe, PullToRefresh, RedrawableDirective, RepeatTemplateDirective, SanitizePipe, ShowInDeviceDirective, StateClassPipe, StringToNumberPipe, StylableComponent, SuffixPipe, TemplateReplacePipe, TextContentDirective, TimeFromNowPipe, ToCurrencyPipe, ToDatePipe, ToNumberPipe, TrailingZeroDecimalPipe, TrustAsPipe, WidgetConfig, WidgetRef, applyFilterOnField, configureDnD, convertDataToObject, createArrayFrom, extractDataAsArray, extractDataSourceName, fetchDistinctValues, fetchRelatedFieldData, filterDate, getBackGroundImageUrl, getConditionalClasses, getContainerTargetClass, getCurrentWidgets, getDataTableFilterWidget, getDefaultValue, getDefaultViewModeWidget, getDistinctFieldProperties, getDistinctValues, getDistinctValuesForField, getEditModeWidget, getEmptyMatchMode, getEnableEmptyFilter, getEvaluatedData, getFieldLayoutConfig, getFieldTypeWidgetTypesMap, getImageUrl, getKeyboardFocusableElements, getMatchModeMsgs, getMatchModeTypesMap, getObjValueByKey, getOrderByExpr, getOrderedDataset, getRangeFieldValue, getRangeMatchMode, getRowOperationsColumn, getUniqObjsByDataField, getWatchIdentifier, getWidgetPropsByType, groupData, handleHeaderClick, hasLinkToCurrentPage, interpolateBindExpressions, isActiveNavItem, isBooleanAttr, isDataSetWidget, isDimensionProp, isStyle, parseValueByType, performDataOperation, prepareFieldDefs, propNameCSSKeyMap, provideAs, provideAsDialogRef, provideAsWidgetRef, refreshDataSource, register$1 as register, registerFormWidget, setFocusTrap, setHeaderConfig, setHeaderConfigForTable, setItemByCompare, styler, toggleAllHeaders, transformData, transformDataWithKeys, transformFormData, unsupportedStatePersistenceTypes, updateDeviceView, widgetIdGenerator };
 //# sourceMappingURL=index.mjs.map