ide-assi 0.540.0 → 0.543.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/bundle.cjs.js +3 -95
  2. package/dist/bundle.esm.js +3 -95
  3. package/dist/components/ideLoadingTips.js +3 -87
  4. package/dist/components/ideTipPopup.js +0 -8
  5. package/package.json +1 -1
  6. package/src/components/ideLoadingTips.js +3 -87
  7. package/src/components/ideTipPopup.js +0 -8
package/dist/bundle.cjs.js CHANGED
@@ -202926,94 +202926,10 @@ class IdeLoadingTips extends HTMLElement {
202926
202926
  // Set up the initial structure of the component in its Shadow DOM
202927
202927
  this.shadowRoot.innerHTML = `
202928
202928
  <style>
202929
- /* Import ninegrid's base AI CSS */
202930
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
202931
- /* Import custom CSS specific to this component (adjust path as needed) */
202932
- ${ninegrid.getCustomPath(this, "ai.css")}
202933
-
202934
- /* Component-specific styles */
202935
- :host {
202936
- display: flex;
202937
- justify-content: flex-start;
202938
- --padding: 5px;
202939
- flex-direction: column;
202940
- width: 100%;
202941
- height: 100%;
202942
- }
202943
-
202944
- .chat-message.loading-tips-message {
202945
- --max-width: 80%;
202946
- border-radius: 8px;
202947
- font-size: 14px;
202948
- background-color: #fff;
202949
- color: black;
202950
- align-self: flex-start;
202951
- text-align: left;
202952
- position: relative;
202953
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
202954
- --padding: 12px 16px;
202955
- display: flex;
202956
- flex-direction: column;
202957
- align-items: flex-start;
202958
- --padding-bottom: 8px; /* Adjusted for image container */
202959
- }
202960
-
202961
- .loading-animation {
202962
- width: 20px;
202963
- height: 20px;
202964
- border: 3px solid #f3f3f3;
202965
- border-top: 3px solid #3498db;
202966
- border-radius: 50%;
202967
- animation: spin 1s linear infinite;
202968
- margin-bottom: 8px;
202969
- display: none; /* Controlled by JS */
202970
- }
202971
-
202972
- .tip-content {
202973
- width: 100%;
202974
- }
202975
-
202976
- .tip-label {
202977
- font-size: 0.85em;
202978
- color: #666;
202979
- margin: 0 0 5px 0;
202980
- font-weight: bold;
202981
- }
202982
-
202983
- .current-tip {
202984
- font-size: 1em;
202985
- margin: 0;
202986
- color: #333;
202987
- line-height: 1.5;
202988
- margin-bottom: 10px; /* Space between text and image */
202989
- }
202990
-
202991
- .tip-image-container {
202992
- width: 100%;
202993
- max-height: 150px; /* Max height for the image area */
202994
- overflow: hidden;
202995
- display: flex;
202996
- justify-content: center;
202997
- align-items: center;
202998
- background-color: #f0f0f0; /* Optional background for image area */
202999
- border-radius: 4px;
203000
- margin-top: 5px;
203001
- display: none; /* Controlled by JS */
203002
- }
203003
-
203004
- .tip-image {
203005
- max-width: 100%;
203006
- max-height: 100%;
203007
- object-fit: contain; /* Ensures image fits without cropping, maintaining aspect ratio */
203008
- border-radius: 4px;
203009
- display: none; /* Controlled by JS */
203010
- }
203011
-
203012
- @keyframes spin {
203013
- 0% { transform: rotate(0deg); }
203014
- 100% { transform: rotate(360deg); }
203015
- }
202929
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideAssi.css";
202930
+ ${ninegrid.getCustomPath(this, "ideAssi.css")}
203016
202931
  </style>
202932
+
203017
202933
  <div class="chat-message loading-tips-message">
203018
202934
  <div class="loading-animation"></div>
203019
202935
  <div class="tip-content">
@@ -203178,14 +203094,6 @@ class IdeTipPopup extends HTMLElement {
203178
203094
  <style>
203179
203095
  @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideAssi.css";
203180
203096
  ${ninegrid.getCustomPath(this,"ideAssi.css")}
203181
-
203182
- /* ide-tip-popup 전용 스타일 (필요시 추가) */
203183
- .dialog-content {
203184
- /* aiLoadingTips가 들어갈 컨테이너 */
203185
- --padding: 0;
203186
- width: 100%;
203187
- height: 100%;
203188
- }
203189
203097
  </style>
203190
203098
 
203191
203099
  <nx-dialog>
package/dist/bundle.esm.js CHANGED
@@ -202922,94 +202922,10 @@ class IdeLoadingTips extends HTMLElement {
202922
202922
  // Set up the initial structure of the component in its Shadow DOM
202923
202923
  this.shadowRoot.innerHTML = `
202924
202924
  <style>
202925
- /* Import ninegrid's base AI CSS */
202926
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
202927
- /* Import custom CSS specific to this component (adjust path as needed) */
202928
- ${ninegrid.getCustomPath(this, "ai.css")}
202929
-
202930
- /* Component-specific styles */
202931
- :host {
202932
- display: flex;
202933
- justify-content: flex-start;
202934
- --padding: 5px;
202935
- flex-direction: column;
202936
- width: 100%;
202937
- height: 100%;
202938
- }
202939
-
202940
- .chat-message.loading-tips-message {
202941
- --max-width: 80%;
202942
- border-radius: 8px;
202943
- font-size: 14px;
202944
- background-color: #fff;
202945
- color: black;
202946
- align-self: flex-start;
202947
- text-align: left;
202948
- position: relative;
202949
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
202950
- --padding: 12px 16px;
202951
- display: flex;
202952
- flex-direction: column;
202953
- align-items: flex-start;
202954
- --padding-bottom: 8px; /* Adjusted for image container */
202955
- }
202956
-
202957
- .loading-animation {
202958
- width: 20px;
202959
- height: 20px;
202960
- border: 3px solid #f3f3f3;
202961
- border-top: 3px solid #3498db;
202962
- border-radius: 50%;
202963
- animation: spin 1s linear infinite;
202964
- margin-bottom: 8px;
202965
- display: none; /* Controlled by JS */
202966
- }
202967
-
202968
- .tip-content {
202969
- width: 100%;
202970
- }
202971
-
202972
- .tip-label {
202973
- font-size: 0.85em;
202974
- color: #666;
202975
- margin: 0 0 5px 0;
202976
- font-weight: bold;
202977
- }
202978
-
202979
- .current-tip {
202980
- font-size: 1em;
202981
- margin: 0;
202982
- color: #333;
202983
- line-height: 1.5;
202984
- margin-bottom: 10px; /* Space between text and image */
202985
- }
202986
-
202987
- .tip-image-container {
202988
- width: 100%;
202989
- max-height: 150px; /* Max height for the image area */
202990
- overflow: hidden;
202991
- display: flex;
202992
- justify-content: center;
202993
- align-items: center;
202994
- background-color: #f0f0f0; /* Optional background for image area */
202995
- border-radius: 4px;
202996
- margin-top: 5px;
202997
- display: none; /* Controlled by JS */
202998
- }
202999
-
203000
- .tip-image {
203001
- max-width: 100%;
203002
- max-height: 100%;
203003
- object-fit: contain; /* Ensures image fits without cropping, maintaining aspect ratio */
203004
- border-radius: 4px;
203005
- display: none; /* Controlled by JS */
203006
- }
203007
-
203008
- @keyframes spin {
203009
- 0% { transform: rotate(0deg); }
203010
- 100% { transform: rotate(360deg); }
203011
- }
202925
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideAssi.css";
202926
+ ${ninegrid.getCustomPath(this, "ideAssi.css")}
203012
202927
  </style>
202928
+
203013
202929
  <div class="chat-message loading-tips-message">
203014
202930
  <div class="loading-animation"></div>
203015
202931
  <div class="tip-content">
@@ -203174,14 +203090,6 @@ class IdeTipPopup extends HTMLElement {
203174
203090
  <style>
203175
203091
  @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideAssi.css";
203176
203092
  ${ninegrid.getCustomPath(this,"ideAssi.css")}
203177
-
203178
- /* ide-tip-popup 전용 스타일 (필요시 추가) */
203179
- .dialog-content {
203180
- /* aiLoadingTips가 들어갈 컨테이너 */
203181
- --padding: 0;
203182
- width: 100%;
203183
- height: 100%;
203184
- }
203185
203093
  </style>
203186
203094
 
203187
203095
  <nx-dialog>
package/dist/components/ideLoadingTips.js CHANGED
@@ -27,94 +27,10 @@ class IdeLoadingTips extends HTMLElement {
27
27
  // Set up the initial structure of the component in its Shadow DOM
28
28
  this.shadowRoot.innerHTML = `
29
29
  <style>
30
- /* Import ninegrid's base AI CSS */
31
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
32
- /* Import custom CSS specific to this component (adjust path as needed) */
33
- ${ninegrid.getCustomPath(this, "ai.css")}
34
-
35
- /* Component-specific styles */
36
- :host {
37
- display: flex;
38
- justify-content: flex-start;
39
- --padding: 5px;
40
- flex-direction: column;
41
- width: 100%;
42
- height: 100%;
43
- }
44
-
45
- .chat-message.loading-tips-message {
46
- --max-width: 80%;
47
- border-radius: 8px;
48
- font-size: 14px;
49
- background-color: #fff;
50
- color: black;
51
- align-self: flex-start;
52
- text-align: left;
53
- position: relative;
54
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
55
- --padding: 12px 16px;
56
- display: flex;
57
- flex-direction: column;
58
- align-items: flex-start;
59
- --padding-bottom: 8px; /* Adjusted for image container */
60
- }
61
-
62
- .loading-animation {
63
- width: 20px;
64
- height: 20px;
65
- border: 3px solid #f3f3f3;
66
- border-top: 3px solid #3498db;
67
- border-radius: 50%;
68
- animation: spin 1s linear infinite;
69
- margin-bottom: 8px;
70
- display: none; /* Controlled by JS */
71
- }
72
-
73
- .tip-content {
74
- width: 100%;
75
- }
76
-
77
- .tip-label {
78
- font-size: 0.85em;
79
- color: #666;
80
- margin: 0 0 5px 0;
81
- font-weight: bold;
82
- }
83
-
84
- .current-tip {
85
- font-size: 1em;
86
- margin: 0;
87
- color: #333;
88
- line-height: 1.5;
89
- margin-bottom: 10px; /* Space between text and image */
90
- }
91
-
92
- .tip-image-container {
93
- width: 100%;
94
- max-height: 150px; /* Max height for the image area */
95
- overflow: hidden;
96
- display: flex;
97
- justify-content: center;
98
- align-items: center;
99
- background-color: #f0f0f0; /* Optional background for image area */
100
- border-radius: 4px;
101
- margin-top: 5px;
102
- display: none; /* Controlled by JS */
103
- }
104
-
105
- .tip-image {
106
- max-width: 100%;
107
- max-height: 100%;
108
- object-fit: contain; /* Ensures image fits without cropping, maintaining aspect ratio */
109
- border-radius: 4px;
110
- display: none; /* Controlled by JS */
111
- }
112
-
113
- @keyframes spin {
114
- 0% { transform: rotate(0deg); }
115
- 100% { transform: rotate(360deg); }
116
- }
30
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideAssi.css";
31
+ ${ninegrid.getCustomPath(this, "ideAssi.css")}
117
32
  </style>
33
+
118
34
  <div class="chat-message loading-tips-message">
119
35
  <div class="loading-animation"></div>
120
36
  <div class="tip-content">
package/dist/components/ideTipPopup.js CHANGED
@@ -16,14 +16,6 @@ class IdeTipPopup extends HTMLElement {
16
16
  <style>
17
17
  @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideAssi.css";
18
18
  ${ninegrid.getCustomPath(this,"ideAssi.css")}
19
-
20
- /* ide-tip-popup 전용 스타일 (필요시 추가) */
21
- .dialog-content {
22
- /* aiLoadingTips가 들어갈 컨테이너 */
23
- --padding: 0;
24
- width: 100%;
25
- height: 100%;
26
- }
27
19
  </style>
28
20
 
29
21
  <nx-dialog>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ide-assi",
3
3
  "type": "module",
4
- "version": "0.540.0",
4
+ "version": "0.543.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/components/ideLoadingTips.js CHANGED
@@ -27,94 +27,10 @@ class IdeLoadingTips extends HTMLElement {
27
27
  // Set up the initial structure of the component in its Shadow DOM
28
28
  this.shadowRoot.innerHTML = `
29
29
  <style>
30
- /* Import ninegrid's base AI CSS */
31
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
32
- /* Import custom CSS specific to this component (adjust path as needed) */
33
- ${ninegrid.getCustomPath(this, "ai.css")}
34
-
35
- /* Component-specific styles */
36
- :host {
37
- display: flex;
38
- justify-content: flex-start;
39
- --padding: 5px;
40
- flex-direction: column;
41
- width: 100%;
42
- height: 100%;
43
- }
44
-
45
- .chat-message.loading-tips-message {
46
- --max-width: 80%;
47
- border-radius: 8px;
48
- font-size: 14px;
49
- background-color: #fff;
50
- color: black;
51
- align-self: flex-start;
52
- text-align: left;
53
- position: relative;
54
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
55
- --padding: 12px 16px;
56
- display: flex;
57
- flex-direction: column;
58
- align-items: flex-start;
59
- --padding-bottom: 8px; /* Adjusted for image container */
60
- }
61
-
62
- .loading-animation {
63
- width: 20px;
64
- height: 20px;
65
- border: 3px solid #f3f3f3;
66
- border-top: 3px solid #3498db;
67
- border-radius: 50%;
68
- animation: spin 1s linear infinite;
69
- margin-bottom: 8px;
70
- display: none; /* Controlled by JS */
71
- }
72
-
73
- .tip-content {
74
- width: 100%;
75
- }
76
-
77
- .tip-label {
78
- font-size: 0.85em;
79
- color: #666;
80
- margin: 0 0 5px 0;
81
- font-weight: bold;
82
- }
83
-
84
- .current-tip {
85
- font-size: 1em;
86
- margin: 0;
87
- color: #333;
88
- line-height: 1.5;
89
- margin-bottom: 10px; /* Space between text and image */
90
- }
91
-
92
- .tip-image-container {
93
- width: 100%;
94
- max-height: 150px; /* Max height for the image area */
95
- overflow: hidden;
96
- display: flex;
97
- justify-content: center;
98
- align-items: center;
99
- background-color: #f0f0f0; /* Optional background for image area */
100
- border-radius: 4px;
101
- margin-top: 5px;
102
- display: none; /* Controlled by JS */
103
- }
104
-
105
- .tip-image {
106
- max-width: 100%;
107
- max-height: 100%;
108
- object-fit: contain; /* Ensures image fits without cropping, maintaining aspect ratio */
109
- border-radius: 4px;
110
- display: none; /* Controlled by JS */
111
- }
112
-
113
- @keyframes spin {
114
- 0% { transform: rotate(0deg); }
115
- 100% { transform: rotate(360deg); }
116
- }
30
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideAssi.css";
31
+ ${ninegrid.getCustomPath(this, "ideAssi.css")}
117
32
  </style>
33
+
118
34
  <div class="chat-message loading-tips-message">
119
35
  <div class="loading-animation"></div>
120
36
  <div class="tip-content">
package/src/components/ideTipPopup.js CHANGED
@@ -16,14 +16,6 @@ class IdeTipPopup extends HTMLElement {
16
16
  <style>
17
17
  @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ideAssi.css";
18
18
  ${ninegrid.getCustomPath(this,"ideAssi.css")}
19
-
20
- /* ide-tip-popup 전용 스타일 (필요시 추가) */
21
- .dialog-content {
22
- /* aiLoadingTips가 들어갈 컨테이너 */
23
- --padding: 0;
24
- width: 100%;
25
- height: 100%;
26
- }
27
19
  </style>
28
20
 
29
21
  <nx-dialog>