\n
{{ commonStrings.keys.detailPaneStart }}
\n
\n
{{ commonStrings.keys.detailPaneEnd }}
\n
\n `\n }]\n }], function () { return [{ type: DetailService }, { type: ClrCommonStringsService }]; }, { closeCheck: [{\n type: HostListener,\n args: ['document:keyup.esc']\n }], header: [{\n type: ContentChild,\n args: [ClrDatagridDetailHeader]\n }] }); })();\n\n/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nclass ClrIfDetail {\n constructor(templateRef, viewContainer, detailService) {\n this.templateRef = templateRef;\n this.viewContainer = viewContainer;\n this.detailService = detailService;\n this.subscriptions = [];\n this.skip = false; // This keeps us from resetting the input and calling the toggle twice\n this.stateChange = new EventEmitter(null);\n this.detailService.enabled = true;\n }\n set state(model) {\n if (!this.skip) {\n this.detailService.toggle(model);\n }\n this.skip = false;\n }\n ngOnInit() {\n this.subscriptions.push(this.detailService.stateChange.subscribe(state => {\n if (state === true) {\n this.togglePanel(true);\n }\n else {\n this.togglePanel(false);\n }\n }));\n }\n togglePanel(showPanel) {\n let stateChangeParams = null;\n this.viewContainer.clear();\n if (showPanel === true) {\n this.viewContainer.createEmbeddedView(this.templateRef, { $implicit: this.detailService.state });\n this.skip = true;\n stateChangeParams = this.detailService.state;\n }\n this.stateChange.emit(stateChangeParams);\n }\n ngOnDestroy() {\n this.subscriptions.forEach(sub => sub.unsubscribe());\n }\n}\nClrIfDetail.ɵfac = function ClrIfDetail_Factory(t) { return new (t || ClrIfDetail)(ɵngcc0.ɵɵdirectiveInject(ɵngcc0.TemplateRef), ɵngcc0.ɵɵdirectiveInject(ɵngcc0.ViewContainerRef), ɵngcc0.ɵɵdirectiveInject(DetailService)); };\nClrIfDetail.ɵdir = ɵngcc0.ɵɵdefineDirective({ type: ClrIfDetail, selectors: [[\"\", \"clrIfDetail\", \"\"]], inputs: { state: [\"clrIfDetail\", \"state\"] }, outputs: { stateChange: \"clrIfDetailChange\" } });\nClrIfDetail.ctorParameters = () => [\n { type: TemplateRef },\n { type: ViewContainerRef },\n { type: DetailService }\n];\nClrIfDetail.ctorParameters = () => [\n { type: TemplateRef },\n { type: ViewContainerRef },\n { type: DetailService }\n];\nClrIfDetail.propDecorators = {\n state: [{ type: Input, args: ['clrIfDetail',] }],\n stateChange: [{ type: Output, args: ['clrIfDetailChange',] }]\n};\n/*@__PURE__*/ (function () { ɵngcc0.ɵsetClassMetadata(ClrIfDetail, [{\n type: Directive,\n args: [{\n selector: '[clrIfDetail]'\n }]\n }], function () { return [{ type: ɵngcc0.TemplateRef }, { type: ɵngcc0.ViewContainerRef }, { type: DetailService }]; }, { stateChange: [{\n type: Output,\n args: ['clrIfDetailChange']\n }], state: [{\n type: Input,\n args: ['clrIfDetail']\n }] }); })();\n\n/*\n * Copyright (c) 2016-2019 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nclass ClrDatagridDetailBody {\n}\nClrDatagridDetailBody.ɵfac = function ClrDatagridDetailBody_Factory(t) { return new (t || ClrDatagridDetailBody)(); };\nClrDatagridDetailBody.ɵcmp = ɵngcc0.ɵɵdefineComponent({ type: ClrDatagridDetailBody, selectors: [[\"clr-dg-detail-body\"]], hostVars: 2, hostBindings: function ClrDatagridDetailBody_HostBindings(rf, ctx) { if (rf & 2) {\n ɵngcc0.ɵɵclassProp(\"datagrid-detail-body\", true);\n } }, ngContentSelectors: _c1, decls: 2, vars: 0, consts: [[1, \"clr-dg-detail-body-wrapper\"]], template: function ClrDatagridDetailBody_Template(rf, ctx) { if (rf & 1) {\n ɵngcc0.ɵɵprojectionDef();\n ɵngcc0.ɵɵelementStart(0, \"div\", 0);\n ɵngcc0.ɵɵprojection(1);\n ɵngcc0.ɵɵelementEnd();\n } }, encapsulation: 2 });\n/*@__PURE__*/ (function () { ɵngcc0.ɵsetClassMetadata(ClrDatagridDetailBody, [{\n type: Component,\n args: [{\n selector: 'clr-dg-detail-body',\n template: `\n \n {{ beginningOfExpandableContentAriaText }} {{ commonStrings.keys.dategridExpandableRowsHelperText }}\n
\n \\n
\\n
\\n \\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n \\n selected\\n \\n \\n unselected\\n \\n
\\n
\\n
\\n