gnui 1.0.7 → 1.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gnui",
   "description": "CSS framework for Genians",
-  "version": "1.0.7",
+  "version": "1.1.1",
   "main": "dist/js/gnui.js",
   "types": "@types/gnui.d.ts",
   "module": "dist/js/gnui.esm.js",
@@ -75,7 +75,8 @@
     "@babel/polyfill": "^7.8.3",
     "@fortawesome/fontawesome-free": "^5.12.1",
     "apexcharts": "^3.23.1",
-    "jsonpath": "^1.1.0"
+    "jsonpath": "^1.1.0",
+    "prismjs": "^1.24.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
@@ -83,6 +84,7 @@
     "@babel/plugin-proposal-class-properties": "^7.8.3",
     "@babel/plugin-transform-react-jsx": "^7.9.4",
     "@babel/preset-env": "^7.8.4",
+    "@types/prismjs": "^1.16.6",
     "autoprefixer": "^9.7.4",
     "clean-css-cli": "^4.3.0",
     "http-server": "^0.12.1",

package/styleguide/assets/components.js

@@ -41,12 +41,11 @@ var components = {
     });
     Gn.create('calendar', {
       target: '.new-calendar1',
-      value: '2021-04-01 12:08:31',
       onSelect: function (v) {
         console.log('선택한 날짜: '+ v)
       },
       dateType: 'datetime',
-      max: '-1d',
+      max: '1M',
       min: '-1M'
     });
   },
@@ -196,17 +195,21 @@ var components = {
     Gn.create('dropdown', {
       target: '.new-dropdown1',
       className: 'is-top',
-      onChange: function(val, txt){
+      onChange: function(val, txt, values){
         console.log('선택된 값은 [ ' + val + ' ]입니다.')
       },
-      width: '100px',
-      value: 'item2',
+      width: '150px',
+      value: 'item2,item5',
+      type: 'opened',
+      multiple: true,
       data: [
         { value: 'item1', text: '항목1' },
         { value: 'item2', text: '항목2' },
         { value: 'item3', text: '항목3' },
         { value: 'item4', text: '항목4' },
-        { value: 'item5', text: '항목5' }
+        { value: 'item5', text: '항목5' },
+        { value: 'item6', text: '항목6' },
+        { value: 'item7', text: '항목7' }
       ]
     });
     Gn.create('dropdown', {
@@ -217,7 +220,7 @@ var components = {
       textSets: {
         selectText: '골라라'
       },
-      value: 'item22222',
+      value: 'item2',
       hasSearch: true,
       color: 'danger'
     });
@@ -229,7 +232,7 @@ var components = {
         { value: 'item3', text: '항목3' },
         { value: 'item4', text: '항목4' },
         { value: 'item5', text: '항목5', html: '<p><strong>text</strong>가 있는 항목은 선택 시 <u>text</u>로 대체됩니다.</p>' },
-        { value: 'item5', html: '<p><strong>text</strong>가 없는 항목은 <u>선택</u>할 수 없습니다.</p>' }
+        { value: 'item6', html: '<p><strong>text</strong>가 없는 항목은 <u>선택</u>할 수 없습니다.</p>' }
       ],
       width: 150,
       scrollHeight: 100
@@ -496,6 +499,11 @@ var components = {
             }
           },
           datas: {
+            $ref: '#/$defs/Datas'
+          }
+        },
+        $defs: {
+          Datas:  {
             Type: "array",
             Disp: "추가 데이터 정보",
             Items: {
@@ -581,7 +589,6 @@ var components = {
       target: '.new-rawview',
       data: '{"_id": "d3185f78-7221-103a-8002-0272452c0706","_type": "aws","test1": 1234,"test2": 1231.23,"nodes" : {"obj1":"value","obj2":123},"datas": [{"field1":"test1","field2":123,"datas":["data1","data2"]},{"field1":"test2","field2":321,"datas":["data3","data4"]}]}'
     });
-
     Gn.create('jsonview', {
       target: '.add-jsonview',
       schema: {
@@ -609,7 +616,8 @@ var components = {
       target: '.type-string',
       schema: {
         Type: 'string',
-        RefURL: 'http://www.genians.com'
+        RefURL: 'http://www.genians.com',
+        Target: '_blank'
       },
       data: '다람쥐 헌 쳇바퀴'
     });
@@ -719,12 +727,12 @@ var components = {
         Items: {
           Type: 'object',
           Properties: {
-            'data-string': {
+            '$["data-string"]': {
               Type: 'string',
               Disp: '물품명',
               Description: 'product name'
             },
-            'data-number': {
+            '$["data-number"]': {
               Type: 'number',
               Disp: '재고'
             }
@@ -739,6 +747,104 @@ var components = {
         'data-number': 34
       }]
     });
+    Gn.create('jsonview', {
+      target: '.path-key',
+      schema: {
+        Type: "array",
+        Items: {
+          Type: "object",
+          Properties: {
+            '$.COLLECTOR._id': {
+              Type: "string",
+              Disp: "인스턴스ID"
+            },
+            '$.COLLECTOR._type': {
+              Type: "string",
+              Disp: "타입"
+            },
+            '$.COLLECTOR.nodes.obj2': {
+              Type: "number",
+              Disp: "No"
+            },
+            '$.COLLECTOR.datas.datas': {
+              $ref: '#/$defs/Datas'
+            }
+          }
+        },
+        $defs: {
+          Datas: {
+            Type: "array",
+            Disp: "Datas",
+            Items: {
+              Type: "object",
+              Properties: {
+                field1: {
+                  Type: "string",
+                  Disp: '필드1'
+                },
+                field2: {
+                  Type: "number",
+                  Disp: '필드2'
+                },
+                field3: {
+                  Type: "string",
+                  Disp: '필드3'
+                }
+              }
+            }
+          }
+        }
+      },
+      data: [{
+        COLLECTOR: {
+          _id: 'data-1-id',
+          _type: 'collector',
+          test1: 0,
+          test2: 0,
+          nodes: {
+            obj1: '',
+            obj2: 0
+          },
+          datas: {
+            field1: 'data-1',
+            field2: 0,
+            datas: [{
+              field1: 'data-1',
+              field2: 0,
+              field3: 'data-1'
+            }, {
+              field1: 'data-1',
+              field2: 0,
+              field3: 'data-1'
+            }]
+          }
+        }
+      }, {
+        COLLECTOR: {
+          _id: 'data-2-id',
+          _type: 'collector',
+          test1: 1,
+          test2: 1,
+          nodes: {
+            obj1: '',
+            obj2: 1
+          },
+          datas: {
+            field1: 'data-2',
+            field2: 1,
+            datas: [{
+              field1: 'data-2',
+              field2: 1,
+              field3: 'data-2'
+            },{
+              field1: 'data-2',
+              field2: 1,
+              field3: 'data-2'
+            }]
+          }
+        }
+      }]
+    });
   },
   Message: function(){
     Gn.create('button',  {
@@ -812,7 +918,9 @@ var components = {
           textSets : { title: '새로운 팝업' },
           contents: '<table class="gn-table is-full"><tr><td>1</td><td>2</td><td>3</td><td>4</td></tr><tr class="is-primary-light"><td>5</td><td>6</td><td class="is-primary">7</td><td>8</td></tr><tr><td>9</td><td>10</td><td>11</td><td>12</td></tr><tr><td>13</td><td>14</td><td>15</td><td>16</td></tr></table>',
           isModal: false,
-          draggable: true
+          draggable: true,
+          minimized: true,
+          resizable: true
         });
       }
     });
@@ -853,7 +961,8 @@ var components = {
       height: 180,
       onChange: function(s,t){
         console.log(s, t)
-      }
+      },
+      orderable: 'target'
     });
     Gn.create('picklist', {
       target: '.new-picklist-v',
@@ -949,6 +1058,28 @@ var components = {
       onToggle: function(e){ console.log('toggle 이벤트'); }
     })
   },
+  SyntaxInput: function(){
+    Gn.create('syntaxinput', {
+      target: '.syntaxInput'
+    });
+    Gn.create('syntaxinput', {
+      target: '.syntaxInput2',
+      multiple: true,
+      usetab: true
+    });
+    Gn.create('syntaxinput', {
+      target: '.syntaxInput3',
+      type: 'custom',
+      patterns: {
+        constant: {
+          pattern: /\w+:?(?=\/)/gm
+        },
+        keyword: {
+          pattern: /[^/]*$/gm
+        }
+      }
+    });
+  },
   Tab: function(){
     Gn.create('tab', {
       target: '#newTab',
@@ -1039,6 +1170,24 @@ var components = {
       direction: 'right-bottom'
     });
   },
+  Time: function(){
+    Gn.create('time', {
+      target: '.new-time',
+      onChange: function(time){
+        console.log(time)
+      },
+      value: '22:33:44'
+    });
+    Gn.create('time', {
+      target: '.new-time2',
+      timeFormat: 'hh:mm',
+      onChange: function(time){
+        console.log(time)
+      },
+      value: '6:2',
+      hasControls: false
+    });
+  },
   Tree: function(){
     Gn.create('tree', {
       target: '.new-tree1',

package/styleguide/assets/theme.css

@@ -155,7 +155,7 @@ tag: latest
 ```
 
 */
-.aigis-module  pre {
+.aigis-module pre:not([aria-hidden="true"]) {
   background-color: #272822;
   color: #f8f8f2;
   font-size: 14px;

package/styleguide/category/COLOR/index.html

@@ -49,7 +49,7 @@
   window.Gn = window.gnui;
 
   Gn.ready(function(){
-    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
+    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
     var jsComps = ''.split(',');
     delete leftMenu.Utils;
     Gn.util.append('.left-menu', renderTree(leftMenu));
@@ -118,7 +118,7 @@
         COLOR
       </h2>
       <div class="aigis-module__filepath">
-        /scss\components\color.scss
+        /scss/components/color.scss
       </div>
       <div class="aigis-tags">
         
@@ -146,7 +146,7 @@
   
   
         
-        <footer class="aigis-footer">Last update at 2021/05/17 13:15</footer>
+        <footer class="aigis-footer">Last update at 2021/12/30 10:35</footer>
       </div>
     </div>
   </div>

package/styleguide/category/COMPONENT/Alert(js)/index.html

@@ -49,7 +49,7 @@
   window.Gn = window.gnui;
 
   Gn.ready(function(){
-    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
+    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
     var jsComps = ''.split(',');
     delete leftMenu.Utils;
     Gn.util.append('.left-menu', renderTree(leftMenu));
@@ -118,7 +118,7 @@
         Alert
       </h2>
       <div class="aigis-module__filepath">
-        /scss\components\alert.scss
+        /scss/components/alert.scss
       </div>
       <div class="aigis-tags">
         
@@ -409,7 +409,7 @@
   
   
         
-        <footer class="aigis-footer">Last update at 2021/05/17 13:15</footer>
+        <footer class="aigis-footer">Last update at 2021/12/30 10:35</footer>
       </div>
     </div>
   </div>

package/styleguide/category/COMPONENT/Bignumber/index.html

@@ -49,7 +49,7 @@
   window.Gn = window.gnui;
 
   Gn.ready(function(){
-    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
+    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
     var jsComps = ''.split(',');
     delete leftMenu.Utils;
     Gn.util.append('.left-menu', renderTree(leftMenu));
@@ -118,7 +118,7 @@
         Bignumber
       </h2>
       <div class="aigis-module__filepath">
-        /scss\components\bignumber.scss
+        /scss/components/bignumber.scss
       </div>
       <div class="aigis-tags">
         
@@ -261,7 +261,7 @@
   
   
         
-        <footer class="aigis-footer">Last update at 2021/05/17 13:15</footer>
+        <footer class="aigis-footer">Last update at 2021/12/30 10:35</footer>
       </div>
     </div>
   </div>

package/styleguide/category/COMPONENT/Breadcrumb/index.html

@@ -49,7 +49,7 @@
   window.Gn = window.gnui;
 
   Gn.ready(function(){
-    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
+    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
     var jsComps = ''.split(',');
     delete leftMenu.Utils;
     Gn.util.append('.left-menu', renderTree(leftMenu));
@@ -118,7 +118,7 @@
         Breadcrumb
       </h2>
       <div class="aigis-module__filepath">
-        /scss\components\breadcrumb.scss
+        /scss/components/breadcrumb.scss
       </div>
       <div class="aigis-tags">
         
@@ -316,7 +316,7 @@
   
   
         
-        <footer class="aigis-footer">Last update at 2021/05/17 13:15</footer>
+        <footer class="aigis-footer">Last update at 2021/12/30 10:35</footer>
       </div>
     </div>
   </div>

package/styleguide/category/COMPONENT/Calendar(js)/index.html

@@ -49,7 +49,7 @@
   window.Gn = window.gnui;
 
   Gn.ready(function(){
-    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
+    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
     var jsComps = ''.split(',');
     delete leftMenu.Utils;
     Gn.util.append('.left-menu', renderTree(leftMenu));
@@ -118,7 +118,7 @@
         Calendar
       </h2>
       <div class="aigis-module__filepath">
-        /scss\components\calendar.scss
+        /scss/components/calendar.scss
       </div>
       <div class="aigis-tags">
         
@@ -163,12 +163,11 @@
   }<span class="token punctuation" >)</span><span class="token comment" spellcheck="true">;</span>
   Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'calendar'</span><span class="token punctuation" >,</span> {
     target<span class="token punctuation" >:</span> <span class="token string" >'.new-calendar1'</span><span class="token punctuation" >,</span>
-    value<span class="token punctuation" >:</span> <span class="token string" >'2021-04-01 12:08:31'</span><span class="token punctuation" >,</span>
     onSelect<span class="token punctuation" >:</span> function <span class="token punctuation" >(</span>v<span class="token punctuation" >)</span> {
       console<span class="token punctuation" >.</span><span class="token function" >log</span><span class="token punctuation" >(</span><span class="token string" >'선택한 날짜: '</span><span class="token operator" >+</span> v<span class="token punctuation" >)</span>
     }<span class="token punctuation" >,</span>
     dateType<span class="token punctuation" >:</span> <span class="token string" >'datetime'</span><span class="token punctuation" >,</span>
-    max<span class="token punctuation" >:</span> <span class="token string" >'-1d'</span><span class="token punctuation" >,</span>
+    max<span class="token punctuation" >:</span> <span class="token string" >'1M'</span><span class="token punctuation" >,</span>
     min<span class="token punctuation" >:</span> <span class="token string" >'-1M'</span>
   }<span class="token punctuation" >)</span><span class="token comment" spellcheck="true">;</span>
 </code></pre><table class="gn-table is-full is-border">
@@ -228,7 +227,7 @@
   
   
         
-        <footer class="aigis-footer">Last update at 2021/05/17 13:15</footer>
+        <footer class="aigis-footer">Last update at 2021/12/30 10:35</footer>
       </div>
     </div>
   </div>

package/styleguide/category/COMPONENT/Card/index.html

@@ -49,7 +49,7 @@
   window.Gn = window.gnui;
 
   Gn.ready(function(){
-    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
+    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
     var jsComps = ''.split(',');
     delete leftMenu.Utils;
     Gn.util.append('.left-menu', renderTree(leftMenu));
@@ -118,7 +118,7 @@
         Card
       </h2>
       <div class="aigis-module__filepath">
-        /scss\components\card.scss
+        /scss/components/card.scss
       </div>
       <div class="aigis-tags">
         
@@ -176,7 +176,7 @@
   
   
         
-        <footer class="aigis-footer">Last update at 2021/05/17 13:15</footer>
+        <footer class="aigis-footer">Last update at 2021/12/30 10:35</footer>
       </div>
     </div>
   </div>

package/styleguide/category/COMPONENT/Chart(js)/index.html

@@ -49,7 +49,7 @@
   window.Gn = window.gnui;
 
   Gn.ready(function(){
-    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
+    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
     var jsComps = ''.split(',');
     delete leftMenu.Utils;
     Gn.util.append('.left-menu', renderTree(leftMenu));
@@ -118,7 +118,7 @@
         Chart
       </h2>
       <div class="aigis-module__filepath">
-        /scss\components\chart.scss
+        /scss/components/chart.scss
       </div>
       <div class="aigis-tags">
         
@@ -546,7 +546,7 @@
   
   
         
-        <footer class="aigis-footer">Last update at 2021/05/17 13:15</footer>
+        <footer class="aigis-footer">Last update at 2021/12/30 10:35</footer>
       </div>
     </div>
   </div>

package/styleguide/category/COMPONENT/Datagrid(js)/index.html

@@ -49,7 +49,7 @@
   window.Gn = window.gnui;
 
   Gn.ready(function(){
-    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
+    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
     var jsComps = ''.split(',');
     delete leftMenu.Utils;
     Gn.util.append('.left-menu', renderTree(leftMenu));
@@ -118,7 +118,7 @@
         Datagrid
       </h2>
       <div class="aigis-module__filepath">
-        /scss\components\datagrid.scss
+        /scss/components/datagrid.scss
       </div>
       <div class="aigis-tags">
         
@@ -533,7 +533,7 @@
   
   
         
-        <footer class="aigis-footer">Last update at 2021/05/17 13:15</footer>
+        <footer class="aigis-footer">Last update at 2021/12/30 10:35</footer>
       </div>
     </div>
   </div>

package/styleguide/category/COMPONENT/Growl(js)/index.html

@@ -49,7 +49,7 @@
   window.Gn = window.gnui;
 
   Gn.ready(function(){
-    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
+    var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
     var jsComps = ''.split(',');
     delete leftMenu.Utils;
     Gn.util.append('.left-menu', renderTree(leftMenu));
@@ -118,7 +118,7 @@
         Growl
       </h2>
       <div class="aigis-module__filepath">
-        /scss\components\growl.scss
+        /scss/components/growl.scss
       </div>
       <div class="aigis-tags">
         
@@ -276,7 +276,7 @@
   
   
         
-        <footer class="aigis-footer">Last update at 2021/05/17 13:15</footer>
+        <footer class="aigis-footer">Last update at 2021/12/30 10:35</footer>
       </div>
     </div>
   </div>