@mapvx/web-components 0.0.24 → 0.0.25

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 (21) hide show
  1. package/dist/cjs/{base-floor-selector-CHfESDHE.cjs → base-floor-selector-C1G5K9Er.cjs} +2 -2
  2. package/dist/cjs/{class-map-hyA27jHC.cjs → class-map-BQQ7MXll.cjs} +2 -2
  3. package/dist/cjs/{compact-floor-selector-Def-YJ-o.cjs → compact-floor-selector-DsMWGOFg.cjs} +9 -7
  4. package/dist/cjs/{consume-De0hbKnD.cjs → consume-DRj4CYCX.cjs} +2 -2
  5. package/dist/cjs/{custom-map-D5AbTB7G.cjs → custom-map-DDdkf9Am.cjs} +18 -31
  6. package/dist/cjs/{floor-selector-urAHbfeG.cjs → floor-selector-CDmDuSiD.cjs} +2 -2
  7. package/dist/cjs/{lazy-load-CxL4pQ50.cjs → lazy-load-Dn0YjnPb.cjs} +2 -2
  8. package/dist/cjs/map-view-with-modal.cjs +18 -11
  9. package/dist/cjs/{qr-modal-DMHM405t.cjs → qr-modal-DViSVtZI.cjs} +2 -2
  10. package/dist/cjs/{route-options-BZQaj2EM.cjs → route-options-CyEO6vv_.cjs} +2 -2
  11. package/dist/cjs/route-view-totems.cjs +1 -1
  12. package/dist/es/assets/{compact-floor-selector-BS3kmZbM.js → compact-floor-selector-CoQYAD6z.js} +10 -8
  13. package/dist/es/assets/{components-Cg181WRf.js → components-BQGHQSdV.js} +18 -31
  14. package/dist/es/assets/{map-view-with-modal-DRCi4MZE.js → map-view-with-modal-SkmapEWH.js} +15 -8
  15. package/dist/es/assets/{route-view-totems-Bpxdz9bU.js → route-view-totems-eQTxU-id.js} +7 -7
  16. package/dist/es/assets/{utils-D3oP0BX3.js → utils-CWtvoL4a.js} +3 -3
  17. package/dist/es/index.js +2 -2
  18. package/dist/es/route-view-totems.js +2 -2
  19. package/dist/iife/map-view-with-modal.js +45 -49
  20. package/dist/iife/route-view-totems.js +15 -28
  21. package/package.json +2 -2
@@ -115,7 +115,7 @@ t.exports=function(){var t={},e={};function i(i,r,n){if(e[i]=n,"index"===i){var
115
115
  height: 100%;
116
116
  width: 100%;
117
117
  }
118
- `,a(':host{display:block;height:100%;width:100%}#map,.maplibregl-canvas{width:100%;height:100%}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:right;margin:0 20px 50px 0}.maplibregl-ctrl{bottom:var(--zoom-button-margin, 80px);right:var(--zoom-button-margin, 40px);border:var(--mvx-border-width, 0px) solid var(--mvx-border-color, transparent);padding:0;border-radius:100px;background:#fff;overflow:hidden;display:flex;flex-direction:column;width:var(--zoom-button-size, 70px);height:calc(var(--zoom-button-size, 70px) * 1.8)}.maplibregl-ctrl button{font-family:var(--mvx-font-family, inherit);background-color:transparent;box-shadow:none;border-radius:0;margin:0;font-size:calc(var(--zoom-button-size, 70px) * .45);font-weight:400;width:100%;height:100%;color:var(--mvx-primary-color, #251660);transition:background-color .4s ease,color .4s ease}.maplibregl-ctrl button:hover{background-color:var(--mvx-primary-color, #251660)!important;color:#fff}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in{border-bottom:var(--zoom-border-width, 0px) solid var(--zoom-border-color, transparent)}.maplibregl-ctrl-group .maplibregl-ctrl-icon{background:none!important;display:none!important}.maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:after{content:"+";display:block;font-size:calc(var(--zoom-button-size, 70px) * .46);font-weight:600;line-height:1;text-align:center}.maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:after{content:"–";display:block;font-size:calc(var(--zoom-button-size, 70px) * .46);font-weight:600;line-height:1;text-align:center}#modal{position:absolute;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;justify-items:center;top:0;left:0;z-index:100}.modal-content{min-width:100px;min-height:100px;background-color:#fff;border:1px solid #000;border-radius:10px;padding:10px;width:fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}@media (max-width: 768px){#modal{align-items:flex-start;padding-top:60px}.modal-content{max-width:90%;margin:0 auto;border-radius:12px;box-shadow:0 4px 12px #00000026}}:host([compact-mode]){border-radius:12px!important;overflow:hidden!important;box-shadow:0 4px 12px #00000026!important}:host([compact-mode]) #map{border-radius:12px}:host([compact-mode]) .maplibregl-canvas{border-radius:12px}.modal-text{font-family:Poppins,sans-serif;font-size:20pt;font-weight:500;color:#000}.modal-icon{height:100px;align-self:center}.maplibregl-marker:has(.popup){z-index:10}.maplibregl-marker:not(:has(.popup)){z-index:5}.maplibregl-ctrl-compass{visibility:hidden;height:0px}'),s`
118
+ `,a(':host{display:block;height:100%;width:100%}#map,.maplibregl-canvas{width:100%;height:100%}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:right;margin:0 20px 50px 0}.maplibregl-ctrl{bottom:var(--zoom-button-margin, 80px);right:var(--zoom-button-margin, 40px);border:var(--mvx-border-width, 0px) solid var(--mvx-border-color, transparent);padding:0;border-radius:100px;background:#fff;overflow:hidden;display:flex;flex-direction:column;width:var(--zoom-button-size, 70px);height:calc(var(--zoom-button-size, 70px) * 1.8)}.maplibregl-ctrl button{font-family:var(--mvx-font-family, inherit);background-color:transparent;box-shadow:none;border-radius:0;margin:0;font-size:var(--zoom-icon-size, 18px);font-weight:400;width:100%;height:100%;color:var(--zoom-icon-color, var(--mvx-primary-color, #251660));transition:background-color .4s ease,color .4s ease}.maplibregl-ctrl button:hover{background-color:var(--mvx-primary-color, #251660)!important;color:#fff}.maplibregl-ctrl-group .maplibregl-ctrl-icon{background:none!important;display:none!important}.maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in:after{content:"+";display:block;font-size:var(--zoom-icon-size, 18px);font-weight:600;line-height:1;text-align:center}.maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out:after{content:"–";display:block;font-size:var(--zoom-icon-size, 18px);font-weight:600;line-height:1;text-align:center}#modal{position:absolute;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;justify-items:center;top:0;left:0;z-index:100}.modal-content{min-width:100px;min-height:100px;background-color:#fff;border:1px solid #000;border-radius:10px;padding:10px;width:fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}@media (max-width: 768px){#modal{align-items:flex-start;padding-top:60px}.modal-content{max-width:90%;margin:0 auto;border-radius:12px;box-shadow:0 4px 12px #00000026}}:host([compact-mode]){border-radius:12px!important;overflow:hidden!important;box-shadow:0 4px 12px #00000026!important}:host([compact-mode]) #map{border-radius:12px}:host([compact-mode]) .maplibregl-canvas{border-radius:12px}.modal-text{font-family:Poppins,sans-serif;font-size:20pt;font-weight:500;color:#000}.modal-icon{height:100px;align-self:center}.maplibregl-marker:has(.popup){z-index:10}.maplibregl-marker:not(:has(.popup)){z-index:5}.maplibregl-ctrl-compass{visibility:hidden;height:0px}'),s`
119
119
  :host([compact-mode]) {
120
120
  border-radius: 12px !important;
121
121
  overflow: hidden !important;
@@ -168,34 +168,20 @@ t.exports=function(){var t={},e={};function i(i,r,n){if(e[i]=n,"index"===i){var
168
168
  right: 16px !important;
169
169
  }
170
170
 
171
- /* Adjust font size according to button size */
172
- :host([zoom-size='small']) .maplibregl-ctrl button {
173
- font-size: 14px !important;
174
- }
175
-
176
- :host([zoom-size='normal']) .maplibregl-ctrl button {
177
- font-size: 18px !important;
178
- }
179
-
180
- :host([zoom-size='large']) .maplibregl-ctrl button {
181
- font-size: 22px !important;
182
- }
183
-
184
- :host([zoom-size='small']) .maplibregl-ctrl-group button::after {
185
- font-size: 14px !important;
186
- }
187
-
188
- :host([zoom-size='normal']) .maplibregl-ctrl-group button::after {
189
- font-size: 18px !important;
171
+ /* Icon size is independent from container size */
172
+ .maplibregl-ctrl button {
173
+ font-size: var(--zoom-icon-size, 18px) !important;
190
174
  }
191
175
 
192
- :host([zoom-size='large']) .maplibregl-ctrl-group button::after {
193
- font-size: 22px !important;
176
+ .maplibregl-ctrl-group button::after {
177
+ font-size: var(--zoom-icon-size, 18px) !important;
194
178
  }
195
179
 
196
- /* Zoom button border driven by CSS variables (no attribute gating) */
180
+ /* Zoom button container customizable via CSS variables */
197
181
  .maplibregl-ctrl {
198
182
  border: var(--zoom-border-width, 0px) solid var(--zoom-border-color, transparent) !important;
183
+ box-shadow: var(--zoom-shadow, none) !important;
184
+ background: var(--zoom-background, #fff) !important;
199
185
  }
200
186
 
201
187
  .maplibregl-ctrl button {
@@ -203,14 +189,15 @@ t.exports=function(){var t={},e={};function i(i,r,n){if(e[i]=n,"index"===i){var
203
189
  border-radius: unset;
204
190
  }
205
191
 
206
- /* Divider between zoom buttons based on border width */
207
- .maplibregl-ctrl button:first-child {
208
- border-bottom: var(--zoom-border-width, 0px) solid var(--zoom-border-color, transparent) !important;
192
+ /* Divider between zoom-in and zoom-out buttons, overridable separately */
193
+ .maplibregl-ctrl-group button + button {
194
+ border-top: var(--zoom-divider-width, var(--zoom-border-width, 0px)) solid
195
+ var(--zoom-divider-color, var(--zoom-border-color, transparent)) !important;
209
196
  }
210
197
 
211
198
  .maplibregl-ctrl button:hover {
212
- background-color: var(--zoom-border-color, #251660) !important;
213
- color: #fff !important;
199
+ background-color: var(--zoom-hover-bg, var(--zoom-border-color, #251660)) !important;
200
+ color: var(--zoom-hover-color, #fff) !important;
214
201
  }
215
202
  `],Qt([vt({context:Et,subscribe:!0})],Jt.prototype,"sdkData",2),Jt=Qt([ct("custom-map")],Jt);const Xt=Object.freeze(Object.defineProperty({__proto__:null,get CustomMap(){return Jt}},Symbol.toStringTag,{value:"Module"})),$t=1;
216
203
  /**
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mapvx/web-components",
3
3
  "description": "MapVX Web Components is a web components library that provides interactive and accessible mapping solutions. Built with Lit, it offers a modern, lightweight, and framework-agnostic way to integrate maps into any web application.",
4
- "version": "0.0.24",
4
+ "version": "0.0.25",
5
5
  "type": "module",
6
6
  "author": "Mapvx",
7
7
  "homepage": "https://mapvx.com",
@@ -48,7 +48,7 @@
48
48
  "analyze": "lit-analyzer",
49
49
  "prepare": "husky",
50
50
  "docs:dev": "cd docs && next dev",
51
- "docs:build": "cd docs && next build && cp ../src/docs-base-redirect.html ../docs-build/index.html",
51
+ "docs:build": "NEXT_EXPORT=true cd docs && next build && cp ../src/docs-base-redirect.html ../docs-build/index.html",
52
52
  "docs:start": "cd docs && next start",
53
53
  "prepublishOnly": "npm run build-with-sourcemaps",
54
54
  "upload-sourcemaps": "./scripts/upload-sourcemaps-to-rollbar.sh",