@mapsindoors/map-template 1.12.0-rc.3 → 1.12.1

package/dist/mi-floor-selector.entry-2e376330.mjs

@@ -1,112 +0,0 @@
-import { r as T, h as N, H as g, g as l } from "./reactcomponent-d95a230f.mjs";
-import "react";
-import "react-dom";
-const s = '.mi-floor-selector{width:-moz-min-content;width:min-content;display:flex;align-items:flex-start;position:relative;margin:10px;overflow:hidden;animation-duration:0.15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;border-radius:56px;border-width:1px;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;border-color:#e5e7eb;border-style:solid;background-color:#fcfcfc}.mi-floor-selector--hidden{display:none}.mi-floor-selector__button{position:absolute;z-index:4;top:4px;right:4px;left:4px;background-position:center;background-repeat:no-repeat;border-width:1px;background-color:#f9fafb;border-color:#e5e7eb;border-style:solid;border-radius:50%;width:40px;height:40px}.mi-floor-selector__button:hover{background-color:#f3f4f6}.mi-floor-selector__button--open{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMTUwNDUgNi4wODk5OEM3LjEzODUgNi4wNzg3NiA3LjEyODk3IDYuMDY1MjEgNy4xMjI0NSA2LjA1MDE2QzcuMTE1OTQgNi4wMzUxMSA3LjExMjU3IDYuMDE4ODggNy4xMTI1NyA2LjAwMjQ4QzcuMTEyNTcgNS45ODYwOCA3LjExNTk0IDUuOTY5ODYgNy4xMjI0NSA1Ljk1NDgxQzcuMTI4OTcgNS45Mzk3NiA3LjEzODUgNS45MjYyIDcuMTUwNDUgNS45MTQ5OEwxMS43ODA1IDEuMjc5OThDMTEuODUwNiAxLjIxMDY5IDExLjkwNjMgMS4xMjgxNiAxMS45NDQzIDEuMDM3MThDMTEuOTgyMyAwLjk0NjIwMSAxMi4wMDE5IDAuODQ4NTgyIDEyLjAwMTkgMC43NDk5ODJDMTIuMDAxOSAwLjY1MTM4MiAxMS45ODIzIDAuNTUzNzYzIDExLjk0NDMgMC40NjI3ODRDMTEuOTA2MyAwLjM3MTgwNSAxMS44NTA2IDAuMjg5Mjc2IDExLjc4MDUgMC4yMTk5ODJDMTEuNjM5MiAwLjA4MDc0MTkgMTEuNDQ4OCAwLjAwMjY4NTU1IDExLjI1MDUgMC4wMDI2ODU1NUMxMS4wNTIxIDAuMDAyNjg1NTUgMTAuODYxNyAwLjA4MDc0MTkgMTAuNzIwNSAwLjIxOTk4Mkw2LjA5MDQ1IDQuODQ5OThDNi4wNzg3OSA0Ljg2MjA4IDYuMDY0ODEgNC44NzE3IDYuMDQ5MzUgNC44NzgyN0M2LjAzMzg5IDQuODg0ODUgNi4wMTcyNiA0Ljg4ODI0IDYuMDAwNDUgNC44ODgyNEM1Ljk4MzY1IDQuODg4MjQgNS45NjcwMiA0Ljg4NDg1IDUuOTUxNTYgNC44NzgyN0M1LjkzNjA5IDQuODcxNyA1LjkyMjExIDQuODYyMDggNS45MTA0NSA0Ljg0OTk4TDEuMjgwNDUgMC4yMTk5ODJDMS4xMzkxOSAwLjA4MDc0MTkgMC45NDg4MDUgMC4wMDI2ODU1NSAwLjc1MDQ1NCAwLjAwMjY4NTU1QzAuNTUyMTAyIDAuMDAyNjg1NTUgMC4zNjE3MTggMC4wODA3NDE5IDAuMjIwNDU0IDAuMjE5OTgyQzAuMTUwMzA5IDAuMjg5Mjc2IDAuMDk0NjE2OSAwLjM3MTgwNSAwLjA1NjYwNjQgMC40NjI3ODRDMC4wMTg1OTYgMC41NTM3NjMgLTAuMDAwOTc2NTYyIDAuNjUxMzgyIC0wLjAwMDk3NjU2MiAwLjc0OTk4MkMtMC4wMDA5NzY1NjIgMC44NDg1ODIgMC4wMTg1OTYgMC45NDYyMDEgMC4wNTY2MDY0IDEuMDM3MThDMC4wOTQ2MTY5IDEuMTI4MTYgMC4xNTAzMDkgMS4yMTA2OSAwLjIyMDQ1NCAxLjI3OTk4TDQuODUwNDUgNS45MTQ5OEM0Ljg2MjQxIDUuOTI2MiA0Ljg3MTk0IDUuOTM5NzYgNC44Nzg0NiA1Ljk1NDgxQzQuODg0OTcgNS45Njk4NiA0Ljg4ODMzIDUuOTg2MDggNC44ODgzMyA2LjAwMjQ4QzQuODg4MzMgNi4wMTg4OCA0Ljg4NDk3IDYuMDM1MTEgNC44Nzg0NiA2LjA1MDE2QzQuODcxOTQgNi4wNjUyMSA0Ljg2MjQxIDYuMDc4NzYgNC44NTA0NSA2LjA4OTk4TDAuMjIwNDU0IDEwLjcyQzAuMTUwMzA5IDEwLjc4OTMgMC4wOTQ2MTY5IDEwLjg3MTggMC4wNTY2MDY0IDEwLjk2MjhDMC4wMTg1OTYgMTEuMDUzOCAtMC4wMDA5NzY1NjIgMTEuMTUxNCAtMC4wMDA5NzY1NjIgMTEuMjVDLTAuMDAwOTc2NTYyIDExLjM0ODYgMC4wMTg1OTYgMTEuNDQ2MiAwLjA1NjYwNjQgMTEuNTM3MkMwLjA5NDYxNjkgMTEuNjI4MiAwLjE1MDMwOSAxMS43MTA3IDAuMjIwNDU0IDExLjc4QzAuMzYxNzE4IDExLjkxOTIgMC41NTIxMDIgMTEuOTk3MyAwLjc1MDQ1NCAxMS45OTczQzAuOTQ4ODA1IDExLjk5NzMgMS4xMzkxOSAxMS45MTkyIDEuMjgwNDUgMTEuNzhMNS45MTA0NSA3LjE0OTk4QzUuOTIyMTEgNy4xMzc4OCA1LjkzNjA5IDcuMTI4MjYgNS45NTE1NiA3LjEyMTY5QzUuOTY3MDIgNy4xMTUxMiA1Ljk4MzY1IDcuMTExNzMgNi4wMDA0NSA3LjExMTczQzYuMDE3MjYgNy4xMTE3MyA2LjAzMzg5IDcuMTE1MTIgNi4wNDkzNSA3LjEyMTY5QzYuMDY0ODEgNy4xMjgyNiA2LjA3ODc5IDcuMTM3ODggNi4wOTA0NSA3LjE0OTk4TDEwLjcyMDUgMTEuNzhDMTAuODYxNyAxMS45MTkyIDExLjA1MjEgMTEuOTk3MyAxMS4yNTA1IDExLjk5NzNDMTEuNDQ4OCAxMS45OTczIDExLjYzOTIgMTEuOTE5MiAxMS43ODA1IDExLjc4QzExLjg1MDYgMTEuNzEwNyAxMS45MDYzIDExLjYyODIgMTEuOTQ0MyAxMS41MzcyQzExLjk4MjMgMTEuNDQ2MiAxMi4wMDE5IDExLjM0ODYgMTIuMDAxOSAxMS4yNUMxMi4wMDE5IDExLjE1MTQgMTEuOTgyMyAxMS4wNTM4IDExLjk0NDMgMTAuOTYyOEMxMS45MDYzIDEwLjg3MTggMTEuODUwNiAxMC43ODkzIDExLjc4MDUgMTAuNzJMNy4xNTA0NSA2LjA4OTk4WiIgZmlsbD0iIzcwNzA3MCIvPgo8L3N2Zz4K)}.mi-floor-selector__button--open+.mi-floor-selector__list{max-height:300px;overflow:auto;flex-wrap:unset}.mi-floor-selector__button--closed{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTY3Mzc0IDYuMTY2NjRMOS4wMDA3MSA5LjY1ODMxQzkuMzE2MTIgOS43OTU5NiA5LjY1NjU2IDkuODY3MDIgMTAuMDAwNyA5Ljg2NzAyQzEwLjM0NDkgOS44NjcwMiAxMC42ODUzIDkuNzk1OTYgMTEuMDAwNyA5LjY1ODMxTDE5LjA0MjQgNi4xNjY2NEMxOS4yNjczIDYuMDY2MTcgMTkuNDU4IDUuOTAyMjkgMTkuNTkxMiA1LjY5NTA4QzE5LjcyNDUgNS40ODc4NiAxOS43OTQzIDUuMjQ2MyAxOS43OTI0IDQuOTk5OTdDMTkuNzkzMSA0Ljc1NjAxIDE5LjcyMTQgNC41MTczMiAxOS41ODY0IDQuMzE0MUMxOS40NTE0IDQuMTEwODggMTkuMjU5MiAzLjk1MjI2IDE5LjAzNCAzLjg1ODMxTDExLjAwMDcgMC4zNzQ5NzJDMTAuNjg1MyAwLjIzNzMxNCAxMC4zNDQ5IDAuMTY2MjYgMTAuMDAwNyAwLjE2NjI2QzkuNjU2NTYgMC4xNjYyNiA5LjMxNjEyIDAuMjM3MzE0IDkuMDAwNzEgMC4zNzQ5NzJMMC45NjczNzQgMy44NzQ5N0MwLjc0NDgzNiAzLjk2NzgzIDAuNTU0Mzk4IDQuMTIzODggMC40MTk2MTggNC4zMjM4M0MwLjI4NDgzNyA0LjUyMzc4IDAuMjExNjI2IDQuNzU4ODUgMC4yMDkwNDEgNC45OTk5N0MwLjIwNjY5OCA1LjI0NzQ2IDAuMjc3MzkxIDUuNDkwMTUgMC40MTIyNzYgNS42OTc2NkMwLjU0NzE2MSA1LjkwNTE4IDAuNzQwMjQ3IDYuMDY4MzEgMC45NjczNzQgNi4xNjY2NFoiIGZpbGw9IiM3MDcwNzAiLz4KPHBhdGggZD0iTTE5LjAzMzYgOC44NzQ5MUwxOC4wMDAzIDguNDI0OTFDMTcuODk5MiA4LjM3NDE5IDE3Ljc4ODggOC4zNDQ2IDE3LjY3NTkgOC4zMzc5NEMxNy41NjI5IDguMzMxMjcgMTcuNDQ5OCA4LjM0NzY3IDE3LjM0MzQgOC4zODYxNEMxNy4yMzcgOC40MjQ2IDE3LjEzOTYgOC40ODQzMyAxNy4wNTcgOC41NjE2N0MxNi45NzQ1IDguNjM5MDIgMTYuOTA4NSA4LjczMjM3IDE2Ljg2MzIgOC44MzYwM0MxNi44MTc5IDguOTM5NjkgMTYuNzk0MSA5LjA1MTQ5IDE2Ljc5MzQgOS4xNjQ2MkMxNi43OTI3IDkuMjc3NzUgMTYuODE1MSA5LjM4OTgzIDE2Ljg1OTEgOS40OTQwNUMxNi45MDMxIDkuNTk4MjcgMTYuOTY3OSA5LjY5MjQzIDE3LjA0OTUgOS43NzA4MUMxNy4xMzExIDkuODQ5MTggMTcuMjI3NyA5LjkxMDEyIDE3LjMzMzYgOS45NDk5MUwxNy41MDAzIDkuOTk5OTFMMTAuMzMzNiAxMy4xMzMyQzEwLjIyODUgMTMuMTc5MSAxMC4xMTUgMTMuMjAyOCAxMC4wMDAzIDEzLjIwMjhDOS44ODU2IDEzLjIwMjggOS43NzIxMiAxMy4xNzkxIDkuNjY2OTggMTMuMTMzMkwyLjUwMDMxIDkuOTk5OTFMMi42NTg2NSA5LjkzMzI0QzIuNzY0NTUgOS44OTM0NSAyLjg2MTI0IDkuODMyNTEgMi45NDI4MyA5Ljc1NDE0QzMuMDI0NDIgOS42NzU3NyAzLjA4OTE5IDkuNTgxNiAzLjEzMzIxIDkuNDc3MzlDMy4xNzcyMiA5LjM3MzE3IDMuMTk5NTYgOS4yNjEwOCAzLjE5ODg1IDkuMTQ3OTVDMy4xOTgxNSA5LjAzNDgyIDMuMTc0NDEgOC45MjMwMiAzLjEyOTEgOC44MTkzNkMzLjA4Mzc4IDguNzE1NyAzLjAxNzgzIDguNjIyMzUgMi45MzUyNyA4LjU0NTAxQzIuODUyNzEgOC40Njc2NiAyLjc1NTI3IDguNDA3OTQgMi42NDg4NyA4LjM2OTQ3QzIuNTQyNDggOC4zMzEwMSAyLjQyOTM3IDguMzE0NjEgMi4zMTY0NCA4LjMyMTI3QzIuMjAzNSA4LjMyNzk0IDIuMDkzMTEgOC4zNTc1MyAxLjk5MTk4IDguNDA4MjRMMC45NTg2NDcgOC44NTgyNEMwLjczMjU2MSA4Ljk1MjYyIDAuNTM5NDQ5IDkuMTExNzggMC40MDM2MTkgOS4zMTU2N0MwLjI2Nzc4OSA5LjUxOTU2IDAuMTk1MzEzIDkuNzU5MDggMC4xOTUzMTIgMTAuMDA0MUMwLjE5NTMxMyAxMC4yNDkxIDAuMjY3Nzg5IDEwLjQ4ODYgMC40MDM2MTkgMTAuNjkyNUMwLjUzOTQ0OSAxMC44OTY0IDAuNzMyNTYxIDExLjA1NTUgMC45NTg2NDcgMTEuMTQ5OUw4Ljk5MTk4IDE0LjY0MTZDOS4zMDczOSAxNC43NzkyIDkuNjQ3ODMgMTQuODUwMyA5Ljk5MTk4IDE0Ljg1MDNDMTAuMzM2MSAxNC44NTAzIDEwLjY3NjYgMTQuNzc5MiAxMC45OTIgMTQuNjQxNkwxOS4wMjUzIDExLjE0OTlDMTkuMjUxNCAxMS4wNTQgMTkuNDQ0NCAxMC44OTM5IDE5LjU4MDcgMTAuNjg5NkMxOS43MTY5IDEwLjQ4NTIgMTkuNzkwNCAxMC4yNDU1IDE5Ljc5MiA5Ljk5OTkxQzE5Ljc4OTQgOS43NTg3OSAxOS43MTYyIDkuNTIzNzEgMTkuNTgxNCA5LjMyMzc3QzE5LjQ0NjYgOS4xMjM4MiAxOS4yNTYyIDguOTY3NzYgMTkuMDMzNiA4Ljg3NDkxWiIgZmlsbD0iIzcwNzA3MCIvPgo8cGF0aCBkPSJNMTkuMDM0IDEzLjgzMzRMMTguMDAwNyAxMy4zODM0QzE3LjkgMTMuMzM5MyAxNy43OTE3IDEzLjMxNTUgMTcuNjgxOCAxMy4zMTM0QzE3LjU3MTkgMTMuMzExMyAxNy40NjI3IDEzLjMzMSAxNy4zNjA1IDEzLjM3MTJDMTcuMjU4MyAxMy40MTE1IDE3LjE2NSAxMy40NzE2IDE3LjA4NjEgMTMuNTQ4MUMxNy4wMDcyIDEzLjYyNDUgMTYuOTQ0MSAxMy43MTU4IDE2LjkwMDcgMTMuODE2N0MxNi44MTQxIDE0LjAxOTEgMTYuODExMSAxNC4yNDc0IDE2Ljg5MjMgMTQuNDUxOUMxNi45NzM1IDE0LjY1NjQgMTcuMTMyMyAxNC44MjA1IDE3LjMzNCAxNC45MDg0TDE3LjUwMDcgMTUuMDAwMUwxMC4zMzQgMTguMDkxN0MxMC4yMjg5IDE4LjEzNzYgMTAuMTE1NCAxOC4xNjEzIDEwLjAwMDcgMTguMTYxM0M5Ljg4NTk0IDE4LjE2MTMgOS43NzI0NiAxOC4xMzc2IDkuNjY3MzIgMTguMDkxN0wyLjUwMDY2IDE1LjAwMDFMMi42NTg5OSAxNC45MjUxQzIuODYwNzEgMTQuODM3MiAzLjAxOTQ5IDE0LjY3MzEgMy4xMDA2NyAxNC40Njg2QzMuMTgxODUgMTQuMjY0IDMuMTc4ODUgMTQuMDM1NyAzLjA5MjMyIDEzLjgzMzRDMy4wNDg4MyAxMy43MzI1IDIuOTg1ODEgMTMuNjQxMiAyLjkwNjg5IDEzLjU2NDdDMi44Mjc5NyAxMy40ODgzIDIuNzM0NzEgMTMuNDI4MiAyLjYzMjQ4IDEzLjM4NzlDMi41MzAyNCAxMy4zNDc2IDIuNDIxMDUgMTMuMzI4IDIuMzExMTggMTMuMzMwMUMyLjIwMTMyIDEzLjMzMjEgMi4wOTI5NSAxMy4zNTU5IDEuOTkyMzIgMTMuNDAwMUwwLjk1ODk4OSAxMy44NTAxQzAuNzM2MDMzIDEzLjk0ODUgMC41NDY0NyAxNC4xMDk2IDAuNDEzMzI5IDE0LjMxMzhDMC4yODAxODggMTQuNTE3OSAwLjIwOTIgMTQuNzU2MyAwLjIwODk4OSAxNS4wMDAxQzAuMjA4MzAzIDE1LjI0NCAwLjI3OTk4NSAxNS40ODI3IDAuNDE0OTcgMTUuNjg1OUMwLjU0OTk1NSAxNS44ODkyIDAuNzQyMTc3IDE2LjA0NzggMC45NjczMjMgMTYuMTQxN0w5LjAwMDY2IDE5LjY0MTdDOS4zMTYwNyAxOS43Nzk0IDkuNjU2NTEgMTkuODUwNSAxMC4wMDA3IDE5Ljg1MDVDMTAuMzQ0OCAxOS44NTA1IDEwLjY4NTIgMTkuNzc5NCAxMS4wMDA3IDE5LjY0MTdMMTkuMDM0IDE2LjE0MTdDMTkuMjU5MSAxNi4wNDc4IDE5LjQ1MTQgMTUuODg5MiAxOS41ODYzIDE1LjY4NTlDMTkuNzIxMyAxNS40ODI3IDE5Ljc5MyAxNS4yNDQgMTkuNzkyMyAxNS4wMDAxQzE5Ljc5NDcgMTQuNzUyNiAxOS43MjQgMTQuNTA5OSAxOS41ODkxIDE0LjMwMjRDMTkuNDU0MiAxNC4wOTQ5IDE5LjI2MTEgMTMuOTMxNyAxOS4wMzQgMTMuODMzNFoiIGZpbGw9IiM3MDcwNzAiLz4KPC9zdmc+Cg==)}.mi-floor-selector__button span{position:none}.mi-floor-selector__list{box-sizing:unset;display:flex;flex-direction:column;gap:4px;overflow-y:hidden;transition:max-height 0.25s;scroll-behavior:smooth;z-index:0;border-radius:9999px;padding:4px;padding-top:48px;max-height:40px}.mi-floor-selector__list::before,.mi-floor-selector__list::after{content:"";height:100%;position:absolute;pointer-events:none;z-index:3;left:-1px;right:-1px;transition:opacity 0.1s;opacity:0}.mi-floor-selector__list--fade-top::before{opacity:1;top:-1px;background:linear-gradient(180deg, white 39px, rgba(255, 255, 255, 0) 86px)}.mi-floor-selector__list--fade-bottom::after{opacity:1;bottom:-1px;background:linear-gradient(0deg, white 4px, rgba(255, 255, 255, 0) 40px)}.mi-floor-selector__list::-webkit-scrollbar{width:4px}.mi-floor-selector__list::-webkit-scrollbar-track{background:none}.mi-floor-selector__list::-webkit-scrollbar-thumb{background:#8D98AA;border-radius:5px}.mi-floor-selector__floor{position:relative;order:1;flex-shrink:0;margin-top:-1px;z-index:0;float:none;text-align:center;background:none;transition:translateY 0.25s;transform:translateY(0px);color:#666666;border-radius:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-style:none;width:40px;height:40px}.mi-floor-selector__floor:hover{z-index:2;background-color:#d1d5db}.mi-floor-selector__floor--active{z-index:2;transform:translateY(0px);color:#fcfcfc}.mi-floor-selector__floor-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;padding-right:4px}', j = class {
-  constructor(M) {
-    T(this, M), this.maxListHeight = 300, this.mapsindoors = void 0, this.primaryColor = "#005655", this.floors = new Array(), this.currentFloor = void 0, this.floorSelectorClosed = !0, this.fadeFloorSelectorOnTop = !1, this.fadeFloorSelectorOnBottom = !1;
-  }
-  /**
-   * Scrolling the floorList element to the selected floor.
-   */
-  scrollToSelectedFloor() {
-    const M = this.floorSelectorElement.clientHeight, e = this.floorListElement.scrollHeight, o = this.currentFloorElement.offsetTop, i = this.currentFloorElement.offsetHeight;
-    let t;
-    e > M ? (t = o - M / 2 + i / 2, t = Math.max(0, t), t = Math.min(t, e - M)) : t = 0, this.floorListElement.scrollTop = t;
-  }
-  /**
-   * Applies a 'transform: translateY()' animation to the provided element.
-   *
-   * @param {HTMLElement} element
-   * @param {number} distance
-   * @param {number} duration
-   */
-  animateTranslateY(M, e, o) {
-    const i = [{ transform: `translateY(${e}px)` }];
-    M.animate(i, { duration: o, fill: "forwards" });
-  }
-  /**
-   * Calls the animation for the needed elements with the calculated animation values.
-   */
-  animateFloorSelector() {
-    const M = this.el.querySelectorAll(".mi-floor-selector__floor"), e = [];
-    for (let o = 0; o < M.length && M[o].getAttribute("data-floor") !== this.currentFloor; o++)
-      e.push(M[o]);
-    if (this.floorSelectorClosed) {
-      const o = this.floorListElement.scrollTop, i = parseInt(window.getComputedStyle(this.floorListElement).getPropertyValue("padding-top")), r = -(this.currentFloorElement.offsetTop - this.floorListElement.offsetTop - o - i);
-      this.animateTranslateY(this.currentFloorElement, r, 250), this.floorListElement.scrollTop > 0 ? M.forEach((D) => {
-        D.getAttribute("data-floor") !== this.currentFloor && (e.indexOf(D) > -1 ? this.animateTranslateY(D, D.offsetTop + this.floorListElement.scrollTop, 250) : this.animateTranslateY(D, this.floorListElement.scrollTop, 250));
-      }) : e.forEach((D) => {
-        this.animateTranslateY(D, D.offsetTop, 250);
-      });
-    } else
-      this.animateTranslateY(this.currentFloorElement, 0, 250), M.forEach((o) => {
-        o.getAttribute("data-floor") !== this.currentFloor && this.animateTranslateY(o, 0, 250);
-      });
-  }
-  /**
-   * Toggles the floor selector open-close.
-   */
-  onToggleFloorSelector() {
-    this.floorSelectorClosed = !this.floorSelectorClosed, this.animateFloorSelector(), this.floorListElement.addEventListener("transitionend", () => {
-      this.floorSelectorClosed || this.scrollToSelectedFloor(), this.onScrollStyle();
-    }, { once: !0 });
-  }
-  /**
-   * Adding/removing classes to the floorlist to fade-in/out the top/bottom part of the container..
-   */
-  onScrollStyle() {
-    const M = this.floorListElement.scrollHeight - this.floorListElement.clientHeight;
-    if (this.floorSelectorClosed) {
-      this.fadeFloorSelectorOnTop = !1, this.fadeFloorSelectorOnBottom = !1;
-      return;
-    }
-    this.maxListHeight > this.floorListElement.clientHeight - 48 || (this.fadeFloorSelectorOnTop = this.floorListElement.scrollTop > 0, this.fadeFloorSelectorOnBottom = this.floorListElement.scrollTop !== M);
-  }
-  /**
-   * Sets the clicked floor active.
-   *
-   * @param {PointerEvent} event
-   */
-  onSelectFloor(M, e) {
-    this.mapsindoors.setFloor(e), this.currentFloor = this.mapsindoors.getFloor().toString(), this.currentFloorElement = M.currentTarget;
-  }
-  /**
-   * Called every time the component is connected to the DOM.
-   * It resets the floorlist and the active floor when the building changes.
-   */
-  connectedCallback() {
-    this.mapsindoors.addListener("building_changed", () => {
-      this.floors = [];
-      const M = this.mapsindoors.getBuilding();
-      if (M) {
-        const e = () => {
-          this.currentFloor = this.mapsindoors.getFloor().toString(), this.mapsindoors.removeListener("floor_changed", e);
-        };
-        this.mapsindoors.getFloor() === null || this.mapsindoors.getFloor() === void 0 ? this.mapsindoors.addListener("floor_changed", e) : this.currentFloor = this.mapsindoors.getFloor().toString(), Object.keys(M.floors).sort((o, i) => i - o).forEach((o) => {
-          M.floors[o].index = o, this.floors.push(M.floors[o]);
-        });
-      }
-    });
-  }
-  /**
-   * Called after every render().
-   */
-  componentDidRender() {
-    !this.mapsindoors.getBuilding() || this.mapsindoors.getFloor() === null || this.mapsindoors.getFloor() === void 0 ? this.floorSelectorElement.classList.add("mi-floor-selector--hidden") : this.floorSelectorElement.classList.remove("mi-floor-selector--hidden"), this.currentFloorElement = this.el.querySelector(".mi-floor-selector__floor--active"), this.currentFloorElement && this.currentFloor && this.animateFloorSelector();
-  }
-  /**
-   * Renders the floor selector.
-   *
-   * @returns {JSX.Element}
-   */
-  render() {
-    return N(g, null, N("div", { class: "mi-floor-selector", ref: (M) => this.floorSelectorElement = M }, N("button", { class: `mi-floor-selector__button mi-floor-selector__button--${this.floorSelectorClosed ? "closed" : "open"}`, onClick: () => this.onToggleFloorSelector() }), N("div", { class: `mi-floor-selector__list ${this.fadeFloorSelectorOnTop ? "mi-floor-selector__list--fade-top" : ""} ${this.fadeFloorSelectorOnBottom ? "mi-floor-selector__list--fade-bottom" : ""}`, ref: (M) => this.floorListElement = M, onScroll: () => this.onScrollStyle() }, this.floors.map((M) => N("button", { "data-floor": M.index, style: this.currentFloor === M.index ? { backgroundColor: this.primaryColor } : {}, class: `mi-floor-selector__floor ${this.currentFloor === M.index ? "mi-floor-selector__floor--active" : ""}`, onClick: (e) => this.onSelectFloor(e, M.index) }, N("span", null, M.name))))));
-  }
-  get el() {
-    return l(this);
-  }
-};
-j.style = s;
-export {
-  j as mi_floor_selector
-};

package/dist/mi-floor-selector.entry-6b91f5fc.mjs

@@ -1,110 +0,0 @@
-import { r as T, h as i, H as g, g as l } from "./webcomponent-592597b2.mjs";
-const s = '.mi-floor-selector{width:-moz-min-content;width:min-content;display:flex;align-items:flex-start;position:relative;margin:10px;overflow:hidden;animation-duration:0.15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;border-radius:56px;border-width:1px;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;border-color:#e5e7eb;border-style:solid;background-color:#fcfcfc}.mi-floor-selector--hidden{display:none}.mi-floor-selector__button{position:absolute;z-index:4;top:4px;right:4px;left:4px;background-position:center;background-repeat:no-repeat;border-width:1px;background-color:#f9fafb;border-color:#e5e7eb;border-style:solid;border-radius:50%;width:40px;height:40px}.mi-floor-selector__button:hover{background-color:#f3f4f6}.mi-floor-selector__button--open{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMTUwNDUgNi4wODk5OEM3LjEzODUgNi4wNzg3NiA3LjEyODk3IDYuMDY1MjEgNy4xMjI0NSA2LjA1MDE2QzcuMTE1OTQgNi4wMzUxMSA3LjExMjU3IDYuMDE4ODggNy4xMTI1NyA2LjAwMjQ4QzcuMTEyNTcgNS45ODYwOCA3LjExNTk0IDUuOTY5ODYgNy4xMjI0NSA1Ljk1NDgxQzcuMTI4OTcgNS45Mzk3NiA3LjEzODUgNS45MjYyIDcuMTUwNDUgNS45MTQ5OEwxMS43ODA1IDEuMjc5OThDMTEuODUwNiAxLjIxMDY5IDExLjkwNjMgMS4xMjgxNiAxMS45NDQzIDEuMDM3MThDMTEuOTgyMyAwLjk0NjIwMSAxMi4wMDE5IDAuODQ4NTgyIDEyLjAwMTkgMC43NDk5ODJDMTIuMDAxOSAwLjY1MTM4MiAxMS45ODIzIDAuNTUzNzYzIDExLjk0NDMgMC40NjI3ODRDMTEuOTA2MyAwLjM3MTgwNSAxMS44NTA2IDAuMjg5Mjc2IDExLjc4MDUgMC4yMTk5ODJDMTEuNjM5MiAwLjA4MDc0MTkgMTEuNDQ4OCAwLjAwMjY4NTU1IDExLjI1MDUgMC4wMDI2ODU1NUMxMS4wNTIxIDAuMDAyNjg1NTUgMTAuODYxNyAwLjA4MDc0MTkgMTAuNzIwNSAwLjIxOTk4Mkw2LjA5MDQ1IDQuODQ5OThDNi4wNzg3OSA0Ljg2MjA4IDYuMDY0ODEgNC44NzE3IDYuMDQ5MzUgNC44NzgyN0M2LjAzMzg5IDQuODg0ODUgNi4wMTcyNiA0Ljg4ODI0IDYuMDAwNDUgNC44ODgyNEM1Ljk4MzY1IDQuODg4MjQgNS45NjcwMiA0Ljg4NDg1IDUuOTUxNTYgNC44NzgyN0M1LjkzNjA5IDQuODcxNyA1LjkyMjExIDQuODYyMDggNS45MTA0NSA0Ljg0OTk4TDEuMjgwNDUgMC4yMTk5ODJDMS4xMzkxOSAwLjA4MDc0MTkgMC45NDg4MDUgMC4wMDI2ODU1NSAwLjc1MDQ1NCAwLjAwMjY4NTU1QzAuNTUyMTAyIDAuMDAyNjg1NTUgMC4zNjE3MTggMC4wODA3NDE5IDAuMjIwNDU0IDAuMjE5OTgyQzAuMTUwMzA5IDAuMjg5Mjc2IDAuMDk0NjE2OSAwLjM3MTgwNSAwLjA1NjYwNjQgMC40NjI3ODRDMC4wMTg1OTYgMC41NTM3NjMgLTAuMDAwOTc2NTYyIDAuNjUxMzgyIC0wLjAwMDk3NjU2MiAwLjc0OTk4MkMtMC4wMDA5NzY1NjIgMC44NDg1ODIgMC4wMTg1OTYgMC45NDYyMDEgMC4wNTY2MDY0IDEuMDM3MThDMC4wOTQ2MTY5IDEuMTI4MTYgMC4xNTAzMDkgMS4yMTA2OSAwLjIyMDQ1NCAxLjI3OTk4TDQuODUwNDUgNS45MTQ5OEM0Ljg2MjQxIDUuOTI2MiA0Ljg3MTk0IDUuOTM5NzYgNC44Nzg0NiA1Ljk1NDgxQzQuODg0OTcgNS45Njk4NiA0Ljg4ODMzIDUuOTg2MDggNC44ODgzMyA2LjAwMjQ4QzQuODg4MzMgNi4wMTg4OCA0Ljg4NDk3IDYuMDM1MTEgNC44Nzg0NiA2LjA1MDE2QzQuODcxOTQgNi4wNjUyMSA0Ljg2MjQxIDYuMDc4NzYgNC44NTA0NSA2LjA4OTk4TDAuMjIwNDU0IDEwLjcyQzAuMTUwMzA5IDEwLjc4OTMgMC4wOTQ2MTY5IDEwLjg3MTggMC4wNTY2MDY0IDEwLjk2MjhDMC4wMTg1OTYgMTEuMDUzOCAtMC4wMDA5NzY1NjIgMTEuMTUxNCAtMC4wMDA5NzY1NjIgMTEuMjVDLTAuMDAwOTc2NTYyIDExLjM0ODYgMC4wMTg1OTYgMTEuNDQ2MiAwLjA1NjYwNjQgMTEuNTM3MkMwLjA5NDYxNjkgMTEuNjI4MiAwLjE1MDMwOSAxMS43MTA3IDAuMjIwNDU0IDExLjc4QzAuMzYxNzE4IDExLjkxOTIgMC41NTIxMDIgMTEuOTk3MyAwLjc1MDQ1NCAxMS45OTczQzAuOTQ4ODA1IDExLjk5NzMgMS4xMzkxOSAxMS45MTkyIDEuMjgwNDUgMTEuNzhMNS45MTA0NSA3LjE0OTk4QzUuOTIyMTEgNy4xMzc4OCA1LjkzNjA5IDcuMTI4MjYgNS45NTE1NiA3LjEyMTY5QzUuOTY3MDIgNy4xMTUxMiA1Ljk4MzY1IDcuMTExNzMgNi4wMDA0NSA3LjExMTczQzYuMDE3MjYgNy4xMTE3MyA2LjAzMzg5IDcuMTE1MTIgNi4wNDkzNSA3LjEyMTY5QzYuMDY0ODEgNy4xMjgyNiA2LjA3ODc5IDcuMTM3ODggNi4wOTA0NSA3LjE0OTk4TDEwLjcyMDUgMTEuNzhDMTAuODYxNyAxMS45MTkyIDExLjA1MjEgMTEuOTk3MyAxMS4yNTA1IDExLjk5NzNDMTEuNDQ4OCAxMS45OTczIDExLjYzOTIgMTEuOTE5MiAxMS43ODA1IDExLjc4QzExLjg1MDYgMTEuNzEwNyAxMS45MDYzIDExLjYyODIgMTEuOTQ0MyAxMS41MzcyQzExLjk4MjMgMTEuNDQ2MiAxMi4wMDE5IDExLjM0ODYgMTIuMDAxOSAxMS4yNUMxMi4wMDE5IDExLjE1MTQgMTEuOTgyMyAxMS4wNTM4IDExLjk0NDMgMTAuOTYyOEMxMS45MDYzIDEwLjg3MTggMTEuODUwNiAxMC43ODkzIDExLjc4MDUgMTAuNzJMNy4xNTA0NSA2LjA4OTk4WiIgZmlsbD0iIzcwNzA3MCIvPgo8L3N2Zz4K)}.mi-floor-selector__button--open+.mi-floor-selector__list{max-height:300px;overflow:auto;flex-wrap:unset}.mi-floor-selector__button--closed{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTY3Mzc0IDYuMTY2NjRMOS4wMDA3MSA5LjY1ODMxQzkuMzE2MTIgOS43OTU5NiA5LjY1NjU2IDkuODY3MDIgMTAuMDAwNyA5Ljg2NzAyQzEwLjM0NDkgOS44NjcwMiAxMC42ODUzIDkuNzk1OTYgMTEuMDAwNyA5LjY1ODMxTDE5LjA0MjQgNi4xNjY2NEMxOS4yNjczIDYuMDY2MTcgMTkuNDU4IDUuOTAyMjkgMTkuNTkxMiA1LjY5NTA4QzE5LjcyNDUgNS40ODc4NiAxOS43OTQzIDUuMjQ2MyAxOS43OTI0IDQuOTk5OTdDMTkuNzkzMSA0Ljc1NjAxIDE5LjcyMTQgNC41MTczMiAxOS41ODY0IDQuMzE0MUMxOS40NTE0IDQuMTEwODggMTkuMjU5MiAzLjk1MjI2IDE5LjAzNCAzLjg1ODMxTDExLjAwMDcgMC4zNzQ5NzJDMTAuNjg1MyAwLjIzNzMxNCAxMC4zNDQ5IDAuMTY2MjYgMTAuMDAwNyAwLjE2NjI2QzkuNjU2NTYgMC4xNjYyNiA5LjMxNjEyIDAuMjM3MzE0IDkuMDAwNzEgMC4zNzQ5NzJMMC45NjczNzQgMy44NzQ5N0MwLjc0NDgzNiAzLjk2NzgzIDAuNTU0Mzk4IDQuMTIzODggMC40MTk2MTggNC4zMjM4M0MwLjI4NDgzNyA0LjUyMzc4IDAuMjExNjI2IDQuNzU4ODUgMC4yMDkwNDEgNC45OTk5N0MwLjIwNjY5OCA1LjI0NzQ2IDAuMjc3MzkxIDUuNDkwMTUgMC40MTIyNzYgNS42OTc2NkMwLjU0NzE2MSA1LjkwNTE4IDAuNzQwMjQ3IDYuMDY4MzEgMC45NjczNzQgNi4xNjY2NFoiIGZpbGw9IiM3MDcwNzAiLz4KPHBhdGggZD0iTTE5LjAzMzYgOC44NzQ5MUwxOC4wMDAzIDguNDI0OTFDMTcuODk5MiA4LjM3NDE5IDE3Ljc4ODggOC4zNDQ2IDE3LjY3NTkgOC4zMzc5NEMxNy41NjI5IDguMzMxMjcgMTcuNDQ5OCA4LjM0NzY3IDE3LjM0MzQgOC4zODYxNEMxNy4yMzcgOC40MjQ2IDE3LjEzOTYgOC40ODQzMyAxNy4wNTcgOC41NjE2N0MxNi45NzQ1IDguNjM5MDIgMTYuOTA4NSA4LjczMjM3IDE2Ljg2MzIgOC44MzYwM0MxNi44MTc5IDguOTM5NjkgMTYuNzk0MSA5LjA1MTQ5IDE2Ljc5MzQgOS4xNjQ2MkMxNi43OTI3IDkuMjc3NzUgMTYuODE1MSA5LjM4OTgzIDE2Ljg1OTEgOS40OTQwNUMxNi45MDMxIDkuNTk4MjcgMTYuOTY3OSA5LjY5MjQzIDE3LjA0OTUgOS43NzA4MUMxNy4xMzExIDkuODQ5MTggMTcuMjI3NyA5LjkxMDEyIDE3LjMzMzYgOS45NDk5MUwxNy41MDAzIDkuOTk5OTFMMTAuMzMzNiAxMy4xMzMyQzEwLjIyODUgMTMuMTc5MSAxMC4xMTUgMTMuMjAyOCAxMC4wMDAzIDEzLjIwMjhDOS44ODU2IDEzLjIwMjggOS43NzIxMiAxMy4xNzkxIDkuNjY2OTggMTMuMTMzMkwyLjUwMDMxIDkuOTk5OTFMMi42NTg2NSA5LjkzMzI0QzIuNzY0NTUgOS44OTM0NSAyLjg2MTI0IDkuODMyNTEgMi45NDI4MyA5Ljc1NDE0QzMuMDI0NDIgOS42NzU3NyAzLjA4OTE5IDkuNTgxNiAzLjEzMzIxIDkuNDc3MzlDMy4xNzcyMiA5LjM3MzE3IDMuMTk5NTYgOS4yNjEwOCAzLjE5ODg1IDkuMTQ3OTVDMy4xOTgxNSA5LjAzNDgyIDMuMTc0NDEgOC45MjMwMiAzLjEyOTEgOC44MTkzNkMzLjA4Mzc4IDguNzE1NyAzLjAxNzgzIDguNjIyMzUgMi45MzUyNyA4LjU0NTAxQzIuODUyNzEgOC40Njc2NiAyLjc1NTI3IDguNDA3OTQgMi42NDg4NyA4LjM2OTQ3QzIuNTQyNDggOC4zMzEwMSAyLjQyOTM3IDguMzE0NjEgMi4zMTY0NCA4LjMyMTI3QzIuMjAzNSA4LjMyNzk0IDIuMDkzMTEgOC4zNTc1MyAxLjk5MTk4IDguNDA4MjRMMC45NTg2NDcgOC44NTgyNEMwLjczMjU2MSA4Ljk1MjYyIDAuNTM5NDQ5IDkuMTExNzggMC40MDM2MTkgOS4zMTU2N0MwLjI2Nzc4OSA5LjUxOTU2IDAuMTk1MzEzIDkuNzU5MDggMC4xOTUzMTIgMTAuMDA0MUMwLjE5NTMxMyAxMC4yNDkxIDAuMjY3Nzg5IDEwLjQ4ODYgMC40MDM2MTkgMTAuNjkyNUMwLjUzOTQ0OSAxMC44OTY0IDAuNzMyNTYxIDExLjA1NTUgMC45NTg2NDcgMTEuMTQ5OUw4Ljk5MTk4IDE0LjY0MTZDOS4zMDczOSAxNC43NzkyIDkuNjQ3ODMgMTQuODUwMyA5Ljk5MTk4IDE0Ljg1MDNDMTAuMzM2MSAxNC44NTAzIDEwLjY3NjYgMTQuNzc5MiAxMC45OTIgMTQuNjQxNkwxOS4wMjUzIDExLjE0OTlDMTkuMjUxNCAxMS4wNTQgMTkuNDQ0NCAxMC44OTM5IDE5LjU4MDcgMTAuNjg5NkMxOS43MTY5IDEwLjQ4NTIgMTkuNzkwNCAxMC4yNDU1IDE5Ljc5MiA5Ljk5OTkxQzE5Ljc4OTQgOS43NTg3OSAxOS43MTYyIDkuNTIzNzEgMTkuNTgxNCA5LjMyMzc3QzE5LjQ0NjYgOS4xMjM4MiAxOS4yNTYyIDguOTY3NzYgMTkuMDMzNiA4Ljg3NDkxWiIgZmlsbD0iIzcwNzA3MCIvPgo8cGF0aCBkPSJNMTkuMDM0IDEzLjgzMzRMMTguMDAwNyAxMy4zODM0QzE3LjkgMTMuMzM5MyAxNy43OTE3IDEzLjMxNTUgMTcuNjgxOCAxMy4zMTM0QzE3LjU3MTkgMTMuMzExMyAxNy40NjI3IDEzLjMzMSAxNy4zNjA1IDEzLjM3MTJDMTcuMjU4MyAxMy40MTE1IDE3LjE2NSAxMy40NzE2IDE3LjA4NjEgMTMuNTQ4MUMxNy4wMDcyIDEzLjYyNDUgMTYuOTQ0MSAxMy43MTU4IDE2LjkwMDcgMTMuODE2N0MxNi44MTQxIDE0LjAxOTEgMTYuODExMSAxNC4yNDc0IDE2Ljg5MjMgMTQuNDUxOUMxNi45NzM1IDE0LjY1NjQgMTcuMTMyMyAxNC44MjA1IDE3LjMzNCAxNC45MDg0TDE3LjUwMDcgMTUuMDAwMUwxMC4zMzQgMTguMDkxN0MxMC4yMjg5IDE4LjEzNzYgMTAuMTE1NCAxOC4xNjEzIDEwLjAwMDcgMTguMTYxM0M5Ljg4NTk0IDE4LjE2MTMgOS43NzI0NiAxOC4xMzc2IDkuNjY3MzIgMTguMDkxN0wyLjUwMDY2IDE1LjAwMDFMMi42NTg5OSAxNC45MjUxQzIuODYwNzEgMTQuODM3MiAzLjAxOTQ5IDE0LjY3MzEgMy4xMDA2NyAxNC40Njg2QzMuMTgxODUgMTQuMjY0IDMuMTc4ODUgMTQuMDM1NyAzLjA5MjMyIDEzLjgzMzRDMy4wNDg4MyAxMy43MzI1IDIuOTg1ODEgMTMuNjQxMiAyLjkwNjg5IDEzLjU2NDdDMi44Mjc5NyAxMy40ODgzIDIuNzM0NzEgMTMuNDI4MiAyLjYzMjQ4IDEzLjM4NzlDMi41MzAyNCAxMy4zNDc2IDIuNDIxMDUgMTMuMzI4IDIuMzExMTggMTMuMzMwMUMyLjIwMTMyIDEzLjMzMjEgMi4wOTI5NSAxMy4zNTU5IDEuOTkyMzIgMTMuNDAwMUwwLjk1ODk4OSAxMy44NTAxQzAuNzM2MDMzIDEzLjk0ODUgMC41NDY0NyAxNC4xMDk2IDAuNDEzMzI5IDE0LjMxMzhDMC4yODAxODggMTQuNTE3OSAwLjIwOTIgMTQuNzU2MyAwLjIwODk4OSAxNS4wMDAxQzAuMjA4MzAzIDE1LjI0NCAwLjI3OTk4NSAxNS40ODI3IDAuNDE0OTcgMTUuNjg1OUMwLjU0OTk1NSAxNS44ODkyIDAuNzQyMTc3IDE2LjA0NzggMC45NjczMjMgMTYuMTQxN0w5LjAwMDY2IDE5LjY0MTdDOS4zMTYwNyAxOS43Nzk0IDkuNjU2NTEgMTkuODUwNSAxMC4wMDA3IDE5Ljg1MDVDMTAuMzQ0OCAxOS44NTA1IDEwLjY4NTIgMTkuNzc5NCAxMS4wMDA3IDE5LjY0MTdMMTkuMDM0IDE2LjE0MTdDMTkuMjU5MSAxNi4wNDc4IDE5LjQ1MTQgMTUuODg5MiAxOS41ODYzIDE1LjY4NTlDMTkuNzIxMyAxNS40ODI3IDE5Ljc5MyAxNS4yNDQgMTkuNzkyMyAxNS4wMDAxQzE5Ljc5NDcgMTQuNzUyNiAxOS43MjQgMTQuNTA5OSAxOS41ODkxIDE0LjMwMjRDMTkuNDU0MiAxNC4wOTQ5IDE5LjI2MTEgMTMuOTMxNyAxOS4wMzQgMTMuODMzNFoiIGZpbGw9IiM3MDcwNzAiLz4KPC9zdmc+Cg==)}.mi-floor-selector__button span{position:none}.mi-floor-selector__list{box-sizing:unset;display:flex;flex-direction:column;gap:4px;overflow-y:hidden;transition:max-height 0.25s;scroll-behavior:smooth;z-index:0;border-radius:9999px;padding:4px;padding-top:48px;max-height:40px}.mi-floor-selector__list::before,.mi-floor-selector__list::after{content:"";height:100%;position:absolute;pointer-events:none;z-index:3;left:-1px;right:-1px;transition:opacity 0.1s;opacity:0}.mi-floor-selector__list--fade-top::before{opacity:1;top:-1px;background:linear-gradient(180deg, white 39px, rgba(255, 255, 255, 0) 86px)}.mi-floor-selector__list--fade-bottom::after{opacity:1;bottom:-1px;background:linear-gradient(0deg, white 4px, rgba(255, 255, 255, 0) 40px)}.mi-floor-selector__list::-webkit-scrollbar{width:4px}.mi-floor-selector__list::-webkit-scrollbar-track{background:none}.mi-floor-selector__list::-webkit-scrollbar-thumb{background:#8D98AA;border-radius:5px}.mi-floor-selector__floor{position:relative;order:1;flex-shrink:0;margin-top:-1px;z-index:0;float:none;text-align:center;background:none;transition:translateY 0.25s;transform:translateY(0px);color:#666666;border-radius:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-style:none;width:40px;height:40px}.mi-floor-selector__floor:hover{z-index:2;background-color:#d1d5db}.mi-floor-selector__floor--active{z-index:2;transform:translateY(0px);color:#fcfcfc}.mi-floor-selector__floor-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:4px;padding-right:4px}', j = class {
-  constructor(M) {
-    T(this, M), this.maxListHeight = 300, this.mapsindoors = void 0, this.primaryColor = "#005655", this.floors = new Array(), this.currentFloor = void 0, this.floorSelectorClosed = !0, this.fadeFloorSelectorOnTop = !1, this.fadeFloorSelectorOnBottom = !1;
-  }
-  /**
-   * Scrolling the floorList element to the selected floor.
-   */
-  scrollToSelectedFloor() {
-    const M = this.floorSelectorElement.clientHeight, e = this.floorListElement.scrollHeight, o = this.currentFloorElement.offsetTop, N = this.currentFloorElement.offsetHeight;
-    let t;
-    e > M ? (t = o - M / 2 + N / 2, t = Math.max(0, t), t = Math.min(t, e - M)) : t = 0, this.floorListElement.scrollTop = t;
-  }
-  /**
-   * Applies a 'transform: translateY()' animation to the provided element.
-   *
-   * @param {HTMLElement} element
-   * @param {number} distance
-   * @param {number} duration
-   */
-  animateTranslateY(M, e, o) {
-    const N = [{ transform: `translateY(${e}px)` }];
-    M.animate(N, { duration: o, fill: "forwards" });
-  }
-  /**
-   * Calls the animation for the needed elements with the calculated animation values.
-   */
-  animateFloorSelector() {
-    const M = this.el.querySelectorAll(".mi-floor-selector__floor"), e = [];
-    for (let o = 0; o < M.length && M[o].getAttribute("data-floor") !== this.currentFloor; o++)
-      e.push(M[o]);
-    if (this.floorSelectorClosed) {
-      const o = this.floorListElement.scrollTop, N = parseInt(window.getComputedStyle(this.floorListElement).getPropertyValue("padding-top")), r = -(this.currentFloorElement.offsetTop - this.floorListElement.offsetTop - o - N);
-      this.animateTranslateY(this.currentFloorElement, r, 250), this.floorListElement.scrollTop > 0 ? M.forEach((D) => {
-        D.getAttribute("data-floor") !== this.currentFloor && (e.indexOf(D) > -1 ? this.animateTranslateY(D, D.offsetTop + this.floorListElement.scrollTop, 250) : this.animateTranslateY(D, this.floorListElement.scrollTop, 250));
-      }) : e.forEach((D) => {
-        this.animateTranslateY(D, D.offsetTop, 250);
-      });
-    } else
-      this.animateTranslateY(this.currentFloorElement, 0, 250), M.forEach((o) => {
-        o.getAttribute("data-floor") !== this.currentFloor && this.animateTranslateY(o, 0, 250);
-      });
-  }
-  /**
-   * Toggles the floor selector open-close.
-   */
-  onToggleFloorSelector() {
-    this.floorSelectorClosed = !this.floorSelectorClosed, this.animateFloorSelector(), this.floorListElement.addEventListener("transitionend", () => {
-      this.floorSelectorClosed || this.scrollToSelectedFloor(), this.onScrollStyle();
-    }, { once: !0 });
-  }
-  /**
-   * Adding/removing classes to the floorlist to fade-in/out the top/bottom part of the container..
-   */
-  onScrollStyle() {
-    const M = this.floorListElement.scrollHeight - this.floorListElement.clientHeight;
-    if (this.floorSelectorClosed) {
-      this.fadeFloorSelectorOnTop = !1, this.fadeFloorSelectorOnBottom = !1;
-      return;
-    }
-    this.maxListHeight > this.floorListElement.clientHeight - 48 || (this.fadeFloorSelectorOnTop = this.floorListElement.scrollTop > 0, this.fadeFloorSelectorOnBottom = this.floorListElement.scrollTop !== M);
-  }
-  /**
-   * Sets the clicked floor active.
-   *
-   * @param {PointerEvent} event
-   */
-  onSelectFloor(M, e) {
-    this.mapsindoors.setFloor(e), this.currentFloor = this.mapsindoors.getFloor().toString(), this.currentFloorElement = M.currentTarget;
-  }
-  /**
-   * Called every time the component is connected to the DOM.
-   * It resets the floorlist and the active floor when the building changes.
-   */
-  connectedCallback() {
-    this.mapsindoors.addListener("building_changed", () => {
-      this.floors = [];
-      const M = this.mapsindoors.getBuilding();
-      if (M) {
-        const e = () => {
-          this.currentFloor = this.mapsindoors.getFloor().toString(), this.mapsindoors.removeListener("floor_changed", e);
-        };
-        this.mapsindoors.getFloor() === null || this.mapsindoors.getFloor() === void 0 ? this.mapsindoors.addListener("floor_changed", e) : this.currentFloor = this.mapsindoors.getFloor().toString(), Object.keys(M.floors).sort((o, N) => N - o).forEach((o) => {
-          M.floors[o].index = o, this.floors.push(M.floors[o]);
-        });
-      }
-    });
-  }
-  /**
-   * Called after every render().
-   */
-  componentDidRender() {
-    !this.mapsindoors.getBuilding() || this.mapsindoors.getFloor() === null || this.mapsindoors.getFloor() === void 0 ? this.floorSelectorElement.classList.add("mi-floor-selector--hidden") : this.floorSelectorElement.classList.remove("mi-floor-selector--hidden"), this.currentFloorElement = this.el.querySelector(".mi-floor-selector__floor--active"), this.currentFloorElement && this.currentFloor && this.animateFloorSelector();
-  }
-  /**
-   * Renders the floor selector.
-   *
-   * @returns {JSX.Element}
-   */
-  render() {
-    return i(g, null, i("div", { class: "mi-floor-selector", ref: (M) => this.floorSelectorElement = M }, i("button", { class: `mi-floor-selector__button mi-floor-selector__button--${this.floorSelectorClosed ? "closed" : "open"}`, onClick: () => this.onToggleFloorSelector() }), i("div", { class: `mi-floor-selector__list ${this.fadeFloorSelectorOnTop ? "mi-floor-selector__list--fade-top" : ""} ${this.fadeFloorSelectorOnBottom ? "mi-floor-selector__list--fade-bottom" : ""}`, ref: (M) => this.floorListElement = M, onScroll: () => this.onScrollStyle() }, this.floors.map((M) => i("button", { "data-floor": M.index, style: this.currentFloor === M.index ? { backgroundColor: this.primaryColor } : {}, class: `mi-floor-selector__floor ${this.currentFloor === M.index ? "mi-floor-selector__floor--active" : ""}`, onClick: (e) => this.onSelectFloor(e, M.index) }, i("span", null, M.name))))));
-  }
-  get el() {
-    return l(this);
-  }
-};
-j.style = s;
-export {
-  j as mi_floor_selector
-};