@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,616 +0,0 @@
1
- @keyframes collapse {
2
- 0% { width: 350px; transform: translateX(0); }
3
- 100% { width: 0px; transform: translateX(100%); }
4
- }
5
-
6
- @keyframes expand {
7
- 0% { width: 0px; transform: translateX(100%); }
8
- 100% { width: 350px; transform: translateX(0); }
9
- }
10
-
11
- @keyframes slideFade {
12
- 0% { transform: translateY(-20px); opacity: 0; }
13
- 100% { transform: translateY(0); opacity: 1; }
14
- }
15
-
16
- @keyframes zoomIn {
17
- 0% { transform: scale(0.9); opacity: 0; }
18
- 100% { transform: scale(1); opacity: 1; }
19
- }
20
- @keyframes zoomOut {
21
- 0% { transform: scale(1); opacity: 1; }
22
- 100% { transform: scale(0.9); opacity: 0; }
23
- }
24
-
25
- @keyframes slideLeft {
26
- 0% { transform: translateX(100%); opacity: 0; }
27
- 100% { transform: translateX(0); opacity: 1; }
28
- }
29
-
30
- @keyframes slideRight {
31
- from { transform: translateX(0); opacity: 1; }
32
- to { transform: translateX(100%); opacity: 0; }
33
- }
34
-
35
- :host(ide-assi) {
36
- position: absolute;
37
- right: 0;
38
- top: 0;
39
- bottom: 0;
40
- width: 350px;
41
- background: #f9f9f9;
42
- z-index: 999;
43
- opacity: 0.99;
44
- animation: expand 0.1s ease-in-out forwards;
45
- border-left: 1px solid #eee;
46
- box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.3); /* ✅ 퍼지는 그림자 */
47
-
48
- .expand-icon {
49
- display: none;
50
- }
51
-
52
- .wrapper {
53
- height: 100%;
54
- display: flex;
55
- overflow: hidden;
56
- }
57
-
58
- .menu {
59
- z-index: 10;
60
- width: 32px;
61
- background: #ccc;
62
- display: flex;
63
- flex-direction: column;
64
- }
65
-
66
- .collapse-icon {
67
- display: flex;
68
- justify-content: center;
69
- align-items: center;
70
- width: 100%;
71
- height: 32px;
72
- cursor: pointer;
73
- background-repeat: no-repeat;
74
- background-position: center;
75
- background-size: auto;
76
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M6 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 7.5H6.5A.5.5 0 0 0 6 8m-2.5 7a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5"/></svg>');
77
- }
78
-
79
- .menu-filter {
80
- background-repeat: no-repeat;
81
- background-position: center;
82
- background-size: auto;
83
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5z"/></svg>');
84
- }
85
-
86
- .menu-general {
87
- background-repeat: no-repeat;
88
- background-position: center;
89
- background-size: auto;
90
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9 9 0 0 0 8 15"/></svg>');
91
- }
92
-
93
- .menu-db {
94
- background-repeat: no-repeat;
95
- background-position: center;
96
- background-size: auto;
97
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9 9 0 0 0 8 15"/></svg>');
98
- }
99
-
100
- .menu-setting {
101
- background-repeat: no-repeat;
102
- background-position: center;
103
- background-size: auto;
104
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/></svg>');
105
- }
106
-
107
- .menu-icon {
108
- display: flex;
109
- /* align-content: space-between; */
110
- justify-content: center;
111
- align-items: center;
112
- height: 32px;
113
- }
114
- .menu-icon.active {
115
- --border-right: 4px solid #999;
116
- background-color: #c0c0c0;
117
- --filter: brightness(170%);
118
- }
119
-
120
- .settings {
121
- display: none;
122
- position: absolute;
123
- background: #fff;
124
- left: 0;
125
- right: 30px;
126
- top: 0;
127
- bottom: 0;
128
- justify-content: center;
129
- align-items: center;
130
- opacity: 0;
131
- transform: translateX(100%);
132
- transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
133
- }
134
-
135
- .settings.expand {
136
- display: flex;
137
- animation: slideLeft 0.3s ease-out forwards;
138
- }
139
-
140
- .container {
141
- height: 100%;
142
- display: flex;
143
- --background: white;
144
- width: 100%;
145
- flex-direction: column;
146
-
147
- .head {
148
- width: 100%;
149
- height: 64px;
150
- background: #f0f0f0;
151
- --border: 1px solid #ccc;
152
- display: flex;
153
- align-items: center;
154
- justify-content: flex-start;
155
- padding-left: 16px;
156
-
157
- .logo {
158
- position: relative;
159
- width: 70px;
160
- height: 18px;
161
- background-repeat: no-repeat;
162
- background-position: center;
163
- background-size: auto;
164
- --background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="fin" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 35" style="enable-background:new 0 0 140 35;" xml:space="preserve"><g><g fill="darkgray"><path d="M131.73,34.14l-80.24,0c-3.91,0-7.1-3.18-7.11-7.1l2.52,0c0,2.53,2.06,4.58,4.59,4.58l80.24,0 c2.53,0,4.59-2.06,4.59-4.59v-8.26c0-2.53-2.06-4.59-4.59-4.59l-29.75,0v-2.52l29.75,0c3.92,0,7.11,3.19,7.11,7.11v8.26 C138.84,30.95,135.65,34.14,131.73,34.14z"/> </g> <g fill="dodgerblue"> <path d="M11.96,0.86L11.96,0.86H8.73h0l0,0L1.16,21.02h3.6l1.93-5.4H14l1.93,5.4h3.6L11.96,0.86L11.96,0.86z M12.84,12.38H7.85l2.5-6.99L12.84,12.38z"/> <path d="M24.28,7.88V5.54h-3.24v15.48h3.24v-8.28c0-0.01,0.01-0.02,0.01-0.02c0-0.05-0.01-0.1-0.01-0.16 c0-2.29,1.74-4.14,3.88-4.14c0.54,0,1.05,0.12,1.52,0.33c0-0.95,0-1.9,0-2.85c-0.43-0.26-1.07-0.54-1.86-0.54 C26.27,5.36,25.13,6.14,24.28,7.88z"/> <path d="M37.6,18.5c-0.83,0-1.33-0.63-1.42-1.44h-0.02V8.42h2.88V5.54h-2.88V1.22L32.92,2.3v3.24H30.4v2.88h2.52v9.18 c0,1.51,0.89,2.82,2.18,3.42c0.49,0.23,1.03,0.36,1.6,0.36c1.06,0,2.01-0.44,2.7-1.14v-2.82h-0.02 C38.52,18.31,38.16,18.5,37.6,18.5z"/> <path d="M53.8,24.26c-1.32-0.44-2.88-3.6-2.88-3.6l-0.5-1.17l6.22-13.95h-3.73l-4.23,9.89l-4.19-9.8h-3.73l6.18,13.86 l1.74,3.89l0.07,0.16h0.01c0.08,0.16,0.15,0.31,0.23,0.45c1.02,1.77,3.37,4.54,7.69,2.92V23.6C55.96,24.26,54.82,24.6,53.8,24.26z "/> <path d="M67.66,6.69c-1.09-0.89-2.41-1.42-3.82-1.42c-3.8,0-6.88,3.77-6.88,8.41c0,4.64,3.08,8.41,6.88,8.41 c1.41,0,2.72-0.52,3.82-1.41c-0.03,1.51-0.8,2.93-2.11,3.68c-0.87,0.5-1.86,0.79-2.92,0.79c-1.98,0-3.74-0.64-4.86-2.19v3.47 c1.39,1.22,3.22,1.97,5.22,1.97c1.75,0,3.37-0.57,4.68-1.53c1.96-1.44,3.24-3.77,3.24-6.39V5.54h-3.24V6.69z M67.66,14.09v0.88 c-0.5,2.11-1.96,3.65-3.69,3.65c-2.14,0-3.87-2.34-3.87-5.22s1.73-5.22,3.87-5.22c1.73,0,3.19,1.53,3.69,3.65V14.09z"/> <path d="M83.32,6.26c-1.51-0.96-3.21-0.91-3.78-0.9c-0.4,0.01-1.6,0.06-2.7,0.54c-2.29,1-3.96,3.24-4.13,7.49 c0,0.05,0,0.1,0,0.16c0,4.52,3.3,8.19,7.38,8.19c1.95,0,3.72-0.84,5.04-2.21v-3.28c-1.35,1.6-3.27,2.61-5.4,2.61 c-0.18,0-0.36-0.01-0.54-0.02c-1.87-0.48-3.24-1.99-3.24-3.78c0-0.12,0.01-0.24,0.02-0.36c0.01-0.11,0.03-0.23,0.05-0.34 c0,0,0,0,0,0h8.85h1.03h0.31v-2.07c0-0.27-0.02-0.54-0.05-0.81C86.13,11.09,85.91,7.9,83.32,6.26z M82.76,11.48h-0.44h-3.74h-2.42 c0.33-1.26,1.41-3.42,3.48-3.29C82.6,8.19,82.77,11.35,82.76,11.48z"/> <path d="M100.25,9.87c0,0,0-0.01,0-0.01c-0.08-0.41-0.18-0.8-0.28-1.17c-0.54-1.77-1.65-2.62-2.78-3.01 c-1.69-0.58-3.42-0.11-3.42-0.11l0,0c-1.23,0.2-2.16,0.98-2.88,2.46v-2.5h-3.24v15.84h3.24v-8.48c0-0.01,0.01-0.02,0.01-0.02 c0-0.05-0.01-0.1-0.01-0.16c0-2.29,1.74-4.14,3.88-4.14l0.02,0c1.01,0,1.9,0.68,2.16,1.66c0.16,0.6,0.22,1.23,0.24,1.72v0.79 c0,0.04,0,0.06,0,0.06l0,0v8.57h3.24v-8.3v-1.32C100.42,11.13,100.37,10.49,100.25,9.87z"/> </g> <g fill="darkgray"> <path d="M109.24,22.46c-1.12-0.84-1.61-0.89-2.16-1.44c-0.12-0.12-0.2-0.4-0.11-0.64c0.19-0.54,1.29-0.75,2.09-0.51 c0.35,0.1,0.66,0.26,0.91,0.44v-1.19c-0.23-0.18-0.73-0.53-1.44-0.62c-0.26-0.03-1.04-0.13-1.8,0.36 c-0.19,0.12-0.7,0.49-0.95,1.17c-0.08,0.21-0.21,0.56-0.13,0.99c0.1,0.49,0.43,0.81,0.72,1.08c0.39,0.36,0.8,0.57,1.08,0.72 c0.21,0.12,0.8,0.43,1.08,0.72c0.23,0.23,0.4,0.41,0.42,0.69c0,0.05,0.02,0.26-0.09,0.44c-0.36,0.58-1.65,0.34-1.78,0.32 c-0.65-0.13-1.12-0.46-1.42-0.73l-0.02,0.01v1.52c0.39,0.24,1.16,0.65,2.16,0.64c0.37-0.01,0.9-0.02,1.44-0.36 c0.12-0.08,0.45-0.3,0.72-0.72c0.12-0.19,0.36-0.56,0.36-1.08c0-0.52-0.23-0.88-0.36-1.08C109.83,22.97,109.65,22.76,109.24,22.46 z"/> <path d="M113.68,20.66c-0.51,0-0.99,0.19-1.38,0.52v-0.52h-1.08v7.92h1.08v-2.77c0.39,0.33,0.87,0.52,1.38,0.52 c1.32,0,2.4-1.27,2.4-2.83S115.01,20.66,113.68,20.66z M113.64,25.15c-0.7,0-1.27-0.7-1.34-1.58v-0.35 c0.07-0.89,0.64-1.58,1.34-1.58c0.75,0,1.35,0.79,1.35,1.76C114.99,24.37,114.38,25.15,113.64,25.15z"/> <path d="M119.22,20.56c0,0-1.34-0.26-2.27,0.56v1.32c0,0,2.23-1.9,2.67,0.07c-1.8-0.31-2.67,0.81-2.67,0.81 c-1.29,1.57,0.09,2.55,0.09,2.55c0.96,0.74,2.15,0.1,2.6-0.2l0,0.44h1.17v-3.72C120.81,22.38,120.92,20.83,119.22,20.56z M118.73,25.15c-1.31,0.17-1.09-0.78-1.09-0.78c0.19-0.97,1.5-0.89,1.99-0.83l0,0.91C119.3,25.08,118.73,25.15,118.73,25.15z"/> <path d="M123.81,20.66c-1.48,0-2.33,1.25-2.33,2.79s0.84,2.79,2.33,2.79c0.54,0,1.04-0.17,1.46-0.45l0.07-0.05l0-1.11 c-0.3,0.32-0.72,0.53-1.18,0.53c-0.91,0-1.65-0.77-1.65-1.71c0-0.94,0.74-1.71,1.65-1.71c0.47,0,0.89,0.21,1.19,0.53l0-1.11 c-0.14-0.1-0.28-0.18-0.43-0.26C124.58,20.75,124.2,20.66,123.81,20.66z"/> <path d="M130.53,22.77c-0.01-0.13-0.08-1.24-0.98-1.8c-0.52-0.33-1.11-0.31-1.31-0.31c-0.14,0-0.55,0.02-0.93,0.19 c-0.79,0.34-1.37,1.12-1.43,2.59c0,0.02,0,0.04,0,0.05c0,1.56,1.14,2.83,2.55,2.83c0.67,0,1.28-0.29,1.74-0.76v-1.13 c-0.47,0.55-1.13,0.9-1.86,0.9c-0.06,0-0.13,0-0.19-0.01c-0.65-0.16-1.12-0.69-1.12-1.31c0-0.04,0-0.08,0.01-0.12 c0-0.04,0.01-0.08,0.02-0.12c0,0,0,0,0,0h3.06h0.36h0.11v-0.72C130.55,22.96,130.54,22.87,130.53,22.77z M129.21,22.77h-1.29 h-0.84c0.12-0.44,0.49-1.18,1.2-1.14c1.03,0,1.08,1.09,1.08,1.14H129.21z"/> </g> </g> </svg>');
165
- span {
166
- font-weight: bold;
167
- font-size: 12px;
168
- font-style: italic;
169
- color: blue;
170
- vertical-align: top;
171
- }
172
- }
173
- }
174
-
175
- .foot {
176
- margin-bottom: 32px;
177
- width: 100%;
178
- height: 200px;
179
- --background: #f0f0f0;
180
- display: flex;
181
- flex-direction: column;
182
- .apply-src {
183
- display: flex;
184
- align-items: center;
185
- font-size: 10px;
186
- padding-left: 8px;
187
- gap: 4px;
188
- div {
189
- display: flex;
190
- align-items: center;
191
- }
192
- }
193
- textarea {
194
- --width: 100%;
195
- height: 100%;
196
- margin: 4px;
197
- outline: none;
198
- border: 1px solid #ccc;
199
- border-radius: 8px;
200
- resize: none;
201
- padding: 8px;
202
- }
203
- textarea:hover {
204
- border: 1px solid #999;
205
- }
206
- textarea:focus {
207
- border: 1px solid green;
208
- }
209
- }
210
- }
211
- }
212
-
213
- :host(ide-assi.collapse) {
214
- width: 0px;
215
- animation: collapse 0.1s ease-in-out forwards;
216
- box-shadow: unset;
217
-
218
- .expand-icon {
219
- opacity: 0.3;
220
- position: absolute;
221
- width: 48px;
222
- height: 40px;
223
- bottom: 32px;
224
- left: -48px;
225
- background: white;
226
- display: flex;
227
- justify-content: center;
228
- align-items: center;
229
- border-top-left-radius: 18px;
230
- border-bottom-left-radius: 18px;
231
- cursor: pointer;
232
- box-shadow: 0 0 8px 4px rgba(135, 206, 235, 0.95); /* ✅ 퍼지는 그림자 */
233
- background-repeat: no-repeat;
234
- background-position: center;
235
- background-size: auto;
236
- background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" fill="skyblue" xmlns="http://www.w3.org/2000/svg" strokeWidth="1.5" viewBox="-0.17090198558635983 0.482230148717937 41.14235318283891 40.0339509076386"><text x="-9999" y="-9999">ChatGPT</text><path d="M37.532 16.87a9.963 9.963 0 0 0-.856-8.184 10.078 10.078 0 0 0-10.855-4.835A9.964 9.964 0 0 0 18.306.5a10.079 10.079 0 0 0-9.614 6.977 9.967 9.967 0 0 0-6.664 4.834 10.08 10.08 0 0 0 1.24 11.817 9.965 9.965 0 0 0 .856 8.185 10.079 10.079 0 0 0 10.855 4.835 9.965 9.965 0 0 0 7.516 3.35 10.078 10.078 0 0 0 9.617-6.981 9.967 9.967 0 0 0 6.663-4.834 10.079 10.079 0 0 0-1.243-11.813zM22.498 37.886a7.474 7.474 0 0 1-4.799-1.735c.061-.033.168-.091.237-.134l7.964-4.6a1.294 1.294 0 0 0 .655-1.134V19.054l3.366 1.944a.12.12 0 0 1 .066.092v9.299a7.505 7.505 0 0 1-7.49 7.496zM6.392 31.006a7.471 7.471 0 0 1-.894-5.023c.06.036.162.099.237.141l7.964 4.6a1.297 1.297 0 0 0 1.308 0l9.724-5.614v3.888a.12.12 0 0 1-.048.103l-8.051 4.649a7.504 7.504 0 0 1-10.24-2.744zM4.297 13.62A7.469 7.469 0 0 1 8.2 10.333c0 .068-.004.19-.004.274v9.201a1.294 1.294 0 0 0 .654 1.132l9.723 5.614-3.366 1.944a.12.12 0 0 1-.114.01L7.04 23.856a7.504 7.504 0 0 1-2.743-10.237zm27.658 6.437l-9.724-5.615 3.367-1.943a.121.121 0 0 1 .113-.01l8.052 4.648a7.498 7.498 0 0 1-1.158 13.528v-9.476a1.293 1.293 0 0 0-.65-1.132zm3.35-5.043c-.059-.037-.162-.099-.236-.141l-7.965-4.6a1.298 1.298 0 0 0-1.308 0l-9.723 5.614v-3.888a.12.12 0 0 1 .048-.103l8.05-4.645a7.497 7.497 0 0 1 11.135 7.763zm-21.063 6.929l-3.367-1.944a.12.12 0 0 1-.065-.092v-9.299a7.497 7.497 0 0 1 12.293-5.756 6.94 6.94 0 0 0-.236.134l-7.965 4.6a1.294 1.294 0 0 0-.654 1.132l-.006 11.225zm1.829-3.943l4.33-2.501 4.332 2.5v5l-4.331 2.5-4.331-2.5V18z"/></svg>');
237
- }
238
- .expand-icon:hover {
239
- opacity: 0.7;
240
- }
241
- }
242
-
243
-
244
- :host(nx-ai-message) {
245
- display: flex;
246
- justify-content: flex-start;
247
- padding: 5px;
248
- flex-direction: column;
249
-
250
- .chat-message {
251
- max-width: 70%;
252
- border-radius: 8px;
253
- font-size: 14px;
254
- background-color: #fff;
255
- color: black;
256
- align-self: flex-start;
257
- text-align: left;
258
- position: relative;
259
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
260
- text-overflow: ellipsis;
261
- padding: 8px 16px;
262
- display: flex;
263
- align-items: center;
264
-
265
- div.message {
266
- display: -webkit-box;
267
- -webkit-line-clamp: 3;
268
- -webkit-box-orient: vertical;
269
- overflow: hidden;
270
- padding: 0;
271
- flex-grow: 1;
272
- /* 줄바꿈 강제 적용 */
273
- /**word-wrap: break-word;*/ /* 긴 단어를 줄바꿈 */
274
- overflow-wrap: anywhere; /* 텍스트 길이에 따라 자동 줄바꿈 */
275
- white-space: normal; /* 공백 처리 */
276
- }
277
-
278
- span.more {
279
- right: 4px;
280
- bottom: 0px;
281
- font-size: 9px;
282
- font-weight: 700;
283
-
284
- a {
285
- position: relative;
286
- color: green;
287
- text-decoration: none;
288
- }
289
-
290
- a::after {
291
- content: "";
292
- position: absolute;
293
- left: 0;
294
- bottom: -2px;
295
- width: 100%;
296
- height: 2px;
297
- background-color: green;
298
- transform: scaleX(0);
299
- transition: transform 0.3s ease-in-out;
300
- }
301
-
302
- a:hover::after {
303
- transform: scaleX(1);
304
- }
305
- }
306
- }
307
-
308
- .grid {
309
- margin-top: 8px;
310
- }
311
-
312
- .chat-menu {
313
- display: flex;
314
- justify-content: space-between; /* 좌우 정렬 */
315
- align-items: center; /* 세로 중앙 정렬 */
316
- width: 100%;
317
- margin-top: 2px;
318
-
319
- .left-menu{
320
- display: flex;
321
- gap: 4px;
322
-
323
- .filter.disabled, .database.disabled {
324
- pointer-events: none;
325
- color: #ccc;
326
- }
327
-
328
- .filter, .database, .excel, .maximize {
329
- margin-left: 0;
330
- cursor: pointer;
331
- color: #999;
332
- width: 16px;
333
- height: 16px;
334
- background-repeat: no-repeat;
335
- background-position: center;
336
- background-size: auto;
337
- }
338
-
339
- .filter svg {
340
- color: #999;
341
- }
342
-
343
- .filter:hover, .database:hover, .excel:hover, .maximize:hover {
344
- color: green;
345
- }
346
-
347
- .filter {
348
- 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 d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z"/></svg>');
349
- }
350
- .database {
351
- 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 d="M4.318 2.687C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4c0-.374.356-.875 1.318-1.313M13 5.698V7c0 .374-.356.875-1.318 1.313C10.766 8.729 9.464 9 8 9s-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777A5 5 0 0 0 13 5.698M14 4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13zm-1 4.698V10c0 .374-.356.875-1.318 1.313C10.766 11.729 9.464 12 8 12s-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777A5 5 0 0 0 13 8.698m0 3V13c0 .374-.356.875-1.318 1.313C10.766 14.729 9.464 15 8 15s-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13s3.022-.289 4.096-.777c.324-.147.633-.323.904-.525"/></svg>');
352
- }
353
- .excel {
354
- 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="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM6.472 15.29a1.2 1.2 0 0 1-.111-.449h.765a.58.58 0 0 0 .254.384q.106.073.25.114.143.041.319.041.246 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .085-.29.39.39 0 0 0-.153-.326q-.152-.12-.462-.193l-.619-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.19-.272.527-.422.338-.15.777-.149.457 0 .78.152.324.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.247-.181.9.9 0 0 0-.369-.068q-.325 0-.513.152a.47.47 0 0 0-.184.384q0 .18.143.3a1 1 0 0 0 .405.175l.62.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94zm2.727 3.325H4.557v-3.325h-.79v4h2.487z"/></svg>');
355
- }
356
- .maximize {
357
- 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="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707"/></svg>');
358
- }
359
- }
360
- }
361
- }
362
-
363
-
364
- :host(nx-ai-ing-message) {
365
- display: flex;
366
- justify-content: flex-start;
367
- padding: 0;
368
-
369
- .chat-message {
370
- padding: 0px 8px;
371
- color: #999;
372
- align-self: flex-start;
373
- text-align: left;
374
- position: relative;
375
- font-size: 32px;
376
- font-weight: bold;
377
- }
378
- }
379
-
380
-
381
- :host(nx-ai-my-message) {
382
- display: flex;
383
- justify-content: flex-end;
384
- padding: 5px;
385
-
386
- .chat-message {
387
- max-width: 70%;
388
- padding: 8px 16px;
389
- border-radius: 8px;
390
- font-size: 14px;
391
- background-color: #fef01b;
392
- text-align: left;
393
- color: #333;
394
- align-self: flex-end;
395
- position: relative;
396
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
397
- }
398
- }
399
-
400
- :host(nx-ai-chat) {
401
- width: 100%;
402
- height: 100%;
403
- overflow: scroll;
404
- }
405
-
406
-
407
-
408
- :host(ide-assi-settings) {
409
- z-index: 9;
410
- display: flex;
411
- flex-direction: column;
412
- justify-content: flex-start;
413
- align-items: flex-start;
414
- position: absolute;
415
- background: #fff;
416
- left: 0;
417
- right: 30px;
418
- top: 48px;
419
- bottom: 0;
420
- --opacity: 0;
421
- padding-left: 16px;
422
- padding-right: 16px;
423
- gap: 0;
424
- --transform: translateX(100%);
425
- --transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
426
- transition: transform 0.3s ease-out;
427
-
428
- .line {
429
- font-size: 12px;
430
- display: flex;
431
- }
432
-
433
- .line:first-of-type {
434
- --margin-top: 32px;
435
- }
436
-
437
- .subject {
438
- font-weight: 700;
439
- height: 24px;
440
- margin-top: 32px;
441
- }
442
-
443
- .contents {
444
- --margin-left: 16px;
445
- width: 100%;
446
- gap: 32px;
447
- }
448
-
449
- .analyze {
450
- font-weight: 400;
451
- input[type="number"]::-webkit-inner-spin-button,
452
- input[type="number"]::-webkit-outer-spin-button {
453
- -webkit-appearance: none;
454
- margin: 0;
455
- }
456
- input[type="number"] {
457
- width: 32px;
458
- text-align: center;
459
- margin-left: 4px;
460
- margin-right: 4px;
461
- }
462
- input[type="checkbox"] {
463
- margin-left: 0;
464
- }
465
- }
466
-
467
- label {
468
- display: flex;
469
- align-items: center;
470
-
471
- input {
472
- margin-bottom: 2px;
473
- }
474
- }
475
-
476
- input[type="text"], input[type="number"] {
477
- outline: none;
478
- border-radius: 4px;
479
- width: 100%;
480
- height: 26px;
481
- border: 1px solid #b1b2c8;
482
- padding: 0 4px;
483
- --margin-top: 8px;
484
- color: #666;
485
- }
486
-
487
- select {
488
- outline: none;
489
- border-radius: 4px;
490
- width: 100%;
491
- height: 26px;
492
- border: 1px solid #b1b2c8;
493
- padding: 0 4px;
494
- --margin-top: 8px;
495
- color: #666;
496
- }
497
- }
498
-
499
- :host(ide-assi-settings.expand) {
500
- animation: slideLeft 0.3s ease-out forwards;
501
- }
502
- :host(ide-assi-settings:not(.expand)) {
503
- animation: slideRight 0.3s ease-out forwards;
504
- }
505
-
506
-
507
- :host(ide-tip-popup) {
508
- dialog:modal {
509
- width: 50%;
510
- height: 50%;
511
- padding: 0;
512
- border: 1px solid white;
513
- resize: none;
514
- box-shadow: 0 0 32px 0 white;
515
-
516
- div.body {
517
- padding: 0;
518
- }
519
- }
520
- .head {
521
- display: none;
522
- }
523
- /* ide-tip-popup 전용 스타일 (필요시 추가) */
524
- .dialog-content {
525
- /* aiLoadingTips가 들어갈 컨테이너 */
526
- --padding: 0;
527
- width: 100%;
528
- height: 100%;
529
- }
530
- }
531
-
532
- :host(ide-loading-tips) {
533
- display: flex; /* 내부 콘텐츠를 중앙 정렬하기 위해 flex 컨테이너로 만듭니다. */
534
- justify-content: center; /* 가로 중앙 정렬 */
535
- align-items: center; /* 세로 중앙 정렬 (필요시) */
536
- width: 100%; /* 부모(nx-dialog의 .popup-body)의 너비를 가득 채우도록 설정 */
537
- height: 100%; /* 부모의 높이를 가득 채우도록 설정 (필요시) */
538
-
539
- .chat-message.loading-tips-message {
540
- display: flex;
541
- flex-direction: column;
542
- width: 100%;
543
- height: 100%;
544
- background-color: #333;
545
- --padding: 16px;
546
- }
547
-
548
-
549
- .loading-bar-wrapper {
550
- width: 100%;
551
- height: 2px;
552
- ---background-color: #333;
553
- overflow: hidden;
554
- position: relative;
555
- border-radius: 4px;
556
- }
557
-
558
- .loading-bar {
559
- position: absolute;
560
- height: 100%;
561
- width: 40%;
562
- background-color: cyan;
563
- animation: slide 1.2s ease-in-out infinite;
564
- background: linear-gradient(
565
- to right,
566
- #333 0%,
567
- cyan 50%,
568
- #333 100%
569
- );
570
- --box-shadow: 0 0 4px rgba(0,255,255,0.4);
571
- filter: brightness(1.1);
572
- }
573
-
574
- .current-tip-wrapper {
575
- position: relative;
576
- height: 32px;
577
- display: flex;
578
- justify-content: center;
579
- align-items: center;
580
- }
581
- .current-tip {
582
- font-size: 14px;
583
- font-weight: 700;
584
- color: azure;
585
- }
586
-
587
- .tip-content {
588
- display: flex;
589
- position: relative;
590
- width: 100%;
591
- height: calc(100% - 32px - 2px);
592
- }
593
- .tip-image-container {
594
- width: 100%;
595
- height: 100%;
596
- display: none;
597
- flex-direction: column;
598
- padding-left: 16px;
599
- padding-right: 16px;
600
- padding-top: 16px;
601
- }
602
-
603
- .tip-image {
604
- width: 100%;
605
- height: 100%;
606
- object-fit: contain;
607
- display: none;
608
- filter: invert(0.8);
609
- }
610
- }
611
-
612
- @keyframes slide {
613
- 0% { left: -40%; }
614
- 50% { left: 60%; }
615
- 100% { left: 100%; }
616
- }