@adaptabletools/adaptable-angular-aggrid 11.0.0-canary.4 → 11.0.0-canary.5

package/adaptabletools-adaptable-angular-aggrid.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"@adaptabletools/adaptable/src/types"},{"export":[{"name":"AdaptableToolPanelAgGridComponent","as":"AdaptableToolPanelAgGridComponent"}],"from":"@adaptabletools/adaptable/src/AdaptableComponents"}],"metadata":{"AdaptableAngularAgGridComponentDeprecated":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"entryComponents":[],"selector":"adaptable-angular-aggrid","styles":["\n      :host {\n        display: flex;\n        flex-flow: var(--ab_flex-direction, column);\n      }\n    "],"template":"","providers":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":45,"character":3},"arguments":["id"]}]}],"adaptableOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"modules":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"gridOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"adaptableReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AdaptableAngularAgGridComponentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":23,"character":1},"arguments":[{"selector":"ag-grid-angular[adaptableOptions]","providers":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{"adaptableOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"modules":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"gridOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"adaptableReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":16},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"createAngularWrapperContainer":[{"__symbolic":"method"}]}},"AdaptableAngularAgGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AdaptableAngularAgGridComponentDeprecated"},{"__symbolic":"reference","name":"AdaptableAngularAgGridComponentDirective"}],"imports":[],"exports":[{"__symbolic":"reference","name":"AdaptableAngularAgGridComponentDeprecated"},{"__symbolic":"reference","name":"AdaptableAngularAgGridComponentDirective"}],"providers":[]}]}],"members":{}},"ADAPTABLE_API":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":33},"arguments":["ADAPTABLE_API"]},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":27,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":28,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":29,"character":20}]}],"createFrameworkComponent":[{"__symbolic":"method"}],"destroyFrameworkComponent":[{"__symbolic":"method"}],"createAngularComponent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"AdaptableAngularAgGridComponentDeprecated":"./lib/adaptable-angular-ag-grid-component-deprecated.component","AdaptableAngularAgGridComponentDirective":"./lib/adaptable-angular-ag-grid-component.directive","AdaptableAngularAgGridModule":"./lib/adaptable-angular-aggrid.module","ADAPTABLE_API":"./lib/adaptable-angular-aggrid.token","ɵa":"./lib/adaptable-angular-framework-component.service"},"importAs":"@adaptabletools/adaptable-angular-aggrid"}
+{"__symbolic":"module","version":4,"exports":[{"from":"@adaptabletools/adaptable/src/types"},{"export":[{"name":"AdaptableToolPanelAgGridComponent","as":"AdaptableToolPanelAgGridComponent"}],"from":"@adaptabletools/adaptable/src/AdaptableComponents"}],"metadata":{"AdaptableAngularAgGridComponentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":23,"character":1},"arguments":[{"selector":"ag-grid-angular[adaptableOptions]","providers":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{"adaptableOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"modules":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"gridOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"adaptableReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":40,"character":16},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"createAngularWrapperContainer":[{"__symbolic":"method"}]}},"AdaptableAngularAgGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AdaptableAngularAgGridComponentDirective"}],"imports":[],"exports":[{"__symbolic":"reference","name":"AdaptableAngularAgGridComponentDirective"}],"providers":[]}]}],"members":{}},"ADAPTABLE_API":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":33},"arguments":["ADAPTABLE_API"]},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":23,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":24,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":25,"character":20}]}],"createFrameworkComponent":[{"__symbolic":"method"}],"destroyFrameworkComponent":[{"__symbolic":"method"}],"createAngularComponent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"AdaptableAngularAgGridComponentDirective":"./lib/adaptable-angular-ag-grid-component.directive","AdaptableAngularAgGridModule":"./lib/adaptable-angular-aggrid.module","ADAPTABLE_API":"./lib/adaptable-angular-aggrid.token","ɵa":"./lib/adaptable-angular-framework-component.service"},"importAs":"@adaptabletools/adaptable-angular-aggrid"}

package/base.css

@@ -1255,7 +1255,7 @@
   --ab-color-text-on-error: white;
   --ab-color-text-on-info: white;
   --ab-color-text-on-warn: white;
-  --ab-color-action-add: #2966A8;
+  --ab-color-action-add: #2966a8;
   --ab-color-action-edit: #17a2b8;
   --ab-color-action-share: #eb9316;
   --ab-color-action-delete: #dc3545;
@@ -1272,12 +1272,12 @@
   --ab-color-primarylight: #f5f5f5;
   --ab-color-text-on-primary: #656565;
   --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
-  --ab-color-secondary: #2966A8;
+  --ab-color-secondary: #2966a8;
   --ab-color-secondarydark: #015a9a;
   --ab-color-secondarylight: #a9ddff;
-  --ab-color-text-on-secondary: #E2E2E2;
+  --ab-color-text-on-secondary: #e2e2e2;
   --ab-color-text-on-secondarylight: #000000;
-  --ab-color-blue:   #419641;
+  --ab-color-blue: #419641;
   --ab-color-focus: var(--ab-color-accent);
   --ab-gridheader--filtered__background: var(--ab-color-primary);
   --ab-focus__box-shadow: 0 0 5px 1px var(--ab-color-accent);
@@ -1288,16 +1288,16 @@
   --ab-grid-row-height: 40px;
   --ab-loaded: 777; }
 :root {
-  --ITableHeader__color:var(--ab-color-text-on-primary);
+  --ITableHeader__color: var(--ab-color-text-on-primary);
   --ITableHeaderCell__background: var(--ab-color-primary);
   --ITableHeader__background: var(--ITableHeaderCell__background);
-  --ITableRow__color:var(--ab-color-text-on-primary);
+  --ITableRow__color: var(--ab-color-text-on-primary);
   --ITable__background: var(--ab-color-primarylight);
   --ITableRow__background: var(--ab-color-defaultbackground);
   --ITableRow--odd__background: var(--ab-color-primarylight); }
-.ab-style__list-group-item:nth-child(2n+1) {
+.ab-style__list-group-item:nth-child(2n + 1) {
   background: var(--ab-color-primarylight); }
-.ab-Grid .ag-header-cell input[type="date" i]::-webkit-calendar-picker-indicator {
+.ab-Grid .ag-header-cell input[type='date' i]::-webkit-calendar-picker-indicator {
   margin-inline-start: 0px; }
 .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
   font-weight: bolder;
@@ -1311,12 +1311,18 @@
   --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
   --ab-cmp-checkbox--check-indeterminate-radius: 2px; }
 .ab-CheckBox--variant-agGrid {
-  --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
+  --ab-cmp-checkbox--check__color: var(
+    --ag-checkbox-checked-color,
+    var(--ag-balham-active-color, #0091ea)
+  );
   --ab-cmp-checkbox--checked__background: var(--ag-background-color);
   --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
   --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color); }
 .ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
-    --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)); }
+    --ab-cmp-checkbox--check__color: var(
+      --ag-checkbox-checked-color,
+      var(--ag-balham-active-color, #0091ea)
+    ); }
 .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
     --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color); }
 :root {
@@ -1343,7 +1349,8 @@
   --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
   --ab-cmp-dropdownbutton-list__z-index: 1000;
   --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
-  --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, .2), -4px 6px 5px 0 rgba(0, 0, 0, .14), 5px 3px 5px 0 rgba(0, 0, 0, .12);
+  --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
+    -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
   --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark); }
 :root {
   --ab-cmp-error-box__padding: var(--ab-space-3);
@@ -1389,7 +1396,7 @@
   background: var(--ab-cmp-listgroupitem__background);
   color: var(--ab-cmp-listgroupitem__color);
   border-radius: var(--ab-cmp-listgroupitem__border-radius); }
-.ab-ListGroupItem:nth-child(2n+1) {
+.ab-ListGroupItem:nth-child(2n + 1) {
     background: var(--ab-cmp-listgroupitem--odd__background);
     color: var(--ab-cmp-listgroupitem--odd__color); }
 .ab-ListGroupItem.ab-ListGroupItem--no-zebra {
@@ -1458,7 +1465,8 @@
   --ab-cmp-file-droppable--drag-over__background: var(--ab-color-secondary);
   --ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
   --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
-  --ab-cmp-file-droppable--drag-over__outline: 2px dashed var(--ab-cmp-file-droppable--drag-over__color); }
+  --ab-cmp-file-droppable--drag-over__outline: 2px dashed
+    var(--ab-cmp-file-droppable--drag-over__color); }
 :root {
   --ab-dashboard__background: var(--ab-color-primary);
   --ab-dashboard__font-family: var(--ab__font-family);
@@ -1506,7 +1514,7 @@
   --ab-cmp-button-border-radius: 0px;
   --ab-cmp-button-disabled-opacity: 0.5;
   --ab-cmp-button-background: var(--ab-color-primary);
-  --ab-cmp-button-disabled-background:var(--ab-color-primarydark); }
+  --ab-cmp-button-disabled-background: var(--ab-color-primarydark); }
 :root {
   --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
   --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
@@ -1531,12 +1539,13 @@
   overflow: auto;
   display: grid;
   padding: var(--ab-space-2);
-  grid-template-rows: 1fr  1fr;
+  grid-template-rows: 1fr 1fr;
   grid-template-columns: 28rem 1fr 1fr;
   row-gap: var(--ab-space-2);
   column-gap: var(--ab-space-2);
   grid-gap: var(--ab-space-2); }
-.ab-LayoutEditor, .ab-LayoutEditor * {
+.ab-LayoutEditor,
+  .ab-LayoutEditor * {
     box-sizing: border-box; }
 .ab-LayoutEditor__ColumnList {
   overflow: auto; }
@@ -1616,17 +1625,22 @@
   --ab-cmp-adaptable-popup__max-height: 1200px;
   --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
   --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
-  --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid var(--ab-color-defaultbackground);
+  --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid
+    var(--ab-color-defaultbackground);
   --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
   --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
   --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
-  --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid var(--ab-color-primarydark);
-  --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2) var(--ab-space-2);
+  --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid
+    var(--ab-color-primarydark);
+  --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2)
+    var(--ab-space-2);
   --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
   --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
   --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
   --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
-  --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(--ab-color-accentlight);
+  --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(
+    --ab-color-accentlight
+  );
   --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
   --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
   --ab-cmp-adaptable-popup-topbar__height: 45px;
@@ -1682,7 +1696,10 @@
   border-bottom: 2px solid var(--ab-color-primarydark); }
 .ab-Table tr:not(last-child) td {
   border-bottom: 1px solid var(--ab-color-primarylight); }
-.ab-CheckBox, .ab-CheckBox *, .ab-CheckBox *:before, .ab-CheckBox *:after {
+.ab-CheckBox,
+.ab-CheckBox *,
+.ab-CheckBox *:before,
+.ab-CheckBox *:after {
   box-sizing: border-box; }
 .ab-CheckBox--checked {
   --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background); }
@@ -1857,10 +1874,14 @@
   fill: var(--ab-cmp-field-wrap__fill); }
 .ab-FieldWrap:focus-within {
     box-shadow: var(--ab-focus__box-shadow); }
-.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
+.ab-FieldWrap input,
+  .ab-FieldWrap select,
+  .ab-FieldWrap > * {
     border: none;
     flex: 1; }
-.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
+.ab-FieldWrap input,
+  .ab-FieldWrap select,
+  .ab-FieldWrap .ab-Dropdown {
     outline: none !important;
     box-shadow: none !important; }
 .ab-FormLayout {
@@ -1918,8 +1939,8 @@ input.ab-Input[disabled] {
     color: var(--ab-cmp-input--placeholder__color);
     opacity: var(--ab-cmp-input--placeholder__opacity); }
 /* Spin Buttons modified */
-input[type="number"].ab-Input::-webkit-outer-spin-button,
-input[type="number"].ab-Input::-webkit-inner-spin-button {
+input[type='number'].ab-Input::-webkit-outer-spin-button,
+input[type='number'].ab-Input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   width: 1em;
   opacity: 0;
@@ -1928,9 +1949,9 @@ input[type="number"].ab-Input::-webkit-inner-spin-button {
   right: 0;
   bottom: 0;
   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center; }
-input[type="number"].ab-Input:focus::-webkit-inner-spin-button, input[type="number"].ab-Input:focus::-webkit-inner-spin-button:active,
-input[type="number"].ab-Input:hover::-webkit-inner-spin-button,
-input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
+input[type='number'].ab-Input:focus::-webkit-inner-spin-button, input[type='number'].ab-Input:focus::-webkit-inner-spin-button:active,
+input[type='number'].ab-Input:hover::-webkit-inner-spin-button,
+input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
   opacity: 1; }
 .ab-ListGroup {
   display: flex;
@@ -1966,7 +1987,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
 .ab-Tabs {
   display: flex;
   flex-direction: column; }
-.ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
+.ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
 .ab-Tabs__Tab--before-active {
   border-bottom-right-radius: var(--ab__border-radius); }
 .ab-Tabs__Strip {
@@ -2019,7 +2040,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   overflow: auto;
   display: flex;
   flex-flow: column; }
-.ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
+.ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
   border-top-left-radius: 0; }
 .ab-Panel {
   display: flex;
@@ -2031,8 +2052,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
     fill: var(--ab-cmp-panel-icon__fill); }
 .ab-Panel--variant-modern {
-    --ab-cmp-panel__border-radius: var(--ab-space-1)
-  ; }
+    --ab-cmp-panel__border-radius: var(--ab-space-1); }
 .ab-Panel__header {
     flex: none;
     background: var(--ab-cmp-panel_header__background);
@@ -2226,10 +2246,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   outline: var(--ab-cmp-file-droppable__outline);
   outline-offset: var(--ab-cmp-file-droppable__outline-offset);
   background: var(--ab-cmp-file-droppable__background); }
-.ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button, .ab-FileDroppable .ab-SimpleButton {
+.ab-FileDroppable,
+  .ab-FileDroppable input,
+  .ab-FileDroppable button,
+  .ab-FileDroppable .ab-SimpleButton {
     transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
     fill: currentColor; }
-.ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button {
+.ab-FileDroppable,
+  .ab-FileDroppable input,
+  .ab-FileDroppable button {
     color: var(--ab-cmp-file-droppable__color); }
 .ab-FileDroppable.ab-FileDroppable--drag-over {
     outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
@@ -2238,7 +2263,10 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     color: var(--ab-cmp-file-droppable--drag-over__color); }
 .ab-FileDroppable.ab-FileDroppable--drag-over * {
       pointer-events: none; }
-.ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
+.ab-FileDroppable,
+  .ab-FileDroppable *,
+  .ab-FileDroppable *:before,
+  .ab-FileDroppable *:after {
     box-sizing: border-box; }
 .ab-WizardPanel > .ab-Panel__body {
   display: flex;
@@ -2334,11 +2362,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     white-space: nowrap; }
 .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
     padding: var(--ab-space-1); }
-.ab-Dashboard .ab-StateManagement__Clear-Button, .ab-Dashboard .ab-StateManagement__Load-Button, .ab-Dashboard .ab-StateManagement__Export-Dropdown {
+.ab-Dashboard .ab-StateManagement__Clear-Button,
+  .ab-Dashboard .ab-StateManagement__Load-Button,
+  .ab-Dashboard .ab-StateManagement__Export-Dropdown {
     margin-left: var(--ab-space-1); }
 .ab-GridList {
   --at-grid__background: transparent; }
-.ab-GridList .AT-GridCell_content, .ab-GridList .ab-ListGroupItem, .ab-GridList .AT-GridColumnCell {
+.ab-GridList .AT-GridCell_content,
+  .ab-GridList .ab-ListGroupItem,
+  .ab-GridList .AT-GridColumnCell {
     width: 100%; }
 .ab-GridList .AT-GridHeader {
     display: none; }
@@ -2429,7 +2461,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
     border-radius: var(--ab__border-radius); }
 .ab-ToggleButton__slider:before {
     position: absolute;
-    content: "";
+    content: '';
     width: 24px;
     height: 24px;
     left: 4px;
@@ -2458,7 +2490,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   font-size: var(--ab-cmp-loader__font-size);
   margin-top: 8px;
   font-style: italic; }
-.ab-Loader__text, .ab-Loader__Spinner {
+.ab-Loader__text,
+.ab-Loader__Spinner {
   vertical-align: middle; }
 .ab-Loader .ab-Loader__Spinner {
   margin-right: 5px; }
@@ -2536,7 +2569,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
   overflow-y: auto;
   overflow-x: hidden;
   --ab-grid-row-height: 26px;
-  margin-Bottom: 0; }
+  margin-bottom: 0; }
 .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
     overflow-x: hidden; }
 .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
@@ -2584,7 +2617,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   background: var(--ab-cmp-wizard__background);
   color: var(--ab-cmp-wizard__color);
   height: 100%; }
-.ab-nocode-wizard, .ab-nocode-wizard *, .ab-nocode-wizard *:before, .ab-nocode-wizard *:after {
+.ab-nocode-wizard,
+  .ab-nocode-wizard *,
+  .ab-nocode-wizard *:before,
+  .ab-nocode-wizard *:after {
     box-sizing: border-box; }
 .ab-AvailableDropZone .placeholder,
 .ab-SelectedDropZone .placeholder {
@@ -2629,10 +2665,13 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
     flex-direction: row;
     flex-wrap: wrap;
     grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
-.ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button {
+.ab-ToolPanel .ab-StateManagement__Clear-Button,
+  .ab-ToolPanel .ab-StateManagement__Load-Button {
     justify-content: center;
     flex: 1; }
-.ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button, .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
+.ab-ToolPanel .ab-StateManagement__Clear-Button,
+  .ab-ToolPanel .ab-StateManagement__Load-Button,
+  .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
     margin-bottom: var(--ab-space-1); }
 .ab-CustomSortWizard__SortOrder .ab-Loader__text {
   font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
@@ -2805,55 +2844,79 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
   --ab-toast-cmp__shadow-color: var(--ab-color-error); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
   background-color: rgba(0, 0, 0, 0);
   border-radius: 100px; }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
   width: var(--ab-custom-scrollbar-size); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
   height: var(--ab-custom-scrollbar-size); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
   background-color: rgba(0, 0, 0, 0.09); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
   background: rgba(0, 0, 0, 0.5);
   border-radius: 100px;
   background-clip: padding-box;
   border: 2px solid rgba(0, 0, 0, 0); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
   min-height: var(--ab-custom-scrollbar-size); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
   min-width: var(--ab-custom-scrollbar-size); }
 .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
 .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
-.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
-.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
-.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
+.ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
+.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
   background: rgba(0, 0, 0, 0.61);
   border-radius: 100px; }
 .ag-details-row {

package/bundles/adaptabletools-adaptable-angular-aggrid.umd.js

@@ -1,12 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@adaptabletools/adaptable/agGrid'), require('@adaptabletools/adaptable/src/Utilities/Helpers/LoggingHelper'), require('@adaptabletools/adaptable/src/agGrid/Adaptable'), require('@adaptabletools/adaptable/src/types'), require('@adaptabletools/adaptable/src/AdaptableComponents')) :
-    typeof define === 'function' && define.amd ? define('@adaptabletools/adaptable-angular-aggrid', ['exports', '@angular/core', '@adaptabletools/adaptable/agGrid', '@adaptabletools/adaptable/src/Utilities/Helpers/LoggingHelper', '@adaptabletools/adaptable/src/agGrid/Adaptable', '@adaptabletools/adaptable/src/types', '@adaptabletools/adaptable/src/AdaptableComponents'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.adaptabletools = global.adaptabletools || {}, global.adaptabletools['adaptable-angular-aggrid'] = {}), global.ng.core, global.Adaptable, global.LoggingHelper, global.Adaptable$1, global.types, global.AdaptableComponents));
-}(this, (function (exports, i0, Adaptable, LoggingHelper, Adaptable$1, types, AdaptableComponents) { 'use strict';
-
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-    var Adaptable__default = /*#__PURE__*/_interopDefaultLegacy(Adaptable);
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@adaptabletools/adaptable/src/agGrid/Adaptable'), require('@adaptabletools/adaptable/src/Utilities/Helpers/LoggingHelper'), require('@adaptabletools/adaptable/src/types'), require('@adaptabletools/adaptable/src/AdaptableComponents')) :
+    typeof define === 'function' && define.amd ? define('@adaptabletools/adaptable-angular-aggrid', ['exports', '@angular/core', '@adaptabletools/adaptable/src/agGrid/Adaptable', '@adaptabletools/adaptable/src/Utilities/Helpers/LoggingHelper', '@adaptabletools/adaptable/src/types', '@adaptabletools/adaptable/src/AdaptableComponents'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.adaptabletools = global.adaptabletools || {}, global.adaptabletools['adaptable-angular-aggrid'] = {}), global.ng.core, global.Adaptable, global.LoggingHelper, global.types, global.AdaptableComponents));
+}(this, (function (exports, i0, Adaptable, LoggingHelper, types, AdaptableComponents) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -405,104 +401,13 @@
     function getRandomInt(max) {
         return Math.floor(Math.random() * Math.floor(max));
     }
-    var AdaptableAngularAgGridComponentDeprecated = /** @class */ (function () {
-        function AdaptableAngularAgGridComponentDeprecated(frameworkComponentService) {
-            this.frameworkComponentService = frameworkComponentService;
-            this.adaptableReady = new i0.EventEmitter();
-            var seedId = getRandomInt(1000) + "-" + Date.now();
-            this.adaptableContainerId = "adaptable-" + seedId;
-        }
-        Object.defineProperty(AdaptableAngularAgGridComponentDeprecated.prototype, "id", {
-            get: function () {
-                return this.adaptableContainerId;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AdaptableAngularAgGridComponentDeprecated.prototype.ngOnInit = function () {
-            if (this.modules == null) {
-                throw new Error("Attribute 'modules' is required. Please pass the ag-grid modules you use into AdapTable.\n         If you don't have extra modules, pass an empty array.");
-            }
-            LoggingHelper.ConsoleLogWarning("\n!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\n!!!!!!! This Angular Wrapper usage was deprecated in v9 and will be removed in v11!\n!!!!!!!\n!!!!!!! Use the new usage format documented here:\n!!!!!!! https://docs.adaptabletools.com/docs/angular-wrapper/angular-wrapper-usage\n!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
-        };
-        AdaptableAngularAgGridComponentDeprecated.prototype.ngAfterViewInit = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var adaptableApi;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            this.adaptableOptions.gridOptions = this.gridOptions;
-                            this.adaptableOptions.containerOptions =
-                                this.adaptableOptions.containerOptions || {};
-                            this.adaptableOptions.containerOptions.adaptableContainer = this.adaptableContainerId;
-                            return [4 /*yield*/, Adaptable__default['default'].initInternal(this.adaptableOptions, {
-                                    waitForAgGrid: true,
-                                    modules: this.modules,
-                                })];
-                        case 1:
-                            adaptableApi = _a.sent();
-                            adaptableApi.eventApi.on('AdaptableReady', function (adaptableReadyInfo) { return _this.adaptableReady.emit(adaptableReadyInfo); });
-                            adaptableApi.internalApi
-                                .getAdaptableInstance()
-                                ._onIncludeFired('FrameworkComponentChange', function (_a) {
-                                var command = _a.command, frameworkComponent = _a.frameworkComponent, containerDomNode = _a.containerDomNode, componentType = _a.componentType;
-                                if (command === 'create') {
-                                    _this.frameworkComponentService.createFrameworkComponent(frameworkComponent, containerDomNode, componentType, adaptableApi);
-                                }
-                                else {
-                                    _this.frameworkComponentService.destroyFrameworkComponent(frameworkComponent, componentType);
-                                }
-                            });
-                            this.adaptableApi = adaptableApi;
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AdaptableAngularAgGridComponentDeprecated.prototype.ngOnDestroy = function () {
-            if (!this.adaptableApi) {
-                return;
-            }
-            this.adaptableApi.destroy({
-                unmount: true,
-                destroyApi: false,
-            });
-            this.adaptableApi = null;
-        };
-        return AdaptableAngularAgGridComponentDeprecated;
-    }());
-    AdaptableAngularAgGridComponentDeprecated.decorators = [
-        { type: i0.Component, args: [{
-                    entryComponents: [],
-                    selector: 'adaptable-angular-aggrid',
-                    template: '',
-                    // ensures each AG Grid instance has it's own copy of the service (incl. the framework component references)
-                    providers: [AdaptableAngularFrameworkComponentService],
-                    styles: ["\n      :host {\n        display: flex;\n        flex-flow: var(--ab_flex-direction, column);\n      }\n    "]
-                },] }
-    ];
-    AdaptableAngularAgGridComponentDeprecated.ctorParameters = function () { return [
-        { type: AdaptableAngularFrameworkComponentService }
-    ]; };
-    AdaptableAngularAgGridComponentDeprecated.propDecorators = {
-        id: [{ type: i0.HostBinding, args: ['id',] }],
-        adaptableOptions: [{ type: i0.Input }],
-        modules: [{ type: i0.Input }],
-        gridOptions: [{ type: i0.Input }],
-        adaptableReady: [{ type: i0.Output }]
-    };
-
-    function getRandomInt$1(max) {
-        return Math.floor(Math.random() * Math.floor(max));
-    }
     var AdaptableAngularAgGridComponentDirective = /** @class */ (function () {
         function AdaptableAngularAgGridComponentDirective(renderer, el, frameworkComponentService) {
             this.renderer = renderer;
             this.el = el;
             this.frameworkComponentService = frameworkComponentService;
             this.adaptableReady = new i0.EventEmitter();
-            var seedId = getRandomInt$1(1000) + "-" + Date.now();
+            var seedId = getRandomInt(1000) + "-" + Date.now();
             this.adaptableContainerId = "adaptable-" + seedId;
         }
         AdaptableAngularAgGridComponentDirective.prototype.ngOnInit = function () {
@@ -524,10 +429,9 @@
                         case 0:
                             this.createAngularWrapperContainer();
                             this.adaptableOptions.gridOptions = this.gridOptions;
-                            this.adaptableOptions.containerOptions =
-                                this.adaptableOptions.containerOptions || {};
+                            this.adaptableOptions.containerOptions = this.adaptableOptions.containerOptions || {};
                             this.adaptableOptions.containerOptions.adaptableContainer = this.adaptableContainerId;
-                            return [4 /*yield*/, Adaptable$1.Adaptable.initInternal(this.adaptableOptions, {
+                            return [4 /*yield*/, Adaptable.Adaptable.initInternal(this.adaptableOptions, {
                                     waitForAgGrid: true,
                                     modules: this.modules,
                                 })];
@@ -597,15 +501,9 @@
     }());
     AdaptableAngularAgGridModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [
-                        AdaptableAngularAgGridComponentDeprecated,
-                        AdaptableAngularAgGridComponentDirective,
-                    ],
+                    declarations: [AdaptableAngularAgGridComponentDirective],
                     imports: [],
-                    exports: [
-                        AdaptableAngularAgGridComponentDeprecated,
-                        AdaptableAngularAgGridComponentDirective,
-                    ],
+                    exports: [AdaptableAngularAgGridComponentDirective],
                     providers: [],
                 },] }
     ];
@@ -633,7 +531,6 @@
         }
     });
     exports.ADAPTABLE_API = ADAPTABLE_API;
-    exports.AdaptableAngularAgGridComponentDeprecated = AdaptableAngularAgGridComponentDeprecated;
     exports.AdaptableAngularAgGridComponentDirective = AdaptableAngularAgGridComponentDirective;
     exports.AdaptableAngularAgGridModule = AdaptableAngularAgGridModule;
     exports.ɵa = AdaptableAngularFrameworkComponentService;