qms-angular 1.1.4 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/qms-angular.umd.js +340 -35
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/button/button.js +3 -3
- package/esm2015/lib/components/list/list.js +2 -2
- package/esm2015/lib/components/qms-nav-drawer/directive/qms-multi-icon.directive.js +75 -0
- package/esm2015/lib/components/qms-nav-drawer/index.js +2 -0
- package/esm2015/lib/components/qms-nav-drawer/models/qms-nav-drawer.model.js +10 -0
- package/esm2015/lib/components/qms-nav-drawer/public_api.js +6 -0
- package/esm2015/lib/components/qms-nav-drawer/qms-nav-drawer.component.js +160 -0
- package/esm2015/lib/components/qms-nav-drawer/qms-nav-drawer.module.js +37 -0
- package/esm2015/lib/components/qms-nav-drawer/service/qms-nav-drawer.service.js +17 -0
- package/esm2015/lib/components/related/popup/related-popup.component.js +1 -1
- package/esm2015/lib/components/tree/tree.component.js +2 -3
- package/esm2015/lib/components/treeNew/tree.component.js +1 -1
- package/esm2015/public-api.js +2 -1
- package/fesm2015/qms-angular.js +289 -13
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/components/qms-nav-drawer/directive/qms-multi-icon.directive.d.ts +15 -0
- package/lib/components/qms-nav-drawer/index.d.ts +1 -0
- package/lib/components/qms-nav-drawer/models/qms-nav-drawer.model.d.ts +34 -0
- package/lib/components/qms-nav-drawer/public_api.d.ts +5 -0
- package/lib/components/qms-nav-drawer/qms-nav-drawer.component.d.ts +67 -0
- package/lib/components/qms-nav-drawer/qms-nav-drawer.module.d.ts +2 -0
- package/lib/components/qms-nav-drawer/service/qms-nav-drawer.service.d.ts +7 -0
- package/lib.theme.scss +5 -4
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/qms-angular.metadata.json +1 -1
- package/src/assets/qms-ckeditor-plugin/package-lock.json +48 -0
- package/src/lib/components/list/_list-expansion.scss +1 -1
- package/src/lib/components/qms-nav-drawer/qms-nav-drawer.component.scss +99 -0
- package/src/themes/core/_table-pure-gap.scss +31 -3
- package/src/themes/theme/_variable.scss +3 -0
@@ -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-sm .qms-btn-wrapper,.qms-btn-fab .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary,.qms-primary.qms-btn-fab-sm{background-color:var(--primary);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary,.qms-secondary.qms-btn-fab-sm{background-color:var(--secondary);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-sm .qms-btn-wrapper,.qms-btn-fab-outlined .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):focus,.qms-btn-fab-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-primary,.qms-primary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-secondary,.qms-secondary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab-outlined-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:var(--primary);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text,.qms-btn-text-lg{background:transparent}.qms-btn-fab,.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm{border-radius:50%}.qms-btn,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{border-radius:4px}.qms-btn,.qms-btn-fab,.qms-btn-fab-ext,.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;font-style:normal}.qms-btn-fab-ext.qms-btn-disabled,.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-fab-sm.qms-btn-disabled,.qms-btn-fab.qms-btn-disabled,.qms-btn-lg.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled,.qms-btn-text-lg.qms-btn-disabled,.qms-btn-text.qms-btn-disabled,.qms-btn.qms-btn-disabled{cursor:default;background:var(--disabled);color:rgba(0,0,0,.38)}.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-text-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn .mat-icon{font-size:24px!important;padding-bottom:1px}.qms-btn-fab-ext::-moz-focus-inner,.qms-btn-fab-outlined-ext::-moz-focus-inner,.qms-btn-fab-outlined-sm::-moz-focus-inner,.qms-btn-fab-outlined::-moz-focus-inner,.qms-btn-fab-sm::-moz-focus-inner,.qms-btn-fab::-moz-focus-inner,.qms-btn-lg::-moz-focus-inner,.qms-btn-outlined-lg::-moz-focus-inner,.qms-btn-outlined::-moz-focus-inner,.qms-btn-text-lg::-moz-focus-inner,.qms-btn-text::-moz-focus-inner,.qms-btn::-moz-focus-inner{border:0}.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-outlined,.qms-btn-outlined-lg{border:1px solid #ddd}.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled{border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-ext:not([disabled]):hover,.qms-btn-fab-outlined-ext:not([disabled]):hover,.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover,.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover,.qms-btn-lg:not([disabled]):hover,.qms-btn-outlined-lg:not([disabled]):hover,.qms-btn-outlined:not([disabled]):hover,.qms-btn-text-lg:not([disabled]):hover,.qms-btn-text:not([disabled]):hover,.qms-btn:not([disabled]):hover{text-decoration:none}.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-text-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn .qms-btn-wrapper>*{vertical-align:middle}.qms-btn-fab-ext:after,.qms-btn-fab-outlined-ext:after,.qms-btn-fab-outlined-sm:after,.qms-btn-fab-outlined:after,.qms-btn-fab-sm:after,.qms-btn-fab:after,.qms-btn-lg:after,.qms-btn-outlined-lg:after,.qms-btn-outlined:after,.qms-btn-text-lg:after,.qms-btn-text:after,.qms-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:10px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn:not([disabled]):focus:not(:focus-visible):not(:active):after{-webkit-animation:ripple 1s ease-out;animation:ripple 1s ease-out}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
|
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)}}"]
|
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>\r\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-sm .qms-btn-wrapper,.qms-btn-fab .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary,.qms-primary.qms-btn-fab-sm{background-color:var(--primary);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary,.qms-secondary.qms-btn-fab-sm{background-color:var(--secondary);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-sm .qms-btn-wrapper,.qms-btn-fab-outlined .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):focus,.qms-btn-fab-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-primary,.qms-primary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-secondary,.qms-secondary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab-outlined-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:var(--primary);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-text,.qms-btn-text-lg{background:transparent}.qms-btn-fab,.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm{border-radius:50%}.qms-btn,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{border-radius:4px}.qms-btn,.qms-btn-fab,.qms-btn-fab-ext,.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-fab-sm,.qms-btn-lg,.qms-btn-outlined,.qms-btn-outlined-lg,.qms-btn-text,.qms-btn-text-lg{box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;font-style:normal}.qms-btn-fab-ext.qms-btn-disabled,.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-fab-sm.qms-btn-disabled,.qms-btn-fab.qms-btn-disabled,.qms-btn-lg.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled,.qms-btn-text-lg.qms-btn-disabled,.qms-btn-text.qms-btn-disabled,.qms-btn.qms-btn-disabled{cursor:default;background:var(--disabled);color:rgba(0,0,0,.38)}.qms-btn-fab-ext .mat-icon,.qms-btn-fab-outlined-ext .mat-icon,.qms-btn-fab-outlined-sm .mat-icon,.qms-btn-fab-outlined .mat-icon,.qms-btn-fab-sm .mat-icon,.qms-btn-fab .mat-icon,.qms-btn-lg .mat-icon,.qms-btn-outlined-lg .mat-icon,.qms-btn-outlined .mat-icon,.qms-btn-text-lg .mat-icon,.qms-btn-text .mat-icon,.qms-btn .mat-icon{font-size:24px!important;padding-bottom:1px}.qms-btn-fab-ext::-moz-focus-inner,.qms-btn-fab-outlined-ext::-moz-focus-inner,.qms-btn-fab-outlined-sm::-moz-focus-inner,.qms-btn-fab-outlined::-moz-focus-inner,.qms-btn-fab-sm::-moz-focus-inner,.qms-btn-fab::-moz-focus-inner,.qms-btn-lg::-moz-focus-inner,.qms-btn-outlined-lg::-moz-focus-inner,.qms-btn-outlined::-moz-focus-inner,.qms-btn-text-lg::-moz-focus-inner,.qms-btn-text::-moz-focus-inner,.qms-btn::-moz-focus-inner{border:0}.qms-btn-fab-outlined,.qms-btn-fab-outlined-ext,.qms-btn-fab-outlined-sm,.qms-btn-outlined,.qms-btn-outlined-lg{border:1px solid #ddd}.qms-btn-fab-outlined-ext.qms-btn-disabled,.qms-btn-fab-outlined-sm.qms-btn-disabled,.qms-btn-fab-outlined.qms-btn-disabled,.qms-btn-outlined-lg.qms-btn-disabled,.qms-btn-outlined.qms-btn-disabled{border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-ext:not([disabled]):hover,.qms-btn-fab-outlined-ext:not([disabled]):hover,.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover,.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover,.qms-btn-lg:not([disabled]):hover,.qms-btn-outlined-lg:not([disabled]):hover,.qms-btn-outlined:not([disabled]):hover,.qms-btn-text-lg:not([disabled]):hover,.qms-btn-text:not([disabled]):hover,.qms-btn:not([disabled]):hover{text-decoration:none}.qms-btn-fab-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-ext .qms-btn-wrapper>*,.qms-btn-fab-outlined-sm .qms-btn-wrapper>*,.qms-btn-fab-outlined .qms-btn-wrapper>*,.qms-btn-fab-sm .qms-btn-wrapper>*,.qms-btn-fab .qms-btn-wrapper>*,.qms-btn-lg .qms-btn-wrapper>*,.qms-btn-outlined-lg .qms-btn-wrapper>*,.qms-btn-outlined .qms-btn-wrapper>*,.qms-btn-text-lg .qms-btn-wrapper>*,.qms-btn-text .qms-btn-wrapper>*,.qms-btn .qms-btn-wrapper>*{vertical-align:middle}.qms-btn-fab-ext:after,.qms-btn-fab-outlined-ext:after,.qms-btn-fab-outlined-sm:after,.qms-btn-fab-outlined:after,.qms-btn-fab-sm:after,.qms-btn-fab:after,.qms-btn-lg:after,.qms-btn-outlined-lg:after,.qms-btn-outlined:after,.qms-btn-text-lg:after,.qms-btn-text:after,.qms-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:10px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-fab:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-outlined:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text-lg:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn-text:not([disabled]):focus:not(:focus-visible):not(:active):after,.qms-btn:not([disabled]):focus:not(:focus-visible):not(:active):after{-webkit-animation:ripple 1s ease-out;animation:ripple 1s ease-out}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
|
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)}}"]
|
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-sm .qms-btn-wrapper,.qms-btn-fab .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-sm:not([disabled]):hover,.qms-btn-fab:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm:not([disabled]):focus,.qms-btn-fab:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary,.qms-primary.qms-btn-fab-sm{background-color:var(--primary);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary,.qms-secondary.qms-btn-fab-sm{background-color:var(--secondary);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-sm:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-sm:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined,.qms-btn-fab-outlined-sm{min-width:0;width:56px;height:56px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-sm .qms-btn-wrapper,.qms-btn-fab-outlined .qms-btn-wrapper{padding:16px 0;display:inline-block;line-height:24px}.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible),.qms-btn-fab-outlined:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):focus,.qms-btn-fab-outlined:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm:not([disabled]):hover,.qms-btn-fab-outlined:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-primary,.qms-primary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus:not(:focus-visible),.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):focus,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-primary:not([disabled]):hover,.qms-primary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined.qms-secondary,.qms-secondary.qms-btn-fab-outlined-sm{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus:not(:focus-visible),.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):focus,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined.qms-secondary:not([disabled]):hover,.qms-secondary.qms-btn-fab-outlined-sm:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-fab-outlined-sm{min-width:0;width:40px;height:40px;padding:0;flex-shrink:0;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-sm .qms-btn-wrapper{padding:8px 0;display:inline-block;line-height:24px}.qms-btn-fab-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:var(--primary);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary{background-color:var(--primary);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{background-color:var(--primary);box-shadow:0 0 0 2px #8caad4}.qms-btn-fab-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light);color:#fff}.qms-btn-fab-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-primary:not([disabled]):focus{box-shadow:0 0 0 2px #8caad4,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary{background-color:var(--secondary);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{background-color:var(--secondary);box-shadow:0 0 0 2px #cf9b87}.qms-btn-fab-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light);color:#fff}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-ext.qms-secondary:not([disabled]):focus{box-shadow:0 0 0 2px #cf9b87,0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext{box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2);padding:0 16px;border-radius:30px;line-height:54px;height:56px;background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-primary{background-color:#fff;color:var(--primary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):focus{background-color:#fff;color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-primary:not([disabled]):hover{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-fab-outlined-ext.qms-secondary{background-color:#fff;color:var(--secondary);border:1px solid rgba(0,0,0,.12)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus:not(:focus-visible){box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):focus{background-color:#fff;color:var(--secondary-light);box-shadow:0 0 0 2px var(--secondary-dark),0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}.qms-btn-fab-outlined-ext.qms-secondary:not([disabled]):hover{background-color:var(--secondary-light-6-opacity);color:var(--secondary-light)}.qms-btn-icon{box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;font-style:normal}.qms-btn-icon.qms-btn-disabled{cursor:default;background:var(--disabled);color:rgba(0,0,0,.38)}.qms-btn-icon .mat-icon{font-size:24px!important;padding-bottom:1px}.qms-btn-icon::-moz-focus-inner{border:0}.qms-btn-icon:not([disabled]):hover{text-decoration:none}.qms-btn-icon .qms-btn-icon-wrapper>*{vertical-align:middle}.qms-btn-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:10px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.qms-btn-icon{padding:0;min-width:0;width:48px;height:48px;line-height:48px;border-radius:50%;flex-shrink:0;border:none;background:transparent}.qms-btn-icon:focus{outline:0}.qms-btn-icon:not([disabled]):focus:not(:focus-visible){box-shadow:none}.qms-btn-icon.qms-light{color:rgba(0,0,0,.6)}.qms-btn-icon.qms-light:not([disabled]):focus,.qms-btn-icon.qms-light:not([disabled]):hover{background-color:rgba(0,0,0,.08);color:var(--default-color)}.qms-btn-icon.qms-light:not([disabled]):active{background-color:rgba(0,0,0,.24);color:var(--default-color)}.qms-btn-icon.qms-light.qms-btn-disabled{color:rgba(0,0,0,.24);background-color:transparent}.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon{color:var(--primary)}.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon:not([disabled]):focus,.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon:not([disabled]):hover{background-color:var(--primary-light-12-opacity);color:var(--primary)}.qms-btn-icon.qms-light:not(.qms-btn-disabled).active-icon:not([disabled]):active{background-color:var(--primary-light-6-opacity);color:var(--primary)}.qms-btn-icon.qms-dark{color:#fff}.qms-btn-icon.qms-dark:not([disabled]):focus,.qms-btn-icon.qms-dark:not([disabled]):hover{background-color:hsla(0,0%,100%,.08)}.qms-btn-icon.qms-dark:not([disabled]):active{background-color:hsla(0,0%,100%,.24)}.qms-btn-icon.qms-dark.qms-btn-disabled{color:hsla(0,0%,100%,.24);background-color:transparent}.qms-btn-icon.qms-dark.active-icon{color:var(--secondary-lighter)}.qms-btn-icon.qms-dark.active-icon:not([disabled]):focus,.qms-btn-icon.qms-dark.active-icon:not([disabled]):hover{background-color:hsla(0,0%,100%,.08)}.qms-btn-icon.qms-dark.active-icon:not([disabled]):active{background-color:hsla(0,0%,100%,.24)}.qms-btn-icon .qms-button-focus-overlay{opacity:0;transition:opacity .2s cubic-bezier(.35,0,.25,1),background-color .2s cubic-bezier(.35,0,.25,1);top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.qms-btn-icon .qms-btn-icon-wrapper .mat-icon{vertical-align:middle;line-height:24px}.icon-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}.icon-wrapper.light.disabled .caption{color:rgba(0,0,0,.24);cursor:default;background-color:transparent}.icon-wrapper.light.active .caption{color:var(--primary)}.icon-wrapper.light:not(.disabled):hover .caption{color:var(--default-color)}.icon-wrapper.light:not(.disabled):focus .caption{color:rgba(0,0,0,.6)}.icon-wrapper.light:not(.disabled):active .caption{color:var(--default-color)}.icon-wrapper.light .caption{color:rgba(0,0,0,.6)}.icon-wrapper.dark.disabled .caption{color:hsla(0,0%,100%,.24);cursor:default;background-color:transparent}.icon-wrapper.dark.active .caption{color:var(--secondary-lighter)}.icon-wrapper.dark .caption{color:#fff}.icon-wrapper .caption{font-size:.75rem;line-height:16px;font-family:Open Sans;font-weight:400}@-webkit-keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}"]
|
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)}}"]
|
183
183
|
},] }
|
184
184
|
];
|
185
185
|
QMSButtonIcon.ctorParameters = () => [
|
@@ -116,7 +116,7 @@ QMSList.decorators = [
|
|
116
116
|
host: { 'class': 'qms-list' },
|
117
117
|
encapsulation: ViewEncapsulation.None,
|
118
118
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
119
|
-
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid var(--other-divider)}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid var(--other-divider);margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;align-self:center;padding:0;height:auto}"]
|
119
|
+
styles: [".mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]){background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid var(--other-divider)}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid var(--other-divider);margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;align-self:center;padding:0;height:auto}"]
|
120
120
|
},] }
|
121
121
|
];
|
122
122
|
QMSList.ctorParameters = () => [
|
@@ -152,7 +152,7 @@ QMSListItem.decorators = [
|
|
152
152
|
},
|
153
153
|
encapsulation: ViewEncapsulation.None,
|
154
154
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
155
|
-
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid var(--other-divider)}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid var(--other-divider);margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;align-self:center;padding:0;height:auto}"]
|
155
|
+
styles: [".mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]){background-color:transparent;box-shadow:none;border-bottom:1px solid var(--other-divider);margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion:not([class*=mat-elevation-z]) .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid var(--other-divider)}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid var(--other-divider);margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;align-self:center;padding:0;height:auto}"]
|
156
156
|
},] }
|
157
157
|
];
|
158
158
|
QMSListItem.ctorParameters = () => [
|
@@ -0,0 +1,75 @@
|
|
1
|
+
import { Directive, ElementRef, Renderer2, Input } from '@angular/core';
|
2
|
+
export class QMSMultiIconDirective {
|
3
|
+
constructor(el, renderer) {
|
4
|
+
this.el = el;
|
5
|
+
this.renderer = renderer;
|
6
|
+
this.icon_2path = [
|
7
|
+
'icon-gas-under-pressure',
|
8
|
+
'icon-health-hazard',
|
9
|
+
'icon-process-linked',
|
10
|
+
'icon-department-document',
|
11
|
+
'icon-department-folder-closed',
|
12
|
+
'icon-department-folder-open',
|
13
|
+
'icon-dropdown-folder',
|
14
|
+
'icon-enterprise-document',
|
15
|
+
'icon-enterprise-folder-closed',
|
16
|
+
'icon-enterprise-folder-open',
|
17
|
+
'icon-local-document',
|
18
|
+
'icon-local-folder-close',
|
19
|
+
'icon-local-folder-open',
|
20
|
+
'icon-regional-document',
|
21
|
+
'icon-regional-folder-closed',
|
22
|
+
'icon-regional-folder-open'
|
23
|
+
];
|
24
|
+
this.icon_3path = ['icon-document-read', 'icon-file-pdf-verified', 'icon-flammable'];
|
25
|
+
this.icon_4path = ['icon-oxidizing'];
|
26
|
+
this.icon_15path = ['icon-chronic-health-hazard'];
|
27
|
+
this.icon_17path = ['icon-acutely-toxic'];
|
28
|
+
this.icon_21path = ['icon-corrosive'];
|
29
|
+
this.icon_46path = ['icon-explosive'];
|
30
|
+
}
|
31
|
+
ngOnInit() {
|
32
|
+
let count = 0;
|
33
|
+
if (this.icon_2path.includes(this.appMultiIcon)) {
|
34
|
+
count = 2;
|
35
|
+
}
|
36
|
+
else if (this.icon_3path.includes(this.appMultiIcon)) {
|
37
|
+
count = 3;
|
38
|
+
}
|
39
|
+
else if (this.icon_4path.includes(this.appMultiIcon)) {
|
40
|
+
count = 4;
|
41
|
+
}
|
42
|
+
else if (this.icon_15path.includes(this.appMultiIcon)) {
|
43
|
+
count = 15;
|
44
|
+
}
|
45
|
+
else if (this.icon_17path.includes(this.appMultiIcon)) {
|
46
|
+
count = 17;
|
47
|
+
}
|
48
|
+
else if (this.icon_21path.includes(this.appMultiIcon)) {
|
49
|
+
count = 21;
|
50
|
+
}
|
51
|
+
else if (this.icon_46path.includes(this.appMultiIcon)) {
|
52
|
+
count = 46;
|
53
|
+
}
|
54
|
+
if (count) {
|
55
|
+
for (let index = 1; index <= count; index++) {
|
56
|
+
let spanEl = this.renderer.createElement('span');
|
57
|
+
this.renderer.addClass(spanEl, 'path' + index);
|
58
|
+
this.renderer.appendChild(this.el.nativeElement, spanEl);
|
59
|
+
}
|
60
|
+
}
|
61
|
+
}
|
62
|
+
}
|
63
|
+
QMSMultiIconDirective.decorators = [
|
64
|
+
{ type: Directive, args: [{
|
65
|
+
selector: '[appMultiIcon]'
|
66
|
+
},] }
|
67
|
+
];
|
68
|
+
QMSMultiIconDirective.ctorParameters = () => [
|
69
|
+
{ type: ElementRef },
|
70
|
+
{ type: Renderer2 }
|
71
|
+
];
|
72
|
+
QMSMultiIconDirective.propDecorators = {
|
73
|
+
appMultiIcon: [{ type: Input }]
|
74
|
+
};
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicW1zLW11bHRpLWljb24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcW1zLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3Ftcy1uYXYtZHJhd2VyL2RpcmVjdGl2ZS9xbXMtbXVsdGktaWNvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUtoRixNQUFNLE9BQU8scUJBQXFCO0lBbUM5QixZQUFvQixFQUFjLEVBQVUsUUFBbUI7UUFBM0MsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFoQy9ELGVBQVUsR0FBYTtZQUNuQix5QkFBeUI7WUFDekIsb0JBQW9CO1lBQ3BCLHFCQUFxQjtZQUNyQiwwQkFBMEI7WUFDMUIsK0JBQStCO1lBQy9CLDZCQUE2QjtZQUM3QixzQkFBc0I7WUFDdEIsMEJBQTBCO1lBQzFCLCtCQUErQjtZQUMvQiw2QkFBNkI7WUFDN0IscUJBQXFCO1lBQ3JCLHlCQUF5QjtZQUN6Qix3QkFBd0I7WUFDeEIsd0JBQXdCO1lBQ3hCLDZCQUE2QjtZQUM3QiwyQkFBMkI7U0FDOUIsQ0FBQztRQUVGLGVBQVUsR0FBYSxDQUFDLG9CQUFvQixFQUFFLHdCQUF3QixFQUFFLGdCQUFnQixDQUFDLENBQUM7UUFFMUYsZUFBVSxHQUFhLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUUxQyxnQkFBVyxHQUFhLENBQUMsNEJBQTRCLENBQUMsQ0FBQztRQUV2RCxnQkFBVyxHQUFhLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUUvQyxnQkFBVyxHQUFhLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUUzQyxnQkFBVyxHQUFhLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUd3QixDQUFDO0lBRXBFLFFBQVE7UUFDSixJQUFJLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDZCxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUM3QyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1NBQ2I7YUFDSSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUNsRCxLQUFLLEdBQUcsQ0FBQyxDQUFDO1NBQ2I7YUFDSSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUNsRCxLQUFLLEdBQUcsQ0FBQyxDQUFDO1NBQ2I7YUFDSSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUNuRCxLQUFLLEdBQUcsRUFBRSxDQUFDO1NBQ2Q7YUFDSSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUNuRCxLQUFLLEdBQUcsRUFBRSxDQUFDO1NBQ2Q7YUFDSSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUNuRCxLQUFLLEdBQUcsRUFBRSxDQUFDO1NBQ2Q7YUFDSSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRTtZQUNuRCxLQUFLLEdBQUcsRUFBRSxDQUFDO1NBQ2Q7UUFHRCxJQUFJLEtBQUssRUFBRTtZQUNQLEtBQUssSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFLEtBQUssSUFBSSxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUU7Z0JBQ3pDLElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUNqRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDO2dCQUMvQyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQzthQUM1RDtTQUNKO0lBQ0wsQ0FBQzs7O1lBeEVKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO2FBQzdCOzs7WUFKbUIsVUFBVTtZQUFFLFNBQVM7OzsyQkFNcEMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgUmVuZGVyZXIyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW2FwcE11bHRpSWNvbl0nXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBRTVNNdWx0aUljb25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQElucHV0KCkgYXBwTXVsdGlJY29uOiAnJztcclxuXHJcbiAgICBpY29uXzJwYXRoOiBzdHJpbmdbXSA9IFtcclxuICAgICAgICAnaWNvbi1nYXMtdW5kZXItcHJlc3N1cmUnLFxyXG4gICAgICAgICdpY29uLWhlYWx0aC1oYXphcmQnLFxyXG4gICAgICAgICdpY29uLXByb2Nlc3MtbGlua2VkJyxcclxuICAgICAgICAnaWNvbi1kZXBhcnRtZW50LWRvY3VtZW50JyxcclxuICAgICAgICAnaWNvbi1kZXBhcnRtZW50LWZvbGRlci1jbG9zZWQnLFxyXG4gICAgICAgICdpY29uLWRlcGFydG1lbnQtZm9sZGVyLW9wZW4nLFxyXG4gICAgICAgICdpY29uLWRyb3Bkb3duLWZvbGRlcicsXHJcbiAgICAgICAgJ2ljb24tZW50ZXJwcmlzZS1kb2N1bWVudCcsXHJcbiAgICAgICAgJ2ljb24tZW50ZXJwcmlzZS1mb2xkZXItY2xvc2VkJyxcclxuICAgICAgICAnaWNvbi1lbnRlcnByaXNlLWZvbGRlci1vcGVuJyxcclxuICAgICAgICAnaWNvbi1sb2NhbC1kb2N1bWVudCcsXHJcbiAgICAgICAgJ2ljb24tbG9jYWwtZm9sZGVyLWNsb3NlJyxcclxuICAgICAgICAnaWNvbi1sb2NhbC1mb2xkZXItb3BlbicsXHJcbiAgICAgICAgJ2ljb24tcmVnaW9uYWwtZG9jdW1lbnQnLFxyXG4gICAgICAgICdpY29uLXJlZ2lvbmFsLWZvbGRlci1jbG9zZWQnLFxyXG4gICAgICAgICdpY29uLXJlZ2lvbmFsLWZvbGRlci1vcGVuJ1xyXG4gICAgXTtcclxuXHJcbiAgICBpY29uXzNwYXRoOiBzdHJpbmdbXSA9IFsnaWNvbi1kb2N1bWVudC1yZWFkJywgJ2ljb24tZmlsZS1wZGYtdmVyaWZpZWQnLCAnaWNvbi1mbGFtbWFibGUnXTtcclxuXHJcbiAgICBpY29uXzRwYXRoOiBzdHJpbmdbXSA9IFsnaWNvbi1veGlkaXppbmcnXTtcclxuXHJcbiAgICBpY29uXzE1cGF0aDogc3RyaW5nW10gPSBbJ2ljb24tY2hyb25pYy1oZWFsdGgtaGF6YXJkJ107XHJcblxyXG4gICAgaWNvbl8xN3BhdGg6IHN0cmluZ1tdID0gWydpY29uLWFjdXRlbHktdG94aWMnXTtcclxuXHJcbiAgICBpY29uXzIxcGF0aDogc3RyaW5nW10gPSBbJ2ljb24tY29ycm9zaXZlJ107XHJcblxyXG4gICAgaWNvbl80NnBhdGg6IHN0cmluZ1tdID0gWydpY29uLWV4cGxvc2l2ZSddO1xyXG5cclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHsgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGxldCBjb3VudCA9IDA7XHJcbiAgICAgICAgaWYgKHRoaXMuaWNvbl8ycGF0aC5pbmNsdWRlcyh0aGlzLmFwcE11bHRpSWNvbikpIHtcclxuICAgICAgICAgICAgY291bnQgPSAyO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIGlmICh0aGlzLmljb25fM3BhdGguaW5jbHVkZXModGhpcy5hcHBNdWx0aUljb24pKSB7XHJcbiAgICAgICAgICAgIGNvdW50ID0gMztcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSBpZiAodGhpcy5pY29uXzRwYXRoLmluY2x1ZGVzKHRoaXMuYXBwTXVsdGlJY29uKSkge1xyXG4gICAgICAgICAgICBjb3VudCA9IDQ7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2UgaWYgKHRoaXMuaWNvbl8xNXBhdGguaW5jbHVkZXModGhpcy5hcHBNdWx0aUljb24pKSB7XHJcbiAgICAgICAgICAgIGNvdW50ID0gMTU7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2UgaWYgKHRoaXMuaWNvbl8xN3BhdGguaW5jbHVkZXModGhpcy5hcHBNdWx0aUljb24pKSB7XHJcbiAgICAgICAgICAgIGNvdW50ID0gMTc7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2UgaWYgKHRoaXMuaWNvbl8yMXBhdGguaW5jbHVkZXModGhpcy5hcHBNdWx0aUljb24pKSB7XHJcbiAgICAgICAgICAgIGNvdW50ID0gMjE7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2UgaWYgKHRoaXMuaWNvbl80NnBhdGguaW5jbHVkZXModGhpcy5hcHBNdWx0aUljb24pKSB7XHJcbiAgICAgICAgICAgIGNvdW50ID0gNDY7XHJcbiAgICAgICAgfVxyXG5cclxuXHJcbiAgICAgICAgaWYgKGNvdW50KSB7XHJcbiAgICAgICAgICAgIGZvciAobGV0IGluZGV4ID0gMTsgaW5kZXggPD0gY291bnQ7IGluZGV4KyspIHtcclxuICAgICAgICAgICAgICAgIGxldCBzcGFuRWwgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcclxuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3Moc3BhbkVsLCAncGF0aCcgKyBpbmRleCk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMuZWwubmF0aXZlRWxlbWVudCwgc3BhbkVsKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG5cclxuXHJcbiJdfQ==
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from "./public_api";
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcW1zLW5hdi1kcmF3ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9wdWJsaWNfYXBpXCI7Il19
|
@@ -0,0 +1,10 @@
|
|
1
|
+
export class FlatNodeNavDrawer {
|
2
|
+
}
|
3
|
+
export class TreeModelNavDrawer {
|
4
|
+
constructor(id, parentId, name) {
|
5
|
+
this.id = id;
|
6
|
+
this.parentId = parentId;
|
7
|
+
this.name = name;
|
8
|
+
}
|
9
|
+
}
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicW1zLW5hdi1kcmF3ZXIubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvcW1zLW5hdi1kcmF3ZXIvbW9kZWxzL3Ftcy1uYXYtZHJhd2VyLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxpQkFBaUI7Q0FRN0I7QUFnQkQsTUFBTSxPQUFPLGtCQUFrQjtJQVk3QixZQUFZLEVBQVUsRUFBRSxRQUFnQixFQUFFLElBQVk7UUFDcEQsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUM7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztRQUN6QixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztJQUNuQixDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgRmxhdE5vZGVOYXZEcmF3ZXIge1xyXG4gIGlkOiBzdHJpbmc7XHJcbiAgbmFtZTogc3RyaW5nO1xyXG4gIGxldmVsOiBudW1iZXI7XHJcbiAgZXhwYW5kYWJsZTogYm9vbGVhbjtcclxuICBwYXJlbnRJZDogc3RyaW5nO1xyXG4gIGlzRmlsZTogYm9vbGVhbjtcclxuICBkaXNhYmxlZD86IGJvb2xlYW47XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVHJlZU5vZGVOYXZEcmF3ZXIge1xyXG4gIGlkOiBzdHJpbmc7XHJcbiAgbmFtZTogc3RyaW5nO1xyXG4gIHBhcmVudElkOiBzdHJpbmc7XHJcbiAgY2hpbGRyZW4/OiBUcmVlTm9kZU5hdkRyYXdlcltdO1xyXG4gIGl0ZW1JY29uPzogc3RyaW5nO1xyXG4gIGl0ZW1JY29uU3ZnPzogc3RyaW5nO1xyXG4gIGl0ZW1NYXRJY29uPzogc3RyaW5nO1xyXG4gIGlzRmlsZTogYm9vbGVhbjtcclxuICBjaGlsZENvdW50PzogbnVtYmVyO1xyXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcclxufVxyXG5cclxuXHJcbmV4cG9ydCBjbGFzcyBUcmVlTW9kZWxOYXZEcmF3ZXIgaW1wbGVtZW50cyBUcmVlTm9kZU5hdkRyYXdlciB7XHJcbiAgaWQ6IHN0cmluZztcclxuICBuYW1lOiBzdHJpbmc7XHJcbiAgcGFyZW50SWQ6IHN0cmluZztcclxuICBjaGlsZHJlbj86IFRyZWVOb2RlTmF2RHJhd2VyW107XHJcbiAgaXRlbUljb24/OiBzdHJpbmc7XHJcbiAgaXRlbUljb25Tdmc/OiBzdHJpbmc7XHJcbiAgaXRlbU1hdEljb24/OiBzdHJpbmc7XHJcbiAgaXNGaWxlOiBib29sZWFuO1xyXG4gIGNoaWxkQ291bnQ/OiBudW1iZXI7XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG5cclxuICBjb25zdHJ1Y3RvcihpZDogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nLCBuYW1lOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuaWQgPSBpZDtcclxuICAgIHRoaXMucGFyZW50SWQgPSBwYXJlbnRJZDtcclxuICAgIHRoaXMubmFtZSA9IG5hbWU7XHJcbiAgfVxyXG59Il19
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export * from "./qms-nav-drawer.module";
|
2
|
+
export * from "./qms-nav-drawer.component";
|
3
|
+
export * from './service/qms-nav-drawer.service';
|
4
|
+
export * from './models/qms-nav-drawer.model';
|
5
|
+
export * from './directive/qms-multi-icon.directive';
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9xbXMtbmF2LWRyYXdlci9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxzQ0FBc0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gXCIuL3Ftcy1uYXYtZHJhd2VyLm1vZHVsZVwiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9xbXMtbmF2LWRyYXdlci5jb21wb25lbnRcIjtcclxuZXhwb3J0ICogZnJvbSAnLi9zZXJ2aWNlL3Ftcy1uYXYtZHJhd2VyLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL21vZGVscy9xbXMtbmF2LWRyYXdlci5tb2RlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlL3Ftcy1tdWx0aS1pY29uLmRpcmVjdGl2ZSc7Il19
|