@ninebone/util 1.0.37 → 1.0.38
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/nine-util.js +71 -1
- package/dist/nine-util.js.map +1 -1
- package/dist/nine-util.umd.js +1 -1
- package/dist/nine-util.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/nine-util.js
CHANGED
|
@@ -1313,7 +1313,7 @@ class UxSplitter extends HTMLElement {
|
|
|
1313
1313
|
const htmlTmpl = document.createElement("template");
|
|
1314
1314
|
htmlTmpl.innerHTML = `
|
|
1315
1315
|
<style>
|
|
1316
|
-
@import "https://cdn.jsdelivr.net/npm/@ninebone/util@${"1.0.
|
|
1316
|
+
@import "https://cdn.jsdelivr.net/npm/@ninebone/util@${"1.0.38"}/dist/css/nine-util.css";
|
|
1317
1317
|
${customImport}
|
|
1318
1318
|
</style>
|
|
1319
1319
|
${gripTmpl}
|
|
@@ -1742,6 +1742,76 @@ class NineSimplePopup extends HTMLElement {
|
|
|
1742
1742
|
connectedCallback() {
|
|
1743
1743
|
const titleText = this.getAttribute("subject") || "Details";
|
|
1744
1744
|
this.innerHTML = `
|
|
1745
|
+
<style>
|
|
1746
|
+
nine-simple-popup {
|
|
1747
|
+
position: fixed;
|
|
1748
|
+
top: 0;
|
|
1749
|
+
left: 0;
|
|
1750
|
+
width: 100vw;
|
|
1751
|
+
height: 100vh;
|
|
1752
|
+
z-index: 9999;
|
|
1753
|
+
font-family: inherit;
|
|
1754
|
+
}
|
|
1755
|
+
nine-simple-popup .ns-popup-overlay {
|
|
1756
|
+
width: 100%;
|
|
1757
|
+
height: 100%;
|
|
1758
|
+
background-color: rgba(0, 0, 0, 0.4);
|
|
1759
|
+
display: flex;
|
|
1760
|
+
justify-content: center;
|
|
1761
|
+
align-items: center;
|
|
1762
|
+
backdrop-filter: blur(2px);
|
|
1763
|
+
}
|
|
1764
|
+
nine-simple-popup .ns-popup-dialog {
|
|
1765
|
+
background-color: #ffffff;
|
|
1766
|
+
width: 460px;
|
|
1767
|
+
border-radius: 12px;
|
|
1768
|
+
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
|
|
1769
|
+
display: flex;
|
|
1770
|
+
flex-direction: column;
|
|
1771
|
+
overflow: hidden;
|
|
1772
|
+
animation: nsPopupShow 0.2s ease-out;
|
|
1773
|
+
}
|
|
1774
|
+
nine-simple-popup .ns-popup-header {
|
|
1775
|
+
padding: 16px 20px;
|
|
1776
|
+
display: flex;
|
|
1777
|
+
justify-content: space-between;
|
|
1778
|
+
align-items: center;
|
|
1779
|
+
border-bottom: 1px solid #f1f5f9;
|
|
1780
|
+
}
|
|
1781
|
+
nine-simple-popup .ns-popup-title {
|
|
1782
|
+
font-size: 16px;
|
|
1783
|
+
font-weight: 700;
|
|
1784
|
+
color: #0f172a;
|
|
1785
|
+
}
|
|
1786
|
+
nine-simple-popup .ns-popup-close-btn {
|
|
1787
|
+
background: none;
|
|
1788
|
+
border: none;
|
|
1789
|
+
font-size: 20px;
|
|
1790
|
+
color: #94a3b8;
|
|
1791
|
+
cursor: pointer;
|
|
1792
|
+
padding: 0;
|
|
1793
|
+
line-height: 1;
|
|
1794
|
+
}
|
|
1795
|
+
nine-simple-popup .ns-popup-close-btn:hover {
|
|
1796
|
+
color: #0f172a;
|
|
1797
|
+
}
|
|
1798
|
+
nine-simple-popup .ns-popup-body {
|
|
1799
|
+
padding: 20px;
|
|
1800
|
+
max-height: 80vh;
|
|
1801
|
+
overflow-y: auto;
|
|
1802
|
+
}
|
|
1803
|
+
@keyframes nsPopupShow {
|
|
1804
|
+
from {
|
|
1805
|
+
opacity: 0;
|
|
1806
|
+
transform: scale(0.95) translateY(10px);
|
|
1807
|
+
}
|
|
1808
|
+
to {
|
|
1809
|
+
opacity: 1;
|
|
1810
|
+
transform: scale(1) translateY(0);
|
|
1811
|
+
}
|
|
1812
|
+
}
|
|
1813
|
+
</style>
|
|
1814
|
+
|
|
1745
1815
|
<div class="ns-popup-overlay">
|
|
1746
1816
|
<div class="ns-popup-dialog">
|
|
1747
1817
|
<div class="ns-popup-header">
|