potato-map3d-ui2 0.0.18 → 0.0.20

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.
Files changed (4) hide show
  1. package/dist/map3d-ui2.es.js +575 -41
  2. package/dist/map3d-ui2.umd.js +574 -40
  3. package/dist/style.css +138 -1
  4. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1 +1,138 @@
1
- *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.f-c-c{display:flex;align-items:center;justify-content:center;}.group:hover .group-hover\:visible{visibility:visible;}.invisible{visibility:hidden;}.absolute{position:absolute;}.relative{position:relative;}.left--10px{left:-10px;}.left-150\%{left:150%;}.right--10px{right:-10px;}.right-150\%{right:150%;}.top-50\%{top:50%;}.z-999{z-index:999;}.float-left{float:left;}.m-2px{margin:2px;}.h-0px{height:0;}.h-100\%{height:100%;}.h-24px{height:24px;}.h-28px{height:28px;}.w-0px{width:0;}.w-100\%{width:100%;}.w-24px{width:24px;}.w-28px{width:28px;}.w-max{width:max-content;}.translate-y--50\%{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.b-5px{border-width:5px;}.b-transparent{border-color:transparent;}.b-l-\#000{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(0,0,0,var(--un-border-left-opacity));}.b-r-\#000{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(0,0,0,var(--un-border-right-opacity));}.rd-4px{border-radius:4px;}.b-solid{border-style:solid;}.bg-\#000{--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));}.hover\:bg-blue:hover{--un-bg-opacity:1;background-color:rgba(96,165,250,var(--un-bg-opacity));}.p-2px{padding:2px;}.p-4px{padding:4px;}.text-14px{font-size:14px;}.lh-16px{line-height:16px;}.c-\#fff{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}
1
+ *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.relative{position:relative;}.h-100\%{height:100%;}.w-100\%{width:100%;} * {
2
+ margin: 0px;
3
+ padding: 0px;
4
+ box-sizing: border-box;
5
+ user-select: none;
6
+ }
7
+
8
+ .m-control {
9
+ width: 28px;
10
+ height: 28px;
11
+ border-radius: 4px;
12
+ background-color: #000;
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: center;
16
+ padding: 2px;
17
+ margin: 2px;
18
+ cursor: pointer;
19
+ position: relative;
20
+ z-index: 10;
21
+ }
22
+
23
+ .m-control-img {
24
+ width: 24px;
25
+ height: 24px;
26
+ }
27
+
28
+ .m-control-text {
29
+ visibility: hidden;
30
+ background-color: #000;
31
+ position: absolute;
32
+ top: 50%;
33
+ transform: translateY(-50%);
34
+ width: max-content;
35
+ line-height: 16px;
36
+ font-size: 14px;
37
+ padding: 4px;
38
+ border-radius: 4px;
39
+ color: #fff;
40
+ }
41
+
42
+ .m-control:hover {
43
+ background-color: skyblue;
44
+ }
45
+
46
+ .m-control:hover .m-control-text {
47
+ visibility: visible;
48
+ }
49
+
50
+ .m-control-triangle {
51
+ position: absolute;
52
+ top: 50%;
53
+ transform: translateY(-50%);
54
+ width: 0px;
55
+ height: 0px;
56
+ border: 5px solid transparent;
57
+ }
58
+
59
+ .m-control-textLeft {
60
+ right: 150%;
61
+ }
62
+
63
+ .m-control-textRight {
64
+ left: 150%;
65
+ }
66
+
67
+ .m-control-triangleLeft {
68
+ right: -10px;
69
+ border-left-color: #000;
70
+ }
71
+
72
+ .m-control-triangleRight {
73
+ left: -10px;
74
+ border-right-color: #000;
75
+ }
76
+
77
+ .m-controls {
78
+ position: relative;
79
+ z-index: 10px;
80
+ }
81
+
82
+ .m-controlsList {
83
+ display: flex;
84
+ flex-direction: column;
85
+ align-items: center;
86
+ padding: 3px;
87
+ background-color: #000;
88
+ border-radius: 6px;
89
+ margin-bottom: 8px;
90
+ }
91
+
92
+ .m-showControlsBtn {
93
+ padding: 3px;
94
+ height: 38px;
95
+ background-color: #000;
96
+ border-radius: 6px;
97
+ display: flex;
98
+ align-items: center;
99
+ justify-content: center;
100
+ }
101
+
102
+ .m-basemap-select {
103
+ position: absolute;
104
+ bottom: 0px;
105
+ display: flex;
106
+ padding: 5px;
107
+ border-radius: 9px;
108
+ background-color: rgba(7, 10, 26, 0.84);
109
+ }
110
+
111
+ .m-basemap-select-left {
112
+ right: 46px;
113
+ }
114
+
115
+ .m-basemap-select-right {
116
+ left: 46px;
117
+ }
118
+
119
+ .m-basemap-item {
120
+ width: 60px;
121
+ height: 60px;
122
+ flex-direction: row;
123
+ margin: 5px;
124
+ border-radius: 9px;
125
+ position: relative;
126
+ }
127
+
128
+ .m-basemap-item-label {
129
+ position: absolute;
130
+ width: 100%;
131
+ font-size: 12px;
132
+ bottom: 0px;
133
+ left: 0px;
134
+ color: #e0f0ff;
135
+ text-align: center;
136
+ border-bottom-left-radius: 5px;
137
+ border-bottom-right-radius: 5px;
138
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "potato-map3d-ui2",
3
3
  "private": false,
4
- "version": "0.0.18",
4
+ "version": "0.0.20",
5
5
  "main": "./dist/map3d-ui2.umd.js",
6
6
  "module": "./dist/map3d-ui2.es.js",
7
7
  "type": "module",