@mapvx/web-components 0.0.23 → 0.0.25

package/dist/components/route-options.js

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let RouteOptions = class RouteOptions extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.selectedOption = 'fastest';
+    }
+    render() {
+        return html `
+      <div class="bg-white p-4 rounded-lg shadow-md">
+        <h3 class="text-lg font-bold mb-4">Opciones de Ruta</h3>
+        <div class="space-y-2">
+          <label class="flex items-center space-x-2">
+            <input
+              type="radio"
+              name="route"
+              value="fastest"
+              ?checked=${this.selectedOption === 'fastest'}
+              @change=${(e) => (this.selectedOption = e.target.value)}
+            />
+            <span>🚀 Más rápida</span>
+          </label>
+          <label class="flex items-center space-x-2">
+            <input
+              type="radio"
+              name="route"
+              value="accessible"
+              ?checked=${this.selectedOption === 'accessible'}
+              @change=${(e) => (this.selectedOption = e.target.value)}
+            />
+            <span>♿ Accesible</span>
+          </label>
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state()
+], RouteOptions.prototype, "selectedOption", void 0);
+RouteOptions = __decorate([
+    customElement('route-options')
+], RouteOptions);
+export { RouteOptions };
+//# sourceMappingURL=route-options.js.map

package/dist/components/zoom-controls.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class ZoomControls extends LitElement {
+    private zoomLevel;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=zoom-controls.d.ts.map

package/dist/components/zoom-controls.js

@@ -0,0 +1,40 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let ZoomControls = class ZoomControls extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.zoomLevel = 100;
+    }
+    render() {
+        return html `
+      <div class="flex flex-col gap-2 bg-white p-3 rounded-lg shadow-md">
+        <button
+          class="p-2 bg-gray-100 hover:bg-gray-200 rounded-lg"
+          @click=${() => (this.zoomLevel += 10)}
+        >
+          🔍+ (${this.zoomLevel}%)
+        </button>
+        <button
+          class="p-2 bg-gray-100 hover:bg-gray-200 rounded-lg"
+          @click=${() => (this.zoomLevel = Math.max(50, this.zoomLevel - 10))}
+        >
+          🔍-
+        </button>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state()
+], ZoomControls.prototype, "zoomLevel", void 0);
+ZoomControls = __decorate([
+    customElement('zoom-controls')
+], ZoomControls);
+export { ZoomControls };
+//# sourceMappingURL=zoom-controls.js.map

package/dist/es/assets/{compact-floor-selector-BLLR7mXQ.js → compact-floor-selector-CoQYAD6z.js}

@@ -1,5 +1,5 @@
-import { x, a as i, n, t } from './route-view-totems-z3hCCsGS.js';
-import { B as BaseFloorSelector, e } from './components-C542vOSv.js';
+import { x, i, n, t } from './route-view-totems-eQTxU-id.js';
+import { B as BaseFloorSelector, e } from './components-BQGHQSdV.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -18,12 +18,10 @@ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _borderColor, _borderWidth, _disabled;
+var _disabled;
 let CompactFloorSelector = class extends BaseFloorSelector {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _borderColor, "#251660");
-    __privateAdd(this, _borderWidth, 1);
     __privateAdd(this, _disabled, false);
     this.isOpen = false;
     this._handleClickOutside = (event) => {
@@ -33,18 +31,6 @@ let CompactFloorSelector = class extends BaseFloorSelector {
       }
     };
   }
-  get borderColor() {
-    return __privateGet(this, _borderColor);
-  }
-  set borderColor(_) {
-    __privateSet(this, _borderColor, _);
-  }
-  get borderWidth() {
-    return __privateGet(this, _borderWidth);
-  }
-  set borderWidth(_) {
-    __privateSet(this, _borderWidth, _);
-  }
   get disabled() {
     return __privateGet(this, _disabled);
   }
@@ -86,7 +72,7 @@ let CompactFloorSelector = class extends BaseFloorSelector {
       active: !!currentFloor,
       open: this.isOpen
     })}
-          style="border: ${this.borderWidth}px solid ${this.borderColor};"
+          style="border: var(--floor-selector-border-width, 1px) solid var(--floor-selector-border-color, #251660);"
           ?disabled=${this.disabled}
           @click=${this._toggleDropdown}
         >
@@ -119,8 +105,6 @@ let CompactFloorSelector = class extends BaseFloorSelector {
     `;
   }
 };
-_borderColor = new WeakMap();
-_borderWidth = new WeakMap();
 _disabled = new WeakMap();
 CompactFloorSelector.styles = [
   i`
@@ -136,34 +120,36 @@ CompactFloorSelector.styles = [
       }
 
       .floor-button {
-        background: #fff;
-        border-radius: 8px;
+        font-family: var(--floor-selector-font-family, inherit);
+        background: var(--floor-selector-surface, #fff);
+        border-radius: var(--floor-selector-radius, 8px);
         padding: 8px 12px;
-        font-size: 14px;
-        font-weight: 500;
-        color: #251660;
+        font-size: var(--floor-selector-font-size, 14px);
+        font-weight: var(--floor-selector-font-weight, 500);
+        color: var(--floor-selector-color, #251660);
         cursor: pointer;
         display: flex;
         align-items: center;
         gap: 8px;
         min-width: 120px;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        box-shadow: var(--floor-selector-shadow, 0 2px 4px rgba(0, 0, 0, 0.1));
         transition: all 0.2s ease;
         user-select: none;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
+        border: var(--floor-selector-border-width, 1px) solid var(--floor-selector-border-color, #251660);
       }
 
       .floor-button:hover {
-        border-color: #007bff;
-        box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2);
+        border-color: var(--floor-selector-hover-accent, #007bff);
+        box-shadow: 0 2px 8px color-mix(in srgb, var(--floor-selector-hover-accent, #007bff) 20%, transparent);
       }
 
       .floor-button.active {
-        background: #fff;
-        color: #251660;
-        border-color: #251660;
+        background: var(--floor-selector-surface, #fff);
+        color: var(--floor-selector-color, #251660);
+        border-color: var(--floor-selector-border-color, #251660);
       }
 
       .floor-button.disabled {
@@ -172,8 +158,8 @@ CompactFloorSelector.styles = [
       }
 
       .floor-button[disabled] {
-        background: #fff;
-        color: #251660;
+        background: var(--floor-selector-surface, #fff);
+        color: var(--floor-selector-color, #251660);
         cursor: not-allowed;
         pointer-events: none;
       }
@@ -200,10 +186,11 @@ CompactFloorSelector.styles = [
         top: 100%;
         left: 0;
         right: 0;
-        background: #fff;
-        border: 1px solid #ddd;
-        border-radius: 8px;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+        background: var(--floor-selector-surface, #fff);
+        border: var(--floor-selector-border-width, 1px) solid
+          color-mix(in srgb, var(--floor-selector-border-color, #251660) 30%, #ffffff);
+        border-radius: var(--floor-selector-radius, 8px);
+        box-shadow: var(--floor-selector-shadow, 0 4px 12px rgba(0, 0, 0, 0.15));
         max-height: 200px;
         overflow-y: auto;
         z-index: 1001;
@@ -216,12 +203,14 @@ CompactFloorSelector.styles = [
       }
 
       .floor-option {
+        font-family: var(--floor-selector-font-family, inherit);
         padding: 8px 12px;
         cursor: pointer;
-        border-bottom: 1px solid #f0f0f0;
+        border-bottom: 1px solid color-mix(in srgb, var(--floor-selector-border-color, #251660) 20%, #ffffff);
         transition: background-color 0.2s ease;
-        font-size: 14px;
-        color: #251660;
+        font-size: var(--floor-selector-font-size, 14px);
+        font-weight: var(--floor-selector-font-weight, 500);
+        color: var(--floor-selector-color, #251660);
         user-select: none;
         -webkit-user-select: none;
         -moz-user-select: none;
@@ -233,12 +222,12 @@ CompactFloorSelector.styles = [
       }
 
       .floor-option:hover {
-        background-color: #f8f9fa;
+        background-color: color-mix(in srgb, var(--floor-selector-hover-accent, #007bff) 8%, #ffffff);
       }
 
       .floor-option.active {
-        background-color: #f3e7ff;
-        color: #251660;
+        background-color: var(--floor-selector-active-bg, #f3e7ff);
+        color: var(--floor-selector-color, #251660);
       }
 
       .floor-option.disabled {
@@ -269,12 +258,6 @@ CompactFloorSelector.styles = [
       }
     `
 ];
-__decorateClass([
-  n({ type: String })
-], CompactFloorSelector.prototype, "borderColor", 1);
-__decorateClass([
-  n({ type: Number })
-], CompactFloorSelector.prototype, "borderWidth", 1);
 __decorateClass([
   n({ type: Boolean })
 ], CompactFloorSelector.prototype, "disabled", 1);
@@ -283,4 +266,4 @@ CompactFloorSelector = __decorateClass([
 ], CompactFloorSelector);
 
 export { CompactFloorSelector };
-//# sourceMappingURL=compact-floor-selector-BLLR7mXQ.js.map
+//# sourceMappingURL=compact-floor-selector-CoQYAD6z.js.map

package/dist/es/assets/{components-C542vOSv.js → components-BQGHQSdV.js}

@@ -1,5 +1,5 @@
-import { i as i$2, x, r, a as i$3, n as n$1, t as t$1, T } from './route-view-totems-z3hCCsGS.js';
-import { R as RouteAnimationController, M as MarkerController } from './utils-HInBaX5h.js';
+import { a as i$2, x, r, i as i$3, t as t$1, T } from './route-view-totems-eQTxU-id.js';
+import { R as RouteAnimationController, M as MarkerController } from './utils-CWtvoL4a.js';
 
 /**
  * @license
@@ -42,13 +42,10 @@ class s{get value(){return this.o}set value(s){this.setValue(s);}setValue(s,t=fa
 
 const sdkContext = n("lazarillo-sdk");
 
-const style$3 = ":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:3px solid #000;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{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:#000;transition:background-color .4s ease,color .4s ease}.maplibregl-ctrl button:hover{background-color:#000!important;color:#fff}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in{border-bottom:3px solid #000}.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}";
+const style$3 = ":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}";
 
 var __defProp$3 = Object.defineProperty;
 var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
 var __decorateClass$4 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
@@ -57,16 +54,9 @@ var __decorateClass$4 = (decorators, target, key, kind) => {
   if (kind && result) __defProp$3(target, key, result);
   return result;
 };
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _zoomBorderColor, _zoomBorderWidth;
 let CustomMap = class extends i$2 {
   constructor() {
     super();
-    __privateAdd(this, _zoomBorderColor, "#251660");
-    __privateAdd(this, _zoomBorderWidth, 1);
     this.mapReady = false;
     this.routeAnimationHandlers = {
       onRouteAnimationFinished: () => {
@@ -107,18 +97,6 @@ let CustomMap = class extends i$2 {
     this.routeAnimationController = new RouteAnimationController(this, this.routeAnimationHandlers);
     this.markerController = new MarkerController(this);
   }
-  get zoomBorderColor() {
-    return __privateGet(this, _zoomBorderColor);
-  }
-  set zoomBorderColor(_) {
-    __privateSet(this, _zoomBorderColor, _);
-  }
-  get zoomBorderWidth() {
-    return __privateGet(this, _zoomBorderWidth);
-  }
-  set zoomBorderWidth(_) {
-    __privateSet(this, _zoomBorderWidth, _);
-  }
   async firstUpdated() {
     if (this.shadowRoot) {
       const style2 = document.createElement("style");
@@ -258,17 +236,10 @@ let CustomMap = class extends i$2 {
       const zoomSize = parentElement.getAttribute("zoom-size") || "normal";
       if (compactMode) {
         this.setAttribute("compact-mode", "");
-        console.log("Modo compacto activado");
       } else {
         this.removeAttribute("compact-mode");
-        console.log("Modo compacto desactivado");
       }
       this.setAttribute("zoom-size", zoomSize);
-      console.log("Tamaño de zoom aplicado:", zoomSize);
-      const zoomBorderColor = this.getAttribute("zoom-border-color") || this.zoomBorderColor;
-      const zoomBorderWidth = parseInt(this.getAttribute("zoom-border-width") || this.zoomBorderWidth.toString());
-      this.style.setProperty("--zoom-border-color", zoomBorderColor);
-      this.style.setProperty("--zoom-border-width", `${zoomBorderWidth}px`);
     }
   }
   render() {
@@ -281,8 +252,6 @@ let CustomMap = class extends i$2 {
       </div>`;
   }
 };
-_zoomBorderColor = new WeakMap();
-_zoomBorderWidth = new WeakMap();
 CustomMap.styles = [
   i$3`
       :host {
@@ -322,7 +291,7 @@ CustomMap.styles = [
         --zoom-button-margin: 16px;
       }
 
-      /* Aplicar variables CSS a los botones de zoom */
+      /* Apply CSS variables to zoom buttons */
       :host([zoom-size='small']) .maplibregl-ctrl {
         width: 32px !important;
         height: 58px !important;
@@ -344,61 +313,42 @@ CustomMap.styles = [
         right: 16px !important;
       }
 
-      /* Ajustar tamaño de fuente según el tamaño del botón */
-      :host([zoom-size='small']) .maplibregl-ctrl button {
-        font-size: 14px !important;
-      }
-
-      :host([zoom-size='normal']) .maplibregl-ctrl button {
-        font-size: 18px !important;
+      /* Icon size is independent from container size */
+      .maplibregl-ctrl button {
+        font-size: var(--zoom-icon-size, 18px) !important;
       }
 
-      :host([zoom-size='large']) .maplibregl-ctrl button {
-        font-size: 22px !important;
+      .maplibregl-ctrl-group button::after {
+        font-size: var(--zoom-icon-size, 18px) !important;
       }
 
-      :host([zoom-size='small']) .maplibregl-ctrl-group button::after {
-        font-size: 14px !important;
+      /* Zoom button container customizable via CSS variables */
+      .maplibregl-ctrl {
+        border: var(--zoom-border-width, 0px) solid var(--zoom-border-color, transparent) !important;
+        box-shadow: var(--zoom-shadow, none) !important;
+        background: var(--zoom-background, #fff) !important;
       }
 
-      :host([zoom-size='normal']) .maplibregl-ctrl-group button::after {
-        font-size: 18px !important;
-      }
-
-      :host([zoom-size='large']) .maplibregl-ctrl-group button::after {
-        font-size: 22px !important;
-      }
-
-      /* Styles for zoom button border */
-      :host([zoom-border-color]) .maplibregl-ctrl {
-        border: var(--zoom-border-width, 1px) solid var(--zoom-border-color, #251660) !important;
-      }
-
-      :host([zoom-border-color]) .maplibregl-ctrl button {
+      .maplibregl-ctrl button {
         border: none;
         border-radius: unset;
       }
 
-      /* Add divider between zoom buttons */
-      :host([zoom-border-color]) .maplibregl-ctrl button:first-child {
-        border-bottom: 1px solid var(--zoom-border-color, #251660) !important;
+      /* Divider between zoom-in and zoom-out buttons, overridable separately */
+      .maplibregl-ctrl-group button + button {
+        border-top: var(--zoom-divider-width, var(--zoom-border-width, 0px)) solid
+          var(--zoom-divider-color, var(--zoom-border-color, transparent)) !important;
       }
 
-      :host([zoom-border-color]) .maplibregl-ctrl button:hover {
-        background-color: var(--zoom-border-color, #251660) !important;
-        color: #fff !important;
+      .maplibregl-ctrl button:hover {
+        background-color: var(--zoom-hover-bg, var(--zoom-border-color, #251660)) !important;
+        color: var(--zoom-hover-color, #fff) !important;
       }
     `
 ];
 __decorateClass$4([
   c({ context: sdkContext, subscribe: true })
 ], CustomMap.prototype, "sdkData", 2);
-__decorateClass$4([
-  n$1({ type: String })
-], CustomMap.prototype, "zoomBorderColor", 1);
-__decorateClass$4([
-  n$1({ type: Number })
-], CustomMap.prototype, "zoomBorderWidth", 1);
 CustomMap = __decorateClass$4([
   t$1("custom-map")
 ], CustomMap);
@@ -3837,4 +3787,4 @@ const routeOptions = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProper
 }, Symbol.toStringTag, { value: 'Module' }));
 
 export { BaseFloorSelector as B, customMap as c, e, floorSelector as f, i$1 as i, qrModal as q, routeOptions as r, sdkContext as s };
-//# sourceMappingURL=components-C542vOSv.js.map
+//# sourceMappingURL=components-BQGHQSdV.js.map