npm - angular-slickgrid - Versions diffs - 8.14.0 → 9.0.0 - Mend

angular-slickgrid 8.14.0 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (419) hide show

package/.gitbook.yaml +5 -0
package/CHANGELOG.md +1691 -0
package/CONTRIBUTING.md +17 -0
package/README.md +13 -50
package/angular.json +133 -0
package/coverage/base.css +224 -0
package/coverage/block-navigation.js +87 -0
package/coverage/clover.xml +1620 -0
package/coverage/coverage-final.json +9 -0
package/coverage/favicon.png +0 -0
package/coverage/index.html +176 -0
package/coverage/library/components/angular-slickgrid.component.ts.html +5074 -0
package/coverage/library/components/index.html +116 -0
package/coverage/library/constants.ts.html +397 -0
package/coverage/library/extensions/index.html +116 -0
package/coverage/library/extensions/slickRowDetailView.ts.html +1261 -0
package/coverage/library/index.html +116 -0
package/coverage/library/modules/angular-slickgrid.module.ts.html +166 -0
package/coverage/library/modules/index.html +116 -0
package/coverage/library/services/angularUtil.service.ts.html +445 -0
package/coverage/library/services/container.service.ts.html +163 -0
package/coverage/library/services/index.html +161 -0
package/coverage/library/services/translater.service.ts.html +199 -0
package/coverage/library/services/utilities.ts.html +142 -0
package/coverage/prettify.css +1 -0
package/coverage/prettify.js +2 -0
package/coverage/sort-arrow-sprite.png +0 -0
package/coverage/sorter.js +196 -0
package/dist/LICENSE +21 -0
package/dist/README.md +142 -0
package/{fesm2022 → dist/fesm2022}/angular-slickgrid.mjs +175 -198
package/dist/fesm2022/angular-slickgrid.mjs.map +1 -0
package/{i18n → dist/i18n}/en.json +2 -1
package/{i18n → dist/i18n}/fr.json +2 -1
package/{app/modules/angular-slickgrid → dist/library}/components/angular-slickgrid.component.d.ts +9 -9
package/{app/modules/angular-slickgrid → dist/library}/extensions/slickRowDetailView.d.ts +4 -4
package/{app/modules/angular-slickgrid → dist/library}/models/angularGridInstance.interface.d.ts +0 -2
package/dist/library/models/index.d.ts +5 -0
package/{app/modules/angular-slickgrid → dist/library}/models/rowDetailView.interface.d.ts +1 -1
package/{app/modules/angular-slickgrid → dist/library}/modules/angular-slickgrid.module.d.ts +1 -1
package/dist/public_api.d.ts +1 -0
package/docs/README.md +5 -0
package/docs/TOC.md +105 -0
package/docs/backend-services/Custom-Backend-Service.md +50 -0
package/docs/backend-services/GraphQL.md +276 -0
package/docs/backend-services/OData.md +245 -0
package/docs/backend-services/graphql/GraphQL-Filtering.md +156 -0
package/docs/backend-services/graphql/GraphQL-JSON-Result.md +85 -0
package/docs/backend-services/graphql/GraphQL-Pagination.md +77 -0
package/docs/backend-services/graphql/GraphQL-Sorting.md +78 -0
package/docs/column-functionalities/cell-menu.md +212 -0
package/docs/column-functionalities/editors/autocomplete-editor.md +466 -0
package/docs/column-functionalities/editors/date-editor-flatpickr.md +71 -0
package/docs/column-functionalities/editors/date-editor-vanilla-calendar.md +91 -0
package/docs/column-functionalities/editors/longtext-editor-textarea.md +80 -0
package/docs/column-functionalities/editors/select-dropdown-editor.md +227 -0
package/docs/column-functionalities/editors.md +604 -0
package/docs/column-functionalities/filters/autocomplete-filter.md +183 -0
package/docs/column-functionalities/filters/compound-filters.md +234 -0
package/docs/column-functionalities/filters/custom-filter.md +117 -0
package/docs/column-functionalities/filters/filter-intro.md +81 -0
package/docs/column-functionalities/filters/input-filter.md +260 -0
package/docs/column-functionalities/filters/range-filters.md +188 -0
package/docs/column-functionalities/filters/select-filter.md +695 -0
package/docs/column-functionalities/filters/single-search-filter.md +77 -0
package/docs/column-functionalities/filters/styling-filled-filters.md +45 -0
package/docs/column-functionalities/formatters.md +325 -0
package/docs/column-functionalities/sorting.md +200 -0
package/docs/developer-guides/csp-compliance.md +64 -0
package/docs/events/Available-Events.md +223 -0
package/docs/events/Grid-&-DataView-Events.md +211 -0
package/docs/getting-started/quick-start.md +230 -0
package/docs/getting-started/troubleshooting.md +80 -0
package/docs/grid-functionalities/Column-Picker.md +22 -0
package/docs/grid-functionalities/Composite-Editor-Modal.md +627 -0
package/docs/grid-functionalities/Context-Menu.md +226 -0
package/docs/grid-functionalities/Custom-Footer.md +80 -0
package/docs/grid-functionalities/Custom-Tooltip-(plugin).md +258 -0
package/docs/grid-functionalities/Export-to-Excel.md +457 -0
package/docs/grid-functionalities/Export-to-Text-File.md +165 -0
package/docs/grid-functionalities/FAQ.md +53 -0
package/docs/grid-functionalities/Global-Options.md +29 -0
package/docs/grid-functionalities/Grid-Auto-Resize.md +218 -0
package/docs/grid-functionalities/Grid-Menu.md +134 -0
package/docs/grid-functionalities/Grid-State-&-Preset.md +245 -0
package/docs/grid-functionalities/Header-Menu-&-Header-Buttons.md +125 -0
package/docs/grid-functionalities/Resize-by-Cell-Content.md +138 -0
package/docs/grid-functionalities/Row-Selection.md +247 -0
package/docs/grid-functionalities/Row-based-edit.md +71 -0
package/docs/grid-functionalities/add-update-highlight.md +258 -0
package/docs/grid-functionalities/column-row-spanning.md +74 -0
package/docs/grid-functionalities/dynamic-item-metadata.md +124 -0
package/docs/grid-functionalities/excel-copy-buffer.md +145 -0
package/docs/grid-functionalities/frozen-columns-rows.md +164 -0
package/docs/grid-functionalities/grouping-and-aggregators.md +269 -0
package/docs/grid-functionalities/header-footer-slots.md +22 -0
package/docs/grid-functionalities/infinite-scroll.md +150 -0
package/docs/grid-functionalities/providing-grid-data.md +61 -0
package/docs/grid-functionalities/row-detail.md +530 -0
package/docs/grid-functionalities/tree-data-grid.md +391 -0
package/docs/localization/Localization---Component-Sample.md +87 -0
package/docs/localization/Localization-with-Custom-Locales.md +66 -0
package/docs/localization/Localization-with-ngx-translate.md +148 -0
package/docs/migrations/migration-to-2.x.md +304 -0
package/docs/migrations/migration-to-3.x.md +295 -0
package/docs/migrations/migration-to-4.x.md +83 -0
package/docs/migrations/migration-to-5.x.md +160 -0
package/docs/migrations/migration-to-6.x.md +128 -0
package/docs/migrations/migration-to-7.x.md +294 -0
package/docs/migrations/migration-to-8.x.md +316 -0
package/docs/migrations/migration-to-9.x.md +219 -0
package/docs/slick-grid-dataview-objects/slickgrid-dataview-objects.md +79 -0
package/docs/styling/dark-mode.md +100 -0
package/docs/styling/styling.md +250 -0
package/docs/testing/testing-patterns.md +73 -0
package/eslint.config.mjs +60 -0
package/ng-package.json +10 -0
package/package.json +24 -48
package/src/assets/angular-logo.png +0 -0
package/src/assets/angular-logo2.png +0 -0
package/src/assets/data/collection_100_numbers.json +12 -0
package/src/assets/data/collection_500_numbers.json +52 -0
package/src/assets/data/countries.json +245 -0
package/src/assets/data/country_names.json +245 -0
package/src/assets/data/customers_100.json +102 -0
package/src/assets/data/users.csv +5 -0
package/src/assets/i18n/en.json +102 -0
package/src/assets/i18n/fr.json +103 -0
package/src/demos/app-routing.module.ts +108 -0
package/src/demos/app.component.html +187 -0
package/src/demos/app.component.scss +79 -0
package/src/demos/app.component.ts +11 -0
package/src/demos/app.module.ts +196 -0
package/src/demos/environments/environment.dev.ts +3 -0
package/src/demos/environments/environment.prod.ts +3 -0
package/src/demos/environments/environment.ts +8 -0
package/src/demos/examples/custom-angularComponentEditor.ts +187 -0
package/src/demos/examples/custom-angularComponentFilter.ts +123 -0
package/src/demos/examples/custom-buttonFormatter.component.ts +13 -0
package/src/demos/examples/custom-inputEditor.ts +132 -0
package/src/demos/examples/custom-inputFilter.ts +134 -0
package/src/demos/examples/custom-titleFormatter.component.ts +9 -0
package/src/demos/examples/data/collection_100_numbers.json +12 -0
package/src/demos/examples/data/collection_500_numbers.json +52 -0
package/src/demos/examples/data/countries.json +245 -0
package/src/demos/examples/data/country_names.json +245 -0
package/src/demos/examples/data/customers_100.json +102 -0
package/src/demos/examples/data/users.csv +5 -0
package/src/demos/examples/editor-ng-select.component.ts +38 -0
package/src/demos/examples/example01.component.html +48 -0
package/src/demos/examples/example01.component.ts +109 -0
package/src/demos/examples/example02.component.html +45 -0
package/src/demos/examples/example02.component.ts +218 -0
package/src/demos/examples/example03.component.html +118 -0
package/src/demos/examples/example03.component.ts +694 -0
package/src/demos/examples/example04.component.html +87 -0
package/src/demos/examples/example04.component.ts +326 -0
package/src/demos/examples/example05.component.html +151 -0
package/src/demos/examples/example05.component.ts +474 -0
package/src/demos/examples/example06.component.html +163 -0
package/src/demos/examples/example06.component.ts +446 -0
package/src/demos/examples/example07.component.html +56 -0
package/src/demos/examples/example07.component.scss +10 -0
package/src/demos/examples/example07.component.ts +216 -0
package/src/demos/examples/example08.component.html +51 -0
package/src/demos/examples/example08.component.scss +23 -0
package/src/demos/examples/example08.component.ts +195 -0
package/src/demos/examples/example09.component.html +55 -0
package/src/demos/examples/example09.component.scss +22 -0
package/src/demos/examples/example09.component.ts +302 -0
package/src/demos/examples/example10.component.html +103 -0
package/src/demos/examples/example10.component.ts +309 -0
package/src/demos/examples/example11.component.html +91 -0
package/src/demos/examples/example11.component.ts +276 -0
package/src/demos/examples/example12.component.html +98 -0
package/src/demos/examples/example12.component.ts +317 -0
package/src/demos/examples/example13.component.html +96 -0
package/src/demos/examples/example13.component.ts +370 -0
package/src/demos/examples/example14.component.html +50 -0
package/src/demos/examples/example14.component.scss +11 -0
package/src/demos/examples/example14.component.ts +156 -0
package/src/demos/examples/example15.component.html +56 -0
package/src/demos/examples/example15.component.ts +304 -0
package/src/demos/examples/example16.component.html +77 -0
package/src/demos/examples/example16.component.ts +277 -0
package/src/demos/examples/example17.component.html +50 -0
package/src/demos/examples/example17.component.ts +109 -0
package/src/demos/examples/example18.component.html +132 -0
package/src/demos/examples/example18.component.ts +445 -0
package/src/demos/examples/example19-rowdetail.component.html +40 -0
package/src/demos/examples/example19-rowdetail.component.ts +54 -0
package/src/demos/examples/example19.component.html +79 -0
package/src/demos/examples/example19.component.ts +316 -0
package/src/demos/examples/example20.component.html +76 -0
package/src/demos/examples/example20.component.scss +11 -0
package/src/demos/examples/example20.component.ts +341 -0
package/src/demos/examples/example21.component.html +86 -0
package/src/demos/examples/example21.component.scss +16 -0
package/src/demos/examples/example21.component.ts +140 -0
package/src/demos/examples/example22.component.html +41 -0
package/src/demos/examples/example22.component.ts +117 -0
package/src/demos/examples/example23.component.html +111 -0
package/src/demos/examples/example23.component.ts +323 -0
package/src/demos/examples/example24.component.html +120 -0
package/src/demos/examples/example24.component.scss +62 -0
package/src/demos/examples/example24.component.ts +641 -0
package/src/demos/examples/example25.component.html +60 -0
package/src/demos/examples/example25.component.scss +8 -0
package/src/demos/examples/example25.component.ts +255 -0
package/src/demos/examples/example26.component.html +98 -0
package/src/demos/examples/example26.component.scss +42 -0
package/src/demos/examples/example26.component.ts +383 -0
package/src/demos/examples/example27.component.html +138 -0
package/src/demos/examples/example27.component.scss +10 -0
package/src/demos/examples/example27.component.ts +369 -0
package/src/demos/examples/example28.component.html +143 -0
package/src/demos/examples/example28.component.scss +54 -0
package/src/demos/examples/example28.component.ts +453 -0
package/src/demos/examples/example29.component.html +30 -0
package/src/demos/examples/example29.component.ts +70 -0
package/src/demos/examples/example30.component.html +116 -0
package/src/demos/examples/example30.component.scss +20 -0
package/src/demos/examples/example30.component.ts +1070 -0
package/src/demos/examples/example32.component.html +77 -0
package/src/demos/examples/example32.component.scss +8 -0
package/src/demos/examples/example32.component.ts +905 -0
package/src/demos/examples/example33.component.html +50 -0
package/src/demos/examples/example33.component.scss +46 -0
package/src/demos/examples/example33.component.ts +571 -0
package/src/demos/examples/example34.component.html +82 -0
package/src/demos/examples/example34.component.scss +77 -0
package/src/demos/examples/example34.component.ts +434 -0
package/src/demos/examples/example35.component.html +77 -0
package/src/demos/examples/example35.component.scss +18 -0
package/src/demos/examples/example35.component.ts +264 -0
package/src/demos/examples/example36.component.html +56 -0
package/src/demos/examples/example36.component.scss +26 -0
package/src/demos/examples/example36.component.ts +504 -0
package/src/demos/examples/example37.component.html +30 -0
package/src/demos/examples/example37.component.ts +123 -0
package/src/demos/examples/example38.component.html +104 -0
package/src/demos/examples/example38.component.scss +8 -0
package/src/demos/examples/example38.component.ts +420 -0
package/src/demos/examples/example39.component.html +112 -0
package/src/demos/examples/example39.component.scss +8 -0
package/src/demos/examples/example39.component.ts +371 -0
package/src/demos/examples/example40.component.html +76 -0
package/src/demos/examples/example40.component.ts +226 -0
package/src/demos/examples/example41.component.html +50 -0
package/src/demos/examples/example41.component.scss +42 -0
package/src/demos/examples/example41.component.ts +229 -0
package/src/demos/examples/example42.component.html +47 -0
package/src/demos/examples/example42.component.ts +203 -0
package/src/demos/examples/example43.component.html +94 -0
package/src/demos/examples/example43.component.scss +30 -0
package/src/demos/examples/example43.component.ts +449 -0
package/src/demos/examples/example44.component.html +78 -0
package/src/demos/examples/example44.component.scss +50 -0
package/src/demos/examples/example44.component.ts +375 -0
package/src/demos/examples/example45-detail.component.html +15 -0
package/src/demos/examples/example45-detail.component.ts +97 -0
package/src/demos/examples/example45.component.html +110 -0
package/src/demos/examples/example45.component.scss +50 -0
package/src/demos/examples/example45.component.ts +243 -0
package/src/demos/examples/filter-ng-select.component.ts +33 -0
package/src/demos/examples/grid-custom-pager.component.html +60 -0
package/src/demos/examples/grid-custom-pager.component.scss +57 -0
package/src/demos/examples/grid-custom-pager.component.ts +107 -0
package/src/demos/examples/grid-remote.component.html +44 -0
package/src/demos/examples/grid-remote.component.ts +164 -0
package/src/demos/examples/home.component.html +39 -0
package/src/demos/examples/home.component.ts +10 -0
package/src/demos/examples/jsonp.ts +89 -0
package/src/demos/examples/rowdetail-preload.component.ts +10 -0
package/src/demos/examples/swt-common-grid-pagination.component.ts +160 -0
package/src/demos/examples/swt-common-grid-test.component.html +37 -0
package/src/demos/examples/swt-common-grid-test.component.ts +214 -0
package/src/demos/examples/swt-common-grid.component.ts +436 -0
package/src/demos/examples/swt-logger.service.ts +173 -0
package/src/demos/examples/utilities.ts +9 -0
package/src/favicon.ico +0 -0
package/src/index.html +17 -0
package/src/library/components/__tests__/angular-slickgrid.component.spec.ts +2638 -0
package/src/library/components/angular-slickgrid.component.html +5 -0
package/src/library/components/angular-slickgrid.component.ts +1662 -0
package/src/library/constants.ts +105 -0
package/src/library/extensions/__tests__/slickRowDetailView.spec.ts +751 -0
package/src/library/extensions/index.ts +1 -0
package/src/library/extensions/slickRowDetailView.ts +395 -0
package/src/library/global-grid-options.ts +273 -0
package/src/library/index.ts +11 -0
package/src/library/models/angularComponentOutput.interface.ts +6 -0
package/src/library/models/angularGridInstance.interface.ts +76 -0
package/src/library/models/externalTestingDependencies.interface.ts +37 -0
package/src/library/models/gridOption.interface.ts +15 -0
package/src/library/models/index.ts +5 -0
package/src/library/models/rowDetailView.interface.ts +16 -0
package/src/library/modules/angular-slickgrid.module.spec.ts +25 -0
package/src/library/modules/angular-slickgrid.module.ts +27 -0
package/src/library/services/__tests__/angularUtilService.spec.ts +156 -0
package/src/library/services/__tests__/container.service.spec.ts +25 -0
package/src/library/services/__tests__/translater.service.spec.ts +43 -0
package/src/library/services/__tests__/utilities.spec.ts +22 -0
package/src/library/services/angularUtil.service.ts +120 -0
package/src/library/services/container.service.ts +26 -0
package/src/library/services/index.ts +4 -0
package/src/library/services/translater.service.ts +38 -0
package/src/library/services/utilities.ts +19 -0
package/src/library/slickgrid-config.ts +10 -0
package/src/main.ts +13 -0
package/src/public_api.ts +1 -0
package/src/styles.scss +178 -0
package/test/cypress/e2e/example01.cy.ts +367 -0
package/test/cypress/e2e/example02.cy.ts +60 -0
package/test/cypress/e2e/example03.cy.ts +268 -0
package/test/cypress/e2e/example04.cy.ts +254 -0
package/test/cypress/e2e/example05.cy.ts +804 -0
package/test/cypress/e2e/example06.cy.ts +890 -0
package/test/cypress/e2e/example07.cy.ts +384 -0
package/test/cypress/e2e/example08.cy.ts +190 -0
package/test/cypress/e2e/example09.cy.ts +392 -0
package/test/cypress/e2e/example10.cy.ts +650 -0
package/test/cypress/e2e/example11.cy.ts +86 -0
package/test/cypress/e2e/example12.cy.ts +269 -0
package/test/cypress/e2e/example13.cy.ts +246 -0
package/test/cypress/e2e/example14.cy.ts +122 -0
package/test/cypress/e2e/example15.cy.ts +598 -0
package/test/cypress/e2e/example16.cy.ts +427 -0
package/test/cypress/e2e/example17.cy.ts +83 -0
package/test/cypress/e2e/example18.cy.ts +431 -0
package/test/cypress/e2e/example19.cy.ts +263 -0
package/test/cypress/e2e/example20.cy.ts +264 -0
package/test/cypress/e2e/example21.cy.ts +77 -0
package/test/cypress/e2e/example22.cy.ts +94 -0
package/test/cypress/e2e/example23.cy.ts +259 -0
package/test/cypress/e2e/example24.cy.ts +707 -0
package/test/cypress/e2e/example25.cy.ts +193 -0
package/test/cypress/e2e/example26.cy.ts +111 -0
package/test/cypress/e2e/example27.cy.ts +261 -0
package/test/cypress/e2e/example28.cy.ts +740 -0
package/test/cypress/e2e/example29.cy.ts +30 -0
package/test/cypress/e2e/example30.cy.ts +757 -0
package/test/cypress/e2e/example31.cy.ts +69 -0
package/test/cypress/e2e/example32.cy.ts +272 -0
package/test/cypress/e2e/example33.cy.ts +278 -0
package/test/cypress/e2e/example34.cy.ts +84 -0
package/test/cypress/e2e/example35.cy.ts +178 -0
package/test/cypress/e2e/example36.cy.ts +219 -0
package/test/cypress/e2e/example37.cy.ts +52 -0
package/test/cypress/e2e/example38.cy.ts +160 -0
package/test/cypress/e2e/example39.cy.ts +150 -0
package/test/cypress/e2e/example40.cy.ts +126 -0
package/test/cypress/e2e/example41.cy.ts +90 -0
package/test/cypress/e2e/example42.cy.ts +82 -0
package/test/cypress/e2e/example43.cy.ts +482 -0
package/test/cypress/e2e/example44.cy.ts +458 -0
package/test/cypress/e2e/example45.cy.ts +455 -0
package/test/cypress/e2e/home.cy.ts +7 -0
package/test/cypress/fixtures/example.json +5 -0
package/test/cypress/plugins/index.ts +17 -0
package/test/cypress/plugins/utilities.ts +28 -0
package/test/cypress/support/commands.ts +88 -0
package/test/cypress/support/common.ts +47 -0
package/test/cypress/support/drag.ts +101 -0
package/test/cypress/support/index.ts +20 -0
package/test/cypress/tsconfig.json +9 -0
package/test/cypress.config.ts +34 -0
package/test/mockSlickEvent.ts +77 -0
package/test/rxjsResourceStub.ts +69 -0
package/test/test-setup.ts +6 -0
package/test/translateServiceStub.ts +230 -0
package/test/translaterServiceStub.ts +239 -0
package/test/tsconfig.json +17 -0
package/test/vitest-global-mocks.ts +41 -0
package/test/vitest-global-setup.ts +3 -0
package/test/vitest-pretest.ts +5 -0
package/tsconfig.app.json +14 -0
package/tsconfig.json +31 -0
package/tsconfig.spec.json +11 -0
package/types/sortablejs.d.ts +4 -0
package/vite.config.mts +51 -0
package/app/modules/angular-slickgrid/models/index.d.ts +0 -5
package/esm2022/angular-slickgrid.mjs +0 -5
package/esm2022/app/modules/angular-slickgrid/components/angular-slickgrid.component.mjs +0 -1407
package/esm2022/app/modules/angular-slickgrid/constants.mjs +0 -96
package/esm2022/app/modules/angular-slickgrid/extensions/index.mjs +0 -2
package/esm2022/app/modules/angular-slickgrid/extensions/slickRowDetailView.mjs +0 -301
package/esm2022/app/modules/angular-slickgrid/global-grid-options.mjs +0 -263
package/esm2022/app/modules/angular-slickgrid/index.mjs +0 -8
package/esm2022/app/modules/angular-slickgrid/models/angularComponentOutput.interface.mjs +0 -2
package/esm2022/app/modules/angular-slickgrid/models/angularGridInstance.interface.mjs +0 -2
package/esm2022/app/modules/angular-slickgrid/models/externalTestingDependencies.interface.mjs +0 -2
package/esm2022/app/modules/angular-slickgrid/models/gridOption.interface.mjs +0 -2
package/esm2022/app/modules/angular-slickgrid/models/index.mjs +0 -6
package/esm2022/app/modules/angular-slickgrid/models/rowDetailView.interface.mjs +0 -2
package/esm2022/app/modules/angular-slickgrid/modules/angular-slickgrid.module.mjs +0 -32
package/esm2022/app/modules/angular-slickgrid/services/angularUtil.service.mjs +0 -88
package/esm2022/app/modules/angular-slickgrid/services/container.service.mjs +0 -27
package/esm2022/app/modules/angular-slickgrid/services/index.mjs +0 -5
package/esm2022/app/modules/angular-slickgrid/services/translater.service.mjs +0 -45
package/esm2022/app/modules/angular-slickgrid/services/utilities.mjs +0 -19
package/esm2022/app/modules/angular-slickgrid/slickgrid-config.mjs +0 -8
package/esm2022/public_api.mjs +0 -2
package/fesm2022/angular-slickgrid.mjs.map +0 -1
package/public_api.d.ts +0 -1
/package/{index.d.ts → dist/index.d.ts} +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/constants.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/extensions/index.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/global-grid-options.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/index.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/models/angularComponentOutput.interface.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/models/externalTestingDependencies.interface.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/models/gridOption.interface.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/services/angularUtil.service.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/services/container.service.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/services/index.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/services/translater.service.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/services/utilities.d.ts +0 -0
/package/{app/modules/angular-slickgrid → dist/library}/slickgrid-config.d.ts +0 -0

package/coverage/library/extensions/slickRowDetailView.ts.html ADDED Viewed

@@ -0,0 +1,1261 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for library/extensions/slickRowDetailView.ts</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">library/extensions</a> slickRowDetailView.ts</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>247/247</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">77.77% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>70/90</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>23/23</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>247/247</span>
+            </div>
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line high'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
+<a name='L2'></a><a href='#L2'>2</a>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</a>
+<a name='L44'></a><a href='#L44'>44</a>
+<a name='L45'></a><a href='#L45'>45</a>
+<a name='L46'></a><a href='#L46'>46</a>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a>
+<a name='L79'></a><a href='#L79'>79</a>
+<a name='L80'></a><a href='#L80'>80</a>
+<a name='L81'></a><a href='#L81'>81</a>
+<a name='L82'></a><a href='#L82'>82</a>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</a>
+<a name='L85'></a><a href='#L85'>85</a>
+<a name='L86'></a><a href='#L86'>86</a>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</a>
+<a name='L91'></a><a href='#L91'>91</a>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</a>
+<a name='L98'></a><a href='#L98'>98</a>
+<a name='L99'></a><a href='#L99'>99</a>
+<a name='L100'></a><a href='#L100'>100</a>
+<a name='L101'></a><a href='#L101'>101</a>
+<a name='L102'></a><a href='#L102'>102</a>
+<a name='L103'></a><a href='#L103'>103</a>
+<a name='L104'></a><a href='#L104'>104</a>
+<a name='L105'></a><a href='#L105'>105</a>
+<a name='L106'></a><a href='#L106'>106</a>
+<a name='L107'></a><a href='#L107'>107</a>
+<a name='L108'></a><a href='#L108'>108</a>
+<a name='L109'></a><a href='#L109'>109</a>
+<a name='L110'></a><a href='#L110'>110</a>
+<a name='L111'></a><a href='#L111'>111</a>
+<a name='L112'></a><a href='#L112'>112</a>
+<a name='L113'></a><a href='#L113'>113</a>
+<a name='L114'></a><a href='#L114'>114</a>
+<a name='L115'></a><a href='#L115'>115</a>
+<a name='L116'></a><a href='#L116'>116</a>
+<a name='L117'></a><a href='#L117'>117</a>
+<a name='L118'></a><a href='#L118'>118</a>
+<a name='L119'></a><a href='#L119'>119</a>
+<a name='L120'></a><a href='#L120'>120</a>
+<a name='L121'></a><a href='#L121'>121</a>
+<a name='L122'></a><a href='#L122'>122</a>
+<a name='L123'></a><a href='#L123'>123</a>
+<a name='L124'></a><a href='#L124'>124</a>
+<a name='L125'></a><a href='#L125'>125</a>
+<a name='L126'></a><a href='#L126'>126</a>
+<a name='L127'></a><a href='#L127'>127</a>
+<a name='L128'></a><a href='#L128'>128</a>
+<a name='L129'></a><a href='#L129'>129</a>
+<a name='L130'></a><a href='#L130'>130</a>
+<a name='L131'></a><a href='#L131'>131</a>
+<a name='L132'></a><a href='#L132'>132</a>
+<a name='L133'></a><a href='#L133'>133</a>
+<a name='L134'></a><a href='#L134'>134</a>
+<a name='L135'></a><a href='#L135'>135</a>
+<a name='L136'></a><a href='#L136'>136</a>
+<a name='L137'></a><a href='#L137'>137</a>
+<a name='L138'></a><a href='#L138'>138</a>
+<a name='L139'></a><a href='#L139'>139</a>
+<a name='L140'></a><a href='#L140'>140</a>
+<a name='L141'></a><a href='#L141'>141</a>
+<a name='L142'></a><a href='#L142'>142</a>
+<a name='L143'></a><a href='#L143'>143</a>
+<a name='L144'></a><a href='#L144'>144</a>
+<a name='L145'></a><a href='#L145'>145</a>
+<a name='L146'></a><a href='#L146'>146</a>
+<a name='L147'></a><a href='#L147'>147</a>
+<a name='L148'></a><a href='#L148'>148</a>
+<a name='L149'></a><a href='#L149'>149</a>
+<a name='L150'></a><a href='#L150'>150</a>
+<a name='L151'></a><a href='#L151'>151</a>
+<a name='L152'></a><a href='#L152'>152</a>
+<a name='L153'></a><a href='#L153'>153</a>
+<a name='L154'></a><a href='#L154'>154</a>
+<a name='L155'></a><a href='#L155'>155</a>
+<a name='L156'></a><a href='#L156'>156</a>
+<a name='L157'></a><a href='#L157'>157</a>
+<a name='L158'></a><a href='#L158'>158</a>
+<a name='L159'></a><a href='#L159'>159</a>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a>
+<a name='L163'></a><a href='#L163'>163</a>
+<a name='L164'></a><a href='#L164'>164</a>
+<a name='L165'></a><a href='#L165'>165</a>
+<a name='L166'></a><a href='#L166'>166</a>
+<a name='L167'></a><a href='#L167'>167</a>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</a>
+<a name='L170'></a><a href='#L170'>170</a>
+<a name='L171'></a><a href='#L171'>171</a>
+<a name='L172'></a><a href='#L172'>172</a>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</a>
+<a name='L181'></a><a href='#L181'>181</a>
+<a name='L182'></a><a href='#L182'>182</a>
+<a name='L183'></a><a href='#L183'>183</a>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</a>
+<a name='L186'></a><a href='#L186'>186</a>
+<a name='L187'></a><a href='#L187'>187</a>
+<a name='L188'></a><a href='#L188'>188</a>
+<a name='L189'></a><a href='#L189'>189</a>
+<a name='L190'></a><a href='#L190'>190</a>
+<a name='L191'></a><a href='#L191'>191</a>
+<a name='L192'></a><a href='#L192'>192</a>
+<a name='L193'></a><a href='#L193'>193</a>
+<a name='L194'></a><a href='#L194'>194</a>
+<a name='L195'></a><a href='#L195'>195</a>
+<a name='L196'></a><a href='#L196'>196</a>
+<a name='L197'></a><a href='#L197'>197</a>
+<a name='L198'></a><a href='#L198'>198</a>
+<a name='L199'></a><a href='#L199'>199</a>
+<a name='L200'></a><a href='#L200'>200</a>
+<a name='L201'></a><a href='#L201'>201</a>
+<a name='L202'></a><a href='#L202'>202</a>
+<a name='L203'></a><a href='#L203'>203</a>
+<a name='L204'></a><a href='#L204'>204</a>
+<a name='L205'></a><a href='#L205'>205</a>
+<a name='L206'></a><a href='#L206'>206</a>
+<a name='L207'></a><a href='#L207'>207</a>
+<a name='L208'></a><a href='#L208'>208</a>
+<a name='L209'></a><a href='#L209'>209</a>
+<a name='L210'></a><a href='#L210'>210</a>
+<a name='L211'></a><a href='#L211'>211</a>
+<a name='L212'></a><a href='#L212'>212</a>
+<a name='L213'></a><a href='#L213'>213</a>
+<a name='L214'></a><a href='#L214'>214</a>
+<a name='L215'></a><a href='#L215'>215</a>
+<a name='L216'></a><a href='#L216'>216</a>
+<a name='L217'></a><a href='#L217'>217</a>
+<a name='L218'></a><a href='#L218'>218</a>
+<a name='L219'></a><a href='#L219'>219</a>
+<a name='L220'></a><a href='#L220'>220</a>
+<a name='L221'></a><a href='#L221'>221</a>
+<a name='L222'></a><a href='#L222'>222</a>
+<a name='L223'></a><a href='#L223'>223</a>
+<a name='L224'></a><a href='#L224'>224</a>
+<a name='L225'></a><a href='#L225'>225</a>
+<a name='L226'></a><a href='#L226'>226</a>
+<a name='L227'></a><a href='#L227'>227</a>
+<a name='L228'></a><a href='#L228'>228</a>
+<a name='L229'></a><a href='#L229'>229</a>
+<a name='L230'></a><a href='#L230'>230</a>
+<a name='L231'></a><a href='#L231'>231</a>
+<a name='L232'></a><a href='#L232'>232</a>
+<a name='L233'></a><a href='#L233'>233</a>
+<a name='L234'></a><a href='#L234'>234</a>
+<a name='L235'></a><a href='#L235'>235</a>
+<a name='L236'></a><a href='#L236'>236</a>
+<a name='L237'></a><a href='#L237'>237</a>
+<a name='L238'></a><a href='#L238'>238</a>
+<a name='L239'></a><a href='#L239'>239</a>
+<a name='L240'></a><a href='#L240'>240</a>
+<a name='L241'></a><a href='#L241'>241</a>
+<a name='L242'></a><a href='#L242'>242</a>
+<a name='L243'></a><a href='#L243'>243</a>
+<a name='L244'></a><a href='#L244'>244</a>
+<a name='L245'></a><a href='#L245'>245</a>
+<a name='L246'></a><a href='#L246'>246</a>
+<a name='L247'></a><a href='#L247'>247</a>
+<a name='L248'></a><a href='#L248'>248</a>
+<a name='L249'></a><a href='#L249'>249</a>
+<a name='L250'></a><a href='#L250'>250</a>
+<a name='L251'></a><a href='#L251'>251</a>
+<a name='L252'></a><a href='#L252'>252</a>
+<a name='L253'></a><a href='#L253'>253</a>
+<a name='L254'></a><a href='#L254'>254</a>
+<a name='L255'></a><a href='#L255'>255</a>
+<a name='L256'></a><a href='#L256'>256</a>
+<a name='L257'></a><a href='#L257'>257</a>
+<a name='L258'></a><a href='#L258'>258</a>
+<a name='L259'></a><a href='#L259'>259</a>
+<a name='L260'></a><a href='#L260'>260</a>
+<a name='L261'></a><a href='#L261'>261</a>
+<a name='L262'></a><a href='#L262'>262</a>
+<a name='L263'></a><a href='#L263'>263</a>
+<a name='L264'></a><a href='#L264'>264</a>
+<a name='L265'></a><a href='#L265'>265</a>
+<a name='L266'></a><a href='#L266'>266</a>
+<a name='L267'></a><a href='#L267'>267</a>
+<a name='L268'></a><a href='#L268'>268</a>
+<a name='L269'></a><a href='#L269'>269</a>
+<a name='L270'></a><a href='#L270'>270</a>
+<a name='L271'></a><a href='#L271'>271</a>
+<a name='L272'></a><a href='#L272'>272</a>
+<a name='L273'></a><a href='#L273'>273</a>
+<a name='L274'></a><a href='#L274'>274</a>
+<a name='L275'></a><a href='#L275'>275</a>
+<a name='L276'></a><a href='#L276'>276</a>
+<a name='L277'></a><a href='#L277'>277</a>
+<a name='L278'></a><a href='#L278'>278</a>
+<a name='L279'></a><a href='#L279'>279</a>
+<a name='L280'></a><a href='#L280'>280</a>
+<a name='L281'></a><a href='#L281'>281</a>
+<a name='L282'></a><a href='#L282'>282</a>
+<a name='L283'></a><a href='#L283'>283</a>
+<a name='L284'></a><a href='#L284'>284</a>
+<a name='L285'></a><a href='#L285'>285</a>
+<a name='L286'></a><a href='#L286'>286</a>
+<a name='L287'></a><a href='#L287'>287</a>
+<a name='L288'></a><a href='#L288'>288</a>
+<a name='L289'></a><a href='#L289'>289</a>
+<a name='L290'></a><a href='#L290'>290</a>
+<a name='L291'></a><a href='#L291'>291</a>
+<a name='L292'></a><a href='#L292'>292</a>
+<a name='L293'></a><a href='#L293'>293</a>
+<a name='L294'></a><a href='#L294'>294</a>
+<a name='L295'></a><a href='#L295'>295</a>
+<a name='L296'></a><a href='#L296'>296</a>
+<a name='L297'></a><a href='#L297'>297</a>
+<a name='L298'></a><a href='#L298'>298</a>
+<a name='L299'></a><a href='#L299'>299</a>
+<a name='L300'></a><a href='#L300'>300</a>
+<a name='L301'></a><a href='#L301'>301</a>
+<a name='L302'></a><a href='#L302'>302</a>
+<a name='L303'></a><a href='#L303'>303</a>
+<a name='L304'></a><a href='#L304'>304</a>
+<a name='L305'></a><a href='#L305'>305</a>
+<a name='L306'></a><a href='#L306'>306</a>
+<a name='L307'></a><a href='#L307'>307</a>
+<a name='L308'></a><a href='#L308'>308</a>
+<a name='L309'></a><a href='#L309'>309</a>
+<a name='L310'></a><a href='#L310'>310</a>
+<a name='L311'></a><a href='#L311'>311</a>
+<a name='L312'></a><a href='#L312'>312</a>
+<a name='L313'></a><a href='#L313'>313</a>
+<a name='L314'></a><a href='#L314'>314</a>
+<a name='L315'></a><a href='#L315'>315</a>
+<a name='L316'></a><a href='#L316'>316</a>
+<a name='L317'></a><a href='#L317'>317</a>
+<a name='L318'></a><a href='#L318'>318</a>
+<a name='L319'></a><a href='#L319'>319</a>
+<a name='L320'></a><a href='#L320'>320</a>
+<a name='L321'></a><a href='#L321'>321</a>
+<a name='L322'></a><a href='#L322'>322</a>
+<a name='L323'></a><a href='#L323'>323</a>
+<a name='L324'></a><a href='#L324'>324</a>
+<a name='L325'></a><a href='#L325'>325</a>
+<a name='L326'></a><a href='#L326'>326</a>
+<a name='L327'></a><a href='#L327'>327</a>
+<a name='L328'></a><a href='#L328'>328</a>
+<a name='L329'></a><a href='#L329'>329</a>
+<a name='L330'></a><a href='#L330'>330</a>
+<a name='L331'></a><a href='#L331'>331</a>
+<a name='L332'></a><a href='#L332'>332</a>
+<a name='L333'></a><a href='#L333'>333</a>
+<a name='L334'></a><a href='#L334'>334</a>
+<a name='L335'></a><a href='#L335'>335</a>
+<a name='L336'></a><a href='#L336'>336</a>
+<a name='L337'></a><a href='#L337'>337</a>
+<a name='L338'></a><a href='#L338'>338</a>
+<a name='L339'></a><a href='#L339'>339</a>
+<a name='L340'></a><a href='#L340'>340</a>
+<a name='L341'></a><a href='#L341'>341</a>
+<a name='L342'></a><a href='#L342'>342</a>
+<a name='L343'></a><a href='#L343'>343</a>
+<a name='L344'></a><a href='#L344'>344</a>
+<a name='L345'></a><a href='#L345'>345</a>
+<a name='L346'></a><a href='#L346'>346</a>
+<a name='L347'></a><a href='#L347'>347</a>
+<a name='L348'></a><a href='#L348'>348</a>
+<a name='L349'></a><a href='#L349'>349</a>
+<a name='L350'></a><a href='#L350'>350</a>
+<a name='L351'></a><a href='#L351'>351</a>
+<a name='L352'></a><a href='#L352'>352</a>
+<a name='L353'></a><a href='#L353'>353</a>
+<a name='L354'></a><a href='#L354'>354</a>
+<a name='L355'></a><a href='#L355'>355</a>
+<a name='L356'></a><a href='#L356'>356</a>
+<a name='L357'></a><a href='#L357'>357</a>
+<a name='L358'></a><a href='#L358'>358</a>
+<a name='L359'></a><a href='#L359'>359</a>
+<a name='L360'></a><a href='#L360'>360</a>
+<a name='L361'></a><a href='#L361'>361</a>
+<a name='L362'></a><a href='#L362'>362</a>
+<a name='L363'></a><a href='#L363'>363</a>
+<a name='L364'></a><a href='#L364'>364</a>
+<a name='L365'></a><a href='#L365'>365</a>
+<a name='L366'></a><a href='#L366'>366</a>
+<a name='L367'></a><a href='#L367'>367</a>
+<a name='L368'></a><a href='#L368'>368</a>
+<a name='L369'></a><a href='#L369'>369</a>
+<a name='L370'></a><a href='#L370'>370</a>
+<a name='L371'></a><a href='#L371'>371</a>
+<a name='L372'></a><a href='#L372'>372</a>
+<a name='L373'></a><a href='#L373'>373</a>
+<a name='L374'></a><a href='#L374'>374</a>
+<a name='L375'></a><a href='#L375'>375</a>
+<a name='L376'></a><a href='#L376'>376</a>
+<a name='L377'></a><a href='#L377'>377</a>
+<a name='L378'></a><a href='#L378'>378</a>
+<a name='L379'></a><a href='#L379'>379</a>
+<a name='L380'></a><a href='#L380'>380</a>
+<a name='L381'></a><a href='#L381'>381</a>
+<a name='L382'></a><a href='#L382'>382</a>
+<a name='L383'></a><a href='#L383'>383</a>
+<a name='L384'></a><a href='#L384'>384</a>
+<a name='L385'></a><a href='#L385'>385</a>
+<a name='L386'></a><a href='#L386'>386</a>
+<a name='L387'></a><a href='#L387'>387</a>
+<a name='L388'></a><a href='#L388'>388</a>
+<a name='L389'></a><a href='#L389'>389</a>
+<a name='L390'></a><a href='#L390'>390</a>
+<a name='L391'></a><a href='#L391'>391</a>
+<a name='L392'></a><a href='#L392'>392</a>
+<a name='L393'></a><a href='#L393'>393</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">93x</span>
+<span class="cline-any cline-yes">93x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">47x</span>
+<span class="cline-any cline-yes">47x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">716x</span>
+<span class="cline-any cline-yes">716x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">203x</span>
+<span class="cline-any cline-yes">203x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-yes">26x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">44x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-yes">16x</span>
+<span class="cline-any cline-yes">16x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">112x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-yes">42x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">256x</span>
+<span class="cline-any cline-yes">256x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">256x</span>
+<span class="cline-any cline-yes">256x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { ApplicationRef, ComponentRef, Type, ViewContainerRef } from '@angular/core';
+import type {
+  EventSubscription,
+  OnBeforeRowDetailToggleArgs,
+  OnRowBackOrOutOfViewportRangeArgs,
+  RxJsFacade,
+  SlickGrid,
+} from '@slickgrid-universal/common';
+import {
+  addToArrayWhenNotExists,
+  castObservableToPromise,
+  createDomElement,
+  SlickEventData,
+  SlickRowSelectionModel,
+  unsubscribeAll,
+} from '@slickgrid-universal/common';
+import type { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import { SlickRowDetailView as UniversalSlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';
+import { Observable, type Subject } from 'rxjs';
+&nbsp;
+import type { GridOption, RowDetailView } from '../models/index.js';
+import type { AngularUtilService } from '../services/angularUtil.service.js';
+&nbsp;
+const ROW_DETAIL_CONTAINER_PREFIX = 'container_';
+const PRELOAD_CONTAINER_PREFIX = 'container_loading';
+&nbsp;
+export interface CreatedView {
+  id: string | number;
+  dataContext: any;
+  componentRef?: ComponentRef&lt;any&gt;;
+  rendered?: boolean;
+}
+&nbsp;
+export class SlickRowDetailView extends UniversalSlickRowDetailView {
+  rowDetailContainer!: ViewContainerRef;
+  protected _preloadComponent: Type&lt;object&gt; | undefined;
+  protected _preloadCompRef?: ComponentRef&lt;any&gt;;
+  protected _views: CreatedView[] = [];
+  protected _viewComponent!: Type&lt;object&gt;;
+  protected _subscriptions: EventSubscription[] = [];
+  protected _userProcessFn!: (item: any) =&gt; Promise&lt;any&gt; | Observable&lt;any&gt; | Subject&lt;any&gt;;
+&nbsp;
+  constructor(
+    protected readonly angularUtilService: AngularUtilService,
+    protected readonly appRef: ApplicationRef,
+    protected readonly eventPubSubService: EventPubSubService,
+    protected readonly gridContainerElement: HTMLDivElement,
+    protected rxjs?: RxJsFacade
+  ) {
+    super(eventPubSubService);
+  }
+&nbsp;
+  get addonOptions() {
+    return this.getOptions();
+  }
+&nbsp;
+  protected get datasetIdPropName(): string {
+    return this.gridOptions.<span class="branch-0 cbranch-no" title="branch not covered" >datasetIdPropertyName || 'id';</span>
+  }
+&nbsp;
+  /** Getter for the Grid Options pulled through the Grid Object */
+  get gridOptions(): GridOption {
+    return (this._grid?.getOptions() || {}) as GridOption;
+  }
+&nbsp;
+  get rowDetailViewOptions(): RowDetailView | undefined {
+    return this.gridOptions.rowDetailView;
+  }
+&nbsp;
+  addRxJsResource(rxjs: RxJsFacade) {
+    this.rxjs = rxjs;
+  }
+&nbsp;
+  /** Dispose of the RowDetailView Extension */
+  dispose() {
+    this.disposeAllViewComponents();
+    this._subscriptions = unsubscribeAll(this._subscriptions); // also unsubscribe all RxJS subscriptions
+    super.dispose();
+  }
+&nbsp;
+  /** Dispose of all the opened Row Detail Panels Angular View Components */
+  disposeAllViewComponents() {
+    do {
+      const view = this._views.pop();
+      if (view) {
+        this.disposeView(view);
+      }
+    } while (this._views.length &gt; 0);
+  }
+&nbsp;
+  /** Get the instance of the SlickGrid addon (control or plugin). */
+  getAddonInstance(): SlickRowDetailView | null {
+    return this;
+  }
+&nbsp;
+  init(grid: SlickGrid) {
+    this._grid = grid;
+    super.init(this._grid);
+    this.register(grid<span class="branch-0 cbranch-no" title="branch not covered" >?.g</span>etSelectionModel() as SlickRowSelectionModel);
+  }
+&nbsp;
+  /**
+   * Create the plugin before the Grid creation, else it will behave oddly.
+   * Mostly because the column definitions might change after the grid creation
+   */
+  register(rowSelectionPlugin?: SlickRowSelectionModel) {
+    if (typeof this.gridOptions.rowDetailView?.process === 'function') {
+      // we need to keep the user "process" method and replace it with our own execution method
+      // we do this because when we get the item detail, we need to call "onAsyncResponse.notify" for the plugin to work
+      this._userProcessFn = this.gridOptions.rowDetailView.process as (item: any) =&gt; Promise&lt;any&gt;; // keep user's process method
+      this.addonOptions.process = (item) =&gt; this.onProcessing(item); // replace process method &amp; run our internal one
+    } else {
+      throw new Error('[Angular-Slickgrid] You need to provide a "process" function for the Row Detail Extension to work properly');
+    }
+&nbsp;
+    if (this._grid &amp;&amp; this.gridOptions<span class="branch-0 cbranch-no" title="branch not covered" >?.r</span>owDetailView) {
+      // load the Preload &amp; RowDetail Templates (could be straight HTML or Angular View/ViewModel)
+      // when those are Angular View/ViewModel, we need to create View Component &amp; provide the html containers to the Plugin (preTemplate/postTemplate methods)
+      if (!this.gridOptions.rowDetailView.preTemplate) {
+        this._preloadComponent = this.gridOptions<span class="branch-0 cbranch-no" title="branch not covered" >?.r</span>owDetailView<span class="branch-0 cbranch-no" title="branch not covered" >?.p</span>reloadComponent;
+        this.addonOptions.preTemplate = () =&gt; createDomElement('div', { className: `${PRELOAD_CONTAINER_PREFIX}` });
+      }
+      if (!this.gridOptions.rowDetailView.postTemplate) {
+        this._viewComponent = this.gridOptions<span class="branch-0 cbranch-no" title="branch not covered" >?.r</span>owDetailView<span class="branch-0 cbranch-no" title="branch not covered" >?.v</span>iewComponent;
+        this.addonOptions.postTemplate = (itemDetail: any) =&gt;
+          createDomElement('div', { className: `${ROW_DETAIL_CONTAINER_PREFIX}${itemDetail[this.datasetIdPropName]}` });
+      }
+&nbsp;
+      // this also requires the Row Selection Model to be registered as well
+      if (!<span class="branch-0 cbranch-no" title="branch not covered" >rowSelectionPlugin || !this._grid.getSelectionModel()) {</span>
+        rowSelectionPlugin = new SlickRowSelectionModel(this.gridOptions.rowSelectionOptions || { selectActiveRow: true });
+        this._grid.setSelectionModel(rowSelectionPlugin);
+      }
+&nbsp;
+      // hook all events
+      if (this._grid &amp;&amp; this.rowDetailViewOptions) {
+        if (this.rowDetailViewOptions.onExtensionRegistered) {
+          this.rowDetailViewOptions.onExtensionRegistered(this);
+        }
+&nbsp;
+        this.eventHandler.subscribe(this.onAsyncResponse, (event, args) =&gt; {
+          if (this.rowDetailViewOptions &amp;&amp; typeof this.rowDetailViewOptions.onAsyncResponse === 'function') {
+            this.rowDetailViewOptions.onAsyncResponse(event, args);
+          }
+        });
+&nbsp;
+        this.eventHandler.subscribe(this.onAsyncEndUpdate, (e, args) =&gt; {
+          // destroy preload if exists
+          this._preloadCompRef<span class="branch-0 cbranch-no" title="branch not covered" >?.destroy();</span>
+&nbsp;
+          // triggers after backend called "onAsyncResponse.notify()"
+          this.renderViewModel(args<span class="branch-0 cbranch-no" title="branch not covered" >?.i</span>tem);
+&nbsp;
+          if (this.rowDetailViewOptions &amp;&amp; typeof this.rowDetailViewOptions.onAsyncEndUpdate === 'function') {
+            this.rowDetailViewOptions.onAsyncEndUpdate(e, args);
+          }
+        });
+&nbsp;
+        this.eventHandler.subscribe(
+          this.onAfterRowDetailToggle,
+          (e: any, args: { grid: SlickGrid; item: any; expandedRows: Array&lt;number | string&gt; }) =&gt; {
+            // display preload template &amp; re-render all the other Detail Views after toggling
+            // the preload View will eventually go away once the data gets loaded after the "onAsyncEndUpdate" event
+            this.renderPreloadView();
+&nbsp;
+            if (this.rowDetailViewOptions &amp;&amp; typeof this.rowDetailViewOptions.onAfterRowDetailToggle === 'function') {
+              this.rowDetailViewOptions.onAfterRowDetailToggle(e, args);
+            }
+          }
+        );
+&nbsp;
+        this.eventHandler.subscribe(this.onBeforeRowDetailToggle, (e, args) =&gt; {
+          // before toggling row detail, we need to create View Component if it doesn't exist
+          this.handleOnBeforeRowDetailToggle(e, args);
+&nbsp;
+          if (this.rowDetailViewOptions &amp;&amp; typeof this.rowDetailViewOptions.onBeforeRowDetailToggle === 'function') {
+            return this.rowDetailViewOptions.onBeforeRowDetailToggle(e, args);
+          }
+          return true;
+        });
+&nbsp;
+        this.eventHandler.subscribe(this.onRowBackToViewportRange, (e, args) =&gt; {
+          // when row is back to viewport range, we will re-render the View Component(s)
+          this.handleOnRowBackToViewportRange(e, args);
+&nbsp;
+          if (this.rowDetailViewOptions &amp;&amp; typeof this.rowDetailViewOptions.onRowBackToViewportRange === 'function') {
+            this.rowDetailViewOptions.onRowBackToViewportRange(e, args);
+          }
+        });
+&nbsp;
+        this._eventHandler.subscribe(this.onBeforeRowOutOfViewportRange, (event, args) =&gt; {
+          if (typeof this.rowDetailViewOptions<span class="branch-0 cbranch-no" title="branch not covered" >?.o</span>nBeforeRowOutOfViewportRange === 'function') {
+            this.rowDetailViewOptions.onBeforeRowOutOfViewportRange(event, args);
+          }
+          this.disposeViewByItem(args.item);
+        });
+&nbsp;
+        this.eventHandler.subscribe(this.onRowOutOfViewportRange, (e, args) =&gt; {
+          if (this.rowDetailViewOptions &amp;&amp; typeof this.rowDetailViewOptions.onRowOutOfViewportRange === 'function') {
+            this.rowDetailViewOptions.onRowOutOfViewportRange(e, args);
+          }
+        });
+&nbsp;
+        // --
+        // hook some events needed by the Plugin itself
+&nbsp;
+        // we need to redraw the open detail views if we change column position (column reorder)
+        this.eventHandler.subscribe(this._grid.onColumnsReordered, this.redrawAllViewComponents.bind(this, false));
+&nbsp;
+        // on row selection changed, we also need to redraw
+        if (this.gridOptions.enableRowSelection || this.gridOptions.enableCheckboxSelector) {
+          this.eventHandler.subscribe(this._grid.onSelectedRowsChanged, this.redrawAllViewComponents.bind(this, false));
+        }
+&nbsp;
+        // on sort, all row detail are collapsed so we can dispose of all the Views as well
+        this.eventHandler.subscribe(this._grid.onSort, this.disposeAllViewComponents.bind(this));
+&nbsp;
+        // redraw all Views whenever certain events are triggered
+        this._subscriptions.push(
+          this.eventPubSubService<span class="branch-0 cbranch-no" title="branch not covered" >?.s</span>ubscribe(
+            ['onFilterChanged', 'onGridMenuColumnsChanged', 'onColumnPickerColumnsChanged'],
+            this.redrawAllViewComponents.bind(this, false)
+          ),
+          this.eventPubSubService<span class="branch-0 cbranch-no" title="branch not covered" >?.s</span>ubscribe(['onGridMenuClearAllFilters', 'onGridMenuClearAllSorting'], () =&gt;
+            window.setTimeout(() =&gt; this.redrawAllViewComponents())
+          )
+        );
+      }
+    }
+    return this;
+  }
+&nbsp;
+  /** Redraw (re-render) all the expanded row detail View Components */
+  redrawAllViewComponents(forceRedraw = false) {
+    this.resetRenderedRows();
+    this._views.forEach((view) =&gt; {
+      if (!view.rendered || forceRedraw) {
+<span class="branch-0 cbranch-no" title="branch not covered" >        forceRedraw &amp;&amp; view.componentRef?.destroy();</span>
+        this.redrawViewComponent(view);
+      }
+    });
+  }
+&nbsp;
+  /** Redraw the necessary View Component */
+  redrawViewComponent(createdView: CreatedView) {
+    const containerElement = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${createdView.id}`);
+    if (containerElement) {
+      this.renderViewModel(createdView.dataContext);
+    }
+  }
+&nbsp;
+  /** Render (or re-render) the View Component (Row Detail) */
+  renderPreloadView() {
+    const containerElement = this.gridContainerElement.querySelector(`.${PRELOAD_CONTAINER_PREFIX}`);
+    if (this._preloadComponent &amp;&amp; containerElement) {
+      const preloadComp = this.angularUtilService.createAngularComponentAppendToDom(
+        this._preloadComponent,
+        containerElement,
+        {},
+        { sanitizer: this._grid.sanitizeHtmlString }
+      );
+      this._preloadCompRef = preloadComp.componentRef;
+    }
+  }
+&nbsp;
+  /** Render (or re-render) the View Component (Row Detail) */
+  renderViewModel(item: any): CreatedView | undefined {
+    const containerElement = this.gridContainerElement.querySelector(`.${ROW_DETAIL_CONTAINER_PREFIX}${item[this.datasetIdPropName]}`);
+    if (this._viewComponent &amp;&amp; containerElement) {
+      // render row detail
+      const componentOutput = this.angularUtilService.createAngularComponentAppendToDom(
+        this._viewComponent,
+        containerElement,
+        {
+          model: item,
+          addon: this,
+          grid: this._grid,
+          dataView: this.dataView,
+          parentRef: this.rowDetailViewOptions<span class="branch-0 cbranch-no" title="branch not covered" >?.p</span>arentRef,
+        },
+        {
+          sanitizer: this._grid.sanitizeHtmlString,
+        }
+      );
+&nbsp;
+      if (componentOutput?.componentRef) {
+        const viewObj = this._views.find((obj) =&gt; obj.id === item[this.datasetIdPropName]);
+        if (viewObj) {
+          viewObj.componentRef = componentOutput.componentRef;
+          viewObj.rendered = true;
+        }
+        return viewObj;
+      }
+    }
+    return undefined;
+  }
+&nbsp;
+  // --
+  // protected functions
+  // ------------------
+&nbsp;
+  protected disposeViewByItem(item: any, removeFromArray = false): void {
+    const foundViewIndex = this._views.findIndex((view: CreatedView) =&gt; view.id === item[this.datasetIdPropName]);
+    if (foundViewIndex &gt;= 0) {
+      this.disposeView(this._views[foundViewIndex]);
+      if (removeFromArray) {
+        this._views.splice(foundViewIndex, 1);
+      }
+    }
+  }
+&nbsp;
+  protected disposeView(expandedView: CreatedView): CreatedView | void {
+    expandedView.rendered = false;
+    const compRef = expandedView<span class="branch-0 cbranch-no" title="branch not covered" >?.c</span>omponentRef;
+    if (compRef) {
+      this.appRef.detachView(compRef.hostView);
+      if (typeof compRef<span class="branch-0 cbranch-no" title="branch not covered" >?.d</span>estroy === 'function') {
+        compRef.destroy();
+      }
+      return expandedView;
+    }
+  }
+&nbsp;
+  /**
+   * notify the onAsyncResponse with the "args.item" (required property)
+   * the plugin will then use item to populate the row detail panel with the "postTemplate"
+   * @param item
+   */
+  protected notifyTemplate(item: any) {
+    this.onAsyncResponse.notify({ item }, new SlickEventData(), this);
+  }
+&nbsp;
+  /**
+   * On Processing, we will notify the plugin with the new item detail once backend server call completes
+   * @param item
+   */
+  protected async onProcessing(item: any) {
+    if (item &amp;&amp; typeof this._userProcessFn === 'function') {
+      let awaitedItemDetail: any;
+      const userProcessFn = this._userProcessFn(item);
+&nbsp;
+      // wait for the "userProcessFn", once resolved we will save it into the "collection"
+      const response: any | any[] = await userProcessFn;
+&nbsp;
+      if (this.datasetIdPropName in response) {
+        awaitedItemDetail = response; // from Promise
+      } else if ((response &amp;&amp; response instanceof Observable) || response instanceof Promise) {
+        awaitedItemDetail = await castObservableToPromise(this.rxjs as RxJsFacade, response); // from Angular-http-client
+      }
+&nbsp;
+      if (!awaitedItemDetail || !(this.datasetIdPropName in awaitedItemDetail)) {
+        throw new Error(
+          '[Angular-Slickgrid] could not process the Row Detail, you must make sure that your "process" callback ' +
+            `returns an item object that has an "${this.datasetIdPropName}" property`
+        );
+      }
+&nbsp;
+      // notify the plugin with the new item details
+      this.notifyTemplate(<span class="branch-0 cbranch-no" title="branch not covered" >awaitedItemDetail || {})</span>;
+    }
+  }
+&nbsp;
+  /**
+   * Just before the row get expanded or collapsed we will do the following
+   * First determine if the row is expanding or collapsing,
+   * if it's expanding we will add it to our View Components reference array if we don't already have it
+   * or if it's collapsing we will remove it from our View Components reference array
+   */
+  protected handleOnBeforeRowDetailToggle(_e: SlickEventData&lt;OnBeforeRowDetailToggleArgs&gt;, args: { grid: SlickGrid; item: any }) {
+    // expanding
+    if (args<span class="branch-0 cbranch-no" title="branch not covered" >?.i</span>tem<span class="branch-0 cbranch-no" title="branch not covered" >?._</span>_collapsed) {
+      // expanding row detail
+      const viewInfo: CreatedView = {
+        id: args.item[this.datasetIdPropName],
+        dataContext: args.item,
+        rendered: false,
+      };
+      addToArrayWhenNotExists(this._views, viewInfo, this.datasetIdPropName);
+    } else {
+      // collapsing, so dispose of the View/Component
+      this.disposeViewByItem(args.item, true);
+    }
+  }
+&nbsp;
+  /** When Row comes back to Viewport Range, we need to redraw the View */
+  protected handleOnRowBackToViewportRange(_e: SlickEventData&lt;OnRowBackOrOutOfViewportRangeArgs&gt;, args: OnRowBackOrOutOfViewportRangeArgs) {
+    const viewModel = this._views.find((x) =&gt; x.id === args.rowId);
+    if (viewModel &amp;&amp; !viewModel.rendered) {
+      this.redrawViewComponent(viewModel);
+    }
+  }
+}
+&nbsp;</pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2025-04-27T02:47:48.882Z
+            </div>
+        <script src="../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../sorter.js"></script>
+        <script src="../../block-navigation.js"></script>
+    </body>
+</html>