@mapvx/web-components 0.1.1 → 0.1.3

package/dist/cjs/floor-selector-rW48Tktb.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./sdk-controller-5LmYQQhJ.cjs"),e=require("./class-map-CfJw8pY6.cjs"),r=require("./base-floor-selector-6B_D7uUw.cjs");var t=Object.getOwnPropertyDescriptor;exports.FloorSelector=class extends r.BaseFloorSelector{render(){if(!this.sdkData)return o.b`<div>No data</div>`;const r=this.getFloors();return o.b`
+      <div class="floor-selector-container">
+        ${r.map(r=>{const t=this.isFloorActive(r),n=this.isFloorEnabled(r);return o.b`
+            <div class="floor-btn-container">
+              <button
+                class=${e.e({"floor-btn":!0,active:t,disabled:!t&&!n})}
+                @click=${()=>n?this.selectFloor(r.key):null}
+              >
+                <span>${this.getFloorDisplayName(r)}</span>
+              </button>
+            </div>
+          `})}
+      </div>
+    `}},exports.FloorSelector.styles=[o.r(':host{position:absolute;top:0;right:10px}.floor-selector-container{display:flex;flex-direction:row;background:#fff;border-radius:0 0 30px 30px;box-shadow:0 0 15px #00000026;padding:0 6px;gap:8px;height:65px;z-index:9999}.btn-floor{height:auto;width:100px;vertical-align:middle;font-size:small!important;word-wrap:break-word!important;font-family:Poppins;font-weight:600;font-size:16pt;border-radius:10px;border:0;box-shadow:0 0 15px #00000026}@media only screen and (max-width:576px){.btn-floor{padding:6px;width:70px;height:auto;font-size:small!important}}.floor-btn-container:hover .floor-btn:not(.active):not(.disabled){border-radius:0 0 999px 999px;background:#000;color:#fff}.floor-btn{transition:background .2s ease,color .2s ease,transform .2s ease,opacity .2s ease;position:relative;background:transparent;border:none;outline:none;font-family:Poppins,sans-serif;font-weight:600;font-size:13px;border-radius:0 0 30px 30px;cursor:pointer;transition:all .2s ease;height:100%;min-width:65px;display:flex;align-items:center;justify-content:center;color:#000;z-index:1;span{min-width:50px}}.floor-btn.disabled{color:#c5c3c3;background:transparent;pointer-events:none;-webkit-tap-highlight-color:transparent;user-select:none}.floor-btn.active{color:#fff;background:transparent;z-index:2}.floor-btn.active:after{content:"";position:absolute;inset:0 2px;border-radius:0 0 999px 999px;background:#000;color:#fff;z-index:1}.floor-btn.active:before{content:"";position:absolute;inset:0 -3px -3px;border-radius:0 0 999px 999px;background:linear-gradient(45.8deg,#f5a 10.03%,#b850c9 25.23%,#6572d6 48.67%,#4eaeb8 72.74%);z-index:0}.floor-btn.active span{z-index:10}@media(max-width:1100px){.floor-btn-container:hover .floor-btn:not(.active):not(.disabled){border-radius:999px 0 0 999px;background:#000;color:#fff}.floor-selector-container{right:0;position:fixed;top:50%;transform:translateY(-50%);display:flex;flex-direction:column-reverse;border-radius:30px 0 0 30px;min-width:87px;max-height:100%;height:auto;padding:0;gap:0;z-index:9999}.floor-btn-container{padding:0;width:100%}.floor-btn{width:100%;padding:20px;border-radius:999px 0 0 999px}.floor-btn.active:after{position:absolute;inset:2px 0 2px 2px;border-radius:999px 0 0 999px}.floor-btn.active:before{inset:-3px 0 -3px -3px;border-radius:999px 0 0 999px}}')],exports.FloorSelector=((o,e,r,n)=>{for(var i,a=n>1?void 0:n?t(e,r):e,s=o.length-1;s>=0;s--)(i=o[s])&&(a=i(a)||a);return a})([o.t("floor-selector")],exports.FloorSelector);
+//# sourceMappingURL=floor-selector-rW48Tktb.cjs.map