qms-angular 1.1.51 → 1.1.52

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) hide show
  1. package/bundles/qms-angular.umd.js +77 -40
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/button/button.js +3 -3
  4. package/esm2015/lib/components/dialog/dialog.js +2 -2
  5. package/esm2015/lib/components/qms-stepper/qms-stepper.component.js +1 -1
  6. package/esm2015/lib/components/related/popup/related-popup.component.js +1 -1
  7. package/esm2015/lib/components/select-access-dialog/select-access-dialog.component.js +1 -1
  8. package/esm2015/lib/components/select-department-tree/select-department-tree.component.js +1 -1
  9. package/esm2015/lib/components/select-include-children/select-include-children.component.js +1 -1
  10. package/esm2015/lib/components/select-process-data-tree/select-process-data-tree.component.js +1 -1
  11. package/esm2015/lib/components/select-process-document/select-process-document.component.js +1 -1
  12. package/esm2015/lib/components/tree/tree.component.js +1 -1
  13. package/esm2015/lib/components/treeNew/tree.component.js +1 -1
  14. package/esm2015/lib/pipe/safe-html.pipe.js +21 -0
  15. package/esm2015/lib/qms-angular.module.js +4 -2
  16. package/esm2015/lib/qms-ckeditor-components/common/helper/checkNullHelper.js +4 -0
  17. package/esm2015/lib/qms-ckeditor-components/services/qms-ckeditor-bpmn-connection.service.js +11 -2
  18. package/esm2015/lib/qms-ckeditor-components/services/qms-ckeditor-tree.service.js +5 -1
  19. package/esm2015/public-api.js +1 -1
  20. package/esm2015/qms-angular.js +23 -22
  21. package/fesm2015/qms-angular.js +52 -17
  22. package/fesm2015/qms-angular.js.map +1 -1
  23. package/lib/pipe/safe-html.pipe.d.ts +7 -0
  24. package/lib/qms-ckeditor-components/common/helper/checkNullHelper.d.ts +1 -0
  25. package/package.json +1 -1
  26. package/qms-angular.d.ts +22 -21
  27. package/qms-angular.metadata.json +1 -1
  28. package/src/themes/core/_table-pure-gap.scss +76 -8
  29. package/src/themes/core/_table.scss +221 -212
package/esm2015/lib/components/button/button.js CHANGED
@@ -80,7 +80,7 @@ QMSButton.decorators = [
80
80
  inputs: ['disabled', 'color'],
81
81
  encapsulation: ViewEncapsulation.None,
82
82
  changeDetection: ChangeDetectionStrategy.OnPush,
83
- 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 .qms-btn-wrapper,.qms-btn-fab-sm .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 .qms-btn-wrapper,.qms-btn-fab-outlined-sm .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 .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn-text-lg .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 .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn-text-lg .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)}}"]
83
+ 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 .qms-btn-wrapper,.qms-btn-fab-sm .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 .qms-btn-wrapper,.qms-btn-fab-outlined-sm .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 .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn-text-lg .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 .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn-text-lg .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{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
84
84
  },] }
85
85
  ];
86
86
  QMSButton.ctorParameters = () => [
@@ -122,7 +122,7 @@ QMSAnchor.decorators = [
122
122
  template: "<span class=\"qms-btn-wrapper\"><ng-content></ng-content></span>\n",
123
123
  encapsulation: ViewEncapsulation.None,
124
124
  changeDetection: ChangeDetectionStrategy.OnPush,
125
- 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 .qms-btn-wrapper,.qms-btn-fab-sm .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 .qms-btn-wrapper,.qms-btn-fab-outlined-sm .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 .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn-text-lg .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 .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn-text-lg .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)}}"]
125
+ 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 .qms-btn-wrapper,.qms-btn-fab-sm .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 .qms-btn-wrapper,.qms-btn-fab-outlined-sm .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 .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn-text-lg .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 .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn-text-lg .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{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
126
126
  },] }
127
127
  ];
128
128
  QMSAnchor.ctorParameters = () => [
@@ -179,7 +179,7 @@ QMSButtonIcon.decorators = [
179
179
  inputs: ['disabled', 'color', 'active'],
180
180
  encapsulation: ViewEncapsulation.None,
181
181
  changeDetection: ChangeDetectionStrategy.OnPush,
182
- 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 .qms-btn-wrapper,.qms-btn-fab-sm .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 .qms-btn-wrapper,.qms-btn-fab-outlined-sm .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)}}"]
182
+ 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 .qms-btn-wrapper,.qms-btn-fab-sm .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 .qms-btn-wrapper,.qms-btn-fab-outlined-sm .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}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
183
183
  },] }
184
184
  ];
185
185
  QMSButtonIcon.ctorParameters = () => [
package/esm2015/lib/components/dialog/dialog.js CHANGED
@@ -30,7 +30,7 @@ export class QMSConfirmDialog {
30
30
  QMSConfirmDialog.decorators = [
31
31
  { type: Component, args: [{
32
32
  selector: 'qms-dialog-confirm',
33
- template: "<div class=\"dialog-container\">\n <div mat-dialog-title class=\"dialog-title\">\n <h3 class=\"title\" *ngIf=\"info.title\">{{info.title}}</h3>\n <h3 class=\"title text-normal\" *ngIf=\"info.normalTitle\">\n {{info.normalTitle}}\n </h3>\n <button\n *ngIf=\"info.closeButton\"\n qms-btn-icon\n color=\"light\"\n (click)=\"close()\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <mat-dialog-content [innerHTML]=\"info.body\"></mat-dialog-content>\n\n <mat-dialog-actions align=\"end\" #actionGroup>\n <button qms-btn-text class=\"cancel-btn\" (click)=\"close()\">\n {{info.cancelText}}\n </button>\n <button\n *ngIf=\"info.buttonType == 'normal'\"\n qms-btn\n id=\"action-btn\"\n class=\"action-btn\"\n (click)=\"save()\"\n >\n {{info.actionText}}\n </button>\n <button\n *ngIf=\"info.buttonType == 'outline'\"\n qms-btn-text\n id=\"action-btn\"\n class=\"action-btn\"\n (click)=\"save()\"\n >\n {{info.actionText}}\n </button>\n </mat-dialog-actions>\n</div>\n",
33
+ template: "<div class=\"dialog-container\">\n <div mat-dialog-title class=\"dialog-title\">\n <h3 class=\"title\" *ngIf=\"info.title\">{{info.title}}</h3>\n <h3 class=\"title text-normal\" *ngIf=\"info.normalTitle\">\n {{info.normalTitle}}\n </h3>\n <button *ngIf=\"info.closeButton\" qms-btn-icon color=\"light\" (click)=\"close()\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <mat-dialog-content [innerHTML]=\"info.body | safeHtml\"></mat-dialog-content>\n\n <mat-dialog-actions align=\"end\" #actionGroup>\n <button qms-btn-text class=\"cancel-btn\" (click)=\"close()\" *ngIf=\"info.cancelText\">\n {{info.cancelText}}\n </button>\n <button *ngIf=\"info.buttonType == 'normal'\" qms-btn id=\"action-btn\" class=\"action-btn\" (click)=\"save()\">\n {{info.actionText}}\n </button>\n <button *ngIf=\"info.buttonType == 'outline'\" qms-btn-text id=\"action-btn\" class=\"action-btn\" (click)=\"save()\">\n {{info.actionText}}\n </button>\n </mat-dialog-actions>\n</div>",
34
34
  styles: ["::ng-deep .qms-dialog.dark-mode .mat-dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container .cancel-btn,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn,::ng-deep .qms-dialog.dark-mode .dialog-container h3.title{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:focus,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:hover{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .mat-dialog-content{color:hsla(0,0%,100%,.6)}::ng-deep .qms-dialog.dark-mode .dialog-container .action-btn{background:#b7daf8;color:#1954a9}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light{color:#fff}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light:hover{color:#fff}::ng-deep .qms-dialog .dialog-container .dialog-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}::ng-deep .qms-dialog .dialog-container .close-btn{color:rgba(0,0,0,.6);height:30px;padding:0}::ng-deep .qms-dialog .dialog-container .close-btn:focus,::ng-deep .qms-dialog .dialog-container .close-btn:hover{color:rgba(0,0,0,.6)}::ng-deep .qms-dialog .dialog-container .mat-dialog-content{font-size:14px;font-family:Open Sans}::ng-deep .qms-dialog .dialog-container .action-btn{margin-left:16px;order:2}::ng-deep .qms-dialog .dialog-container .action-btn.priority{order:1}::ng-deep .qms-dialog .dialog-container .cancel-btn{order:2}::ng-deep .qms-dialog .dialog-container h3.title{font-family:Raleway;font-size:1rem;line-height:22px;font-weight:600}::ng-deep .qms-dialog .dialog-container h3.title.text-normal{font-family:Open Sans;font-weight:400;line-height:28px;color:inherit}"]
35
35
  },] }
36
36
  ];
@@ -55,4 +55,4 @@ QMSFormDialog.decorators = [
55
55
  styles: ["::ng-deep .qms-dialog.dark-mode .mat-dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container{background-color:#323232}::ng-deep .qms-dialog.dark-mode .dialog-container .cancel-btn,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn,::ng-deep .qms-dialog.dark-mode .dialog-container h3.title{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:focus,::ng-deep .qms-dialog.dark-mode .dialog-container .close-btn:hover{color:#fff}::ng-deep .qms-dialog.dark-mode .dialog-container .mat-dialog-content{color:hsla(0,0%,100%,.6)}::ng-deep .qms-dialog.dark-mode .dialog-container .action-btn{background:#b7daf8;color:#1954a9}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light{color:#fff}::ng-deep .qms-dialog.dark-mode .qms-btn-icon.qms-light:hover{color:#fff}::ng-deep .qms-dialog .dialog-container .dialog-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}::ng-deep .qms-dialog .dialog-container .close-btn{color:rgba(0,0,0,.6);height:30px;padding:0}::ng-deep .qms-dialog .dialog-container .close-btn:focus,::ng-deep .qms-dialog .dialog-container .close-btn:hover{color:rgba(0,0,0,.6)}::ng-deep .qms-dialog .dialog-container .mat-dialog-content{font-size:14px;font-family:Open Sans}::ng-deep .qms-dialog .dialog-container .action-btn{margin-left:16px;order:2}::ng-deep .qms-dialog .dialog-container .action-btn.priority{order:1}::ng-deep .qms-dialog .dialog-container .cancel-btn{order:2}::ng-deep .qms-dialog .dialog-container h3.title{font-family:Raleway;font-size:1rem;line-height:22px;font-weight:600}::ng-deep .qms-dialog .dialog-container h3.title.text-normal{font-family:Open Sans;font-weight:400;line-height:28px;color:inherit}"]
56
56
  },] }
57
57
  ];
58
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcW1zLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBUXpFLE1BQU0sT0FBTyxnQkFBZ0I7SUFTM0IsWUFBb0IsRUFBZSxFQUN6QixNQUFrQixFQUNsQixTQUF5QyxFQUN4QixJQUFJO1FBSFgsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQUN6QixXQUFNLEdBQU4sTUFBTSxDQUFZO1FBQ2xCLGNBQVMsR0FBVCxTQUFTLENBQWdDO1FBR2pELElBQUksQ0FBQyxJQUFJLHFCQUFRLElBQUksQ0FBRSxDQUFDO0lBQzFCLENBQUM7SUFWRCxRQUFRLENBQUMsS0FBSztRQUNaLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFXRCxRQUFRO0lBRVIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDO1FBQzlELFFBQVEsQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxTQUFTLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztJQUNqRixDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7O1lBMUNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QixxbUNBQWtDOzthQUVuQzs7O1lBUlEsV0FBVztZQURlLFVBQVU7WUFFcEMsWUFBWTs0Q0FvQmhCLE1BQU0sU0FBQyxlQUFlOzs7MEJBVHhCLFNBQVMsU0FBQyxhQUFhO3VCQUN2QixZQUFZLFNBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDOztBQTBDM0MsTUFBTSxPQUFPLGFBQWE7SUFDeEIsUUFBUTtJQUVSLENBQUM7OztZQVJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQixtRkFBK0I7O2FBRWhDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIEluamVjdCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgQ29uZmlybURpYWxvZyB9IGZyb20gJy4vY29uc3RhbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxbXMtZGlhbG9nLWNvbmZpcm0nLFxuICB0ZW1wbGF0ZVVybDogJ2RpYWxvZy1jb25maXJtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnZGlhbG9nLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBRTVNDb25maXJtRGlhbG9nIGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgaW5mbzogQ29uZmlybURpYWxvZztcblxuICBAVmlld0NoaWxkKCdhY3Rpb25Hcm91cCcpIGFjdGlvbkdyb3VwOiBFbGVtZW50UmVmO1xuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25SZXNpemUoZXZlbnQpIHtcbiAgICB0aGlzLm9yZGVyQWN0aW9uQnV0dG9uKCk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcixcbiAgICBwcml2YXRlIF9lbFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFFNU0NvbmZpcm1EaWFsb2c+LFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBkYXRhKSB7XG5cbiAgICB0aGlzLmluZm8gPSB7IC4uLmRhdGEgfTtcbiAgfVxuXG5cbiAgbmdPbkluaXQoKSB7XG5cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLm9yZGVyQWN0aW9uQnV0dG9uKCk7XG4gIH1cblxuICBvcmRlckFjdGlvbkJ1dHRvbigpIHtcbiAgICBjb25zdCBkaXZIZWlnaHQgPSB0aGlzLmFjdGlvbkdyb3VwLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xuICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdhY3Rpb24tYnRuJykuc3R5bGUub3JkZXIgPSBkaXZIZWlnaHQgPiA2OCA/ICcxJyA6ICcyJztcbiAgfVxuXG4gIHNhdmUoKSB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodHJ1ZSk7XG4gIH1cblxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShmYWxzZSk7XG4gIH1cbn1cblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxbXMtZGlhbG9nLWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJ2RpYWxvZy1mb3JtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnZGlhbG9nLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBRTVNGb3JtRGlhbG9nIGltcGxlbWVudHMgT25Jbml0IHtcbiAgbmdPbkluaXQoKSB7XG5cbiAgfVxufVxuXG4iXX0=
58
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcW1zLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBUXpFLE1BQU0sT0FBTyxnQkFBZ0I7SUFTM0IsWUFBb0IsRUFBZSxFQUN6QixNQUFrQixFQUNsQixTQUF5QyxFQUN4QixJQUFJO1FBSFgsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQUN6QixXQUFNLEdBQU4sTUFBTSxDQUFZO1FBQ2xCLGNBQVMsR0FBVCxTQUFTLENBQWdDO1FBR2pELElBQUksQ0FBQyxJQUFJLHFCQUFRLElBQUksQ0FBRSxDQUFDO0lBQzFCLENBQUM7SUFWRCxRQUFRLENBQUMsS0FBSztRQUNaLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFXRCxRQUFRO0lBRVIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDO1FBQzlELFFBQVEsQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxTQUFTLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQztJQUNqRixDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7O1lBMUNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QixvaENBQWtDOzthQUVuQzs7O1lBUlEsV0FBVztZQURlLFVBQVU7WUFFcEMsWUFBWTs0Q0FvQmhCLE1BQU0sU0FBQyxlQUFlOzs7MEJBVHhCLFNBQVMsU0FBQyxhQUFhO3VCQUN2QixZQUFZLFNBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDOztBQTBDM0MsTUFBTSxPQUFPLGFBQWE7SUFDeEIsUUFBUTtJQUVSLENBQUM7OztZQVJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQixtRkFBK0I7O2FBRWhDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIEluamVjdCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgQ29uZmlybURpYWxvZyB9IGZyb20gJy4vY29uc3RhbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxbXMtZGlhbG9nLWNvbmZpcm0nLFxuICB0ZW1wbGF0ZVVybDogJ2RpYWxvZy1jb25maXJtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnZGlhbG9nLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBRTVNDb25maXJtRGlhbG9nIGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgaW5mbzogQ29uZmlybURpYWxvZztcblxuICBAVmlld0NoaWxkKCdhY3Rpb25Hcm91cCcpIGFjdGlvbkdyb3VwOiBFbGVtZW50UmVmO1xuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgb25SZXNpemUoZXZlbnQpIHtcbiAgICB0aGlzLm9yZGVyQWN0aW9uQnV0dG9uKCk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcixcbiAgICBwcml2YXRlIF9lbFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFFNU0NvbmZpcm1EaWFsb2c+LFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBkYXRhKSB7XG5cbiAgICB0aGlzLmluZm8gPSB7IC4uLmRhdGEgfTtcbiAgfVxuXG5cbiAgbmdPbkluaXQoKSB7XG5cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLm9yZGVyQWN0aW9uQnV0dG9uKCk7XG4gIH1cblxuICBvcmRlckFjdGlvbkJ1dHRvbigpIHtcbiAgICBjb25zdCBkaXZIZWlnaHQgPSB0aGlzLmFjdGlvbkdyb3VwLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xuICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdhY3Rpb24tYnRuJykuc3R5bGUub3JkZXIgPSBkaXZIZWlnaHQgPiA2OCA/ICcxJyA6ICcyJztcbiAgfVxuXG4gIHNhdmUoKSB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodHJ1ZSk7XG4gIH1cblxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShmYWxzZSk7XG4gIH1cbn1cblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdxbXMtZGlhbG9nLWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJ2RpYWxvZy1mb3JtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnZGlhbG9nLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBRTVNGb3JtRGlhbG9nIGltcGxlbWVudHMgT25Jbml0IHtcbiAgbmdPbkluaXQoKSB7XG5cbiAgfVxufVxuXG4iXX0=
package/esm2015/lib/components/qms-stepper/qms-stepper.component.js CHANGED
@@ -21,7 +21,7 @@ QmsStepperComponent.decorators = [
21
21
  changeDetection: ChangeDetectionStrategy.OnPush,
22
22
  selector: 'app-qms-stepper',
23
23
  template: "<div class=\"qms-stepper-container\">\n <div *ngIf=\"isHorizontal\">\n <mat-horizontal-stepper [style.width.px]=\"width\" labelPosition=\"{{labelPosition}}\" #stepper\n (selectionChange)=\"changeStep($event.selectedIndex)\" class=\"overflow-auto\" [selectedIndex]=\"currentStep\">\n <mat-step *ngFor=\"let step of steps; let i = index;\" [completed]=\"false\"\n [aria-labelledby]=\"step.disabled ? 'disabled' : 'step-item'\">\n <ng-template matStepLabel>\n <span tabindex=\"0\" (keydown.enter)=\"changeStep(i)\" class=\"title-step\" \n [ngClass]=\"{ 'is-deleted-field': step.isDeleted }\"\n >{{step.name}}<span *ngIf=\"step.isMandatory && !step.isDeleted\" class=\"is-mandatory-field\"> *</span></span>\n </ng-template>\n <ng-template matStepContent>\n </ng-template>\n </mat-step>\n <ng-template matStepperIcon=\"edit\">\n {{stepper.selectedIndex + 1}}\n </ng-template>\n </mat-horizontal-stepper>\n </div>\n <div *ngIf=\"!isHorizontal\">\n <mat-vertical-stepper [style.height.px]=\"height\" #stepper (selectionChange)=\"changeStep($event.selectedIndex)\"\n [selectedIndex]=\"currentStep\" class=\"overflow-auto\">\n <mat-step *ngFor=\"let step of steps; let i = index;\" [completed]=\"false\"\n [aria-labelledby]=\"step.disabled ? 'disabled' : 'step-item'\">\n <ng-template matStepLabel>\n <span tabindex=\"0\" (keydown.enter)=\"changeStep(i)\" class=\"title-step\"\n [ngClass]=\"{ 'is-deleted-field': step.isDeleted }\"\n >{{step.name}}<span *ngIf=\"step.isMandatory && !step.isDeleted\" class=\"is-mandatory-field\"> *</span></span>\n </ng-template>\n <ng-template matStepContent>\n </ng-template>\n </mat-step>\n <ng-template matStepperIcon=\"edit\">\n <span>{{stepper.selectedIndex + 1}}</span>\n </ng-template>\n </mat-vertical-stepper>\n </div>\n</div>",
24
- styles: [".qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=step-item]{height:22px!important;padding:8px 12px;left:0;top:0;border-radius:4px;color:#fff}.qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=step-item].mat-horizontal-stepper-header{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=step-item].mat-vertical-stepper-header{width:156px}.qms-stepper-container ::ng-deep .mat-step-header .mat-step-icon{background:rgba(0,0,0,.6);margin-right:14px}.qms-stepper-container ::ng-deep .mat-step-header .mat-step-icon-selected{background-color:#1954a9!important;color:#fff}.qms-stepper-container ::ng-deep .mat-step-header[aria-selected=true] .title-step{font-weight:600!important;outline:none!important;-webkit-font-smoothing:antialiased!important}.qms-stepper-container ::ng-deep mat-step-header:active{background:#e5eefb}.qms-stepper-container ::ng-deep mat-step-header:active mat-step-label{color:#fff}.qms-stepper-container ::ng-deep mat-step-header:active mat-step-icon{color:#323232;background:rgba(0,0,0,.6)}.qms-stepper-container ::ng-deep mat-step-header .mat-ripple-element{background-color:rgba(229,238,251,.3)}.qms-stepper-container ::ng-deep mat-step-header:hover{background:#f2f7fd}.qms-stepper-container ::ng-deep mat-step-header:hover mat-step-label{color:#fff}.qms-stepper-container ::ng-deep mat-step-header:hover mat-step-icon{color:#323232;background:rgba(0,0,0,.6)}.qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=disabled]{pointer-events:none!important;cursor:not-allowed;opacity:.6;height:22px!important;width:156px;left:0;top:0;border-radius:4px;padding:8px 12px}.qms-stepper-container ::ng-deep mat-step-header:focus{border:2px solid #1954a9}.qms-stepper-container ::ng-deep mat-step-header:focus mat-step-label{color:#fff}.qms-stepper-container ::ng-deep mat-step-header:focus mat-step-icon{color:#323232;background:rgba(0,0,0,.6)}.qms-stepper-container ::ng-deep mat-step-header.mat-step-header.cdk-keyboard-focused,.qms-stepper-container ::ng-deep mat-step-header.mat-step-header.cdk-program-focused{border:3px solid #1954a9;background:#fff}.qms-stepper-container ::ng-deep mat-step-header:focus:not(:focus-visible){border:none}.qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=active]{pointer-events:none!important;cursor:not-allowed;opacity:.6}.qms-stepper-container .title-step{font-family:Open Sans;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;text-align:center;color:#323232;outline:none!important}.qms-stepper-container ::ng-deep .mat-step-icon{width:24px;height:24px}.qms-stepper-container ::ng-deep .mat-step-icon .mat-step-icon-content{font-family:Open Sans;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;text-align:center;color:#fff;padding-top:1px}.qms-stepper-container ::ng-deep .mat-stepper-vertical-line:before{border-left-width:0;border-right-width:0}.qms-stepper-container ::ng-deep .mat-stepper-vertical-line{margin-left:23px;background:#0000001f;height:30px;width:1px}.qms-stepper-container ::ng-deep .mat-stepper-horizontal-line{height:1px;width:22px!important;left:0;top:18px;border-radius:0;margin:8px;background:#0000001f;max-width:22px!important}.qms-stepper-container .is-mandatory-field{color:#002e68!important}.qms-stepper-container .is-deleted-field{color:#ef1d34!important}"]
24
+ styles: [".qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=step-item]{height:22px!important;padding:8px 12px;left:0;top:0;border-radius:4px;color:#fff}.qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=step-item].mat-horizontal-stepper-header{min-width:-moz-fit-content;min-width:fit-content}.qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=step-item].mat-vertical-stepper-header{width:156px}.qms-stepper-container ::ng-deep .mat-step-header .mat-step-icon{background:rgba(0,0,0,.6);margin-right:14px}.qms-stepper-container ::ng-deep .mat-step-header .mat-step-icon-selected{background-color:#1954a9!important;color:#fff}.qms-stepper-container ::ng-deep .mat-step-header[aria-selected=true] .title-step{font-weight:600!important;outline:none!important;-webkit-font-smoothing:antialiased!important}.qms-stepper-container ::ng-deep mat-step-header:active{background:#e5eefb}.qms-stepper-container ::ng-deep mat-step-header:active mat-step-label{color:#fff}.qms-stepper-container ::ng-deep mat-step-header:active mat-step-icon{color:#323232;background:rgba(0,0,0,.6)}.qms-stepper-container ::ng-deep mat-step-header .mat-ripple-element{background-color:rgba(229,238,251,.3)}.qms-stepper-container ::ng-deep mat-step-header:hover{background:#f2f7fd}.qms-stepper-container ::ng-deep mat-step-header:hover mat-step-label{color:#fff}.qms-stepper-container ::ng-deep mat-step-header:hover mat-step-icon{color:#323232;background:rgba(0,0,0,.6)}.qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=disabled]{pointer-events:none!important;cursor:not-allowed;opacity:.6;height:22px!important;width:156px;left:0;top:0;border-radius:4px;padding:8px 12px}.qms-stepper-container ::ng-deep mat-step-header:focus{border:2px solid #1954a9}.qms-stepper-container ::ng-deep mat-step-header:focus mat-step-label{color:#fff}.qms-stepper-container ::ng-deep mat-step-header:focus mat-step-icon{color:#323232;background:rgba(0,0,0,.6)}.qms-stepper-container ::ng-deep mat-step-header.mat-step-header.cdk-keyboard-focused,.qms-stepper-container ::ng-deep mat-step-header.mat-step-header.cdk-program-focused{border:3px solid #1954a9;background:#fff}.qms-stepper-container ::ng-deep mat-step-header:focus:not(:focus-visible){border:none}.qms-stepper-container ::ng-deep .mat-step-header[aria-labelledby=active]{pointer-events:none!important;cursor:not-allowed;opacity:.6}.qms-stepper-container .title-step{font-family:Open Sans;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;text-align:center;color:#323232;outline:none!important}.qms-stepper-container ::ng-deep .mat-step-icon{width:24px;height:24px}.qms-stepper-container ::ng-deep .mat-step-icon .mat-step-icon-content{font-family:Open Sans;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;text-align:center;color:#fff;padding-top:1px}.qms-stepper-container ::ng-deep .mat-stepper-vertical-line:before{border-left-width:0;border-right-width:0}.qms-stepper-container ::ng-deep .mat-stepper-vertical-line{margin-left:23px;background:#0000001f;height:30px;width:1px}.qms-stepper-container ::ng-deep .mat-stepper-horizontal-line{height:1px;width:22px!important;left:0;top:18px;border-radius:0;margin:8px;background:#0000001f;max-width:22px!important}.qms-stepper-container .is-mandatory-field{color:#002e68!important}.qms-stepper-container .is-deleted-field{color:#ef1d34!important}"]
25
25
  },] }
26
26
  ];
27
27
  QmsStepperComponent.ctorParameters = () => [
package/esm2015/lib/components/related/popup/related-popup.component.js CHANGED
@@ -1228,7 +1228,7 @@ RelatedPopupComponent.decorators = [
1228
1228
  selector: 'qms-related-popup',
1229
1229
  template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\n <div id=\"qmslib_related_popup_header\">\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\n <mat-icon mat-icon>close</mat-icon>\n </span>\n <div *ngIf=\"canUploadImage || canUploadVideo || canUpdateVideoProperties\" id=\"qmslib_related_popup_header_001\"\n [ngClass]=\"{\n panel_header_height_with_video_upload: canUploadVideo,\n panel_header_height_without_video_upload: !canUploadVideo && canUploadImage && canUpdateVideoProperties\n }\" mat-dialog-content class=\"row\">\n <div *ngIf=\"canUploadImage\" class=\"selected-image col-12\">\n <div class=\"row d-flex align-items-center\">\n <div class=\"col-md-4\">{{ moduleUploadImageName | uppercase }}</div>\n <div class=\"col-md-8\">\n <form>\n <mat-form-field qms-form qms-file-upload appearance=\"fill\" class=\"example-width input-upload\">\n <mat-icon matPrefix svgIcon=\"upload\"></mat-icon>\n <input matInput placeholder=\"Upload file\" [formControl]=\"qmsInputImageType\" qms-file-upload-display\n #fileDisplay value=\"{{qmsInputImageFile? qmsInputImageFile.fileName : ''}}\"\n [attr.disabled]=\"isLoadingImageFile ? 'disabled' : null\" readonly>\n <input hidden type=\"file\" [(inputFile)]=\"qmsInputImageFile\" qms-file-upload-selector #fileSelector\n [acceptExtensions]=\"acceptExtensions\"\n accept=\".pjp, .jpg, .pjpeg, .jpeg, .jfif, .png, .gif, .bmp, .webp, .tif, .tiff\"\n [maxSize]=\"maxVideoThumbnailSizeKB\" (change)=\"onChangeImage($event)\">\n\n <mat-progress-spinner matSuffix mode=\"indeterminate\" diameter='20'\n *ngIf=\"isLoadingImageFile\"></mat-progress-spinner>\n <div matSuffix qms-input-clear *ngIf=\"qmsInputImageFile && qmsInputImageFile.fileName\">\n <button qms-btn-icon color=\"light\" (click)=\"clearQMSInputImageFile()\" [disabled]=\"isLoadingImageFile\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <mat-error *ngIf=\"qmsInputImageFile && qmsInputImageFile.typeError == 1\">\n {{ LANG.QMSCKEDITOR.EXTENSION_IS_NOT_SUPPORTED }}\n </mat-error>\n </mat-form-field>\n </form>\n </div>\n </div>\n <div class=\"row d-flex align-items-center\">\n <div class=\"col-md-4\">{{ LANG.QMSCKEDITOR.VIDEO_IMAGE | uppercase}}:</div>\n <div class=\"col-md-8\">\n <mat-form-field class=\"example-width input-upload\">\n <input matInput [(ngModel)]=\"videoData.poster\">\n </mat-form-field>\n </div>\n </div>\n </div>\n <div class=\"selected-image col-12\">\n <div *ngIf=\"canUploadVideo\" class=\"row d-flex align-items-center\">\n <div class=\"col-md-4\">{{ moduleUploadFileName | uppercase }}</div>\n <div class=\"col-md-8\">\n <form>\n <mat-form-field qms-form qms-file-upload appearance=\"fill\" class=\"example-width input-upload\">\n <mat-icon matPrefix svgIcon=\"upload\"></mat-icon>\n <input matInput placeholder=\"Upload file\" [formControl]=\"qmsInputVideoType\" qms-file-upload-display\n #fileDisplay value=\"{{qmsInputVideoFile? qmsInputVideoFile.fileName : ''}}\"\n [attr.disabled]=\"isLoadingVideoFile ? 'disabled' : null\" readonly>\n <input hidden type=\"file\" [(inputFile)]=\"qmsInputVideoFile\" qms-file-upload-selector #fileSelector\n [acceptExtensions]=\"acceptExtensionsForVideo\" accept=\".mp4\" (change)=\"onChangeFile($event)\">\n\n <mat-progress-spinner matSuffix mode=\"indeterminate\" diameter='20'\n *ngIf=\"isLoadingVideoFile\"></mat-progress-spinner>\n <div matSuffix qms-input-clear *ngIf=\"qmsInputVideoFile && qmsInputVideoFile.fileName\">\n <button qms-btn-icon color=\"light\" (click)=\"clearQMSInputVideoFile()\" [disabled]=\"isLoadingVideoFile\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <mat-error *ngIf=\"qmsInputVideoFile && qmsInputVideoFile.typeError == 1\">\n {{ LANG.QMSCKEDITOR.ACCEPT_MP4_ONLY }}\n </mat-error>\n </mat-form-field>\n </form>\n </div>\n </div>\n <div class=\"row d-flex align-items-center\" *ngIf=\"canUpdateVideoProperties\">\n <div class=\"col-md-4\">{{ LANG.QMSCKEDITOR.VIDEO_SOURCE | uppercase}}:</div>\n <div class=\"col-md-8\">\n <mat-form-field class=\"example-width input-upload\">\n <input matInput [(ngModel)]=\"videoData.src\">\n </mat-form-field>\n </div>\n </div>\n </div>\n <div *ngIf=\"canUpdateVideoProperties\" class=\"selected-image col-12\">\n <div class=\"row d-flex align-items-center\">\n <div class=\"col-md-4\">\n <mat-form-field class=\"example-width input-upload\">\n <mat-label>{{ LANG.WIDTH }}</mat-label>\n <input type=\"number\" matInput [(ngModel)]=\"videoData.width\">\n </mat-form-field>\n </div>\n <div class=\"col-md-4\">\n <mat-form-field class=\"example-width input-upload\">\n <mat-label>{{ LANG.HEIGHT }}</mat-label>\n <input type=\"number\" matInput [(ngModel)]=\"videoData.height\">\n </mat-form-field>\n </div>\n <div class=\"col-md-4\">\n <mat-form-field class=\"example-width input-upload\">\n <mat-label>Id</mat-label>\n <input matInput [(ngModel)]=\"videoData.id\">\n </mat-form-field>\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <span class=\"module-name\">{{ moduleName | uppercase }}</span>\n </div>\n </div>\n\n <div id=\"qmslib_related_popup_search\" class=\"input__field\">\n <input type=\"text\" placeholder=\"{{ LANG.SEARCH }}\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\" />\n <mat-icon>search</mat-icon>\n </div>\n\n <div class=\"line__divider\"></div>\n\n <mat-autocomplete #auto=\"matAutocomplete\" class=\"mat-autocomplete_related-viewport\"\n (optionSelected)=\"selectRelated($event.option.value)\" [displayWith]=\"displayWhenSelectRelatedOption\">\n <cdk-virtual-scroll-viewport qms-scrollbar itemSize=\"10\" [class.related-viewport]=\"isInputValue\"\n *ngIf=\"filteredOptions.length\">\n <ng-container *ngFor=\"let type of searchOrder\">\n <div class=\"search__module-result\" *ngIf=\"canShowSearchOption(type.value)\">\n <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\n <mat-option class=\"search__option\" *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\n [value]=\"option\" [disabled]=\"option.disabled\">\n <qms-list-item type=\"image-square\">\n <mat-icon leading-icon type=\"image-square\" [svgIcon]=\"getNodeIcon(option)\"></mat-icon>\n <div qms-list-header>\n <div qms-line type=\"caption\" qms-tool-tip=\"{{\n isEllipsisActive(searchItemResult) ? option.parentName : ''\n }}\" mode=\"dark\" *ngIf=\"getParentName(option)\">\n <span #searchItemResult class=\"search__result__parent-name\">\n {{ option.parentName }}\n </span>\n </div>\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\n {{ option.itemName }}\n </div>\n <div class=\"caption\" *ngIf=\"option.breadcumbs && option.breadcumbs.length\">\n <qms-breadcrumb class=\"breadcrumb-container\" type=\"table\" numDisplayItem=\"1\"\n [nodes]=\"option.breadcumbs\">\n </qms-breadcrumb>\n </div>\n </div>\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\n <span>\n <mat-icon class=\"material-icons-outlined search__description-icon\">local_offer</mat-icon>\n </span>\n {{ getItemId(option) }}\n </div>\n </qms-list-item>\n </mat-option>\n </div>\n </ng-container>\n </cdk-virtual-scroll-viewport>\n </mat-autocomplete>\n\n <div class=\"row\">\n <div class=\"qms-scrollbar qmslib_related_popup_content\" [ngClass]=\"{\n panel__content_item: checkedNodeList.length,\n panel__content: !checkedNodeList.length,\n panel__content_height_with_upload: canUploadImage && !checkedNodeList.length,\n panel__content_item_height_with_upload: canUploadImage && checkedNodeList.length,\n 'col-6': splitView,\n 'col-12': !splitView\n }\">\n <ng-container *ngIf=\"treeData1.length > 0\">\n <mat-expansion-panel hideToggle id=\"qmslib_related_popup_common_001\" [expanded]=\"isCommonExpanded\"\n (opened)=\"isCommonExpanded = true\" (closed)=\"isCommonExpanded = false\" class=\"panel-tree\">\n <mat-expansion-panel-header class=\"padding-5\">\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\n {{ LANG.PROCESSES | uppercase }}\n </mat-panel-title>\n <mat-panel-title *ngIf=\"moduleId === module.deviation\">\n {{ LANG.DEVIATION | uppercase }}\n </mat-panel-title>\n <mat-panel-title *ngIf=\"moduleId === module.checklist\">\n {{ LANG.CHECKLIST | uppercase }}\n </mat-panel-title>\n <mat-panel-title *ngIf=\"moduleId === module.risk\">\n {{ LANG.ASSESSMENT | uppercase }}\n </mat-panel-title>\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\n <mat-icon>\n {{\n isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\n }}\n </mat-icon>\n </button>\n </mat-expansion-panel-header>\n <div id=\"qmslib_related_popup_common_002\">\n <qms-tree [treeData]=\"treeData1\" [treeConfig]=\"treeConfig1\" [selectedData]=\"selectedData\"\n [selectedRiskData]=\"selectedRiskData\" [disabledList]=\"disabledList\"\n (checkBoxEvent)=\"getCommonCheckedNode($event)\"\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\n [expandOnTitleClick]=\"!splitView\" [parentNodeOnClick]=\"parentNodeSelected\"\n (treeControlNodes)=\"selectTreeControlNodeProcess($event)\"></qms-tree>\n </div>\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"treeData2.length > 0\">\n <div *ngIf=\"moduleId === module.documentProcess\" class=\"line__divider\"></div>\n\n <mat-expansion-panel hideToggle *ngIf=\"moduleId === module.documentProcess\"\n id=\"qmslib_related_popup_document_001\" [expanded]=\"isDocumentExpanded\" (opened)=\"isDocumentExpanded = true\"\n (closed)=\"isDocumentExpanded = false\" class=\"panel-tree\">\n <mat-expansion-panel-header class=\"padding-5\">\n <mat-panel-title>\n {{ LANG.DOCUMENTS | uppercase }}\n </mat-panel-title>\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\n <mat-icon>\n {{\n isDocumentExpanded\n ? \"keyboard_arrow_up\"\n : \"keyboard_arrow_down\"\n }}\n </mat-icon>\n </button>\n </mat-expansion-panel-header>\n <div id=\"qmslib_related_popup_document_002\">\n <qms-tree [treeData]=\"treeData2\" [treeConfig]=\"treeConfig2\" [selectedData]=\"selectedData2\"\n [disabledList]=\"disabledList2\" (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\n (selectNodeEvent)=\"selectNodeTree2Event($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\n [expandOnTitleClick]=\"!splitView\" [parentNodeOnClick]=\"parentNodeSelected\"\n (treeControlNodes)=\"selectTreeControlNodeDocument($event)\"></qms-tree>\n </div>\n </mat-expansion-panel>\n </ng-container>\n </div>\n <div *ngIf=\"splitView\" class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\n [ngClass]=\"{\n panel__content_item: checkedNodeList.length,\n panel__content: !checkedNodeList.length\n }\">\n <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\n {{ splitViewTitle }}\n </div>\n <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\n <mat-checkbox qms-group-options [disabled]=\"node.disabled\" color=\"default\" [checked]=\"isNodeSelected(node)\"\n (change)=\"toggleSelectItem(node)\"></mat-checkbox>\n <mat-icon class=\"mat-icon-rtl-mirror material-icons-outlined\" [svgIcon]=\"getNodeIcon(node)\"></mat-icon>\n <span class=\"text-node\">{{ node.itemName }}</span>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\n\n <div class=\"row\">\n <div class=\"col-12 pr-0 pe-0\">\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\n <button *ngIf=\"item.itemName\" mat-button class=\"related__item__content\" qms-tool-tip=\"{{\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\n }}\" mode=\"dark\">\n <span class=\"related__item__content_name\" #itemName>{{\n getItemChipName(item)\n }}</span>\n <mat-icon *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\"\n (click)=\"removeCheckedNodeList(item)\">cancel</mat-icon>\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"line__divider\"></div>\n\n <div class=\"confirm__button__groups\">\n <button *ngIf=\"!checkedNodeList.length\" qms-btn style=\"margin-top: 7px\"\n [disabled]=\"isLoadingVideoFile || isLoadingImageFile\" (click)=\"onAddClick()\">\n {{ LANG.ADD }}\n </button>\n <button *ngIf=\"checkedNodeList.length\" qms-btn style=\"margin-top: 0px\"\n [disabled]=\"isLoadingVideoFile || isLoadingImageFile\" (click)=\"onAddClick()\">\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\n </button>\n <button qms-btn-text [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\" (click)=\"onCloseClick()\">\n {{ LANG.CANCEL }}\n </button>\n </div>\n</div>",
1230
1230
  encapsulation: ViewEncapsulation.None,
1231
- 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_height_with_upload{height:380px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item_height_with_upload{height:257px}.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 .module-name{margin-top:10px;display:block;font-weight:600;font-family:Raleway}.qmslib__related__popup__container input::-webkit-inner-spin-button,.qmslib__related__popup__container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qmslib__related__popup__container input[type=number]{-moz-appearance:textfield}.qmslib__related__popup__container .panel_header_height_with_video_upload{height:350px}.qmslib__related__popup__container .panel_header_height_without_video_upload{height:300px}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-container .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-container .qms-breadcrumb-item .mat-icon,cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .breadcrumb-container .qms-breadcrumb-item-text,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{width:100%;padding:0;font-weight:600;font-family:Raleway;margin:0}#qmslib_related_popup_header_001 .selected-image{padding-bottom:10px;width:100%}#qmslib_related_popup_header_001 .selected-image .input-upload,#qmslib_related_popup_header_001 .selected-image .module-name{width:100%;height:60px}.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}"]
1231
+ 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_height_with_upload{height:380px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item_height_with_upload{height:257px}.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:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon svg{display:block;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .module-name{margin-top:10px;display:block;font-weight:600;font-family:Raleway}.qmslib__related__popup__container input::-webkit-inner-spin-button,.qmslib__related__popup__container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qmslib__related__popup__container input[type=number]{-moz-appearance:textfield}.qmslib__related__popup__container .panel_header_height_with_video_upload{height:350px}.qmslib__related__popup__container .panel_header_height_without_video_upload{height:300px}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-container .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-container .qms-breadcrumb-item .mat-icon,cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .breadcrumb-container .qms-breadcrumb-item-text,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{width:100%;padding:0;font-weight:600;font-family:Raleway;margin:0}#qmslib_related_popup_header_001 .selected-image{padding-bottom:10px;width:100%}#qmslib_related_popup_header_001 .selected-image .input-upload,#qmslib_related_popup_header_001 .selected-image .module-name{width:100%;height:60px}.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}"]
1232
1232
  },] }
1233
1233
  ];
1234
1234
  RelatedPopupComponent.ctorParameters = () => [