luda 0.1.11 → 0.1.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. checksums.yaml +4 -4
  2. data/assets/javascripts/luda-degradation.js +2 -2
  3. data/assets/javascripts/luda-degradation.min.js +2 -2
  4. data/assets/javascripts/luda-sprockets.js +2 -2
  5. data/assets/javascripts/luda.js +719 -250
  6. data/assets/javascripts/luda.js.map +1 -1
  7. data/assets/javascripts/luda.min.js +3 -3
  8. data/assets/javascripts/luda.min.js.map +1 -1
  9. data/assets/javascripts/luda/behaviors/{enter-click.js → enter.js} +8 -6
  10. data/assets/javascripts/luda/behaviors/focus.js +14 -8
  11. data/assets/javascripts/luda/behaviors/readonly.js +4 -4
  12. data/assets/javascripts/luda/behaviors/{radio-tab.js → tabulate.js} +8 -6
  13. data/assets/javascripts/luda/behaviors/toggle.js +72 -18
  14. data/assets/javascripts/luda/dom.js +62 -0
  15. data/assets/javascripts/luda/elements/form-file.js +13 -4
  16. data/assets/javascripts/luda/elements/form-select.js +9 -5
  17. data/assets/javascripts/luda/event.js +11 -3
  18. data/assets/javascripts/luda/{component.js → factory.js} +149 -55
  19. data/assets/javascripts/luda/index.js +4 -4
  20. data/assets/javascripts/luda/install.js +2 -2
  21. data/assets/javascripts/luda/patterns/carousel.js +85 -59
  22. data/assets/javascripts/luda/patterns/dropdown.js +86 -68
  23. data/assets/javascripts/luda/patterns/form-dropdown.js +8 -8
  24. data/assets/javascripts/luda/patterns/tab.js +62 -23
  25. data/assets/javascripts/luda/static.js +224 -0
  26. data/assets/stylesheets/luda/_core/_functions.sass +11 -19
  27. data/assets/stylesheets/luda/_core/_variables.sass +140 -131
  28. data/assets/stylesheets/luda/_core/behaviors/_focus.sass +2 -2
  29. data/assets/stylesheets/luda/_core/elements/_button.sass +1 -1
  30. data/assets/stylesheets/luda/_core/elements/_grid.sass +0 -3
  31. data/assets/stylesheets/luda/_core/elements/_scrollbar.sass +8 -2
  32. data/assets/stylesheets/luda/_core/elements/form/_form-check-radio.sass +22 -31
  33. data/assets/stylesheets/luda/_core/elements/form/_form-element.sass +1 -1
  34. data/assets/stylesheets/luda/_core/elements/form/_form-helper.sass +19 -19
  35. data/assets/stylesheets/luda/_core/elements/form/_form-range.sass +19 -19
  36. data/assets/stylesheets/luda/_core/elements/form/_form-row.sass +43 -59
  37. data/assets/stylesheets/luda/_core/elements/typography/_quote.sass +1 -1
  38. data/assets/stylesheets/luda/_core/elements/typography/_typography.sass +9 -9
  39. data/assets/stylesheets/luda/_core/mixins/_dropdown.sass +8 -6
  40. data/assets/stylesheets/luda/_core/mixins/_form.sass +12 -12
  41. data/assets/stylesheets/luda/_core/mixins/_media-query.sass +12 -12
  42. data/assets/stylesheets/luda/_core/mixins/_typography.sass +4 -4
  43. data/assets/stylesheets/luda/_core/patterns/_breadcrumb.sass +2 -2
  44. data/assets/stylesheets/luda/_core/patterns/_button-group.sass +1 -1
  45. data/assets/stylesheets/luda/_core/patterns/_button-icon.sass +2 -2
  46. data/assets/stylesheets/luda/_core/patterns/_carousel.sass +13 -13
  47. data/assets/stylesheets/luda/_core/patterns/_dropdown.sass +5 -1
  48. data/assets/stylesheets/luda/_core/patterns/_form-dropdown.sass +3 -3
  49. data/assets/stylesheets/luda/_core/patterns/_form-group.sass +11 -11
  50. data/assets/stylesheets/luda/_core/patterns/_form-icon.sass +13 -19
  51. data/assets/stylesheets/luda/_core/patterns/_navigation.sass +5 -5
  52. data/assets/stylesheets/luda/_core/patterns/_search-bar.sass +2 -2
  53. data/assets/stylesheets/luda/_core/patterns/_tab.sass +1 -3
  54. data/assets/stylesheets/luda/_core/utilities/_border.sass +15 -15
  55. data/assets/stylesheets/luda/_core/utilities/_color.sass +4 -1
  56. data/assets/stylesheets/luda/_core/utilities/_display.sass +1 -1
  57. data/assets/stylesheets/luda/_core/utilities/_flex.sass +3 -0
  58. data/assets/stylesheets/luda/_core/utilities/_shadow.sass +12 -12
  59. data/assets/stylesheets/luda/_core/utilities/_spacing.sass +227 -0
  60. data/assets/stylesheets/luda/_core/utilities/_visibility.sass +1 -1
  61. data/assets/stylesheets/luda/_default.sass +1 -1
  62. data/assets/stylesheets/luda/default/_banner.sass +2 -2
  63. data/assets/stylesheets/luda/default/index.sass +1 -1
  64. data/assets/stylesheets/luda/default/utilities/_border.sass +4 -4
  65. data/assets/stylesheets/luda/default/utilities/_shadow.sass +4 -4
  66. data/assets/stylesheets/luda/default/utilities/_spacing.sass +5 -0
  67. data/lib/luda/version.rb +1 -1
  68. metadata +9 -11
  69. data/assets/javascripts/luda/singleton.js +0 -77
  70. data/assets/stylesheets/luda/_core/patterns/_form-button.sass +0 -23
  71. data/assets/stylesheets/luda/_core/patterns/_nav.sass +0 -165
  72. data/assets/stylesheets/luda/default/patterns/_form-button.sass +0 -9
  73. data/assets/stylesheets/luda/default/patterns/_nav.sass +0 -10
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: luda
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.11
4
+ version: 0.1.12
5
5
  platform: ruby
6
6
  authors:
7
7
  - oatw
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-03-27 00:00:00.000000000 Z
11
+ date: 2019-04-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -42,25 +42,25 @@ files:
42
42
  - assets/javascripts/luda.js.map
43
43
  - assets/javascripts/luda.min.js
44
44
  - assets/javascripts/luda.min.js.map
45
- - assets/javascripts/luda/behaviors/enter-click.js
45
+ - assets/javascripts/luda/behaviors/enter.js
46
46
  - assets/javascripts/luda/behaviors/focus.js
47
- - assets/javascripts/luda/behaviors/radio-tab.js
48
47
  - assets/javascripts/luda/behaviors/readonly.js
48
+ - assets/javascripts/luda/behaviors/tabulate.js
49
49
  - assets/javascripts/luda/behaviors/toggle.js
50
- - assets/javascripts/luda/component.js
51
50
  - assets/javascripts/luda/constants.js
52
51
  - assets/javascripts/luda/degradation.js
53
52
  - assets/javascripts/luda/dom.js
54
53
  - assets/javascripts/luda/elements/form-file.js
55
54
  - assets/javascripts/luda/elements/form-select.js
56
55
  - assets/javascripts/luda/event.js
56
+ - assets/javascripts/luda/factory.js
57
57
  - assets/javascripts/luda/index.js
58
58
  - assets/javascripts/luda/install.js
59
59
  - assets/javascripts/luda/patterns/carousel.js
60
60
  - assets/javascripts/luda/patterns/dropdown.js
61
61
  - assets/javascripts/luda/patterns/form-dropdown.js
62
62
  - assets/javascripts/luda/patterns/tab.js
63
- - assets/javascripts/luda/singleton.js
63
+ - assets/javascripts/luda/static.js
64
64
  - assets/javascripts/luda/utilities.js
65
65
  - assets/stylesheets/luda/_core/_base.sass
66
66
  - assets/stylesheets/luda/_core/_functions.sass
@@ -111,12 +111,10 @@ files:
111
111
  - assets/stylesheets/luda/_core/patterns/_button-icon.sass
112
112
  - assets/stylesheets/luda/_core/patterns/_carousel.sass
113
113
  - assets/stylesheets/luda/_core/patterns/_dropdown.sass
114
- - assets/stylesheets/luda/_core/patterns/_form-button.sass
115
114
  - assets/stylesheets/luda/_core/patterns/_form-dropdown.sass
116
115
  - assets/stylesheets/luda/_core/patterns/_form-group.sass
117
116
  - assets/stylesheets/luda/_core/patterns/_form-icon.sass
118
117
  - assets/stylesheets/luda/_core/patterns/_modal.sass
119
- - assets/stylesheets/luda/_core/patterns/_nav.sass
120
118
  - assets/stylesheets/luda/_core/patterns/_navigation.sass
121
119
  - assets/stylesheets/luda/_core/patterns/_search-bar.sass
122
120
  - assets/stylesheets/luda/_core/patterns/_tab.sass
@@ -134,6 +132,7 @@ files:
134
132
  - assets/stylesheets/luda/_core/utilities/_shape.sass
135
133
  - assets/stylesheets/luda/_core/utilities/_size.sass
136
134
  - assets/stylesheets/luda/_core/utilities/_space.sass
135
+ - assets/stylesheets/luda/_core/utilities/_spacing.sass
137
136
  - assets/stylesheets/luda/_core/utilities/_text.sass
138
137
  - assets/stylesheets/luda/_core/utilities/_visibility.sass
139
138
  - assets/stylesheets/luda/_core/utilities/_z-index.sass
@@ -182,12 +181,10 @@ files:
182
181
  - assets/stylesheets/luda/default/patterns/_button-icon.sass
183
182
  - assets/stylesheets/luda/default/patterns/_carousel.sass
184
183
  - assets/stylesheets/luda/default/patterns/_dropdown.sass
185
- - assets/stylesheets/luda/default/patterns/_form-button.sass
186
184
  - assets/stylesheets/luda/default/patterns/_form-dropdown.sass
187
185
  - assets/stylesheets/luda/default/patterns/_form-group.sass
188
186
  - assets/stylesheets/luda/default/patterns/_form-icon.sass
189
187
  - assets/stylesheets/luda/default/patterns/_modal.sass
190
- - assets/stylesheets/luda/default/patterns/_nav.sass
191
188
  - assets/stylesheets/luda/default/patterns/_navigation.sass
192
189
  - assets/stylesheets/luda/default/patterns/_search-bar.sass
193
190
  - assets/stylesheets/luda/default/patterns/_tab.sass
@@ -205,6 +202,7 @@ files:
205
202
  - assets/stylesheets/luda/default/utilities/_shape.sass
206
203
  - assets/stylesheets/luda/default/utilities/_size.sass
207
204
  - assets/stylesheets/luda/default/utilities/_space.sass
205
+ - assets/stylesheets/luda/default/utilities/_spacing.sass
208
206
  - assets/stylesheets/luda/default/utilities/_text.sass
209
207
  - assets/stylesheets/luda/default/utilities/_visibility.sass
210
208
  - assets/stylesheets/luda/default/utilities/_z-index.sass
@@ -232,7 +230,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
232
230
  version: '0'
233
231
  requirements: []
234
232
  rubyforge_project:
235
- rubygems_version: 2.7.6
233
+ rubygems_version: 2.7.7
236
234
  signing_key:
237
235
  specification_version: 4
238
236
  summary: A lightweight and responsive UI framework for modern web development.
@@ -1,77 +0,0 @@
1
- //= require ./install
2
- //= require ./utilities
3
- (function (global, factory) {
4
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('./install.js'), require('./utilities.js')) :
5
- typeof define === 'function' && define.amd ? define(['./install.js', './utilities.js'], factory) :
6
- (factory());
7
- }(this, (function () { 'use strict';
8
-
9
- var Singleton;
10
-
11
- luda(Singleton = (function() {
12
- class Singleton {
13
- static active() {
14
- return this._actived = true;
15
- }
16
-
17
- static deactive() {
18
- return this._actived = false;
19
- }
20
-
21
- static _add(selector) {
22
- if (typeof selector !== 'string') {
23
- throw new Error(this._SELECTOR_INVALID_ERROR);
24
- }
25
- if (!this._SELECTORS.includes(selector)) {
26
- this._SELECTORS.push(selector);
27
- }
28
- return this._mergeSelectors();
29
- }
30
-
31
- static _remove(selector) {
32
- if (typeof selector !== 'string') {
33
- throw new Error(this._SELECTOR_INVALID_ERROR);
34
- }
35
- luda.except(selector, this._SELECTORS);
36
- return this._mergeSelectors();
37
- }
38
-
39
- static _mergeSelectors() {
40
- return this._selector = this._SELECTORS.join(',');
41
- }
42
-
43
- static _install() {
44
- var exposed;
45
- if (this === Singleton) {
46
- return this;
47
- }
48
- if (!this.hasOwnProperty('_SELECTORS')) {
49
- this._SELECTORS = [];
50
- }
51
- this._mergeSelectors();
52
- if (typeof this._init === 'function') {
53
- exposed = this._init();
54
- }
55
- if (exposed) {
56
- return exposed;
57
- } else {
58
- return this;
59
- }
60
- }
61
-
62
- }
63
- Singleton._SCOPE = 'Singleton';
64
-
65
- Singleton._SELECTOR_INVALID_ERROR = '@param selector must be a css selector string';
66
-
67
- Singleton._SELECTORS = [];
68
-
69
- Singleton._selector = '';
70
-
71
- Singleton._actived = true;
72
-
73
- return Singleton;
74
-
75
- }).call(this));
76
-
77
- })));
@@ -1,23 +0,0 @@
1
- +install(shared-collection-form-button)
2
-
3
- .fm-btn
4
- display: flex
5
-
6
- .fm-btn .fm
7
- flex-basis: 100%
8
-
9
- .fm-btn .fm input,
10
- .fm-btn .fm select,
11
- .fm-btn .fm textarea
12
- border-right: none
13
- border-top-right-radius: 0
14
- border-bottom-right-radius: 0
15
-
16
- .fm-btn .btn,
17
- .fm-btn .btn-check,
18
- .fm-btn .btn-radio,
19
- .fm-btn .btn-file
20
- flex-shrink: 0
21
- order: 1
22
- border-top-left-radius: 0
23
- border-bottom-left-radius: 0
@@ -1,165 +0,0 @@
1
- +install(shared-collection-nav)
2
-
3
- .nav-header,
4
- .nav-aside
5
- display: flex
6
- align-items: center
7
- width: 100%
8
- padding: $nav-padding-rem
9
- background: $nav-background
10
-
11
- .nav-logo
12
- flex: 0 0 auto
13
- margin: $nav-logo-margin-rem
14
-
15
- .nav-logo img,
16
- .nav-logo svg
17
- height: $nav-logo-image-height-rem
18
- object-fit: contain
19
- fill: $color-light
20
-
21
- .nav-open
22
- flex: 0 0 auto
23
- margin: $nav-open-margin-rem
24
-
25
- .nav-open.btn-text-light,
26
- .nav-close.btn-text-light
27
- color: $color-light
28
-
29
- .nav-menu
30
- position: fixed
31
- top: 0
32
- left: 0
33
- z-index: $z-index-highest
34
- flex-direction: column
35
- width: 100%
36
- height: 100%
37
- overflow: auto
38
- -webkit-overflow-scrolling: touch
39
- background: $nav-background
40
-
41
- .nav-menu.toggle-active
42
- display: flex
43
-
44
- .nav-close
45
- flex: 0 0 auto
46
- margin: $nav-close-margin-rem
47
-
48
- .nav-search
49
- flex: 0 0 auto
50
- margin: $nav-search-margin-rem
51
-
52
- .nav-items,
53
- .nav-sub-items
54
- display: flex
55
- flex: 0 0 auto
56
- flex-direction: column
57
-
58
- .nav-items
59
- margin: $nav-items-margin-rem
60
-
61
- .nav-sub-items
62
- margin: $nav-sub-items-margin-rem
63
-
64
- .nav-items .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right),
65
- .nav-sub-items .btn:not(.btn-ico):not(.btn-ico-top):not(.btn-ico-right)
66
- justify-content: flex-start
67
-
68
- .nav-items .btn.btn-ico-right,
69
- .nav-sub-items .btn.btn-ico-right
70
- justify-content: space-between
71
-
72
-
73
-
74
- .nav-header
75
- box-shadow: $nav-header-box-shadow
76
-
77
-
78
-
79
- .nav-aside
80
- box-shadow: $nav-aside-box-shadow
81
-
82
-
83
-
84
- +media-width($nav-width-breakpoint)
85
-
86
- // sass-lint:disable no-duplicate-properties
87
- .nav-header,
88
- .nav-aside
89
- position: -webkit-sticky
90
- position: sticky
91
- top: 0
92
- // sass-lint:enable no-duplicate-properties
93
-
94
- .nav-open,
95
- .nav-close
96
- display: none
97
-
98
- .nav-header .nav-menu,
99
- .nav-aside .nav-menu
100
- display: flex
101
- position: relative
102
- z-index: $z-index-normal
103
- background: none
104
-
105
-
106
-
107
- .nav-header
108
- z-index: $z-index-highest
109
-
110
- .nav-header .nav-items,
111
- .nav-header .nav-sub-items
112
- flex-direction: row
113
- align-items: center
114
-
115
- .nav-header .nav-menu
116
- flex: 1 1 100%
117
- flex-direction: row
118
- flex-wrap: wrap
119
- align-items: center
120
- overflow: visible
121
-
122
- .nav-header .nav-search
123
- flex: 0 0 auto
124
- order: 1
125
- width: $nav-header-breakpoint-search-width-rem
126
- margin: $nav-header-breakpoint-search-margin-rem
127
-
128
- .nav-header .nav-items
129
- margin: $nav-header-breakpoint-items-margin-rem
130
-
131
- .nav-header .nav-sub-items
132
- order: 2
133
- margin: $nav-header-breakpoint-sub-items-margin-rem
134
-
135
- .nav-header .dropdown-menu
136
- margin-left: 0
137
-
138
- .nav-header .dropdown-items:not([class*=dropdown-static])
139
- background: $nav-header-breakpoint-dropdown-background
140
-
141
-
142
-
143
- .nav-aside
144
- z-index: $z-index-much-higher
145
- flex-direction: column
146
- width: $nav-aside-breakpoint-min-width-rem
147
- max-width: $nav-aside-breakpoint-max-width-rem
148
- min-width: $nav-aside-breakpoint-min-width-rem
149
- height: 100vh
150
- padding: $nav-aside-breakpoint-padding-rem
151
- overflow: auto
152
- -webkit-overflow-scrolling: touch
153
- box-shadow: $nav-aside-breakpoint-box-shadow
154
-
155
- .nav-aside .nav-logo
156
- margin: $nav-aside-breakpoint-logo-margin-rem
157
-
158
- .nav-aside .nav-logo img,
159
- .nav-aside .nav-logo svg
160
- width: $nav-aside-breakpoint-logo-image-width-rem
161
- height: $nav-aside-breakpoint-logo-image-height-rem
162
-
163
- .nav-aside .nav-menu
164
- flex: 0 0 auto
165
- height: auto
@@ -1,9 +0,0 @@
1
- @import '../base'
2
- @import '../elements/form'
3
- @import '../elements/button'
4
- @import button-icon
5
- @import '../../_core/patterns/form-button'
6
-
7
-
8
-
9
- +install(collection-form-button)
@@ -1,10 +0,0 @@
1
- @import '../base'
2
- @import '../elements/button'
3
- @import '../elements/form'
4
- @import button-icon
5
- @import dropdown
6
- @import '../../_core/patterns/nav'
7
-
8
-
9
-
10
- +install(collection-nav)