ninegrid2 6.100.0 → 6.102.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.
- package/dist/ai/aiSettings.js +64 -0
- package/dist/bundle.cjs.js +65 -0
- package/dist/bundle.esm.js +65 -0
- package/dist/etc/aiSettings.js +47 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
- package/src/ai/aiSettings.js +64 -0
- package/src/index.js +1 -0
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
//import ninegrid from "../index.js";
|
|
2
|
+
|
|
3
|
+
class aiSettings extends HTMLElement
|
|
4
|
+
{
|
|
5
|
+
#model;
|
|
6
|
+
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
this.attachShadow({ mode: 'open' });
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
get model() {
|
|
13
|
+
return this.#model.value;
|
|
14
|
+
};
|
|
15
|
+
set model(v) {
|
|
16
|
+
this.#model.value = v;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
connectedCallback() {
|
|
20
|
+
|
|
21
|
+
this.shadowRoot.innerHTML = `
|
|
22
|
+
<style>
|
|
23
|
+
@keyframes slideLeft {
|
|
24
|
+
0% { transform: translateX(100%); opacity: 0; }
|
|
25
|
+
100% { transform: translateX(0); opacity: 1; }
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
:host {
|
|
29
|
+
display: none;
|
|
30
|
+
position: absolute;
|
|
31
|
+
background: #fff;
|
|
32
|
+
left: 0;
|
|
33
|
+
right: 30px;
|
|
34
|
+
top: 0;
|
|
35
|
+
bottom: 0;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
align-items: center;
|
|
38
|
+
opacity: 0;
|
|
39
|
+
transform: translateX(100%);
|
|
40
|
+
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
:host(.expand) {
|
|
44
|
+
display: flex;
|
|
45
|
+
animation: slideLeft 0.3s ease-out forwards;
|
|
46
|
+
}
|
|
47
|
+
</style>
|
|
48
|
+
|
|
49
|
+
<div">
|
|
50
|
+
<div>
|
|
51
|
+
<label for="model">Model:</label>
|
|
52
|
+
<input id="model"/>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
`;
|
|
56
|
+
|
|
57
|
+
this.#model = this.shadowRoot.querySelector("#model");
|
|
58
|
+
|
|
59
|
+
console.log(this.#model);
|
|
60
|
+
//this.classList.add("ai-settings");
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
customElements.define("nx-ai-settings", aiSettings);
|
package/dist/bundle.cjs.js
CHANGED
|
@@ -27290,6 +27290,71 @@ 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
|
+
#model;
|
|
27298
|
+
|
|
27299
|
+
constructor() {
|
|
27300
|
+
super();
|
|
27301
|
+
this.attachShadow({ mode: 'open' });
|
|
27302
|
+
}
|
|
27303
|
+
|
|
27304
|
+
get model() {
|
|
27305
|
+
return this.#model.value;
|
|
27306
|
+
};
|
|
27307
|
+
set model(v) {
|
|
27308
|
+
this.#model.value = v;
|
|
27309
|
+
};
|
|
27310
|
+
|
|
27311
|
+
connectedCallback() {
|
|
27312
|
+
|
|
27313
|
+
this.shadowRoot.innerHTML = `
|
|
27314
|
+
<style>
|
|
27315
|
+
@keyframes slideLeft {
|
|
27316
|
+
0% { transform: translateX(100%); opacity: 0; }
|
|
27317
|
+
100% { transform: translateX(0); opacity: 1; }
|
|
27318
|
+
}
|
|
27319
|
+
|
|
27320
|
+
:host {
|
|
27321
|
+
display: none;
|
|
27322
|
+
position: absolute;
|
|
27323
|
+
background: #fff;
|
|
27324
|
+
left: 0;
|
|
27325
|
+
right: 30px;
|
|
27326
|
+
top: 0;
|
|
27327
|
+
bottom: 0;
|
|
27328
|
+
justify-content: center;
|
|
27329
|
+
align-items: center;
|
|
27330
|
+
opacity: 0;
|
|
27331
|
+
transform: translateX(100%);
|
|
27332
|
+
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
27333
|
+
}
|
|
27334
|
+
|
|
27335
|
+
:host(.expand) {
|
|
27336
|
+
display: flex;
|
|
27337
|
+
animation: slideLeft 0.3s ease-out forwards;
|
|
27338
|
+
}
|
|
27339
|
+
</style>
|
|
27340
|
+
|
|
27341
|
+
<div">
|
|
27342
|
+
<div>
|
|
27343
|
+
<label for="model">Model:</label>
|
|
27344
|
+
<input id="model"/>
|
|
27345
|
+
</div>
|
|
27346
|
+
</div>
|
|
27347
|
+
`;
|
|
27348
|
+
|
|
27349
|
+
this.#model = this.shadowRoot.querySelector("#model");
|
|
27350
|
+
|
|
27351
|
+
console.log(this.#model);
|
|
27352
|
+
//this.classList.add("ai-settings");
|
|
27353
|
+
};
|
|
27354
|
+
}
|
|
27355
|
+
|
|
27356
|
+
customElements.define("nx-ai-settings", aiSettings);
|
|
27357
|
+
|
|
27293
27358
|
//import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
|
|
27294
27359
|
|
|
27295
27360
|
|
package/dist/bundle.esm.js
CHANGED
|
@@ -27288,6 +27288,71 @@ 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
|
+
#model;
|
|
27296
|
+
|
|
27297
|
+
constructor() {
|
|
27298
|
+
super();
|
|
27299
|
+
this.attachShadow({ mode: 'open' });
|
|
27300
|
+
}
|
|
27301
|
+
|
|
27302
|
+
get model() {
|
|
27303
|
+
return this.#model.value;
|
|
27304
|
+
};
|
|
27305
|
+
set model(v) {
|
|
27306
|
+
this.#model.value = v;
|
|
27307
|
+
};
|
|
27308
|
+
|
|
27309
|
+
connectedCallback() {
|
|
27310
|
+
|
|
27311
|
+
this.shadowRoot.innerHTML = `
|
|
27312
|
+
<style>
|
|
27313
|
+
@keyframes slideLeft {
|
|
27314
|
+
0% { transform: translateX(100%); opacity: 0; }
|
|
27315
|
+
100% { transform: translateX(0); opacity: 1; }
|
|
27316
|
+
}
|
|
27317
|
+
|
|
27318
|
+
:host {
|
|
27319
|
+
display: none;
|
|
27320
|
+
position: absolute;
|
|
27321
|
+
background: #fff;
|
|
27322
|
+
left: 0;
|
|
27323
|
+
right: 30px;
|
|
27324
|
+
top: 0;
|
|
27325
|
+
bottom: 0;
|
|
27326
|
+
justify-content: center;
|
|
27327
|
+
align-items: center;
|
|
27328
|
+
opacity: 0;
|
|
27329
|
+
transform: translateX(100%);
|
|
27330
|
+
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
27331
|
+
}
|
|
27332
|
+
|
|
27333
|
+
:host(.expand) {
|
|
27334
|
+
display: flex;
|
|
27335
|
+
animation: slideLeft 0.3s ease-out forwards;
|
|
27336
|
+
}
|
|
27337
|
+
</style>
|
|
27338
|
+
|
|
27339
|
+
<div">
|
|
27340
|
+
<div>
|
|
27341
|
+
<label for="model">Model:</label>
|
|
27342
|
+
<input id="model"/>
|
|
27343
|
+
</div>
|
|
27344
|
+
</div>
|
|
27345
|
+
`;
|
|
27346
|
+
|
|
27347
|
+
this.#model = this.shadowRoot.querySelector("#model");
|
|
27348
|
+
|
|
27349
|
+
console.log(this.#model);
|
|
27350
|
+
//this.classList.add("ai-settings");
|
|
27351
|
+
};
|
|
27352
|
+
}
|
|
27353
|
+
|
|
27354
|
+
customElements.define("nx-ai-settings", aiSettings);
|
|
27355
|
+
|
|
27291
27356
|
//import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
|
|
27292
27357
|
|
|
27293
27358
|
|
|
@@ -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
package/package.json
CHANGED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
//import ninegrid from "../index.js";
|
|
2
|
+
|
|
3
|
+
class aiSettings extends HTMLElement
|
|
4
|
+
{
|
|
5
|
+
#model;
|
|
6
|
+
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
this.attachShadow({ mode: 'open' });
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
get model() {
|
|
13
|
+
return this.#model.value;
|
|
14
|
+
};
|
|
15
|
+
set model(v) {
|
|
16
|
+
this.#model.value = v;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
connectedCallback() {
|
|
20
|
+
|
|
21
|
+
this.shadowRoot.innerHTML = `
|
|
22
|
+
<style>
|
|
23
|
+
@keyframes slideLeft {
|
|
24
|
+
0% { transform: translateX(100%); opacity: 0; }
|
|
25
|
+
100% { transform: translateX(0); opacity: 1; }
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
:host {
|
|
29
|
+
display: none;
|
|
30
|
+
position: absolute;
|
|
31
|
+
background: #fff;
|
|
32
|
+
left: 0;
|
|
33
|
+
right: 30px;
|
|
34
|
+
top: 0;
|
|
35
|
+
bottom: 0;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
align-items: center;
|
|
38
|
+
opacity: 0;
|
|
39
|
+
transform: translateX(100%);
|
|
40
|
+
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
:host(.expand) {
|
|
44
|
+
display: flex;
|
|
45
|
+
animation: slideLeft 0.3s ease-out forwards;
|
|
46
|
+
}
|
|
47
|
+
</style>
|
|
48
|
+
|
|
49
|
+
<div">
|
|
50
|
+
<div>
|
|
51
|
+
<label for="model">Model:</label>
|
|
52
|
+
<input id="model"/>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
`;
|
|
56
|
+
|
|
57
|
+
this.#model = this.shadowRoot.querySelector("#model");
|
|
58
|
+
|
|
59
|
+
console.log(this.#model);
|
|
60
|
+
//this.classList.add("ai-settings");
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
customElements.define("nx-ai-settings", aiSettings);
|