@wavemaker-ai/app-ng-runtime 1.0.0-rc.332 → 1.0.0-rc.334

package/components/data/pagination/fesm2022/index.mjs

@@ -846,12 +846,12 @@ class PaginationComponent extends StylableComponent {
         // Call parent ngOnDestroy (sets isDestroyed = true)
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.Injector }, { token: WidgetRef, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PaginationComponent, isStandalone: true, selector: "[wmPagination]", outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.Injector }, { token: WidgetRef, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: PaginationComponent, isStandalone: true, selector: "[wmPagination]", outputs: { resultEmitter: "resultEmitter", maxResultsEmitter: "maxResultsEmitter" }, providers: [
             provideAsWidgetRef(PaginationComponent)
         ], viewQueries: [{ propertyName: "bsDropdown", first: true, predicate: BsDropdownDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "\n@if (navcontrols === 'Classic') {\n<ul class=\"pagination advanced {{navigationClass}}\">\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown  container=\"body\" (onShown)=\"onDropDownShown($event)\" (onHidden)=\"onDropdownHidden()\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                            <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                                <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                                   [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                            </li>\n                            }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableFirst}\">\n        <a [title]=\"appLocale.LABEL_FIRST\" name=\"first\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableFirst\"\n           (click)=\"navigatePage('first', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-first-page\"></i></span>\n            <span class=\"sr-only\">Go to first page {{ isDisableFirst ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisablePrevious}\">\n        <a [title]=\"appLocale.LABEL_PREVIOUS\" name=\"prev\" href=\"javascript:void(0);\"\n            [attr.aria-disabled]=\"isDisablePrevious\"\n            (click)=\"navigatePage('prev', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n            <span class=\"sr-only\">Go to previous page {{ isDisablePrevious ? ', Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"pagecount disabled\">\n        <a href=\"javascript:void(0);\" aria-label=\"Change Page Number\">\n            <input [(ngModel)]=\"dn.currentPage\" [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount\" [disabled]=\"isDisableCurrent\"\n                   [ngModelOptions]=\"{standalone: true}\"\n                   type=\"number\"\n                  (keydown)=\"onKeyDown($event)\" (change)=\"onModelChange($event)\" class=\"form-control\"/>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li class=\"disabled\">\n        <a [hidden]=\"isDisableCount\"> / {{pageCount}}</a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableNext}\">\n        <a [title]=\"appLocale.LABEL_NEXT\" name=\"next\" href=\"javascript:void(0);\"\n           [attr.aria-disabled]=\"isDisableNext\"\n           (click)=\"navigatePage('next', $event)\">\n            <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n            <span class=\"sr-only\">Go to next page {{ isDisableNext ? ' , Disabled' : ''}}</span>\n        </a>\n    </li>\n    }\n    @if (!(dataSize<=maxResults)) {\n    <li [ngClass]=\"{'disabled':isDisableLast}\">\n      <a [title]=\"appLocale.LABEL_LAST\" name=\"last\" href=\"javascript:void(0);\"\n        [attr.aria-disabled]=\"isDisableLast\"\n        (click)=\"navigatePage('last', $event)\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-last-page\"></i></span>\n        <span class=\"sr-only\">Go to last page {{ isDisableLast ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    }\n    @if (showrecordcount) {\n      <li class=\"totalcount disabled\">\n        <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n      </li>\n    }\n</ul>\n}\n@if (navcontrols === 'Pager') {\n  <ul class=\"pager {{navigationClass}}\">\n        @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n        <li class=\"items-per-page\">\n          <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE}} :</label>\n\n            <div class=\"btn-group\" dropdown container=\"body\" (onShown)=\"onDropDownShown($event)\" (onHidden)=\"onDropdownHidden()\" (isOpenChange)=\"onOpenChange($event)\">\n                <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                        aria-controls=\"dropdown-basic\">\n                    {{maxResults}} <span class=\"caret\"></span>\n                </button>\n                <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                    role=\"menu\" aria-labelledby=\"button-basic\">\n                    @for (option of pageSizeOptions; track option; let i = $index) {\n                        <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                            <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                        </li>\n                        }\n                </ul>\n            </div>\n        </li>\n        @if (rowSummary?.totalRecords) {\n        <li class=\"item-range\">\n            <div>\n                <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n                <span>of</span>\n                <span>{{rowSummary.totalRecords}}</span>\n            </div>\n        </li>\n        }\n    }\n@if (!(dataSize<=maxResults)) {\n    <li class=\"previous\" [ngClass]=\"{'disabled':isDisablePrevious}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('prev', $event)\"\n        [attr.aria-disabled]=\"isDisablePrevious\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-left\"></i></span>\n        {{appLocale.LABEL_PREVIOUS}}\n        <span class=\"sr-only\">{{ isDisablePrevious ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n    <li class=\"next\" [ngClass]=\"{'disabled':isDisableNext}\">\n      <a href=\"javascript:void(0);\" (click)=\"navigatePage('next', $event)\"\n        [attr.aria-disabled]=\"isDisableNext\">\n        <span aria-hidden=\"true\"><i class=\"wi wi-chevron-right\"></i></span>\n        {{appLocale.LABEL_NEXT}}\n        <span class=\"sr-only\">{{ isDisableNext ? ' , Disabled' : ''}}</span>\n      </a>\n    </li>\n  }\n  </ul>\n}\n\n@if (navcontrols === 'Basic') {\n    @if (allowpagesizechange &&  pageSizeOptions?.[0]<rowSummary?.totalRecords) {\n      <div class=\"items-per-page\">\n        <label [title]=\"appLocale.LABEL_ITEMS_PER_PAGE\" class=\"app-label\">{{appLocale.LABEL_ITEMS_PER_PAGE }} :</label>\n\n        <div class=\"btn-group\" dropdown container=\"body\"  (onShown)=\"onDropDownShown($event)\" (onHidden)=\"onDropdownHidden()\" (isOpenChange)=\"onOpenChange($event)\">\n            <button id=\"button-basic\" dropdownToggle type=\"button\" class=\"btn app-button dropdown-toggle\"\n                    aria-controls=\"dropdown-basic\">\n                {{maxResults}} <span class=\"caret\"></span>\n            </button>\n            <ul id=\"dropdown-basic\" *dropdownMenu class=\"dropdown-menu pagesize-options\"\n                role=\"menu\" aria-labelledby=\"button-basic\">\n                @for (option of pageSizeOptions; track option; let i = $index) {\n                    <li role=\"menuitem\" [ngClass]=\"{ 'active': option == maxResults }\">\n                        <a class=\"dropdown-item\" (click)=\"onPageSizeChange($event, option)\" (keydown)=\"onDropdownKeydown($event, i)\"\n                         [attr.tabindex]=\"i === focusedIndex ? 0 : -1\">{{option}}</a>\n                    </li>\n                    }\n            </ul>\n        </div>\n      </div>\n        @if (rowSummary?.totalRecords) {\n        <div class=\"item-range\">\n        <div>\n            <span>{{rowSummary.startIndex}} - {{rowSummary.endIndex}}</span>\n            <span>of</span>\n            <span>{{rowSummary.totalRecords}}</span>\n        </div>\n        </div>\n        }\n    }\n    @if (!(dataSize<=maxResults)) {\n      <pagination class=\"pagination basic\" [ngClass]=\"navigationClass\" role=\"navigation\"\n        [itemsPerPage]=\"maxResults\" [totalItems]=\"dataSize\"\n        (pageChanged)=\"pageChanged($event)\" [ngModelOptions]=\"{standalone:true}\" [ngModel]=\"dn.currentPage\"\n        [attr.aria-label]=\"'Showing Page ' + dn.currentPage + ' of ' + pageCount + ' pages'\"\n        [boundaryLinks]=\"boundarylinks\" [maxSize]=\"maxsize\"\n        [directionLinks]=\"directionlinks\"\n        firstText=\"Firtst\" lastText=\"Last\"\n        [customPreviousTemplate]=\"prevTemplate\"\n        [customNextTemplate]=\"nextTemplate\"\n        [customPageTemplate]=\"pageTemplate\"></pagination>\n    }\n}\n\n@if (navcontrols === 'Basic' && showrecordcount) {\n  <ul class=\"pagination\">\n    <li class=\"totalcount disabled basiccount\">\n      <a href=\"javascript:void(0);\" tabindex=\"-1\" aria-disabled=\"true\">{{appLocale.LABEL_TOTAL_RECORDS}}: {{dataSize}}</a>\n    </li>\n  </ul>\n}\n\n<ng-template #pageTemplate let-page>\n  <span class=\"sr-only\" [attr.data-isacitvepage]=\"page.active\">{{'Page '}}</span>\n  {{page.number}}\n  @if (page.active) {\n    <span class=\"sr-only\"> {{', Showing page ' + page.number + ' of ' + pageCount}}</span>\n  }\n</ng-template>\n<ng-template #prevTemplate let-disabled=\"disabled\">\n  <span class=\"sr-only\" [attr.data-isdisabled]=\"disabled\">Go to Previous page {{disabled ? ', Disabled' : ''}}</span>\n</ng-template>\n<ng-template #nextTemplate let-disabled=\"disabled\">\n  <span class=\"sr-only\" [attr.data-isdisabled]=\"disabled\">Go to Next page {{disabled ? ', Disabled' : ''}}</span>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PaginationModule }, { kind: "component", type: i3.PaginationComponent, selector: "pagination", inputs: ["align", "maxSize", "boundaryLinks", "directionLinks", "firstText", "previousText", "nextText", "lastText", "rotate", "pageBtnClass", "disabled", "customPageTemplate", "customNextTemplate", "customPreviousTemplate", "customFirstTemplate", "customLastTemplate", "itemsPerPage", "totalItems"], outputs: ["numPages", "pageChanged"] }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i4.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i4.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i4.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, FormsModule, PaginationModule, BsDropdownModule], selector: '[wmPagination]', providers: [
                         provideAsWidgetRef(PaginationComponent)

package/components/data/table/bundles/index.umd.js

@@ -2519,13 +2519,13 @@
                 this._pageLoad = true;
             }
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.EnvironmentInjector }, { token: i1__namespace.FormBuilder }, { token: i2__namespace.App }, { token: i2__namespace.DynamicComponentRefProvider }, { token: i2__namespace.StatePersistence }, { token: i2__namespace.PaginationService }, { token: i2__namespace.Viewport }, { token: i3__namespace.ListComponent, optional: true }, { token: 'dataset.bind', attribute: true }, { token: 'datasource.bind', attribute: true }, { token: 'readonlygrid', attribute: true }, { token: i0__namespace.NgZone }, { token: i4__namespace.TrustAsPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TableComponent, isStandalone: true, selector: "[wmTable]", host: { listeners: { "keypress": "onKeyPress($event)" } }, providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.EnvironmentInjector }, { token: i1__namespace.FormBuilder }, { token: i2__namespace.App }, { token: i2__namespace.DynamicComponentRefProvider }, { token: i2__namespace.StatePersistence }, { token: i2__namespace.PaginationService }, { token: i2__namespace.Viewport }, { token: i3__namespace.ListComponent, optional: true }, { token: 'dataset.bind', attribute: true }, { token: 'datasource.bind', attribute: true }, { token: 'readonlygrid', attribute: true }, { token: i0__namespace.NgZone }, { token: i4__namespace.TrustAsPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: TableComponent, isStandalone: true, selector: "[wmTable]", host: { listeners: { "keypress": "onKeyPress($event)" } }, providers: [
                 i4.provideAs(TableComponent, i1.NG_VALUE_ACCESSOR, true),
                 i4.provideAsWidgetRef(TableComponent)
             ], queries: [{ propertyName: "rowExpansionTmpl", first: true, predicate: ["rowExpansionTmpl"], descendants: true }, { propertyName: "rowActionTmpl", predicate: ["rowActionTmpl"], descendants: true }, { propertyName: "filterTmpl", predicate: ["filterTmpl"], descendants: true }, { propertyName: "inlineWidgetTmpl", predicate: ["inlineWidgetTmpl"], descendants: true }, { propertyName: "inlineWidgetNewTmpl", predicate: ["inlineWidgetTmplNew"], descendants: true }, { propertyName: "customExprTmpl", predicate: ["customExprTmpl"], descendants: true }, { propertyName: "rowExpansionActionTmpl", predicate: ["rowExpansionActionTmpl"], descendants: true }], viewQueries: [{ propertyName: "dataNavigator", first: true, predicate: pagination.PaginationComponent, descendants: true, static: true }, { propertyName: "_tableElement", first: true, predicate: ["datagridElement"], descendants: true, static: true }, { propertyName: "rowActionsViewRef", first: true, predicate: ["rowActionsView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "filterViewRef", first: true, predicate: ["multiColumnFilterView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "inlineEditViewRef", first: true, predicate: ["inlineEditView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "inlineEditNewViewRef", first: true, predicate: ["inlineEditNewView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "customExprViewRef", first: true, predicate: ["customExprView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "rowDetailViewRef", first: true, predicate: ["rowDetailView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "rowExpansionActionViewRef", first: true, predicate: ["rowExpansionActionView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "dynamicTableRef", first: true, predicate: ["dynamicTable"], descendants: true, read: i0.ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "@if (title || subheading || iconclass || iconurl || exportOptions.length || _actions.header.length) {\n  <div class=\"panel-heading\">\n    <h3 class=\"panel-title\">\n      <div class=\"pull-left\">\n        @if (iconclass || iconurl) {\n          <wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\" [iconClasses]=\"iconurl ? 'panel-image-icon' : 'panel-icon'\" alt=\"Table icon\"></wm-app-icon>\n        }\n      </div>\n      <div class=\"pull-left\">\n        <div class=\"heading\" [innerHTML]=\"title\"></div>\n        <div class=\"description\" [innerHTML]=\"subheading\"></div>\n      </div>\n      @if (exportOptions.length || _actions.header.length) {\n        <div class=\"panel-actions app-datagrid-actions\">\n          @for (btn of _actions.header; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('actions_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (exportOptions.length) {\n            <div wmMenu dropdown caption.bind=\"appLocale.LABEL_EXPORT\"  autoclose=\"always\" attr.name=\"{{name}}-export\"\n            dataset.bind=\"exportOptions\" select.event=\"export($item)\" menuposition=\"down,left\"></div>\n          }\n        </div>\n      }\n    </h3>\n  </div>\n}\n<div class=\"app-datagrid\" #datagridElement></div>\n\n<div class=\"panel-footer clearfix\" [hidden]=\"!_actions.footer.length && (!shownavigation || (onDemandLoad && dataNavigator.isDisableNext)) \">\n  <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext)\">\n    <nav wmPagination show.bind=\"shownavigation\" navigationalign.bind=\"navigationalign\"\n      navigationsize.bind=\"navigationSize\"\n      navigation.bind=\"navControls\" showrecordcount.bind=\"showrecordcount\" maxsize.bind=\"maxsize\"\n      boundarylinks.bind=\"boundarylinks\"\n    forceellipses.bind=\"forceellipses\" directionlinks.bind=\"directionlinks\"></nav>\n  </div>\n  @if (_actions.footer.length) {\n    <div class=\"app-datagrid-actions\">\n      @for (btn of _actions.footer; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('actions_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #buttonRef let-btn=\"btn\">\n  <button wmButton caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n  type=\"button\" shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\" [attr.aria-label]=\"btn.displayName\" disabled.bind=\"btn.disabled\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n  <a wmAnchor caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n    shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\"\n  hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></a>\n</ng-template>\n\n<div hidden>\n  <ng-container #multiColumnFilterView></ng-container>\n\n  <ng-container #inlineEditView></ng-container>\n\n  <ng-container #inlineEditNewView></ng-container>\n\n  <ng-container #rowActionsView></ng-container>\n\n  <ng-container #rowExpansionActionView></ng-container>\n\n  <ng-container #customExprView></ng-container>\n\n  <ng-container #dynamicTable></ng-container>\n\n  <ng-container #rowDetailView></ng-container>\n\n  <div class=\"dynamic-table-container\"></div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: i5.CommonModule }, { kind: "directive", type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: anchor.AnchorComponent, selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: pagination.PaginationComponent, selector: "[wmPagination]", outputs: ["resultEmitter", "maxResultsEmitter"] }, { kind: "component", type: button.ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }, { kind: "ngmodule", type: i6.BsDropdownModule }, { kind: "directive", type: i6__namespace.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "component", type: menu.MenuComponent, selector: "[wmMenu]" }, { kind: "component", type: i4.WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [i5.CommonModule, anchor.AnchorComponent, pagination.PaginationComponent, button.ButtonComponent, i6.BsDropdownModule, menu.MenuComponent, i4.WmAppIconComponent], selector: '[wmTable]', providers: [
                             i4.provideAs(TableComponent, i1.NG_VALUE_ACCESSOR, true),
@@ -3075,10 +3075,10 @@
             this.dialogService = null;
             this.app = null;
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableCUDDirective, deps: [{ token: TableComponent, self: true }, { token: i2__namespace.AbstractDialogService }, { token: i2__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableCUDDirective, isStandalone: true, selector: "[wmTableCUD]", ngImport: i0__namespace }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableCUDDirective, deps: [{ token: TableComponent, self: true }, { token: i2__namespace.AbstractDialogService }, { token: i2__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableCUDDirective, isStandalone: true, selector: "[wmTableCUD]", ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableCUDDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableCUDDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -3802,10 +3802,10 @@
             // MEMORY LEAK FIX: Clear table reference
             this.table = null;
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableFilterSortDirective, deps: [{ token: TableComponent, self: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableFilterSortDirective, isStandalone: true, selector: "[wmTableFilterSort]", ngImport: i0__namespace }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableFilterSortDirective, deps: [{ token: TableComponent, self: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableFilterSortDirective, isStandalone: true, selector: "[wmTableFilterSort]", ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableFilterSortDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableFilterSortDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -3895,12 +3895,12 @@
             // Call parent ngOnDestroy (BaseComponent has cleanup)
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableActionDirective, deps: [{ token: i0__namespace.Injector }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableActionDirective, isStandalone: true, selector: "[wmTableAction]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableActionDirective, deps: [{ token: i0__namespace.Injector }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableActionDirective, isStandalone: true, selector: "[wmTableAction]", providers: [
                 i4.provideAsWidgetRef(TableActionDirective)
             ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableActionDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableActionDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -4067,12 +4067,12 @@
             // Call parent ngOnDestroy (BaseComponent has cleanup)
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableColumnGroupDirective, deps: [{ token: i0__namespace.Injector }, { token: TableColumnGroupDirective, optional: true, skipSelf: true }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableColumnGroupDirective, isStandalone: true, selector: "[wmTableColumnGroup]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableColumnGroupDirective, deps: [{ token: i0__namespace.Injector }, { token: TableColumnGroupDirective, optional: true, skipSelf: true }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableColumnGroupDirective, isStandalone: true, selector: "[wmTableColumnGroup]", providers: [
                 i4.provideAsWidgetRef(TableColumnGroupDirective)
             ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableColumnGroupDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableColumnGroupDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -4796,12 +4796,12 @@
             // Call parent ngOnDestroy
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableColumnDirective, deps: [{ token: i0__namespace.Injector }, { token: i2__namespace.AppDefaults }, { token: TableComponent, optional: true }, { token: TableColumnGroupDirective, optional: true }, { token: 'filterdataset.bind', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableColumnDirective, isStandalone: true, selector: "[wmTableColumn]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableColumnDirective, deps: [{ token: i0__namespace.Injector }, { token: i2__namespace.AppDefaults }, { token: TableComponent, optional: true }, { token: TableColumnGroupDirective, optional: true }, { token: 'filterdataset.bind', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableColumnDirective, isStandalone: true, selector: "[wmTableColumn]", providers: [
                 i4.provideAsWidgetRef(TableColumnDirective)
             ], queries: [{ propertyName: "customExprTmpl", first: true, predicate: ["customExprTmpl"], descendants: true }, { propertyName: "inlineWidthTempRef", first: true, predicate: ["inlineWidgetTmpl"], descendants: true }, { propertyName: "filterTemplateRef", first: true, predicate: ["filterTmpl"], descendants: true }, { propertyName: "_filterInstances", predicate: ["filterWidget"], descendants: true }, { propertyName: "_inlineInstances", predicate: ["inlineWidget"], descendants: true }, { propertyName: "_inlineInstancesNew", predicate: ["inlineWidgetNew"], descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableColumnDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableColumnDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -4897,12 +4897,12 @@
             // Call parent ngOnDestroy (BaseComponent has cleanup)
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableRowDirective, deps: [{ token: i0__namespace.Injector }, { token: TableComponent, optional: true, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableRowDirective, isStandalone: true, selector: "[wmTableRow]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableRowDirective, deps: [{ token: i0__namespace.Injector }, { token: TableComponent, optional: true, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableRowDirective, isStandalone: true, selector: "[wmTableRow]", providers: [
                 i4.provideAsWidgetRef(TableRowDirective)
             ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableRowDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableRowDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -4985,13 +4985,13 @@
             // Call parent ngOnDestroy (BaseComponent has cleanup)
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableRowActionDirective, deps: [{ token: i0__namespace.Injector }, { token: TableComponent, optional: true }, { token: i4.Context, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableRowActionDirective, isStandalone: true, selector: "[wmTableRowAction]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableRowActionDirective, deps: [{ token: i0__namespace.Injector }, { token: TableComponent, optional: true }, { token: i4.Context, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableRowActionDirective, isStandalone: true, selector: "[wmTableRowAction]", providers: [
                 i4.provideAsWidgetRef(TableRowActionDirective),
                 { provide: i4.Context, useFactory: () => { return {}; }, multi: true }
             ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TableRowActionDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: TableRowActionDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,

package/components/data/table/fesm2022/index.mjs

@@ -2509,13 +2509,13 @@ class TableComponent extends StylableComponent {
             this._pageLoad = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableComponent, deps: [{ token: i0.Injector }, { token: i0.EnvironmentInjector }, { token: i1.FormBuilder }, { token: i2.App }, { token: i2.DynamicComponentRefProvider }, { token: i2.StatePersistence }, { token: i2.PaginationService }, { token: i2.Viewport }, { token: i3.ListComponent, optional: true }, { token: 'dataset.bind', attribute: true }, { token: 'datasource.bind', attribute: true }, { token: 'readonlygrid', attribute: true }, { token: i0.NgZone }, { token: i4.TrustAsPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TableComponent, isStandalone: true, selector: "[wmTable]", host: { listeners: { "keypress": "onKeyPress($event)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableComponent, deps: [{ token: i0.Injector }, { token: i0.EnvironmentInjector }, { token: i1.FormBuilder }, { token: i2.App }, { token: i2.DynamicComponentRefProvider }, { token: i2.StatePersistence }, { token: i2.PaginationService }, { token: i2.Viewport }, { token: i3.ListComponent, optional: true }, { token: 'dataset.bind', attribute: true }, { token: 'datasource.bind', attribute: true }, { token: 'readonlygrid', attribute: true }, { token: i0.NgZone }, { token: i4.TrustAsPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: TableComponent, isStandalone: true, selector: "[wmTable]", host: { listeners: { "keypress": "onKeyPress($event)" } }, providers: [
             provideAs(TableComponent, NG_VALUE_ACCESSOR, true),
             provideAsWidgetRef(TableComponent)
         ], queries: [{ propertyName: "rowExpansionTmpl", first: true, predicate: ["rowExpansionTmpl"], descendants: true }, { propertyName: "rowActionTmpl", predicate: ["rowActionTmpl"], descendants: true }, { propertyName: "filterTmpl", predicate: ["filterTmpl"], descendants: true }, { propertyName: "inlineWidgetTmpl", predicate: ["inlineWidgetTmpl"], descendants: true }, { propertyName: "inlineWidgetNewTmpl", predicate: ["inlineWidgetTmplNew"], descendants: true }, { propertyName: "customExprTmpl", predicate: ["customExprTmpl"], descendants: true }, { propertyName: "rowExpansionActionTmpl", predicate: ["rowExpansionActionTmpl"], descendants: true }], viewQueries: [{ propertyName: "dataNavigator", first: true, predicate: PaginationComponent, descendants: true, static: true }, { propertyName: "_tableElement", first: true, predicate: ["datagridElement"], descendants: true, static: true }, { propertyName: "rowActionsViewRef", first: true, predicate: ["rowActionsView"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "filterViewRef", first: true, predicate: ["multiColumnFilterView"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "inlineEditViewRef", first: true, predicate: ["inlineEditView"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "inlineEditNewViewRef", first: true, predicate: ["inlineEditNewView"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "customExprViewRef", first: true, predicate: ["customExprView"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "rowDetailViewRef", first: true, predicate: ["rowDetailView"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "rowExpansionActionViewRef", first: true, predicate: ["rowExpansionActionView"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "dynamicTableRef", first: true, predicate: ["dynamicTable"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "@if (title || subheading || iconclass || iconurl || exportOptions.length || _actions.header.length) {\n  <div class=\"panel-heading\">\n    <h3 class=\"panel-title\">\n      <div class=\"pull-left\">\n        @if (iconclass || iconurl) {\n          <wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\" [iconClasses]=\"iconurl ? 'panel-image-icon' : 'panel-icon'\" alt=\"Table icon\"></wm-app-icon>\n        }\n      </div>\n      <div class=\"pull-left\">\n        <div class=\"heading\" [innerHTML]=\"title\"></div>\n        <div class=\"description\" [innerHTML]=\"subheading\"></div>\n      </div>\n      @if (exportOptions.length || _actions.header.length) {\n        <div class=\"panel-actions app-datagrid-actions\">\n          @for (btn of _actions.header; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('actions_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (exportOptions.length) {\n            <div wmMenu dropdown caption.bind=\"appLocale.LABEL_EXPORT\"  autoclose=\"always\" attr.name=\"{{name}}-export\"\n            dataset.bind=\"exportOptions\" select.event=\"export($item)\" menuposition=\"down,left\"></div>\n          }\n        </div>\n      }\n    </h3>\n  </div>\n}\n<div class=\"app-datagrid\" #datagridElement></div>\n\n<div class=\"panel-footer clearfix\" [hidden]=\"!_actions.footer.length && (!shownavigation || (onDemandLoad && dataNavigator.isDisableNext)) \">\n  <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext)\">\n    <nav wmPagination show.bind=\"shownavigation\" navigationalign.bind=\"navigationalign\"\n      navigationsize.bind=\"navigationSize\"\n      navigation.bind=\"navControls\" showrecordcount.bind=\"showrecordcount\" maxsize.bind=\"maxsize\"\n      boundarylinks.bind=\"boundarylinks\"\n    forceellipses.bind=\"forceellipses\" directionlinks.bind=\"directionlinks\"></nav>\n  </div>\n  @if (_actions.footer.length) {\n    <div class=\"app-datagrid-actions\">\n      @for (btn of _actions.footer; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('actions_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #buttonRef let-btn=\"btn\">\n  <button wmButton caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n  type=\"button\" shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\" [attr.aria-label]=\"btn.displayName\" disabled.bind=\"btn.disabled\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n  <a wmAnchor caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n    shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\"\n  hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></a>\n</ng-template>\n\n<div hidden>\n  <ng-container #multiColumnFilterView></ng-container>\n\n  <ng-container #inlineEditView></ng-container>\n\n  <ng-container #inlineEditNewView></ng-container>\n\n  <ng-container #rowActionsView></ng-container>\n\n  <ng-container #rowExpansionActionView></ng-container>\n\n  <ng-container #customExprView></ng-container>\n\n  <ng-container #dynamicTable></ng-container>\n\n  <ng-container #rowDetailView></ng-container>\n\n  <div class=\"dynamic-table-container\"></div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AnchorComponent, selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: PaginationComponent, selector: "[wmPagination]", outputs: ["resultEmitter", "maxResultsEmitter"] }, { kind: "component", type: ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i6.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "component", type: MenuComponent, selector: "[wmMenu]" }, { kind: "component", type: WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, AnchorComponent, PaginationComponent, ButtonComponent, BsDropdownModule, MenuComponent, WmAppIconComponent], selector: '[wmTable]', providers: [
                         provideAs(TableComponent, NG_VALUE_ACCESSOR, true),
@@ -3065,10 +3065,10 @@ class TableCUDDirective {
         this.dialogService = null;
         this.app = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableCUDDirective, deps: [{ token: TableComponent, self: true }, { token: i2.AbstractDialogService }, { token: i2.App }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableCUDDirective, isStandalone: true, selector: "[wmTableCUD]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableCUDDirective, deps: [{ token: TableComponent, self: true }, { token: i2.AbstractDialogService }, { token: i2.App }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableCUDDirective, isStandalone: true, selector: "[wmTableCUD]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableCUDDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableCUDDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -3793,10 +3793,10 @@ class TableFilterSortDirective {
         // MEMORY LEAK FIX: Clear table reference
         this.table = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableFilterSortDirective, deps: [{ token: TableComponent, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableFilterSortDirective, isStandalone: true, selector: "[wmTableFilterSort]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableFilterSortDirective, deps: [{ token: TableComponent, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableFilterSortDirective, isStandalone: true, selector: "[wmTableFilterSort]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableFilterSortDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableFilterSortDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -3886,12 +3886,12 @@ class TableActionDirective extends BaseComponent {
         // Call parent ngOnDestroy (BaseComponent has cleanup)
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableActionDirective, deps: [{ token: i0.Injector }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableActionDirective, isStandalone: true, selector: "[wmTableAction]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableActionDirective, deps: [{ token: i0.Injector }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableActionDirective, isStandalone: true, selector: "[wmTableAction]", providers: [
             provideAsWidgetRef(TableActionDirective)
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableActionDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -4058,12 +4058,12 @@ class TableColumnGroupDirective extends BaseComponent {
         // Call parent ngOnDestroy (BaseComponent has cleanup)
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableColumnGroupDirective, deps: [{ token: i0.Injector }, { token: TableColumnGroupDirective, optional: true, skipSelf: true }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableColumnGroupDirective, isStandalone: true, selector: "[wmTableColumnGroup]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableColumnGroupDirective, deps: [{ token: i0.Injector }, { token: TableColumnGroupDirective, optional: true, skipSelf: true }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableColumnGroupDirective, isStandalone: true, selector: "[wmTableColumnGroup]", providers: [
             provideAsWidgetRef(TableColumnGroupDirective)
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableColumnGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableColumnGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -4787,12 +4787,12 @@ class TableColumnDirective extends BaseComponent {
         // Call parent ngOnDestroy
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableColumnDirective, deps: [{ token: i0.Injector }, { token: i2.AppDefaults }, { token: TableComponent, optional: true }, { token: TableColumnGroupDirective, optional: true }, { token: 'filterdataset.bind', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableColumnDirective, isStandalone: true, selector: "[wmTableColumn]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableColumnDirective, deps: [{ token: i0.Injector }, { token: i2.AppDefaults }, { token: TableComponent, optional: true }, { token: TableColumnGroupDirective, optional: true }, { token: 'filterdataset.bind', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableColumnDirective, isStandalone: true, selector: "[wmTableColumn]", providers: [
             provideAsWidgetRef(TableColumnDirective)
         ], queries: [{ propertyName: "customExprTmpl", first: true, predicate: ["customExprTmpl"], descendants: true }, { propertyName: "inlineWidthTempRef", first: true, predicate: ["inlineWidgetTmpl"], descendants: true }, { propertyName: "filterTemplateRef", first: true, predicate: ["filterTmpl"], descendants: true }, { propertyName: "_filterInstances", predicate: ["filterWidget"], descendants: true }, { propertyName: "_inlineInstances", predicate: ["inlineWidget"], descendants: true }, { propertyName: "_inlineInstancesNew", predicate: ["inlineWidgetNew"], descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -4888,12 +4888,12 @@ class TableRowDirective extends BaseComponent {
         // Call parent ngOnDestroy (BaseComponent has cleanup)
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableRowDirective, deps: [{ token: i0.Injector }, { token: TableComponent, optional: true, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableRowDirective, isStandalone: true, selector: "[wmTableRow]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableRowDirective, deps: [{ token: i0.Injector }, { token: TableComponent, optional: true, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableRowDirective, isStandalone: true, selector: "[wmTableRow]", providers: [
             provideAsWidgetRef(TableRowDirective)
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableRowDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -4976,13 +4976,13 @@ class TableRowActionDirective extends BaseComponent {
         // Call parent ngOnDestroy (BaseComponent has cleanup)
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableRowActionDirective, deps: [{ token: i0.Injector }, { token: TableComponent, optional: true }, { token: Context, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: TableRowActionDirective, isStandalone: true, selector: "[wmTableRowAction]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableRowActionDirective, deps: [{ token: i0.Injector }, { token: TableComponent, optional: true }, { token: Context, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: TableRowActionDirective, isStandalone: true, selector: "[wmTableRowAction]", providers: [
             provideAsWidgetRef(TableRowActionDirective),
             { provide: Context, useFactory: () => { return {}; }, multi: true }
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableRowActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: TableRowActionDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/components/dialogs/alert-dialog/bundles/index.umd.js

@@ -90,13 +90,13 @@
             this.dialogTemplate = null;
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AlertDialogComponent, deps: [{ token: i0__namespace.Injector }, { token: 'class', attribute: true }, { token: 'modal', attribute: true }, { token: 'closable', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: AlertDialogComponent, isStandalone: true, selector: "div[wmAlertDialog]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: AlertDialogComponent, deps: [{ token: i0__namespace.Injector }, { token: 'class', attribute: true }, { token: 'modal', attribute: true }, { token: 'closable', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: AlertDialogComponent, isStandalone: true, selector: "div[wmAlertDialog]", providers: [
                 base.provideAsWidgetRef(AlertDialogComponent),
                 base.provideAsDialogRef(AlertDialogComponent)
             ], viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #dialogTemplate>\n    <div wmDialogHeader [closable]=\"closable\"\n         [iconclass]=\"iconclass\"\n         [iconurl]=\"iconurl\"\n         [iconwidth]=\"iconwidth\"\n         [iconheight]=\"iconheight\"\n         [iconmargin]=\"iconmargin\"\n         [heading]=\"title\"\n         [headinglevel]=\"headinglevel\"\n         [title]=\"title\"\n         [titleid]=\"titleId\"></div>\n    <div wmDialogBody>\n        <p class=\"app-dialog-message text-{{alerttype}}\" [class.app-label]=\"isPrism\"  [textContent]=\"message\"></p>\n    </div>\n    <div wmDialogFooter>\n        <button (click)=\"onOk($event)\" [attr.aria-label]=\"oktext\" caption.bind=\"oktext\" class=\"btn-primary ok-action\"\n                wmButton></button>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "directive", type: dialogs.DialogBodyDirective, selector: "div[wmDialogBody]" }, { kind: "directive", type: dialogs.DialogFooterDirective, selector: "div[wmDialogFooter]" }, { kind: "component", type: dialogs.DialogHeaderComponent, selector: "div[wmDialogHeader]", inputs: ["iconwidth", "iconheight", "iconmargin", "iconclass", "iconurl", "closable", "heading", "headinglevel", "subheading", "titleid", "title"] }, { kind: "component", type: button.ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: AlertDialogComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: AlertDialogComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [base.TextContentDirective, dialogs.DialogBodyDirective, dialogs.DialogFooterDirective, dialogs.DialogHeaderComponent, button.ButtonComponent], selector: 'div[wmAlertDialog]', providers: [
                             base.provideAsWidgetRef(AlertDialogComponent),

package/components/dialogs/alert-dialog/fesm2022/index.mjs

@@ -75,13 +75,13 @@ class AlertDialogComponent extends BaseDialog {
         this.dialogTemplate = null;
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AlertDialogComponent, deps: [{ token: i0.Injector }, { token: 'class', attribute: true }, { token: 'modal', attribute: true }, { token: 'closable', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: AlertDialogComponent, isStandalone: true, selector: "div[wmAlertDialog]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: AlertDialogComponent, deps: [{ token: i0.Injector }, { token: 'class', attribute: true }, { token: 'modal', attribute: true }, { token: 'closable', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: AlertDialogComponent, isStandalone: true, selector: "div[wmAlertDialog]", providers: [
             provideAsWidgetRef(AlertDialogComponent),
             provideAsDialogRef(AlertDialogComponent)
         ], viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dialogTemplate>\n    <div wmDialogHeader [closable]=\"closable\"\n         [iconclass]=\"iconclass\"\n         [iconurl]=\"iconurl\"\n         [iconwidth]=\"iconwidth\"\n         [iconheight]=\"iconheight\"\n         [iconmargin]=\"iconmargin\"\n         [heading]=\"title\"\n         [headinglevel]=\"headinglevel\"\n         [title]=\"title\"\n         [titleid]=\"titleId\"></div>\n    <div wmDialogBody>\n        <p class=\"app-dialog-message text-{{alerttype}}\" [class.app-label]=\"isPrism\"  [textContent]=\"message\"></p>\n    </div>\n    <div wmDialogFooter>\n        <button (click)=\"onOk($event)\" [attr.aria-label]=\"oktext\" caption.bind=\"oktext\" class=\"btn-primary ok-action\"\n                wmButton></button>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "directive", type: DialogBodyDirective, selector: "div[wmDialogBody]" }, { kind: "directive", type: DialogFooterDirective, selector: "div[wmDialogFooter]" }, { kind: "component", type: DialogHeaderComponent, selector: "div[wmDialogHeader]", inputs: ["iconwidth", "iconheight", "iconmargin", "iconclass", "iconurl", "closable", "heading", "headinglevel", "subheading", "titleid", "title"] }, { kind: "component", type: ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AlertDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: AlertDialogComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TextContentDirective, DialogBodyDirective, DialogFooterDirective, DialogHeaderComponent, ButtonComponent], selector: 'div[wmAlertDialog]', providers: [
                         provideAsWidgetRef(AlertDialogComponent),

package/components/dialogs/confirm-dialog/bundles/index.umd.js

@@ -90,13 +90,13 @@
             this.dialogTemplate = null;
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: ConfirmDialogComponent, deps: [{ token: i0__namespace.Injector }, { token: 'class', attribute: true }, { token: 'modal', attribute: true }, { token: 'closable', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ConfirmDialogComponent, isStandalone: true, selector: "div[wmConfirmDialog]", host: { listeners: { "window:keydown.esc": "onEscape($event)" } }, providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: ConfirmDialogComponent, deps: [{ token: i0__namespace.Injector }, { token: 'class', attribute: true }, { token: 'modal', attribute: true }, { token: 'closable', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: ConfirmDialogComponent, isStandalone: true, selector: "div[wmConfirmDialog]", host: { listeners: { "window:keydown.esc": "onEscape($event)" } }, providers: [
                 base.provideAsWidgetRef(ConfirmDialogComponent),
                 base.provideAsDialogRef(ConfirmDialogComponent)
             ], viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #dialogTemplate>\n    <div wmDialogHeader [closable]=\"closable\"\n         [iconclass]=\"iconclass\"\n         [iconurl]=\"iconurl\"\n         [iconwidth]=\"iconwidth\"\n         [iconheight]=\"iconheight\"\n         [iconmargin]=\"iconmargin\"\n         [heading]=\"title\"\n         [headinglevel]=\"headinglevel\"\n         [title]=\"title\"\n         [titleid]=\"titleId\"></div>\n    <div wmDialogBody>\n        <p class=\"app-dialog-message {{messageclass}}\">{{ message }}</p>\n    </div>\n    <div wmDialogFooter>\n        <button (click)=\"onCancel($event)\" [attr.aria-label]=\"canceltext\" caption.bind=\"canceltext\" class=\"btn-default cancel-action\"\n                wmButton></button>\n        <button (click)=\"onOk($event)\" [attr.aria-label]=\"oktext\" caption.bind=\"oktext\" class=\"btn-primary ok-action\"\n                wmButton></button>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: dialogs.DialogBodyDirective, selector: "div[wmDialogBody]" }, { kind: "directive", type: dialogs.DialogFooterDirective, selector: "div[wmDialogFooter]" }, { kind: "component", type: dialogs.DialogHeaderComponent, selector: "div[wmDialogHeader]", inputs: ["iconwidth", "iconheight", "iconmargin", "iconclass", "iconurl", "closable", "heading", "headinglevel", "subheading", "titleid", "title"] }, { kind: "component", type: button.ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: ConfirmDialogComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: ConfirmDialogComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [dialogs.DialogBodyDirective, dialogs.DialogFooterDirective, dialogs.DialogHeaderComponent, button.ButtonComponent], selector: 'div[wmConfirmDialog]', providers: [
                             base.provideAsWidgetRef(ConfirmDialogComponent),

package/components/dialogs/confirm-dialog/fesm2022/index.mjs

@@ -75,13 +75,13 @@ class ConfirmDialogComponent extends BaseDialog {
         this.dialogTemplate = null;
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i0.Injector }, { token: 'class', attribute: true }, { token: 'modal', attribute: true }, { token: 'closable', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ConfirmDialogComponent, isStandalone: true, selector: "div[wmConfirmDialog]", host: { listeners: { "window:keydown.esc": "onEscape($event)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i0.Injector }, { token: 'class', attribute: true }, { token: 'modal', attribute: true }, { token: 'closable', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: ConfirmDialogComponent, isStandalone: true, selector: "div[wmConfirmDialog]", host: { listeners: { "window:keydown.esc": "onEscape($event)" } }, providers: [
             provideAsWidgetRef(ConfirmDialogComponent),
             provideAsDialogRef(ConfirmDialogComponent)
         ], viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dialogTemplate>\n    <div wmDialogHeader [closable]=\"closable\"\n         [iconclass]=\"iconclass\"\n         [iconurl]=\"iconurl\"\n         [iconwidth]=\"iconwidth\"\n         [iconheight]=\"iconheight\"\n         [iconmargin]=\"iconmargin\"\n         [heading]=\"title\"\n         [headinglevel]=\"headinglevel\"\n         [title]=\"title\"\n         [titleid]=\"titleId\"></div>\n    <div wmDialogBody>\n        <p class=\"app-dialog-message {{messageclass}}\">{{ message }}</p>\n    </div>\n    <div wmDialogFooter>\n        <button (click)=\"onCancel($event)\" [attr.aria-label]=\"canceltext\" caption.bind=\"canceltext\" class=\"btn-default cancel-action\"\n                wmButton></button>\n        <button (click)=\"onOk($event)\" [attr.aria-label]=\"oktext\" caption.bind=\"oktext\" class=\"btn-primary ok-action\"\n                wmButton></button>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: DialogBodyDirective, selector: "div[wmDialogBody]" }, { kind: "directive", type: DialogFooterDirective, selector: "div[wmDialogFooter]" }, { kind: "component", type: DialogHeaderComponent, selector: "div[wmDialogHeader]", inputs: ["iconwidth", "iconheight", "iconmargin", "iconclass", "iconurl", "closable", "heading", "headinglevel", "subheading", "titleid", "title"] }, { kind: "component", type: ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [DialogBodyDirective, DialogFooterDirective, DialogHeaderComponent, ButtonComponent], selector: 'div[wmConfirmDialog]', providers: [
                         provideAsWidgetRef(ConfirmDialogComponent),

package/components/dialogs/default/bundles/index.umd.js

@@ -89,10 +89,10 @@
             // MEMORY LEAK FIX: Clear dialogRef reference
             this.dialogRef = null;
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: DialogBodyDirective, deps: [{ token: i0__namespace.ElementRef }, { token: base.DialogRef }, { token: i1__namespace.BsModalService }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: DialogBodyDirective, isStandalone: true, selector: "div[wmDialogBody]", host: { properties: { "style.height": "this.height" } }, ngImport: i0__namespace }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: DialogBodyDirective, deps: [{ token: i0__namespace.ElementRef }, { token: base.DialogRef }, { token: i1__namespace.BsModalService }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: DialogBodyDirective, isStandalone: true, selector: "div[wmDialogBody]", host: { properties: { "style.height": "this.height" } }, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: DialogBodyDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: DialogBodyDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -123,12 +123,12 @@
         constructor(inj, explicitContext) {
             super(inj, WIDGET_INFO, explicitContext);
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: DialogFooterDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: DialogFooterDirective, isStandalone: true, selector: "div[wmDialogFooter]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: DialogFooterDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: DialogFooterDirective, isStandalone: true, selector: "div[wmDialogFooter]", providers: [
                 base.provideAsWidgetRef(DialogFooterDirective)
             ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: DialogFooterDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: DialogFooterDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -305,10 +305,10 @@
             this.deRegister(this.viewParent);
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: BaseDialog, deps: [{ token: i0__namespace.Injector }, { token: base.WidgetConfig }, { token: i1__namespace.ModalOptions }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: BaseDialog }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: BaseDialog, deps: [{ token: i0__namespace.Injector }, { token: base.WidgetConfig }, { token: i1__namespace.ModalOptions }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+        static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: BaseDialog }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: BaseDialog, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: BaseDialog, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
                         type: i0.Inject,
@@ -339,10 +339,10 @@
         closeDialog() {
             this.dialogRef.close();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: DialogHeaderComponent, deps: [{ token: i0__namespace.ElementRef }, { token: base.DialogRef }, { token: i1$1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DialogHeaderComponent, isStandalone: true, selector: "div[wmDialogHeader]", inputs: { iconwidth: "iconwidth", iconheight: "iconheight", iconmargin: "iconmargin", iconclass: "iconclass", iconurl: "iconurl", closable: "closable", heading: "heading", headinglevel: "headinglevel", subheading: "subheading", titleid: "titleid", title: "title" }, ngImport: i0__namespace, template: "@if (isClosable) {\n  <button (click)=\"closeDialog();\"\n    [attr.aria-label]=\"'Close ' + (title ? title : '') + ' dialog'\" class=\"app-dialog-close close\" [ngClass]=\"{'btn-text': isPrism}\" [attr.title]=\"title ? 'Close ' + title + ' dialog' : dialogRef.appLocale.LABEL_CLOSE\" >\n    <span class=\"app-icon wi wi-clear\" aria-hidden=\"true\"></span>\n  </button>\n}\n\n@switch (headinglevel) {\n  @case ('h1') {\n    <h1 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h1>\n  }\n  @case ('h2') {\n    <h2 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h2>\n  }\n  @case ('h3') {\n    <h3 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h3>\n  }\n  @case ('h4') {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n  @case ('h5') {\n    <h5 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h5>\n  }\n  @case ('h6') {\n    <h6 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n}\n\n<ng-template #headerTemplate>\n  @if (iconclass || iconurl) {\n  <wm-app-icon [iconclass]=\"iconclass\"\n               [iconurl]=\"iconurl\"\n               [iconStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin, fontSize: iconwidth}\"></wm-app-icon>\n  }\n  <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n  @if (subheading) {\n    <span class=\"dialog-sub-heading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n  }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: i2.CommonModule }, { kind: "directive", type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: base.WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: DialogHeaderComponent, deps: [{ token: i0__namespace.ElementRef }, { token: base.DialogRef }, { token: i1$1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: DialogHeaderComponent, isStandalone: true, selector: "div[wmDialogHeader]", inputs: { iconwidth: "iconwidth", iconheight: "iconheight", iconmargin: "iconmargin", iconclass: "iconclass", iconurl: "iconurl", closable: "closable", heading: "heading", headinglevel: "headinglevel", subheading: "subheading", titleid: "titleid", title: "title" }, ngImport: i0__namespace, template: "@if (isClosable) {\n  <button (click)=\"closeDialog();\"\n    [attr.aria-label]=\"'Close ' + (title ? title : '') + ' dialog'\" class=\"app-dialog-close close\" [ngClass]=\"{'btn-text': isPrism}\" [attr.title]=\"title ? 'Close ' + title + ' dialog' : dialogRef.appLocale.LABEL_CLOSE\" >\n    <span class=\"app-icon wi wi-clear\" aria-hidden=\"true\"></span>\n  </button>\n}\n\n@switch (headinglevel) {\n  @case ('h1') {\n    <h1 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h1>\n  }\n  @case ('h2') {\n    <h2 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h2>\n  }\n  @case ('h3') {\n    <h3 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h3>\n  }\n  @case ('h4') {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n  @case ('h5') {\n    <h5 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h5>\n  }\n  @case ('h6') {\n    <h6 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n}\n\n<ng-template #headerTemplate>\n  @if (iconclass || iconurl) {\n  <wm-app-icon [iconclass]=\"iconclass\"\n               [iconurl]=\"iconurl\"\n               [iconStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin, fontSize: iconwidth}\"></wm-app-icon>\n  }\n  <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n  @if (subheading) {\n    <span class=\"dialog-sub-heading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n  }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: i2.CommonModule }, { kind: "directive", type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: base.WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: DialogHeaderComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0__namespace, type: DialogHeaderComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [i2.CommonModule, base.TextContentDirective, base.WmAppIconComponent], selector: 'div[wmDialogHeader]', template: "@if (isClosable) {\n  <button (click)=\"closeDialog();\"\n    [attr.aria-label]=\"'Close ' + (title ? title : '') + ' dialog'\" class=\"app-dialog-close close\" [ngClass]=\"{'btn-text': isPrism}\" [attr.title]=\"title ? 'Close ' + title + ' dialog' : dialogRef.appLocale.LABEL_CLOSE\" >\n    <span class=\"app-icon wi wi-clear\" aria-hidden=\"true\"></span>\n  </button>\n}\n\n@switch (headinglevel) {\n  @case ('h1') {\n    <h1 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h1>\n  }\n  @case ('h2') {\n    <h2 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h2>\n  }\n  @case ('h3') {\n    <h3 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h3>\n  }\n  @case ('h4') {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n  @case ('h5') {\n    <h5 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h5>\n  }\n  @case ('h6') {\n    <h6 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h4 class=\"app-dialog-title modal-title\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n    </h4>\n  }\n}\n\n<ng-template #headerTemplate>\n  @if (iconclass || iconurl) {\n  <wm-app-icon [iconclass]=\"iconclass\"\n               [iconurl]=\"iconurl\"\n               [iconStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin, fontSize: iconwidth}\"></wm-app-icon>\n  }\n  <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n  @if (subheading) {\n    <span class=\"dialog-sub-heading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n  }\n</ng-template>\n" }]
             }], ctorParameters: () => [{ type: i0__namespace.ElementRef }, { type: BaseDialog, decorators: [{