@ninebone/table 0.1.32 → 0.1.33

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,142 +0,0 @@
1
- dialog::backdrop {
2
- background: rgba(0, 0, 0, 0.3);
3
- }
4
-
5
- dialog:modal {
6
- width: 500px;
7
- height: 150px;
8
- min-width: 330px;
9
- min-height: 60px;
10
- }
11
-
12
-
13
- button {
14
- cursor: pointer;
15
- }
16
-
17
- buttons.buttons-confirm {
18
- position: absolute;
19
- bottom: 8px;
20
- right: 8px;
21
- }
22
-
23
- buttons.buttons-confirm button {
24
- height: 32px;
25
- margin-right: 8px;
26
- border: none;
27
- outline: none;
28
- width: 60px;
29
- -moz-user-select: none;
30
- -webkit-user-select: none;
31
- -ms-user-select: none;
32
- user-select: none;
33
- }
34
- buttons.buttons-confirm button:hover {
35
- filter: brightness(90%);
36
- }
37
- buttons.buttons-confirm button:active {
38
- color: #ccc;
39
- }
40
-
41
- button.ok {
42
- display: none;
43
- }
44
- button.cancel {
45
- color: white;
46
- background-color: #6c757d;
47
- }
48
-
49
- div.msg {
50
-
51
- }
52
-
53
- .reset, .apply {
54
- display: none;
55
- }
56
-
57
-
58
-
59
- :host(.classic) dialog:modal {
60
- border: 1px solid #007bff;
61
- box-shadow: 0 0 4px 0 #007bff;
62
- }
63
-
64
- :host(.classic) div.head {
65
- background-color: #007bff;
66
- }
67
- :host(.classic) div.head:hover {
68
- filter: brightness(110%);
69
- }
70
-
71
- :host(.classic) div.head span {
72
- font-size: 12px;
73
- }
74
-
75
- :host(.classic) div.head span.title {
76
- color: #ddd;
77
- margin-left: 4px;
78
- font-weight: bold;
79
- }
80
-
81
- :host(.classic) div.head span.sub-title {
82
- color: #ccc;
83
- margin-left: 8px;
84
- font-style: italic;
85
- }
86
- :host(.classic) div.head button {
87
- margin-right: 4px;
88
- background-color: transparent;
89
- border: none;
90
- color: #ccc;
91
- font-size: x-small;
92
- }
93
-
94
-
95
-
96
-
97
- :host(.rgb) dialog:modal {
98
- border: none;
99
- box-shadow: unset;
100
- border-top: none;
101
- }
102
-
103
- :host(.rgb) div.left {
104
- display: block;
105
- background-color: #ddd;
106
- }
107
- :host(.rgb) div.left span {
108
- color: #ccc;
109
- }
110
- :host(.rgb) div.close2 {
111
- display: block;
112
- color: #666;
113
- }
114
- :host(.rgb) div.close2 svg:hover {
115
- color: #999;
116
- }
117
- :host(.rgb) div.head {
118
- height: 4px;
119
- background-color: #999;
120
- padding: 0;
121
- }
122
- :host(.rgb) div.contents {
123
- height: calc(100% - 4px);
124
- }
125
-
126
- :host(.rgb) div.head ng-sphere,
127
- :host(.rgb) div.head span,
128
- :host(.rgb) div.head buttons {
129
- display: none;
130
- }
131
-
132
- :host(.rgb) div.head .rect1,
133
- :host(.rgb) div.head .rect2,
134
- :host(.rgb) div.head .rect3 {
135
- display: flex;
136
- }
137
-
138
-
139
- :host(.rgb) div.head:hover {
140
- filter: unset;
141
- }
142
-
@@ -1,33 +0,0 @@
1
- :host(nx-buttons) {
2
- display: flex;
3
- --padding: 4px 16px;
4
- justify-content: flex-end;
5
- align-items: center; /* 여기서 align-content 대신 align-items */
6
- gap: 8px;
7
-
8
- button {
9
- all: unset;
10
- }
11
-
12
- button {
13
- padding: 0 6px;
14
- height: 28px;
15
- outline: none;
16
- border: 1px solid #ccc;
17
- border-radius: 3px;
18
- --margin-left: 5px;
19
- cursor: pointer;
20
- color: #333;
21
- font-size: 14px;
22
- min-width: 64px;
23
- background: linear-gradient(135deg, #eee, #f0f0f0);
24
- --background: linear-gradient(135deg, #333, #666);
25
- }
26
- button:hover {
27
- background: linear-gradient(135deg, #ddd, #eee);
28
- }
29
- button:active {
30
- background: linear-gradient(135deg, #ccc, #ddd);
31
- }
32
- }
33
-
@@ -1,67 +0,0 @@
1
- :host {
2
- display: none;
3
- position: absolute;
4
- top: 0;
5
- right: 4px;
6
- cursor: pointer;
7
- z-index: 999;
8
- height: 20px;
9
- width: 64px;
10
-
11
- button {
12
- cursor: pointer;
13
- border: none;
14
- outline: none;
15
- padding: 0;
16
- user-select: none;
17
- border-bottom-left-radius: 8px;
18
- border-bottom-right-radius: 8px;
19
- background-color: #666;
20
- height: 100%;
21
- width: 100%;
22
- background-repeat: no-repeat;
23
- background-position: center;
24
- background-size: auto;
25
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="silver" class="bi bi-box-arrow-in-down-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M9.636 2.5a.5.5 0 0 0-.5-.5H2.5A1.5 1.5 0 0 0 1 3.5v10A1.5 1.5 0 0 0 2.5 15h10a1.5 1.5 0 0 0 1.5-1.5V6.864a.5.5 0 0 0-1 0V13.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5"/> <path fill-rule="evenodd" d="M5 10.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 0-1H6.707l8.147-8.146a.5.5 0 0 0-.708-.708L6 9.293V5.5a.5.5 0 0 0-1 0z"/> </svg>');
26
- transition: all 0.3s ease;
27
- }
28
- button:hover {
29
- background-color: #777; /* 진한 배경으로 강조 */
30
- box-shadow: 0 2px 8px rgba(0,0,0,0.3); /* 입체감 glow */
31
- transform: scale(1.05); /* 약간 확대 */
32
- }
33
- }
34
-
35
-
36
- @keyframes bounceInUp {
37
- 0% {
38
- transform: translateY(0);
39
- opacity: 1;
40
- }
41
- 100% {
42
- transform: translateY(-20px);
43
- opacity: 0;
44
- }
45
- }
46
-
47
- :host(.nx-expand) {
48
- display: inline-block;
49
- animation: bounceInUp 0.4s ease-out forwards;
50
- }
51
-
52
- @keyframes bounceDown {
53
- 0% {
54
- transform: translateY(-20px);
55
- opacity: 0;
56
- }
57
- 100% {
58
- transform: translateY(0);
59
- opacity: 1;
60
- }
61
- }
62
-
63
- :host(.nx-collapse) {
64
- display: inline-block;
65
- animation: bounceDown 0.7s ease-out forwards;
66
- }
67
-
@@ -1,143 +0,0 @@
1
- dialog::backdrop {
2
- background: rgba(0, 0, 0, 0.3);
3
- }
4
-
5
- dialog:modal {
6
- width: 500px;
7
- height: 150px;
8
- min-width: 330px;
9
- min-height: 60px;
10
- }
11
-
12
-
13
- button {
14
- cursor: pointer;
15
- }
16
-
17
- buttons.buttons-confirm {
18
- position: absolute;
19
- bottom: 8px;
20
- right: 8px;
21
- }
22
-
23
- buttons.buttons-confirm button {
24
- height: 32px;
25
- margin-right: 8px;
26
- border: none;
27
- outline: none;
28
- width: 60px;
29
- -moz-user-select: none;
30
- -webkit-user-select: none;
31
- -ms-user-select: none;
32
- user-select: none;
33
- }
34
- buttons.buttons-confirm button:hover {
35
- filter: brightness(90%);
36
- }
37
- buttons.buttons-confirm button:active {
38
- color: #ccc;
39
- }
40
-
41
- button.ok {
42
- color: white;
43
- background-color: #007bff;
44
- }
45
- button.cancel {
46
- color: white;
47
- background-color: #6c757d;
48
- }
49
-
50
- div.msg {
51
-
52
- }
53
-
54
- .reset, .apply {
55
- display: none;
56
- }
57
-
58
-
59
-
60
- :host(.classic) dialog:modal {
61
- border: 1px solid #007bff;
62
- box-shadow: 0 0 4px 0 #007bff;
63
- }
64
-
65
- :host(.classic) div.head {
66
- background-color: #007bff;
67
- }
68
- :host(.classic) div.head:hover {
69
- filter: brightness(110%);
70
- }
71
-
72
- :host(.classic) div.head span {
73
- font-size: 12px;
74
- }
75
-
76
- :host(.classic) div.head span.title {
77
- color: #ddd;
78
- margin-left: 4px;
79
- font-weight: bold;
80
- }
81
-
82
- :host(.classic) div.head span.sub-title {
83
- color: #ccc;
84
- margin-left: 8px;
85
- font-style: italic;
86
- }
87
- :host(.classic) div.head button {
88
- margin-right: 4px;
89
- background-color: transparent;
90
- border: none;
91
- color: #ccc;
92
- font-size: x-small;
93
- }
94
-
95
-
96
-
97
-
98
- :host(.rgb) dialog:modal {
99
- border: none;
100
- box-shadow: unset;
101
- border-top: none;
102
- }
103
-
104
- :host(.rgb) div.left {
105
- display: block;
106
- background-color: #ddd;
107
- }
108
- :host(.rgb) div.left span {
109
- color: #ccc;
110
- }
111
- :host(.rgb) div.close2 {
112
- display: block;
113
- color: #666;
114
- }
115
- :host(.rgb) div.close2 svg:hover {
116
- color: #999;
117
- }
118
- :host(.rgb) div.head {
119
- height: 4px;
120
- background-color: #999;
121
- padding: 0;
122
- }
123
- :host(.rgb) div.contents {
124
- height: calc(100% - 4px);
125
- }
126
-
127
- :host(.rgb) div.head ng-sphere,
128
- :host(.rgb) div.head span,
129
- :host(.rgb) div.head buttons {
130
- display: none;
131
- }
132
-
133
- :host(.rgb) div.head .rect1,
134
- :host(.rgb) div.head .rect2,
135
- :host(.rgb) div.head .rect3 {
136
- display: flex;
137
- }
138
-
139
-
140
- :host(.rgb) div.head:hover {
141
- filter: unset;
142
- }
143
-