@mapvx/web-components 0.0.25 → 0.0.27

package/dist/components/custom-map.d.ts

@@ -1,13 +0,0 @@
-import { LitElement } from 'lit';
-export declare class CustomMap extends LitElement {
-    apiKey: string;
-    locale: string;
-    parentPlaceId: string;
-    originId: string;
-    destinationId: string;
-    private lzSDK;
-    private mapLoaded;
-    private loadMap;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=custom-map.d.ts.map

package/dist/components/custom-map.js

@@ -1,64 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { initializeSDK } from '@lzdevelopers/my-maps-js';
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let CustomMap = class CustomMap extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.apiKey = '';
-        this.locale = 'es';
-        this.parentPlaceId = '';
-        this.originId = '';
-        this.destinationId = '';
-        this.mapLoaded = false;
-    }
-    loadMap() {
-        this.lzSDK = initializeSDK(this.apiKey, { lang: this.locale });
-        const mapContainer = document.querySelector('#map');
-        if (mapContainer) {
-            const mapConfig = {
-                zoom: 17,
-                parentPlaceId: this.parentPlaceId,
-                center: {
-                    lat: -33.41775447136968,
-                    lng: -70.60683493677072,
-                },
-                minZoom: 15,
-                maxZoom: 22,
-            };
-            this.lzSDK.createMap(mapContainer, mapConfig);
-        }
-    }
-    render() {
-        if (!this.mapLoaded && this.apiKey.length > 0) {
-            this.loadMap();
-            this.mapLoaded = true;
-        }
-        return html ` <div id="map"></div> `;
-    }
-};
-__decorate([
-    property({ type: String })
-], CustomMap.prototype, "apiKey", void 0);
-__decorate([
-    property({ type: String })
-], CustomMap.prototype, "locale", void 0);
-__decorate([
-    property({ type: String })
-], CustomMap.prototype, "parentPlaceId", void 0);
-__decorate([
-    property({ type: String })
-], CustomMap.prototype, "originId", void 0);
-__decorate([
-    property({ type: String })
-], CustomMap.prototype, "destinationId", void 0);
-CustomMap = __decorate([
-    customElement('custom-map')
-], CustomMap);
-export { CustomMap };
-//# sourceMappingURL=custom-map.js.map

package/dist/components/floor-selector.d.ts

@@ -1,6 +0,0 @@
-import { LitElement } from 'lit';
-export declare class FloorSelector extends LitElement {
-    private currentFloor;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=floor-selector.d.ts.map

package/dist/components/floor-selector.js

@@ -1,40 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-let FloorSelector = class FloorSelector extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.currentFloor = 1;
-    }
-    render() {
-        return html `
-      <div class="flex flex-col gap-2 bg-white p-4 rounded-lg shadow-md">
-        <button
-          class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
-          @click=${() => this.currentFloor++}
-        >
-          ⬆️ Subir (${this.currentFloor})
-        </button>
-        <button
-          class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
-          @click=${() => (this.currentFloor = Math.max(1, this.currentFloor - 1))}
-        >
-          ⬇️ Bajar
-        </button>
-      </div>
-    `;
-    }
-};
-__decorate([
-    state()
-], FloorSelector.prototype, "currentFloor", void 0);
-FloorSelector = __decorate([
-    customElement('floor-selector')
-], FloorSelector);
-export { FloorSelector };
-//# sourceMappingURL=floor-selector.js.map

package/dist/components/qr-modal.d.ts

@@ -1,7 +0,0 @@
-import { LitElement } from 'lit';
-export declare class QRModal extends LitElement {
-    private isOpen;
-    static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=qr-modal.d.ts.map

package/dist/components/qr-modal.js

@@ -1,69 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html, css } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-let QRModal = class QRModal extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.isOpen = false;
-    }
-    render() {
-        return html `
-      <div class="relative">
-        <button
-          @click=${() => (this.isOpen = true)}
-          class="px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600"
-        >
-          📱 Mostrar QR
-        </button>
-
-        ${this.isOpen
-            ? html `
-              <div class="modal" @click=${() => (this.isOpen = false)}>
-                <div
-                  class="bg-white p-6 rounded-lg shadow-xl"
-                  @click=${(e) => e.stopPropagation()}
-                >
-                  <h3 class="text-lg font-bold mb-4">Escanea el código QR</h3>
-                  <div class="w-48 h-48 bg-gray-200 flex items-center justify-center">
-                    <span class="text-4xl">📱</span>
-                  </div>
-                  <button
-                    @click=${() => (this.isOpen = false)}
-                    class="mt-4 px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600"
-                  >
-                    Cerrar
-                  </button>
-                </div>
-              </div>
-            `
-            : null}
-      </div>
-    `;
-    }
-};
-QRModal.styles = css `
-    .modal {
-      background: rgba(16, 143, 33, 0.5);
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  `;
-__decorate([
-    state()
-], QRModal.prototype, "isOpen", void 0);
-QRModal = __decorate([
-    customElement('qr-modal')
-], QRModal);
-export { QRModal };
-//# sourceMappingURL=qr-modal.js.map

package/dist/components/route-options.d.ts

@@ -1,6 +0,0 @@
-import { LitElement } from 'lit';
-export declare class RouteOptions extends LitElement {
-    private selectedOption;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=route-options.d.ts.map

package/dist/components/route-options.js

@@ -1,51 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-let RouteOptions = class RouteOptions extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selectedOption = 'fastest';
-    }
-    render() {
-        return html `
-      <div class="bg-white p-4 rounded-lg shadow-md">
-        <h3 class="text-lg font-bold mb-4">Opciones de Ruta</h3>
-        <div class="space-y-2">
-          <label class="flex items-center space-x-2">
-            <input
-              type="radio"
-              name="route"
-              value="fastest"
-              ?checked=${this.selectedOption === 'fastest'}
-              @change=${(e) => (this.selectedOption = e.target.value)}
-            />
-            <span>🚀 Más rápida</span>
-          </label>
-          <label class="flex items-center space-x-2">
-            <input
-              type="radio"
-              name="route"
-              value="accessible"
-              ?checked=${this.selectedOption === 'accessible'}
-              @change=${(e) => (this.selectedOption = e.target.value)}
-            />
-            <span>♿ Accesible</span>
-          </label>
-        </div>
-      </div>
-    `;
-    }
-};
-__decorate([
-    state()
-], RouteOptions.prototype, "selectedOption", void 0);
-RouteOptions = __decorate([
-    customElement('route-options')
-], RouteOptions);
-export { RouteOptions };
-//# sourceMappingURL=route-options.js.map

package/dist/components/zoom-controls.d.ts

@@ -1,6 +0,0 @@
-import { LitElement } from 'lit';
-export declare class ZoomControls extends LitElement {
-    private zoomLevel;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=zoom-controls.d.ts.map

package/dist/components/zoom-controls.js

@@ -1,40 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-let ZoomControls = class ZoomControls extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.zoomLevel = 100;
-    }
-    render() {
-        return html `
-      <div class="flex flex-col gap-2 bg-white p-3 rounded-lg shadow-md">
-        <button
-          class="p-2 bg-gray-100 hover:bg-gray-200 rounded-lg"
-          @click=${() => (this.zoomLevel += 10)}
-        >
-          🔍+ (${this.zoomLevel}%)
-        </button>
-        <button
-          class="p-2 bg-gray-100 hover:bg-gray-200 rounded-lg"
-          @click=${() => (this.zoomLevel = Math.max(50, this.zoomLevel - 10))}
-        >
-          🔍-
-        </button>
-      </div>
-    `;
-    }
-};
-__decorate([
-    state()
-], ZoomControls.prototype, "zoomLevel", void 0);
-ZoomControls = __decorate([
-    customElement('zoom-controls')
-], ZoomControls);
-export { ZoomControls };
-//# sourceMappingURL=zoom-controls.js.map

package/dist/route-view-totems.d.ts

@@ -1,16 +0,0 @@
-import { LitElement } from 'lit';
-import './components/custom-map.js';
-import './components/floor-selector.js';
-import './components/qr-modal.js';
-import './components/route-options.js';
-import './components/zoom-controls.js';
-export declare class RouteViewTotems extends LitElement {
-    styles: import("lit").CSSResult[];
-    apiKey: string;
-    parentPlaceId: string;
-    locale: string;
-    originId: string;
-    destinationId: string;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=route-view-totems.d.ts.map

package/dist/route-view-totems.js

@@ -1,58 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { tailwindStyles } from './utils/styles';
-import './components/custom-map.js';
-import './components/floor-selector.js';
-import './components/qr-modal.js';
-import './components/route-options.js';
-import './components/zoom-controls.js';
-let RouteViewTotems = class RouteViewTotems extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.styles = [tailwindStyles, css ``];
-        this.apiKey = '';
-        this.parentPlaceId = '';
-        this.locale = 'es';
-        this.originId = '';
-        this.destinationId = '';
-    }
-    render() {
-        return html `
-      <div class="flex flex-col items-center justify-center h-full">
-        <custom-map
-          apiKey="${this.apiKey}"
-          parentPlaceId="${this.parentPlaceId}"
-          locale="${this.locale}"
-          originId="${this.originId}"
-          destinationId="${this.destinationId}"
-        ></custom-map>
-      </div>
-    `;
-    }
-};
-__decorate([
-    property({ type: String })
-], RouteViewTotems.prototype, "apiKey", void 0);
-__decorate([
-    property({ type: String })
-], RouteViewTotems.prototype, "parentPlaceId", void 0);
-__decorate([
-    property({ type: String })
-], RouteViewTotems.prototype, "locale", void 0);
-__decorate([
-    property({ type: String })
-], RouteViewTotems.prototype, "originId", void 0);
-__decorate([
-    property({ type: String })
-], RouteViewTotems.prototype, "destinationId", void 0);
-RouteViewTotems = __decorate([
-    customElement('route-view-totems')
-], RouteViewTotems);
-export { RouteViewTotems };
-//# sourceMappingURL=route-view-totems.js.map

package/dist/utils/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const tailwindStyles: import("lit").CSSResult;
-//# sourceMappingURL=styles.d.ts.map

package/dist/utils/styles.js

@@ -1,5 +0,0 @@
-import { css } from 'lit';
-export const tailwindStyles = css `
-  @import 'tailwindcss';
-`;
-//# sourceMappingURL=styles.js.map