qms-angular 1.0.91 → 1.0.94
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/bundles/qms-angular.umd.js +37 -12
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/banner/models/qms-banner.model.js +1 -1
- package/esm2015/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.js +6 -3
- package/esm2015/lib/components/breadcrumb/breadcrumb-item.directive.js +2 -2
- package/esm2015/lib/components/breadcrumb/breadcrumb.js +2 -2
- package/esm2015/lib/components/button/button-toggle.js +1 -1
- package/esm2015/lib/components/list/list.js +2 -2
- package/esm2015/lib/components/reports/qms-report-cover-portrait/qms-report-cover-portrait.component.js +28 -7
- package/fesm2015/qms-angular.js +36 -12
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/components/banner/models/qms-banner.model.d.ts +3 -0
- package/lib/components/reports/qms-report-cover-portrait/qms-report-cover-portrait.component.d.ts +7 -3
- package/package.json +1 -1
- package/qms-angular.metadata.json +1 -1
- package/src/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.scss +14 -0
- package/src/lib/components/button/button-toggle.scss +25 -68
- package/src/lib/components/list/list.scss +2 -1
- package/src/lib/components/reports/qms-report-cover-portrait/qms-report-cover-portrait.component.scss +1 -3
- package/src/themes/core/_checkbox.scss +39 -38
- package/src/themes/core/_radio.scss +27 -79
- package/src/themes/core/_slide-toggle.scss +43 -36
- package/src/themes/theme/_variable.scss +11 -2
package/fesm2015/qms-angular.js
CHANGED
|
@@ -2469,7 +2469,7 @@ QMSButtonToggle.decorators = [
|
|
|
2469
2469
|
'(focus)': 'focus()',
|
|
2470
2470
|
'role': 'presentation',
|
|
2471
2471
|
},
|
|
2472
|
-
styles: [".qms-button-toggle-group{position:relative;display:inline-flex;flex-direction:row;white-space:nowrap;overflow:hidden;-webkit-tap-highlight-color:transparent;border-radius:4px;border:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle{font-family:Open Sans;white-space:nowrap;position:relative;font-size:14px;font-weight:600;line-height:16px}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard{
|
|
2472
|
+
styles: [".qms-button-toggle-group{position:relative;display:inline-flex;flex-direction:row;white-space:nowrap;overflow:hidden;-webkit-tap-highlight-color:transparent;border-radius:4px;border:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle{font-family:Open Sans;white-space:nowrap;position:relative;font-size:14px;font-weight:600;line-height:16px}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard{color:var(--default-color);position:relative}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard .mat-icon{color:var(--primary)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard:hover{background-color:var(--primary-light-24-opacity)!important;color:var(--primary)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard.qms-button-toggle-checked{background-color:var(--primary-light-12-opacity);color:var(--primary)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard+.qms-button-toggle{border-left:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-standard.cdk-keyboard-focused{background-color:var(--primary-light-24-opacity)!important;color:var(--primary)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active{background-color:var(--primary-light-12-opacity);color:var(--primary)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active:hover{background-color:var(--primary)!important;color:#fff!important}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active.qms-button-toggle-checked{background-color:var(--primary);color:#fff}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active+.qms-button-toggle{border-left:1px solid #e0e0e0}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-active.cdk-keyboard-focused{background-color:var(--primary-light)!important;color:#fff!important}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark{background-color:var(--default-color);color:hsla(0,0%,100%,.6)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark .mat-icon{color:var(--primary-light-32-opacity)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark:hover{background-color:var(--primary-lighter)!important;color:var(--primary)!important}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark:hover .mat-icon,.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark:hover mat-icon{color:var(--primary)!important}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.qms-button-toggle-checked{background-color:var(--primary-lighter);color:var(--primary)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.qms-button-toggle-checked .mat-icon{color:var(--primary)}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark+.qms-button-toggle{border-left:1px solid #474747}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.cdk-keyboard-focused{background-color:var(--primary-lighter)!important;color:var(--primary)!important}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.cdk-keyboard-focused .mat-icon,.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-appearance-dark.cdk-keyboard-focused mat-icon{color:var(--primary)!important}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-disabled{background:#e4e4e4!important;color:rgba(0,0,0,.38)!important}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-disabled,.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-disabled button{cursor:default!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.qms-button-toggle-group .qms-button-toggle.qms-button-toggle-disabled .mat-icon{color:rgba(0,0,0,.38)!important}.qms-button-toggle{border:0;background:none;color:inherit;padding:0;margin:0;font:inherit;outline:none;width:100%;cursor:pointer}.qms-button-toggle-label-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;line-height:36px;padding:0 16px;position:relative}.qms-button-toggle .qms-button-toggle-label-content>*{vertical-align:middle}"]
|
|
2473
2473
|
},] }
|
|
2474
2474
|
];
|
|
2475
2475
|
QMSButtonToggle.ctorParameters = () => [
|
|
@@ -3495,7 +3495,7 @@ QMSList.decorators = [
|
|
|
3495
3495
|
host: { 'class': 'qms-list' },
|
|
3496
3496
|
encapsulation: ViewEncapsulation.None,
|
|
3497
3497
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3498
|
-
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid #e0e0e0;margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid #e0e0e0}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid #e0e0e0;margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Raleway}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;-ms-grid-row-align:center;align-self:center;padding:0;height:auto}"]
|
|
3498
|
+
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid #e0e0e0;margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid #e0e0e0}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid #e0e0e0;margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Raleway}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;-ms-grid-row-align:center;align-self:center;padding:0;height:auto}"]
|
|
3499
3499
|
},] }
|
|
3500
3500
|
];
|
|
3501
3501
|
QMSList.ctorParameters = () => [
|
|
@@ -3531,7 +3531,7 @@ QMSListItem.decorators = [
|
|
|
3531
3531
|
},
|
|
3532
3532
|
encapsulation: ViewEncapsulation.None,
|
|
3533
3533
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3534
|
-
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid #e0e0e0;margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid #e0e0e0}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid #e0e0e0;margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Raleway}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;-ms-grid-row-align:center;align-self:center;padding:0;height:auto}"]
|
|
3534
|
+
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid #e0e0e0;margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid #e0e0e0}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid #e0e0e0;margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Raleway}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;-ms-grid-row-align:center;align-self:center;padding:0;height:auto}"]
|
|
3535
3535
|
},] }
|
|
3536
3536
|
];
|
|
3537
3537
|
QMSListItem.ctorParameters = () => [
|
|
@@ -4091,7 +4091,7 @@ class QMSBreadcrumbItemDirective {
|
|
|
4091
4091
|
this.showTooltipChange = new EventEmitter();
|
|
4092
4092
|
}
|
|
4093
4093
|
ngAfterViewInit() {
|
|
4094
|
-
if (this.breadcrumbItemText) {
|
|
4094
|
+
if (this.breadcrumbItemText && this.showTooltip) {
|
|
4095
4095
|
this.breadcrumbItemText.nativeElement.classList.add('qms-breadcrumb-item-text');
|
|
4096
4096
|
if (this.breadcrumbItemText.nativeElement.innerText.length > 30) {
|
|
4097
4097
|
this.showTooltipChange.emit(true);
|
|
@@ -4180,7 +4180,7 @@ class QMSBreadcrumb {
|
|
|
4180
4180
|
nodeWidths.shift();
|
|
4181
4181
|
nodeWidths.forEach((eleWidth, index) => {
|
|
4182
4182
|
if (currentWidth > screenWidth) {
|
|
4183
|
-
this.itemNodes[index].isShow = false;
|
|
4183
|
+
this.itemNodes[index].isShow = index == 0 ? true : false;
|
|
4184
4184
|
this.dropdownNodes.push(this.itemNodes[index]);
|
|
4185
4185
|
currentWidth -= (eleWidth);
|
|
4186
4186
|
}
|
|
@@ -23903,13 +23903,16 @@ class QmsBannerConfirmComponent {
|
|
|
23903
23903
|
event: event,
|
|
23904
23904
|
button: button
|
|
23905
23905
|
});
|
|
23906
|
+
if (button.action) {
|
|
23907
|
+
button.action();
|
|
23908
|
+
}
|
|
23906
23909
|
}
|
|
23907
23910
|
}
|
|
23908
23911
|
QmsBannerConfirmComponent.decorators = [
|
|
23909
23912
|
{ type: Component, args: [{
|
|
23910
23913
|
selector: 'qms-banner-confirm',
|
|
23911
|
-
template: "<div class=\"qms-banner-confirm-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\r\n <div class=\"confirm-information\">\r\n <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined margin-right-18\">\r\n {{ icon }}\r\n </mat-icon>\r\n\r\n <div class=\"qms-banner-confirm-container-content\">\r\n <h1 class=\"title\" *ngIf=\"title\">\r\n {{ title }}\r\n </h1>\r\n\r\n <div *ngIf=\"innerHTML\" class=\"qms-banner-container-text\" [innerHTML]=\"innerHTML\"></div>\r\n\r\n <span *ngIf=\"!innerHTML\">\r\n <span *ngFor=\"let content of contents\" [class.font-bold]=\"content.bold\" [qms-tool-tip]=\"content.tooltip\"\r\n mode=\"dark\">\r\n {{ content.text }}\r\n </span>\r\n </span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"actions\" *ngIf=\"buttons?.length > 0\">\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <button *ngIf=\"!button.type\" qms-btn-text class=\"text-color-{{type}}\" mode=\"dark\"\r\n [qms-tool-tip]=\"button.tooltip\" (click)=\"onClickButton($event, button)\">\r\n {{button.text}}\r\n </button>\r\n\r\n <button *ngIf=\"button.type === 1\" qms-btn-icon class=\"text-color-{{type}}\" [qms-tool-tip]=\"button.tooltip\"\r\n mode=\"dark\" (click)=\"onClickButton($event, button)\">\r\n <mat-icon>{{ button.icon }}</mat-icon>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</div>",
|
|
23912
|
-
styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954a9}.banner-container-warning{background-color:rgba(228,207,83,.3);border-bottom:1px solid #e4cf53}.banner-container-success{background-color:rgba(0,128,76,.1);border-bottom:1px solid #00804c}.banner-container-error{background-color:rgba(176,0,32,.08);border-bottom:1px solid #b00020}.banner-container-light{background-color:#fafafa;border-bottom:1px solid rgba(0,0,0,.6)}.banner-container-none{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.6)}.text-color-primary{color:#144285}.text-color-warning{color:#726729}.text-color-success{color:#005935}.text-color-error{color:#b00020}.text-color-light,.text-color-none{color:#323232}.qms-banner-confirm-container{width:100%;height:100%;font-family:Open Sans;padding:18px 16px 8px 18px;position:relative}.qms-banner-confirm-container-content .title{font-family:Raleway;font-size:16px;line-height:22px;font-weight:600;margin-bottom:4px}.qms-banner-confirm-container .margin-right-18{margin-right:18px}.qms-banner-confirm-container .confirm-information{display:flex;width:100%;padding-bottom:36px}.qms-banner-confirm-container .actions{position:absolute;right:8px;bottom:8px}.qms-banner-confirm-container .actions button{margin-left:16px}.font-bold{font-weight:700}.font-size-14{font-size:14px}.line-height-22{line-height:22px}"]
|
|
23914
|
+
template: "<div class=\"qms-banner-confirm-container banner-container-{{type}} text-color-{{type}} font-size-14 line-height-22\">\r\n <div class=\"confirm-information\">\r\n <mat-icon *ngIf=\"icon\" class=\"material-icons-outlined margin-right-18\">\r\n {{ icon }}\r\n </mat-icon>\r\n\r\n <div class=\"qms-banner-confirm-container-content\">\r\n <h1 class=\"title\" *ngIf=\"title\">\r\n {{ title }}\r\n </h1>\r\n\r\n <div *ngIf=\"innerHTML\" class=\"qms-banner-container-text\" [innerHTML]=\"innerHTML\"></div>\r\n\r\n <span *ngIf=\"!innerHTML\">\r\n <span *ngFor=\"let content of contents\" [class.font-bold]=\"content.bold\" [qms-tool-tip]=\"content.tooltip\"\r\n mode=\"dark\">\r\n {{ content.text }}\r\n </span>\r\n </span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"actions banner-confirm-buttons\" *ngIf=\"buttons?.length > 0\">\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <button *ngIf=\"!button.type\" qms-btn-text class=\"text-color-{{type}}\" mode=\"dark\"\r\n [qms-tool-tip]=\"button.tooltip\" [hidden]=\"button.hidden && button.hidden()\"\r\n [disabled]=\"button.disabled && button.disabled()\" (click)=\"onClickButton($event, button)\">\r\n {{button.text}}\r\n </button>\r\n\r\n <button *ngIf=\"button.type === 1\" qms-btn-icon class=\"text-color-{{type}}\" [qms-tool-tip]=\"button.tooltip\"\r\n [hidden]=\"button.hidden && button.hidden()\" [disabled]=\"button.disabled && button.disabled()\"\r\n mode=\"dark\" (click)=\"onClickButton($event, button)\">\r\n <mat-icon>{{ button.icon }}</mat-icon>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</div>",
|
|
23915
|
+
styles: [".banner-container-primary{background-color:#e5eefb;border-bottom:1px solid #1954a9}.banner-container-warning{background-color:rgba(228,207,83,.3);border-bottom:1px solid #e4cf53}.banner-container-success{background-color:rgba(0,128,76,.1);border-bottom:1px solid #00804c}.banner-container-error{background-color:rgba(176,0,32,.08);border-bottom:1px solid #b00020}.banner-container-light{background-color:#fafafa;border-bottom:1px solid rgba(0,0,0,.6)}.banner-container-none{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.6)}.text-color-primary{color:#144285}.text-color-warning{color:#726729}.text-color-success{color:#005935}.text-color-error{color:#b00020}.text-color-light,.text-color-none{color:#323232}.qms-banner-confirm-container{width:100%;height:100%;font-family:Open Sans;padding:18px 16px 8px 18px;position:relative}.qms-banner-confirm-container-content .title{font-family:Raleway;font-size:16px;line-height:22px;font-weight:600;margin-bottom:4px}.qms-banner-confirm-container .margin-right-18{margin-right:18px}.qms-banner-confirm-container .confirm-information{display:flex;width:100%;padding-bottom:36px}.qms-banner-confirm-container .actions{position:absolute;right:8px;bottom:8px}.qms-banner-confirm-container .actions button{margin-left:16px}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-icon.qms-btn-disabled{background:transparent}.qms-banner-confirm-container .actions.banner-confirm-buttons ::ng-deep button.qms-btn-text.qms-btn-disabled{background:transparent}.font-bold{font-weight:700}.font-size-14{font-size:14px}.line-height-22{line-height:22px}"]
|
|
23913
23916
|
},] }
|
|
23914
23917
|
];
|
|
23915
23918
|
QmsBannerConfirmComponent.propDecorators = {
|
|
@@ -24193,8 +24196,9 @@ class QMSSnackbarConfig extends MatSnackBarConfig {
|
|
|
24193
24196
|
}
|
|
24194
24197
|
|
|
24195
24198
|
class QmsReportCoverPortraitComponent {
|
|
24196
|
-
constructor(translate) {
|
|
24199
|
+
constructor(translate, renderer) {
|
|
24197
24200
|
this.translate = translate;
|
|
24201
|
+
this.renderer = renderer;
|
|
24198
24202
|
}
|
|
24199
24203
|
ngOnInit() {
|
|
24200
24204
|
this.translate.getLanguageSubject$.pipe().subscribe((res) => {
|
|
@@ -24203,22 +24207,42 @@ class QmsReportCoverPortraitComponent {
|
|
|
24203
24207
|
}
|
|
24204
24208
|
});
|
|
24205
24209
|
}
|
|
24210
|
+
ngAfterViewInit() {
|
|
24211
|
+
this.resizeTitle();
|
|
24212
|
+
}
|
|
24213
|
+
resizeTitle() {
|
|
24214
|
+
let initialFontSize = 15;
|
|
24215
|
+
this.renderer.setStyle(this.contentTitle.nativeElement, 'font-size', initialFontSize + 'px');
|
|
24216
|
+
this.renderer.setStyle(this.contentTitle.nativeElement, 'line-height', initialFontSize + 20 + 'px');
|
|
24217
|
+
let interval = setInterval(() => {
|
|
24218
|
+
if (this.contentTitle.nativeElement.offsetHeight < 110) {
|
|
24219
|
+
initialFontSize += 1;
|
|
24220
|
+
this.renderer.setStyle(this.contentTitle.nativeElement, 'font-size', initialFontSize + 'px');
|
|
24221
|
+
this.renderer.setStyle(this.contentTitle.nativeElement, 'line-height', initialFontSize + 20 + 'px');
|
|
24222
|
+
}
|
|
24223
|
+
else {
|
|
24224
|
+
clearInterval(interval);
|
|
24225
|
+
}
|
|
24226
|
+
}, 25);
|
|
24227
|
+
}
|
|
24206
24228
|
}
|
|
24207
24229
|
QmsReportCoverPortraitComponent.decorators = [
|
|
24208
24230
|
{ type: Component, args: [{
|
|
24209
24231
|
selector: 'qms-report-cover-portrait',
|
|
24210
|
-
template: "<div class=\"qms-report-cover-portrait-container\">\r\n <div class=\"cover-header\">\r\n <div class=\"robin-container\">\r\n <img [src]=\"logo\" />\r\n </div>\r\n </div>\r\n <div class=\"cover-content\">\r\n <div class=\"cover-title\">\r\n <div class=\"report-module-name\">\r\n <span class=\"module-name\">{{LANG.REPORT_FOR}} {{moduleName}}</span>\r\n </div>\r\n <div class=\"report-title\">\r\n <span class=\"title\">{{title}}</span>\r\n </div>\r\n </div>\r\n <div class=\"cover-information\" *ngIf=\"infoReport && infoReport.length\">\r\n <div class=\"content-item\" *ngFor=\"let item of infoReport\" [class.underline]=\"item.underline\">\r\n <span class=\"title\">{{item.title}} </span> <span class=\"content\">{{item.content}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n",
|
|
24211
|
-
styles: [".qms-report-cover-portrait-container{background-color:#fff
|
|
24232
|
+
template: "<div class=\"qms-report-cover-portrait-container\">\r\n <div class=\"cover-header\">\r\n <div class=\"robin-container\">\r\n <img [src]=\"logo\" />\r\n </div>\r\n </div>\r\n <div class=\"cover-content\">\r\n <div class=\"cover-title\">\r\n <div class=\"report-module-name\">\r\n <span class=\"module-name\">{{LANG.REPORT_FOR}} {{moduleName}}</span>\r\n </div>\r\n <div class=\"report-title\">\r\n <span class=\"title\" #contentTitle>{{title}}</span>\r\n </div>\r\n </div>\r\n <div class=\"cover-information\" *ngIf=\"infoReport && infoReport.length\">\r\n <div class=\"content-item\" *ngFor=\"let item of infoReport\" [class.underline]=\"item.underline\">\r\n <span class=\"title\">{{item.title}} </span> <span class=\"content\">{{item.content}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n",
|
|
24233
|
+
styles: [".qms-report-cover-portrait-container{background-color:#fff}.qms-report-cover-portrait-container .cover-header{height:75px;display:flex;justify-content:flex-end;padding:25px 30px}.qms-report-cover-portrait-container .cover-header .robin-container{display:flex}.qms-report-cover-portrait-container .cover-content{margin-top:125px;margin-bottom:50px;padding:0 50px}.qms-report-cover-portrait-container .cover-content .report-module-name .module-name{max-width:100%;font-family:Open Sans;font-weight:400;font-size:14px;line-height:20px;word-break:break-word}.qms-report-cover-portrait-container .cover-content .report-title{height:137px;margin-bottom:15px}.qms-report-cover-portrait-container .cover-content .report-title .title{max-width:100%;font-weight:600;font-size:44px;line-height:52px;font-family:Raleway;word-break:break-word}.qms-report-cover-portrait-container .cover-content .cover-information{padding:24px;border:1px solid rgba(0,0,0,.24);border-radius:4px}.qms-report-cover-portrait-container .cover-content .cover-information .content-item{font-family:Open Sans;font-size:10px;line-height:16px;margin-bottom:16px}.qms-report-cover-portrait-container .cover-content .cover-information .content-item .title{font-weight:600}.qms-report-cover-portrait-container .cover-content .cover-information .content-item .content{font-weight:400}.qms-report-cover-portrait-container .cover-content .cover-information .underline{padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.6)}"]
|
|
24212
24234
|
},] }
|
|
24213
24235
|
];
|
|
24214
24236
|
QmsReportCoverPortraitComponent.ctorParameters = () => [
|
|
24215
|
-
{ type: TranslateLibraryService }
|
|
24237
|
+
{ type: TranslateLibraryService },
|
|
24238
|
+
{ type: Renderer2 }
|
|
24216
24239
|
];
|
|
24217
24240
|
QmsReportCoverPortraitComponent.propDecorators = {
|
|
24218
24241
|
infoReport: [{ type: Input }],
|
|
24219
24242
|
logo: [{ type: Input }],
|
|
24220
24243
|
moduleName: [{ type: Input }],
|
|
24221
|
-
title: [{ type: Input }]
|
|
24244
|
+
title: [{ type: Input }],
|
|
24245
|
+
contentTitle: [{ type: ViewChild, args: ['contentTitle',] }]
|
|
24222
24246
|
};
|
|
24223
24247
|
|
|
24224
24248
|
class QmsReportContentPortraitComponent {
|