ninegrid2 6.100.0 → 6.101.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.
@@ -0,0 +1,47 @@
1
+ //import ninegrid from "../index.js";
2
+
3
+ class aiSettings extends HTMLElement
4
+ {
5
+ constructor() {
6
+ super();
7
+ this.attachShadow({ mode: 'open' });
8
+ }
9
+
10
+ connectedCallback() {
11
+
12
+ this.shadowRoot.innerHTML = `
13
+ <style>
14
+ :host {
15
+ display: none;
16
+ position: absolute;
17
+ background: #fff;
18
+ left: 0;
19
+ right: 30px;
20
+ top: 0;
21
+ bottom: 0;
22
+ justify-content: center;
23
+ align-items: center;
24
+ opacity: 0;
25
+ transform: translateX(100%);
26
+ transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
27
+ }
28
+
29
+ :host(.expand) {
30
+ display: flex;
31
+ animation: slideLeft 0.3s ease-out forwards;
32
+ }
33
+ </style>
34
+
35
+ <div">
36
+ <div>
37
+ <span>Model:</span>
38
+ <input />
39
+ </div>
40
+ </div>
41
+ `;
42
+
43
+ this.classList.add("ai-settings");
44
+ };
45
+ }
46
+
47
+ customElements.define("nx-ai-settings", aiSettings);
@@ -27290,6 +27290,54 @@ class nxTopMenu extends HTMLElement
27290
27290
 
27291
27291
  customElements.define("nx-top-menu", nxTopMenu);
27292
27292
 
27293
+ //import ninegrid from "../index.js";
27294
+
27295
+ class aiSettings extends HTMLElement
27296
+ {
27297
+ constructor() {
27298
+ super();
27299
+ this.attachShadow({ mode: 'open' });
27300
+ }
27301
+
27302
+ connectedCallback() {
27303
+
27304
+ this.shadowRoot.innerHTML = `
27305
+ <style>
27306
+ :host {
27307
+ display: none;
27308
+ position: absolute;
27309
+ background: #fff;
27310
+ left: 0;
27311
+ right: 30px;
27312
+ top: 0;
27313
+ bottom: 0;
27314
+ justify-content: center;
27315
+ align-items: center;
27316
+ opacity: 0;
27317
+ transform: translateX(100%);
27318
+ transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
27319
+ }
27320
+
27321
+ :host(.expand) {
27322
+ display: flex;
27323
+ animation: slideLeft 0.3s ease-out forwards;
27324
+ }
27325
+ </style>
27326
+
27327
+ <div">
27328
+ <div>
27329
+ <span>Model:</span>
27330
+ <input />
27331
+ </div>
27332
+ </div>
27333
+ `;
27334
+
27335
+ this.classList.add("ai-settings");
27336
+ };
27337
+ }
27338
+
27339
+ customElements.define("nx-ai-settings", aiSettings);
27340
+
27293
27341
  //import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
27294
27342
 
27295
27343
 
@@ -27288,6 +27288,54 @@ class nxTopMenu extends HTMLElement
27288
27288
 
27289
27289
  customElements.define("nx-top-menu", nxTopMenu);
27290
27290
 
27291
+ //import ninegrid from "../index.js";
27292
+
27293
+ class aiSettings extends HTMLElement
27294
+ {
27295
+ constructor() {
27296
+ super();
27297
+ this.attachShadow({ mode: 'open' });
27298
+ }
27299
+
27300
+ connectedCallback() {
27301
+
27302
+ this.shadowRoot.innerHTML = `
27303
+ <style>
27304
+ :host {
27305
+ display: none;
27306
+ position: absolute;
27307
+ background: #fff;
27308
+ left: 0;
27309
+ right: 30px;
27310
+ top: 0;
27311
+ bottom: 0;
27312
+ justify-content: center;
27313
+ align-items: center;
27314
+ opacity: 0;
27315
+ transform: translateX(100%);
27316
+ transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
27317
+ }
27318
+
27319
+ :host(.expand) {
27320
+ display: flex;
27321
+ animation: slideLeft 0.3s ease-out forwards;
27322
+ }
27323
+ </style>
27324
+
27325
+ <div">
27326
+ <div>
27327
+ <span>Model:</span>
27328
+ <input />
27329
+ </div>
27330
+ </div>
27331
+ `;
27332
+
27333
+ this.classList.add("ai-settings");
27334
+ };
27335
+ }
27336
+
27337
+ customElements.define("nx-ai-settings", aiSettings);
27338
+
27291
27339
  //import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
27292
27340
 
27293
27341
 
@@ -0,0 +1,47 @@
1
+ //import ninegrid from "../index.js";
2
+
3
+ class aiSettings extends HTMLElement
4
+ {
5
+ constructor() {
6
+ super();
7
+ this.attachShadow({ mode: 'open' });
8
+ }
9
+
10
+ connectedCallback() {
11
+
12
+ this.shadowRoot.innerHTML = `
13
+ <style>
14
+ :host {
15
+ display: none;
16
+ position: absolute;
17
+ background: #fff;
18
+ left: 0;
19
+ right: 30px;
20
+ top: 0;
21
+ bottom: 0;
22
+ justify-content: center;
23
+ align-items: center;
24
+ opacity: 0;
25
+ transform: translateX(100%);
26
+ transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
27
+ }
28
+
29
+ :host(.expand) {
30
+ display: flex;
31
+ animation: slideLeft 0.3s ease-out forwards;
32
+ }
33
+ </style>
34
+
35
+ <div">
36
+ <div>
37
+ <span>Model:</span>
38
+ <input />
39
+ </div>
40
+ </div>
41
+ `;
42
+
43
+ this.classList.add("ai-settings");
44
+ };
45
+ }
46
+
47
+ customElements.define("nx-ai-settings", aiSettings);
package/dist/index.js CHANGED
@@ -99,6 +99,7 @@ import "./etc/nxTest.js";
99
99
  import "./etc/nxTopMenu.js";
100
100
  //import "./etc/object-observe.js";
101
101
 
102
+ import "./ai/aiSettings.js";
102
103
 
103
104
  if (typeof window !== "undefined") {
104
105
  //window.ninegrid = window.NG = ninegrid;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.100.0",
4
+ "version": "6.101.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
@@ -0,0 +1,47 @@
1
+ //import ninegrid from "../index.js";
2
+
3
+ class aiSettings extends HTMLElement
4
+ {
5
+ constructor() {
6
+ super();
7
+ this.attachShadow({ mode: 'open' });
8
+ }
9
+
10
+ connectedCallback() {
11
+
12
+ this.shadowRoot.innerHTML = `
13
+ <style>
14
+ :host {
15
+ display: none;
16
+ position: absolute;
17
+ background: #fff;
18
+ left: 0;
19
+ right: 30px;
20
+ top: 0;
21
+ bottom: 0;
22
+ justify-content: center;
23
+ align-items: center;
24
+ opacity: 0;
25
+ transform: translateX(100%);
26
+ transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
27
+ }
28
+
29
+ :host(.expand) {
30
+ display: flex;
31
+ animation: slideLeft 0.3s ease-out forwards;
32
+ }
33
+ </style>
34
+
35
+ <div">
36
+ <div>
37
+ <span>Model:</span>
38
+ <input />
39
+ </div>
40
+ </div>
41
+ `;
42
+
43
+ this.classList.add("ai-settings");
44
+ };
45
+ }
46
+
47
+ customElements.define("nx-ai-settings", aiSettings);
package/src/index.js CHANGED
@@ -99,6 +99,7 @@ import "./etc/nxTest.js";
99
99
  import "./etc/nxTopMenu.js";
100
100
  //import "./etc/object-observe.js";
101
101
 
102
+ import "./ai/aiSettings.js";
102
103
 
103
104
  if (typeof window !== "undefined") {
104
105
  //window.ninegrid = window.NG = ninegrid;