@quadrel-enterprise-ui/framework 18.32.1 → 18.33.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.
- package/esm2022/lib/container/container.component.mjs +2 -2
- package/esm2022/lib/container/toolbar/action/container-toolbar-action.component.mjs +2 -2
- package/esm2022/lib/forms/shared/components/form-hint/form-hint.component.mjs +2 -2
- package/esm2022/lib/layout/action-bar/action-bar.component.mjs +2 -2
- package/esm2022/lib/layout/layout-renderer/layout-renderer.component.mjs +2 -2
- package/esm2022/lib/layout/modal-fullscreen-container/modal-fullscreen-container.component.mjs +2 -2
- package/esm2022/lib/navigation/stepper/step-action/step-action.component.mjs +2 -2
- package/esm2022/lib/navigation/stepper/step-item/step-item.component.mjs +2 -2
- package/esm2022/lib/navigation/tabs/tab-action/tab-action.component.mjs +2 -2
- package/esm2022/lib/quick-edit/quick-edit.component.mjs +10 -7
- package/esm2022/lib/search/search.component.mjs +2 -2
- package/esm2022/lib/shell/header/service-navigation/shell-service-navigation.component.mjs +4 -4
- package/fesm2022/quadrel-enterprise-ui-framework.mjs +32 -29
- package/fesm2022/quadrel-enterprise-ui-framework.mjs.map +1 -1
- package/lib/quick-edit/quick-edit.component.d.ts +2 -1
- package/lib/quick-edit/quick-edit.component.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -155,11 +155,11 @@ export class QdContainerComponent {
|
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
157
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.QdContainerLayoutService }, { token: 'rwdLayout', optional: true }, { token: 'legacyMasterLayout', optional: true }, { token: 'legacyLayoutSystem', optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
158
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdContainerComponent, selector: "qd-container", inputs: { containerType: "containerType", collapsable: "collapsable", formGroup: "formGroup", editDisabled: "editDisabled" }, host: { properties: { "class.qd-container-editDisabled": "this.editDisabled", "class.has-legacy-layout": "this.hasMasterLayout", "class.qd-container-has-qd-table": "this.hasQdTable", "class.qd-container-has-qd-tree": "this.hasQdTree", "class.qd-container-has-notifications": "this.hasNotifications" }, classAttribute: "qd-container" }, providers: [QdContainerLayoutService, QdContainerActionService], queries: [{ propertyName: "toolbarRef", first: true, predicate: i0.forwardRef(() => QdContainerToolbarComponent), descendants: true }, { propertyName: "qdTableRef", first: true, predicate: i0.forwardRef(() => QdTableComponent), descendants: true }, { propertyName: "qdTreeRef", first: true, predicate: i0.forwardRef(() => QdTreeComponent), descendants: true }, { propertyName: "notificationsRef", first: true, predicate: QdNotificationsComponent, descendants: true }, { propertyName: "childSections", predicate: i0.forwardRef(() => QdContainerSectionComponent) }], ngImport: i0, template: "<ng-content select=\"qd-container-toolbar\"></ng-content>\n\n<div class=\"container-content-container\">\n <ng-container [ngSwitch]=\"containerType\">\n <ng-container *ngSwitchCase=\"'form'\">\n <ng-container *ngTemplateOutlet=\"FormContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'info'\">\n <ng-container *ngTemplateOutlet=\"InfoContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'table'\">\n <ng-container *ngTemplateOutlet=\"TableContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'fullwidth'\">\n <ng-container *ngTemplateOutlet=\"FullwidthContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'panel'\">\n <ng-container *ngTemplateOutlet=\"PanelContent\"></ng-container>\n </ng-container>\n </ng-container>\n</div>\n\n<ng-content select=\"qd-container-action-footer\"></ng-content>\n\n<ng-template #FormContent>\n <div [qdColumns]=\"4\">\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n</ng-template>\n\n<ng-template #PanelContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n</ng-template>\n\n<ng-template #InfoContent>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n\n <qd-container-section [containerType]=\"containerType\" *ngIf=\"!hasChildSections\">\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n <qd-container-section-info>\n <ng-container *ngTemplateOutlet=\"ContainerSectionInfo\"></ng-container>\n </qd-container-section-info>\n </qd-container-section>\n</ng-template>\n\n<ng-template #TableContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n</ng-template>\n\n<ng-template #FullwidthContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n</ng-template>\n\n<ng-template #ContainerSection>\n <ng-content select=\"qd-container-section\"></ng-content>\n</ng-template>\n\n<ng-template #ContainerSectionInfo>\n <ng-content select=\"qd-container-section-info\"></ng-content>\n</ng-template>\n\n<ng-template #defaultContent>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{
|
|
158
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdContainerComponent, selector: "qd-container", inputs: { containerType: "containerType", collapsable: "collapsable", formGroup: "formGroup", editDisabled: "editDisabled" }, host: { properties: { "class.qd-container-editDisabled": "this.editDisabled", "class.has-legacy-layout": "this.hasMasterLayout", "class.qd-container-has-qd-table": "this.hasQdTable", "class.qd-container-has-qd-tree": "this.hasQdTree", "class.qd-container-has-notifications": "this.hasNotifications" }, classAttribute: "qd-container" }, providers: [QdContainerLayoutService, QdContainerActionService], queries: [{ propertyName: "toolbarRef", first: true, predicate: i0.forwardRef(() => QdContainerToolbarComponent), descendants: true }, { propertyName: "qdTableRef", first: true, predicate: i0.forwardRef(() => QdTableComponent), descendants: true }, { propertyName: "qdTreeRef", first: true, predicate: i0.forwardRef(() => QdTreeComponent), descendants: true }, { propertyName: "notificationsRef", first: true, predicate: QdNotificationsComponent, descendants: true }, { propertyName: "childSections", predicate: i0.forwardRef(() => QdContainerSectionComponent) }], ngImport: i0, template: "<ng-content select=\"qd-container-toolbar\"></ng-content>\n\n<div class=\"container-content-container\">\n <ng-container [ngSwitch]=\"containerType\">\n <ng-container *ngSwitchCase=\"'form'\">\n <ng-container *ngTemplateOutlet=\"FormContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'info'\">\n <ng-container *ngTemplateOutlet=\"InfoContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'table'\">\n <ng-container *ngTemplateOutlet=\"TableContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'fullwidth'\">\n <ng-container *ngTemplateOutlet=\"FullwidthContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'panel'\">\n <ng-container *ngTemplateOutlet=\"PanelContent\"></ng-container>\n </ng-container>\n </ng-container>\n</div>\n\n<ng-content select=\"qd-container-action-footer\"></ng-content>\n\n<ng-template #FormContent>\n <div [qdColumns]=\"4\">\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n</ng-template>\n\n<ng-template #PanelContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n</ng-template>\n\n<ng-template #InfoContent>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n\n <qd-container-section [containerType]=\"containerType\" *ngIf=\"!hasChildSections\">\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n <qd-container-section-info>\n <ng-container *ngTemplateOutlet=\"ContainerSectionInfo\"></ng-container>\n </qd-container-section-info>\n </qd-container-section>\n</ng-template>\n\n<ng-template #TableContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n</ng-template>\n\n<ng-template #FullwidthContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n</ng-template>\n\n<ng-template #ContainerSection>\n <ng-content select=\"qd-container-section\"></ng-content>\n</ng-template>\n\n<ng-template #ContainerSectionInfo>\n <ng-content select=\"qd-container-section-info\"></ng-content>\n</ng-template>\n\n<ng-template #defaultContent>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.QdColumnsDirective, selector: "[qdColumns]", inputs: ["qdColumns"] }, { kind: "component", type: i4.QdContainerSectionComponent, selector: "qd-container-section", inputs: ["containerType"] }, { kind: "component", type: i5.QdContainerSectionInfoComponent, selector: "qd-container-section-info" }], encapsulation: i0.ViewEncapsulation.None });
|
|
159
159
|
}
|
|
160
160
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdContainerComponent, decorators: [{
|
|
161
161
|
type: Component,
|
|
162
|
-
args: [{ selector: 'qd-container', encapsulation: ViewEncapsulation.None, providers: [QdContainerLayoutService, QdContainerActionService], host: { class: 'qd-container' }, template: "<ng-content select=\"qd-container-toolbar\"></ng-content>\n\n<div class=\"container-content-container\">\n <ng-container [ngSwitch]=\"containerType\">\n <ng-container *ngSwitchCase=\"'form'\">\n <ng-container *ngTemplateOutlet=\"FormContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'info'\">\n <ng-container *ngTemplateOutlet=\"InfoContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'table'\">\n <ng-container *ngTemplateOutlet=\"TableContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'fullwidth'\">\n <ng-container *ngTemplateOutlet=\"FullwidthContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'panel'\">\n <ng-container *ngTemplateOutlet=\"PanelContent\"></ng-container>\n </ng-container>\n </ng-container>\n</div>\n\n<ng-content select=\"qd-container-action-footer\"></ng-content>\n\n<ng-template #FormContent>\n <div [qdColumns]=\"4\">\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n</ng-template>\n\n<ng-template #PanelContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n</ng-template>\n\n<ng-template #InfoContent>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n\n <qd-container-section [containerType]=\"containerType\" *ngIf=\"!hasChildSections\">\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n <qd-container-section-info>\n <ng-container *ngTemplateOutlet=\"ContainerSectionInfo\"></ng-container>\n </qd-container-section-info>\n </qd-container-section>\n</ng-template>\n\n<ng-template #TableContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n</ng-template>\n\n<ng-template #FullwidthContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n</ng-template>\n\n<ng-template #ContainerSection>\n <ng-content select=\"qd-container-section\"></ng-content>\n</ng-template>\n\n<ng-template #ContainerSectionInfo>\n <ng-content select=\"qd-container-section-info\"></ng-content>\n</ng-template>\n\n<ng-template #defaultContent>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{
|
|
162
|
+
args: [{ selector: 'qd-container', encapsulation: ViewEncapsulation.None, providers: [QdContainerLayoutService, QdContainerActionService], host: { class: 'qd-container' }, template: "<ng-content select=\"qd-container-toolbar\"></ng-content>\n\n<div class=\"container-content-container\">\n <ng-container [ngSwitch]=\"containerType\">\n <ng-container *ngSwitchCase=\"'form'\">\n <ng-container *ngTemplateOutlet=\"FormContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'info'\">\n <ng-container *ngTemplateOutlet=\"InfoContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'table'\">\n <ng-container *ngTemplateOutlet=\"TableContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'fullwidth'\">\n <ng-container *ngTemplateOutlet=\"FullwidthContent\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'panel'\">\n <ng-container *ngTemplateOutlet=\"PanelContent\"></ng-container>\n </ng-container>\n </ng-container>\n</div>\n\n<ng-content select=\"qd-container-action-footer\"></ng-content>\n\n<ng-template #FormContent>\n <div [qdColumns]=\"4\">\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n</ng-template>\n\n<ng-template #PanelContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n</ng-template>\n\n<ng-template #InfoContent>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n\n <qd-container-section [containerType]=\"containerType\" *ngIf=\"!hasChildSections\">\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n <qd-container-section-info>\n <ng-container *ngTemplateOutlet=\"ContainerSectionInfo\"></ng-container>\n </qd-container-section-info>\n </qd-container-section>\n</ng-template>\n\n<ng-template #TableContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n</ng-template>\n\n<ng-template #FullwidthContent>\n <ng-container *ngTemplateOutlet=\"defaultContent\"></ng-container>\n <ng-container *ngTemplateOutlet=\"ContainerSection\"></ng-container>\n</ng-template>\n\n<ng-template #ContainerSection>\n <ng-content select=\"qd-container-section\"></ng-content>\n</ng-template>\n\n<ng-template #ContainerSectionInfo>\n <ng-content select=\"qd-container-section-info\"></ng-content>\n</ng-template>\n\n<ng-template #defaultContent>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}\n"] }]
|
|
163
163
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.QdContainerLayoutService }, { type: undefined, decorators: [{
|
|
164
164
|
type: Optional
|
|
165
165
|
}, {
|
|
@@ -88,11 +88,11 @@ export class QdContainerToolbarActionComponent {
|
|
|
88
88
|
this.containerActionService.emitAction(actionType);
|
|
89
89
|
}
|
|
90
90
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdContainerToolbarActionComponent, deps: [{ token: i1.QdSearchService }, { token: i2.QdContainerActionService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
91
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdContainerToolbarActionComponent, selector: "qd-container-toolbar-action", inputs: { configData: "configData" }, outputs: { actionOutput: "actionOutput", searchQueryStringOutput: "searchQueryStringOutput", searchPostBodyOutput: "searchPostBodyOutput" }, host: { classAttribute: "qd-container-toolbar-action" }, providers: [QdSearchService], usesOnChanges: true, ngImport: i0, template: "<qd-search *ngIf=\"searchEnabled\" [configData]=\"configData.searchOptions\"></qd-search>\n\n<button\n *ngIf=\"hasAction\"\n qdStopPropagation\n qdButton\n qdButtonLink\n color=\"primary\"\n [icon]=\"configData.action.icon\"\n (click)=\"clickAction()\"\n>\n {{ configData.action.i18n | translate }}\n</button>\n", styles: [".qd-container-toolbar-action{display:inline-flex;align-items:center;margin-bottom:.625rem;text-align:right}
|
|
91
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdContainerToolbarActionComponent, selector: "qd-container-toolbar-action", inputs: { configData: "configData" }, outputs: { actionOutput: "actionOutput", searchQueryStringOutput: "searchQueryStringOutput", searchPostBodyOutput: "searchPostBodyOutput" }, host: { classAttribute: "qd-container-toolbar-action" }, providers: [QdSearchService], usesOnChanges: true, ngImport: i0, template: "<qd-search *ngIf=\"searchEnabled\" [configData]=\"configData.searchOptions\"></qd-search>\n\n<button\n *ngIf=\"hasAction\"\n qdStopPropagation\n qdButton\n qdButtonLink\n color=\"primary\"\n [icon]=\"configData.action.icon\"\n (click)=\"clickAction()\"\n>\n {{ configData.action.i18n | translate }}\n</button>\n", styles: ["@media (max-width: 959.98px){.qd-container-toolbar-action{flex-basis:100%}}.qd-container-toolbar-action{display:inline-flex;align-items:center;margin-bottom:.625rem;text-align:right}.qd-container-toolbar-action>.qd-button{margin-left:.75rem}.has-legacy-layout .qd-container-toolbar-action{display:flex;align-items:center;margin:0 .75rem .75rem}.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__checkbox-label{color:#757575;cursor:pointer;font-size:.875rem;font-weight:400;white-space:nowrap}.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__checkbox-label:active,.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__checkbox-label:hover,.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__checkbox-label:focus{color:#171717}.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__input{transform:translateY(.0625rem)}.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__search{display:flex;height:2.25rem;margin-bottom:0;margin-left:.75rem}.has-legacy-layout .qd-container-toolbar-action button.qd-button-link{display:flex;align-items:center;margin-right:-.5rem;margin-left:.75rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "directive", type: i5.QdButtonLinkDirective, selector: "button[qdButtonLink], a[qdButtonLink], button[qd-button-link]" }, { kind: "component", type: i6.QdSearchComponent, selector: "qd-search", inputs: ["configData"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
92
92
|
}
|
|
93
93
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdContainerToolbarActionComponent, decorators: [{
|
|
94
94
|
type: Component,
|
|
95
|
-
args: [{ selector: 'qd-container-toolbar-action', encapsulation: ViewEncapsulation.None, host: { class: 'qd-container-toolbar-action' }, providers: [QdSearchService], template: "<qd-search *ngIf=\"searchEnabled\" [configData]=\"configData.searchOptions\"></qd-search>\n\n<button\n *ngIf=\"hasAction\"\n qdStopPropagation\n qdButton\n qdButtonLink\n color=\"primary\"\n [icon]=\"configData.action.icon\"\n (click)=\"clickAction()\"\n>\n {{ configData.action.i18n | translate }}\n</button>\n", styles: [".qd-container-toolbar-action{display:inline-flex;align-items:center;margin-bottom:.625rem;text-align:right}
|
|
95
|
+
args: [{ selector: 'qd-container-toolbar-action', encapsulation: ViewEncapsulation.None, host: { class: 'qd-container-toolbar-action' }, providers: [QdSearchService], template: "<qd-search *ngIf=\"searchEnabled\" [configData]=\"configData.searchOptions\"></qd-search>\n\n<button\n *ngIf=\"hasAction\"\n qdStopPropagation\n qdButton\n qdButtonLink\n color=\"primary\"\n [icon]=\"configData.action.icon\"\n (click)=\"clickAction()\"\n>\n {{ configData.action.i18n | translate }}\n</button>\n", styles: ["@media (max-width: 959.98px){.qd-container-toolbar-action{flex-basis:100%}}.qd-container-toolbar-action{display:inline-flex;align-items:center;margin-bottom:.625rem;text-align:right}.qd-container-toolbar-action>.qd-button{margin-left:.75rem}.has-legacy-layout .qd-container-toolbar-action{display:flex;align-items:center;margin:0 .75rem .75rem}.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__checkbox-label{color:#757575;cursor:pointer;font-size:.875rem;font-weight:400;white-space:nowrap}.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__checkbox-label:active,.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__checkbox-label:hover,.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__checkbox-label:focus{color:#171717}.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__input{transform:translateY(.0625rem)}.has-legacy-layout .qd-container-toolbar-action .qd-container-toolbar-action__search{display:flex;height:2.25rem;margin-bottom:0;margin-left:.75rem}.has-legacy-layout .qd-container-toolbar-action button.qd-button-link{display:flex;align-items:center;margin-right:-.5rem;margin-left:.75rem}\n"] }]
|
|
96
96
|
}], ctorParameters: () => [{ type: i1.QdSearchService }, { type: i2.QdContainerActionService, decorators: [{
|
|
97
97
|
type: Optional
|
|
98
98
|
}] }], propDecorators: { configData: [{
|
|
@@ -20,11 +20,11 @@ export class QdFormHintComponent {
|
|
|
20
20
|
this.actionEmitterService.hintEventEmitterSubject.next(null);
|
|
21
21
|
}
|
|
22
22
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdFormHintComponent, deps: [{ token: i1.QdFormsActionEmitterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdFormHintComponent, selector: "qd-form-hint", inputs: { hint: "hint", control: "control", hasError: "hasError", hintAction: "hintAction", testId: ["data-test-id", "testId"] }, host: { classAttribute: "qd-form-hint" }, ngImport: i0, template: "<div class=\"qd-form-hint\" [attr.data-test-id]=\"testId + '-hint'\">\n <ng-container *ngIf=\"!hasError && !hintAction\">\n {{ hint | translate }}\n </ng-container>\n <ng-container *ngIf=\"!hasError && hintAction\">\n <div class=\"qd-form-hint--hint-action\" (click)=\"handleClick()\">\n {{ hint | translate }}\n </div>\n </ng-container>\n</div>\n\n<div class=\"qd-form-hint--error\" [attr.data-test-id]=\"testId + '-error'\">\n <ng-container *ngIf=\"hasError\">\n <qd-form-error [control]=\"control\"></qd-form-error>\n </ng-container>\n</div>\n", styles: [":host{display:block;height:.75rem;color:#757575;font-size:.75rem;font-weight:300;line-height:.75rem}:host .qd-form-hint--error{color:#c70023}.qd-form-disabled :host{color:#979797}:host .qd-form-hint--hint-action{color:#069;cursor:pointer}:host .qd-form-hint--hint-action:hover,:host .qd-form-hint--hint-action:active,:host .qd-form-hint--hint-action:focus{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.QdFormErrorComponent, selector: "qd-form-error", inputs: ["control"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdFormHintComponent, selector: "qd-form-hint", inputs: { hint: "hint", control: "control", hasError: "hasError", hintAction: "hintAction", testId: ["data-test-id", "testId"] }, host: { classAttribute: "qd-form-hint" }, ngImport: i0, template: "<div class=\"qd-form-hint\" [attr.data-test-id]=\"testId + '-hint'\">\n <ng-container *ngIf=\"!hasError && !hintAction\">\n {{ hint | translate }}\n </ng-container>\n <ng-container *ngIf=\"!hasError && hintAction\">\n <div class=\"qd-form-hint--hint-action\" (click)=\"handleClick()\">\n {{ hint | translate }}\n </div>\n </ng-container>\n</div>\n\n<div class=\"qd-form-hint--error\" [attr.data-test-id]=\"testId + '-error'\">\n <ng-container *ngIf=\"hasError\">\n <qd-form-error [control]=\"control\"></qd-form-error>\n </ng-container>\n</div>\n", styles: [":host{display:block;min-height:.75rem;color:#757575;font-size:.75rem;font-weight:300;line-height:.75rem}:host .qd-form-hint--error{color:#c70023}.qd-form-disabled :host{color:#979797}:host .qd-form-hint--hint-action{color:#069;cursor:pointer}:host .qd-form-hint--hint-action:hover,:host .qd-form-hint--hint-action:active,:host .qd-form-hint--hint-action:focus{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.QdFormErrorComponent, selector: "qd-form-error", inputs: ["control"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdFormHintComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'qd-form-hint', host: { class: 'qd-form-hint' }, template: "<div class=\"qd-form-hint\" [attr.data-test-id]=\"testId + '-hint'\">\n <ng-container *ngIf=\"!hasError && !hintAction\">\n {{ hint | translate }}\n </ng-container>\n <ng-container *ngIf=\"!hasError && hintAction\">\n <div class=\"qd-form-hint--hint-action\" (click)=\"handleClick()\">\n {{ hint | translate }}\n </div>\n </ng-container>\n</div>\n\n<div class=\"qd-form-hint--error\" [attr.data-test-id]=\"testId + '-error'\">\n <ng-container *ngIf=\"hasError\">\n <qd-form-error [control]=\"control\"></qd-form-error>\n </ng-container>\n</div>\n", styles: [":host{display:block;height:.75rem;color:#757575;font-size:.75rem;font-weight:300;line-height:.75rem}:host .qd-form-hint--error{color:#c70023}.qd-form-disabled :host{color:#979797}:host .qd-form-hint--hint-action{color:#069;cursor:pointer}:host .qd-form-hint--hint-action:hover,:host .qd-form-hint--hint-action:active,:host .qd-form-hint--hint-action:focus{text-decoration:underline}\n"] }]
|
|
27
|
+
args: [{ selector: 'qd-form-hint', host: { class: 'qd-form-hint' }, template: "<div class=\"qd-form-hint\" [attr.data-test-id]=\"testId + '-hint'\">\n <ng-container *ngIf=\"!hasError && !hintAction\">\n {{ hint | translate }}\n </ng-container>\n <ng-container *ngIf=\"!hasError && hintAction\">\n <div class=\"qd-form-hint--hint-action\" (click)=\"handleClick()\">\n {{ hint | translate }}\n </div>\n </ng-container>\n</div>\n\n<div class=\"qd-form-hint--error\" [attr.data-test-id]=\"testId + '-error'\">\n <ng-container *ngIf=\"hasError\">\n <qd-form-error [control]=\"control\"></qd-form-error>\n </ng-container>\n</div>\n", styles: [":host{display:block;min-height:.75rem;color:#757575;font-size:.75rem;font-weight:300;line-height:.75rem}:host .qd-form-hint--error{color:#c70023}.qd-form-disabled :host{color:#979797}:host .qd-form-hint--hint-action{color:#069;cursor:pointer}:host .qd-form-hint--hint-action:hover,:host .qd-form-hint--hint-action:active,:host .qd-form-hint--hint-action:focus{text-decoration:underline}\n"] }]
|
|
28
28
|
}], ctorParameters: () => [{ type: i1.QdFormsActionEmitterService }], propDecorators: { hint: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], control: [{
|
|
@@ -64,11 +64,11 @@ export class QdLayoutActionBarComponent {
|
|
|
64
64
|
onTabSaveClick$ = this._onTabSaveClickSubject.asObservable();
|
|
65
65
|
fullwidth = false;
|
|
66
66
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutActionBarComponent, selector: "qd-layout-action-bar", inputs: { fullwidth: "fullwidth" }, host: { properties: { "class.qd-layout-action-bar-fullwidth": "this.fullwidth" }, classAttribute: "qd-layout-action-bar" }, ngImport: i0, template: "<div class=\"left-container\">\n <ng-content select=\"[qd-action-bar-left]\"></ng-content>\n</div>\n\n<div class=\"right-container\">\n <ng-content select=\"[qd-action-bar-right]\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{
|
|
67
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutActionBarComponent, selector: "qd-layout-action-bar", inputs: { fullwidth: "fullwidth" }, host: { properties: { "class.qd-layout-action-bar-fullwidth": "this.fullwidth" }, classAttribute: "qd-layout-action-bar" }, ngImport: i0, template: "<div class=\"left-container\">\n <ng-content select=\"[qd-action-bar-left]\"></ng-content>\n</div>\n\n<div class=\"right-container\">\n <ng-content select=\"[qd-action-bar-right]\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}.qd-layout-action-bar{display:flex;width:46.5rem;height:100%;align-items:center;justify-content:space-between;background:#efefef}.qd-layout-action-bar.qd-layout-action-bar-fullwidth{width:100%}.qd-layout-action-bar .left-container,.qd-layout-action-bar .right-container{display:flex;height:100%;align-items:center}.qd-layout-action-bar .qd-switch label{margin-bottom:0}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
68
68
|
}
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutActionBarComponent, decorators: [{
|
|
70
70
|
type: Component,
|
|
71
|
-
args: [{ selector: 'qd-layout-action-bar', encapsulation: ViewEncapsulation.None, host: { class: 'qd-layout-action-bar' }, template: "<div class=\"left-container\">\n <ng-content select=\"[qd-action-bar-left]\"></ng-content>\n</div>\n\n<div class=\"right-container\">\n <ng-content select=\"[qd-action-bar-right]\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{
|
|
71
|
+
args: [{ selector: 'qd-layout-action-bar', encapsulation: ViewEncapsulation.None, host: { class: 'qd-layout-action-bar' }, template: "<div class=\"left-container\">\n <ng-content select=\"[qd-action-bar-left]\"></ng-content>\n</div>\n\n<div class=\"right-container\">\n <ng-content select=\"[qd-action-bar-right]\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}.qd-layout-action-bar{display:flex;width:46.5rem;height:100%;align-items:center;justify-content:space-between;background:#efefef}.qd-layout-action-bar.qd-layout-action-bar-fullwidth{width:100%}.qd-layout-action-bar .left-container,.qd-layout-action-bar .right-container{display:flex;height:100%;align-items:center}.qd-layout-action-bar .qd-switch label{margin-bottom:0}\n"] }]
|
|
72
72
|
}], propDecorators: { fullwidth: [{
|
|
73
73
|
type: HostBinding,
|
|
74
74
|
args: ['class.qd-layout-action-bar-fullwidth']
|
|
@@ -39,11 +39,11 @@ export class QdLayoutRendererComponent {
|
|
|
39
39
|
this._masterLayoutComponent = _masterLayoutComponent;
|
|
40
40
|
}
|
|
41
41
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutRendererComponent, deps: [{ token: i0.ElementRef }, { token: i1.QdMasterLayoutComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutRendererComponent, selector: "qd-layout-renderer", inputs: { top: "top", title: "title", navigation: "navigation", action: "action", content: "content", leftPanel: "leftPanel", rightPanel: "rightPanel" }, host: { properties: { "class.has-navigation": "this.hasNavigation", "class.has-page-action": "this.hasPageAction", "class.has-master-layout": "this.hasMasterLayout", "class.has-shell": "this.hasShell", "class.part-of-fullscreen-modal": "this.partOfFullscreenModal" }, classAttribute: "qd-layout-renderer" }, providers: [{ provide: 'legacyLayoutSystem', useValue: { hasLegacyLayout: true } }], ngImport: i0, template: "<div class=\"layout-content-container\">\n <aside aria-label=\"left panel\">\n <ng-container *ngTemplateOutlet=\"leftPanel\"></ng-container>\n </aside>\n\n <div class=\"layout-main\" qdCalculateFullHeight>\n <div class=\"qd-layout-page-title-container\">\n <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n </div>\n\n <div class=\"qd-layout-page-navigation-container\">\n <ng-container *ngTemplateOutlet=\"navigation\"></ng-container>\n </div>\n\n <div class=\"qd-layout-action-bar-container\" *ngIf=\"action\">\n <ng-container *ngTemplateOutlet=\"action\"></ng-container>\n </div>\n\n <div class=\"qd-layout-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </div>\n\n <aside class=\"qd-right-layout-panel-container\" aria-label=\"right panel\">\n <ng-container *ngTemplateOutlet=\"rightPanel\"></ng-container>\n </aside>\n</div>\n", styles: [".qd-master-layout-footer{position:fixed;z-index:5;bottom:0;display:flex;width:100%;height:2.5rem;min-height:2.5rem;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1.5rem;border-top:1px solid rgb(213,213,213);background-color:#fff;color:#333;font-size:.8rem}.qd-master-layout-footer .footer-item{max-height:100%}.qd-master-layout-footer .footer-item p{margin:0}.qd-master-layout-footer .footer-item p+p{margin-top:.125rem}.qd-master-layout-footer .footer-item-info{overflow:hidden;flex:1;margin-right:1rem}.qd-master-layout-footer .footer-item-links{display:flex;padding-left:0;margin:0;list-style:none}.qd-master-layout-footer .footer-item-links li+li{padding-left:16px}.qd-master-layout-footer .footer-item-links a{color:#069}.qd-master-layout-footer .footer-item-links a:not(:hover){text-decoration:none}.qd-master-header{width:100%}.qd-master-header .header-controls{display:flex;flex-direction:row;align-items:center}.qd-master-header .header-controls>*{margin-left:1rem}.qd-master-header .qd-master-header-container{position:relative;z-index:10;display:flex;width:100%;height:6.5625rem;flex-direction:row;justify-content:space-between;padding:0 48px;border-bottom:.3125rem solid rgb(220,0,24);background-color:#fff}.qd-master-header .qd-master-header-title{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:row;flex-wrap:nowrap;align-items:center}.qd-master-header .qd-master-header-action{display:flex}.qd-master-header .qd-master-header-action .qd-master-header-action-control{padding:0;border:none;margin-right:24px;background-color:transparent;color:#757575;opacity:.6}.qd-master-header .qd-master-header-action .qd-master-header-action-control:hover,.qd-master-header .qd-master-header-action .qd-master-header-action-control:active,.qd-master-header .qd-master-header-action .qd-master-header-action-control:focus{cursor:pointer;opacity:1}.qd-master-header .qd-master-header-action .qd-master-header-action-control .qd-icon{display:flex;width:1.625rem;height:2.25rem;align-items:center;justify-content:center;font-size:1.625rem}.qd-master-header .qd-master-brand-logo{overflow:hidden;margin-right:24px}.qd-master-header .qd-master-brand-logo img{width:14.1875rem;height:3.5rem}.qd-master-header .qd-master-brand-app-title{display:flex;overflow:hidden;flex:1;align-items:center;padding-left:24px;border-left:2px solid rgb(229,229,229);text-overflow:ellipsis;white-space:nowrap;color:#171717;font-size:21px;font-weight:500;line-height:24px}.qd-master-header .qd-master-brand-app-title .qd-master-header-app-logo img{width:3.5rem;height:3.5rem;margin-right:24px}.qd-master-header .sticky-border{position:fixed;z-index:5;top:0;right:0;left:0;display:block;height:.3125rem;background-color:#dc0018}.qd-master-header.qd-master-header-mini{position:sticky;z-index:20;top:0}.qd-master-header.qd-master-header-mini .qd-master-header-container{height:3.8125rem}.qd-master-header.qd-master-header-mini .qd-master-brand-logo{width:14.1875rem;height:3.5rem;margin-top:0}.qd-master-header.qd-master-header-mini .qd-master-header-app-logo img{width:2rem;height:2rem}.qd-master-header.qd-master-header-mini .qd-master-brand-logo-mini{margin-right:24px}.qd-master-header.qd-master-header-mini .qd-master-brand-logo-mini .qd-icon{display:flex;width:1.625rem;height:2rem;align-items:center;justify-content:center;font-size:2rem}.qd-tab-item{position:relative;display:inline-flex;height:2.5rem;align-items:center;padding:.625rem 1.5rem;border-bottom:.125rem solid rgba(255,255,255,0);color:#757575;cursor:pointer;font-size:.875rem;line-height:1.125rem;transform:translateY(.125rem)}.qd-tab-item:hover{border-color:#b4b4b4;border-bottom-width:.25rem;color:#171717}.qd-tab-item:hover .qd-tab-caption,.qd-tab-item:hover .qd-icon{transform:translateY(.0625rem)}.qd-tab-item:hover .qd-tab-icon-light{display:none}.qd-tab-item:hover .qd-tab-icon.qd-tab-icon-solid{display:inline-block}.qd-tab-item .qd-tab-icon.qd-tab-icon-solid{display:none}.qd-tab-item .qd-tab-icon{position:relative;display:inline-block;width:1rem;margin:0 .5rem 0 1.25rem;font-size:1rem;font-weight:300}.qd-tab-item.qd-tab-item-error .qd-tab-icon{border-color:transparent;background:#fff0;color:#c70023}.qd-tab-item.qd-tab-item-warning .qd-tab-icon{border-color:transparent;background:#fff0;color:#ff9b00}.qd-tab-item .qd-tab-item-caption{display:inline-block}.qd-tab-item.qd-tab-item-current{border-color:#069;border-bottom-width:.25rem;color:#069}.qd-tab-item.qd-tab-item-current .qd-tab-caption,.qd-tab-item.qd-tab-item-current .qd-icon{transform:translateY(.0625rem)}.qd-tab-item.qd-tab-item-disabled{color:#b4b4b4;cursor:default}.qd-tab-item.qd-tab-item-disabled .qd-page-tabs-icon{border-color:#b4b4b4}.qd-tab-item.qd-tab-item-disabled:hover{border-color:#d5d5d5;border-bottom-width:.125rem}.qd-tab-item.qd-tab-item-disabled:hover .qd-tab-caption{transform:translateY(0)}.qd-tab-item.qd-tab-item-error{padding-left:0}.qd-tab-item.qd-tab-item-error:hover{border-color:#069;color:#c70023;cursor:pointer}.qd-tab-item.qd-tab-item-error.qd-tab-items-current{color:#069;cursor:initial}.qd-tab-item.qd-tab-item-error.qd-tab-items-current .qd-tab-icon{border-color:#c70023;background:#c70023;color:#fff}.qd-tab-item.qd-tab-item-warning{padding-left:0}.qd-tab-item.qd-tab-item-warning:hover{border-color:#069;color:#ff9b00;cursor:pointer}.qd-tab-item.qd-tab-item-warning.qd-tab-items-current{color:#069;cursor:initial}.qd-tab-item.qd-tab-item-warning.qd-tab-items-current .qd-tab-icon{border-color:#ff9b00;background:#ff9b00;color:#fff}.qd-layout-panel{position:relative;display:block;width:27rem;min-width:27rem;height:100%;border-left:.0625rem solid rgb(213,213,213);overflow-y:auto}.qd-layout-panel .qd-layout-panel-container{display:flex;height:100%;flex-direction:column;flex-wrap:nowrap;padding:0 24px;overflow-x:hidden;overflow-y:auto}.qd-layout-panel .qd-layout-panel-container .qd-layout-panel-title{height:7.25rem;min-height:7.25rem;padding-top:4rem;border-bottom:.125rem solid rgb(213,213,213);margin-bottom:1rem;color:#000;font-weight:500;color:#171717;font-size:14px;font-weight:400;line-height:20px}.qd-layout-panel.panel-type-control{position:sticky;width:45rem;background:#fff}.qd-layout-panel.panel-type-control.panel-size-sm{width:27rem}.qd-layout-panel.panel-type-control .qd-layout-panel-container{padding-right:0;padding-left:0;background:#fff}.qd-layout-panel.panel-type-control .qd-layout-panel-title{position:sticky;z-index:5;top:0;display:flex;width:100%;justify-content:space-between;padding-top:1rem;padding-right:1rem;padding-left:1rem;margin-bottom:0;background:#fff}.qd-layout-panel.panel-type-control .qd-layout-panel-title .qd-icon{margin-top:.375rem;margin-right:1rem;margin-bottom:1rem;font-size:2rem}.qd-layout-panel.panel-type-control .qd-layout-panel-title .qd-layout-panel-title-content{margin-bottom:1rem;font-size:1.5rem;font-weight:400;line-height:2.25rem}.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title{border-color:#c3e8cd;background:#f8fbf3}.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title .qd-layout-panel-title-content{color:#00813a}.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title{border-color:#fee3b5;background:#fff9f0}.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title .qd-layout-panel-title-content{color:#ff9b00}.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title{border-color:#fbcad2;background:#fef6f7}.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title .qd-layout-panel-title-content{color:#c70023}.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title{border-color:#e5e5e5;background:#fff}.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title .qd-layout-panel-title-content{color:#757575}.qd-layout-panel.panel-type-control.panel-type-control-static .qd-layout-panel-title qd-icon{display:none}.qd-layout-panel.panel-type-control.panel-size-md{width:36.75rem;min-width:36.75rem}.qd-layout-panel.panel-type-control.panel-size-md .qd-layout-panel-title{width:36.75rem}.qd-layout-panel.panel-type-control.panel-size-lg{width:45rem;min-width:45rem}.qd-layout-panel.panel-type-control.panel-size-lg .qd-layout-panel-title{width:45rem}.qd-layout-panel.qd-layout-panel--has-navigation .qd-layout-panel-title{height:4.75rem;min-height:4.75rem;border-bottom:none}.qd-layout-panel.panel-type-filter{z-index:200;width:36.75rem;padding:0;border-right:.0625rem solid rgb(213,213,213);border-left:none;background:#fff}.qd-layout-panel.panel-type-filter .qd-layout-panel-container{padding:0}.qd-layout-panel.panel-type-filter .qd-layout-panel-title{position:sticky;z-index:5;top:0;display:flex;width:36.75rem;padding-top:1rem;border-right:.0625rem solid rgb(213,213,213);margin-bottom:0;background:#fff}.qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}.has-panel-sm .layout-main{width:calc(100% - 27rem)}.has-panel-md .layout-main{width:calc(100% - 36.75rem)}.has-panel-lg .layout-main{width:calc(100% - 45rem)}.qd-layout-renderer{display:flex;width:100%;min-width:80rem;max-width:100%;height:100%;min-height:100%;flex-direction:column}.qd-layout-renderer .layout-content-container{display:flex;width:100%;min-width:80rem;max-width:100%;height:100%;min-height:100%;flex-direction:row}.qd-layout-renderer.has-navigation qd-layout-page-process-header,.qd-layout-renderer.has-navigation qd-layout-page-title{padding-bottom:1.5rem;border:none;margin-bottom:0}.qd-layout-renderer.has-navigation qd-layout-page-process-header .qd-layout-page-process-header-wrapper,.qd-layout-renderer.has-navigation qd-layout-page-title .qd-layout-page-process-header-wrapper{margin-bottom:0}.layout-main{position:relative;display:flex;height:100%;flex:1 1 100%;flex-direction:column;padding-top:0;overflow-y:auto}.layout-main .qd-layout-page-title-container,.layout-main .qd-layout-page-navigation-container,.layout-main .qd-layout-action-bar-container,.layout-main .qd-layout-content-container{padding:0 48px}.layout-main .qd-layout-page-title-container{padding-top:1rem}.layout-main .qd-layout-page-navigation-container .qd-tabs,.layout-main .qd-layout-page-navigation-container .qd-stepper{display:flex;flex-direction:column;align-items:center;justify-content:center}.layout-main .qd-layout-page-navigation-container .qd-tab-nav-bar{display:flex}.layout-main .qd-layout-action-bar-container{z-index:10;display:flex;height:4rem;min-height:4rem;align-items:center;justify-content:center}.qd-layout-page-title-headline{display:flex;width:100%;height:100%;color:#171717;font-size:21px;font-weight:500;line-height:24px}.qd-layout-page-navigation{display:block;width:100%;height:100%}.qd-layout-content-container{display:flex;flex-direction:column;align-items:center}.qd-master-layout .qd-layout-container .qd-layout-action-bar-container,.qd-master-layout .qd-layout-container .qd-step-action{position:sticky;z-index:10;top:.3125rem;display:flex;align-items:center;background:#efefef}.qd-master-layout .qd-layout-container .qd-layout-action-bar-container{justify-content:center}.qd-master-layout .qd-right-layout-panel-container,.qd-master-layout .qd-left-layout-panel-container{background:#f5f5f5}.qd-master-layout .layout-main,.qd-master-layout .qd-layout-panel{padding-bottom:9.0625rem}.qd-master-layout.qd-master-with-header-mini .qd-layout-action-bar-container,.qd-master-layout.qd-master-with-header-mini .qd-step-action{top:0}.qd-master-layout.qd-master-with-header-mini .layout-main,.qd-master-layout.qd-master-with-header-mini .qd-layout-panel{padding-bottom:6.3125rem}.has-shell .layout-content-container{width:100vw;height:calc(100vh - 8.4375rem)}.qd-shell.has-navigation .has-shell .layout-content-container{width:calc(100vw - 3rem)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.QdCalculateFullHeightDirective, selector: "[qdCalculateFullHeight]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
42
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdLayoutRendererComponent, selector: "qd-layout-renderer", inputs: { top: "top", title: "title", navigation: "navigation", action: "action", content: "content", leftPanel: "leftPanel", rightPanel: "rightPanel" }, host: { properties: { "class.has-navigation": "this.hasNavigation", "class.has-page-action": "this.hasPageAction", "class.has-master-layout": "this.hasMasterLayout", "class.has-shell": "this.hasShell", "class.part-of-fullscreen-modal": "this.partOfFullscreenModal" }, classAttribute: "qd-layout-renderer" }, providers: [{ provide: 'legacyLayoutSystem', useValue: { hasLegacyLayout: true } }], ngImport: i0, template: "<div class=\"layout-content-container\">\n <aside aria-label=\"left panel\">\n <ng-container *ngTemplateOutlet=\"leftPanel\"></ng-container>\n </aside>\n\n <div class=\"layout-main\" qdCalculateFullHeight>\n <div class=\"qd-layout-page-title-container\">\n <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n </div>\n\n <div class=\"qd-layout-page-navigation-container\">\n <ng-container *ngTemplateOutlet=\"navigation\"></ng-container>\n </div>\n\n <div class=\"qd-layout-action-bar-container\" *ngIf=\"action\">\n <ng-container *ngTemplateOutlet=\"action\"></ng-container>\n </div>\n\n <div class=\"qd-layout-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </div>\n\n <aside class=\"qd-right-layout-panel-container\" aria-label=\"right panel\">\n <ng-container *ngTemplateOutlet=\"rightPanel\"></ng-container>\n </aside>\n</div>\n", styles: [".qd-master-layout-footer{position:fixed;z-index:5;bottom:0;display:flex;width:100%;height:2.5rem;min-height:2.5rem;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1.5rem;border-top:1px solid rgb(213,213,213);background-color:#fff;color:#333;font-size:.8rem}.qd-master-layout-footer .footer-item{max-height:100%}.qd-master-layout-footer .footer-item p{margin:0}.qd-master-layout-footer .footer-item p+p{margin-top:.125rem}.qd-master-layout-footer .footer-item-info{overflow:hidden;flex:1;margin-right:1rem}.qd-master-layout-footer .footer-item-links{display:flex;padding-left:0;margin:0;list-style:none}.qd-master-layout-footer .footer-item-links li+li{padding-left:16px}.qd-master-layout-footer .footer-item-links a{color:#069}.qd-master-layout-footer .footer-item-links a:not(:hover){text-decoration:none}.qd-master-header{width:100%}.qd-master-header .header-controls{display:flex;flex-direction:row;align-items:center}.qd-master-header .header-controls>*{margin-left:1rem}.qd-master-header .qd-master-header-container{position:relative;z-index:10;display:flex;width:100%;height:6.5625rem;flex-direction:row;justify-content:space-between;padding:0 48px;border-bottom:.3125rem solid rgb(220,0,24);background-color:#fff}.qd-master-header .qd-master-header-title{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:row;flex-wrap:nowrap;align-items:center}.qd-master-header .qd-master-header-action{display:flex}.qd-master-header .qd-master-header-action .qd-master-header-action-control{padding:0;border:none;margin-right:24px;background-color:transparent;color:#757575;opacity:.6}.qd-master-header .qd-master-header-action .qd-master-header-action-control:hover,.qd-master-header .qd-master-header-action .qd-master-header-action-control:active,.qd-master-header .qd-master-header-action .qd-master-header-action-control:focus{cursor:pointer;opacity:1}.qd-master-header .qd-master-header-action .qd-master-header-action-control .qd-icon{display:flex;width:1.625rem;height:2.25rem;align-items:center;justify-content:center;font-size:1.625rem}.qd-master-header .qd-master-brand-logo{overflow:hidden;margin-right:24px}.qd-master-header .qd-master-brand-logo img{width:14.1875rem;height:3.5rem}.qd-master-header .qd-master-brand-app-title{display:flex;overflow:hidden;flex:1;align-items:center;padding-left:24px;border-left:2px solid rgb(229,229,229);text-overflow:ellipsis;white-space:nowrap;color:#171717;font-size:21px;font-weight:500;line-height:24px}.qd-master-header .qd-master-brand-app-title .qd-master-header-app-logo img{width:3.5rem;height:3.5rem;margin-right:24px}.qd-master-header .sticky-border{position:fixed;z-index:5;top:0;right:0;left:0;display:block;height:.3125rem;background-color:#dc0018}.qd-master-header.qd-master-header-mini{position:sticky;z-index:20;top:0}.qd-master-header.qd-master-header-mini .qd-master-header-container{height:3.8125rem}.qd-master-header.qd-master-header-mini .qd-master-brand-logo{width:14.1875rem;height:3.5rem;margin-top:0}.qd-master-header.qd-master-header-mini .qd-master-header-app-logo img{width:2rem;height:2rem}.qd-master-header.qd-master-header-mini .qd-master-brand-logo-mini{margin-right:24px}.qd-master-header.qd-master-header-mini .qd-master-brand-logo-mini .qd-icon{display:flex;width:1.625rem;height:2rem;align-items:center;justify-content:center;font-size:2rem}.qd-tab-item{position:relative;display:inline-flex;height:2.5rem;align-items:center;padding:.625rem 1.5rem;border-bottom:.125rem solid rgba(255,255,255,0);color:#757575;cursor:pointer;font-size:.875rem;line-height:1.125rem;transform:translateY(.125rem)}.qd-tab-item:hover{border-color:#b4b4b4;border-bottom-width:.25rem;color:#171717}.qd-tab-item:hover .qd-tab-caption,.qd-tab-item:hover .qd-icon{transform:translateY(.0625rem)}.qd-tab-item:hover .qd-tab-icon-light{display:none}.qd-tab-item:hover .qd-tab-icon.qd-tab-icon-solid{display:inline-block}.qd-tab-item .qd-tab-icon.qd-tab-icon-solid{display:none}.qd-tab-item .qd-tab-icon{position:relative;display:inline-block;width:1rem;margin:0 .5rem 0 1.25rem;font-size:1rem;font-weight:300}.qd-tab-item.qd-tab-item-error .qd-tab-icon{border-color:transparent;background:#fff0;color:#c70023}.qd-tab-item.qd-tab-item-warning .qd-tab-icon{border-color:transparent;background:#fff0;color:#ff9b00}.qd-tab-item .qd-tab-item-caption{display:inline-block}.qd-tab-item.qd-tab-item-current{border-color:#069;border-bottom-width:.25rem;color:#069}.qd-tab-item.qd-tab-item-current .qd-tab-caption,.qd-tab-item.qd-tab-item-current .qd-icon{transform:translateY(.0625rem)}.qd-tab-item.qd-tab-item-disabled{color:#b4b4b4;cursor:default}.qd-tab-item.qd-tab-item-disabled .qd-page-tabs-icon{border-color:#b4b4b4}.qd-tab-item.qd-tab-item-disabled:hover{border-color:#d5d5d5;border-bottom-width:.125rem}.qd-tab-item.qd-tab-item-disabled:hover .qd-tab-caption{transform:translateY(0)}.qd-tab-item.qd-tab-item-error{padding-left:0}.qd-tab-item.qd-tab-item-error:hover{border-color:#069;color:#c70023;cursor:pointer}.qd-tab-item.qd-tab-item-error.qd-tab-items-current{color:#069;cursor:initial}.qd-tab-item.qd-tab-item-error.qd-tab-items-current .qd-tab-icon{border-color:#c70023;background:#c70023;color:#fff}.qd-tab-item.qd-tab-item-warning{padding-left:0}.qd-tab-item.qd-tab-item-warning:hover{border-color:#069;color:#ff9b00;cursor:pointer}.qd-tab-item.qd-tab-item-warning.qd-tab-items-current{color:#069;cursor:initial}.qd-tab-item.qd-tab-item-warning.qd-tab-items-current .qd-tab-icon{border-color:#ff9b00;background:#ff9b00;color:#fff}.qd-layout-panel{position:relative;display:block;width:27rem;min-width:27rem;height:100%;border-left:.0625rem solid rgb(213,213,213);overflow-y:auto}.qd-layout-panel .qd-layout-panel-container{display:flex;height:100%;flex-direction:column;flex-wrap:nowrap;padding:0 24px;overflow-x:hidden;overflow-y:auto}.qd-layout-panel .qd-layout-panel-container .qd-layout-panel-title{height:7.25rem;min-height:7.25rem;padding-top:4rem;border-bottom:.125rem solid rgb(213,213,213);margin-bottom:1rem;color:#000;font-weight:500;color:#171717;font-size:14px;font-weight:400;line-height:20px}.qd-layout-panel.panel-type-control{position:sticky;width:45rem;background:#fff}.qd-layout-panel.panel-type-control.panel-size-sm{width:27rem}.qd-layout-panel.panel-type-control .qd-layout-panel-container{padding-right:0;padding-left:0;background:#fff}.qd-layout-panel.panel-type-control .qd-layout-panel-title{position:sticky;z-index:5;top:0;display:flex;width:100%;justify-content:space-between;padding-top:1rem;padding-right:1rem;padding-left:1rem;margin-bottom:0;background:#fff}.qd-layout-panel.panel-type-control .qd-layout-panel-title .qd-icon{margin-top:.375rem;margin-right:1rem;margin-bottom:1rem;font-size:2rem}.qd-layout-panel.panel-type-control .qd-layout-panel-title .qd-layout-panel-title-content{margin-bottom:1rem;font-size:1.5rem;font-weight:400;line-height:2.25rem}.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title{border-color:#c3e8cd;background:#f8fbf3}.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title .qd-layout-panel-title-content{color:#00813a}.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title{border-color:#fee3b5;background:#fff9f0}.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title .qd-layout-panel-title-content{color:#ff9b00}.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title{border-color:#fbcad2;background:#fef6f7}.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title .qd-layout-panel-title-content{color:#c70023}.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title{border-color:#e5e5e5;background:#fff}.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title .qd-layout-panel-title-content{color:#757575}.qd-layout-panel.panel-type-control.panel-type-control-static .qd-layout-panel-title qd-icon{display:none}.qd-layout-panel.panel-type-control.panel-size-md{width:36.75rem;min-width:36.75rem}.qd-layout-panel.panel-type-control.panel-size-md .qd-layout-panel-title{width:36.75rem}.qd-layout-panel.panel-type-control.panel-size-lg{width:45rem;min-width:45rem}.qd-layout-panel.panel-type-control.panel-size-lg .qd-layout-panel-title{width:45rem}.qd-layout-panel.qd-layout-panel--has-navigation .qd-layout-panel-title{height:4.75rem;min-height:4.75rem;border-bottom:none}.qd-layout-panel.panel-type-filter{z-index:200;width:36.75rem;padding:0;border-right:.0625rem solid rgb(213,213,213);border-left:none;background:#fff}.qd-layout-panel.panel-type-filter .qd-layout-panel-container{padding:0}.qd-layout-panel.panel-type-filter .qd-layout-panel-title{position:sticky;z-index:5;top:0;display:flex;width:36.75rem;padding-top:1rem;border-right:.0625rem solid rgb(213,213,213);margin-bottom:0;background:#fff}.qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}.has-panel-sm .layout-main{width:calc(100% - 27rem)}.has-panel-md .layout-main{width:calc(100% - 36.75rem)}.has-panel-lg .layout-main{width:calc(100% - 45rem)}.qd-layout-renderer{display:flex;width:100%;min-width:80rem;max-width:100%;height:100%;min-height:100%;flex-direction:column}.qd-layout-renderer .layout-content-container{display:flex;width:100%;min-width:80rem;max-width:100%;height:100%;min-height:100%;flex-direction:row}.qd-layout-renderer.has-navigation qd-layout-page-process-header,.qd-layout-renderer.has-navigation qd-layout-page-title{padding-bottom:1.5rem;border:none;margin-bottom:0}.qd-layout-renderer.has-navigation qd-layout-page-process-header .qd-layout-page-process-header-wrapper,.qd-layout-renderer.has-navigation qd-layout-page-title .qd-layout-page-process-header-wrapper{margin-bottom:0}.layout-main{position:relative;display:flex;height:100%;flex:1 1 100%;flex-direction:column;padding-top:0;overflow-y:auto}.layout-main .qd-layout-page-title-container,.layout-main .qd-layout-page-navigation-container,.layout-main .qd-layout-action-bar-container,.layout-main .qd-layout-content-container{padding:0 48px}.layout-main .qd-layout-page-title-container{padding-top:1rem}.layout-main .qd-layout-page-navigation-container .qd-tabs,.layout-main .qd-layout-page-navigation-container .qd-stepper{display:flex;flex-direction:column;align-items:center;justify-content:center}.layout-main .qd-layout-page-navigation-container .qd-tab-nav-bar{display:flex}.layout-main .qd-layout-action-bar-container{z-index:10;display:flex;height:4rem;min-height:4rem;align-items:center;justify-content:center}.qd-layout-page-title-headline{display:flex;width:100%;height:100%;color:#171717;font-size:21px;font-weight:500;line-height:24px}.qd-layout-page-navigation{display:block;width:100%;height:100%}.qd-layout-content-container{display:flex;flex-direction:column;align-items:center}.qd-master-layout .qd-layout-container .qd-layout-action-bar-container,.qd-master-layout .qd-layout-container .qd-step-action{position:sticky;z-index:10;top:.3125rem;display:flex;align-items:center;background:#efefef}.qd-master-layout .qd-layout-container .qd-layout-action-bar-container{justify-content:center}.qd-master-layout .qd-right-layout-panel-container,.qd-master-layout .qd-left-layout-panel-container{background:#f5f5f5}.qd-master-layout .layout-main,.qd-master-layout .qd-layout-panel{padding-bottom:9.0625rem}.qd-master-layout.qd-master-with-header-mini .qd-layout-action-bar-container,.qd-master-layout.qd-master-with-header-mini .qd-step-action{top:0}.qd-master-layout.qd-master-with-header-mini .layout-main,.qd-master-layout.qd-master-with-header-mini .qd-layout-panel{padding-bottom:6.3125rem}.has-shell .layout-content-container{width:100vw;height:calc(100vh - 8.4375rem)}.qd-shell.has-navigation .has-shell .layout-content-container{width:calc(100vw - 3rem)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.QdCalculateFullHeightDirective, selector: "[qdCalculateFullHeight]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutRendererComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
|
-
args: [{ selector: 'qd-layout-renderer', encapsulation: ViewEncapsulation.None, host: { class: 'qd-layout-renderer' }, providers: [{ provide: 'legacyLayoutSystem', useValue: { hasLegacyLayout: true } }], template: "<div class=\"layout-content-container\">\n <aside aria-label=\"left panel\">\n <ng-container *ngTemplateOutlet=\"leftPanel\"></ng-container>\n </aside>\n\n <div class=\"layout-main\" qdCalculateFullHeight>\n <div class=\"qd-layout-page-title-container\">\n <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n </div>\n\n <div class=\"qd-layout-page-navigation-container\">\n <ng-container *ngTemplateOutlet=\"navigation\"></ng-container>\n </div>\n\n <div class=\"qd-layout-action-bar-container\" *ngIf=\"action\">\n <ng-container *ngTemplateOutlet=\"action\"></ng-container>\n </div>\n\n <div class=\"qd-layout-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </div>\n\n <aside class=\"qd-right-layout-panel-container\" aria-label=\"right panel\">\n <ng-container *ngTemplateOutlet=\"rightPanel\"></ng-container>\n </aside>\n</div>\n", styles: [".qd-master-layout-footer{position:fixed;z-index:5;bottom:0;display:flex;width:100%;height:2.5rem;min-height:2.5rem;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1.5rem;border-top:1px solid rgb(213,213,213);background-color:#fff;color:#333;font-size:.8rem}.qd-master-layout-footer .footer-item{max-height:100%}.qd-master-layout-footer .footer-item p{margin:0}.qd-master-layout-footer .footer-item p+p{margin-top:.125rem}.qd-master-layout-footer .footer-item-info{overflow:hidden;flex:1;margin-right:1rem}.qd-master-layout-footer .footer-item-links{display:flex;padding-left:0;margin:0;list-style:none}.qd-master-layout-footer .footer-item-links li+li{padding-left:16px}.qd-master-layout-footer .footer-item-links a{color:#069}.qd-master-layout-footer .footer-item-links a:not(:hover){text-decoration:none}.qd-master-header{width:100%}.qd-master-header .header-controls{display:flex;flex-direction:row;align-items:center}.qd-master-header .header-controls>*{margin-left:1rem}.qd-master-header .qd-master-header-container{position:relative;z-index:10;display:flex;width:100%;height:6.5625rem;flex-direction:row;justify-content:space-between;padding:0 48px;border-bottom:.3125rem solid rgb(220,0,24);background-color:#fff}.qd-master-header .qd-master-header-title{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:row;flex-wrap:nowrap;align-items:center}.qd-master-header .qd-master-header-action{display:flex}.qd-master-header .qd-master-header-action .qd-master-header-action-control{padding:0;border:none;margin-right:24px;background-color:transparent;color:#757575;opacity:.6}.qd-master-header .qd-master-header-action .qd-master-header-action-control:hover,.qd-master-header .qd-master-header-action .qd-master-header-action-control:active,.qd-master-header .qd-master-header-action .qd-master-header-action-control:focus{cursor:pointer;opacity:1}.qd-master-header .qd-master-header-action .qd-master-header-action-control .qd-icon{display:flex;width:1.625rem;height:2.25rem;align-items:center;justify-content:center;font-size:1.625rem}.qd-master-header .qd-master-brand-logo{overflow:hidden;margin-right:24px}.qd-master-header .qd-master-brand-logo img{width:14.1875rem;height:3.5rem}.qd-master-header .qd-master-brand-app-title{display:flex;overflow:hidden;flex:1;align-items:center;padding-left:24px;border-left:2px solid rgb(229,229,229);text-overflow:ellipsis;white-space:nowrap;color:#171717;font-size:21px;font-weight:500;line-height:24px}.qd-master-header .qd-master-brand-app-title .qd-master-header-app-logo img{width:3.5rem;height:3.5rem;margin-right:24px}.qd-master-header .sticky-border{position:fixed;z-index:5;top:0;right:0;left:0;display:block;height:.3125rem;background-color:#dc0018}.qd-master-header.qd-master-header-mini{position:sticky;z-index:20;top:0}.qd-master-header.qd-master-header-mini .qd-master-header-container{height:3.8125rem}.qd-master-header.qd-master-header-mini .qd-master-brand-logo{width:14.1875rem;height:3.5rem;margin-top:0}.qd-master-header.qd-master-header-mini .qd-master-header-app-logo img{width:2rem;height:2rem}.qd-master-header.qd-master-header-mini .qd-master-brand-logo-mini{margin-right:24px}.qd-master-header.qd-master-header-mini .qd-master-brand-logo-mini .qd-icon{display:flex;width:1.625rem;height:2rem;align-items:center;justify-content:center;font-size:2rem}.qd-tab-item{position:relative;display:inline-flex;height:2.5rem;align-items:center;padding:.625rem 1.5rem;border-bottom:.125rem solid rgba(255,255,255,0);color:#757575;cursor:pointer;font-size:.875rem;line-height:1.125rem;transform:translateY(.125rem)}.qd-tab-item:hover{border-color:#b4b4b4;border-bottom-width:.25rem;color:#171717}.qd-tab-item:hover .qd-tab-caption,.qd-tab-item:hover .qd-icon{transform:translateY(.0625rem)}.qd-tab-item:hover .qd-tab-icon-light{display:none}.qd-tab-item:hover .qd-tab-icon.qd-tab-icon-solid{display:inline-block}.qd-tab-item .qd-tab-icon.qd-tab-icon-solid{display:none}.qd-tab-item .qd-tab-icon{position:relative;display:inline-block;width:1rem;margin:0 .5rem 0 1.25rem;font-size:1rem;font-weight:300}.qd-tab-item.qd-tab-item-error .qd-tab-icon{border-color:transparent;background:#fff0;color:#c70023}.qd-tab-item.qd-tab-item-warning .qd-tab-icon{border-color:transparent;background:#fff0;color:#ff9b00}.qd-tab-item .qd-tab-item-caption{display:inline-block}.qd-tab-item.qd-tab-item-current{border-color:#069;border-bottom-width:.25rem;color:#069}.qd-tab-item.qd-tab-item-current .qd-tab-caption,.qd-tab-item.qd-tab-item-current .qd-icon{transform:translateY(.0625rem)}.qd-tab-item.qd-tab-item-disabled{color:#b4b4b4;cursor:default}.qd-tab-item.qd-tab-item-disabled .qd-page-tabs-icon{border-color:#b4b4b4}.qd-tab-item.qd-tab-item-disabled:hover{border-color:#d5d5d5;border-bottom-width:.125rem}.qd-tab-item.qd-tab-item-disabled:hover .qd-tab-caption{transform:translateY(0)}.qd-tab-item.qd-tab-item-error{padding-left:0}.qd-tab-item.qd-tab-item-error:hover{border-color:#069;color:#c70023;cursor:pointer}.qd-tab-item.qd-tab-item-error.qd-tab-items-current{color:#069;cursor:initial}.qd-tab-item.qd-tab-item-error.qd-tab-items-current .qd-tab-icon{border-color:#c70023;background:#c70023;color:#fff}.qd-tab-item.qd-tab-item-warning{padding-left:0}.qd-tab-item.qd-tab-item-warning:hover{border-color:#069;color:#ff9b00;cursor:pointer}.qd-tab-item.qd-tab-item-warning.qd-tab-items-current{color:#069;cursor:initial}.qd-tab-item.qd-tab-item-warning.qd-tab-items-current .qd-tab-icon{border-color:#ff9b00;background:#ff9b00;color:#fff}.qd-layout-panel{position:relative;display:block;width:27rem;min-width:27rem;height:100%;border-left:.0625rem solid rgb(213,213,213);overflow-y:auto}.qd-layout-panel .qd-layout-panel-container{display:flex;height:100%;flex-direction:column;flex-wrap:nowrap;padding:0 24px;overflow-x:hidden;overflow-y:auto}.qd-layout-panel .qd-layout-panel-container .qd-layout-panel-title{height:7.25rem;min-height:7.25rem;padding-top:4rem;border-bottom:.125rem solid rgb(213,213,213);margin-bottom:1rem;color:#000;font-weight:500;color:#171717;font-size:14px;font-weight:400;line-height:20px}.qd-layout-panel.panel-type-control{position:sticky;width:45rem;background:#fff}.qd-layout-panel.panel-type-control.panel-size-sm{width:27rem}.qd-layout-panel.panel-type-control .qd-layout-panel-container{padding-right:0;padding-left:0;background:#fff}.qd-layout-panel.panel-type-control .qd-layout-panel-title{position:sticky;z-index:5;top:0;display:flex;width:100%;justify-content:space-between;padding-top:1rem;padding-right:1rem;padding-left:1rem;margin-bottom:0;background:#fff}.qd-layout-panel.panel-type-control .qd-layout-panel-title .qd-icon{margin-top:.375rem;margin-right:1rem;margin-bottom:1rem;font-size:2rem}.qd-layout-panel.panel-type-control .qd-layout-panel-title .qd-layout-panel-title-content{margin-bottom:1rem;font-size:1.5rem;font-weight:400;line-height:2.25rem}.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title{border-color:#c3e8cd;background:#f8fbf3}.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title .qd-layout-panel-title-content{color:#00813a}.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title{border-color:#fee3b5;background:#fff9f0}.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title .qd-layout-panel-title-content{color:#ff9b00}.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title{border-color:#fbcad2;background:#fef6f7}.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title .qd-layout-panel-title-content{color:#c70023}.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title{border-color:#e5e5e5;background:#fff}.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title .qd-layout-panel-title-content{color:#757575}.qd-layout-panel.panel-type-control.panel-type-control-static .qd-layout-panel-title qd-icon{display:none}.qd-layout-panel.panel-type-control.panel-size-md{width:36.75rem;min-width:36.75rem}.qd-layout-panel.panel-type-control.panel-size-md .qd-layout-panel-title{width:36.75rem}.qd-layout-panel.panel-type-control.panel-size-lg{width:45rem;min-width:45rem}.qd-layout-panel.panel-type-control.panel-size-lg .qd-layout-panel-title{width:45rem}.qd-layout-panel.qd-layout-panel--has-navigation .qd-layout-panel-title{height:4.75rem;min-height:4.75rem;border-bottom:none}.qd-layout-panel.panel-type-filter{z-index:200;width:36.75rem;padding:0;border-right:.0625rem solid rgb(213,213,213);border-left:none;background:#fff}.qd-layout-panel.panel-type-filter .qd-layout-panel-container{padding:0}.qd-layout-panel.panel-type-filter .qd-layout-panel-title{position:sticky;z-index:5;top:0;display:flex;width:36.75rem;padding-top:1rem;border-right:.0625rem solid rgb(213,213,213);margin-bottom:0;background:#fff}.qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}.has-panel-sm .layout-main{width:calc(100% - 27rem)}.has-panel-md .layout-main{width:calc(100% - 36.75rem)}.has-panel-lg .layout-main{width:calc(100% - 45rem)}.qd-layout-renderer{display:flex;width:100%;min-width:80rem;max-width:100%;height:100%;min-height:100%;flex-direction:column}.qd-layout-renderer .layout-content-container{display:flex;width:100%;min-width:80rem;max-width:100%;height:100%;min-height:100%;flex-direction:row}.qd-layout-renderer.has-navigation qd-layout-page-process-header,.qd-layout-renderer.has-navigation qd-layout-page-title{padding-bottom:1.5rem;border:none;margin-bottom:0}.qd-layout-renderer.has-navigation qd-layout-page-process-header .qd-layout-page-process-header-wrapper,.qd-layout-renderer.has-navigation qd-layout-page-title .qd-layout-page-process-header-wrapper{margin-bottom:0}.layout-main{position:relative;display:flex;height:100%;flex:1 1 100%;flex-direction:column;padding-top:0;overflow-y:auto}.layout-main .qd-layout-page-title-container,.layout-main .qd-layout-page-navigation-container,.layout-main .qd-layout-action-bar-container,.layout-main .qd-layout-content-container{padding:0 48px}.layout-main .qd-layout-page-title-container{padding-top:1rem}.layout-main .qd-layout-page-navigation-container .qd-tabs,.layout-main .qd-layout-page-navigation-container .qd-stepper{display:flex;flex-direction:column;align-items:center;justify-content:center}.layout-main .qd-layout-page-navigation-container .qd-tab-nav-bar{display:flex}.layout-main .qd-layout-action-bar-container{z-index:10;display:flex;height:4rem;min-height:4rem;align-items:center;justify-content:center}.qd-layout-page-title-headline{display:flex;width:100%;height:100%;color:#171717;font-size:21px;font-weight:500;line-height:24px}.qd-layout-page-navigation{display:block;width:100%;height:100%}.qd-layout-content-container{display:flex;flex-direction:column;align-items:center}.qd-master-layout .qd-layout-container .qd-layout-action-bar-container,.qd-master-layout .qd-layout-container .qd-step-action{position:sticky;z-index:10;top:.3125rem;display:flex;align-items:center;background:#efefef}.qd-master-layout .qd-layout-container .qd-layout-action-bar-container{justify-content:center}.qd-master-layout .qd-right-layout-panel-container,.qd-master-layout .qd-left-layout-panel-container{background:#f5f5f5}.qd-master-layout .layout-main,.qd-master-layout .qd-layout-panel{padding-bottom:9.0625rem}.qd-master-layout.qd-master-with-header-mini .qd-layout-action-bar-container,.qd-master-layout.qd-master-with-header-mini .qd-step-action{top:0}.qd-master-layout.qd-master-with-header-mini .layout-main,.qd-master-layout.qd-master-with-header-mini .qd-layout-panel{padding-bottom:6.3125rem}.has-shell .layout-content-container{width:100vw;height:calc(100vh - 8.4375rem)}.qd-shell.has-navigation .has-shell .layout-content-container{width:calc(100vw - 3rem)}\n"] }]
|
|
46
|
+
args: [{ selector: 'qd-layout-renderer', encapsulation: ViewEncapsulation.None, host: { class: 'qd-layout-renderer' }, providers: [{ provide: 'legacyLayoutSystem', useValue: { hasLegacyLayout: true } }], template: "<div class=\"layout-content-container\">\n <aside aria-label=\"left panel\">\n <ng-container *ngTemplateOutlet=\"leftPanel\"></ng-container>\n </aside>\n\n <div class=\"layout-main\" qdCalculateFullHeight>\n <div class=\"qd-layout-page-title-container\">\n <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n </div>\n\n <div class=\"qd-layout-page-navigation-container\">\n <ng-container *ngTemplateOutlet=\"navigation\"></ng-container>\n </div>\n\n <div class=\"qd-layout-action-bar-container\" *ngIf=\"action\">\n <ng-container *ngTemplateOutlet=\"action\"></ng-container>\n </div>\n\n <div class=\"qd-layout-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </div>\n\n <aside class=\"qd-right-layout-panel-container\" aria-label=\"right panel\">\n <ng-container *ngTemplateOutlet=\"rightPanel\"></ng-container>\n </aside>\n</div>\n", styles: [".qd-master-layout-footer{position:fixed;z-index:5;bottom:0;display:flex;width:100%;height:2.5rem;min-height:2.5rem;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1.5rem;border-top:1px solid rgb(213,213,213);background-color:#fff;color:#333;font-size:.8rem}.qd-master-layout-footer .footer-item{max-height:100%}.qd-master-layout-footer .footer-item p{margin:0}.qd-master-layout-footer .footer-item p+p{margin-top:.125rem}.qd-master-layout-footer .footer-item-info{overflow:hidden;flex:1;margin-right:1rem}.qd-master-layout-footer .footer-item-links{display:flex;padding-left:0;margin:0;list-style:none}.qd-master-layout-footer .footer-item-links li+li{padding-left:16px}.qd-master-layout-footer .footer-item-links a{color:#069}.qd-master-layout-footer .footer-item-links a:not(:hover){text-decoration:none}.qd-master-header{width:100%}.qd-master-header .header-controls{display:flex;flex-direction:row;align-items:center}.qd-master-header .header-controls>*{margin-left:1rem}.qd-master-header .qd-master-header-container{position:relative;z-index:10;display:flex;width:100%;height:6.5625rem;flex-direction:row;justify-content:space-between;padding:0 48px;border-bottom:.3125rem solid rgb(220,0,24);background-color:#fff}.qd-master-header .qd-master-header-title{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:row;flex-wrap:nowrap;align-items:center}.qd-master-header .qd-master-header-action{display:flex}.qd-master-header .qd-master-header-action .qd-master-header-action-control{padding:0;border:none;margin-right:24px;background-color:transparent;color:#757575;opacity:.6}.qd-master-header .qd-master-header-action .qd-master-header-action-control:hover,.qd-master-header .qd-master-header-action .qd-master-header-action-control:active,.qd-master-header .qd-master-header-action .qd-master-header-action-control:focus{cursor:pointer;opacity:1}.qd-master-header .qd-master-header-action .qd-master-header-action-control .qd-icon{display:flex;width:1.625rem;height:2.25rem;align-items:center;justify-content:center;font-size:1.625rem}.qd-master-header .qd-master-brand-logo{overflow:hidden;margin-right:24px}.qd-master-header .qd-master-brand-logo img{width:14.1875rem;height:3.5rem}.qd-master-header .qd-master-brand-app-title{display:flex;overflow:hidden;flex:1;align-items:center;padding-left:24px;border-left:2px solid rgb(229,229,229);text-overflow:ellipsis;white-space:nowrap;color:#171717;font-size:21px;font-weight:500;line-height:24px}.qd-master-header .qd-master-brand-app-title .qd-master-header-app-logo img{width:3.5rem;height:3.5rem;margin-right:24px}.qd-master-header .sticky-border{position:fixed;z-index:5;top:0;right:0;left:0;display:block;height:.3125rem;background-color:#dc0018}.qd-master-header.qd-master-header-mini{position:sticky;z-index:20;top:0}.qd-master-header.qd-master-header-mini .qd-master-header-container{height:3.8125rem}.qd-master-header.qd-master-header-mini .qd-master-brand-logo{width:14.1875rem;height:3.5rem;margin-top:0}.qd-master-header.qd-master-header-mini .qd-master-header-app-logo img{width:2rem;height:2rem}.qd-master-header.qd-master-header-mini .qd-master-brand-logo-mini{margin-right:24px}.qd-master-header.qd-master-header-mini .qd-master-brand-logo-mini .qd-icon{display:flex;width:1.625rem;height:2rem;align-items:center;justify-content:center;font-size:2rem}.qd-tab-item{position:relative;display:inline-flex;height:2.5rem;align-items:center;padding:.625rem 1.5rem;border-bottom:.125rem solid rgba(255,255,255,0);color:#757575;cursor:pointer;font-size:.875rem;line-height:1.125rem;transform:translateY(.125rem)}.qd-tab-item:hover{border-color:#b4b4b4;border-bottom-width:.25rem;color:#171717}.qd-tab-item:hover .qd-tab-caption,.qd-tab-item:hover .qd-icon{transform:translateY(.0625rem)}.qd-tab-item:hover .qd-tab-icon-light{display:none}.qd-tab-item:hover .qd-tab-icon.qd-tab-icon-solid{display:inline-block}.qd-tab-item .qd-tab-icon.qd-tab-icon-solid{display:none}.qd-tab-item .qd-tab-icon{position:relative;display:inline-block;width:1rem;margin:0 .5rem 0 1.25rem;font-size:1rem;font-weight:300}.qd-tab-item.qd-tab-item-error .qd-tab-icon{border-color:transparent;background:#fff0;color:#c70023}.qd-tab-item.qd-tab-item-warning .qd-tab-icon{border-color:transparent;background:#fff0;color:#ff9b00}.qd-tab-item .qd-tab-item-caption{display:inline-block}.qd-tab-item.qd-tab-item-current{border-color:#069;border-bottom-width:.25rem;color:#069}.qd-tab-item.qd-tab-item-current .qd-tab-caption,.qd-tab-item.qd-tab-item-current .qd-icon{transform:translateY(.0625rem)}.qd-tab-item.qd-tab-item-disabled{color:#b4b4b4;cursor:default}.qd-tab-item.qd-tab-item-disabled .qd-page-tabs-icon{border-color:#b4b4b4}.qd-tab-item.qd-tab-item-disabled:hover{border-color:#d5d5d5;border-bottom-width:.125rem}.qd-tab-item.qd-tab-item-disabled:hover .qd-tab-caption{transform:translateY(0)}.qd-tab-item.qd-tab-item-error{padding-left:0}.qd-tab-item.qd-tab-item-error:hover{border-color:#069;color:#c70023;cursor:pointer}.qd-tab-item.qd-tab-item-error.qd-tab-items-current{color:#069;cursor:initial}.qd-tab-item.qd-tab-item-error.qd-tab-items-current .qd-tab-icon{border-color:#c70023;background:#c70023;color:#fff}.qd-tab-item.qd-tab-item-warning{padding-left:0}.qd-tab-item.qd-tab-item-warning:hover{border-color:#069;color:#ff9b00;cursor:pointer}.qd-tab-item.qd-tab-item-warning.qd-tab-items-current{color:#069;cursor:initial}.qd-tab-item.qd-tab-item-warning.qd-tab-items-current .qd-tab-icon{border-color:#ff9b00;background:#ff9b00;color:#fff}.qd-layout-panel{position:relative;display:block;width:27rem;min-width:27rem;height:100%;border-left:.0625rem solid rgb(213,213,213);overflow-y:auto}.qd-layout-panel .qd-layout-panel-container{display:flex;height:100%;flex-direction:column;flex-wrap:nowrap;padding:0 24px;overflow-x:hidden;overflow-y:auto}.qd-layout-panel .qd-layout-panel-container .qd-layout-panel-title{height:7.25rem;min-height:7.25rem;padding-top:4rem;border-bottom:.125rem solid rgb(213,213,213);margin-bottom:1rem;color:#000;font-weight:500;color:#171717;font-size:14px;font-weight:400;line-height:20px}.qd-layout-panel.panel-type-control{position:sticky;width:45rem;background:#fff}.qd-layout-panel.panel-type-control.panel-size-sm{width:27rem}.qd-layout-panel.panel-type-control .qd-layout-panel-container{padding-right:0;padding-left:0;background:#fff}.qd-layout-panel.panel-type-control .qd-layout-panel-title{position:sticky;z-index:5;top:0;display:flex;width:100%;justify-content:space-between;padding-top:1rem;padding-right:1rem;padding-left:1rem;margin-bottom:0;background:#fff}.qd-layout-panel.panel-type-control .qd-layout-panel-title .qd-icon{margin-top:.375rem;margin-right:1rem;margin-bottom:1rem;font-size:2rem}.qd-layout-panel.panel-type-control .qd-layout-panel-title .qd-layout-panel-title-content{margin-bottom:1rem;font-size:1.5rem;font-weight:400;line-height:2.25rem}.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title{border-color:#c3e8cd;background:#f8fbf3}.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-success .qd-layout-panel-title .qd-layout-panel-title-content{color:#00813a}.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title{border-color:#fee3b5;background:#fff9f0}.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-warning .qd-layout-panel-title .qd-layout-panel-title-content{color:#ff9b00}.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title{border-color:#fbcad2;background:#fef6f7}.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-type-control-error .qd-layout-panel-title .qd-layout-panel-title-content{color:#c70023}.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title{border-color:#e5e5e5;background:#fff}.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title .qd-icon,.qd-layout-panel.panel-type-control.panel-disabled-true .qd-layout-panel-title .qd-layout-panel-title-content{color:#757575}.qd-layout-panel.panel-type-control.panel-type-control-static .qd-layout-panel-title qd-icon{display:none}.qd-layout-panel.panel-type-control.panel-size-md{width:36.75rem;min-width:36.75rem}.qd-layout-panel.panel-type-control.panel-size-md .qd-layout-panel-title{width:36.75rem}.qd-layout-panel.panel-type-control.panel-size-lg{width:45rem;min-width:45rem}.qd-layout-panel.panel-type-control.panel-size-lg .qd-layout-panel-title{width:45rem}.qd-layout-panel.qd-layout-panel--has-navigation .qd-layout-panel-title{height:4.75rem;min-height:4.75rem;border-bottom:none}.qd-layout-panel.panel-type-filter{z-index:200;width:36.75rem;padding:0;border-right:.0625rem solid rgb(213,213,213);border-left:none;background:#fff}.qd-layout-panel.panel-type-filter .qd-layout-panel-container{padding:0}.qd-layout-panel.panel-type-filter .qd-layout-panel-title{position:sticky;z-index:5;top:0;display:flex;width:36.75rem;padding-top:1rem;border-right:.0625rem solid rgb(213,213,213);margin-bottom:0;background:#fff}.qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}.has-panel-sm .layout-main{width:calc(100% - 27rem)}.has-panel-md .layout-main{width:calc(100% - 36.75rem)}.has-panel-lg .layout-main{width:calc(100% - 45rem)}.qd-layout-renderer{display:flex;width:100%;min-width:80rem;max-width:100%;height:100%;min-height:100%;flex-direction:column}.qd-layout-renderer .layout-content-container{display:flex;width:100%;min-width:80rem;max-width:100%;height:100%;min-height:100%;flex-direction:row}.qd-layout-renderer.has-navigation qd-layout-page-process-header,.qd-layout-renderer.has-navigation qd-layout-page-title{padding-bottom:1.5rem;border:none;margin-bottom:0}.qd-layout-renderer.has-navigation qd-layout-page-process-header .qd-layout-page-process-header-wrapper,.qd-layout-renderer.has-navigation qd-layout-page-title .qd-layout-page-process-header-wrapper{margin-bottom:0}.layout-main{position:relative;display:flex;height:100%;flex:1 1 100%;flex-direction:column;padding-top:0;overflow-y:auto}.layout-main .qd-layout-page-title-container,.layout-main .qd-layout-page-navigation-container,.layout-main .qd-layout-action-bar-container,.layout-main .qd-layout-content-container{padding:0 48px}.layout-main .qd-layout-page-title-container{padding-top:1rem}.layout-main .qd-layout-page-navigation-container .qd-tabs,.layout-main .qd-layout-page-navigation-container .qd-stepper{display:flex;flex-direction:column;align-items:center;justify-content:center}.layout-main .qd-layout-page-navigation-container .qd-tab-nav-bar{display:flex}.layout-main .qd-layout-action-bar-container{z-index:10;display:flex;height:4rem;min-height:4rem;align-items:center;justify-content:center}.qd-layout-page-title-headline{display:flex;width:100%;height:100%;color:#171717;font-size:21px;font-weight:500;line-height:24px}.qd-layout-page-navigation{display:block;width:100%;height:100%}.qd-layout-content-container{display:flex;flex-direction:column;align-items:center}.qd-master-layout .qd-layout-container .qd-layout-action-bar-container,.qd-master-layout .qd-layout-container .qd-step-action{position:sticky;z-index:10;top:.3125rem;display:flex;align-items:center;background:#efefef}.qd-master-layout .qd-layout-container .qd-layout-action-bar-container{justify-content:center}.qd-master-layout .qd-right-layout-panel-container,.qd-master-layout .qd-left-layout-panel-container{background:#f5f5f5}.qd-master-layout .layout-main,.qd-master-layout .qd-layout-panel{padding-bottom:9.0625rem}.qd-master-layout.qd-master-with-header-mini .qd-layout-action-bar-container,.qd-master-layout.qd-master-with-header-mini .qd-step-action{top:0}.qd-master-layout.qd-master-with-header-mini .layout-main,.qd-master-layout.qd-master-with-header-mini .qd-layout-panel{padding-bottom:6.3125rem}.has-shell .layout-content-container{width:100vw;height:calc(100vh - 8.4375rem)}.qd-shell.has-navigation .has-shell .layout-content-container{width:calc(100vw - 3rem)}\n"] }]
|
|
47
47
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.QdMasterLayoutComponent, decorators: [{
|
|
48
48
|
type: Optional
|
|
49
49
|
}] }], propDecorators: { top: [{
|
package/esm2022/lib/layout/modal-fullscreen-container/modal-fullscreen-container.component.mjs
CHANGED
|
@@ -98,11 +98,11 @@ export class QdModalFullscreenContainerComponent {
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdModalFullscreenContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.QdDialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
101
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdModalFullscreenContainerComponent, selector: "qd-modal-fullscreen-container", inputs: { hasFullwidthContainer: "hasFullwidthContainer" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.qd-modal-fullscreen-container--has-navigation": "this.hasNavigation", "class.has-navigation": "this.hasTabsStepper", "class.has-panel-sm": "this.hasDefaultPanel", "class.has-panel-md": "this.hasMediumPanel", "class.has-panel-lg": "this.hasLargePanel" }, classAttribute: "qd-modal-fullscreen-container" }, providers: [{ provide: 'legacyLayoutSystem', useValue: { hasLegacyLayout: true } }], queries: [{ propertyName: "pageAction", first: true, predicate: i0.forwardRef(() => QdLayoutActionBarComponent), descendants: true }, { propertyName: "pageProcessHeader", first: true, predicate: i0.forwardRef(() => QdLayoutPageProcessHeaderComponent), descendants: true }, { propertyName: "pageTitle", first: true, predicate: i0.forwardRef(() => QdLayoutPageTitleComponent), descendants: true }, { propertyName: "qdTabs", first: true, predicate: QdTabsComponent, descendants: true }, { propertyName: "qdStepper", first: true, predicate: QdStepperComponent, descendants: true }, { propertyName: "qdPanel", first: true, predicate: QdLayoutPanelComponent, descendants: true }, { propertyName: "containers", predicate: QdContainerComponent }], viewQueries: [{ propertyName: "mainContainerRef", first: true, predicate: ["MainContainer"], descendants: true }, { propertyName: "panelContainerRef", first: true, predicate: ["PanelContainer"], descendants: true }, { propertyName: "contentContainerRef", first: true, predicate: ["ContentContainer"], descendants: true }], ngImport: i0, template: "<qd-layout-renderer\n [title]=\"title\"\n [navigation]=\"hasTabsStepper ? navigation : undefined\"\n [action]=\"hasActionWithoutNavigation ? action : undefined\"\n [leftPanel]=\"leftPanel\"\n [rightPanel]=\"rightPanel\"\n [content]=\"content\"\n></qd-layout-renderer>\n\n<ng-template #title>\n <div class=\"header-content-container\">\n <div class=\"title-section\">\n <ng-content select=\"qd-layout-page-title\"></ng-content>\n <ng-content select=\"qd-layout-page-process-header\"></ng-content>\n <button qdIconButton class=\"close\" color=\"secondary\" tabindex=\"-1\" (click)=\"close()\">\n <qd-icon icon=\"timesLargeLight\"></qd-icon>\n </button>\n </div>\n <ng-content select=\"qd-modal-info-header\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #navigation>\n <ng-content select=\"qd-layout-page-navigation\"></ng-content>\n <ng-content select=\"qd-tabs\"></ng-content>\n <ng-content select=\"qd-stepper\"></ng-content>\n <ng-content select=\"nav[qd-tab-nav-bar]\"></ng-content>\n</ng-template>\n\n<ng-template #action>\n <ng-content select=\"qd-layout-action-bar\"></ng-content>\n</ng-template>\n\n<ng-template #leftPanel>\n <ng-content select=\"qd-layout-panel[type=filter]\"></ng-content>\n <ng-content select=\"qd-modal-fullscreen-panel\"></ng-content>\n</ng-template>\n\n<ng-template #rightPanel>\n <ng-content select=\"qd-layout-panel[type=info]\"></ng-content>\n <ng-content select=\"qd-layout-panel[type=control]\"></ng-content>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{
|
|
101
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdModalFullscreenContainerComponent, selector: "qd-modal-fullscreen-container", inputs: { hasFullwidthContainer: "hasFullwidthContainer" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.qd-modal-fullscreen-container--has-navigation": "this.hasNavigation", "class.has-navigation": "this.hasTabsStepper", "class.has-panel-sm": "this.hasDefaultPanel", "class.has-panel-md": "this.hasMediumPanel", "class.has-panel-lg": "this.hasLargePanel" }, classAttribute: "qd-modal-fullscreen-container" }, providers: [{ provide: 'legacyLayoutSystem', useValue: { hasLegacyLayout: true } }], queries: [{ propertyName: "pageAction", first: true, predicate: i0.forwardRef(() => QdLayoutActionBarComponent), descendants: true }, { propertyName: "pageProcessHeader", first: true, predicate: i0.forwardRef(() => QdLayoutPageProcessHeaderComponent), descendants: true }, { propertyName: "pageTitle", first: true, predicate: i0.forwardRef(() => QdLayoutPageTitleComponent), descendants: true }, { propertyName: "qdTabs", first: true, predicate: QdTabsComponent, descendants: true }, { propertyName: "qdStepper", first: true, predicate: QdStepperComponent, descendants: true }, { propertyName: "qdPanel", first: true, predicate: QdLayoutPanelComponent, descendants: true }, { propertyName: "containers", predicate: QdContainerComponent }], viewQueries: [{ propertyName: "mainContainerRef", first: true, predicate: ["MainContainer"], descendants: true }, { propertyName: "panelContainerRef", first: true, predicate: ["PanelContainer"], descendants: true }, { propertyName: "contentContainerRef", first: true, predicate: ["ContentContainer"], descendants: true }], ngImport: i0, template: "<qd-layout-renderer\n [title]=\"title\"\n [navigation]=\"hasTabsStepper ? navigation : undefined\"\n [action]=\"hasActionWithoutNavigation ? action : undefined\"\n [leftPanel]=\"leftPanel\"\n [rightPanel]=\"rightPanel\"\n [content]=\"content\"\n></qd-layout-renderer>\n\n<ng-template #title>\n <div class=\"header-content-container\">\n <div class=\"title-section\">\n <ng-content select=\"qd-layout-page-title\"></ng-content>\n <ng-content select=\"qd-layout-page-process-header\"></ng-content>\n <button qdIconButton class=\"close\" color=\"secondary\" tabindex=\"-1\" (click)=\"close()\">\n <qd-icon icon=\"timesLargeLight\"></qd-icon>\n </button>\n </div>\n <ng-content select=\"qd-modal-info-header\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #navigation>\n <ng-content select=\"qd-layout-page-navigation\"></ng-content>\n <ng-content select=\"qd-tabs\"></ng-content>\n <ng-content select=\"qd-stepper\"></ng-content>\n <ng-content select=\"nav[qd-tab-nav-bar]\"></ng-content>\n</ng-template>\n\n<ng-template #action>\n <ng-content select=\"qd-layout-action-bar\"></ng-content>\n</ng-template>\n\n<ng-template #leftPanel>\n <ng-content select=\"qd-layout-panel[type=filter]\"></ng-content>\n <ng-content select=\"qd-modal-fullscreen-panel\"></ng-content>\n</ng-template>\n\n<ng-template #rightPanel>\n <ng-content select=\"qd-layout-panel[type=info]\"></ng-content>\n <ng-content select=\"qd-layout-panel[type=control]\"></ng-content>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}.qd-modal-fullscreen-container{display:flex;width:calc(100% - 3rem);height:calc(100% - 3rem);flex-direction:column;align-items:center;margin:1.5rem;background:#efefef}.qd-modal-fullscreen-container .header-content-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.qd-modal-fullscreen-container .title-section{display:flex;width:100%}.qd-modal-fullscreen-container .title-section .header-pagination-container{width:initial}.qd-modal-fullscreen-container .title-section .qd-layout-page-title{width:100%;height:initial}.qd-modal-fullscreen-container .main-container{display:flex;width:100%;height:initial;min-height:0;flex:1;flex-direction:row}.qd-modal-fullscreen-container.qd-modal-fullscreen-container--has-navigation .main-container{width:100%;transform:translateY(.3125rem)}.qd-modal-fullscreen-container.qd-modal-fullscreen-container--has-navigation .content-container{padding-top:1rem}.qd-modal-fullscreen-container.qd-modal-fullscreen-container--has-navigation .main-content-container{width:100%}.qd-modal-fullscreen-container.qd-modal-fullscreen-container--has-navigation .main-content-container>*{width:100%}.has-navigation .header-pagination-container{border-bottom:none}.title-section .header-pagination-container{display:flex;width:100%;height:2.25rem;box-sizing:content-box;white-space:nowrap}\n"], dependencies: [{ kind: "component", type: i2.QdIconButtonComponent, selector: "button[qdIconButton], a[qdIconButton], button[qd-icon-button]", inputs: ["color", "data-test-id"] }, { kind: "component", type: i3.QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "component", type: i4.QdLayoutRendererComponent, selector: "qd-layout-renderer", inputs: ["top", "title", "navigation", "action", "content", "leftPanel", "rightPanel"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
102
102
|
}
|
|
103
103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdModalFullscreenContainerComponent, decorators: [{
|
|
104
104
|
type: Component,
|
|
105
|
-
args: [{ selector: 'qd-modal-fullscreen-container', encapsulation: ViewEncapsulation.None, host: { class: 'qd-modal-fullscreen-container' }, providers: [{ provide: 'legacyLayoutSystem', useValue: { hasLegacyLayout: true } }], template: "<qd-layout-renderer\n [title]=\"title\"\n [navigation]=\"hasTabsStepper ? navigation : undefined\"\n [action]=\"hasActionWithoutNavigation ? action : undefined\"\n [leftPanel]=\"leftPanel\"\n [rightPanel]=\"rightPanel\"\n [content]=\"content\"\n></qd-layout-renderer>\n\n<ng-template #title>\n <div class=\"header-content-container\">\n <div class=\"title-section\">\n <ng-content select=\"qd-layout-page-title\"></ng-content>\n <ng-content select=\"qd-layout-page-process-header\"></ng-content>\n <button qdIconButton class=\"close\" color=\"secondary\" tabindex=\"-1\" (click)=\"close()\">\n <qd-icon icon=\"timesLargeLight\"></qd-icon>\n </button>\n </div>\n <ng-content select=\"qd-modal-info-header\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #navigation>\n <ng-content select=\"qd-layout-page-navigation\"></ng-content>\n <ng-content select=\"qd-tabs\"></ng-content>\n <ng-content select=\"qd-stepper\"></ng-content>\n <ng-content select=\"nav[qd-tab-nav-bar]\"></ng-content>\n</ng-template>\n\n<ng-template #action>\n <ng-content select=\"qd-layout-action-bar\"></ng-content>\n</ng-template>\n\n<ng-template #leftPanel>\n <ng-content select=\"qd-layout-panel[type=filter]\"></ng-content>\n <ng-content select=\"qd-modal-fullscreen-panel\"></ng-content>\n</ng-template>\n\n<ng-template #rightPanel>\n <ng-content select=\"qd-layout-panel[type=info]\"></ng-content>\n <ng-content select=\"qd-layout-panel[type=control]\"></ng-content>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{
|
|
105
|
+
args: [{ selector: 'qd-modal-fullscreen-container', encapsulation: ViewEncapsulation.None, host: { class: 'qd-modal-fullscreen-container' }, providers: [{ provide: 'legacyLayoutSystem', useValue: { hasLegacyLayout: true } }], template: "<qd-layout-renderer\n [title]=\"title\"\n [navigation]=\"hasTabsStepper ? navigation : undefined\"\n [action]=\"hasActionWithoutNavigation ? action : undefined\"\n [leftPanel]=\"leftPanel\"\n [rightPanel]=\"rightPanel\"\n [content]=\"content\"\n></qd-layout-renderer>\n\n<ng-template #title>\n <div class=\"header-content-container\">\n <div class=\"title-section\">\n <ng-content select=\"qd-layout-page-title\"></ng-content>\n <ng-content select=\"qd-layout-page-process-header\"></ng-content>\n <button qdIconButton class=\"close\" color=\"secondary\" tabindex=\"-1\" (click)=\"close()\">\n <qd-icon icon=\"timesLargeLight\"></qd-icon>\n </button>\n </div>\n <ng-content select=\"qd-modal-info-header\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #navigation>\n <ng-content select=\"qd-layout-page-navigation\"></ng-content>\n <ng-content select=\"qd-tabs\"></ng-content>\n <ng-content select=\"qd-stepper\"></ng-content>\n <ng-content select=\"nav[qd-tab-nav-bar]\"></ng-content>\n</ng-template>\n\n<ng-template #action>\n <ng-content select=\"qd-layout-action-bar\"></ng-content>\n</ng-template>\n\n<ng-template #leftPanel>\n <ng-content select=\"qd-layout-panel[type=filter]\"></ng-content>\n <ng-content select=\"qd-modal-fullscreen-panel\"></ng-content>\n</ng-template>\n\n<ng-template #rightPanel>\n <ng-content select=\"qd-layout-panel[type=info]\"></ng-content>\n <ng-content select=\"qd-layout-panel[type=control]\"></ng-content>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".qd-container{display:block;padding:.9375rem 1.25rem 3.125rem}.qd-container.qd-container-type-form{width:100%;max-width:46.5rem}.qd-container.has-legacy-layout{width:46.5rem;max-width:100%;padding:unset;margin-bottom:1rem;background:#fff}.qd-container.has-legacy-layout.qd-container-type-panel,.qd-container.has-legacy-layout.qd-container-type-info,.qd-container.has-legacy-layout.qd-container-type-table,.qd-container.has-legacy-layout.qd-container-type-fullwidth{width:100%}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container:after{display:flex;content:\"\"}.qd-container.has-legacy-layout.qd-container-type-table .container-content-container{padding-bottom:1rem}.qd-container.has-legacy-layout .container-content-container{min-height:4rem;padding:1rem 1.5rem 0;opacity:1;transform-origin:top;transition:.3s cubic-bezier(.25,.8,.25,1)}.qd-layout-panel-content .qd-container.has-legacy-layout{padding-right:1rem;padding-left:1.5rem}.panel-type-control .qd-container.has-legacy-layout{width:100%;padding-bottom:1.5rem;border-bottom:.0625rem solid rgb(213,213,213);margin-bottom:0}.panel-type-control .qd-container.has-legacy-layout .container-content-container{padding:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-has-status-pairs{padding-bottom:.5rem}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list) .container-content-container{padding:1.5rem;background:#f5f5f5;line-height:32px}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications{padding:0}.panel-type-control .qd-container.has-legacy-layout:not(.qd-container-has-pair-list).qd-container-has-notifications .container-content-container{padding:0;background:#fff}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form{padding-bottom:0}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .qd-container-header{padding-left:0;border:none}.panel-type-control .qd-container.has-legacy-layout.qd-container-type-form .container-content-container{padding:0!important;background:#fff!important}.qd-modal-panel-side .qd-container.has-legacy-layout .container-content-container{padding-top:0}.qd-container.has-legacy-layout.qd-container-type-form.qd-container-has-vertical-pairs:not(.qd-container-type-panel) .qd-columns{grid-template-columns:none}.qd-container.has-legacy-layout.qd-container-has-content-grid .container-content-container{padding:0}.qd-container.has-legacy-layout.qd-container-editDisabled{background-color:#f5f5f5;pointer-events:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack{padding-bottom:1rem}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-button-stack .container-content-container,.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container{padding:0;background:none}.qd-container.has-legacy-layout.qd-container-type-panel.qd-container.qd-container-has-exception .container-content-container qd-exception:last-child{margin-bottom:0}.qd-modal-fullscreen-container{display:flex;width:calc(100% - 3rem);height:calc(100% - 3rem);flex-direction:column;align-items:center;margin:1.5rem;background:#efefef}.qd-modal-fullscreen-container .header-content-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.qd-modal-fullscreen-container .title-section{display:flex;width:100%}.qd-modal-fullscreen-container .title-section .header-pagination-container{width:initial}.qd-modal-fullscreen-container .title-section .qd-layout-page-title{width:100%;height:initial}.qd-modal-fullscreen-container .main-container{display:flex;width:100%;height:initial;min-height:0;flex:1;flex-direction:row}.qd-modal-fullscreen-container.qd-modal-fullscreen-container--has-navigation .main-container{width:100%;transform:translateY(.3125rem)}.qd-modal-fullscreen-container.qd-modal-fullscreen-container--has-navigation .content-container{padding-top:1rem}.qd-modal-fullscreen-container.qd-modal-fullscreen-container--has-navigation .main-content-container{width:100%}.qd-modal-fullscreen-container.qd-modal-fullscreen-container--has-navigation .main-content-container>*{width:100%}.has-navigation .header-pagination-container{border-bottom:none}.title-section .header-pagination-container{display:flex;width:100%;height:2.25rem;box-sizing:content-box;white-space:nowrap}\n"] }]
|
|
106
106
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.QdDialogService }], propDecorators: { hasNavigation: [{
|
|
107
107
|
type: HostBinding,
|
|
108
108
|
args: ['class.qd-modal-fullscreen-container--has-navigation']
|