@mapvx/web-components 0.0.22 → 0.0.24

package/dist/cjs/{base-floor-selector-DHIQdC2s.cjs → base-floor-selector-CHfESDHE.cjs}

@@ -1,2 +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
+"use strict";const e=require("./consume-De0hbKnD.cjs"),t=require("./lazy-load-CxL4pQ50.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-CHfESDHE.cjs.map

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

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

package/dist/cjs/compact-floor-selector-Def-YJ-o.cjs

@@ -0,0 +1,174 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lazy-load-CxL4pQ50.cjs"),r=require("./class-map-hyA27jHC.cjs"),e=require("./base-floor-selector-CHfESDHE.cjs");var t,l=Object.defineProperty,s=Object.getOwnPropertyDescriptor,i=o=>{throw TypeError(o)},a=(o,r,e,t)=>{for(var i,a=t>1?void 0:t?s(r,e):r,n=o.length-1;n>=0;n--)(i=o[n])&&(a=(t?i(r,e,a):i(a))||a);return t&&a&&l(r,e,a),a},n=(o,r,e)=>r.has(o)||i("Cannot "+e);exports.CompactFloorSelector=class extends e.BaseFloorSelector{constructor(){var o,r,e;super(...arguments),o=this,e=!1,(r=t).has(o)?i("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(o):r.set(o,e),this.isOpen=!1,this._handleClickOutside=o=>{this.isOpen&&!this.shadowRoot?.contains(o.target)&&(this.isOpen=!1,this.requestUpdate())}}get disabled(){return n(o=this,r=t,"read from private field"),e?e.call(o):r.get(o);var o,r,e}set disabled(o){var r,e,l;l=o,n(r=this,e=t,"write to private field"),e.set(r,l)}_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 e=this.getFloors(),t=this.getCurrentFloor(),l=t?this.getFloorDisplayName(t):"Seleccionar piso";return o.x`
+      <div class="floor-dropdown">
+        <button
+          class=${r.e({"floor-button":!0,active:!!t,open:this.isOpen})}
+          style="border: var(--floor-selector-border-width, 1px) solid var(--floor-selector-border-color, #251660);"
+          ?disabled=${this.disabled}
+          @click=${this._toggleDropdown}
+        >
+          <span>${l}</span>
+          <div class="dropdown-arrow"></div>
+        </button>
+
+        <div
+          class=${r.e({"floor-list":!0,open:this.isOpen})}
+        >
+          ${e.map((e=>{const t=this.isFloorActive(e);return o.x`
+              <div
+                class=${r.e({"floor-option":!0,active:t})}
+                @click=${()=>this._selectFloor(e.key)}
+              >
+                ${this.getFloorDisplayName(e)}
+              </div>
+            `}))}
+        </div>
+      </div>
+    `}},t=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 {
+        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: var(--floor-selector-color, #251660);
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        min-width: 120px;
+        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: 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: var(--floor-selector-surface, #fff);
+        color: var(--floor-selector-color, #251660);
+        border-color: var(--floor-selector-border-color, #251660);
+      }
+
+      .floor-button.disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .floor-button[disabled] {
+        background: var(--floor-selector-surface, #fff);
+        color: var(--floor-selector-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: 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: 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 {
+        font-family: var(--floor-selector-font-family, inherit);
+        padding: 8px 12px;
+        cursor: pointer;
+        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: var(--floor-selector-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: color-mix(in srgb, var(--floor-selector-hover-accent, #007bff) 8%, #ffffff);
+      }
+
+      .floor-option.active {
+        background-color: var(--floor-selector-active-bg, #f3e7ff);
+        color: var(--floor-selector-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;
+        }
+      }
+    `],a([o.n({type:Boolean})],exports.CompactFloorSelector.prototype,"disabled",1),exports.CompactFloorSelector=a([o.t("compact-floor-selector")],exports.CompactFloorSelector);
+//# sourceMappingURL=compact-floor-selector-Def-YJ-o.cjs.map

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

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