ninegrid2 6.261.0 → 6.263.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.
@@ -42,10 +42,7 @@ class aiMyMessage extends HTMLElement
42
42
 
43
43
 
44
44
  connectedCallback() {
45
-
46
- const msg = this.getAttribute("message");
47
-
48
- console.log(msg);
45
+ const message = this.getAttribute("message");
49
46
 
50
47
  this.shadowRoot.innerHTML = `
51
48
  <style>
@@ -53,8 +50,8 @@ class aiMyMessage extends HTMLElement
53
50
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
54
51
  </style>
55
52
 
56
- <div class="line">
57
- aaa
53
+ <div class="wrapper">
54
+ ${message}
58
55
  </div>
59
56
  `;
60
57
 
@@ -27324,10 +27324,7 @@ class aiMyMessage extends HTMLElement
27324
27324
 
27325
27325
 
27326
27326
  connectedCallback() {
27327
-
27328
- const msg = this.getAttribute("message");
27329
-
27330
- console.log(msg);
27327
+ const message = this.getAttribute("message");
27331
27328
 
27332
27329
  this.shadowRoot.innerHTML = `
27333
27330
  <style>
@@ -27335,8 +27332,8 @@ class aiMyMessage extends HTMLElement
27335
27332
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27336
27333
  </style>
27337
27334
 
27338
- <div class="line">
27339
- aaa
27335
+ <div class="wrapper">
27336
+ ${message}
27340
27337
  </div>
27341
27338
  `;
27342
27339
 
@@ -27322,10 +27322,7 @@ class aiMyMessage extends HTMLElement
27322
27322
 
27323
27323
 
27324
27324
  connectedCallback() {
27325
-
27326
- const msg = this.getAttribute("message");
27327
-
27328
- console.log(msg);
27325
+ const message = this.getAttribute("message");
27329
27326
 
27330
27327
  this.shadowRoot.innerHTML = `
27331
27328
  <style>
@@ -27333,8 +27330,8 @@ class aiMyMessage extends HTMLElement
27333
27330
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27334
27331
  </style>
27335
27332
 
27336
- <div class="line">
27337
- aaa
27333
+ <div class="wrapper">
27334
+ ${message}
27338
27335
  </div>
27339
27336
  `;
27340
27337
 
@@ -1,12 +1,10 @@
1
1
  :host {
2
2
  display: flex;
3
- justify-content: flex-end;
4
3
  padding: 5px;
5
4
  max-width: 70%;
6
5
  padding: 8px 16px;
7
6
  border-radius: 8px;
8
7
  font-size: 14px;
9
- background-color: #fef01b;
10
8
  text-align: left;
11
9
  color: #333;
12
10
  align-self: flex-end;
@@ -15,17 +13,6 @@
15
13
  }
16
14
 
17
15
  :host(nx-ai-my-message) {
18
- display: flex;
19
16
  justify-content: flex-end;
20
- padding: 5px;
21
- max-width: 70%;
22
- padding: 8px 16px;
23
- border-radius: 8px;
24
- font-size: 14px;
25
- background-color: red;
26
- text-align: left;
27
- color: #333;
28
- align-self: flex-end;
29
- position: relative;
30
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
31
- }
17
+ background-color: #fef01b;
18
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.261.0",
4
+ "version": "6.263.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
@@ -42,10 +42,7 @@ class aiMyMessage extends HTMLElement
42
42
 
43
43
 
44
44
  connectedCallback() {
45
-
46
- const msg = this.getAttribute("message");
47
-
48
- console.log(msg);
45
+ const message = this.getAttribute("message");
49
46
 
50
47
  this.shadowRoot.innerHTML = `
51
48
  <style>
@@ -53,8 +50,8 @@ class aiMyMessage extends HTMLElement
53
50
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
54
51
  </style>
55
52
 
56
- <div class="line">
57
- aaa
53
+ <div class="wrapper">
54
+ ${message}
58
55
  </div>
59
56
  `;
60
57
 
@@ -1,12 +1,10 @@
1
1
  :host {
2
2
  display: flex;
3
- justify-content: flex-end;
4
3
  padding: 5px;
5
4
  max-width: 70%;
6
5
  padding: 8px 16px;
7
6
  border-radius: 8px;
8
7
  font-size: 14px;
9
- background-color: #fef01b;
10
8
  text-align: left;
11
9
  color: #333;
12
10
  align-self: flex-end;
@@ -15,17 +13,6 @@
15
13
  }
16
14
 
17
15
  :host(nx-ai-my-message) {
18
- display: flex;
19
16
  justify-content: flex-end;
20
- padding: 5px;
21
- max-width: 70%;
22
- padding: 8px 16px;
23
- border-radius: 8px;
24
- font-size: 14px;
25
- background-color: red;
26
- text-align: left;
27
- color: #333;
28
- align-self: flex-end;
29
- position: relative;
30
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
31
- }
17
+ background-color: #fef01b;
18
+ }