@mapvx/web-components 0.0.21 → 0.0.23

package/dist/cjs/base-floor-selector-CFWNvVet.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./consume-DvK04Qkq.cjs"),t=require("./lazy-load-DKre9Iqr.cjs");var r=Object.defineProperty;class o extends t.i{getFloors(){if(!this.sdkData)return[];const{parentPlace:e,generalConfig:t}=this.sdkData;let r=e?.innerFloors||[];return t?.enabledFloors?.length>0&&(r=r.filter((e=>t.enabledFloors.includes(e.key)))),r}getCurrentFloor(){return this.sdkData?.currentFloor}getEnabledFloors(){return this.sdkData?.enabledFloors||[]}isFloorActive(e){const t=this.getCurrentFloor();return e.key===t?.key}isFloorEnabled(e){return this.getEnabledFloors().some((t=>t.key===e.key))}selectFloor(e){this.dispatchEvent(new CustomEvent("floorChange",{detail:e,bubbles:!0,composed:!0}))}getFloorDisplayName(e){return e.name||e.title||e.key}}((e,t,o)=>{for(var s,l=void 0,n=e.length-1;n>=0;n--)(s=e[n])&&(l=s(t,o,l)||l);l&&r(t,o,l)})([e.c({context:t.sdkContext,subscribe:!0})],o.prototype,"sdkData"),exports.BaseFloorSelector=o;
+//# sourceMappingURL=base-floor-selector-CFWNvVet.cjs.map

package/dist/cjs/{class-map-DsgSsfJZ.cjs → class-map-DfzRTbYX.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./lazy-load-jYim30I-.cjs"),s=1;
+"use strict";const t=require("./lazy-load-DKre9Iqr.cjs"),s=1;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -9,4 +9,4 @@
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */const r=(t=>(...s)=>({_$litDirective$:t,values:s}))(class extends e{constructor(t){if(super(t),t.type!==s||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[e]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const r=s.element.classList;for(const t of this.st)t in e||(r.remove(t),this.st.delete(t));for(const t in e){const s=!!e[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t.T}});exports.e=r;
-//# sourceMappingURL=class-map-DsgSsfJZ.cjs.map
+//# sourceMappingURL=class-map-DfzRTbYX.cjs.map

package/dist/cjs/compact-floor-selector-BPNEdxm6.cjs

@@ -0,0 +1,171 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lazy-load-DKre9Iqr.cjs"),e=require("./class-map-DfzRTbYX.cjs"),t=require("./base-floor-selector-CFWNvVet.cjs");var r,s,i,l=Object.defineProperty,n=Object.getOwnPropertyDescriptor,a=o=>{throw TypeError(o)},d=(o,e,t,r)=>{for(var s,i=r>1?void 0:r?n(e,t):e,a=o.length-1;a>=0;a--)(s=o[a])&&(i=(r?s(e,t,i):s(i))||i);return r&&i&&l(e,t,i),i},p=(o,e,t)=>e.has(o)||a("Cannot "+t),c=(o,e,t)=>(p(o,e,"read from private field"),t?t.call(o):e.get(o)),b=(o,e,t)=>e.has(o)?a("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t),h=(o,e,t,r)=>(p(o,e,"write to private field"),e.set(o,t),t);exports.CompactFloorSelector=class extends t.BaseFloorSelector{constructor(){super(...arguments),b(this,r,"#251660"),b(this,s,1),b(this,i,!1),this.isOpen=!1,this._handleClickOutside=o=>{this.isOpen&&!this.shadowRoot?.contains(o.target)&&(this.isOpen=!1,this.requestUpdate())}}get borderColor(){return c(this,r)}set borderColor(o){h(this,r,o)}get borderWidth(){return c(this,s)}set borderWidth(o){h(this,s,o)}get disabled(){return c(this,i)}set disabled(o){h(this,i,o)}_toggleDropdown(o){this.disabled||(o.stopPropagation(),this.isOpen=!this.isOpen,this.requestUpdate())}_selectFloor(o){this.disabled||(this.selectFloor(o),this.isOpen=!1,this.requestUpdate())}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutside)}render(){if(!this.sdkData)return o.x`<div>No data</div>`;const t=this.getFloors(),r=this.getCurrentFloor(),s=r?this.getFloorDisplayName(r):"Seleccionar piso";return o.x`
+      <div class="floor-dropdown">
+        <button
+          class=${e.e({"floor-button":!0,active:!!r,open:this.isOpen})}
+          style="border: ${this.borderWidth}px solid ${this.borderColor};"
+          ?disabled=${this.disabled}
+          @click=${this._toggleDropdown}
+        >
+          <span>${s}</span>
+          <div class="dropdown-arrow"></div>
+        </button>
+
+        <div
+          class=${e.e({"floor-list":!0,open:this.isOpen})}
+        >
+          ${t.map((t=>{const r=this.isFloorActive(t);return o.x`
+              <div
+                class=${e.e({"floor-option":!0,active:r})}
+                @click=${()=>this._selectFloor(t.key)}
+              >
+                ${this.getFloorDisplayName(t)}
+              </div>
+            `}))}
+        </div>
+      </div>
+    `}},r=new WeakMap,s=new WeakMap,i=new WeakMap,exports.CompactFloorSelector.styles=[o.i$1`
+      :host {
+        display: block;
+        position: relative;
+        z-index: 1000;
+      }
+
+      .floor-dropdown {
+        position: relative;
+        display: inline-block;
+      }
+
+      .floor-button {
+        background: #fff;
+        border-radius: 8px;
+        padding: 8px 12px;
+        font-size: 14px;
+        font-weight: 500;
+        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);
+        transition: all 0.2s ease;
+        user-select: none;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+      }
+
+      .floor-button:hover {
+        border-color: #007bff;
+        box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2);
+      }
+
+      .floor-button.active {
+        background: #fff;
+        color: #251660;
+        border-color: #251660;
+      }
+
+      .floor-button.disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .floor-button[disabled] {
+        background: #fff;
+        color: #251660;
+        cursor: not-allowed;
+        pointer-events: none;
+      }
+
+      .dropdown-arrow {
+        width: 0;
+        height: 0;
+        border-left: 4px solid transparent;
+        border-right: 4px solid transparent;
+        border-top: 4px solid currentColor;
+        transition: transform 0.2s ease;
+      }
+
+      .floor-button.open .dropdown-arrow {
+        transform: rotate(180deg);
+      }
+
+      .floor-button[disabled] .dropdown-arrow {
+        display: none;
+      }
+
+      .floor-list {
+        position: absolute;
+        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);
+        max-height: 200px;
+        overflow-y: auto;
+        z-index: 1001;
+        margin-top: 4px;
+        display: none;
+      }
+
+      .floor-list.open {
+        display: block;
+      }
+
+      .floor-option {
+        padding: 8px 12px;
+        cursor: pointer;
+        border-bottom: 1px solid #f0f0f0;
+        transition: background-color 0.2s ease;
+        font-size: 14px;
+        color: #251660;
+        user-select: none;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+      }
+
+      .floor-option:last-child {
+        border-bottom: none;
+      }
+
+      .floor-option:hover {
+        background-color: #f8f9fa;
+      }
+
+      .floor-option.active {
+        background-color: #f3e7ff;
+        color: #251660;
+      }
+
+      .floor-option.disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .floor-option.disabled:hover {
+        background-color: transparent;
+      }
+
+      /* Mobile styles */
+      @media (max-width: 768px) {
+        .floor-button {
+          font-size: 12px;
+          padding: 6px 10px;
+          min-width: 100px;
+        }
+
+        .floor-option {
+          font-size: 12px;
+          padding: 6px 10px;
+        }
+
+        .floor-list {
+          max-height: 150px;
+        }
+      }
+    `],d([o.n({type:String})],exports.CompactFloorSelector.prototype,"borderColor",1),d([o.n({type:Number})],exports.CompactFloorSelector.prototype,"borderWidth",1),d([o.n({type:Boolean})],exports.CompactFloorSelector.prototype,"disabled",1),exports.CompactFloorSelector=d([o.t("compact-floor-selector")],exports.CompactFloorSelector);
+//# sourceMappingURL=compact-floor-selector-BPNEdxm6.cjs.map

package/dist/cjs/{consume-BqcKIzaR.cjs → consume-DvK04Qkq.cjs}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./lazy-load-jYim30I-.cjs");
+"use strict";const s=require("./lazy-load-DKre9Iqr.cjs");
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -9,4 +9,4 @@
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */exports.c=function({context:s,subscribe:i}){return(c,e)=>{"object"==typeof e?e.addInitializer((function(){new t(this,{context:s,callback:s=>{c.set.call(this,s)},subscribe:i})})):c.constructor.addInitializer((c=>{new t(c,{context:s,callback:s=>{c[e]=s},subscribe:i})}))}};
-//# sourceMappingURL=consume-BqcKIzaR.cjs.map
+//# sourceMappingURL=consume-DvK04Qkq.cjs.map