@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
|
@@ -37,11 +37,11 @@ export class QdStepActionComponent {
|
|
|
37
37
|
this.nextClick.emit();
|
|
38
38
|
}
|
|
39
39
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdStepActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
-
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: i2.QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "component", type: i3.QdButtonGridComponent, selector: "qd-button-grid" }, { kind: "directive", type: i4.QdButtonLinkDirective, selector: "button[qdButtonLink], a[qdButtonLink], button[qd-button-link]" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
40
|
+
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: i2.QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "component", type: i3.QdButtonGridComponent, selector: "qd-button-grid" }, { kind: "directive", type: i4.QdButtonLinkDirective, selector: "button[qdButtonLink], a[qdButtonLink], button[qd-button-link]" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdStepActionComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
|
-
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"] }]
|
|
44
|
+
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"] }]
|
|
45
45
|
}], propDecorators: { showPrevious: [{
|
|
46
46
|
type: Input
|
|
47
47
|
}], showSave: [{
|
|
@@ -58,11 +58,11 @@ export class QdStepItemComponent {
|
|
|
58
58
|
return this.error && !this.complete;
|
|
59
59
|
}
|
|
60
60
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdStepItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
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{
|
|
61
|
+
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: i2.QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
|
|
62
62
|
}
|
|
63
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdStepItemComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
|
-
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{
|
|
65
|
+
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"] }]
|
|
66
66
|
}], propDecorators: { name: [{
|
|
67
67
|
type: Input
|
|
68
68
|
}], index: [{
|
|
@@ -17,11 +17,11 @@ export class QdTabActionComponent {
|
|
|
17
17
|
this.saveClick.emit();
|
|
18
18
|
}
|
|
19
19
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdTabActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
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: i1.QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
20
|
+
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: i1.QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdTabActionComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
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"] }]
|
|
24
|
+
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"] }]
|
|
25
25
|
}], propDecorators: { newData: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}], testId: [{
|