@mapvx/web-components 0.0.21 → 0.0.22

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("./consume-vuXzE_ul.cjs"),t=require("./lazy-load-DWZU-puG.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-DHIQdC2s.cjs.map

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

@@ -1,4 +1,4 @@
-"use strict";const t=require("./lazy-load-jYim30I-.cjs"),s=1;
+"use strict";const t=require("./lazy-load-DWZU-puG.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-BGLcy4Zq.cjs.map

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

@@ -0,0 +1,151 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lazy-load-DWZU-puG.cjs"),t=require("./class-map-BGLcy4Zq.cjs"),e=require("./base-floor-selector-DHIQdC2s.cjs");var r,i,s=Object.defineProperty,l=Object.getOwnPropertyDescriptor,a=o=>{throw TypeError(o)},n=(o,t,e,r)=>{for(var i,a=r>1?void 0:r?l(t,e):t,n=o.length-1;n>=0;n--)(i=o[n])&&(a=(r?i(t,e,a):i(a))||a);return r&&a&&s(t,e,a),a},d=(o,t,e)=>t.has(o)||a("Cannot "+e),p=(o,t,e)=>(d(o,t,"read from private field"),e?e.call(o):t.get(o)),c=(o,t,e)=>t.has(o)?a("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(o):t.set(o,e),h=(o,t,e,r)=>(d(o,t,"write to private field"),t.set(o,e),e);exports.CompactFloorSelector=class extends e.BaseFloorSelector{constructor(){super(...arguments),c(this,r,"#251660"),c(this,i,1),this.isOpen=!1,this._handleClickOutside=o=>{this.isOpen&&!this.shadowRoot?.contains(o.target)&&(this.isOpen=!1,this.requestUpdate())}}get borderColor(){return p(this,r)}set borderColor(o){h(this,r,o)}get borderWidth(){return p(this,i)}set borderWidth(o){h(this,i,o)}_toggleDropdown(o){o.stopPropagation(),this.isOpen=!this.isOpen,this.requestUpdate()}_selectFloor(o){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 e=this.getFloors(),r=this.getCurrentFloor(),i=r?this.getFloorDisplayName(r):"Seleccionar piso";return o.x`
+      <div class="floor-dropdown">
+        <button
+          class=${t.e({"floor-button":!0,active:!!r,open:this.isOpen})}
+          style="border: ${this.borderWidth}px solid ${this.borderColor};"
+          @click=${this._toggleDropdown}
+        >
+          <span>${i}</span>
+          <div class="dropdown-arrow"></div>
+        </button>
+
+        <div
+          class=${t.e({"floor-list":!0,open:this.isOpen})}
+        >
+          ${e.map((e=>{const r=this.isFloorActive(e);return o.x`
+              <div
+                class=${t.e({"floor-option":!0,active:r})}
+                @click=${()=>this._selectFloor(e.key)}
+              >
+                ${this.getFloorDisplayName(e)}
+              </div>
+            `}))}
+        </div>
+      </div>
+    `}},r=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;
+      }
+
+      .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;
+      }
+
+      .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-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;
+      }
+
+      .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;
+        }
+      }
+    `],n([o.n({type:String})],exports.CompactFloorSelector.prototype,"borderColor",1),n([o.n({type:Number})],exports.CompactFloorSelector.prototype,"borderWidth",1),exports.CompactFloorSelector=n([o.t("compact-floor-selector")],exports.CompactFloorSelector);
+//# sourceMappingURL=compact-floor-selector-BCLDxKto.cjs.map

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

@@ -1,4 +1,4 @@
-"use strict";const s=require("./lazy-load-jYim30I-.cjs");
+"use strict";const s=require("./lazy-load-DWZU-puG.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-vuXzE_ul.cjs.map