qms-angular 1.1.1 → 1.1.4

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.
Files changed (47) hide show
  1. package/README.md +15 -9
  2. package/bundles/qms-angular.umd.js +56 -15
  3. package/bundles/qms-angular.umd.js.map +1 -1
  4. package/esm2015/lib/components/breadcrumb/model/breadcrumb-node.model.js +1 -1
  5. package/esm2015/lib/components/button/button-toggle.js +1 -1
  6. package/esm2015/lib/components/button/button.js +3 -3
  7. package/esm2015/lib/components/list/list.js +2 -2
  8. package/esm2015/lib/components/related/list-other-related/list-related.component.js +3 -3
  9. package/esm2015/lib/components/related/popup/related-popup.component.js +2 -2
  10. package/esm2015/lib/components/related/sidenav/sidenav.component.js +1 -1
  11. package/esm2015/lib/components/rich-text/rich-text.js +1 -1
  12. package/esm2015/lib/components/select-one/select-one.component.js +2 -2
  13. package/esm2015/lib/components/select-process-document/select-process-document.component.js +2 -2
  14. package/esm2015/lib/components/table/table-action.js +1 -1
  15. package/esm2015/lib/components/upload-file-error-dialog/upload-file-error-dialog.js +5 -2
  16. package/esm2015/lib/directives/dialog/dialog.content.directive.js +27 -1
  17. package/esm2015/lib/model/en.js +5 -1
  18. package/esm2015/lib/model/no.js +5 -1
  19. package/esm2015/lib/qms-angular.module.js +4 -2
  20. package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.component.js +1 -1
  21. package/fesm2015/qms-angular.js +55 -16
  22. package/fesm2015/qms-angular.js.map +1 -1
  23. package/lib/components/breadcrumb/model/breadcrumb-node.model.d.ts +1 -0
  24. package/lib/components/upload-file-error-dialog/upload-file-error-dialog.d.ts +6 -0
  25. package/lib/directives/dialog/dialog.content.directive.d.ts +7 -0
  26. package/lib/model/en.d.ts +4 -0
  27. package/lib/model/no.d.ts +4 -0
  28. package/lib.theme.scss +2 -0
  29. package/package.json +5 -5
  30. package/qms-angular.metadata.json +1 -1
  31. package/src/assets/qms-ckeditor-plugin/package-lock.json +601 -151
  32. package/src/lib/components/button/button-toggle.scss +1 -1
  33. package/src/lib/components/list/_list-base.scss +1 -1
  34. package/src/lib/components/related/list-other-related/list-related.component.scss +3 -0
  35. package/src/lib/components/rich-text/rich-text.scss +1 -1
  36. package/src/lib/components/substance-conflict/substance-conflict.component.scss +2 -2
  37. package/src/lib/components/table/{table.scss → table-action.scss} +0 -0
  38. package/src/lib/qms-ckeditor-components/qms-ckeditor.component.scss +1 -1
  39. package/src/themes/core/_app-bar.scss +2 -2
  40. package/src/themes/core/_checkbox.scss +6 -0
  41. package/src/themes/core/_dialog-new.scss +32 -0
  42. package/src/themes/core/_table-pure-gap.scss +82 -0
  43. package/src/themes/core/_table.scss +5 -5
  44. package/src/themes/theme/_variable.scss +28 -20
  45. package/src/assets/jointjs/scss/dist/bpmn.css +0 -854
  46. package/src/assets/qms-ckeditor-plugin/src/dist/ckeditor.dev.js +0 -173
  47. package/src/assets/qms-ckeditor-plugin/src/plugins/fullscreen/dist/qmsCKEditorFullscreenPlugin.dev.js +0 -87
@@ -96,6 +96,10 @@
96
96
  "CHOOSE_ALL": "Choose all",
97
97
  "BREADCRUMB": "Breadcrumb",
98
98
  "NAVIGATE_TO": "Navigate to",
99
+ "FILE_SIZE_LIMIT": "File size limit",
100
+ "SUPPORTED_EXTENSIONS": "Supported extensions",
101
+ "FILES_ARE_NOT_SUPPORTED": "File(s) are not supported",
102
+ "FILES_EXCEED_UPLOAD_LIMIT": "File(s) exceed upload size limit",
99
103
  "ERROR": {
100
104
  "SELECT_DANGER": "You must select one or more events"
101
105
  },
@@ -459,6 +463,10 @@
459
463
  "CHOOSE_ALL": "Velg alle",
460
464
  "BREADCRUMB": "Brødsmuler",
461
465
  "NAVIGATE_TO": "Navigere til",
466
+ "FILE_SIZE_LIMIT": "Filstørrelse grense",
467
+ "SUPPORTED_EXTENSIONS": "Støttede utvidelser",
468
+ "FILES_ARE_NOT_SUPPORTED": "Fil(er) støttes ikke",
469
+ "FILES_EXCEED_UPLOAD_LIMIT": "Fil(er) overskrider grensen for opplastingsstørrelse",
462
470
  "ERROR": {
463
471
  "SELECT_DANGER": "Du må velge en eller flere hendelser"
464
472
  },
@@ -2876,7 +2884,7 @@
2876
2884
  '(focus)': 'focus()',
2877
2885
  'role': 'presentation',
2878
2886
  },
2879
- 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}"]
2887
+ 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:var(--disabled)!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;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;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}"]
2880
2888
  },] }
2881
2889
  ];
2882
2890
  QMSButtonToggle.ctorParameters = function () { return [
@@ -3031,7 +3039,7 @@
3031
3039
  inputs: ['disabled', 'color'],
3032
3040
  encapsulation: i0.ViewEncapsulation.None,
3033
3041
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
3034
- styles: [".qms-btn{height:36px;line-height:34px;padding:0 10px;background-color:var(--primary);color:#fff}.qms-btn:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-primary{background-color:var(--primary);color:#fff}.qms-btn.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-lg{height:48px;line-height:38px;padding:4px 14px;background-color:var(--primary);color:#fff}.qms-btn-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-outlined{height:36px;line-height:34px;padding:0 9px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-outlined-lg{height:48px;line-height:38px;padding:4px 13px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-text{height:36px;line-height:34px;padding:0 10px;background-color:transparent;color:var(--primary)}.qms-btn-text:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text-lg{height:48px;line-height:38px;padding:4px 14px;background-color:transparent;color:var(--primary)}.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab,.qms-btn-fab-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:var(--primary);color:#fff}.qms-btn-fab-sm .qms-btn-wrapper,.qms-btn-fab .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary,.qms-primary.qms-btn-fab-sm{background-color:var(--primary);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary,.qms-secondary.qms-btn-fab-sm{background-color:var(--secondary);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-sm .qms-btn-wrapper,.qms-btn-fab-outlined .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):focus,.qms-btn-fab-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-primary,.qms-primary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-secondary,.qms-secondary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab-outlined-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:var(--primary);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text,.qms-btn-text-lg{background:transparent}.qms-btn-fab,.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm{border-radius:50%}.qms-btn,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{border-radius:4px}.qms-btn,.qms-btn-fab,.qms-btn-fab-ext,.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;font-style:normal}.qms-btn-fab-ext.qms-btn-disabled,.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-fab-sm.qms-btn-disabled,.qms-btn-fab.qms-btn-disabled,.qms-btn-lg.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled,.qms-btn-text-lg.qms-btn-disabled,.qms-btn-text.qms-btn-disabled,.qms-btn.qms-btn-disabled{cursor:default;background:var(--disabled);color:rgba(0,0,0,.38)}.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-text-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn .mat-icon{font-size:24px!important;padding-bottom:1px}.qms-btn-fab-ext::-moz-focus-inner,.qms-btn-fab-outlined-ext::-moz-focus-inner,.qms-btn-fab-outlined-sm::-moz-focus-inner,.qms-btn-fab-outlined::-moz-focus-inner,.qms-btn-fab-sm::-moz-focus-inner,.qms-btn-fab::-moz-focus-inner,.qms-btn-lg::-moz-focus-inner,.qms-btn-outlined-lg::-moz-focus-inner,.qms-btn-outlined::-moz-focus-inner,.qms-btn-text-lg::-moz-focus-inner,.qms-btn-text::-moz-focus-inner,.qms-btn::-moz-focus-inner{border:0}.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-outlined,.qms-btn-outlined-lg{border:1px solid #ddd}.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled{border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-ext:not([disabled]):hover,.qms-btn-fab-outlined-ext:not([disabled]):hover,.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover,.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover,.qms-btn-lg:not([disabled]):hover,.qms-btn-outlined-lg:not([disabled]):hover,.qms-btn-outlined:not([disabled]):hover,.qms-btn-text-lg:not([disabled]):hover,.qms-btn-text:not([disabled]):hover,.qms-btn:not([disabled]):hover{text-decoration:none}.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-text-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn .qms-btn-wrapper>*{vertical-align:middle}.qms-btn-fab-ext:after,.qms-btn-fab-outlined-ext:after,.qms-btn-fab-outlined-sm:after,.qms-btn-fab-outlined:after,.qms-btn-fab-sm:after,.qms-btn-fab:after,.qms-btn-lg:after,.qms-btn-outlined-lg:after,.qms-btn-outlined:after,.qms-btn-text-lg:after,.qms-btn-text:after,.qms-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:10px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn:not([disabled]):focus:not(:focus-visible):not(:active):after{-webkit-animation:ripple 1s ease-out;animation:ripple 1s ease-out}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
3042
+ styles: [".qms-btn{height:36px;line-height:34px;padding:0 10px;background-color:var(--primary);color:#fff}.qms-btn:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-primary{background-color:var(--primary);color:#fff}.qms-btn.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-lg{height:48px;line-height:38px;padding:4px 14px;background-color:var(--primary);color:#fff}.qms-btn-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-outlined{height:36px;line-height:34px;padding:0 9px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-outlined-lg{height:48px;line-height:38px;padding:4px 13px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-text{height:36px;line-height:34px;padding:0 10px;background-color:transparent;color:var(--primary)}.qms-btn-text:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text-lg{height:48px;line-height:38px;padding:4px 14px;background-color:transparent;color:var(--primary)}.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab,.qms-btn-fab-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:var(--primary);color:#fff}.qms-btn-fab-sm .qms-btn-wrapper,.qms-btn-fab .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary,.qms-primary.qms-btn-fab-sm{background-color:var(--primary);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary,.qms-secondary.qms-btn-fab-sm{background-color:var(--secondary);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-sm .qms-btn-wrapper,.qms-btn-fab-outlined .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):focus,.qms-btn-fab-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-primary,.qms-primary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-secondary,.qms-secondary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab-outlined-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:var(--primary);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text,.qms-btn-text-lg{background:transparent}.qms-btn-fab,.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm{border-radius:50%}.qms-btn,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{border-radius:4px}.qms-btn,.qms-btn-fab,.qms-btn-fab-ext,.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;font-style:normal}.qms-btn-fab-ext.qms-btn-disabled,.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-fab-sm.qms-btn-disabled,.qms-btn-fab.qms-btn-disabled,.qms-btn-lg.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled,.qms-btn-text-lg.qms-btn-disabled,.qms-btn-text.qms-btn-disabled,.qms-btn.qms-btn-disabled{cursor:default;background:var(--disabled);color:rgba(0,0,0,.38)}.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-text-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn .mat-icon{font-size:24px!important;padding-bottom:1px}.qms-btn-fab-ext::-moz-focus-inner,.qms-btn-fab-outlined-ext::-moz-focus-inner,.qms-btn-fab-outlined-sm::-moz-focus-inner,.qms-btn-fab-outlined::-moz-focus-inner,.qms-btn-fab-sm::-moz-focus-inner,.qms-btn-fab::-moz-focus-inner,.qms-btn-lg::-moz-focus-inner,.qms-btn-outlined-lg::-moz-focus-inner,.qms-btn-outlined::-moz-focus-inner,.qms-btn-text-lg::-moz-focus-inner,.qms-btn-text::-moz-focus-inner,.qms-btn::-moz-focus-inner{border:0}.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-outlined,.qms-btn-outlined-lg{border:1px solid #ddd}.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled{border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-ext:not([disabled]):hover,.qms-btn-fab-outlined-ext:not([disabled]):hover,.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover,.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover,.qms-btn-lg:not([disabled]):hover,.qms-btn-outlined-lg:not([disabled]):hover,.qms-btn-outlined:not([disabled]):hover,.qms-btn-text-lg:not([disabled]):hover,.qms-btn-text:not([disabled]):hover,.qms-btn:not([disabled]):hover{text-decoration:none}.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-text-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn .qms-btn-wrapper>*{vertical-align:middle}.qms-btn-fab-ext:after,.qms-btn-fab-outlined-ext:after,.qms-btn-fab-outlined-sm:after,.qms-btn-fab-outlined:after,.qms-btn-fab-sm:after,.qms-btn-fab:after,.qms-btn-lg:after,.qms-btn-outlined-lg:after,.qms-btn-outlined:after,.qms-btn-text-lg:after,.qms-btn-text:after,.qms-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:10px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn:not([disabled]):focus:not(:focus-visible):not(:active):after{-webkit-animation:ripple 1s ease-out;animation:ripple 1s ease-out}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
3035
3043
  },] }
3036
3044
  ];
3037
3045
  QMSButton.ctorParameters = function () { return [
@@ -3072,7 +3080,7 @@
3072
3080
  template: "<span class=\"qms-btn-wrapper\"><ng-content></ng-content></span>\r\n",
3073
3081
  encapsulation: i0.ViewEncapsulation.None,
3074
3082
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
3075
- styles: [".qms-btn{height:36px;line-height:34px;padding:0 10px;background-color:var(--primary);color:#fff}.qms-btn:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-primary{background-color:var(--primary);color:#fff}.qms-btn.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-lg{height:48px;line-height:38px;padding:4px 14px;background-color:var(--primary);color:#fff}.qms-btn-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-outlined{height:36px;line-height:34px;padding:0 9px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-outlined-lg{height:48px;line-height:38px;padding:4px 13px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-text{height:36px;line-height:34px;padding:0 10px;background-color:transparent;color:var(--primary)}.qms-btn-text:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text-lg{height:48px;line-height:38px;padding:4px 14px;background-color:transparent;color:var(--primary)}.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab,.qms-btn-fab-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:var(--primary);color:#fff}.qms-btn-fab-sm .qms-btn-wrapper,.qms-btn-fab .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary,.qms-primary.qms-btn-fab-sm{background-color:var(--primary);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary,.qms-secondary.qms-btn-fab-sm{background-color:var(--secondary);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-sm .qms-btn-wrapper,.qms-btn-fab-outlined .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):focus,.qms-btn-fab-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-primary,.qms-primary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-secondary,.qms-secondary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab-outlined-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:var(--primary);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text,.qms-btn-text-lg{background:transparent}.qms-btn-fab,.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm{border-radius:50%}.qms-btn,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{border-radius:4px}.qms-btn,.qms-btn-fab,.qms-btn-fab-ext,.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;font-style:normal}.qms-btn-fab-ext.qms-btn-disabled,.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-fab-sm.qms-btn-disabled,.qms-btn-fab.qms-btn-disabled,.qms-btn-lg.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled,.qms-btn-text-lg.qms-btn-disabled,.qms-btn-text.qms-btn-disabled,.qms-btn.qms-btn-disabled{cursor:default;background:var(--disabled);color:rgba(0,0,0,.38)}.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-text-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn .mat-icon{font-size:24px!important;padding-bottom:1px}.qms-btn-fab-ext::-moz-focus-inner,.qms-btn-fab-outlined-ext::-moz-focus-inner,.qms-btn-fab-outlined-sm::-moz-focus-inner,.qms-btn-fab-outlined::-moz-focus-inner,.qms-btn-fab-sm::-moz-focus-inner,.qms-btn-fab::-moz-focus-inner,.qms-btn-lg::-moz-focus-inner,.qms-btn-outlined-lg::-moz-focus-inner,.qms-btn-outlined::-moz-focus-inner,.qms-btn-text-lg::-moz-focus-inner,.qms-btn-text::-moz-focus-inner,.qms-btn::-moz-focus-inner{border:0}.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-outlined,.qms-btn-outlined-lg{border:1px solid #ddd}.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled{border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-ext:not([disabled]):hover,.qms-btn-fab-outlined-ext:not([disabled]):hover,.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover,.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover,.qms-btn-lg:not([disabled]):hover,.qms-btn-outlined-lg:not([disabled]):hover,.qms-btn-outlined:not([disabled]):hover,.qms-btn-text-lg:not([disabled]):hover,.qms-btn-text:not([disabled]):hover,.qms-btn:not([disabled]):hover{text-decoration:none}.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-text-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn .qms-btn-wrapper>*{vertical-align:middle}.qms-btn-fab-ext:after,.qms-btn-fab-outlined-ext:after,.qms-btn-fab-outlined-sm:after,.qms-btn-fab-outlined:after,.qms-btn-fab-sm:after,.qms-btn-fab:after,.qms-btn-lg:after,.qms-btn-outlined-lg:after,.qms-btn-outlined:after,.qms-btn-text-lg:after,.qms-btn-text:after,.qms-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:10px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn:not([disabled]):focus:not(:focus-visible):not(:active):after{-webkit-animation:ripple 1s ease-out;animation:ripple 1s ease-out}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
3083
+ styles: [".qms-btn{height:36px;line-height:34px;padding:0 10px;background-color:var(--primary);color:#fff}.qms-btn:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-primary{background-color:var(--primary);color:#fff}.qms-btn.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-lg{height:48px;line-height:38px;padding:4px 14px;background-color:var(--primary);color:#fff}.qms-btn-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-outlined{height:36px;line-height:34px;padding:0 9px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-outlined-lg{height:48px;line-height:38px;padding:4px 13px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-text{height:36px;line-height:34px;padding:0 10px;background-color:transparent;color:var(--primary)}.qms-btn-text:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text-lg{height:48px;line-height:38px;padding:4px 14px;background-color:transparent;color:var(--primary)}.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab,.qms-btn-fab-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:var(--primary);color:#fff}.qms-btn-fab-sm .qms-btn-wrapper,.qms-btn-fab .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary,.qms-primary.qms-btn-fab-sm{background-color:var(--primary);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary,.qms-secondary.qms-btn-fab-sm{background-color:var(--secondary);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-sm .qms-btn-wrapper,.qms-btn-fab-outlined .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):focus,.qms-btn-fab-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-primary,.qms-primary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-secondary,.qms-secondary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab-outlined-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:var(--primary);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text,.qms-btn-text-lg{background:transparent}.qms-btn-fab,.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm{border-radius:50%}.qms-btn,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{border-radius:4px}.qms-btn,.qms-btn-fab,.qms-btn-fab-ext,.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;font-style:normal}.qms-btn-fab-ext.qms-btn-disabled,.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-fab-sm.qms-btn-disabled,.qms-btn-fab.qms-btn-disabled,.qms-btn-lg.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled,.qms-btn-text-lg.qms-btn-disabled,.qms-btn-text.qms-btn-disabled,.qms-btn.qms-btn-disabled{cursor:default;background:var(--disabled);color:rgba(0,0,0,.38)}.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-text-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn .mat-icon{font-size:24px!important;padding-bottom:1px}.qms-btn-fab-ext::-moz-focus-inner,.qms-btn-fab-outlined-ext::-moz-focus-inner,.qms-btn-fab-outlined-sm::-moz-focus-inner,.qms-btn-fab-outlined::-moz-focus-inner,.qms-btn-fab-sm::-moz-focus-inner,.qms-btn-fab::-moz-focus-inner,.qms-btn-lg::-moz-focus-inner,.qms-btn-outlined-lg::-moz-focus-inner,.qms-btn-outlined::-moz-focus-inner,.qms-btn-text-lg::-moz-focus-inner,.qms-btn-text::-moz-focus-inner,.qms-btn::-moz-focus-inner{border:0}.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-outlined,.qms-btn-outlined-lg{border:1px solid #ddd}.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled{border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-ext:not([disabled]):hover,.qms-btn-fab-outlined-ext:not([disabled]):hover,.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover,.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover,.qms-btn-lg:not([disabled]):hover,.qms-btn-outlined-lg:not([disabled]):hover,.qms-btn-outlined:not([disabled]):hover,.qms-btn-text-lg:not([disabled]):hover,.qms-btn-text:not([disabled]):hover,.qms-btn:not([disabled]):hover{text-decoration:none}.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-text-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn .qms-btn-wrapper>*{vertical-align:middle}.qms-btn-fab-ext:after,.qms-btn-fab-outlined-ext:after,.qms-btn-fab-outlined-sm:after,.qms-btn-fab-outlined:after,.qms-btn-fab-sm:after,.qms-btn-fab:after,.qms-btn-lg:after,.qms-btn-outlined-lg:after,.qms-btn-outlined:after,.qms-btn-text-lg:after,.qms-btn-text:after,.qms-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:10px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn:not([disabled]):focus:not(:focus-visible):not(:active):after{-webkit-animation:ripple 1s ease-out;animation:ripple 1s ease-out}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
3076
3084
  },] }
3077
3085
  ];
3078
3086
  QMSAnchor.ctorParameters = function () { return [
@@ -3137,7 +3145,7 @@
3137
3145
  inputs: ['disabled', 'color', 'active'],
3138
3146
  encapsulation: i0.ViewEncapsulation.None,
3139
3147
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
3140
- styles: [".qms-btn{height:36px;line-height:34px;padding:0 10px;background-color:var(--primary);color:#fff}.qms-btn:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-primary{background-color:var(--primary);color:#fff}.qms-btn.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-lg{height:48px;line-height:38px;padding:4px 14px;background-color:var(--primary);color:#fff}.qms-btn-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-outlined{height:36px;line-height:34px;padding:0 9px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-outlined-lg{height:48px;line-height:38px;padding:4px 13px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-text{height:36px;line-height:34px;padding:0 10px;background-color:transparent;color:var(--primary)}.qms-btn-text:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text-lg{height:48px;line-height:38px;padding:4px 14px;background-color:transparent;color:var(--primary)}.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab,.qms-btn-fab-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:var(--primary);color:#fff}.qms-btn-fab-sm .qms-btn-wrapper,.qms-btn-fab .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary,.qms-primary.qms-btn-fab-sm{background-color:var(--primary);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary,.qms-secondary.qms-btn-fab-sm{background-color:var(--secondary);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-sm .qms-btn-wrapper,.qms-btn-fab-outlined .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):focus,.qms-btn-fab-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-primary,.qms-primary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-secondary,.qms-secondary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab-outlined-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:var(--primary);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-icon{box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;font-style:normal}.qms-btn-icon.qms-btn-disabled{cursor:default;background:var(--disabled);color:rgba(0,0,0,.38)}.qms-btn-icon .mat-icon{font-size:24px!important;padding-bottom:1px}.qms-btn-icon::-moz-focus-inner{border:0}.qms-btn-icon:not([disabled]):hover{text-decoration:none}.qms-btn-icon .qms-btn-icon-wrapper>*{vertical-align:middle}.qms-btn-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:10px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.qms-btn-icon{padding:0;min-width:0;width:48px;height:48px;line-height:48px;border-radius:50%;flex-shrink:0;border:none;background:transparent}.qms-btn-icon:focus{outline:0}.qms-btn-icon:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-icon.qms-light{color:rgba(0,0,0,.6)}.qms-btn-icon.qms-light:not([disabled]):focus,.qms-btn-icon.qms-light:not([disabled]):hover{background-color:rgba(0,0,0,.08);color:var(--default-color)}.qms-btn-icon.qms-light:not([disabled]):active{background-color:rgba(0,0,0,.24);color:var(--default-color)}.qms-btn-icon.qms-light.qms-btn-disabled{color:rgba(0,0,0,.24);background-color:transparent}.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon{color:var(--primary)}.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon:not([disabled]):focus,.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon:not([disabled]):hover{background-color:var(--primary-light-12-opacity);color:var(--primary)}.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon:not([disabled]):active{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-icon.qms-dark{color:#fff}.qms-btn-icon.qms-dark:not([disabled]):focus,.qms-btn-icon.qms-dark:not([disabled]):hover{background-color:hsla(0,0%,100%,.08)}.qms-btn-icon.qms-dark:not([disabled]):active{background-color:hsla(0,0%,100%,.24)}.qms-btn-icon.qms-dark.qms-btn-disabled{color:hsla(0,0%,100%,.24);background-color:transparent}.qms-btn-icon.qms-dark.active-icon{color:var(--secondary-lighter)}.qms-btn-icon.qms-dark.active-icon:not([disabled]):focus,.qms-btn-icon.qms-dark.active-icon:not([disabled]):hover{background-color:hsla(0,0%,100%,.08)}.qms-btn-icon.qms-dark.active-icon:not([disabled]):active{background-color:hsla(0,0%,100%,.24)}.qms-btn-icon .qms-button-focus-overlay{opacity:0;transition:opacity .2s cubic-bezier(.35,0,.25,1),background-color .2s cubic-bezier(.35,0,.25,1);top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.qms-btn-icon .qms-btn-icon-wrapper .mat-icon{vertical-align:middle;line-height:24px}.icon-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}.icon-wrapper.light.disabled .caption{color:rgba(0,0,0,.24);cursor:default;background-color:transparent}.icon-wrapper.light.active .caption{color:var(--primary)}.icon-wrapper.light:not(.disabled):hover .caption{color:var(--default-color)}.icon-wrapper.light:not(.disabled):focus .caption{color:rgba(0,0,0,.6)}.icon-wrapper.light:not(.disabled):active .caption{color:var(--default-color)}.icon-wrapper.light .caption{color:rgba(0,0,0,.6)}.icon-wrapper.dark.disabled .caption{color:hsla(0,0%,100%,.24);cursor:default;background-color:transparent}.icon-wrapper.dark.active .caption{color:var(--secondary-lighter)}.icon-wrapper.dark .caption{color:#fff}.icon-wrapper .caption{font-size:.75rem;line-height:16px;font-family:Open Sans;font-weight:400}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
3148
+ styles: [".qms-btn{height:36px;line-height:34px;padding:0 10px;background-color:var(--primary);color:#fff}.qms-btn:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-primary{background-color:var(--primary);color:#fff}.qms-btn.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-lg{height:48px;line-height:38px;padding:4px 14px;background-color:var(--primary);color:#fff}.qms-btn-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-lg.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-lg.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-outlined{height:36px;line-height:34px;padding:0 9px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-outlined-lg{height:48px;line-height:38px;padding:4px 13px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-outlined-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-outlined-lg.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid var(--secondary)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-outlined-lg.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-outlined-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light);border:1px solid var(--secondary-light)}.qms-btn-text{height:36px;line-height:34px;padding:0 10px;background-color:transparent;color:var(--primary)}.qms-btn-text:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text-lg{height:48px;line-height:38px;padding:4px 14px;background-color:transparent;color:var(--primary)}.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-primary{background-color:transparent;color:var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-primary:not([disabled]):focus{background-color:transparent;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.qms-btn-text-lg.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-text-lg.qms-secondary{background-color:transparent;color:var(--secondary)}.qms-btn-text-lg.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-text-lg.qms-secondary:not([disabled]):focus{background-color:transparent;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark)}.qms-btn-text-lg.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab,.qms-btn-fab-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:var(--primary);color:#fff}.qms-btn-fab-sm .qms-btn-wrapper,.qms-btn-fab .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary,.qms-primary.qms-btn-fab-sm{background-color:var(--primary);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary,.qms-secondary.qms-btn-fab-sm{background-color:var(--secondary);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-sm .qms-btn-wrapper,.qms-btn-fab-outlined .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):focus,.qms-btn-fab-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-primary,.qms-primary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-secondary,.qms-secondary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab-outlined-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:var(--primary);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-icon{box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;font-style:normal}.qms-btn-icon.qms-btn-disabled{cursor:default;background:var(--disabled);color:rgba(0,0,0,.38)}.qms-btn-icon .mat-icon{font-size:24px!important;padding-bottom:1px}.qms-btn-icon::-moz-focus-inner{border:0}.qms-btn-icon:not([disabled]):hover{text-decoration:none}.qms-btn-icon .qms-btn-icon-wrapper>*{vertical-align:middle}.qms-btn-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:10px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.qms-btn-icon{padding:0;min-width:0;width:48px;height:48px;line-height:48px;border-radius:50%;flex-shrink:0;border:none;background:transparent}.qms-btn-icon:focus{outline:0}.qms-btn-icon:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-icon.qms-light{color:rgba(0,0,0,.6)}.qms-btn-icon.qms-light:not([disabled]):focus,.qms-btn-icon.qms-light:not([disabled]):hover{background-color:rgba(0,0,0,.08);color:var(--default-color)}.qms-btn-icon.qms-light:not([disabled]):active{background-color:rgba(0,0,0,.24);color:var(--default-color)}.qms-btn-icon.qms-light.qms-btn-disabled{color:rgba(0,0,0,.24);background-color:transparent}.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon{color:var(--primary)}.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon:not([disabled]):focus,.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon:not([disabled]):hover{background-color:var(--primary-light-12-opacity);color:var(--primary)}.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon:not([disabled]):active{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-icon.qms-dark{color:#fff}.qms-btn-icon.qms-dark:not([disabled]):focus,.qms-btn-icon.qms-dark:not([disabled]):hover{background-color:hsla(0,0%,100%,.08)}.qms-btn-icon.qms-dark:not([disabled]):active{background-color:hsla(0,0%,100%,.24)}.qms-btn-icon.qms-dark.qms-btn-disabled{color:hsla(0,0%,100%,.24);background-color:transparent}.qms-btn-icon.qms-dark.active-icon{color:var(--secondary-lighter)}.qms-btn-icon.qms-dark.active-icon:not([disabled]):focus,.qms-btn-icon.qms-dark.active-icon:not([disabled]):hover{background-color:hsla(0,0%,100%,.08)}.qms-btn-icon.qms-dark.active-icon:not([disabled]):active{background-color:hsla(0,0%,100%,.24)}.qms-btn-icon .qms-button-focus-overlay{opacity:0;transition:opacity .2s cubic-bezier(.35,0,.25,1),background-color .2s cubic-bezier(.35,0,.25,1);top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.qms-btn-icon .qms-btn-icon-wrapper .mat-icon{vertical-align:middle;line-height:24px}.icon-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}.icon-wrapper.light.disabled .caption{color:rgba(0,0,0,.24);cursor:default;background-color:transparent}.icon-wrapper.light.active .caption{color:var(--primary)}.icon-wrapper.light:not(.disabled):hover .caption{color:var(--default-color)}.icon-wrapper.light:not(.disabled):focus .caption{color:rgba(0,0,0,.6)}.icon-wrapper.light:not(.disabled):active .caption{color:var(--default-color)}.icon-wrapper.light .caption{color:rgba(0,0,0,.6)}.icon-wrapper.dark.disabled .caption{color:hsla(0,0%,100%,.24);cursor:default;background-color:transparent}.icon-wrapper.dark.active .caption{color:var(--secondary-lighter)}.icon-wrapper.dark .caption{color:#fff}.icon-wrapper .caption{font-size:.75rem;line-height:16px;font-family:Open Sans;font-weight:400}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
3141
3149
  },] }
3142
3150
  ];
3143
3151
  QMSButtonIcon.ctorParameters = function () { return [
@@ -3578,6 +3586,33 @@
3578
3586
  min: [{ type: i0.Input }],
3579
3587
  max: [{ type: i0.Input }]
3580
3588
  };
3589
+ var QMSDialogContainerV2 = /** @class */ (function () {
3590
+ function QMSDialogContainerV2(el) {
3591
+ this.el = el;
3592
+ }
3593
+ QMSDialogContainerV2.prototype.ngOnInit = function () {
3594
+ if (this.min) {
3595
+ this.el.nativeElement.style["min-height"] = "" + this.min;
3596
+ }
3597
+ if (this.max) {
3598
+ this.el.nativeElement.style["max-height"] = "" + this.max;
3599
+ }
3600
+ };
3601
+ return QMSDialogContainerV2;
3602
+ }());
3603
+ QMSDialogContainerV2.decorators = [
3604
+ { type: i0.Directive, args: [{
3605
+ selector: "[qms-dialog-container-v2], qms-dialog-container-v2, [qmsDialogContainerV2]",
3606
+ host: { 'class': 'qms-dialog-container-v2' },
3607
+ },] }
3608
+ ];
3609
+ QMSDialogContainerV2.ctorParameters = function () { return [
3610
+ { type: i0.ElementRef }
3611
+ ]; };
3612
+ QMSDialogContainerV2.propDecorators = {
3613
+ min: [{ type: i0.Input }],
3614
+ max: [{ type: i0.Input }]
3615
+ };
3581
3616
  var QMSDialogHeader = /** @class */ (function () {
3582
3617
  function QMSDialogHeader(el) {
3583
3618
  this.el = el;
@@ -3774,6 +3809,7 @@
3774
3809
  SelectDialog,
3775
3810
  QMSAppBar,
3776
3811
  QMSDialogContainer,
3812
+ QMSDialogContainerV2,
3777
3813
  QMSDialogHeader,
3778
3814
  QMSDialogContent,
3779
3815
  QMSDialogFooter
@@ -3833,6 +3869,7 @@
3833
3869
  CdkDetailRowDirective,
3834
3870
  QMSCollapseGroupDirective,
3835
3871
  QMSDialogContainer,
3872
+ QMSDialogContainerV2,
3836
3873
  QMSDialogHeader,
3837
3874
  QMSDialogContent,
3838
3875
  QMSDialogFooter
@@ -4127,7 +4164,7 @@
4127
4164
  host: { 'class': 'qms-list' },
4128
4165
  encapsulation: i0.ViewEncapsulation.None,
4129
4166
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
4130
- 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:Open Sans}.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}"]
4167
+ styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);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;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 var(--other-divider)}.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;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 var(--other-divider);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:Open Sans}.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;align-self:center;padding:0;height:auto}"]
4131
4168
  },] }
4132
4169
  ];
4133
4170
  QMSList.ctorParameters = function () { return [
@@ -4168,7 +4205,7 @@
4168
4205
  },
4169
4206
  encapsulation: i0.ViewEncapsulation.None,
4170
4207
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
4171
- 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:Open Sans}.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}"]
4208
+ styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);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;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 var(--other-divider)}.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;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 var(--other-divider);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:Open Sans}.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;align-self:center;padding:0;height:auto}"]
4172
4209
  },] }
4173
4210
  ];
4174
4211
  QMSListItem.ctorParameters = function () { return [
@@ -4379,7 +4416,7 @@
4379
4416
  ],
4380
4417
  encapsulation: i0.ViewEncapsulation.None,
4381
4418
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
4382
- styles: [".qms-rich-text .ck.ck-editor__editable{min-height:102px;background-color:rgba(0,0,0,.04)}.qms-rich-text .ck.ck-editor__editable:not(.ck-focused):hover{background-color:rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.38)}.qms-rich-text .ck-placeholder{font-size:1rem;font-weight:600;color:rgba(0,0,0,.6)}.qms-rich-text .ck-disabled .ck.ck-editor__main>.ck-editor__editable,.qms-rich-text .ck-disabled .ck.ck-toolbar{background-color:#e4e4e4;pointer-events:none}.qms-rich-text .ck-disabled .ck-button{pointer-events:none}.qms-rich-text .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused):focus{border-radius:4px}.qms-rich-text .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{border:1px solid #c4c4c4;border-bottom:2px solid var(--primary);border-radius:4px;box-shadow:none;background-color:rgba(0,0,0,.08)}.qms-rich-text .ck.ck-toolbar{box-shadow:0 1px 3px rgba(51,51,51,.2)}"]
4419
+ styles: [".qms-rich-text .ck.ck-editor__editable{min-height:102px;background-color:rgba(0,0,0,.04)}.qms-rich-text .ck.ck-editor__editable:not(.ck-focused):hover{background-color:rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.38)}.qms-rich-text .ck-placeholder{font-size:1rem;font-weight:600;color:rgba(0,0,0,.6)}.qms-rich-text .ck-disabled .ck.ck-editor__main>.ck-editor__editable,.qms-rich-text .ck-disabled .ck.ck-toolbar{background-color:var(--disabled);pointer-events:none}.qms-rich-text .ck-disabled .ck-button{pointer-events:none}.qms-rich-text .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused):focus{border-radius:4px}.qms-rich-text .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{border:1px solid #c4c4c4;border-bottom:2px solid var(--primary);border-radius:4px;box-shadow:none;background-color:rgba(0,0,0,.08)}.qms-rich-text .ck.ck-toolbar{box-shadow:0 1px 3px rgba(51,51,51,.2)}"]
4383
4420
  },] }
4384
4421
  ];
4385
4422
  QMSRichText.ctorParameters = function () { return [
@@ -4505,6 +4542,9 @@
4505
4542
  this.data = data;
4506
4543
  this.unsupportedFiles = this.data.fileNames;
4507
4544
  this.supportedExtensions = this.data.acceptedExtension;
4545
+ this.overLimitFiles = this.data.overLimitFiles;
4546
+ this.fileSizeLimit = this.data.fileSizeLimit;
4547
+ this.fileSizeLimitUnit = this.data.fileSizeLimitUnit || 'MB';
4508
4548
  this.trans.getLanguageSubject$.pipe().subscribe(function (res) {
4509
4549
  if (res) {
4510
4550
  _this.LANG = _this.trans.getObjectLang(res);
@@ -4519,7 +4559,7 @@
4519
4559
  QMSUploadFileErrorDialog.decorators = [
4520
4560
  { type: i0.Component, args: [{
4521
4561
  selector: 'qms-upload-file-error-dialog',
4522
- template: "<div class=\"upload-file-error-dialog\">\r\n <div class=\"upload-file-error-dialog__header\">\r\n <span class=\"upload-file-error-dialog__header-title\">\r\n {{ LANG.SOME_FILES_WERE_NOT_ADDED }}\r\n </span>\r\n <button qms-btn-text class=\"upload-file-error-dialog__header-exit\" (click)=\"ok()\">\r\n <mat-icon>clear</mat-icon>\r\n </button>\r\n </div>\r\n <mat-dialog-content>\r\n <div class=\"upload-file-error-dialog__container\">\r\n <ul>\r\n <li *ngFor=\"let file of unsupportedFiles\">{{file}}</li>\r\n </ul>\r\n <p class=\"upload-file-error-dialog__warning\">\r\n {{ LANG.YOU_CAN_ONLY_ADD }} {{ supportedExtensions.join(',') }}\r\n </p>\r\n </div>\r\n </mat-dialog-content>\r\n <mat-dialog-actions align=\"end\">\r\n <button qms-btn color=\"primary\" (click)=\"ok()\">\r\n <span>Ok</span>\r\n </button>\r\n </mat-dialog-actions>\r\n</div>\r\n",
4562
+ template: "<div class=\"upload-file-error-dialog\">\r\n <div class=\"upload-file-error-dialog__header\">\r\n <span class=\"upload-file-error-dialog__header-title\">\r\n {{ LANG.SOME_FILES_WERE_NOT_ADDED }}\r\n </span>\r\n <button qms-btn-text class=\"upload-file-error-dialog__header-exit\" (click)=\"ok()\">\r\n <mat-icon>clear</mat-icon>\r\n </button>\r\n </div>\r\n <mat-dialog-content>\r\n <div class=\"upload-file-error-dialog__container\" *ngIf=\"unsupportedFiles && unsupportedFiles.length\">\r\n <p><strong>{{LANG.FILES_ARE_NOT_SUPPORTED}}:</strong></p>\r\n <ul>\r\n <li *ngFor=\"let file of unsupportedFiles\">{{file}}</li>\r\n </ul>\r\n <p class=\"upload-file-error-dialog__warning\">\r\n {{ LANG.SUPPORTED_EXTENSIONS }}: {{ supportedExtensions.join(', ') }}\r\n </p>\r\n </div>\r\n <div class=\"upload-file-error-dialog__container\" *ngIf=\"overLimitFiles && overLimitFiles.length\">\r\n <p><strong>{{LANG.FILES_EXCEED_UPLOAD_LIMIT}}:</strong></p>\r\n <ul>\r\n <li *ngFor=\"let file of overLimitFiles\">{{file}}</li>\r\n </ul>\r\n <p class=\"upload-file-error-dialog__warning\">\r\n {{ LANG.FILE_SIZE_LIMIT }}: {{ fileSizeLimit }} {{fileSizeLimitUnit}}\r\n </p>\r\n </div>\r\n </mat-dialog-content>\r\n <mat-dialog-actions align=\"end\">\r\n <button qms-btn color=\"primary\" (click)=\"ok()\">\r\n <span>Ok</span>\r\n </button>\r\n </mat-dialog-actions>\r\n</div>\r\n",
4523
4563
  encapsulation: i0.ViewEncapsulation.None,
4524
4564
  styles: [".upload-file-error-dialog{font-size:1em;font-weight:400;font-family:Open Sans;color:#323232}.upload-file-error-dialog .upload-file-error-dialog__header-title,.upload-file-error-dialog .upload-file-error-dialog__warning{font-weight:600}.upload-file-error-dialog .upload-file-error-dialog__header{display:flex;align-items:center;margin-bottom:1rem}.upload-file-error-dialog .upload-file-error-dialog__header .upload-file-error-dialog__header-title{font-family:Raleway}.upload-file-error-dialog .upload-file-error-dialog__header .upload-file-error-dialog__header-exit{color:rgba(0,0,0,.6);margin-left:auto}.upload-file-error-dialog .upload-file-error-dialog__warning{margin-bottom:.5rem}"]
4525
4565
  },] }
@@ -6116,9 +6156,9 @@
6116
6156
  RelatedListComponent.decorators = [
6117
6157
  { type: i0.Component, args: [{
6118
6158
  selector: 'qms-related-list',
6119
- template: "<div class=\"container list-related\">\r\n <div class=\"list-related__title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n <div\r\n class=\"list-related__body\"\r\n *ngFor=\"let item of relatedData; let i = index\"\r\n >\r\n <div class=\"list-related__body-parent\">\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n type=\"image-square\"\r\n leading-icon\r\n [svgIcon]=\"getNodeIcon(item)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n (click)=\"onItemClick(item)\"\r\n type=\"caption\"\r\n *ngIf=\"canShowParent(item)\"\r\n >\r\n {{ item?.parentName }}\r\n </div>\r\n <div qms-line (click)=\"onItemClick(item)\" type=\"subtitle\">\r\n {{ item.itemName }}\r\n </div>\r\n </div>\r\n <div qms-line *ngIf=\"item.breadcumbs && item.breadcumbs.length\">\r\n <qms-breadcrumb\r\n class=\"breadcrumb-container\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"item.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"item?.displayId\">\r\n <ng-container *ngIf=\"item?.displayId\">\r\n <span class=\"material-icons-outlined\"> local_offer </span> ID:\r\n {{ item?.displayId }}\r\n </ng-container>\r\n <ng-container *ngIf=\"item.statusName\">\r\n {{ getItemStatus(item) }}\r\n </ng-container>\r\n </div>\r\n <button\r\n qms-btn-icon\r\n color=\"light\"\r\n mode=\"dark\"\r\n *ngIf=\"!isNotEditedItem\"\r\n (click)=\"removeItem(i)\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </qms-list-item>\r\n\r\n <!-- <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(item)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"subtitle\"\r\n class=\"search__option-name\"\r\n (click)=\"onItemClick(item)\"\r\n >\r\n <div class=\"caption\" *ngIf=\"canShowParent(item)\">\r\n {{ item?.parentName }}\r\n </div>\r\n <span class=\"cursor\">{{ item.itemName }}</span>\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"item.breadcumbs && item.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"item.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"item?.displayId\">\r\n <ng-container *ngIf=\"item?.displayId\">\r\n <span class=\"material-icons-outlined\"> local_offer </span> ID:\r\n {{ item?.displayId }}\r\n </ng-container>\r\n <ng-container *ngIf=\"item.statusName\">\r\n {{ getItemStatus(item) }}\r\n </ng-container>\r\n </div>\r\n </qms-list-item>\r\n <div class=\"block\" *ngIf=\"!isNotEditedItem\">\r\n <button qms-btn-icon color=\"light\" mode=\"dark\" (click)=\"removeItem(i)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div> -->\r\n </div>\r\n </div>\r\n</div>\r\n",
6159
+ template: "<div class=\"container list-related\">\r\n <div class=\"list-related__title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n <div\r\n class=\"list-related__body\"\r\n *ngFor=\"let item of relatedData; let i = index\"\r\n >\r\n <div class=\"list-related__body-parent\">\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n type=\"image-square\"\r\n leading-icon\r\n [svgIcon]=\"getNodeIcon(item)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n (click)=\"onItemClick(item)\"\r\n type=\"caption\"\r\n *ngIf=\"canShowParent(item)\"\r\n >\r\n {{ item?.parentName }}\r\n </div>\r\n <div qms-line (click)=\"onItemClick(item)\" type=\"subtitle\">\r\n {{ item.itemName }}\r\n </div>\r\n </div>\r\n <div qms-line *ngIf=\"item.breadcumbs && item.breadcumbs.length\">\r\n <qms-breadcrumb\r\n class=\"breadcrumb-container\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"item.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"item?.displayId\">\r\n <ng-container *ngIf=\"item?.displayId\">\r\n <span>\r\n <mat-icon class=\"material-icons-outlined\"> local_offer </mat-icon>\r\n </span>\r\n &nbsp;ID:\r\n {{ item?.displayId }}\r\n </ng-container>\r\n <ng-container *ngIf=\"item.statusName\">\r\n {{ getItemStatus(item) }}\r\n </ng-container>\r\n </div>\r\n <button\r\n qms-btn-icon\r\n color=\"light\"\r\n mode=\"dark\"\r\n *ngIf=\"!isNotEditedItem\"\r\n (click)=\"removeItem(i)\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </qms-list-item>\r\n </div>\r\n </div>\r\n</div>\r\n",
6120
6160
  encapsulation: i0.ViewEncapsulation.None,
6121
- styles: [".list-related{font-family:Open Sans;font-style:normal;font-weight:400;color:var(--default-color)}.list-related .list-related__title{font-weight:600;font-size:.875rem;line-height:22px;margin-bottom:1rem}.list-related .list-related__body .list-related__body-parent{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-related .list-related__body .list-related__body-parent .qms-list-item{height:unset!important}.list-related .list-related__body .list-related__body-parent .qms-list-item.mat-2-line.image-item{height:auto}.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .qms-list-item-content{margin:0}.list-related .list-related__body .list-related__body-parent .wrap-image.image-square,.list-related .list-related__body .list-related__body-parent .wrap-image.image-square img{background:transparent;margin:auto;height:24px;width:24px}.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .qms-list-text,.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .trailing-box{margin-left:1.5rem;border-bottom:none;padding-bottom:7px;padding-top:7px}.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .qms-list-text .material-icons-outlined,.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .trailing-box .material-icons-outlined{font-size:13px}.list-related .list-related__body .list-related__body-parent .block{font-weight:400;font-size:1rem;line-height:28px;display:flex;align-items:center}.list-related .list-related__body .list-related__body-parent .block .title{margin-left:1.5rem;padding-top:5px;padding-bottom:5px}.list-related .list-related__body .list-related__body-parent .block .title .caption{color:rgba(0,0,0,.6);font-size:.75rem;line-height:22px}.list-related .list-related__body .list-related__body-parent .block mat-icon{color:rgba(0,0,0,.6);padding:0}.list-related .list-related__body .list-related__body-parent .block button.qms-btn-icon{width:40px;height:40px;line-height:40px}.list-related .list-related__body .list-related__body-child{font-weight:400;font-size:.875rem;line-height:22px}.list-related .list-related__body .list-related__body-child .default{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-related .list-related__body .list-related__body-child .default .title{margin-left:3rem}.list-related .list-related__body .list-related__body-child .default .group-button{margin-right:2rem;display:flex}.list-related .list-related__body .remain{font-weight:600;font-size:.875rem;line-height:22px;display:flex;align-items:center;justify-content:space-between;background-color:#fafafa;color:var(--primary);min-height:48px;border-bottom:1px solid #ddd}.list-related .list-related__body .remain .title{margin-left:3rem}.list-related .list-related__body .qms-line{display:flex;align-items:center}.list-related .list-related__body .breadcrumb-container .qms-breadcrumb-item{cursor:inherit;line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);font-weight:400;line-height:22px}.list-related .list-related__body .trailing-box{display:flex;align-items:center}.list-related .list-related__body .trailing-box button{height:24px;width:24px;line-height:24px}.label-green,.label-red,.label-yellow{font-family:Open Sans;font-style:normal;font-weight:600;display:inline-block;text-align:center;margin-left:1rem;width:24px;height:24px;font-size:.75rem;border-radius:1px}.label-red{background-color:var(--secondary);color:#fff}.label-yellow{background-color:var(--risk-yellow);color:rgba(0,0,0,.87)}.label-green{background-color:var(--risk-green);color:#fff}.cursor{cursor:pointer}"]
6161
+ styles: [".list-related{font-family:Open Sans;font-style:normal;font-weight:400;color:var(--default-color)}.list-related .list-related__title{font-weight:600;font-size:.875rem;line-height:22px;margin-bottom:1rem}.list-related .list-related__body .list-related__body-parent{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-related .list-related__body .list-related__body-parent .qms-list-item{height:unset!important}.list-related .list-related__body .list-related__body-parent .qms-list-item.mat-2-line.image-item{height:auto}.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .qms-list-item-content{margin:0}.list-related .list-related__body .list-related__body-parent .wrap-image.image-square,.list-related .list-related__body .list-related__body-parent .wrap-image.image-square img{background:transparent;margin:auto;height:24px;width:24px}.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .qms-list-text,.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .trailing-box{margin-left:1.5rem;border-bottom:none;padding-bottom:7px;padding-top:7px}.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .qms-list-text .material-icons-outlined,.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .trailing-box .material-icons-outlined{font-size:13px;height:13px;width:13px}.list-related .list-related__body .list-related__body-parent .block{font-weight:400;font-size:1rem;line-height:28px;display:flex;align-items:center}.list-related .list-related__body .list-related__body-parent .block .title{margin-left:1.5rem;padding-top:5px;padding-bottom:5px}.list-related .list-related__body .list-related__body-parent .block .title .caption{color:rgba(0,0,0,.6);font-size:.75rem;line-height:22px}.list-related .list-related__body .list-related__body-parent .block mat-icon{color:rgba(0,0,0,.6);padding:0}.list-related .list-related__body .list-related__body-parent .block button.qms-btn-icon{width:40px;height:40px;line-height:40px}.list-related .list-related__body .list-related__body-child{font-weight:400;font-size:.875rem;line-height:22px}.list-related .list-related__body .list-related__body-child .default{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-related .list-related__body .list-related__body-child .default .title{margin-left:3rem}.list-related .list-related__body .list-related__body-child .default .group-button{margin-right:2rem;display:flex}.list-related .list-related__body .remain{font-weight:600;font-size:.875rem;line-height:22px;display:flex;align-items:center;justify-content:space-between;background-color:#fafafa;color:var(--primary);min-height:48px;border-bottom:1px solid #ddd}.list-related .list-related__body .remain .title{margin-left:3rem}.list-related .list-related__body .qms-line{display:flex;align-items:center}.list-related .list-related__body .breadcrumb-container .qms-breadcrumb-item{cursor:inherit;line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);font-weight:400;line-height:22px;margin:0}.list-related .list-related__body .trailing-box{display:flex;align-items:center}.list-related .list-related__body .trailing-box button{height:24px;width:24px;line-height:24px}.label-green,.label-red,.label-yellow{font-family:Open Sans;font-style:normal;font-weight:600;display:inline-block;text-align:center;margin-left:1rem;width:24px;height:24px;font-size:.75rem;border-radius:1px}.label-red{background-color:var(--secondary);color:#fff}.label-yellow{background-color:var(--risk-yellow);color:rgba(0,0,0,.87)}.label-green{background-color:var(--risk-green);color:#fff}.cursor{cursor:pointer}"]
6122
6162
  },] }
6123
6163
  ];
6124
6164
  RelatedListComponent.ctorParameters = function () { return [
@@ -7362,7 +7402,7 @@
7362
7402
  RelatedPopupComponent.decorators = [
7363
7403
  { type: i0.Component, args: [{
7364
7404
  selector: 'qms-related-popup',
7365
- template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName | uppercase }}</span>\r\n </div>\r\n </div>\r\n\r\n <div id=\"qmslib_related_popup_search\" class=\"input__field\">\r\n <input\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n (optionSelected)=\"selectRelated($event.option.value)\"\r\n [displayWith]=\"displayWhenSelectRelatedOption\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n [class.related-viewport]=\"isInputValue\"\r\n *ngIf=\"filteredOptions.length\"\r\n >\r\n <ng-container *ngFor=\"let type of searchOrder\">\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"canShowSearchOption(type.value)\"\r\n >\r\n <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n [value]=\"option\"\r\n [disabled]=\"option.disabled\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(option)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"caption\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n }}\"\r\n mode=\"dark\"\r\n *ngIf=\"getParentName(option)\"\r\n >\r\n <span #searchItemResult class=\"search__result__parent-name\">\r\n {{ option.parentName }}\r\n </span>\r\n </div>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </ng-container>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div\r\n class=\"qms-scrollbar qmslib_related_popup_content\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length,\r\n 'col-6': splitView,\r\n 'col-12': !splitView\r\n }\"\r\n >\r\n <ng-container *ngIf=\"treeData1.length > 0\">\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n {{ LANG.PROCESSES | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.deviation\">\r\n {{ LANG.DEVIATION | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.checklist\">\r\n {{ LANG.CHECKLIST | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.risk\">\r\n {{ LANG.ASSESSMENT | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree\r\n [treeData]=\"treeData1\"\r\n [treeConfig]=\"treeConfig1\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\"\r\n (treeControlNodes)=\"selectTreeControlNodeProcess($event)\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"treeData2.length > 0\">\r\n <div\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n class=\"line__divider\"\r\n ></div>\r\n\r\n <mat-expansion-panel\r\n hideToggle\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n id=\"qmslib_related_popup_document_001\"\r\n [expanded]=\"isDocumentExpanded\"\r\n (opened)=\"isDocumentExpanded = true\"\r\n (closed)=\"isDocumentExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title>\r\n {{ LANG.DOCUMENTS | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isDocumentExpanded\r\n ? \"keyboard_arrow_up\"\r\n : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_document_002\">\r\n <qms-tree\r\n [treeData]=\"treeData2\"\r\n [treeConfig]=\"treeConfig2\"\r\n [selectedData]=\"selectedData2\"\r\n [disabledList]=\"disabledList2\"\r\n (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n (selectNodeEvent)=\"selectNodeTree2Event($event)\"\r\n (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\"\r\n (treeControlNodes)=\"selectTreeControlNodeDocument($event)\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </div>\r\n <div\r\n *ngIf=\"splitView\"\r\n class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length\r\n }\"\r\n >\r\n <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\r\n {{ splitViewTitle }}\r\n </div>\r\n <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n [checked]=\"isNodeSelected(node)\"\r\n (change)=\"toggleSelectItem(node)\"\r\n ></mat-checkbox>\r\n <mat-icon\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"getNodeIcon(node)\"\r\n ></mat-icon>\r\n <span class=\"text-node\">{{ node.itemName }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div class=\"row\">\r\n <div class=\"col-12 pr-0 pe-0\">\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button\r\n *ngIf=\"item.itemName\"\r\n mat-button\r\n class=\"related__item__content\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\"\r\n mode=\"dark\"\r\n >\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon\r\n *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\"\r\n (click)=\"removeCheckedNodeList(item)\"\r\n >cancel</mat-icon\r\n >\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button\r\n *ngIf=\"!checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 7px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }}\r\n </button>\r\n <button\r\n *ngIf=\"checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 0px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button\r\n qms-btn-text\r\n [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
7405
+ template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName | uppercase }}</span>\r\n </div>\r\n </div>\r\n\r\n <div id=\"qmslib_related_popup_search\" class=\"input__field\">\r\n <input\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n (optionSelected)=\"selectRelated($event.option.value)\"\r\n [displayWith]=\"displayWhenSelectRelatedOption\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n [class.related-viewport]=\"isInputValue\"\r\n *ngIf=\"filteredOptions.length\"\r\n >\r\n <ng-container *ngFor=\"let type of searchOrder\">\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"canShowSearchOption(type.value)\"\r\n >\r\n <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n [value]=\"option\"\r\n [disabled]=\"option.disabled\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(option)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"caption\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n }}\"\r\n mode=\"dark\"\r\n *ngIf=\"getParentName(option)\"\r\n >\r\n <span #searchItemResult class=\"search__result__parent-name\">\r\n {{ option.parentName }}\r\n </span>\r\n </div>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span>\r\n <mat-icon\r\n class=\"material-icons-outlined search__description-icon\"\r\n >local_offer</mat-icon\r\n >\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </ng-container>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div\r\n class=\"qms-scrollbar qmslib_related_popup_content\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length,\r\n 'col-6': splitView,\r\n 'col-12': !splitView\r\n }\"\r\n >\r\n <ng-container *ngIf=\"treeData1.length > 0\">\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n {{ LANG.PROCESSES | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.deviation\">\r\n {{ LANG.DEVIATION | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.checklist\">\r\n {{ LANG.CHECKLIST | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.risk\">\r\n {{ LANG.ASSESSMENT | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree\r\n [treeData]=\"treeData1\"\r\n [treeConfig]=\"treeConfig1\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\"\r\n (treeControlNodes)=\"selectTreeControlNodeProcess($event)\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"treeData2.length > 0\">\r\n <div\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n class=\"line__divider\"\r\n ></div>\r\n\r\n <mat-expansion-panel\r\n hideToggle\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n id=\"qmslib_related_popup_document_001\"\r\n [expanded]=\"isDocumentExpanded\"\r\n (opened)=\"isDocumentExpanded = true\"\r\n (closed)=\"isDocumentExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title>\r\n {{ LANG.DOCUMENTS | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isDocumentExpanded\r\n ? \"keyboard_arrow_up\"\r\n : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_document_002\">\r\n <qms-tree\r\n [treeData]=\"treeData2\"\r\n [treeConfig]=\"treeConfig2\"\r\n [selectedData]=\"selectedData2\"\r\n [disabledList]=\"disabledList2\"\r\n (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n (selectNodeEvent)=\"selectNodeTree2Event($event)\"\r\n (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\"\r\n (treeControlNodes)=\"selectTreeControlNodeDocument($event)\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </div>\r\n <div\r\n *ngIf=\"splitView\"\r\n class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length\r\n }\"\r\n >\r\n <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\r\n {{ splitViewTitle }}\r\n </div>\r\n <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n [checked]=\"isNodeSelected(node)\"\r\n (change)=\"toggleSelectItem(node)\"\r\n ></mat-checkbox>\r\n <mat-icon\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"getNodeIcon(node)\"\r\n ></mat-icon>\r\n <span class=\"text-node\">{{ node.itemName }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div class=\"row\">\r\n <div class=\"col-12 pr-0 pe-0\">\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button\r\n *ngIf=\"item.itemName\"\r\n mat-button\r\n class=\"related__item__content\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\"\r\n mode=\"dark\"\r\n >\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon\r\n *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\"\r\n (click)=\"removeCheckedNodeList(item)\"\r\n >cancel</mat-icon\r\n >\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button\r\n *ngIf=\"!checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 7px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }}\r\n </button>\r\n <button\r\n *ngIf=\"checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 0px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button\r\n qms-btn-text\r\n [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
7366
7406
  encapsulation: i0.ViewEncapsulation.None,
7367
7407
  styles: ["::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:var(--text-white);padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:var(--button-red-background);margin-left:10px}.qms__danger .yellow{background-color:var(--button-yellow-background);margin-left:10px;color:var(--popup-title-color)}.qms__danger .green{background-color:var(--button-green-background);margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:var(--button-background)}.confirm__button__groups .confirm:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:var(--button-background)}.confirm__button__groups .cancel:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:var(--background-input-text)}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:var(--related-item-background);max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:var(--related-mat-icon-color);font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:278px}.qmslib__related__popup__container .qmslib-related-popup-splitview{background-color:#fff;border-left:1px solid #ccc;height:450px;overflow-y:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview .splitview-header{font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600;display:flex;align-items:center}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options{padding:0}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node{margin-left:8px;display:flex;align-items:center;min-height:40px}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption{overflow:hidden;line-height:normal;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .breadcrumb-containe .qms-breadcrumb-item-text,cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .breadcrumb-containe .qms-breadcrumb-item .mat-icon,cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{margin-bottom:20px;padding:0;font-weight:600;font-family:Raleway}.padding-5{padding:5px}.mat-autocomplete_related-viewport{height:100%;max-height:100%!important}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:300px}"]
7368
7408
  },] }
@@ -7763,7 +7803,7 @@
7763
7803
  { type: i0.Component, args: [{
7764
7804
  selector: 'qms-sidenav',
7765
7805
  template: "<mat-sidenav\r\n #sidenav\r\n class=\"sidenav__container\"\r\n mode=\"side\"\r\n opened=\"true\"\r\n (mouseenter)=\"mouseenter()\"\r\n (mouseleave)=\"mouseleave()\"\r\n>\r\n <mat-nav-list>\r\n <mat-list-item (click)=\"showSubmenu = !showSubmenu\">\r\n <span class=\"sidenav-width\" *ngIf=\"isExpanded || isShowing\">{{\r\n menu\r\n }}</span>\r\n <mat-icon mat-list-icon>{{ icon }}</mat-icon>\r\n <mat-icon\r\n class=\"menu-button\"\r\n [ngClass]=\"{ rotated: showSubmenu }\"\r\n *ngIf=\"isExpanded || isShowing\"\r\n >expand_more</mat-icon\r\n >\r\n </mat-list-item>\r\n <div\r\n class=\"submenu\"\r\n [ngClass]=\"{ expanded: showSubmenu }\"\r\n *ngIf=\"isShowing || isExpanded\"\r\n >\r\n <div *ngFor=\"let item of items\">\r\n <a mat-list-item href=\"{{ item.url }}\">{{ item.name }}</a>\r\n </div>\r\n </div>\r\n </mat-nav-list>\r\n <mat-nav-list> </mat-nav-list>\r\n</mat-sidenav>\r\n",
7766
- styles: [".sidenav__container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidenav-width{width:100%}.menu-button{transition:.3s ease-in-out;transform:rotate(0deg)}.menu-button.rotated{transform:rotate(180deg)}.submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:30px}.submenu.expanded{transform:scaleY(1)}"]
7806
+ styles: [".sidenav__container{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidenav-width{width:100%}.menu-button{transition:.3s ease-in-out;transform:rotate(0deg)}.menu-button.rotated{transform:rotate(180deg)}.submenu{overflow-y:hidden;transition:transform .3s ease;transform:scaleY(0);transform-origin:top;padding-left:30px}.submenu.expanded{transform:scaleY(1)}"]
7767
7807
  },] }
7768
7808
  ];
7769
7809
  SidenavComponent.propDecorators = {
@@ -24327,7 +24367,7 @@
24327
24367
  ],
24328
24368
  encapsulation: i0.ViewEncapsulation.None,
24329
24369
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
24330
- styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close,.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{margin-right:20px}.qmsckeditor.button__done .mat-icon{color:#28a745;font-weight:700}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:472px;overflow:auto}.qmsckeditor.save__as__template.height{height:125px}.ck-content .ck-horizontal-line,.ck-content .page-break{width:100%}.ck-content hr{background:#ccc}.ck-font-size-dropdown .ck-dropdown__panel ul{max-height:320px;overflow-y:auto}.ck-font-size-dropdown .ck-dropdown__panel ul li .ck-fontsize-option .ck-button__label{line-height:50px}.qmsckeditor_container .qmsckeditor__minwidth{width:100%}.qmsckeditor_container .ck-editor__editable{overflow-y:auto}.qms-ckeditor .ck.ck-editor__editable{max-height:172px;min-height:172px;background-color:rgba(0,0,0,.04);font-family:Open Sans}.qms-ckeditor .ck.ck-editor__editable:not(.ck-focused,.ck-read-only):hover{background-color:rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.38)}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar{width:12px}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-ckeditor .ck-placeholder{font-size:1rem;font-weight:600;color:rgba(0,0,0,.6)}.qms-ckeditor .ck-disabled .ck.ck-editor__main>.ck-editor__editable,.qms-ckeditor .ck-disabled .ck.ck-toolbar{background-color:#e4e4e4;pointer-events:none}.qms-ckeditor .ck-disabled .ck-button{pointer-events:none}.qms-ckeditor .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused):focus{border-radius:4px}.qms-ckeditor .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{border:1px solid #c4c4c4;border-bottom:2px solid var(--primary);border-radius:4px;box-shadow:none;background-color:rgba(0,0,0,.08)}.qms-ckeditor .ck.ck-toolbar{box-shadow:0 1px 3px rgba(51,51,51,.2)}.qms-ckeditor .ck.ck-sticky-panel .ck-sticky-panel__content_sticky{box-shadow:none;border-width:0}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;background:#fff}.qmsckeditor__fullscreen .qms-ckeditor{height:98%;display:block;width:100%}.qmsckeditor__fullscreen .ck.ck-editor__main{height:98%}.qmsckeditor__fullscreen .ck.ck-editor__editable{height:inherit}.sub-container{display:flex;justify-content:space-between;padding:0 10px;font-family:Open Sans;font-size:.75rem;font-weight:400;line-height:16px;color:rgba(0,0,0,.6)}"]
24370
+ styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close,.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{margin-right:20px}.qmsckeditor.button__done .mat-icon{color:#28a745;font-weight:700}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:472px;overflow:auto}.qmsckeditor.save__as__template.height{height:125px}.ck-content .ck-horizontal-line,.ck-content .page-break{width:100%}.ck-content hr{background:#ccc}.ck-font-size-dropdown .ck-dropdown__panel ul{max-height:320px;overflow-y:auto}.ck-font-size-dropdown .ck-dropdown__panel ul li .ck-fontsize-option .ck-button__label{line-height:50px}.qmsckeditor_container .qmsckeditor__minwidth{width:100%}.qmsckeditor_container .ck-editor__editable{overflow-y:auto}.qms-ckeditor .ck.ck-editor__editable{max-height:172px;min-height:172px;background-color:rgba(0,0,0,.04);font-family:Open Sans}.qms-ckeditor .ck.ck-editor__editable:not(.ck-focused,.ck-read-only):hover{background-color:rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.38)}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar{width:12px}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-ckeditor .ck-placeholder{font-size:1rem;font-weight:600;color:rgba(0,0,0,.6)}.qms-ckeditor .ck-disabled .ck.ck-editor__main>.ck-editor__editable,.qms-ckeditor .ck-disabled .ck.ck-toolbar{background-color:var(--disabled);pointer-events:none}.qms-ckeditor .ck-disabled .ck-button{pointer-events:none}.qms-ckeditor .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused):focus{border-radius:4px}.qms-ckeditor .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{border:1px solid #c4c4c4;border-bottom:2px solid var(--primary);border-radius:4px;box-shadow:none;background-color:rgba(0,0,0,.08)}.qms-ckeditor .ck.ck-toolbar{box-shadow:0 1px 3px rgba(51,51,51,.2)}.qms-ckeditor .ck.ck-sticky-panel .ck-sticky-panel__content_sticky{box-shadow:none;border-width:0}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;background:#fff}.qmsckeditor__fullscreen .qms-ckeditor{height:98%;display:block;width:100%}.qmsckeditor__fullscreen .ck.ck-editor__main{height:98%}.qmsckeditor__fullscreen .ck.ck-editor__editable{height:inherit}.sub-container{display:flex;justify-content:space-between;padding:0 10px;font-family:Open Sans;font-size:.75rem;font-weight:400;line-height:16px;color:rgba(0,0,0,.6)}"]
24331
24371
  },] }
24332
24372
  ];
24333
24373
  QMSCKEditorComponent.ctorParameters = function () { return [
@@ -26755,7 +26795,7 @@
26755
26795
  SelectOneDialog.decorators = [
26756
26796
  { type: i0.Component, args: [{
26757
26797
  selector: 'qms-select-one',
26758
- template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName }}</span>\r\n </div>\r\n </div>\r\n\r\n <div\r\n id=\"qmslib_related_popup_search\"\r\n class=\"input__field\"\r\n (click)=\"showSearchResult()\"\r\n >\r\n <input\r\n #name\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n #autoCompleteInputSearch\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayRelated\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n class=\"related-viewport\"\r\n *ngIf=\"filteredOptions.length\"\r\n >\r\n <div class=\"search__module-result\" *ngIf=\"filteredOptions.length\">\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions()\"\r\n [value]=\"option\"\r\n (click)=\"selectItemSearched(option)\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(option)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"caption\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n }}\"\r\n mode=\"dark\"\r\n *ngIf=\"getParentName(option)\"\r\n >\r\n <span #searchItemResult class=\"search__result__parent-name\">\r\n {{ option.parentName }}\r\n </span>\r\n </div>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div\r\n class=\"qms-scrollbar col-12 qmslib_related_popup_content panel__content_item\"\r\n >\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree\r\n [treeData]=\"treeData\"\r\n [treeConfig]=\"treeConfig\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (nodeExpandEvent)=\"nodeExpandEvent($event)\"\r\n [expandOnTitleClick]=\"false\"\r\n [expandToChildNode]=\"expandToChildNode\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </div>\r\n\r\n <!-- <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button\r\n *ngIf=\"item.itemName\"\r\n mat-button\r\n class=\"related__item__content\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\"\r\n mode=\"dark\"\r\n >\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon (click)=\"removeCheckedNodeList()\">cancel</mat-icon>\r\n </button>\r\n </div>\r\n </div> -->\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button\r\n *ngIf=\"!checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 7px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }}\r\n </button>\r\n <button\r\n *ngIf=\"checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 0px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button\r\n qms-btn-text\r\n [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
26798
+ template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName }}</span>\r\n </div>\r\n </div>\r\n\r\n <div\r\n id=\"qmslib_related_popup_search\"\r\n class=\"input__field\"\r\n (click)=\"showSearchResult()\"\r\n >\r\n <input\r\n #name\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n #autoCompleteInputSearch\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayRelated\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n class=\"related-viewport\"\r\n *ngIf=\"filteredOptions.length\"\r\n >\r\n <div class=\"search__module-result\" *ngIf=\"filteredOptions.length\">\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions()\"\r\n [value]=\"option\"\r\n (click)=\"selectItemSearched(option)\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(option)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"caption\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n }}\"\r\n mode=\"dark\"\r\n *ngIf=\"getParentName(option)\"\r\n >\r\n <span #searchItemResult class=\"search__result__parent-name\">\r\n {{ option.parentName }}\r\n </span>\r\n </div>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span>\r\n <mat-icon class=\"material-icons-outlined search__description-icon\"> local_offer </mat-icon>\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div\r\n class=\"qms-scrollbar col-12 qmslib_related_popup_content panel__content_item\"\r\n >\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree\r\n [treeData]=\"treeData\"\r\n [treeConfig]=\"treeConfig\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (nodeExpandEvent)=\"nodeExpandEvent($event)\"\r\n [expandOnTitleClick]=\"false\"\r\n [expandToChildNode]=\"expandToChildNode\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </div>\r\n\r\n <!-- <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button\r\n *ngIf=\"item.itemName\"\r\n mat-button\r\n class=\"related__item__content\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\"\r\n mode=\"dark\"\r\n >\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon (click)=\"removeCheckedNodeList()\">cancel</mat-icon>\r\n </button>\r\n </div>\r\n </div> -->\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button\r\n *ngIf=\"!checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 7px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }}\r\n </button>\r\n <button\r\n *ngIf=\"checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 0px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button\r\n qms-btn-text\r\n [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
26759
26799
  encapsulation: i0.ViewEncapsulation.None,
26760
26800
  styles: ["::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:var(--text-white);padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:var(--button-red-background);margin-left:10px}.qms__danger .yellow{background-color:var(--button-yellow-background);margin-left:10px;color:var(--popup-title-color)}.qms__danger .green{background-color:var(--button-green-background);margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:var(--button-background)}.confirm__button__groups .confirm:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:var(--button-background)}.confirm__button__groups .cancel:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:var(--background-input-text)}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:var(--related-item-background);max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:var(--related-mat-icon-color);font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption{overflow:hidden;line-height:normal;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{margin-bottom:20px;padding:0;font-weight:600;font-family:Raleway}.padding-5{padding:5px}.mat-autocomplete_related-viewport{height:100%;max-height:100%!important}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:10.25rem}"]
26761
26801
  },] }
@@ -28652,7 +28692,7 @@
28652
28692
  SelectProcessDocumentPopupComponent.decorators = [
28653
28693
  { type: i0.Component, args: [{
28654
28694
  selector: 'qms-select-process-document',
28655
- template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName | uppercase }}</span>\r\n </div>\r\n </div>\r\n\r\n <div id=\"qmslib_related_popup_search\" class=\"input__field\">\r\n <input type=\"text\" placeholder=\"{{ LANG.SEARCH }}\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\" />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n\r\n <mat-autocomplete #auto=\"matAutocomplete\" class=\"mat-autocomplete_related-viewport\"\r\n (optionSelected)=\"selectRelated($event.option.value)\" [displayWith]=\"displayWhenSelectRelatedOption\">\r\n <cdk-virtual-scroll-viewport qms-scrollbar itemSize=\"10\" [class.related-viewport]=\"isInputValue\"\r\n *ngIf=\"filteredOptions.length\">\r\n <ng-container *ngFor=\"let type of searchOrder\">\r\n <div class=\"search__module-result\" *ngIf=\"canShowSearchOption(type.value)\">\r\n <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n <mat-option class=\"search__option\" *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n [value]=\"option\" [disabled]=\"option.disabled\">\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon leading-icon type=\"image-square\" [svgIcon]=\"getNodeIcon(option)\"></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div class=\"caption\" *ngIf=\"option.breadcumbs && option.breadcumbs.length\">\r\n <qms-breadcrumb class=\"breadcrumb-containe\" type=\"table\" numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\">\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </ng-container>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div class=\"qms-scrollbar qmslib_related_popup_content\" [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length,\r\n 'col-6': splitView,\r\n 'col-12': !splitView\r\n }\">\r\n <ng-container *ngIf=\"treeData1.length > 0\">\r\n <div *ngIf=\"moduleId === module.documentProcess\" class=\"line__divider\"></div>\r\n <mat-expansion-panel hideToggle id=\"qmslib_related_popup_common_001\" [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\" (closed)=\"isCommonExpanded = false\" class=\"panel-tree\">\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n {{ LANG.PROCESSES | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree-new [treeData]=\"treeData1\" [treeConfig]=\"treeConfig1\" [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\" [disabledList]=\"disabledList\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n (selectFolderEvent)=\"getItemOfFolder($event, dataType.area)\" [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\" (treeControlNodes)=\"selectTreeControlNodeProcess($event)\">\r\n </qms-tree-new>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"treeData2.length > 0\">\r\n <div *ngIf=\"moduleId === module.documentProcess\" class=\"line__divider\"></div>\r\n\r\n <mat-expansion-panel hideToggle *ngIf=\"moduleId === module.documentProcess\"\r\n id=\"qmslib_related_popup_document_001\" [expanded]=\"isDocumentExpanded\" (opened)=\"isDocumentExpanded = true\"\r\n (closed)=\"isDocumentExpanded = false\" class=\"panel-tree\">\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title> {{ LANG.DOCUMENTS | uppercase }} </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isDocumentExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_document_002\">\r\n <qms-tree-new [treeData]=\"treeData2\" [treeConfig]=\"treeConfig2\" [selectedData]=\"selectedData2\"\r\n [disabledList]=\"disabledList2\" (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n (selectFolderEvent)=\"getItemOfFolder($event, dataType.folder)\" [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\" (treeControlNodes)=\"selectTreeControlNodeDocument($event)\">\r\n </qms-tree-new>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"splitView\" class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length\r\n }\">\r\n <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\r\n {{ splitViewTitle }}\r\n </div>\r\n <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\r\n <mat-checkbox qms-group-options [disabled]=\"node.disabled\" color=\"default\" [checked]=\"isNodeSelected(node)\"\r\n (change)=\"toggleSelectItem(node)\" *ngIf=\"!hideSplitviewCheckbox\">\r\n </mat-checkbox>\r\n <button class=\"button-boder\" mat-icon-button [disableRipple]=\"true\" (click)=\"toggleSelectItem(node)\"\r\n *ngIf=\"node.itemName\">\r\n <mat-icon class=\"mat-icon-rtl-mirror material-icons-outlined\" [svgIcon]=\"getNodeIcon(node)\">\r\n </mat-icon>\r\n </button>\r\n <span class=\"text-node-item\" style=\"cursor: pointer\" (click)=\"toggleSelectItem(node)\" [class.bgSelected]=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \">\r\n <span class=\"text-node\" [class.select-one-checked]=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \">{{ node.itemName }}</span>\r\n <mat-icon class=\"select-one-checked\" *ngIf=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \">\r\n done\r\n </mat-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button *ngIf=\"item.itemName\" mat-button class=\"related__item__content\" qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\" mode=\"dark\">\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\" (click)=\"removeCheckedNodeList(item)\">\r\n cancel</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button *ngIf=\"!checkedNodeList.length\" qms-btn style=\"margin-top: 7px\" (click)=\"onAddClick()\">\r\n {{ LANG.ADD }}\r\n </button>\r\n <button *ngIf=\"checkedNodeList.length\" qms-btn style=\"margin-top: 0px\" (click)=\"onAddClick()\">\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button qms-btn-text [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\" (click)=\"onCloseClick()\">\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
28695
+ template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName | uppercase }}</span>\r\n </div>\r\n </div>\r\n\r\n <div id=\"qmslib_related_popup_search\" class=\"input__field\">\r\n <input type=\"text\" placeholder=\"{{ LANG.SEARCH }}\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\" />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n\r\n <mat-autocomplete #auto=\"matAutocomplete\" class=\"mat-autocomplete_related-viewport\"\r\n (optionSelected)=\"selectRelated($event.option.value)\" [displayWith]=\"displayWhenSelectRelatedOption\">\r\n <cdk-virtual-scroll-viewport qms-scrollbar itemSize=\"10\" [class.related-viewport]=\"isInputValue\"\r\n *ngIf=\"filteredOptions.length\">\r\n <ng-container *ngFor=\"let type of searchOrder\">\r\n <div class=\"search__module-result\" *ngIf=\"canShowSearchOption(type.value)\">\r\n <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n <mat-option class=\"search__option\" *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n [value]=\"option\" [disabled]=\"option.disabled\">\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon leading-icon type=\"image-square\" [svgIcon]=\"getNodeIcon(option)\"></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div class=\"caption\" *ngIf=\"option.breadcumbs && option.breadcumbs.length\">\r\n <qms-breadcrumb class=\"breadcrumb-containe\" type=\"table\" numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\">\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span>\r\n <mat-icon class=\"material-icons-outlined search__description-icon\">local_offer</mat-icon>\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </ng-container>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div class=\"qms-scrollbar qmslib_related_popup_content\" [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length,\r\n 'col-6': splitView,\r\n 'col-12': !splitView\r\n }\">\r\n <ng-container *ngIf=\"treeData1.length > 0\">\r\n <div *ngIf=\"moduleId === module.documentProcess\" class=\"line__divider\"></div>\r\n <mat-expansion-panel hideToggle id=\"qmslib_related_popup_common_001\" [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\" (closed)=\"isCommonExpanded = false\" class=\"panel-tree\">\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n {{ LANG.PROCESSES | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree-new [treeData]=\"treeData1\" [treeConfig]=\"treeConfig1\" [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\" [disabledList]=\"disabledList\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n (selectFolderEvent)=\"getItemOfFolder($event, dataType.area)\" [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\" (treeControlNodes)=\"selectTreeControlNodeProcess($event)\">\r\n </qms-tree-new>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"treeData2.length > 0\">\r\n <div *ngIf=\"moduleId === module.documentProcess\" class=\"line__divider\"></div>\r\n\r\n <mat-expansion-panel hideToggle *ngIf=\"moduleId === module.documentProcess\"\r\n id=\"qmslib_related_popup_document_001\" [expanded]=\"isDocumentExpanded\" (opened)=\"isDocumentExpanded = true\"\r\n (closed)=\"isDocumentExpanded = false\" class=\"panel-tree\">\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title> {{ LANG.DOCUMENTS | uppercase }} </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isDocumentExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_document_002\">\r\n <qms-tree-new [treeData]=\"treeData2\" [treeConfig]=\"treeConfig2\" [selectedData]=\"selectedData2\"\r\n [disabledList]=\"disabledList2\" (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n (selectFolderEvent)=\"getItemOfFolder($event, dataType.folder)\" [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\" (treeControlNodes)=\"selectTreeControlNodeDocument($event)\">\r\n </qms-tree-new>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"splitView\" class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length\r\n }\">\r\n <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\r\n {{ splitViewTitle }}\r\n </div>\r\n <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\r\n <mat-checkbox qms-group-options [disabled]=\"node.disabled\" color=\"default\" [checked]=\"isNodeSelected(node)\"\r\n (change)=\"toggleSelectItem(node)\" *ngIf=\"!hideSplitviewCheckbox\">\r\n </mat-checkbox>\r\n <button class=\"button-boder\" mat-icon-button [disableRipple]=\"true\" (click)=\"toggleSelectItem(node)\"\r\n *ngIf=\"node.itemName\">\r\n <mat-icon class=\"mat-icon-rtl-mirror material-icons-outlined\" [svgIcon]=\"getNodeIcon(node)\">\r\n </mat-icon>\r\n </button>\r\n <span class=\"text-node-item\" style=\"cursor: pointer\" (click)=\"toggleSelectItem(node)\" [class.bgSelected]=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \">\r\n <span class=\"text-node\" [class.select-one-checked]=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \">{{ node.itemName }}</span>\r\n <mat-icon class=\"select-one-checked\" *ngIf=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \">\r\n done\r\n </mat-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button *ngIf=\"item.itemName\" mat-button class=\"related__item__content\" qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\" mode=\"dark\">\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\" (click)=\"removeCheckedNodeList(item)\">\r\n cancel</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button *ngIf=\"!checkedNodeList.length\" qms-btn style=\"margin-top: 7px\" (click)=\"onAddClick()\">\r\n {{ LANG.ADD }}\r\n </button>\r\n <button *ngIf=\"checkedNodeList.length\" qms-btn style=\"margin-top: 0px\" (click)=\"onAddClick()\">\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button qms-btn-text [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\" (click)=\"onCloseClick()\">\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
28656
28696
  encapsulation: i0.ViewEncapsulation.None,
28657
28697
  styles: ["::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:var(--text-white);padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:var(--button-red-background);margin-left:10px}.qms__danger .yellow{background-color:var(--button-yellow-background);margin-left:10px;color:var(--popup-title-color)}.qms__danger .green{background-color:var(--button-green-background);margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:var(--button-background)}.confirm__button__groups .confirm:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:var(--button-background)}.confirm__button__groups .cancel:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:var(--background-input-text)}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:var(--related-item-background);max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:var(--related-mat-icon-color);font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:278px}.qmslib__related__popup__container .qmslib-related-popup-splitview{background-color:#fff;border-left:1px solid #ccc;height:450px;overflow-y:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview .splitview-header{font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600;display:flex;align-items:center}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options{padding:0}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node{margin-left:8px;display:flex;align-items:center;min-height:40px}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .text-node-item{margin-left:8px;display:flex;align-items:center;min-height:32px;justify-content:space-between;width:100%}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .text-node-item .select-one-checked{color:var(--primary)}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption{overflow:hidden;line-height:normal;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{margin-bottom:20px;padding:0;font-weight:600;font-family:Raleway}.padding-5{padding:5px}.mat-autocomplete_related-viewport{height:100%;max-height:100%!important}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:300px}"]
28658
28698
  },] }
@@ -29453,6 +29493,7 @@
29453
29493
  exports.QMSConfirmDialog = QMSConfirmDialog;
29454
29494
  exports.QMSDialogConfig = QMSDialogConfig;
29455
29495
  exports.QMSDialogContainer = QMSDialogContainer;
29496
+ exports.QMSDialogContainerV2 = QMSDialogContainerV2;
29456
29497
  exports.QMSDialogContent = QMSDialogContent;
29457
29498
  exports.QMSDialogFooter = QMSDialogFooter;
29458
29499
  exports.QMSDialogHeader = QMSDialogHeader;