selective-ui 1.0.2 → 1.0.3

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 (67) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +7 -2
  3. package/dist/selective-ui.css +567 -567
  4. package/dist/selective-ui.css.map +1 -1
  5. package/dist/selective-ui.esm.js +6046 -6046
  6. package/dist/selective-ui.esm.js.map +1 -1
  7. package/dist/selective-ui.esm.min.js +1 -1
  8. package/dist/selective-ui.esm.min.js.br +0 -0
  9. package/dist/selective-ui.min.js +1 -1
  10. package/dist/selective-ui.min.js.br +0 -0
  11. package/dist/selective-ui.umd.js +6046 -6046
  12. package/dist/selective-ui.umd.js.map +1 -1
  13. package/package.json +68 -68
  14. package/src/css/components/accessorybox.css +63 -63
  15. package/src/css/components/directive.css +19 -19
  16. package/src/css/components/empty-state.css +25 -25
  17. package/src/css/components/loading-state.css +25 -25
  18. package/src/css/components/optgroup.css +61 -61
  19. package/src/css/components/option-handle.css +33 -33
  20. package/src/css/components/option.css +129 -129
  21. package/src/css/components/placeholder.css +14 -14
  22. package/src/css/components/popup.css +38 -38
  23. package/src/css/components/searchbox.css +28 -28
  24. package/src/css/components/selectbox.css +53 -53
  25. package/src/css/index.css +74 -74
  26. package/src/js/adapter/mixed-adapter.js +434 -434
  27. package/src/js/components/accessorybox.js +124 -124
  28. package/src/js/components/directive.js +37 -37
  29. package/src/js/components/empty-state.js +67 -67
  30. package/src/js/components/loading-state.js +59 -59
  31. package/src/js/components/option-handle.js +113 -113
  32. package/src/js/components/placeholder.js +56 -56
  33. package/src/js/components/popup.js +470 -470
  34. package/src/js/components/searchbox.js +167 -167
  35. package/src/js/components/selectbox.js +692 -692
  36. package/src/js/core/base/adapter.js +162 -162
  37. package/src/js/core/base/model.js +59 -59
  38. package/src/js/core/base/recyclerview.js +82 -82
  39. package/src/js/core/base/view.js +62 -62
  40. package/src/js/core/model-manager.js +286 -286
  41. package/src/js/core/search-controller.js +521 -521
  42. package/src/js/index.js +136 -136
  43. package/src/js/models/group-model.js +142 -142
  44. package/src/js/models/option-model.js +236 -236
  45. package/src/js/services/dataset-observer.js +73 -73
  46. package/src/js/services/ea-observer.js +87 -87
  47. package/src/js/services/effector.js +403 -403
  48. package/src/js/services/refresher.js +39 -39
  49. package/src/js/services/resize-observer.js +151 -151
  50. package/src/js/services/select-observer.js +60 -60
  51. package/src/js/types/adapter.type.js +32 -32
  52. package/src/js/types/effector.type.js +23 -23
  53. package/src/js/types/ievents.type.js +10 -10
  54. package/src/js/types/libs.type.js +27 -27
  55. package/src/js/types/model.type.js +11 -11
  56. package/src/js/types/recyclerview.type.js +11 -11
  57. package/src/js/types/resize-observer.type.js +18 -18
  58. package/src/js/types/view.group.type.js +12 -12
  59. package/src/js/types/view.option.type.js +14 -14
  60. package/src/js/types/view.type.js +10 -10
  61. package/src/js/utils/guard.js +46 -46
  62. package/src/js/utils/ievents.js +83 -83
  63. package/src/js/utils/istorage.js +60 -60
  64. package/src/js/utils/libs.js +618 -618
  65. package/src/js/utils/selective.js +385 -385
  66. package/src/js/views/group-view.js +102 -102
  67. package/src/js/views/option-view.js +152 -152
package/src/css/index.css CHANGED
@@ -1,75 +1,75 @@
1
- :root {
2
- --seui-transparent-color: #00000000;
3
-
4
- --seui-view-text-color: #121212;
5
- --seui-view-ro-text-color: #a3a3a3;
6
- --seui-view-text-style: Arial, Helvetica, sans-serif;
7
- --seui-view-text-size: 13px;
8
- --seui-view-mobile-text-size: 16px;
9
- --seui-view-background-color: #ffffff;
10
- --seui-view-ro-background-color: #00000029;
11
- --seui-view-optgroup-background-color: #a3c6e9;
12
- --seui-view-border-color: #a3a3a3;
13
- --seui-view-ro-border-color: #bdbdbd;
14
- --seui-view-border-size: 1px;
15
- --seui-view-border-style: solid;
16
- --seui-view-border-radius: 5px;
17
-
18
- --seui-directive-color: #000000;
19
- --seui-directive-ro-color: #a3a3a3;
20
-
21
- --seui-option-crtl-text-color: #307ecc;
22
- --seui-option-crtl-text-color-hover: #ff0000;
23
- --seui-option-crtl-background-color: #f3f3f3;
24
- --seui-option-crtl-border-color: #cccccc;
25
- --seui-option-crtl-text-size: 13px;
26
-
27
- --seui-option-padding: 5px;
28
- --seui-option-border-radius: 5px;
29
-
30
- --seui-accessory-max-width: 100%;
31
- --seui-accessory-max-height: 50px;
32
- --seui-accessory-padding: 2px 0;
33
- --seui-accessory-item-border-color: #a3a3a3;
34
- --seui-accessory-item-border-style: solid;
35
- --seui-accessory-item-border-width: 1px;
36
- --seui-accessory-item-border-radius: 3px;
37
- --seui-accessory-item-background: #f7f7f9;
38
- --seui-accessory-item-font-size: 11px;
39
- --seui-accessory-item-padding: 2px;
40
- --seui-accessory-item-gap: 3px;
41
- --seui-accessory-item-button-color: #757575;
42
- --seui-accessory-item-button-width: 16px;
43
- --seui-accessory-item-button-height: 16px;
44
- --seui-accessory-item-button-border-color: #a3a3a3;
45
- --seui-accessory-item-button-border-style: solid;
46
- --seui-accessory-item-button-border-width: 1px;
47
- --seui-accessory-item-button-border-radius: 2px;
48
- --seui-accessory-item-content-color: #307ecc;
49
- --seui-accessory-item-content-font-size: 11px;
50
- --seui-accessory-item-content-padding: 0 4px 0 2px;
51
-
52
- --seui-popup-background-color: #fbfbfb;
53
- --seui-popup-border-color: #a3a3a3;
54
- --seui-popup-border-style: solid;
55
- --seui-popup-border-width: 1px;
56
- --seui-popup-border-radius: 6px;
57
-
58
- --seui-chkbox-background-color: #ffffff;
59
- --seui-chkbox-border-color: #8f9194;
60
-
61
- --seui-chkbox-hover-background-color: #dbdbdb;
62
- --seui-chkbox-hover-border-color: #b7b7b7;
63
-
64
- --seui-chkbox-checked-background-color: #9dcff8;
65
- --seui-chkbox-checked-border-color: #9dcff8;
66
-
67
- --seui-chkbox-checked-hover-background-color: #9dcff8;
68
- --seui-chkbox-checked-hover-border-color: #007eff;
69
-
70
- --seui-chkbox-checked-color: #0075FF;
71
-
72
- --seui-empty-state-color: #999999;
73
- --seui-empty-state-background: #f9f9f9;
74
- --seui-empty-state-padding: 10px 5px;
1
+ :root {
2
+ --seui-transparent-color: #00000000;
3
+
4
+ --seui-view-text-color: #121212;
5
+ --seui-view-ro-text-color: #a3a3a3;
6
+ --seui-view-text-style: Arial, Helvetica, sans-serif;
7
+ --seui-view-text-size: 13px;
8
+ --seui-view-mobile-text-size: 16px;
9
+ --seui-view-background-color: #ffffff;
10
+ --seui-view-ro-background-color: #00000029;
11
+ --seui-view-optgroup-background-color: #a3c6e9;
12
+ --seui-view-border-color: #a3a3a3;
13
+ --seui-view-ro-border-color: #bdbdbd;
14
+ --seui-view-border-size: 1px;
15
+ --seui-view-border-style: solid;
16
+ --seui-view-border-radius: 5px;
17
+
18
+ --seui-directive-color: #000000;
19
+ --seui-directive-ro-color: #a3a3a3;
20
+
21
+ --seui-option-crtl-text-color: #307ecc;
22
+ --seui-option-crtl-text-color-hover: #ff0000;
23
+ --seui-option-crtl-background-color: #f3f3f3;
24
+ --seui-option-crtl-border-color: #cccccc;
25
+ --seui-option-crtl-text-size: 13px;
26
+
27
+ --seui-option-padding: 5px;
28
+ --seui-option-border-radius: 5px;
29
+
30
+ --seui-accessory-max-width: 100%;
31
+ --seui-accessory-max-height: 50px;
32
+ --seui-accessory-padding: 2px 0;
33
+ --seui-accessory-item-border-color: #a3a3a3;
34
+ --seui-accessory-item-border-style: solid;
35
+ --seui-accessory-item-border-width: 1px;
36
+ --seui-accessory-item-border-radius: 3px;
37
+ --seui-accessory-item-background: #f7f7f9;
38
+ --seui-accessory-item-font-size: 11px;
39
+ --seui-accessory-item-padding: 2px;
40
+ --seui-accessory-item-gap: 3px;
41
+ --seui-accessory-item-button-color: #757575;
42
+ --seui-accessory-item-button-width: 16px;
43
+ --seui-accessory-item-button-height: 16px;
44
+ --seui-accessory-item-button-border-color: #a3a3a3;
45
+ --seui-accessory-item-button-border-style: solid;
46
+ --seui-accessory-item-button-border-width: 1px;
47
+ --seui-accessory-item-button-border-radius: 2px;
48
+ --seui-accessory-item-content-color: #307ecc;
49
+ --seui-accessory-item-content-font-size: 11px;
50
+ --seui-accessory-item-content-padding: 0 4px 0 2px;
51
+
52
+ --seui-popup-background-color: #fbfbfb;
53
+ --seui-popup-border-color: #a3a3a3;
54
+ --seui-popup-border-style: solid;
55
+ --seui-popup-border-width: 1px;
56
+ --seui-popup-border-radius: 6px;
57
+
58
+ --seui-chkbox-background-color: #ffffff;
59
+ --seui-chkbox-border-color: #8f9194;
60
+
61
+ --seui-chkbox-hover-background-color: #dbdbdb;
62
+ --seui-chkbox-hover-border-color: #b7b7b7;
63
+
64
+ --seui-chkbox-checked-background-color: #9dcff8;
65
+ --seui-chkbox-checked-border-color: #9dcff8;
66
+
67
+ --seui-chkbox-checked-hover-background-color: #9dcff8;
68
+ --seui-chkbox-checked-hover-border-color: #007eff;
69
+
70
+ --seui-chkbox-checked-color: #0075FF;
71
+
72
+ --seui-empty-state-color: #999999;
73
+ --seui-empty-state-background: #f9f9f9;
74
+ --seui-empty-state-padding: 10px 5px;
75
75
  }