@ninebone/table 0.1.32 → 0.1.34

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 (62) hide show
  1. package/dist/css/layout.css +466 -240
  2. package/dist/nine-table.js +1 -1
  3. package/dist/nine-table.umd.js +1 -1
  4. package/package.json +1 -1
  5. package/dist/css/_common.css +0 -11
  6. package/dist/css/ai.css +0 -609
  7. package/dist/css/aiMessage.css +0 -18
  8. package/dist/css/ideAssi.css +0 -616
  9. package/dist/css/ideDiff.css +0 -124
  10. package/dist/css/ngButton.css +0 -40
  11. package/dist/css/ngCheckBox.css +0 -81
  12. package/dist/css/ngColExpand.css +0 -17
  13. package/dist/css/ngCombo.css +0 -75
  14. package/dist/css/ngComboPanel.css +0 -102
  15. package/dist/css/ngExpandButton.css +0 -71
  16. package/dist/css/ngExpandCheck.css +0 -34
  17. package/dist/css/ngExpandIcon.css +0 -36
  18. package/dist/css/ngFilterPanel.css +0 -94
  19. package/dist/css/ngFlexBox.css +0 -7
  20. package/dist/css/ngFoot.css +0 -109
  21. package/dist/css/ngHScrollBar.css +0 -85
  22. package/dist/css/ngHead.css +0 -86
  23. package/dist/css/ngImg.css +0 -22
  24. package/dist/css/ngInfo.css +0 -54
  25. package/dist/css/ngInputColor.css +0 -77
  26. package/dist/css/ngInputDate.css +0 -74
  27. package/dist/css/ngInputText.css +0 -65
  28. package/dist/css/ngMaximize.css +0 -26
  29. package/dist/css/ngProgress.css +0 -40
  30. package/dist/css/ngRadio.css +0 -61
  31. package/dist/css/ngRenderer.css +0 -59
  32. package/dist/css/ngRowDetail.css +0 -26
  33. package/dist/css/ngRowDrag.css +0 -13
  34. package/dist/css/ngRowExpand.css +0 -20
  35. package/dist/css/ngRowIndicator.css +0 -111
  36. package/dist/css/ngRowPin.css +0 -30
  37. package/dist/css/ngRowState.css +0 -16
  38. package/dist/css/ngSvg.css +0 -22
  39. package/dist/css/ngTextArea.css +0 -64
  40. package/dist/css/ngTreeItem.css +0 -133
  41. package/dist/css/ngVScrollBar.css +0 -85
  42. package/dist/css/ninegrid.css +0 -1212
  43. package/dist/css/nxAlert.css +0 -142
  44. package/dist/css/nxButtons.css +0 -33
  45. package/dist/css/nxCollapse.css +0 -67
  46. package/dist/css/nxConfirm.css +0 -143
  47. package/dist/css/nxDialog.css +0 -606
  48. package/dist/css/nxDiv.css +0 -120
  49. package/dist/css/nxEditor.css +0 -171
  50. package/dist/css/nxForm.css +0 -67
  51. package/dist/css/nxModal.css +0 -627
  52. package/dist/css/nxPanel.css +0 -129
  53. package/dist/css/nxSideMenu.css +0 -62
  54. package/dist/css/nxSideMenuBody.css +0 -8
  55. package/dist/css/nxSideMenuFoot.css +0 -78
  56. package/dist/css/nxSideMenuHead.css +0 -82
  57. package/dist/css/nxSideMenuItem.css +0 -203
  58. package/dist/css/nxSplitter.css +0 -63
  59. package/dist/css/nxTab.css +0 -193
  60. package/dist/css/nxTitle.css +0 -210
  61. package/dist/css/nxTitle2.css +0 -33
  62. package/dist/index.html +0 -60
@@ -1,59 +0,0 @@
1
- :host {
2
- height: 100%;
3
- width: calc(100% - 8px);
4
- display: flex;
5
- align-items: center;
6
- margin-left: 4px;
7
- margin-right: 4px;
8
- -moz-user-select: none;
9
- -webkit-user-select: none;
10
- -ms-user-select: none;
11
- user-select: none;
12
- }
13
-
14
- :host * {
15
- -moz-user-select: none;
16
- -webkit-user-select: none;
17
- -ms-user-select: none;
18
- user-select: none;
19
- }
20
-
21
- :host(.ng-center) {
22
- justify-content: center;
23
- }
24
- :host(.ng-left) span {
25
- text-align: left;
26
- }
27
- :host(.ng-center) span {
28
- text-align: center;
29
- width: unset;
30
- }
31
- :host(.ng-right) span {
32
- text-align: right;
33
- }
34
-
35
- span {
36
- width: unset;
37
- overflow: hidden;
38
- text-overflow: ellipsis;
39
- white-space: nowrap;
40
- margin-left: unset;
41
- margin-right: unset;
42
- line-height: unset !important;
43
- }
44
- span.link {
45
- cursor: pointer;
46
- }
47
- span.link:hover {
48
- color: #048ae8;
49
- text-decoration: underline;
50
- }
51
- span.link:active {
52
- color: red;
53
- }
54
-
55
- div.ng-wrap {
56
- display: flex;
57
- align-items: center;
58
- width: 100%;
59
- }
@@ -1,26 +0,0 @@
1
- :host {
2
- height: 100%;
3
- width: 100%;
4
- display: inline-flex;
5
- align-items: center;
6
- justify-content: center;
7
- }
8
-
9
- svg {
10
- cursor: pointer;
11
- width: 12px;
12
- height: 12px;
13
- }
14
-
15
- svg:hover {
16
- opacity: 0.7;
17
- }
18
- svg:active {
19
- fill: red;
20
- }
21
-
22
- svg {
23
- stroke-width: 1.5px;
24
- stroke: #666;
25
- fill: none;
26
- }
@@ -1,13 +0,0 @@
1
- :host {
2
- height: 100%;
3
- width: 100%;
4
- cursor: move;
5
- display: flex;
6
- align-items: center;
7
- justify-content: center;
8
- background-repeat: no-repeat;
9
- background-position: center;
10
- --background-size: 16px 16px;
11
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/></svg>');
12
- }
13
-
@@ -1,20 +0,0 @@
1
- :host {
2
- position: absolute;
3
- top: 1px;
4
- right: 8px;
5
- width: 12px;
6
- height: 100%;
7
- cursor: pointer;
8
- background-repeat: no-repeat;
9
- background-position: center;
10
- background-size: auto;
11
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="black" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8M7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10"/></svg>');
12
- }
13
-
14
- :host(.expand) {
15
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="black" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8m7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0m-.5 11.707-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0z"/></svg>');
16
- }
17
-
18
- :host(.padding) {
19
- right: 24px;
20
- }
@@ -1,111 +0,0 @@
1
- :host {
2
- position: relative;
3
- height: 100%;
4
- width: 100%;
5
- display: inline-flex;
6
- align-items: center;
7
- justify-content: center;
8
- text-overflow: ellipsis;
9
- }
10
- /*
11
- patch 후 제거
12
- */
13
- :host(.selected-current) span::before {
14
- content: '';
15
- margin-right: 3px;
16
- display: inline-block;
17
- width: 0;
18
- height: 0;
19
- border-left: unset;
20
- border-top: unset;
21
- border-bottom: unset;
22
- }
23
- :host(.selected-current) span.ng-row::before {
24
- content: '';
25
- margin-right: 3px;
26
- display: inline-block;
27
- width: 0;
28
- height: 0;
29
- border-left: 4px solid #333;
30
- border-top: 4px solid transparent;
31
- border-bottom: 4px solid transparent;
32
- }
33
- :host::after {
34
- content: '';
35
- position: absolute;
36
- top: 1px;
37
- right: 1px;
38
- width: 4px;
39
- height: 4px;
40
- border-radius: 50%;
41
- }
42
- :host(.updated)::after {
43
- background: darkgoldenrod;
44
- }
45
- :host(.added)::after {
46
- background: blue;
47
- }
48
-
49
- div.wrap {
50
- width: 100%;
51
- height: 100%;
52
- display: flex;
53
- align-items: center;
54
- justify-content: center;
55
- }
56
-
57
- div.wrap:hover div.icon {
58
- display: flex;
59
- justify-content: flex-end;
60
- }
61
-
62
- div.icon {
63
- display: none;
64
- width: 100%;
65
- height: 8px;
66
- position: absolute;
67
- bottom: 0;
68
- }
69
-
70
- svg {
71
- cursor: pointer;
72
- margin-right: 1px;
73
- }
74
- svg:hover {
75
- opacity: 0.7;
76
- }
77
- svg.dtl:active {
78
- stroke: red;
79
- }
80
- svg.dtl {
81
- stroke-width: 1.5px;
82
- stroke: #999;
83
- fill: none;
84
- }
85
- svg.pin {
86
- fill: #999;
87
- }
88
- svg.pin:active {
89
- fill: red;
90
- }
91
-
92
- span.ng-row {
93
- width: 100%;
94
- line-height: 100%;
95
- }
96
-
97
- span.ng-origin-row {
98
- color: #999;
99
- font-size: 9px;
100
- margin-left: 4px;
101
- }
102
-
103
- .row-resizer {
104
- --display: none;
105
- --background: red;
106
- position: absolute;
107
- left: 0;
108
- height: 3px;
109
- width: 100%;
110
- cursor: row-resize;
111
- }
@@ -1,30 +0,0 @@
1
- :host {
2
- height: 100%;
3
- width: 100%;
4
- display: inline-flex;
5
- align-items: center;
6
- justify-content: center;
7
- }
8
-
9
- svg {
10
- cursor: pointer;
11
- width: 12px;
12
- height: 12px;
13
- }
14
-
15
- svg:hover {
16
- opacity: 0.7;
17
- }
18
- svg:active {
19
- fill: red;
20
- }
21
-
22
- svg {
23
- fill: white;
24
- stroke: #666;
25
- }
26
-
27
- :host(.pin) svg {
28
- fill: #666;
29
- stroke: #666;
30
- }
@@ -1,16 +0,0 @@
1
- :host {
2
- height: 100%;
3
- width: 100%;
4
- display: inline-flex;
5
- align-items: center;
6
- justify-content: center;
7
- background-repeat: no-repeat;
8
- background-position: center;
9
- background-size: 16px 22px;
10
- }
11
- :host(.updated) {
12
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" style="fill:none;stroke:darkgoldenrod;stroke-width:2;" viewBox="0 0 16 16" focusable="false" aria-hidden="true"><path d="M8.2 13.9H14v.1H8.1l.1-.1Zm2.37-9.17.7.7-5.3 5.3-.7-.7 5.3-5.3Zm2.71-2.7a.1.1 0 0 1 .14 0l.57.57a.1.1 0 0 1 0 .14l-.58.58-.71-.71.58-.58ZM3.15 12.15l.7.71-.24.24a1 1 0 0 1-.43.26l-.74.2.21-.73a1 1 0 0 1 .26-.44l.24-.24Z"></path></svg>');
13
- }
14
- :host(.added) {
15
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" style="fill:none;stroke:blue;stroke-width:2;" viewBox="0 0 16 16" focusable="false" aria-hidden="true"><path d="M8.2 13.9H14v.1H8.1l.1-.1Zm2.37-9.17.7.7-5.3 5.3-.7-.7 5.3-5.3Zm2.71-2.7a.1.1 0 0 1 .14 0l.57.57a.1.1 0 0 1 0 .14l-.58.58-.71-.71.58-.58ZM3.15 12.15l.7.71-.24.24a1 1 0 0 1-.43.26l-.74.2.21-.73a1 1 0 0 1 .26-.44l.24-.24Z"></path></svg>');
16
- }
@@ -1,22 +0,0 @@
1
- :host {
2
- height: 100%;
3
- width: calc(100% - 8px);
4
- display: flex;
5
- align-items: center;
6
- margin-left: 4px;
7
- margin-right: 4px;
8
- }
9
-
10
- svg {
11
-
12
- }
13
- svg:hover {
14
-
15
- }
16
-
17
- div.ng-wrap {
18
- display: flex;
19
- align-items: center;
20
- justify-content: center;
21
- width: 100%;
22
- }
@@ -1,64 +0,0 @@
1
- :host {
2
- height: 100%;
3
- width: calc(100% - 4px);
4
- display: flex;
5
- align-items: center;
6
- margin-left: 2px;
7
- margin-right: 2px;
8
- }
9
-
10
- :host(.ng-left) textarea {
11
- text-align: left;
12
- }
13
- :host(.ng-center) textarea {
14
- text-align: center;
15
- }
16
- :host(.ng-right) textarea {
17
- text-align: right;
18
- }
19
-
20
- textarea {
21
- position: relative;
22
- -moz-user-select: auto;
23
- -webkit-user-select: auto;
24
- -ms-user-select: auto;
25
- user-select: auto;
26
- width: 100%;
27
- height: calc(100% - 4px);
28
- border: 1px solid #eee;
29
- border-radius: 3px;
30
- padding-left: 4px;
31
- outline: 0;
32
- font: inherit;
33
- box-sizing: border-box;
34
- resize: none;
35
- }
36
-
37
- textarea[readonly] {
38
- border-color: #fdfdfd;
39
- filter: brightness(98%);
40
- }
41
- textarea:disabled {
42
- border-color: #fdfdfd;
43
- filter: brightness(95%);
44
- }
45
-
46
- ng-expand-button {
47
- height: calc(100% - 4px);
48
- }
49
- textarea.border-left-none {
50
- border-left: 0;
51
- border-top-left-radius: 0;
52
- border-bottom-left-radius: 0;
53
- }
54
- textarea.border-right-none {
55
- border-right: 0;
56
- border-top-right-radius: 0;
57
- border-bottom-right-radius: 0;
58
- }
59
- ng-expand-button.ng-first {
60
- margin-left: 0;
61
- }
62
- ng-expand-button.ng-last {
63
- margin-right: 0;
64
- }
@@ -1,133 +0,0 @@
1
- :host {
2
- height: 100%;
3
- width: calc(100% - 8px);
4
- display: flex;
5
- align-items: center;
6
- margin-left: 4px;
7
- margin-right: 4px;
8
- }
9
-
10
- div {
11
- position: relative;
12
- box-sizing: border-box;
13
- }
14
-
15
- div.ng-pad {
16
- display: flex;
17
- }
18
-
19
- div.ng-pad-item {
20
- --display: inline-flex;
21
- width: 12px;
22
- min-width: 12px;
23
- height: 100%;
24
- --border: 1px solid red;
25
- }
26
-
27
- div.ng-pad-item::before {
28
- content: "";
29
- display: inline-flex;
30
- position: relative;
31
- border-left: 1px dotted #ddd;
32
- height: 100%;
33
- width: 0;
34
- left: 6px;
35
- }
36
-
37
- div.ng-pad-item-none::before {
38
- display: none;
39
- --transform: translateY(100%);
40
- }
41
-
42
- div.ng-item {
43
- display: inline-flex;
44
- align-items: center;
45
- width: 100%;
46
- height: 100%;
47
- }
48
-
49
- div.ng-icon {
50
- display: flex;
51
- align-items: center;
52
- width: 12px;
53
- min-width: 12px;
54
- height: 100%;
55
- outline: 0;
56
- }
57
- div.ng-icon > div {
58
- width: 12px;
59
- height: 12px;
60
- background-repeat: no-repeat;
61
- background-position: center;
62
- background-size: contain;
63
- background-color: white;
64
- z-index: 1;
65
- }
66
- div.ng-expand-off > div {
67
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>');
68
- }
69
- div.ng-expand-on > div {
70
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="black" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/></svg>');
71
- }
72
- div.ng-node > div {
73
- background-image: none;
74
- border-radius: 50%;
75
- width:6px;
76
- height: 6px;
77
- background-color: dimgray;
78
- position: relative;
79
- left: 3px;
80
- }
81
- div.ng-icon::before {
82
- content: "";
83
- --display: inline-flex;
84
- position: relative;
85
- border-left: 1px dotted #ddd;
86
- height: 100%;
87
- width: 0;
88
- left: 6px;
89
- }
90
-
91
- div.ng-icon-up::before {
92
- transform: translateY(-50%);
93
- }
94
- div.ng-icon-down::before {
95
- transform: translateY(50%);
96
- }
97
- div.ng-icon-none::before {
98
- display: none;
99
- }
100
-
101
- div.ng-line {
102
- display: inline-flex;
103
- width: 12px;
104
- min-width: 12px;
105
- height: 100%;
106
- align-items: center;
107
- }
108
-
109
- div.ng-line::after {
110
- content: "";
111
- border-bottom: 1px dotted #ddd;
112
- height: 0;
113
- width: 12px;
114
- }
115
-
116
- div.ng-line::before {
117
- content: "";
118
- position: relative;
119
- border-left: 1px dotted #ddd;
120
- width: 0;
121
- height: 100%;
122
- left: 6px;
123
- }
124
- div.ng-line-down::before {
125
- transform: translateY(50%);
126
- }
127
- div.ng-line-none::before {
128
- display: none;
129
- }
130
-
131
- span.text {
132
- --margin-left: 4px;
133
- }
@@ -1,85 +0,0 @@
1
- button {
2
- padding: 0;
3
- }
4
-
5
- :host {
6
- position: sticky;
7
- top: 0;
8
- display: flex;
9
- flex-direction: column;
10
- height: calc(100% - 2px);
11
- width: 16px;
12
- min-width: 16px;
13
- border-top: 2px solid #666;
14
- border-left: 1px solid #ccc;
15
- --border-bottom: 1px solid #ccc;
16
- background-color: #f9f9f9;
17
- }
18
-
19
- div.ng-scroll-track {
20
- position: relative;
21
- display: flex;
22
- justify-content: center;
23
- width: 100%;
24
- height: 100%;
25
- }
26
-
27
- div.ng-scroll-thumb {
28
- position: relative;
29
- width: calc(100% - 2px);
30
- }
31
-
32
- button.ng-scroll-top,button.ng-scroll-bottom {
33
- position: relative;
34
- display: flex;
35
- align-items: center;
36
- justify-content: center;
37
- width: calc(100%);
38
- height: 16px;
39
- border: 0 none;
40
- background-color: #eee;
41
- outline: 0;
42
- }
43
-
44
- button.ng-scroll-top {
45
- border-bottom: 1px solid #ddd;
46
- }
47
- button.ng-scroll-bottom {
48
- border-top: 1px solid #ddd;
49
- }
50
-
51
- button.ng-scroll-top div.ng-scroll-icon {
52
- border-bottom : 4px solid #999;
53
- border-left : 4px solid transparent;
54
- border-right : 4px solid transparent;
55
- }
56
-
57
- button.ng-scroll-top:disabled div.ng-scroll-icon {
58
- border-bottom : 4px solid #ccc !important;
59
- }
60
-
61
- button.ng-scroll-bottom div.ng-scroll-icon {
62
- border-top : 4px solid #999;
63
- border-left : 4px solid transparent;
64
- border-right : 4px solid transparent;
65
- }
66
-
67
- button.ng-scroll-bottom:disabled div.ng-scroll-icon {
68
- border-top : 4px solid #ccc!important;
69
- }
70
-
71
- .ng-scroll-thumb {
72
- position: absolute;
73
- background-color: #eee;
74
- box-sizing : border-box;
75
- border: 1px solid #ccc;
76
- border-radius: 3px 3px 3px 3px;
77
- }
78
-
79
- .ng-scroll-thumb:hover, .ng-scroll-left:hover, .ng-scroll-right:hover, .ng-scroll-top:hover, .ng-scroll-bottom:hover {
80
- filter: brightness(95%);
81
- }
82
-
83
- .ng-scroll-thumb:disabled, .ng-scroll-left:disabled, .ng-scroll-right:disabled, .ng-scroll-top:disabled, .ng-scroll-bottom:disabled {
84
- pointer-events:none;
85
- }