qms-angular 1.1.14 → 1.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/bundles/qms-angular.umd.js +25 -1086
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/common/models/qms-flat-node.model.js +1 -1
  4. package/esm2015/lib/components/breadcrumb/breadcrumb.js +3 -3
  5. package/esm2015/lib/components/qms-paginator/qms-paginator.component.js +12 -3
  6. package/esm2015/lib/components/select-include-children/services/select-include-children-global.service.js +1 -1
  7. package/esm2015/lib/model/en.js +1 -14
  8. package/esm2015/lib/model/no.js +1 -14
  9. package/esm2015/lib/services/translation-registry.service.js +2 -2
  10. package/esm2015/public-api.js +1 -4
  11. package/fesm2015/qms-angular.js +24 -1003
  12. package/fesm2015/qms-angular.js.map +1 -1
  13. package/lib/common/models/qms-flat-node.model.d.ts +0 -3
  14. package/lib/model/en.d.ts +0 -13
  15. package/lib/model/no.d.ts +0 -13
  16. package/package.json +1 -1
  17. package/public-api.d.ts +0 -3
  18. package/qms-angular.metadata.json +1 -1
  19. package/src/lib/components/breadcrumb/breadcrumb.scss +3 -3
  20. package/src/lib/components/qms-paginator/qms-paginator.component.scss +4 -0
  21. package/esm2015/lib/components/select-access-dialog/common/animation.js +0 -10
  22. package/esm2015/lib/components/select-access-dialog/common/option-select-access.enum.js +0 -7
  23. package/esm2015/lib/components/select-access-dialog/index.js +0 -2
  24. package/esm2015/lib/components/select-access-dialog/model/access-item.model.js +0 -6
  25. package/esm2015/lib/components/select-access-dialog/model/option-select-access.model.js +0 -3
  26. package/esm2015/lib/components/select-access-dialog/model/select-access-data.js +0 -16
  27. package/esm2015/lib/components/select-access-dialog/public-api.js +0 -8
  28. package/esm2015/lib/components/select-access-dialog/select-access-dialog.component.js +0 -288
  29. package/esm2015/lib/components/select-access-dialog/select-access-dialog.module.js +0 -56
  30. package/esm2015/lib/components/select-access-dialog/service/select-access-global.service.js +0 -11
  31. package/esm2015/lib/components/select-department/common/animation.js +0 -30
  32. package/esm2015/lib/components/select-department/index.js +0 -2
  33. package/esm2015/lib/components/select-department/model/select-department-popup-data.model.js +0 -12
  34. package/esm2015/lib/components/select-department/public-api.js +0 -5
  35. package/esm2015/lib/components/select-department/select-department.component.js +0 -84
  36. package/esm2015/lib/components/select-department/select-department.module.js +0 -60
  37. package/esm2015/lib/components/select-department/service/select-department-global.service.js +0 -22
  38. package/esm2015/lib/components/select-department-tree/index.js +0 -2
  39. package/esm2015/lib/components/select-department-tree/model/select-department-tree.config.js +0 -10
  40. package/esm2015/lib/components/select-department-tree/public-api.js +0 -5
  41. package/esm2015/lib/components/select-department-tree/select-department-tree.component.js +0 -379
  42. package/esm2015/lib/components/select-department-tree/select-department-tree.module.js +0 -50
  43. package/esm2015/lib/components/select-department-tree/service/select-department-tree-global.service.js +0 -22
  44. package/lib/components/select-access-dialog/common/animation.d.ts +0 -1
  45. package/lib/components/select-access-dialog/common/option-select-access.enum.d.ts +0 -5
  46. package/lib/components/select-access-dialog/index.d.ts +0 -1
  47. package/lib/components/select-access-dialog/model/access-item.model.d.ts +0 -7
  48. package/lib/components/select-access-dialog/model/option-select-access.model.d.ts +0 -5
  49. package/lib/components/select-access-dialog/model/select-access-data.d.ts +0 -14
  50. package/lib/components/select-access-dialog/public-api.d.ts +0 -7
  51. package/lib/components/select-access-dialog/select-access-dialog.component.d.ts +0 -64
  52. package/lib/components/select-access-dialog/select-access-dialog.module.d.ts +0 -2
  53. package/lib/components/select-access-dialog/service/select-access-global.service.d.ts +0 -2
  54. package/lib/components/select-department/common/animation.d.ts +0 -1
  55. package/lib/components/select-department/index.d.ts +0 -1
  56. package/lib/components/select-department/model/select-department-popup-data.model.d.ts +0 -14
  57. package/lib/components/select-department/public-api.d.ts +0 -4
  58. package/lib/components/select-department/select-department.component.d.ts +0 -31
  59. package/lib/components/select-department/select-department.module.d.ts +0 -2
  60. package/lib/components/select-department/service/select-department-global.service.d.ts +0 -9
  61. package/lib/components/select-department-tree/index.d.ts +0 -1
  62. package/lib/components/select-department-tree/model/select-department-tree.config.d.ts +0 -9
  63. package/lib/components/select-department-tree/public-api.d.ts +0 -4
  64. package/lib/components/select-department-tree/select-department-tree.component.d.ts +0 -84
  65. package/lib/components/select-department-tree/select-department-tree.module.d.ts +0 -2
  66. package/lib/components/select-department-tree/service/select-department-tree-global.service.d.ts +0 -9
  67. package/src/lib/components/select-access-dialog/select-access-dialog.component.scss +0 -205
  68. package/src/lib/components/select-department/select-department.component.scss +0 -193
  69. package/src/lib/components/select-department-tree/select-department-tree.component.scss +0 -265
@@ -1,5 +0,0 @@
1
- import { OptionSelectAccessEnum } from "../common/option-select-access.enum";
2
- export declare class OptionSelectAccessModel {
3
- displayName: string;
4
- type: OptionSelectAccessEnum;
5
- }
@@ -1,14 +0,0 @@
1
- import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
2
- import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
3
- import { QMSAccessItem } from "./access-item.model";
4
- export declare class QMSSelectAccessResult {
5
- userGroups: QMSAccessItem[];
6
- departments: QMSTreeNode[];
7
- persons: QMSAccessItem[];
8
- }
9
- export declare class QMSSelectAccessData {
10
- accessUserGroups: QMSAccessItem[];
11
- accessDepartments: QMSFlatNodeTree[];
12
- accessPersons: QMSAccessItem[];
13
- selectedData: QMSSelectAccessResult;
14
- }
@@ -1,7 +0,0 @@
1
- export * from './common/option-select-access.enum';
2
- export * from './model/select-access-data';
3
- export * from './model/access-item.model';
4
- export * from './model/option-select-access.model';
5
- export * from './service/select-access-global.service';
6
- export * from './select-access-dialog.component';
7
- export * from './select-access-dialog.module';
@@ -1,64 +0,0 @@
1
- import { AfterViewInit, EventEmitter, OnDestroy, OnInit } from '@angular/core';
2
- import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
3
- import { MatDialogRef } from '@angular/material/dialog';
4
- import { ReplaySubject, Subject } from 'rxjs';
5
- import { QMSTreeNode } from '../../common/models/qms-tree-node.model';
6
- import { TranslateLibraryService } from "../../services/translation-registry.service";
7
- import { SelectDepartmentTreeComponent } from '../select-department-tree/select-department-tree.component';
8
- import { OptionSelectAccessEnum } from './common/option-select-access.enum';
9
- import { QMSAccessItem } from './model/access-item.model';
10
- import { OptionSelectAccessModel } from './model/option-select-access.model';
11
- import { QMSSelectAccessData, QMSSelectAccessResult } from './model/select-access-data';
12
- import { QMSSelectAccessGlobalService } from './service/select-access-global.service';
13
- export declare class QMSSelectAccessDialogComponent implements OnInit, OnDestroy, AfterViewInit {
14
- private dialogRef;
15
- dataDialog: QMSSelectAccessData;
16
- translate: TranslateLibraryService;
17
- private _fb;
18
- private qmsSelectAccessService;
19
- ngUnsubcribe: Subject<void>;
20
- LANG: any;
21
- optionSelect: FormControl;
22
- OPTION_ENUM: typeof OptionSelectAccessEnum;
23
- options: OptionSelectAccessModel[];
24
- personForm: FormGroup;
25
- userGroupForm: FormControl;
26
- onSearchPersonEvent: EventEmitter<any>;
27
- onSearchPersonFreeTextEvent: EventEmitter<any>;
28
- onSearchUserGroupEvent: EventEmitter<any>;
29
- onSearchDepartmentEvent: EventEmitter<any>;
30
- treeDepartment: SelectDepartmentTreeComponent;
31
- set tree(data: SelectDepartmentTreeComponent);
32
- /** list filtered by search keyword */
33
- filteredSearchTextBox: {
34
- department: ReplaySubject<any>;
35
- role: ReplaySubject<any>;
36
- };
37
- private getPerson$;
38
- get personFiltered(): QMSAccessItem[];
39
- private getUserGroup$;
40
- get userGroupFiltered(): QMSAccessItem[];
41
- resultAccess: QMSSelectAccessResult;
42
- constructor(dialogRef: MatDialogRef<QMSSelectAccessDialogComponent>, dataDialog: QMSSelectAccessData, translate: TranslateLibraryService, _fb: FormBuilder, qmsSelectAccessService: QMSSelectAccessGlobalService);
43
- ngAfterViewInit(): void;
44
- ngOnInit(): void;
45
- ngOnDestroy(): void;
46
- private buildPersonForm;
47
- onFilterPerson(): void;
48
- onSearchPersonFreeText(): void;
49
- onFilterUserGroup(): void;
50
- onSelectPerson(employee: QMSAccessItem): void;
51
- onSelectUserGroup(userGroup: QMSAccessItem): void;
52
- onRemoveChip(type: OptionSelectAccessEnum, index: any): void;
53
- onSelectionTypeChange(event: any): void;
54
- setFormControlValue(formControlNames: string[], values: any): void;
55
- getPersonSelected(): void;
56
- isCheckAll(type: OptionSelectAccessEnum): boolean;
57
- isIndeterminate(type: OptionSelectAccessEnum): boolean;
58
- onCheckAll(type: OptionSelectAccessEnum, $event: any): void;
59
- onScollToNodeTreeDepartment(node: QMSTreeNode): void;
60
- onRemoveTreeNodeDepartment(node: QMSTreeNode): void;
61
- trackByFn(index: any, item: any): any;
62
- updatePersonFilter(data: QMSAccessItem[]): void;
63
- updateUserGroupFilter(data: QMSAccessItem[]): void;
64
- }
@@ -1,2 +0,0 @@
1
- export declare class QMSSelectAccessDialogModule {
2
- }
@@ -1,2 +0,0 @@
1
- export declare class QMSSelectAccessGlobalService {
2
- }
@@ -1 +0,0 @@
1
- export declare const SelectDepartmentAnimationTrigger: import("@angular/animations").AnimationTriggerMetadata[];
@@ -1 +0,0 @@
1
- export * from './public-api';
@@ -1,14 +0,0 @@
1
- import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
2
- import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
3
- export declare class SelectDepartmentPopupData {
4
- headerName: string;
5
- selectIncludeLabel: string;
6
- treeData: Array<QMSFlatNodeTree>;
7
- selectedNode?: Array<any>;
8
- disabledList?: Array<any>;
9
- selectedList?: Array<QMSTreeNode>;
10
- maxSelectItemCount?: number;
11
- includeChildren: boolean;
12
- enableSearch: boolean;
13
- constructor();
14
- }
@@ -1,4 +0,0 @@
1
- export * from './model/select-department-popup-data.model';
2
- export * from './select-department.module';
3
- export * from './select-department.component';
4
- export * from './service/select-department-global.service';
@@ -1,31 +0,0 @@
1
- import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
2
- import { FormControl } from '@angular/forms';
3
- import { MatDialogRef } from '@angular/material/dialog';
4
- import { Subject } from 'rxjs';
5
- import { QMSFlatNodeTree } from '../../common/models/qms-flat-node.model';
6
- import { QMSTreeNode } from '../../common/models/qms-tree-node.model';
7
- import { QMSSelectDepartmentTreeGlobalService } from '../select-department-tree';
8
- import { SelectDepartmentPopupData } from './model/select-department-popup-data.model';
9
- export declare class SelectDepartmentComponent implements OnInit, OnDestroy {
10
- selectDepartmentService: QMSSelectDepartmentTreeGlobalService;
11
- private cdRef;
12
- private dialogRef;
13
- private data;
14
- ngUnsubscribe: Subject<void>;
15
- treeDepartment: any;
16
- popupData: SelectDepartmentPopupData;
17
- groupIncludeChild: QMSTreeNode[];
18
- singleItem: QMSTreeNode[];
19
- resultSelected: QMSTreeNode[];
20
- get currentTreeData(): QMSTreeNode[];
21
- textSearch: FormControl;
22
- onSearchEvent: EventEmitter<string>;
23
- resultSearch: QMSFlatNodeTree[];
24
- constructor(selectDepartmentService: QMSSelectDepartmentTreeGlobalService, cdRef: ChangeDetectorRef, dialogRef: MatDialogRef<SelectDepartmentComponent>, data: SelectDepartmentPopupData);
25
- onCloseDialog(): void;
26
- ngOnInit(): void;
27
- ngOnDestroy(): void;
28
- displayWhenSelectDepartmentOption($event: any): string | null;
29
- onScrollToNode(node: QMSTreeNode): void;
30
- onRemoveNode(node: QMSTreeNode): void;
31
- }
@@ -1,2 +0,0 @@
1
- export declare class QMSSelectDepartmentModule {
2
- }
@@ -1,9 +0,0 @@
1
- import { BehaviorSubject, Subject } from "rxjs";
2
- import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
3
- import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
4
- export declare class QMSSelectDepartmentGlobalService {
5
- getDataTree$: BehaviorSubject<QMSTreeNode[]>;
6
- searchDepartment$: Subject<QMSFlatNodeTree[]>;
7
- updateDataTree(data: QMSTreeNode[]): void;
8
- setResultSearch(data: QMSFlatNodeTree[]): void;
9
- }
@@ -1 +0,0 @@
1
- export * from './public-api';
@@ -1,9 +0,0 @@
1
- import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
2
- export declare class QMSSelectDepartmentTreeConfig {
3
- selectIncludeLabel: string;
4
- treeData: Array<QMSTreeNode>;
5
- disabledList?: Array<any>;
6
- selectedList?: Array<QMSTreeNode>;
7
- includeChildren?: boolean;
8
- constructor();
9
- }
@@ -1,4 +0,0 @@
1
- export * from './model/select-department-tree.config';
2
- export * from './service/select-department-tree-global.service';
3
- export * from './select-department-tree.module';
4
- export * from './select-department-tree.component';
@@ -1,84 +0,0 @@
1
- import { SelectionModel } from '@angular/cdk/collections';
2
- import { FlatTreeControl } from '@angular/cdk/tree';
3
- import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
4
- import { FormControl } from '@angular/forms';
5
- import { MatIconRegistry } from '@angular/material/icon';
6
- import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
7
- import { DomSanitizer } from '@angular/platform-browser';
8
- import { Subject } from 'rxjs';
9
- import { QMSFlatNodeTree } from '../../common/models/qms-flat-node.model';
10
- import { QMSTreeNode } from '../../common/models/qms-tree-node.model';
11
- import { QMSIconRegistryService } from '../app-icon/icon-registry.service';
12
- import { ItemIconType } from '../related/common/item-icon-type.enum';
13
- import { QMSSelectDepartmentTreeConfig } from './model/select-department-tree.config';
14
- import { QMSSelectDepartmentTreeGlobalService } from './service/select-department-tree-global.service';
15
- export declare class SelectDepartmentTreeComponent implements OnInit {
16
- selectDepartmentService: QMSSelectDepartmentTreeGlobalService;
17
- private cdRef;
18
- private domSanitizer;
19
- private appIconService;
20
- private iconRegistry;
21
- private eleRef;
22
- enableIncludeChild: boolean;
23
- enableTreeSearch: boolean;
24
- treeDataSourceConfig: QMSSelectDepartmentTreeConfig;
25
- set treeData(value: QMSTreeNode[]);
26
- set selectedList(value: QMSTreeNode[]);
27
- ngUnsubscribe: Subject<void>;
28
- isLoaded: boolean;
29
- groupIncludeChild: QMSTreeNode[];
30
- singleItem: QMSTreeNode[];
31
- resultSelected: QMSTreeNode[];
32
- get currentTreeData(): QMSTreeNode[];
33
- valueChange$: Subject<QMSTreeNode[]>;
34
- textSearch: FormControl;
35
- onSearchEvent: EventEmitter<string>;
36
- resultSearch: QMSFlatNodeTree[];
37
- activeNode: string;
38
- nestedTreeNodeMap: Map<QMSTreeNode, QMSFlatNodeTree>;
39
- flatTreeNodeMap: Map<QMSFlatNodeTree, QMSTreeNode>;
40
- checkListSelection: SelectionModel<QMSFlatNodeTree>;
41
- treeControl: FlatTreeControl<QMSFlatNodeTree>;
42
- treeFlattener: MatTreeFlattener<QMSTreeNode, QMSFlatNodeTree>;
43
- dataSource: MatTreeFlatDataSource<QMSTreeNode, QMSFlatNodeTree>;
44
- isShowTreeSearch: boolean;
45
- dataSourceTreeSearch: MatTreeFlatDataSource<QMSTreeNode, QMSFlatNodeTree>;
46
- itemIconType: typeof ItemIconType;
47
- _transformer: (node: QMSTreeNode, level: number) => QMSFlatNodeTree;
48
- private getLevel;
49
- private _getChild;
50
- private isExpandable;
51
- hasChild: (_: number, node: QMSFlatNodeTree) => boolean;
52
- constructor(selectDepartmentService: QMSSelectDepartmentTreeGlobalService, cdRef: ChangeDetectorRef, domSanitizer: DomSanitizer, appIconService: QMSIconRegistryService, iconRegistry: MatIconRegistry, eleRef: ElementRef);
53
- ngOnInit(): void;
54
- ngOnDestroy(): void;
55
- private _initTreeData;
56
- private _initCheckListSelected;
57
- onExpandNode(node: QMSFlatNodeTree): void;
58
- onOptionSearchSelected(value: QMSFlatNodeTree): void;
59
- onSlideToggleChange(): void;
60
- displayWhenSelectDepartmentOption($event: any): string | null;
61
- onCheckNode(node: QMSFlatNodeTree): void;
62
- onExpandAllParent(node: QMSFlatNodeTree): void;
63
- onRemoveNode(nodeId: string): void;
64
- isIndeterminate(node: QMSFlatNodeTree): boolean;
65
- isCheckAll(node: QMSFlatNodeTree): boolean;
66
- private _handleCheckNode;
67
- private _updateGroupResult;
68
- private _updateSingleResult;
69
- private _checkGroupSelected;
70
- private _getExistedGroup;
71
- private _getChildrenSelected;
72
- private _getListChildrenOfNode;
73
- private _mapToNestedListNode;
74
- private _convertToNestedNode;
75
- private _convertToFlatNode;
76
- private _getRootSelected;
77
- private _getAllParentNode;
78
- private _getParentNode;
79
- getItemIconType(item: QMSFlatNodeTree): ItemIconType.name | ItemIconType.path | ItemIconType.svg;
80
- scrollIntoNode(nodeId: string): void;
81
- private _expandAllGroupExist;
82
- private getSelectedNodeStorage;
83
- private setSelectedNodeStorage;
84
- }
@@ -1,2 +0,0 @@
1
- export declare class QMSSelectDepartmentTreeModule {
2
- }
@@ -1,9 +0,0 @@
1
- import { BehaviorSubject, Subject } from "rxjs";
2
- import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
3
- import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
4
- export declare class QMSSelectDepartmentTreeGlobalService {
5
- getDataTree$: BehaviorSubject<QMSTreeNode[]>;
6
- searchDepartment$: Subject<QMSFlatNodeTree[]>;
7
- updateDataTree(data: QMSTreeNode[]): void;
8
- setResultSearch(data: QMSFlatNodeTree[]): void;
9
- }
@@ -1,205 +0,0 @@
1
- @import "../../../themes/core/variables";
2
- @import "../../../themes/theme/variable";
3
- @import "../../../themes/theme/mixins";
4
- @import "../../../themes/qms-icon-font";
5
-
6
-
7
- .select-access-dialog-container {
8
- font-family: 'Open Sans';
9
- .mat-expansion-panel .mat-expansion-panel-body {
10
- padding-top: 0px !important;
11
- }
12
-
13
- .mat-expansion-panel-header {
14
- font-size: 12px !important;
15
- font-weight: 800 !important;
16
- }
17
-
18
- .w-100 {
19
- width: 100%;
20
- }
21
-
22
- .h-100 {
23
- height: 100%;
24
- }
25
-
26
- .pointer {
27
- cursor: pointer;
28
- }
29
-
30
- .fw-600{
31
- font-weight: 600;
32
- }
33
-
34
- .label-item{
35
- font-weight: 600;
36
- color: theme-apply($ws-text-primary);
37
- }
38
-
39
- .sub-label{
40
- color: theme-apply($ws-text-secondary);
41
- }
42
-
43
- .fs-14{
44
- font-size: 14px;
45
- }
46
-
47
- .fs-12{
48
- font-size: 12px;
49
- }
50
-
51
- .header-title {
52
- font-weight: 600;
53
- color: theme-apply($ws-text-primary);
54
- font-size: 16px;
55
- }
56
-
57
- .chip-item-result {
58
- max-width: 250px;
59
-
60
- &.item-department {
61
- .qms-chip-body {
62
- display: flex;
63
- justify-content: center;
64
- align-items: center;
65
- }
66
- }
67
- }
68
-
69
- .remove-chip-icon {
70
- color: black(.3);
71
- cursor: pointer;
72
-
73
- &:hover {
74
- color: black(.7);
75
- }
76
- }
77
-
78
- .mat-form-field-wrapper {
79
- padding-bottom: 5px !important;
80
- }
81
-
82
-
83
- .mat-expansion-panel {
84
- border-radius: unset !important;
85
- }
86
-
87
- .mat-expansion-panel-header:not([aria-disabled=true]){
88
- background: unset;
89
- }
90
-
91
- .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
92
- background: #e5eefb;
93
- .qms-line{
94
- color: theme-apply($primary-light) !important;
95
- }
96
- }
97
-
98
-
99
-
100
-
101
- .access-dialog-header {
102
- display: flex;
103
- justify-content: space-between;
104
- align-items: center;
105
- }
106
-
107
- .access-dialog-wraper {
108
- width: 100%;
109
-
110
- .field-select-option {
111
- .mat-form-field-wrapper{
112
- padding-bottom: 16px !important;
113
- }
114
- .mat-form-field-underline{
115
- bottom: 16px !important;
116
- }
117
- }
118
- }
119
-
120
- .mat-chip-list-wrapper {
121
- margin: unset !important;
122
- }
123
-
124
- .result-selected-container {
125
- max-height: 185px;
126
- overflow-y: auto;
127
- }
128
-
129
- .item-list-wrapper {
130
- max-height: 25vh;
131
- padding-right: 4px;
132
- overflow-y: auto;
133
- .item{
134
- min-height: 40px;
135
- }
136
- }
137
-
138
- .confirm__button__groups {
139
- .btn-add>.qms-btn-wrapper {
140
- display: flex;
141
- justify-content: center;
142
- align-items: center;
143
- }
144
- }
145
-
146
- .option-selected-content {
147
- .group-filter-person-option {
148
- display: flex;
149
- flex-direction: row-reverse;
150
- justify-content: center;
151
- align-items: center;
152
- gap: 8px;
153
- }
154
-
155
- }
156
-
157
- span.chip-item__content_name {
158
- display: inline-block;
159
- max-width: 175px;
160
- white-space: nowrap;
161
- overflow: hidden;
162
- text-overflow: ellipsis;
163
- }
164
-
165
- span.chip-item-children__count {
166
- font-size: 0.75rem;
167
- color: black(0.5);
168
- font-weight: 600;
169
- }
170
- .mat-slide-toggle.qms-group-options{
171
- padding: unset !important;
172
- }
173
-
174
- .input-option-filter{
175
- .mat-form-field-wrapper{
176
- padding-bottom: 8px !important;
177
- }
178
- .mat-form-field-underline{
179
- bottom: 8px !important;
180
- }
181
- }
182
- .slide-toggle{
183
- margin-bottom: 8px;
184
- }
185
- .confirm__button__groups.none-option{
186
- margin-top: 85px;
187
- }
188
-
189
- .btn-icon-clear{
190
- position: relative;
191
- padding: 0 1rem;
192
- .qms-btn-icon{
193
- margin-right: unset !important;
194
- }
195
- &::after{
196
- position: absolute;
197
- content: '';
198
- left: 0;
199
- top: 0;
200
- height: 100%;
201
- width: 1px;
202
- background: black(.3);
203
- }
204
- }
205
- }