@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
|
@@ -9639,11 +9639,11 @@ class QdFormHintComponent {
|
|
|
9639
9639
|
this.actionEmitterService.hintEventEmitterSubject.next(null);
|
|
9640
9640
|
}
|
|
9641
9641
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdFormHintComponent, deps: [{ token: QdFormsActionEmitterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9642
|
-
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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdFormErrorComponent, selector: "qd-form-error", inputs: ["control"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }] });
|
|
9642
|
+
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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdFormErrorComponent, selector: "qd-form-error", inputs: ["control"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }] });
|
|
9643
9643
|
}
|
|
9644
9644
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdFormHintComponent, decorators: [{
|
|
9645
9645
|
type: Component,
|
|
9646
|
-
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"] }]
|
|
9646
|
+
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"] }]
|
|
9647
9647
|
}], ctorParameters: () => [{ type: QdFormsActionEmitterService }], propDecorators: { hint: [{
|
|
9648
9648
|
type: Input
|
|
9649
9649
|
}], control: [{
|
|
@@ -19990,11 +19990,11 @@ class QdSearchComponent {
|
|
|
19990
19990
|
return this.configData.emitEmptySearch ?? !!this.configData.clearable;
|
|
19991
19991
|
}
|
|
19992
19992
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdSearchComponent, deps: [{ token: QdSearchStoreService }, { token: QdSearchRouterConnectorService }, { token: QdSearchService, self: true }, { token: QdSearchService, optional: true, skipSelf: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
19993
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdSearchComponent, selector: "qd-search", inputs: { configData: "configData" }, host: { properties: { "class.hidden": "!hasConfig" }, classAttribute: "qd-search" }, providers: [QdSearchService, QdSearchRouterConnectorService], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"hasConfig\">\n <div class=\"search-field\">\n <qd-dropdown\n *ngIf=\"preSelectedEnabled\"\n class=\"preselect\"\n [(value)]=\"preSelect\"\n [config]=\"dropdownConfig\"\n ></qd-dropdown>\n\n <qd-input\n class=\"search-input\"\n [(value)]=\"search\"\n [config]=\"inputConfig\"\n (keydown.enter)=\"startSearch()\"\n (clickClear)=\"handleDelete()\"\n data-test-id=\"search-input\"\n ></qd-input>\n <button\n type=\"button\"\n qdIconButton\n qdStopPropagation\n data-test-id=\"search-button\"\n class=\"search-button\"\n (click)=\"startSearch()\"\n [attr.aria-label]=\"'i18n.qd.container.toolbar.search' | translate\"\n >\n <qd-icon [icon]=\"'magnifier'\"></qd-icon>\n </button>\n </div>\n\n <qd-icon\n *ngIf=\"hasAdditionalInfo\"\n icon=\"circleInfo\"\n class=\"additional-info\"\n qdTooltipOnClick\n [qdTooltipContent]=\"configData.additionalInfo.content\"\n ></qd-icon>\n</ng-container>\n", styles: [".qd-search
|
|
19993
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdSearchComponent, selector: "qd-search", inputs: { configData: "configData" }, host: { properties: { "class.hidden": "!hasConfig" }, classAttribute: "qd-search" }, providers: [QdSearchService, QdSearchRouterConnectorService], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"hasConfig\">\n <div class=\"search-field\">\n <qd-dropdown\n *ngIf=\"preSelectedEnabled\"\n class=\"preselect\"\n [(value)]=\"preSelect\"\n [config]=\"dropdownConfig\"\n ></qd-dropdown>\n\n <qd-input\n class=\"search-input\"\n [(value)]=\"search\"\n [config]=\"inputConfig\"\n (keydown.enter)=\"startSearch()\"\n (clickClear)=\"handleDelete()\"\n data-test-id=\"search-input\"\n ></qd-input>\n <button\n type=\"button\"\n qdIconButton\n qdStopPropagation\n data-test-id=\"search-button\"\n class=\"search-button\"\n (click)=\"startSearch()\"\n [attr.aria-label]=\"'i18n.qd.container.toolbar.search' | translate\"\n >\n <qd-icon [icon]=\"'magnifier'\"></qd-icon>\n </button>\n </div>\n\n <qd-icon\n *ngIf=\"hasAdditionalInfo\"\n icon=\"circleInfo\"\n class=\"additional-info\"\n qdTooltipOnClick\n [qdTooltipContent]=\"configData.additionalInfo.content\"\n ></qd-icon>\n</ng-container>\n", styles: [".qd-search.hidden{display:none}.qd-search .search-field{position:relative;display:flex;flex-wrap:nowrap}@media (max-width: 959.98px){.qd-search .search-field,.qd-search .search-field .search-input{width:100%}}.qd-search{position:relative;display:flex;height:2.25rem}.qd-search .preselect{display:flex;height:2.25rem}.qd-search .preselect .qd-dropdown__wrapper{height:2.25rem;margin-bottom:0}.qd-search .preselect .qd-dropdown__wrapper .qd-dropdown__box{background:#e5e5e5;color:#171717;font-size:.8125rem}.qd-search .search-input{display:flex;overflow:hidden;width:16.25rem;margin:0}.qd-search .search-input .qd-form-label,.qd-search .search-input .qd-form-hint{display:none;margin:0}.qd-search .search-input .qd-input-input{padding-right:1.25rem;margin:0!important}.qd-search .search-input .qd-input-input .qd-input-clearable-icon{margin-right:1.75rem!important}.qd-search .search-button{position:absolute;top:0;right:0;width:1.875rem;height:2.25rem;padding:0!important;padding-right:.375rem!important;padding-left:.375rem!important;margin:0!important;background:none}.qd-search .search-button:hover,.qd-search .search-button:focus,.qd-search .search-button:active{background:none}.qd-search .search-button .qd-icon{color:#979797!important;font-size:1.125rem!important;line-height:2.25rem;transform:translate(-.125rem,.0625rem)}.qd-search .search-button .qd-icon:hover,.qd-search .search-button .qd-icon:focus,.qd-search .search-button .qd-icon:active{color:#171717!important}.qd-search .additional-info{align-self:center;padding:0 .375rem 0 0;margin-right:-.375rem;margin-left:.5rem;color:#069;cursor:pointer;font-size:1.3125rem;line-height:2.25rem}.qd-search .additional-info:hover,.qd-search .additional-info:focus,.qd-search .additional-info:active{color:#14516f}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconButtonComponent, selector: "button[qdIconButton], a[qdIconButton], button[qd-icon-button]", inputs: ["color", "data-test-id"] }, { kind: "component", type: QdDropdownComponent, selector: "qd-dropdown", inputs: ["value", "id", "formControlName", "config", "data-test-id", "qdPopoverMaxHeight", "dense"], outputs: ["valueChange", "enterClick", "clickHint", "clickReadonly", "clickViewonly"] }, { kind: "component", type: QdInputComponent, selector: "qd-input", inputs: ["formControlName", "value", "config", "isError", "data-test-id"], outputs: ["valueChange", "enterClick", "clickClear", "clickHint", "clickReadonly", "clickViewonly"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdTooltipOnClickDirective, selector: "[qdTooltipOnClick]", inputs: ["qdTooltipContent"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
19994
19994
|
}
|
|
19995
19995
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdSearchComponent, decorators: [{
|
|
19996
19996
|
type: Component,
|
|
19997
|
-
args: [{ selector: 'qd-search', encapsulation: ViewEncapsulation.None, host: { class: 'qd-search', '[class.hidden]': '!hasConfig' }, providers: [QdSearchService, QdSearchRouterConnectorService], template: "<ng-container *ngIf=\"hasConfig\">\n <div class=\"search-field\">\n <qd-dropdown\n *ngIf=\"preSelectedEnabled\"\n class=\"preselect\"\n [(value)]=\"preSelect\"\n [config]=\"dropdownConfig\"\n ></qd-dropdown>\n\n <qd-input\n class=\"search-input\"\n [(value)]=\"search\"\n [config]=\"inputConfig\"\n (keydown.enter)=\"startSearch()\"\n (clickClear)=\"handleDelete()\"\n data-test-id=\"search-input\"\n ></qd-input>\n <button\n type=\"button\"\n qdIconButton\n qdStopPropagation\n data-test-id=\"search-button\"\n class=\"search-button\"\n (click)=\"startSearch()\"\n [attr.aria-label]=\"'i18n.qd.container.toolbar.search' | translate\"\n >\n <qd-icon [icon]=\"'magnifier'\"></qd-icon>\n </button>\n </div>\n\n <qd-icon\n *ngIf=\"hasAdditionalInfo\"\n icon=\"circleInfo\"\n class=\"additional-info\"\n qdTooltipOnClick\n [qdTooltipContent]=\"configData.additionalInfo.content\"\n ></qd-icon>\n</ng-container>\n", styles: [".qd-search
|
|
19997
|
+
args: [{ selector: 'qd-search', encapsulation: ViewEncapsulation.None, host: { class: 'qd-search', '[class.hidden]': '!hasConfig' }, providers: [QdSearchService, QdSearchRouterConnectorService], template: "<ng-container *ngIf=\"hasConfig\">\n <div class=\"search-field\">\n <qd-dropdown\n *ngIf=\"preSelectedEnabled\"\n class=\"preselect\"\n [(value)]=\"preSelect\"\n [config]=\"dropdownConfig\"\n ></qd-dropdown>\n\n <qd-input\n class=\"search-input\"\n [(value)]=\"search\"\n [config]=\"inputConfig\"\n (keydown.enter)=\"startSearch()\"\n (clickClear)=\"handleDelete()\"\n data-test-id=\"search-input\"\n ></qd-input>\n <button\n type=\"button\"\n qdIconButton\n qdStopPropagation\n data-test-id=\"search-button\"\n class=\"search-button\"\n (click)=\"startSearch()\"\n [attr.aria-label]=\"'i18n.qd.container.toolbar.search' | translate\"\n >\n <qd-icon [icon]=\"'magnifier'\"></qd-icon>\n </button>\n </div>\n\n <qd-icon\n *ngIf=\"hasAdditionalInfo\"\n icon=\"circleInfo\"\n class=\"additional-info\"\n qdTooltipOnClick\n [qdTooltipContent]=\"configData.additionalInfo.content\"\n ></qd-icon>\n</ng-container>\n", styles: [".qd-search.hidden{display:none}.qd-search .search-field{position:relative;display:flex;flex-wrap:nowrap}@media (max-width: 959.98px){.qd-search .search-field,.qd-search .search-field .search-input{width:100%}}.qd-search{position:relative;display:flex;height:2.25rem}.qd-search .preselect{display:flex;height:2.25rem}.qd-search .preselect .qd-dropdown__wrapper{height:2.25rem;margin-bottom:0}.qd-search .preselect .qd-dropdown__wrapper .qd-dropdown__box{background:#e5e5e5;color:#171717;font-size:.8125rem}.qd-search .search-input{display:flex;overflow:hidden;width:16.25rem;margin:0}.qd-search .search-input .qd-form-label,.qd-search .search-input .qd-form-hint{display:none;margin:0}.qd-search .search-input .qd-input-input{padding-right:1.25rem;margin:0!important}.qd-search .search-input .qd-input-input .qd-input-clearable-icon{margin-right:1.75rem!important}.qd-search .search-button{position:absolute;top:0;right:0;width:1.875rem;height:2.25rem;padding:0!important;padding-right:.375rem!important;padding-left:.375rem!important;margin:0!important;background:none}.qd-search .search-button:hover,.qd-search .search-button:focus,.qd-search .search-button:active{background:none}.qd-search .search-button .qd-icon{color:#979797!important;font-size:1.125rem!important;line-height:2.25rem;transform:translate(-.125rem,.0625rem)}.qd-search .search-button .qd-icon:hover,.qd-search .search-button .qd-icon:focus,.qd-search .search-button .qd-icon:active{color:#171717!important}.qd-search .additional-info{align-self:center;padding:0 .375rem 0 0;margin-right:-.375rem;margin-left:.5rem;color:#069;cursor:pointer;font-size:1.3125rem;line-height:2.25rem}.qd-search .additional-info:hover,.qd-search .additional-info:focus,.qd-search .additional-info:active{color:#14516f}\n"] }]
|
|
19998
19998
|
}], ctorParameters: () => [{ type: QdSearchStoreService }, { type: QdSearchRouterConnectorService }, { type: QdSearchService, decorators: [{
|
|
19999
19999
|
type: Self
|
|
20000
20000
|
}] }, { type: QdSearchService, decorators: [{
|
|
@@ -20169,11 +20169,11 @@ class QdContainerToolbarActionComponent {
|
|
|
20169
20169
|
this.containerActionService.emitAction(actionType);
|
|
20170
20170
|
}
|
|
20171
20171
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdContainerToolbarActionComponent, deps: [{ token: QdSearchService }, { token: QdContainerActionService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
20172
|
-
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}
|
|
20172
|
+
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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "directive", type: QdButtonLinkDirective, selector: "button[qdButtonLink], a[qdButtonLink], button[qd-button-link]" }, { kind: "component", type: QdSearchComponent, selector: "qd-search", inputs: ["configData"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
20173
20173
|
}
|
|
20174
20174
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdContainerToolbarActionComponent, decorators: [{
|
|
20175
20175
|
type: Component,
|
|
20176
|
-
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}
|
|
20176
|
+
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"] }]
|
|
20177
20177
|
}], ctorParameters: () => [{ type: QdSearchService }, { type: QdContainerActionService, decorators: [{
|
|
20178
20178
|
type: Optional
|
|
20179
20179
|
}] }], propDecorators: { configData: [{
|
|
@@ -23403,11 +23403,11 @@ class QdContainerComponent {
|
|
|
23403
23403
|
}
|
|
23404
23404
|
}
|
|
23405
23405
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdContainerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: QdContainerLayoutService }, { token: 'rwdLayout', optional: true }, { token: 'legacyMasterLayout', optional: true }, { token: 'legacyLayoutSystem', optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
23406
|
-
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{
|
|
23406
|
+
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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: QdColumnsDirective, selector: "[qdColumns]", inputs: ["qdColumns"] }, { kind: "component", type: QdContainerSectionComponent, selector: "qd-container-section", inputs: ["containerType"] }, { kind: "component", type: QdContainerSectionInfoComponent, selector: "qd-container-section-info" }], encapsulation: i0.ViewEncapsulation.None });
|
|
23407
23407
|
}
|
|
23408
23408
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdContainerComponent, decorators: [{
|
|
23409
23409
|
type: Component,
|
|
23410
|
-
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{
|
|
23410
|
+
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"] }]
|
|
23411
23411
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: QdContainerLayoutService }, { type: undefined, decorators: [{
|
|
23412
23412
|
type: Optional
|
|
23413
23413
|
}, {
|
|
@@ -27390,11 +27390,11 @@ class QdLayoutActionBarComponent {
|
|
|
27390
27390
|
onTabSaveClick$ = this._onTabSaveClickSubject.asObservable();
|
|
27391
27391
|
fullwidth = false;
|
|
27392
27392
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27393
|
-
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{
|
|
27393
|
+
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 });
|
|
27394
27394
|
}
|
|
27395
27395
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutActionBarComponent, decorators: [{
|
|
27396
27396
|
type: Component,
|
|
27397
|
-
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{
|
|
27397
|
+
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"] }]
|
|
27398
27398
|
}], propDecorators: { fullwidth: [{
|
|
27399
27399
|
type: HostBinding,
|
|
27400
27400
|
args: ['class.qd-layout-action-bar-fullwidth']
|
|
@@ -28163,11 +28163,11 @@ class QdStepItemComponent {
|
|
|
28163
28163
|
return this.error && !this.complete;
|
|
28164
28164
|
}
|
|
28165
28165
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdStepItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28166
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdStepItemComponent, selector: "qd-step-item", inputs: { name: "name", index: "index", currentIndex: "currentIndex", active: "active", complete: "complete", current: "current", disabled: "disabled", error: "error", currentBehind: "currentBehind", testId: ["data-test-id", "testId"], formGroup: "formGroup" }, host: { properties: { "class.qd-step-active": "this.isActive", "class.qd-step-complete": "this.isComplete", "class.qd-step-current": "this.isCurrent", "class.qd-step-disabled": "this.isEnabled", "class.qd-step-error": "this.isError", "class.qd-step-current-behind": "this.isBehindCurrent" } }, ngImport: i0, template: "<qd-icon *ngIf=\"showCircleIcon()\" [icon]=\"'circle'\" class=\"qd-tab-icon-circle\"></qd-icon>\n<qd-icon *ngIf=\"showCircleSolidIcon()\" [icon]=\"'circleSolid'\" class=\"qd-tab-icon-circle-solid\"></qd-icon>\n\n<qd-icon *ngIf=\"showCompleteIcon()\" [icon]=\"'checkCircle'\" class=\"qd-tab-icon-complete\"></qd-icon>\n<qd-icon *ngIf=\"showCompleteSolidIcon()\" [icon]=\"'checkCircleSolid'\" class=\"qd-tab-icon-complete-solid\"></qd-icon>\n\n<qd-icon *ngIf=\"showErrorIcon()\" [icon]=\"'exclamationCircle'\" class=\"qd-tab-icon-error\"></qd-icon>\n<qd-icon *ngIf=\"showErrorSolidIcon()\" [icon]=\"'exclamationCircleSolid'\" class=\"qd-tab-icon-error-solid\"></qd-icon>\n\n<span class=\"qd-step-caption\" [attr.data-test-id]=\"testId + '-caption'\">{{ name | async }}</span>\n", styles: [".qd-step{position:relative;display:inline-flex;height:2.5rem;flex:1 1;padding:.625rem 0;border-bottom:.125rem solid rgb(213,213,213);color:#757575;font-size:14px;font-weight:400;line-height:18px}.qd-step .qd-icon{margin-right:.5rem;font-size:1.1875rem}.qd-step.qd-step{cursor:default}.qd-step.qd-step .qd-icon-svg{line-height:1rem}.qd-step.qd-step .qd-tab-icon-circle .qd-icon{color:#757575}.qd-step.qd-step .qd-tab-icon-circle-solid{display:none}.qd-step.qd-step-active{border-width:.25rem;cursor:pointer}.qd-step.qd-step-active .qd-tab-icon-circle-solid{display:none}.qd-step.qd-step-active:active,.qd-step.qd-step-active:focus,.qd-step.qd-step-active:hover{border-color:#b4b4b4;color:#171717}.qd-step.qd-step-active:active .qd-tab-icon-circle,.qd-step.qd-step-active:focus .qd-tab-icon-circle,.qd-step.qd-step-active:hover .qd-tab-icon-circle{display:none}.qd-step.qd-step-active:active .qd-tab-icon-circle-solid,.qd-step.qd-step-active:focus .qd-tab-icon-circle-solid,.qd-step.qd-step-active:hover .qd-tab-icon-circle-solid{
|
|
28166
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdStepItemComponent, selector: "qd-step-item", inputs: { name: "name", index: "index", currentIndex: "currentIndex", active: "active", complete: "complete", current: "current", disabled: "disabled", error: "error", currentBehind: "currentBehind", testId: ["data-test-id", "testId"], formGroup: "formGroup" }, host: { properties: { "class.qd-step-active": "this.isActive", "class.qd-step-complete": "this.isComplete", "class.qd-step-current": "this.isCurrent", "class.qd-step-disabled": "this.isEnabled", "class.qd-step-error": "this.isError", "class.qd-step-current-behind": "this.isBehindCurrent" } }, ngImport: i0, template: "<qd-icon *ngIf=\"showCircleIcon()\" [icon]=\"'circle'\" class=\"qd-tab-icon-circle\"></qd-icon>\n<qd-icon *ngIf=\"showCircleSolidIcon()\" [icon]=\"'circleSolid'\" class=\"qd-tab-icon-circle-solid\"></qd-icon>\n\n<qd-icon *ngIf=\"showCompleteIcon()\" [icon]=\"'checkCircle'\" class=\"qd-tab-icon-complete\"></qd-icon>\n<qd-icon *ngIf=\"showCompleteSolidIcon()\" [icon]=\"'checkCircleSolid'\" class=\"qd-tab-icon-complete-solid\"></qd-icon>\n\n<qd-icon *ngIf=\"showErrorIcon()\" [icon]=\"'exclamationCircle'\" class=\"qd-tab-icon-error\"></qd-icon>\n<qd-icon *ngIf=\"showErrorSolidIcon()\" [icon]=\"'exclamationCircleSolid'\" class=\"qd-tab-icon-error-solid\"></qd-icon>\n\n<span class=\"qd-step-caption\" [attr.data-test-id]=\"testId + '-caption'\">{{ name | async }}</span>\n", styles: [".qd-step{position:relative;display:inline-flex;height:2.5rem;flex:1 1;padding:.625rem 0;border-bottom:.125rem solid rgb(213,213,213);color:#757575;font-size:14px;font-weight:400;line-height:18px}.qd-step .qd-icon{margin-right:.5rem;font-size:1.1875rem}.qd-step.qd-step{cursor:default}.qd-step.qd-step .qd-icon-svg{line-height:1rem}.qd-step.qd-step .qd-tab-icon-circle .qd-icon{color:#757575}.qd-step.qd-step .qd-tab-icon-circle-solid{display:none}.qd-step.qd-step-active{border-width:.25rem;cursor:pointer}.qd-step.qd-step-active .qd-tab-icon-circle-solid{display:none}.qd-step.qd-step-active:active,.qd-step.qd-step-active:focus,.qd-step.qd-step-active:hover{border-color:#b4b4b4;color:#171717}.qd-step.qd-step-active:active .qd-tab-icon-circle,.qd-step.qd-step-active:focus .qd-tab-icon-circle,.qd-step.qd-step-active:hover .qd-tab-icon-circle{display:none}.qd-step.qd-step-active:active .qd-tab-icon-circle-solid .qd-icon,.qd-step.qd-step-active:focus .qd-tab-icon-circle-solid .qd-icon,.qd-step.qd-step-active:hover .qd-tab-icon-circle-solid .qd-icon{color:#454545}.qd-step.qd-step-active:active .qd-tab-icon-circle-solid,.qd-step.qd-step-active:focus .qd-tab-icon-circle-solid,.qd-step.qd-step-active:hover .qd-tab-icon-circle-solid{display:inline}.qd-step.qd-step-active.qd-step-current{border-color:#069;border-bottom-width:.25rem;color:#069}.qd-step.qd-step-active.qd-step-current .qd-tab-icon-circle{display:none}.qd-step.qd-step-active.qd-step-current .qd-tab-icon-circle-solid .qd-icon{color:#069}.qd-step.qd-step-active.qd-step-current .qd-tab-icon-circle-solid{display:inline}.qd-step.qd-step-complete{border-width:.25rem;border-color:#6ebee6;color:#069;cursor:pointer}.qd-step.qd-step-complete .qd-tab-icon-complete-solid{display:none}.qd-step.qd-step-complete:active,.qd-step.qd-step-complete:focus,.qd-step.qd-step-complete:hover{border-color:#069;color:#069}.qd-step.qd-step-complete:active .qd-tab-icon-complete,.qd-step.qd-step-complete:focus .qd-tab-icon-complete,.qd-step.qd-step-complete:hover .qd-tab-icon-complete{display:none}.qd-step.qd-step-complete:active .qd-tab-icon-complete-solid .qd-icon,.qd-step.qd-step-complete:focus .qd-tab-icon-complete-solid .qd-icon,.qd-step.qd-step-complete:hover .qd-tab-icon-complete-solid .qd-icon{color:#069}.qd-step.qd-step-complete:active .qd-tab-icon-complete-solid,.qd-step.qd-step-complete:focus .qd-tab-icon-complete-solid,.qd-step.qd-step-complete:hover .qd-tab-icon-complete-solid{display:inline}.qd-step.qd-step-complete.qd-step-current.qd-step-complete .qd-tab-icon-complete{display:none}.qd-step.qd-step-complete.qd-step-current.qd-step-complete .qd-tab-icon-complete-solid .qd-icon{color:#069}.qd-step.qd-step-complete.qd-step-current.qd-step-complete .qd-tab-icon-complete-solid{display:inline}.qd-step.qd-step-error .qd-tab-icon-error .qd-icon{color:#c70023}.qd-step.qd-step-error .qd-tab-icon-error-solid{display:none}.qd-step.qd-step-error:active,.qd-step.qd-step-error:focus,.qd-step.qd-step-error:hover{border-color:#b4b4b4;color:#c70023}.qd-step.qd-step-error:active .qd-tab-icon-error,.qd-step.qd-step-error:focus .qd-tab-icon-error,.qd-step.qd-step-error:hover .qd-tab-icon-error{display:none}.qd-step.qd-step-error:active .qd-tab-icon-error-solid .qd-icon,.qd-step.qd-step-error:focus .qd-tab-icon-error-solid .qd-icon,.qd-step.qd-step-error:hover .qd-tab-icon-error-solid .qd-icon{color:#c70023}.qd-step.qd-step-error:active .qd-tab-icon-error-solid,.qd-step.qd-step-error:focus .qd-tab-icon-error-solid,.qd-step.qd-step-error:hover .qd-tab-icon-error-solid{display:inline}.qd-step.qd-step-error.qd-step-current{color:#c70023}.qd-step.qd-step-error.qd-step-current .qd-tab-icon-error{display:none}.qd-step.qd-step-error.qd-step-current .qd-tab-icon-error-solid .qd-icon{color:#c70023}.qd-step.qd-step-error.qd-step-current .qd-tab-icon-error-solid{display:inline}.qd-step.qd-step-error.qd-step-current:active,.qd-step.qd-step-error.qd-step-current:focus,.qd-step.qd-step-error.qd-step-current:hover{border-color:#069}.qd-step.qd-step-disabled,.qd-step.qd-step-disabled .qd-tab-icon-circle .qd-icon{color:#b4b4b4}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
|
|
28167
28167
|
}
|
|
28168
28168
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdStepItemComponent, decorators: [{
|
|
28169
28169
|
type: Component,
|
|
28170
|
-
args: [{ selector: 'qd-step-item', encapsulation: ViewEncapsulation.None, template: "<qd-icon *ngIf=\"showCircleIcon()\" [icon]=\"'circle'\" class=\"qd-tab-icon-circle\"></qd-icon>\n<qd-icon *ngIf=\"showCircleSolidIcon()\" [icon]=\"'circleSolid'\" class=\"qd-tab-icon-circle-solid\"></qd-icon>\n\n<qd-icon *ngIf=\"showCompleteIcon()\" [icon]=\"'checkCircle'\" class=\"qd-tab-icon-complete\"></qd-icon>\n<qd-icon *ngIf=\"showCompleteSolidIcon()\" [icon]=\"'checkCircleSolid'\" class=\"qd-tab-icon-complete-solid\"></qd-icon>\n\n<qd-icon *ngIf=\"showErrorIcon()\" [icon]=\"'exclamationCircle'\" class=\"qd-tab-icon-error\"></qd-icon>\n<qd-icon *ngIf=\"showErrorSolidIcon()\" [icon]=\"'exclamationCircleSolid'\" class=\"qd-tab-icon-error-solid\"></qd-icon>\n\n<span class=\"qd-step-caption\" [attr.data-test-id]=\"testId + '-caption'\">{{ name | async }}</span>\n", styles: [".qd-step{position:relative;display:inline-flex;height:2.5rem;flex:1 1;padding:.625rem 0;border-bottom:.125rem solid rgb(213,213,213);color:#757575;font-size:14px;font-weight:400;line-height:18px}.qd-step .qd-icon{margin-right:.5rem;font-size:1.1875rem}.qd-step.qd-step{cursor:default}.qd-step.qd-step .qd-icon-svg{line-height:1rem}.qd-step.qd-step .qd-tab-icon-circle .qd-icon{color:#757575}.qd-step.qd-step .qd-tab-icon-circle-solid{display:none}.qd-step.qd-step-active{border-width:.25rem;cursor:pointer}.qd-step.qd-step-active .qd-tab-icon-circle-solid{display:none}.qd-step.qd-step-active:active,.qd-step.qd-step-active:focus,.qd-step.qd-step-active:hover{border-color:#b4b4b4;color:#171717}.qd-step.qd-step-active:active .qd-tab-icon-circle,.qd-step.qd-step-active:focus .qd-tab-icon-circle,.qd-step.qd-step-active:hover .qd-tab-icon-circle{display:none}.qd-step.qd-step-active:active .qd-tab-icon-circle-solid,.qd-step.qd-step-active:focus .qd-tab-icon-circle-solid,.qd-step.qd-step-active:hover .qd-tab-icon-circle-solid{
|
|
28170
|
+
args: [{ selector: 'qd-step-item', encapsulation: ViewEncapsulation.None, template: "<qd-icon *ngIf=\"showCircleIcon()\" [icon]=\"'circle'\" class=\"qd-tab-icon-circle\"></qd-icon>\n<qd-icon *ngIf=\"showCircleSolidIcon()\" [icon]=\"'circleSolid'\" class=\"qd-tab-icon-circle-solid\"></qd-icon>\n\n<qd-icon *ngIf=\"showCompleteIcon()\" [icon]=\"'checkCircle'\" class=\"qd-tab-icon-complete\"></qd-icon>\n<qd-icon *ngIf=\"showCompleteSolidIcon()\" [icon]=\"'checkCircleSolid'\" class=\"qd-tab-icon-complete-solid\"></qd-icon>\n\n<qd-icon *ngIf=\"showErrorIcon()\" [icon]=\"'exclamationCircle'\" class=\"qd-tab-icon-error\"></qd-icon>\n<qd-icon *ngIf=\"showErrorSolidIcon()\" [icon]=\"'exclamationCircleSolid'\" class=\"qd-tab-icon-error-solid\"></qd-icon>\n\n<span class=\"qd-step-caption\" [attr.data-test-id]=\"testId + '-caption'\">{{ name | async }}</span>\n", styles: [".qd-step{position:relative;display:inline-flex;height:2.5rem;flex:1 1;padding:.625rem 0;border-bottom:.125rem solid rgb(213,213,213);color:#757575;font-size:14px;font-weight:400;line-height:18px}.qd-step .qd-icon{margin-right:.5rem;font-size:1.1875rem}.qd-step.qd-step{cursor:default}.qd-step.qd-step .qd-icon-svg{line-height:1rem}.qd-step.qd-step .qd-tab-icon-circle .qd-icon{color:#757575}.qd-step.qd-step .qd-tab-icon-circle-solid{display:none}.qd-step.qd-step-active{border-width:.25rem;cursor:pointer}.qd-step.qd-step-active .qd-tab-icon-circle-solid{display:none}.qd-step.qd-step-active:active,.qd-step.qd-step-active:focus,.qd-step.qd-step-active:hover{border-color:#b4b4b4;color:#171717}.qd-step.qd-step-active:active .qd-tab-icon-circle,.qd-step.qd-step-active:focus .qd-tab-icon-circle,.qd-step.qd-step-active:hover .qd-tab-icon-circle{display:none}.qd-step.qd-step-active:active .qd-tab-icon-circle-solid .qd-icon,.qd-step.qd-step-active:focus .qd-tab-icon-circle-solid .qd-icon,.qd-step.qd-step-active:hover .qd-tab-icon-circle-solid .qd-icon{color:#454545}.qd-step.qd-step-active:active .qd-tab-icon-circle-solid,.qd-step.qd-step-active:focus .qd-tab-icon-circle-solid,.qd-step.qd-step-active:hover .qd-tab-icon-circle-solid{display:inline}.qd-step.qd-step-active.qd-step-current{border-color:#069;border-bottom-width:.25rem;color:#069}.qd-step.qd-step-active.qd-step-current .qd-tab-icon-circle{display:none}.qd-step.qd-step-active.qd-step-current .qd-tab-icon-circle-solid .qd-icon{color:#069}.qd-step.qd-step-active.qd-step-current .qd-tab-icon-circle-solid{display:inline}.qd-step.qd-step-complete{border-width:.25rem;border-color:#6ebee6;color:#069;cursor:pointer}.qd-step.qd-step-complete .qd-tab-icon-complete-solid{display:none}.qd-step.qd-step-complete:active,.qd-step.qd-step-complete:focus,.qd-step.qd-step-complete:hover{border-color:#069;color:#069}.qd-step.qd-step-complete:active .qd-tab-icon-complete,.qd-step.qd-step-complete:focus .qd-tab-icon-complete,.qd-step.qd-step-complete:hover .qd-tab-icon-complete{display:none}.qd-step.qd-step-complete:active .qd-tab-icon-complete-solid .qd-icon,.qd-step.qd-step-complete:focus .qd-tab-icon-complete-solid .qd-icon,.qd-step.qd-step-complete:hover .qd-tab-icon-complete-solid .qd-icon{color:#069}.qd-step.qd-step-complete:active .qd-tab-icon-complete-solid,.qd-step.qd-step-complete:focus .qd-tab-icon-complete-solid,.qd-step.qd-step-complete:hover .qd-tab-icon-complete-solid{display:inline}.qd-step.qd-step-complete.qd-step-current.qd-step-complete .qd-tab-icon-complete{display:none}.qd-step.qd-step-complete.qd-step-current.qd-step-complete .qd-tab-icon-complete-solid .qd-icon{color:#069}.qd-step.qd-step-complete.qd-step-current.qd-step-complete .qd-tab-icon-complete-solid{display:inline}.qd-step.qd-step-error .qd-tab-icon-error .qd-icon{color:#c70023}.qd-step.qd-step-error .qd-tab-icon-error-solid{display:none}.qd-step.qd-step-error:active,.qd-step.qd-step-error:focus,.qd-step.qd-step-error:hover{border-color:#b4b4b4;color:#c70023}.qd-step.qd-step-error:active .qd-tab-icon-error,.qd-step.qd-step-error:focus .qd-tab-icon-error,.qd-step.qd-step-error:hover .qd-tab-icon-error{display:none}.qd-step.qd-step-error:active .qd-tab-icon-error-solid .qd-icon,.qd-step.qd-step-error:focus .qd-tab-icon-error-solid .qd-icon,.qd-step.qd-step-error:hover .qd-tab-icon-error-solid .qd-icon{color:#c70023}.qd-step.qd-step-error:active .qd-tab-icon-error-solid,.qd-step.qd-step-error:focus .qd-tab-icon-error-solid,.qd-step.qd-step-error:hover .qd-tab-icon-error-solid{display:inline}.qd-step.qd-step-error.qd-step-current{color:#c70023}.qd-step.qd-step-error.qd-step-current .qd-tab-icon-error{display:none}.qd-step.qd-step-error.qd-step-current .qd-tab-icon-error-solid .qd-icon{color:#c70023}.qd-step.qd-step-error.qd-step-current .qd-tab-icon-error-solid{display:inline}.qd-step.qd-step-error.qd-step-current:active,.qd-step.qd-step-error.qd-step-current:focus,.qd-step.qd-step-error.qd-step-current:hover{border-color:#069}.qd-step.qd-step-disabled,.qd-step.qd-step-disabled .qd-tab-icon-circle .qd-icon{color:#b4b4b4}\n"] }]
|
|
28171
28171
|
}], propDecorators: { name: [{
|
|
28172
28172
|
type: Input
|
|
28173
28173
|
}], index: [{
|
|
@@ -28243,11 +28243,11 @@ class QdStepActionComponent {
|
|
|
28243
28243
|
this.nextClick.emit();
|
|
28244
28244
|
}
|
|
28245
28245
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdStepActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28246
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdStepActionComponent, selector: "qd-step-action", inputs: { showPrevious: "showPrevious", showSave: "showSave", showNext: "showNext", previousI18n: "previousI18n", saveI18n: "saveI18n", nextI18n: "nextI18n", nextColor: "nextColor", nextDisabled: "nextDisabled", newData: "newData", testId: ["data-test-id", "testId"] }, outputs: { prevClick: "prevClick", nextClick: "nextClick", saveClick: "saveClick" }, host: { classAttribute: "qd-step-action" }, ngImport: i0, template: "<div class=\"qd-stepper-action-area button-grid\">\n <qd-button-grid>\n <button\n *ngIf=\"showPrevious\"\n qdButton\n qdButtonLink\n color=\"secondary\"\n (click)=\"handlePrevious()\"\n [data-test-id]=\"testId + '-previous'\"\n >\n {{ previousI18n ?? \"i18n.qd.stepper.button.previous\" | translate }}\n </button>\n\n <button\n *ngIf=\"showSave\"\n qdButton\n color=\"secondary\"\n (click)=\"handleSave()\"\n [disabled]=\"!newData\"\n [data-test-id]=\"testId + '-save'\"\n >\n {{ saveI18n ?? \"i18n.qd.stepper.button.save\" | translate }}\n </button>\n\n <button\n *ngIf=\"showNext\"\n qdButton\n [color]=\"nextColor ?? 'secondary'\"\n (click)=\"handleNext()\"\n [disabled]=\"nextDisabled\"\n [data-test-id]=\"testId + '-next'\"\n >\n {{ nextI18n ?? \"i18n.qd.stepper.button.next\" | translate }}\n </button>\n </qd-button-grid>\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}.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)}.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}.qd-step-action{display:flex;width:100%;height:4rem;flex-direction:row-reverse;align-items:center}.qd-stepper-action-fullwidth .qd-step-action{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "component", type: QdButtonGridComponent, selector: "qd-button-grid" }, { kind: "directive", type: QdButtonLinkDirective, selector: "button[qdButtonLink], a[qdButtonLink], button[qd-button-link]" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
28246
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdStepActionComponent, selector: "qd-step-action", inputs: { showPrevious: "showPrevious", showSave: "showSave", showNext: "showNext", previousI18n: "previousI18n", saveI18n: "saveI18n", nextI18n: "nextI18n", nextColor: "nextColor", nextDisabled: "nextDisabled", newData: "newData", testId: ["data-test-id", "testId"] }, outputs: { prevClick: "prevClick", nextClick: "nextClick", saveClick: "saveClick" }, host: { classAttribute: "qd-step-action" }, ngImport: i0, template: "<div class=\"qd-stepper-action-area button-grid\">\n <qd-button-grid>\n <button\n *ngIf=\"showPrevious\"\n qdButton\n qdButtonLink\n color=\"secondary\"\n (click)=\"handlePrevious()\"\n [data-test-id]=\"testId + '-previous'\"\n >\n {{ previousI18n ?? \"i18n.qd.stepper.button.previous\" | translate }}\n </button>\n\n <button\n *ngIf=\"showSave\"\n qdButton\n color=\"secondary\"\n (click)=\"handleSave()\"\n [disabled]=\"!newData\"\n [data-test-id]=\"testId + '-save'\"\n >\n {{ saveI18n ?? \"i18n.qd.stepper.button.save\" | translate }}\n </button>\n\n <button\n *ngIf=\"showNext\"\n qdButton\n [color]=\"nextColor ?? 'secondary'\"\n (click)=\"handleNext()\"\n [disabled]=\"nextDisabled\"\n [data-test-id]=\"testId + '-next'\"\n >\n {{ nextI18n ?? \"i18n.qd.stepper.button.next\" | translate }}\n </button>\n </qd-button-grid>\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}.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)}.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-step-action{display:flex;width:100%;height:4rem;flex-direction:row-reverse;align-items:center}.qd-stepper-action-fullwidth .qd-step-action{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "component", type: QdButtonGridComponent, selector: "qd-button-grid" }, { kind: "directive", type: QdButtonLinkDirective, selector: "button[qdButtonLink], a[qdButtonLink], button[qd-button-link]" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
28247
28247
|
}
|
|
28248
28248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdStepActionComponent, decorators: [{
|
|
28249
28249
|
type: Component,
|
|
28250
|
-
args: [{ selector: 'qd-step-action', encapsulation: ViewEncapsulation.None, host: { class: 'qd-step-action' }, template: "<div class=\"qd-stepper-action-area button-grid\">\n <qd-button-grid>\n <button\n *ngIf=\"showPrevious\"\n qdButton\n qdButtonLink\n color=\"secondary\"\n (click)=\"handlePrevious()\"\n [data-test-id]=\"testId + '-previous'\"\n >\n {{ previousI18n ?? \"i18n.qd.stepper.button.previous\" | translate }}\n </button>\n\n <button\n *ngIf=\"showSave\"\n qdButton\n color=\"secondary\"\n (click)=\"handleSave()\"\n [disabled]=\"!newData\"\n [data-test-id]=\"testId + '-save'\"\n >\n {{ saveI18n ?? \"i18n.qd.stepper.button.save\" | translate }}\n </button>\n\n <button\n *ngIf=\"showNext\"\n qdButton\n [color]=\"nextColor ?? 'secondary'\"\n (click)=\"handleNext()\"\n [disabled]=\"nextDisabled\"\n [data-test-id]=\"testId + '-next'\"\n >\n {{ nextI18n ?? \"i18n.qd.stepper.button.next\" | translate }}\n </button>\n </qd-button-grid>\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}.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)}.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}.qd-step-action{display:flex;width:100%;height:4rem;flex-direction:row-reverse;align-items:center}.qd-stepper-action-fullwidth .qd-step-action{width:100%}\n"] }]
|
|
28250
|
+
args: [{ selector: 'qd-step-action', encapsulation: ViewEncapsulation.None, host: { class: 'qd-step-action' }, template: "<div class=\"qd-stepper-action-area button-grid\">\n <qd-button-grid>\n <button\n *ngIf=\"showPrevious\"\n qdButton\n qdButtonLink\n color=\"secondary\"\n (click)=\"handlePrevious()\"\n [data-test-id]=\"testId + '-previous'\"\n >\n {{ previousI18n ?? \"i18n.qd.stepper.button.previous\" | translate }}\n </button>\n\n <button\n *ngIf=\"showSave\"\n qdButton\n color=\"secondary\"\n (click)=\"handleSave()\"\n [disabled]=\"!newData\"\n [data-test-id]=\"testId + '-save'\"\n >\n {{ saveI18n ?? \"i18n.qd.stepper.button.save\" | translate }}\n </button>\n\n <button\n *ngIf=\"showNext\"\n qdButton\n [color]=\"nextColor ?? 'secondary'\"\n (click)=\"handleNext()\"\n [disabled]=\"nextDisabled\"\n [data-test-id]=\"testId + '-next'\"\n >\n {{ nextI18n ?? \"i18n.qd.stepper.button.next\" | translate }}\n </button>\n </qd-button-grid>\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}.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)}.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-step-action{display:flex;width:100%;height:4rem;flex-direction:row-reverse;align-items:center}.qd-stepper-action-fullwidth .qd-step-action{width:100%}\n"] }]
|
|
28251
28251
|
}], propDecorators: { showPrevious: [{
|
|
28252
28252
|
type: Input
|
|
28253
28253
|
}], showSave: [{
|
|
@@ -28862,11 +28862,11 @@ class QdTabActionComponent {
|
|
|
28862
28862
|
this.saveClick.emit();
|
|
28863
28863
|
}
|
|
28864
28864
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdTabActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28865
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdTabActionComponent, selector: "qd-tab-action", inputs: { newData: "newData", testId: ["data-test-id", "testId"] }, outputs: { saveClick: "saveClick" }, host: { classAttribute: "qd-tab-action" }, ngImport: i0, template: "<div class=\"qd-tabs-action-area button-grid\">\n <button\n qdButton\n color=\"secondary\"\n (click)=\"handleSave()\"\n [disabled]=\"!newData\"\n [attr.data-test-id]=\"testId + '-button'\"\n >\n {{ \"i18n.qd.tabs.button.save\" | translate }}\n </button>\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}.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)}.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}.qd-tab-action{position:relative;display:flex;width:46.5rem;height:4rem;flex-direction:row-reverse;align-items:center}.qd-tab-action-fullwidth .qd-tab-action{width:100%}\n"], dependencies: [{ kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
28865
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdTabActionComponent, selector: "qd-tab-action", inputs: { newData: "newData", testId: ["data-test-id", "testId"] }, outputs: { saveClick: "saveClick" }, host: { classAttribute: "qd-tab-action" }, ngImport: i0, template: "<div class=\"qd-tabs-action-area button-grid\">\n <button\n qdButton\n color=\"secondary\"\n (click)=\"handleSave()\"\n [disabled]=\"!newData\"\n [attr.data-test-id]=\"testId + '-button'\"\n >\n {{ \"i18n.qd.tabs.button.save\" | translate }}\n </button>\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}.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)}.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-tab-action{position:relative;display:flex;width:46.5rem;height:4rem;flex-direction:row-reverse;align-items:center}.qd-tab-action-fullwidth .qd-tab-action{width:100%}\n"], dependencies: [{ kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
28866
28866
|
}
|
|
28867
28867
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdTabActionComponent, decorators: [{
|
|
28868
28868
|
type: Component,
|
|
28869
|
-
args: [{ selector: 'qd-tab-action', encapsulation: ViewEncapsulation.None, host: { class: 'qd-tab-action' }, template: "<div class=\"qd-tabs-action-area button-grid\">\n <button\n qdButton\n color=\"secondary\"\n (click)=\"handleSave()\"\n [disabled]=\"!newData\"\n [attr.data-test-id]=\"testId + '-button'\"\n >\n {{ \"i18n.qd.tabs.button.save\" | translate }}\n </button>\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}.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)}.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}.qd-tab-action{position:relative;display:flex;width:46.5rem;height:4rem;flex-direction:row-reverse;align-items:center}.qd-tab-action-fullwidth .qd-tab-action{width:100%}\n"] }]
|
|
28869
|
+
args: [{ selector: 'qd-tab-action', encapsulation: ViewEncapsulation.None, host: { class: 'qd-tab-action' }, template: "<div class=\"qd-tabs-action-area button-grid\">\n <button\n qdButton\n color=\"secondary\"\n (click)=\"handleSave()\"\n [disabled]=\"!newData\"\n [attr.data-test-id]=\"testId + '-button'\"\n >\n {{ \"i18n.qd.tabs.button.save\" | translate }}\n </button>\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}.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)}.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-tab-action{position:relative;display:flex;width:46.5rem;height:4rem;flex-direction:row-reverse;align-items:center}.qd-tab-action-fullwidth .qd-tab-action{width:100%}\n"] }]
|
|
28870
28870
|
}], propDecorators: { newData: [{
|
|
28871
28871
|
type: Input
|
|
28872
28872
|
}], testId: [{
|
|
@@ -29666,11 +29666,11 @@ class QdLayoutRendererComponent {
|
|
|
29666
29666
|
this._masterLayoutComponent = _masterLayoutComponent;
|
|
29667
29667
|
}
|
|
29668
29668
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutRendererComponent, deps: [{ token: i0.ElementRef }, { token: QdMasterLayoutComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
29669
|
-
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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: QdCalculateFullHeightDirective, selector: "[qdCalculateFullHeight]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
29669
|
+
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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: QdCalculateFullHeightDirective, selector: "[qdCalculateFullHeight]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
29670
29670
|
}
|
|
29671
29671
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdLayoutRendererComponent, decorators: [{
|
|
29672
29672
|
type: Component,
|
|
29673
|
-
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"] }]
|
|
29673
|
+
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"] }]
|
|
29674
29674
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: QdMasterLayoutComponent, decorators: [{
|
|
29675
29675
|
type: Optional
|
|
29676
29676
|
}] }], propDecorators: { top: [{
|
|
@@ -30772,7 +30772,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
|
|
|
30772
30772
|
type: Injectable
|
|
30773
30773
|
}], ctorParameters: () => [{ type: i1$3.TranslateService }, { type: QdShellEportalLanguageService }] });
|
|
30774
30774
|
|
|
30775
|
-
const DEFAULT_JAVASCRIPT_ASSET_PATH$1 = 'assets/service-navigation-web-component.js?version=
|
|
30775
|
+
const DEFAULT_JAVASCRIPT_ASSET_PATH$1 = 'assets/service-navigation-web-component.js?version=15.0.3';
|
|
30776
30776
|
class QdShellServiceNavigationComponent {
|
|
30777
30777
|
serviceNavigationService;
|
|
30778
30778
|
translateService;
|
|
@@ -30896,11 +30896,11 @@ class QdShellServiceNavigationComponent {
|
|
|
30896
30896
|
updateHtmlLang(language);
|
|
30897
30897
|
}
|
|
30898
30898
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdShellServiceNavigationComponent, deps: [{ token: QdShellServiceNavigationService }, { token: i1$3.TranslateService }, { token: QdLanguageFromUrlService }, { token: QdShellPamsEnvironmentService }, { token: 'QdAuthenticationService', optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
30899
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdShellServiceNavigationComponent, selector: "qd-shell-service-navigation", inputs: { config: "config" }, providers: [QdShellServiceNavigationService], viewQueries: [{ propertyName: "serviceNavigation", first: true, predicate: ["serviceNavigation"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ob-service-navigation-web-component\n *ngIf=\"pamsEnvironment\"\n #serviceNavigation\n [languageList]=\"languageListStringified\"\n [pamsAppId]=\"pamsAppId\"\n [environment]=\"pamsEnvironment\"\n (languageChange)=\"handleLanguageChange($event)\"\n (loginState)=\"handleLoginStatusChange($event)\"\n (logoutTriggered)=\"handleLogoutTriggered($event)\"\n></ob-service-navigation-web-component>\n", styles: [":host{display:flex;justify-content:end}:host.expanded{visibility:visible}@media (max-width: 599.98px){:host.expanded{visibility:collapse}}@media (max-width: 599.98px){:host{flex-basis:100%;margin-top:1rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
30899
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdShellServiceNavigationComponent, selector: "qd-shell-service-navigation", inputs: { config: "config" }, providers: [QdShellServiceNavigationService], viewQueries: [{ propertyName: "serviceNavigation", first: true, predicate: ["serviceNavigation"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ob-service-navigation-web-component\n *ngIf=\"pamsEnvironment\"\n #serviceNavigation\n [languageList]=\"languageListStringified\"\n [pamsAppId]=\"pamsAppId\"\n [environment]=\"pamsEnvironment\"\n (languageChange)=\"handleLanguageChange($event)\"\n (loginState)=\"handleLoginStatusChange($event)\"\n (logoutTriggered)=\"handleLogoutTriggered($event)\"\n [eportalLanguageSynchronization]=\"true\"\n></ob-service-navigation-web-component>\n", styles: [":host{display:flex;justify-content:end}:host.expanded{visibility:visible}@media (max-width: 599.98px){:host.expanded{visibility:collapse}}@media (max-width: 599.98px){:host{flex-basis:100%;margin-top:1rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
30900
30900
|
}
|
|
30901
30901
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdShellServiceNavigationComponent, decorators: [{
|
|
30902
30902
|
type: Component,
|
|
30903
|
-
args: [{ selector: 'qd-shell-service-navigation', providers: [QdShellServiceNavigationService], template: "<ob-service-navigation-web-component\n *ngIf=\"pamsEnvironment\"\n #serviceNavigation\n [languageList]=\"languageListStringified\"\n [pamsAppId]=\"pamsAppId\"\n [environment]=\"pamsEnvironment\"\n (languageChange)=\"handleLanguageChange($event)\"\n (loginState)=\"handleLoginStatusChange($event)\"\n (logoutTriggered)=\"handleLogoutTriggered($event)\"\n></ob-service-navigation-web-component>\n", styles: [":host{display:flex;justify-content:end}:host.expanded{visibility:visible}@media (max-width: 599.98px){:host.expanded{visibility:collapse}}@media (max-width: 599.98px){:host{flex-basis:100%;margin-top:1rem}}\n"] }]
|
|
30903
|
+
args: [{ selector: 'qd-shell-service-navigation', providers: [QdShellServiceNavigationService], template: "<ob-service-navigation-web-component\n *ngIf=\"pamsEnvironment\"\n #serviceNavigation\n [languageList]=\"languageListStringified\"\n [pamsAppId]=\"pamsAppId\"\n [environment]=\"pamsEnvironment\"\n (languageChange)=\"handleLanguageChange($event)\"\n (loginState)=\"handleLoginStatusChange($event)\"\n (logoutTriggered)=\"handleLogoutTriggered($event)\"\n [eportalLanguageSynchronization]=\"true\"\n></ob-service-navigation-web-component>\n", styles: [":host{display:flex;justify-content:end}:host.expanded{visibility:visible}@media (max-width: 599.98px){:host.expanded{visibility:collapse}}@media (max-width: 599.98px){:host{flex-basis:100%;margin-top:1rem}}\n"] }]
|
|
30904
30904
|
}], ctorParameters: () => [{ type: QdShellServiceNavigationService }, { type: i1$3.TranslateService }, { type: QdLanguageFromUrlService }, { type: QdShellPamsEnvironmentService }, { type: undefined, decorators: [{
|
|
30905
30905
|
type: Optional
|
|
30906
30906
|
}, {
|
|
@@ -31095,11 +31095,11 @@ class QdModalFullscreenContainerComponent {
|
|
|
31095
31095
|
}
|
|
31096
31096
|
}
|
|
31097
31097
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdModalFullscreenContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: QdDialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
31098
|
-
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{
|
|
31098
|
+
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: QdIconButtonComponent, selector: "button[qdIconButton], a[qdIconButton], button[qd-icon-button]", inputs: ["color", "data-test-id"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "component", type: QdLayoutRendererComponent, selector: "qd-layout-renderer", inputs: ["top", "title", "navigation", "action", "content", "leftPanel", "rightPanel"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
31099
31099
|
}
|
|
31100
31100
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdModalFullscreenContainerComponent, decorators: [{
|
|
31101
31101
|
type: Component,
|
|
31102
|
-
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{
|
|
31102
|
+
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"] }]
|
|
31103
31103
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: QdDialogService }], propDecorators: { hasNavigation: [{
|
|
31104
31104
|
type: HostBinding,
|
|
31105
31105
|
args: ['class.qd-modal-fullscreen-container--has-navigation']
|
|
@@ -38184,7 +38184,7 @@ class QdQuickEditComponent {
|
|
|
38184
38184
|
return (this.controlContainer?.control ?? this.quickEditFormGroup.get('rows'));
|
|
38185
38185
|
}
|
|
38186
38186
|
get showStandaloneCreate() {
|
|
38187
|
-
return !this.containerActionService && !this.sectionActionService && this.config.canAdd;
|
|
38187
|
+
return !this.containerActionService && !this.sectionActionService && !!this.config.canAdd;
|
|
38188
38188
|
}
|
|
38189
38189
|
get canAdd() {
|
|
38190
38190
|
return this.config.canAdd ?? this.sectionActionService != null;
|
|
@@ -38232,6 +38232,11 @@ class QdQuickEditComponent {
|
|
|
38232
38232
|
this._destroyed$.next();
|
|
38233
38233
|
this._destroyed$.complete();
|
|
38234
38234
|
}
|
|
38235
|
+
isActionDisabled(action, row) {
|
|
38236
|
+
if (typeof action.isDisabled === 'function')
|
|
38237
|
+
return action.isDisabled(row);
|
|
38238
|
+
return !!action.isDisabled;
|
|
38239
|
+
}
|
|
38235
38240
|
handleSecondaryAction(action, rowIndex) {
|
|
38236
38241
|
if (!action)
|
|
38237
38242
|
return;
|
|
@@ -38337,16 +38342,14 @@ class QdQuickEditComponent {
|
|
|
38337
38342
|
initManualChangeDetectionForControlReset() {
|
|
38338
38343
|
if (!this.isFormControl)
|
|
38339
38344
|
return;
|
|
38340
|
-
this.controlContainer.control.valueChanges
|
|
38341
|
-
.pipe(startWith(this.controlContainer.control.value.length), map(() => this.controlContainer.control.value.length), distinctUntilChanged(), tap(() => this.changeDetectorRef.detectChanges()))
|
|
38342
|
-
.subscribe();
|
|
38345
|
+
this.controlContainer.control.valueChanges.pipe(startWith(this.controlContainer.control.value.length), map(() => this.controlContainer.control.value.length), distinctUntilChanged(), tap(() => this.changeDetectorRef.detectChanges())).subscribe();
|
|
38343
38346
|
}
|
|
38344
38347
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdQuickEditComponent, deps: [{ token: i1$4.FormBuilder }, { token: QdPageFooterService, optional: true }, { token: QdPageStoreService, optional: true }, { token: QdSectionToolbarActionService, optional: true }, { token: QdContainerActionService, optional: true }, { token: QdEventBrokerService, optional: true }, { token: i0.ChangeDetectorRef }, { token: i1$4.ControlContainer, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
38345
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdQuickEditComponent, selector: "qd-quick-edit", inputs: { config: "config", data: "data", testId: ["data-test-id", "testId"] }, outputs: { formGroupChange: "formGroupChange", addNewClicked: "addNewClicked" }, viewQueries: [{ propertyName: "customForDirective", first: true, predicate: QdCustomForDirective, descendants: true }, { propertyName: "focusables", predicate: QdFocusableDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"editable-actions\" *ngIf=\"showStandaloneCreate\">\n <button\n qdButton\n qdButtonGhost\n icon=\"plus\"\n (click)=\"createRow()\"\n [data-test-id]=\"testId + '-button-add-new'\"\n class=\"create-button-standalone\"\n >\n {{ config.standaloneCreateLabel?.i18n ?? \"i18n.qd.quick.edit.createButtonLabel\" | translate }}\n </button>\n</div>\n\n<div class=\"table\" [formGroup]=\"control\">\n <div class=\"table-header\" *ngIf=\"!config.canAdd || templateData.length > 0 || config.emptyStateView\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let header of visibleColumns\">\n {{ header?.i18n | translate }}\n <qd-icon\n *ngIf=\"hasTooltip(header?.tooltip)\"\n icon=\"circleInfo\"\n class=\"additional-info\"\n qdTooltipOnClick\n [qdTooltipContent]=\"header?.tooltip?.content\"\n ></qd-icon>\n </div>\n <div class=\"table-cell actions-column\" *ngIf=\"config?.secondaryActions?.length > 0\">\n <button class=\"menu-button\">\n <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n </button>\n </div>\n </div>\n </div>\n <div class=\"table-body\">\n <div\n class=\"table-row\"\n *qdCustomFor=\"let row of templateData; let rowIndex = index; toggler: togglerDrawing\"\n [formGroupName]=\"rowIndex\"\n >\n <ng-container *ngFor=\"let column of visibleColumns\">\n <div class=\"table-cell\">\n <qd-dropdown\n [config]=\"{\n filter: column.filter,\n options: column.options,\n placeholder: column.placeholder,\n placeholderPrefix: column.placeholderPrefix,\n viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n }\"\n [data-test-id]=\"column.name + rowIndex\"\n *ngIf=\"column.type === 'enum'; else otherTypes\"\n [dense]=\"true\"\n [formControl]=\"$any(control.controls[rowIndex])?.controls[column.name]\"\n qdFocusable\n class=\"dropdown\"\n >\n </qd-dropdown>\n\n <ng-template #otherTypes>\n <qd-input\n [data-test-id]=\"column.name + rowIndex\"\n [formControlName]=\"column.name\"\n *ngIf=\"column.type !== 'enum' && $any(control.controls[rowIndex])?.controls[column.name]\"\n [config]=\"{\n inputType: column.type === 'integer' ? 'number' : 'text',\n viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n }\"\n qdFocusable\n ></qd-input>\n </ng-template>\n </div>\n </ng-container>\n <td\n *ngIf=\"config.secondaryActions?.length > 0 || canAdd\"\n class=\"table-cell actions\"\n [attr.data-test-id]=\"testId + '-cell-inline-actions'\"\n >\n <button\n type=\"button\"\n [qdPopoverOnClick]=\"menu\"\n [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n [qdPopoverStopPropagation]=\"true\"\n class=\"menu-button\"\n data-test=\"secondary-actions-toggler\"\n >\n <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n </button>\n\n <ng-template #menu>\n <button\n *ngFor=\"let secondaryAction of actions$ | async\"\n class=\"secondary-actions\"\n [ngClass]=\"{ disabled: secondaryAction
|
|
38348
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: QdQuickEditComponent, selector: "qd-quick-edit", inputs: { config: "config", data: "data", testId: ["data-test-id", "testId"] }, outputs: { formGroupChange: "formGroupChange", addNewClicked: "addNewClicked" }, viewQueries: [{ propertyName: "customForDirective", first: true, predicate: QdCustomForDirective, descendants: true }, { propertyName: "focusables", predicate: QdFocusableDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"editable-actions\" *ngIf=\"showStandaloneCreate\">\n <button\n qdButton\n qdButtonGhost\n icon=\"plus\"\n (click)=\"createRow()\"\n [data-test-id]=\"testId + '-button-add-new'\"\n class=\"create-button-standalone\"\n >\n {{ config.standaloneCreateLabel?.i18n ?? \"i18n.qd.quick.edit.createButtonLabel\" | translate }}\n </button>\n</div>\n\n<div class=\"table\" [formGroup]=\"control\">\n <div class=\"table-header\" *ngIf=\"!config.canAdd || templateData.length > 0 || config.emptyStateView\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let header of visibleColumns\">\n {{ header?.i18n | translate }}\n <qd-icon\n *ngIf=\"hasTooltip(header?.tooltip)\"\n icon=\"circleInfo\"\n class=\"additional-info\"\n qdTooltipOnClick\n [qdTooltipContent]=\"header?.tooltip?.content\"\n ></qd-icon>\n </div>\n <div class=\"table-cell actions-column\" *ngIf=\"config?.secondaryActions?.length > 0\">\n <button class=\"menu-button\">\n <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n </button>\n </div>\n </div>\n </div>\n <div class=\"table-body\">\n <div\n class=\"table-row\"\n *qdCustomFor=\"let row of templateData; let rowIndex = index; toggler: togglerDrawing\"\n [formGroupName]=\"rowIndex\"\n >\n <ng-container *ngFor=\"let column of visibleColumns\">\n <div class=\"table-cell\">\n <qd-dropdown\n [config]=\"{\n filter: column.filter,\n options: column.options,\n placeholder: column.placeholder,\n placeholderPrefix: column.placeholderPrefix,\n viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n }\"\n [data-test-id]=\"column.name + rowIndex\"\n *ngIf=\"column.type === 'enum'; else otherTypes\"\n [dense]=\"true\"\n [formControl]=\"$any(control.controls[rowIndex])?.controls[column.name]\"\n qdFocusable\n class=\"dropdown\"\n >\n </qd-dropdown>\n\n <ng-template #otherTypes>\n <qd-input\n [data-test-id]=\"column.name + rowIndex\"\n [formControlName]=\"column.name\"\n *ngIf=\"column.type !== 'enum' && $any(control.controls[rowIndex])?.controls[column.name]\"\n [config]=\"{\n inputType: column.type === 'integer' ? 'number' : 'text',\n viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n }\"\n qdFocusable\n ></qd-input>\n </ng-template>\n </div>\n </ng-container>\n <td\n *ngIf=\"config.secondaryActions?.length > 0 || canAdd\"\n class=\"table-cell actions\"\n [attr.data-test-id]=\"testId + '-cell-inline-actions'\"\n >\n <button\n type=\"button\"\n [qdPopoverOnClick]=\"menu\"\n [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n [qdPopoverStopPropagation]=\"true\"\n class=\"menu-button\"\n data-test=\"secondary-actions-toggler\"\n >\n <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n </button>\n\n <ng-template #menu>\n <button\n *ngFor=\"let secondaryAction of actions$ | async\"\n class=\"secondary-actions\"\n [ngClass]=\"{ disabled: isActionDisabled(secondaryAction, row) }\"\n [attr.disabled]=\"isActionDisabled(secondaryAction, row) || null\"\n (click)=\"handleSecondaryAction(secondaryAction, rowIndex)\"\n >\n {{ secondaryAction.label.i18n | translate }}\n </button>\n <button\n *ngIf=\"canAdd && (viewonly$ | async) === false\"\n class=\"secondary-actions\"\n (click)=\"removeRow(rowIndex)\"\n >\n {{ \"i18n.qd.quick.edit.removeButtonLabel\" | translate }}\n </button>\n </ng-template>\n </td>\n </div>\n </div>\n <div class=\"empty-body\" *ngIf=\"config.emptyStateView && !config.emptyStateView.disabled && templateData.length === 0\">\n <p>{{ config.emptyStateView.i18n | translate }}</p>\n </div>\n</div>\n", styles: [".table{display:flex;width:100%;flex-direction:column;margin:1.25rem auto;background-color:#fff;font-size:.875rem}.table ::ng-deep .qd-input-input{margin-bottom:0!important}.table-header .table-row{padding-top:.125rem;padding-bottom:.125rem;background-color:#e5e5e5;font-weight:700}.table-header .table-row .actions-column{flex:0;border-right:none;visibility:hidden}.table-header,.table-body{display:flex;flex-direction:column}.table-row{display:flex;flex-direction:row;padding:.25rem 1rem;border-bottom:.0625rem solid rgb(213,213,213);gap:1rem}.table-row ::ng-deep qd-form-label{display:none!important}.table-row ::ng-deep qd-input{margin-bottom:0!important}.table-cell{display:flex;height:37px;flex:1;align-items:center;text-align:left}.table-cell:has(.qd-input-error),.table-cell:has(.qd-dropdown-error),.table-cell:has(.qd-form-hint){height:auto;align-items:flex-start}.table-cell.actions{flex:0}.table-row:last-child{border-bottom:none}.table-cell:last-child{border-right:none}.editable-actions{display:flex;justify-content:flex-end;margin-right:.625rem;gap:.625rem}.menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000;outline:0!important}.secondary-actions{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.secondary-actions:hover{background-color:#f2f7fa}.secondary-actions.disabled{color:#b4b4b4;cursor:not-allowed}.secondary-actions.disabled:hover{background-color:#fff0}.dropdown{min-width:160px}.empty-body{padding:1.5rem;background:#fff}.empty-body p{margin:0 0 .5rem}.additional-info{align-self:center;margin-left:.25rem;color:#069;cursor:pointer;font-size:1rem;font-weight:400;transform:translateY(.0625rem)}.additional-info:hover,.additional-info:focus,.additional-info:active{color:#14516f}\n"], dependencies: [{ kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "directive", type: QdButtonGhostDirective, selector: "button[qdButtonGhost], a[qdButtonGhost]" }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdDropdownComponent, selector: "qd-dropdown", inputs: ["value", "id", "formControlName", "config", "data-test-id", "qdPopoverMaxHeight", "dense"], outputs: ["valueChange", "enterClick", "clickHint", "clickReadonly", "clickViewonly"] }, { kind: "component", type: QdInputComponent, selector: "qd-input", inputs: ["formControlName", "value", "config", "isError", "data-test-id"], outputs: ["valueChange", "enterClick", "clickClear", "clickHint", "clickReadonly", "clickViewonly"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$4.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdPopoverOnClickDirective, selector: "[qdPopoverOnClick]", inputs: ["qdPopoverOnClick", "positionStrategy", "qdPopoverCloseStrategy", "qdPopoverDisabled", "qdPopoverStopPropagation", "qdPopoverBackgroundColor", "qdPopoverMaxHeight", "qdPopoverMinWidth", "qdPopoverMaxWidth", "qdPopoverAutoSize", "qdPopoverEnableKeyControl"], outputs: ["opened", "closed"], exportAs: ["qdPopoverOnClick"] }, { kind: "directive", type: QdFocusableDirective, selector: "[qdFocusable]" }, { kind: "directive", type: QdTooltipOnClickDirective, selector: "[qdTooltipOnClick]", inputs: ["qdTooltipContent"] }, { kind: "directive", type: QdCustomForDirective, selector: "[qdCustomFor]", inputs: ["qdCustomForOf", "qdCustomForToggler"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38346
38349
|
}
|
|
38347
38350
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdQuickEditComponent, decorators: [{
|
|
38348
38351
|
type: Component,
|
|
38349
|
-
args: [{ selector: 'qd-quick-edit', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"editable-actions\" *ngIf=\"showStandaloneCreate\">\n <button\n qdButton\n qdButtonGhost\n icon=\"plus\"\n (click)=\"createRow()\"\n [data-test-id]=\"testId + '-button-add-new'\"\n class=\"create-button-standalone\"\n >\n {{ config.standaloneCreateLabel?.i18n ?? \"i18n.qd.quick.edit.createButtonLabel\" | translate }}\n </button>\n</div>\n\n<div class=\"table\" [formGroup]=\"control\">\n <div class=\"table-header\" *ngIf=\"!config.canAdd || templateData.length > 0 || config.emptyStateView\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let header of visibleColumns\">\n {{ header?.i18n | translate }}\n <qd-icon\n *ngIf=\"hasTooltip(header?.tooltip)\"\n icon=\"circleInfo\"\n class=\"additional-info\"\n qdTooltipOnClick\n [qdTooltipContent]=\"header?.tooltip?.content\"\n ></qd-icon>\n </div>\n <div class=\"table-cell actions-column\" *ngIf=\"config?.secondaryActions?.length > 0\">\n <button class=\"menu-button\">\n <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n </button>\n </div>\n </div>\n </div>\n <div class=\"table-body\">\n <div\n class=\"table-row\"\n *qdCustomFor=\"let row of templateData; let rowIndex = index; toggler: togglerDrawing\"\n [formGroupName]=\"rowIndex\"\n >\n <ng-container *ngFor=\"let column of visibleColumns\">\n <div class=\"table-cell\">\n <qd-dropdown\n [config]=\"{\n filter: column.filter,\n options: column.options,\n placeholder: column.placeholder,\n placeholderPrefix: column.placeholderPrefix,\n viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n }\"\n [data-test-id]=\"column.name + rowIndex\"\n *ngIf=\"column.type === 'enum'; else otherTypes\"\n [dense]=\"true\"\n [formControl]=\"$any(control.controls[rowIndex])?.controls[column.name]\"\n qdFocusable\n class=\"dropdown\"\n >\n </qd-dropdown>\n\n <ng-template #otherTypes>\n <qd-input\n [data-test-id]=\"column.name + rowIndex\"\n [formControlName]=\"column.name\"\n *ngIf=\"column.type !== 'enum' && $any(control.controls[rowIndex])?.controls[column.name]\"\n [config]=\"{\n inputType: column.type === 'integer' ? 'number' : 'text',\n viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n }\"\n qdFocusable\n ></qd-input>\n </ng-template>\n </div>\n </ng-container>\n <td\n *ngIf=\"config.secondaryActions?.length > 0 || canAdd\"\n class=\"table-cell actions\"\n [attr.data-test-id]=\"testId + '-cell-inline-actions'\"\n >\n <button\n type=\"button\"\n [qdPopoverOnClick]=\"menu\"\n [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n [qdPopoverStopPropagation]=\"true\"\n class=\"menu-button\"\n data-test=\"secondary-actions-toggler\"\n >\n <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n </button>\n\n <ng-template #menu>\n <button\n *ngFor=\"let secondaryAction of actions$ | async\"\n class=\"secondary-actions\"\n [ngClass]=\"{ disabled: secondaryAction
|
|
38352
|
+
args: [{ selector: 'qd-quick-edit', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"editable-actions\" *ngIf=\"showStandaloneCreate\">\n <button\n qdButton\n qdButtonGhost\n icon=\"plus\"\n (click)=\"createRow()\"\n [data-test-id]=\"testId + '-button-add-new'\"\n class=\"create-button-standalone\"\n >\n {{ config.standaloneCreateLabel?.i18n ?? \"i18n.qd.quick.edit.createButtonLabel\" | translate }}\n </button>\n</div>\n\n<div class=\"table\" [formGroup]=\"control\">\n <div class=\"table-header\" *ngIf=\"!config.canAdd || templateData.length > 0 || config.emptyStateView\">\n <div class=\"table-row\">\n <div class=\"table-cell\" *ngFor=\"let header of visibleColumns\">\n {{ header?.i18n | translate }}\n <qd-icon\n *ngIf=\"hasTooltip(header?.tooltip)\"\n icon=\"circleInfo\"\n class=\"additional-info\"\n qdTooltipOnClick\n [qdTooltipContent]=\"header?.tooltip?.content\"\n ></qd-icon>\n </div>\n <div class=\"table-cell actions-column\" *ngIf=\"config?.secondaryActions?.length > 0\">\n <button class=\"menu-button\">\n <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n </button>\n </div>\n </div>\n </div>\n <div class=\"table-body\">\n <div\n class=\"table-row\"\n *qdCustomFor=\"let row of templateData; let rowIndex = index; toggler: togglerDrawing\"\n [formGroupName]=\"rowIndex\"\n >\n <ng-container *ngFor=\"let column of visibleColumns\">\n <div class=\"table-cell\">\n <qd-dropdown\n [config]=\"{\n filter: column.filter,\n options: column.options,\n placeholder: column.placeholder,\n placeholderPrefix: column.placeholderPrefix,\n viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n }\"\n [data-test-id]=\"column.name + rowIndex\"\n *ngIf=\"column.type === 'enum'; else otherTypes\"\n [dense]=\"true\"\n [formControl]=\"$any(control.controls[rowIndex])?.controls[column.name]\"\n qdFocusable\n class=\"dropdown\"\n >\n </qd-dropdown>\n\n <ng-template #otherTypes>\n <qd-input\n [data-test-id]=\"column.name + rowIndex\"\n [formControlName]=\"column.name\"\n *ngIf=\"column.type !== 'enum' && $any(control.controls[rowIndex])?.controls[column.name]\"\n [config]=\"{\n inputType: column.type === 'integer' ? 'number' : 'text',\n viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n }\"\n qdFocusable\n ></qd-input>\n </ng-template>\n </div>\n </ng-container>\n <td\n *ngIf=\"config.secondaryActions?.length > 0 || canAdd\"\n class=\"table-cell actions\"\n [attr.data-test-id]=\"testId + '-cell-inline-actions'\"\n >\n <button\n type=\"button\"\n [qdPopoverOnClick]=\"menu\"\n [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n [qdPopoverStopPropagation]=\"true\"\n class=\"menu-button\"\n data-test=\"secondary-actions-toggler\"\n >\n <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n </button>\n\n <ng-template #menu>\n <button\n *ngFor=\"let secondaryAction of actions$ | async\"\n class=\"secondary-actions\"\n [ngClass]=\"{ disabled: isActionDisabled(secondaryAction, row) }\"\n [attr.disabled]=\"isActionDisabled(secondaryAction, row) || null\"\n (click)=\"handleSecondaryAction(secondaryAction, rowIndex)\"\n >\n {{ secondaryAction.label.i18n | translate }}\n </button>\n <button\n *ngIf=\"canAdd && (viewonly$ | async) === false\"\n class=\"secondary-actions\"\n (click)=\"removeRow(rowIndex)\"\n >\n {{ \"i18n.qd.quick.edit.removeButtonLabel\" | translate }}\n </button>\n </ng-template>\n </td>\n </div>\n </div>\n <div class=\"empty-body\" *ngIf=\"config.emptyStateView && !config.emptyStateView.disabled && templateData.length === 0\">\n <p>{{ config.emptyStateView.i18n | translate }}</p>\n </div>\n</div>\n", styles: [".table{display:flex;width:100%;flex-direction:column;margin:1.25rem auto;background-color:#fff;font-size:.875rem}.table ::ng-deep .qd-input-input{margin-bottom:0!important}.table-header .table-row{padding-top:.125rem;padding-bottom:.125rem;background-color:#e5e5e5;font-weight:700}.table-header .table-row .actions-column{flex:0;border-right:none;visibility:hidden}.table-header,.table-body{display:flex;flex-direction:column}.table-row{display:flex;flex-direction:row;padding:.25rem 1rem;border-bottom:.0625rem solid rgb(213,213,213);gap:1rem}.table-row ::ng-deep qd-form-label{display:none!important}.table-row ::ng-deep qd-input{margin-bottom:0!important}.table-cell{display:flex;height:37px;flex:1;align-items:center;text-align:left}.table-cell:has(.qd-input-error),.table-cell:has(.qd-dropdown-error),.table-cell:has(.qd-form-hint){height:auto;align-items:flex-start}.table-cell.actions{flex:0}.table-row:last-child{border-bottom:none}.table-cell:last-child{border-right:none}.editable-actions{display:flex;justify-content:flex-end;margin-right:.625rem;gap:.625rem}.menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000;outline:0!important}.secondary-actions{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.secondary-actions:hover{background-color:#f2f7fa}.secondary-actions.disabled{color:#b4b4b4;cursor:not-allowed}.secondary-actions.disabled:hover{background-color:#fff0}.dropdown{min-width:160px}.empty-body{padding:1.5rem;background:#fff}.empty-body p{margin:0 0 .5rem}.additional-info{align-self:center;margin-left:.25rem;color:#069;cursor:pointer;font-size:1rem;font-weight:400;transform:translateY(.0625rem)}.additional-info:hover,.additional-info:focus,.additional-info:active{color:#14516f}\n"] }]
|
|
38350
38353
|
}], ctorParameters: () => [{ type: i1$4.FormBuilder }, { type: QdPageFooterService, decorators: [{
|
|
38351
38354
|
type: Optional
|
|
38352
38355
|
}] }, { type: QdPageStoreService, decorators: [{
|