ninegrid2 6.766.0 → 6.768.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/bundle.cjs.js +9 -1
- package/dist/bundle.esm.js +9 -1
- package/dist/nx/nxCollapse.js +9 -1
- package/package.json +1 -1
- package/src/nx/nxCollapse.js +9 -1
package/dist/bundle.cjs.js
CHANGED
|
@@ -120875,13 +120875,21 @@ class nxCollapse extends HTMLElement {
|
|
|
120875
120875
|
<div class="button">🔽 펼치기</div>
|
|
120876
120876
|
`;
|
|
120877
120877
|
|
|
120878
|
+
this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
|
|
120879
|
+
|
|
120878
120880
|
if (this.#target && this.#target) {
|
|
120879
120881
|
const collapseBtn = document.createElement("button");
|
|
120880
120882
|
collapseBtn.textContent = "📥 접기";
|
|
120881
120883
|
collapseBtn.className = "collapse-toggle";
|
|
120882
120884
|
collapseBtn.style.marginBottom = "8px";
|
|
120883
120885
|
|
|
120884
|
-
|
|
120886
|
+
const shadowRoot = this.#target.shadowRoot;
|
|
120887
|
+
if (shadowRoot) {
|
|
120888
|
+
shadowRoot.insertBefore(collapseBtn, shadowRoot.firstChild);
|
|
120889
|
+
}
|
|
120890
|
+
else {
|
|
120891
|
+
this.#target.insertBefore(collapseBtn, this.#target.firstChild);
|
|
120892
|
+
}
|
|
120885
120893
|
|
|
120886
120894
|
// collapse 시 target 숨기고 복원 버튼 등장
|
|
120887
120895
|
collapseBtn.addEventListener("click", () => {
|
package/dist/bundle.esm.js
CHANGED
|
@@ -120871,13 +120871,21 @@ class nxCollapse extends HTMLElement {
|
|
|
120871
120871
|
<div class="button">🔽 펼치기</div>
|
|
120872
120872
|
`;
|
|
120873
120873
|
|
|
120874
|
+
this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
|
|
120875
|
+
|
|
120874
120876
|
if (this.#target && this.#target) {
|
|
120875
120877
|
const collapseBtn = document.createElement("button");
|
|
120876
120878
|
collapseBtn.textContent = "📥 접기";
|
|
120877
120879
|
collapseBtn.className = "collapse-toggle";
|
|
120878
120880
|
collapseBtn.style.marginBottom = "8px";
|
|
120879
120881
|
|
|
120880
|
-
|
|
120882
|
+
const shadowRoot = this.#target.shadowRoot;
|
|
120883
|
+
if (shadowRoot) {
|
|
120884
|
+
shadowRoot.insertBefore(collapseBtn, shadowRoot.firstChild);
|
|
120885
|
+
}
|
|
120886
|
+
else {
|
|
120887
|
+
this.#target.insertBefore(collapseBtn, this.#target.firstChild);
|
|
120888
|
+
}
|
|
120881
120889
|
|
|
120882
120890
|
// collapse 시 target 숨기고 복원 버튼 등장
|
|
120883
120891
|
collapseBtn.addEventListener("click", () => {
|
package/dist/nx/nxCollapse.js
CHANGED
|
@@ -30,13 +30,21 @@ class nxCollapse extends HTMLElement {
|
|
|
30
30
|
<div class="button">🔽 펼치기</div>
|
|
31
31
|
`;
|
|
32
32
|
|
|
33
|
+
this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
|
|
34
|
+
|
|
33
35
|
if (this.#target && this.#target) {
|
|
34
36
|
const collapseBtn = document.createElement("button");
|
|
35
37
|
collapseBtn.textContent = "📥 접기";
|
|
36
38
|
collapseBtn.className = "collapse-toggle";
|
|
37
39
|
collapseBtn.style.marginBottom = "8px";
|
|
38
40
|
|
|
39
|
-
|
|
41
|
+
const shadowRoot = this.#target.shadowRoot;
|
|
42
|
+
if (shadowRoot) {
|
|
43
|
+
shadowRoot.insertBefore(collapseBtn, shadowRoot.firstChild);
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.#target.insertBefore(collapseBtn, this.#target.firstChild);
|
|
47
|
+
}
|
|
40
48
|
|
|
41
49
|
// collapse 시 target 숨기고 복원 버튼 등장
|
|
42
50
|
collapseBtn.addEventListener("click", () => {
|
package/package.json
CHANGED
package/src/nx/nxCollapse.js
CHANGED
|
@@ -30,13 +30,21 @@ class nxCollapse extends HTMLElement {
|
|
|
30
30
|
<div class="button">🔽 펼치기</div>
|
|
31
31
|
`;
|
|
32
32
|
|
|
33
|
+
this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
|
|
34
|
+
|
|
33
35
|
if (this.#target && this.#target) {
|
|
34
36
|
const collapseBtn = document.createElement("button");
|
|
35
37
|
collapseBtn.textContent = "📥 접기";
|
|
36
38
|
collapseBtn.className = "collapse-toggle";
|
|
37
39
|
collapseBtn.style.marginBottom = "8px";
|
|
38
40
|
|
|
39
|
-
|
|
41
|
+
const shadowRoot = this.#target.shadowRoot;
|
|
42
|
+
if (shadowRoot) {
|
|
43
|
+
shadowRoot.insertBefore(collapseBtn, shadowRoot.firstChild);
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.#target.insertBefore(collapseBtn, this.#target.firstChild);
|
|
47
|
+
}
|
|
40
48
|
|
|
41
49
|
// collapse 시 target 숨기고 복원 버튼 등장
|
|
42
50
|
collapseBtn.addEventListener("click", () => {
|