gnui 1.1.7 → 1.2.0

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 (107) hide show
  1. package/@types/gnui.d.ts +195 -154
  2. package/README.md +9 -3
  3. package/assets/NotoSansKR-Black.otf +0 -0
  4. package/assets/NotoSansKR-Black.woff +0 -0
  5. package/assets/NotoSansKR-Black.woff2 +0 -0
  6. package/assets/NotoSansKR-Bold.otf +0 -0
  7. package/assets/NotoSansKR-Bold.woff +0 -0
  8. package/assets/NotoSansKR-Bold.woff2 +0 -0
  9. package/assets/NotoSansKR-DemiLight.otf +0 -0
  10. package/assets/NotoSansKR-DemiLight.woff +0 -0
  11. package/assets/NotoSansKR-DemiLight.woff2 +0 -0
  12. package/assets/NotoSansKR-Light.otf +0 -0
  13. package/assets/NotoSansKR-Light.woff +0 -0
  14. package/assets/NotoSansKR-Light.woff2 +0 -0
  15. package/assets/NotoSansKR-Medium.otf +0 -0
  16. package/assets/NotoSansKR-Medium.woff +0 -0
  17. package/assets/NotoSansKR-Medium.woff2 +0 -0
  18. package/assets/NotoSansKR-Regular.otf +0 -0
  19. package/assets/NotoSansKR-Regular.woff +0 -0
  20. package/assets/NotoSansKR-Regular.woff2 +0 -0
  21. package/assets/NotoSansKR-Thin.otf +0 -0
  22. package/assets/NotoSansKR-Thin.woff +0 -0
  23. package/assets/NotoSansKR-Thin.woff2 +0 -0
  24. package/assets/{LICENSE_OFL.txt → OFL.txt} +93 -92
  25. package/assets/images/flags.png +0 -0
  26. package/dist/js/gnui.esm.js +19752 -17625
  27. package/dist/js/gnui.js +19767 -17931
  28. package/dist/js/gnui.min.js +23 -1
  29. package/dist/styles/default.css +1 -3
  30. package/dist/styles/gpi.css +1 -3
  31. package/dist/styles/green24.css +1 -0
  32. package/dist/styles/insights.css +1 -3
  33. package/dist/styles/nac.css +1 -3
  34. package/dist/styles/ztnac.css +1 -0
  35. package/package.json +39 -30
  36. package/styleguide/assets/components.js +1031 -579
  37. package/styleguide/assets/guide.js +28 -26
  38. package/styleguide/assets/okadia.css +115 -117
  39. package/styleguide/assets/theme.css +140 -82
  40. package/styleguide/category/COLOR/index.html +75 -77
  41. package/styleguide/category/COMPONENT/Alert(js)/index.html +89 -92
  42. package/styleguide/category/COMPONENT/Bignumber/index.html +78 -82
  43. package/styleguide/category/COMPONENT/Breadcrumb/index.html +78 -82
  44. package/styleguide/category/COMPONENT/Calendar(js)/index.html +89 -92
  45. package/styleguide/category/COMPONENT/Card/index.html +78 -82
  46. package/styleguide/category/COMPONENT/Chart(js)/index.html +89 -92
  47. package/styleguide/category/COMPONENT/Datagrid(js)/index.html +354 -206
  48. package/styleguide/category/COMPONENT/Datalist(js)/index.html +471 -0
  49. package/styleguide/category/COMPONENT/Growl(js)/index.html +89 -92
  50. package/styleguide/category/COMPONENT/JsonView(js)/index.html +544 -246
  51. package/styleguide/category/{CONTROLS → COMPONENT}/MenuButton(js)/index.html +116 -92
  52. package/styleguide/category/COMPONENT/Message(js)/index.html +219 -95
  53. package/styleguide/category/COMPONENT/Modal(js)/index.html +128 -94
  54. package/styleguide/category/COMPONENT/Pagination/index.html +78 -82
  55. package/styleguide/category/COMPONENT/Panel/index.html +78 -82
  56. package/styleguide/category/COMPONENT/Progressbar(js)/index.html +89 -92
  57. package/styleguide/category/COMPONENT/Tab(js)/index.html +122 -93
  58. package/styleguide/category/COMPONENT/Tagcloud(js)/index.html +88 -89
  59. package/styleguide/category/COMPONENT/Tooltip(js)/index.html +175 -92
  60. package/styleguide/category/COMPONENT/Tree(js)/index.html +95 -92
  61. package/styleguide/category/CONTROLS/Button(js)/index.html +110 -95
  62. package/styleguide/category/CONTROLS/Checkbox/index.html +82 -86
  63. package/styleguide/category/CONTROLS/Colorpicker(js)/index.html +147 -93
  64. package/styleguide/category/CONTROLS/Datepicker(js)/index.html +124 -92
  65. package/styleguide/category/CONTROLS/Dropdown(js)/index.html +161 -132
  66. package/styleguide/category/CONTROLS/File/index.html +78 -82
  67. package/styleguide/category/CONTROLS/Form/Control/index.html +78 -82
  68. package/styleguide/category/CONTROLS/Form/Field/index.html +78 -82
  69. package/styleguide/category/CONTROLS/Form/Plain/index.html +78 -82
  70. package/styleguide/category/CONTROLS/Input/index.html +80 -84
  71. package/styleguide/category/CONTROLS/MultiText(js)/index.html +105 -92
  72. package/styleguide/category/CONTROLS/Picklist(js)/index.html +165 -141
  73. package/styleguide/category/CONTROLS/Radio/index.html +78 -82
  74. package/styleguide/category/CONTROLS/Select/index.html +80 -84
  75. package/styleguide/category/CONTROLS/SelectButton(js)/index.html +147 -92
  76. package/styleguide/category/CONTROLS/Slider/index.html +78 -82
  77. package/styleguide/category/CONTROLS/Switch(js)/index.html +105 -93
  78. package/styleguide/category/CONTROLS/SyntaxInput(js)/index.html +89 -92
  79. package/styleguide/category/CONTROLS/Textarea/index.html +78 -82
  80. package/styleguide/category/{COMPONENT → CONTROLS}/Time(js)/index.html +111 -92
  81. package/styleguide/category/ELEMENTS/Box/index.html +78 -82
  82. package/styleguide/category/ELEMENTS/Icon/index.html +122 -82
  83. package/styleguide/category/ELEMENTS/Image/index.html +78 -82
  84. package/styleguide/category/ELEMENTS/List/index.html +78 -82
  85. package/styleguide/category/ELEMENTS/Table/index.html +78 -82
  86. package/styleguide/category/ELEMENTS/Tag/index.html +78 -82
  87. package/styleguide/category/ELEMENTS/Title/index.html +78 -82
  88. package/styleguide/category/LAYOUT/Container/index.html +78 -82
  89. package/styleguide/category/LAYOUT/Grid/index.html +78 -82
  90. package/styleguide/category/LAYOUT/Splitter(js)/index.html +89 -92
  91. package/styleguide/category/UTILITY/index.html +80 -82
  92. package/styleguide/category/Utils/index.html +97 -71
  93. package/styleguide/color.html +66 -65
  94. package/styleguide/index.html +66 -65
  95. package/styleguide/tag/javascript/index.html +1984 -1011
  96. package/styleguide/tag/v.0.1.0/index.html +2730 -1568
  97. package/assets/NotoSansCJKkr-Black.otf +0 -0
  98. package/assets/NotoSansCJKkr-Bold.otf +0 -0
  99. package/assets/NotoSansCJKkr-DemiLight.otf +0 -0
  100. package/assets/NotoSansCJKkr-Light.otf +0 -0
  101. package/assets/NotoSansCJKkr-Medium.otf +0 -0
  102. package/assets/NotoSansCJKkr-Regular.otf +0 -0
  103. package/assets/NotoSansCJKkr-Thin.otf +0 -0
  104. package/assets/NotoSansMonoCJKkr-Bold.otf +0 -0
  105. package/assets/NotoSansMonoCJKkr-Regular.otf +0 -0
  106. package/assets/README +0 -11
  107. package/dist/styles/zt-nac.css +0 -3
@@ -1,45 +1,47 @@
1
+ Gn.ready(function () {
2
+ const theme = Gn.util.$('#ThemeSelector');
3
+ const themeFile = Gn.util.$('#ThemeFile');
1
4
 
2
- Gn.ready(function() {
3
- var theme = Gn.util.$('#ThemeSelector');
4
- var themeFile = Gn.util.$('#ThemeFile');
5
-
6
- var changeTheme = function (theme){
7
- var stylepath = Gn.util.attr(themeFile, 'href');
8
- var stylefile = stylepath.match(/[-_\w]+[.][\w]+$/i)[0];
9
- Gn.util.attr(themeFile, 'href', stylepath.replace(stylefile, theme+'.css'));
10
- var categorys = Gn.util.$$('.aigis-sidemenu a[href]');
11
- Gn.util.each(categorys, function(x){
12
- var link = x.getAttribute('href').split('#')[0];
13
- x.setAttribute('href', link+'#'+theme);
5
+ // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
6
+ const changeTheme = function (theme) {
7
+ const stylepath = Gn.util.attr(themeFile, 'href');
8
+ const stylefile = stylepath.match(/[-_\w]+[.][\w]+$/i)[0];
9
+ Gn.util.attr(themeFile, 'href', stylepath.replace(stylefile, theme + '.css'));
10
+ const categorys = Gn.util.$$('.aigis-sidemenu a[href]');
11
+ Gn.util.each(categorys, function (x) {
12
+ const link = x.getAttribute('href').split('#')[0];
13
+ x.setAttribute('href', link + '#' + theme);
14
14
  });
15
- Gn.util.attr(Gn.util.$('.main-link'), 'href', Gn.util.attr(Gn.util.$('.main-link'), 'href').split('#')[0]+'#'+theme);
16
- Gn.util.attr(Gn.util.$('.util-link'), 'href', Gn.util.attr(Gn.util.$('.util-link'), 'href').split('#')[0]+'#'+theme);
17
- }
15
+ Gn.util.attr(Gn.util.$('.main-link'), 'href', Gn.util.attr(Gn.util.$('.main-link'), 'href').split('#')[0] + '#' + theme);
16
+ Gn.util.attr(Gn.util.$('.util-link'), 'href', Gn.util.attr(Gn.util.$('.util-link'), 'href').split('#')[0] + '#' + theme);
17
+ };
18
18
 
19
- Gn.util.on(theme, 'change', function (){
19
+ Gn.util.on(theme, 'change', function () {
20
20
  location.hash = this.value;
21
21
  });
22
22
 
23
- Gn.util.on(window, "hashchange", function(e){
23
+ Gn.util.on(window, 'hashchange', function () {
24
24
  changeTheme(location.hash.substring(1));
25
25
  });
26
26
 
27
- if(location.hash){
27
+ if (location.hash) {
28
28
  changeTheme(location.hash.substring(1));
29
29
  Gn.util.val(theme, location.hash.substring(1));
30
30
  }
31
31
 
32
- Gn.util.on(Gn.util.$$('a[href]'), 'click', function(e){
33
- if(Gn.util.startsWith(e.currentTarget.getAttribute('href'), '#')) e.preventDefault();
32
+ Gn.util.on(Gn.util.$$('a[href]'), 'click', function (e) {
33
+ if (Gn.util.startsWith(e.currentTarget.getAttribute('href'), '#')) {
34
+ e.preventDefault();
35
+ }
34
36
  });
35
37
 
36
- let comppath = location.pathname.replace('/index.html','').split('/').pop().replace('(js)','');
37
- if(components && components[comppath]){
38
- setTimeout(function(){
38
+ const comppath = location.pathname.replace('/index.html', '').split('/').pop().replace('(js)', '');
39
+ if (components && components[comppath]) {
40
+ setTimeout(function () {
39
41
  components[comppath]();
40
- Gn.util.on('.js-guide', 'click', function(e){
42
+ Gn.util.on('.js-guide', 'click', function () {
41
43
  Gn.util.scrollTop(window, Gn.util.offset(Gn.util.prev(Gn.util.parent(Gn.util.$('.language-ejs')))).top - 100);
42
44
  });
43
- }, 300)
45
+ }, 300);
44
46
  }
45
- });
47
+ });
@@ -5,120 +5,118 @@
5
5
  * @author ocodia
6
6
  */
7
7
 
8
- code[class*="language-"],
9
- pre[class*="language-"] {
10
- color: #f8f8f2;
11
- background: none;
12
- text-shadow: 0 1px rgba(0, 0, 0, 0.3);
13
- font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
14
- text-align: left;
15
- white-space: pre;
16
- word-spacing: normal;
17
- word-break: normal;
18
- word-wrap: normal;
19
- line-height: 1.5;
20
-
21
- -moz-tab-size: 4;
22
- -o-tab-size: 4;
23
- tab-size: 4;
24
-
25
- -webkit-hyphens: none;
26
- -moz-hyphens: none;
27
- -ms-hyphens: none;
28
- hyphens: none;
29
- }
30
-
31
- /* Code blocks */
32
- pre[class*="language-"] {
33
- padding: 1em;
34
- margin: .5em 0;
35
- overflow: auto;
36
- border-radius: 0.3em;
37
- }
38
-
39
- :not(pre) > code[class*="language-"],
40
- pre[class*="language-"] {
41
- background: #333333;
42
- }
43
-
44
- /* Inline code */
45
- :not(pre) > code[class*="language-"] {
46
- padding: .1em;
47
- border-radius: .3em;
48
- white-space: normal;
49
- }
50
-
51
- .token.comment,
52
- .token.prolog,
53
- .token.doctype,
54
- .token.cdata {
55
- color: slategray;
56
- }
57
-
58
- .token.punctuation {
59
- color: #f8f8f2;
60
- }
61
-
62
- .namespace {
63
- opacity: .7;
64
- }
65
-
66
- .token.property,
67
- .token.tag,
68
- .token.constant,
69
- .token.symbol,
70
- .token.deleted {
71
- color: #FA8072;
72
- }
73
-
74
- .token.boolean,
75
- .token.number {
76
- color: #ae81ff;
77
- }
78
-
79
- .token.selector,
80
- .token.attr-name,
81
- .token.string,
82
- .token.char,
83
- .token.builtin,
84
- .token.inserted {
85
- color: #B0E0E6;
86
- }
87
-
88
- .token.operator,
89
- .token.entity,
90
- .token.url,
91
- .language-css .token.string,
92
- .style .token.string,
93
- .token.variable {
94
- color: #F0E68C;
95
- }
96
-
97
- .token.atrule,
98
- .token.attr-value,
99
- .token.function {
100
- color: #dfd68a;
101
- }
102
-
103
- .token.keyword {
104
- color: #76b9c7;
105
- }
106
-
107
- .token.regex,
108
- .token.important {
109
- color: #F5DEB3;
110
- }
111
-
112
- .token.important,
113
- .token.bold {
114
- font-weight: bold;
115
- }
116
- .token.italic {
117
- font-style: italic;
118
- }
119
-
120
- .token.entity {
121
- cursor: help;
122
- }
123
-
124
-
8
+ code[class*='language-'],
9
+ pre[class*='language-'] {
10
+ color: #f8f8f2;
11
+ background: none;
12
+ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
13
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
14
+ text-align: left;
15
+ white-space: pre;
16
+ word-spacing: normal;
17
+ word-break: normal;
18
+ word-wrap: normal;
19
+ line-height: 1.5;
20
+
21
+ -moz-tab-size: 4;
22
+ -o-tab-size: 4;
23
+ tab-size: 4;
24
+
25
+ -webkit-hyphens: none;
26
+ -moz-hyphens: none;
27
+ -ms-hyphens: none;
28
+ hyphens: none;
29
+ }
30
+
31
+ /* Code blocks */
32
+ pre[class*='language-'] {
33
+ padding: 1em;
34
+ margin: 0.5em 0;
35
+ overflow: auto;
36
+ border-radius: 0.3em;
37
+ }
38
+
39
+ :not(pre) > code[class*='language-'],
40
+ pre[class*='language-'] {
41
+ background: #333333;
42
+ }
43
+
44
+ /* Inline code */
45
+ :not(pre) > code[class*='language-'] {
46
+ padding: 0.1em;
47
+ border-radius: 0.3em;
48
+ white-space: normal;
49
+ }
50
+
51
+ .token.comment,
52
+ .token.prolog,
53
+ .token.doctype,
54
+ .token.cdata {
55
+ color: slategray;
56
+ }
57
+
58
+ .token.punctuation {
59
+ color: #f8f8f2;
60
+ }
61
+
62
+ .namespace {
63
+ opacity: 0.7;
64
+ }
65
+
66
+ .token.property,
67
+ .token.tag,
68
+ .token.constant,
69
+ .token.symbol,
70
+ .token.deleted {
71
+ color: #fa8072;
72
+ }
73
+
74
+ .token.boolean,
75
+ .token.number {
76
+ color: #ae81ff;
77
+ }
78
+
79
+ .token.selector,
80
+ .token.attr-name,
81
+ .token.string,
82
+ .token.char,
83
+ .token.builtin,
84
+ .token.inserted {
85
+ color: #b0e0e6;
86
+ }
87
+
88
+ .token.operator,
89
+ .token.entity,
90
+ .token.url,
91
+ .language-css .token.string,
92
+ .style .token.string,
93
+ .token.variable {
94
+ color: #f0e68c;
95
+ }
96
+
97
+ .token.atrule,
98
+ .token.attr-value,
99
+ .token.function {
100
+ color: #dfd68a;
101
+ }
102
+
103
+ .token.keyword {
104
+ color: #76b9c7;
105
+ }
106
+
107
+ .token.regex,
108
+ .token.important {
109
+ color: #f5deb3;
110
+ }
111
+
112
+ .token.important,
113
+ .token.bold {
114
+ font-weight: bold;
115
+ }
116
+ .token.italic {
117
+ font-style: italic;
118
+ }
119
+
120
+ .token.entity {
121
+ cursor: help;
122
+ }