@progressive-development/pd-spa-helper 0.3.102 → 0.3.103

package/src/defaultpage/default-wizard.ts

@@ -1,273 +0,0 @@
-import { html, HTMLTemplateResult } from "lit";
-import { property } from "lit/decorators.js";
-import { msg } from "@lit/localize";
-
-import '@progressive-development/pd-dialog/pd-popup-dialog.js';
-import '@progressive-development/pd-wizard/pd-wizard.js';
-
-import { DefaultViewPage } from "./default-view-page.js";
-import { RUNNING_WIZARD_STORAGE_ELEMENTS } from "../model/spa-model.js";
-import { WizardReloadPopup } from "../popup/wizard-reload-popup.js";
-import { WizardClosePopup } from "../popup/wizard-close-popup.js";
-import { ABORT_EVENT_NAME, STORE_EVENT_NAME } from "./default-confirm-popup.js";
-import { DefaultWizardStep } from "./default-wizard-step.js";
-
-
-/**
- * TODO: Move inside pd-wizard.
- */
-export abstract class DefaultWizard<T> extends DefaultViewPage {
-  
-  protected panelWizard:boolean = false;
-
-  @property({ type: Array, state: true })
-  abstract _wizardSteps: Array<{
-    title: string,    
-    name: string,
-    key: string
-  }>;  
-
-  @property({ type: Number, state: true })
-  _currentOrderStep: number = 1;
-
-  @property({ type: Object, state: true })
-  _orderFormData?: T;
-
-  @property({type: String, state: true })
-  _withLocalStorageId?: string;
-
-
-  render() {
-    return html`
-      <pd-wizard        
-        id="wizardId"
-        ?panelWizard="${this.panelWizard}"
-        currentNumber="${this._currentOrderStep}"
-        .wizardSteps="${this._wizardSteps}"        
-        @next-step="${this._nextStep}"
-        @previous-step="${this._previousStep}"
-        @submit-wizard="${this._nextStep}"
-        @go-to="${this._goToStep}"
-        @close-wizard="${this._closeWizardRequest}"
-        @wizard-step-update="${this._doStorageEventUpdate}"
-      >
-        ${this._renderLogo()}
-        ${this._renderSteps()}
-      </pd-wizard>
-    `;
-  }
-
-  // eslint-disable-next-line class-methods-use-this
-  private getWizardStorage():Record<string, {
-    orderFormData?: T,
-    timestamp: string,
-    wizardStep: number,
-  }> {
-    const storageEl = localStorage.getItem(RUNNING_WIZARD_STORAGE_ELEMENTS);
-    return storageEl ? JSON.parse(storageEl) : {};
-  }
-
-  protected _reloadFromStorage(storageKey: string) {
-
-    console.log(`call reload ${storageKey}`);
-
-    if(storageKey) {
-      const storageEl = this.getWizardStorage()[storageKey];
-      console.log("reload el", storageEl);
-      if (storageEl && storageEl.orderFormData !== undefined) {        
-        const popup = new WizardReloadPopup();
-        popup.reloadItem = storageEl;
-        popup.okButtonText = msg("Fortsetzen", {id: "spaH.wizard.reload.popup.ok"});
-        popup.cancelButtonText = msg("Verwerfen", {id: "spaH.wizard.reload.popup.cancel"});
-
-        popup.addEventListener(ABORT_EVENT_NAME, () => {
-          this._removeFromStorage()
-          this.shadowRoot?.removeChild(popup);
-        });
-
-        popup.addEventListener(STORE_EVENT_NAME, () => {
-          console.debug(`Reload storage element from ${storageEl.timestamp}`);
-          this._orderFormData = storageEl.orderFormData;
-          this._currentOrderStep = storageEl.wizardStep;
-          this.shadowRoot?.removeChild(popup);
-
-          for (let stepNr = 1; stepNr <= this._wizardSteps.length; stepNr+=1) {
-            const stepId = `wiz${stepNr}Id`;
-            const stepElement = this.shadowRoot?.getElementById(stepId) as DefaultWizardStep<any, any> | null;
-            if (stepElement && typeof stepElement.reloadFromOrder === 'function') {
-              stepElement.reloadFromOrder(this._orderFormData);
-            }
-          }
-
-        });
-        
-        this.shadowRoot?.appendChild(popup);            
-      }    
-    }
-  }
-
-  private _doStorageEventUpdate(event: CustomEvent) {
-    if (event.detail) {
-      console.log("event detail set, store prepared data: ", event.detail);
-      const preparedOrder = {
-        ...(this._orderFormData || {}),
-        ...event.detail,
-      };
-      this._doStorageUpdate(preparedOrder);
-    }
-    event.stopPropagation();
-  }
-
-  protected _doStorageUpdate(preparedOrderForm?: T) {
-    if (this._withLocalStorageId) {
-      const storageWizard = this.getWizardStorage();
-      storageWizard[this._withLocalStorageId] = {
-        orderFormData: preparedOrderForm || this._orderFormData,
-        wizardStep: this._currentOrderStep,
-        timestamp: new Date().toUTCString(),
-      }
-      localStorage.setItem(RUNNING_WIZARD_STORAGE_ELEMENTS, JSON.stringify(storageWizard));
-      console.debug(`Update wizard local storage for key ${this._withLocalStorageId}`);
-    }
-  }
-
-  protected _removeFromStorage() {
-    if (this._withLocalStorageId) {
-      // remote storage element
-      const storageWizard = this.getWizardStorage();
-      delete storageWizard[this._withLocalStorageId];
-      localStorage.setItem(
-        RUNNING_WIZARD_STORAGE_ELEMENTS, 
-        JSON.stringify(storageWizard)
-      );
-      console.debug(`Remove wizard local storage for key ${this._withLocalStorageId}`);
-    }
-  }
-
-  _nextStep(e:CustomEvent) {
-    const setNextStep = () => {
-      if (this._currentOrderStep < this._wizardSteps.length) {
-        this._currentOrderStep += 1;
-
-        if (this._withLocalStorageId) {
-          this._doStorageUpdate();
-        }
-        
-        if (!this.panelWizard) {
-          DefaultWizard._timeOutScroll();
-        }
-      }
-    };
-
-    const detail:any = {
-      errorMap: new Map(),
-      formData: {},
-      currentOrder: this._orderFormData,
-    };
-
-    const curentStepEl:any = this.shadowRoot?.getElementById(
-      `wiz${this._currentOrderStep}Id`
-    );
-
-    /**
-     * Trigger validate event. After that, detail members prepared by 
-     * event process and can handle synchronously.
-     */
-    curentStepEl.dispatchEvent(new CustomEvent('validate-form', { detail }));
-
-    if (detail.errorMap.size === 0) {
-      if (detail.preparedOrder) {
-        this._orderFormData = detail.preparedOrder;
-      }
-      if (this._wizardSteps.length === this._currentOrderStep) {
-        // Now submit wizard
-        e.detail.submited = true;
-        this._submitWizard();
-      } else {
-        setNextStep();
-      }
-    } else {
-      console.log('Validation rejected: ', detail);
-    }
-  }
-
-  _previousStep() {
-    if (this._currentOrderStep > 1) {
-      this._currentOrderStep -= 1;
-      if (!this.panelWizard) {
-        DefaultWizard._timeOutScroll();
-      }      
-    }
-  }
-
-  _goToStep(e: any) {
-    const stepNr = e.detail.step;
-    if (stepNr > 0 && stepNr <= this._wizardSteps.length) {
-      this._currentOrderStep = Number(stepNr);
-      if (!this.panelWizard) {
-        DefaultWizard._timeOutScroll();
-      }
-    }
-  }
-
-  _closeWizardRequest(): void {
-
-    if (this._withLocalStorageId) {
-      const popup = new WizardClosePopup();
-      popup.withStorage = true;
-      popup.okButtonText = msg("Speichern", {id: "spaH.wizard.storage.close.popup.ok"});
-      popup.cancelButtonText = msg("Verwerfen", {id: "spaH.wizard.storage.close.popup.cancel"});
-  
-      popup.addEventListener(ABORT_EVENT_NAME, () => {
-        this._removeFromStorage()
-        this.shadowRoot?.removeChild(popup);
-        this._closeWizard();
-      });
-  
-      popup.addEventListener(STORE_EVENT_NAME, () => {
-        // no need to store/update, current state is already possible newer (see onEventUpdate)
-        this.shadowRoot?.removeChild(popup);
-        this._closeWizard();
-      });
-
-      this.shadowRoot?.appendChild(popup);
-
-    } else {
-
-      const popup = new WizardClosePopup();
-      popup.withStorage = false;
-      popup.okButtonText = msg("Schließen", {id: "spaH.wizard.close.popup.ok"});
-      popup.cancelButtonText = msg("Abbrechen", {id: "spaH.wizard.close.popup.cancel"});
-
-      popup.addEventListener(ABORT_EVENT_NAME, () => {
-        this.shadowRoot?.removeChild(popup);
-      });
-  
-      popup.addEventListener(STORE_EVENT_NAME, () => {
-        this.shadowRoot?.removeChild(popup);
-        this._closeWizard();
-      });
-
-      this.shadowRoot?.appendChild(popup);
-    }
-  }
-
-  abstract _closeWizard(): void;
-
-  abstract _renderSteps(): HTMLTemplateResult;
-
-  abstract _renderLogo(): HTMLTemplateResult;  
-
-  abstract _submitWizard():void;    
-
-  static _timeOutScroll() {
-    window.setTimeout(() => {
-      window.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: 'smooth',
-      });
-    }, 100);
-  }
-
-}

package/src/generated/locale-codes.ts

@@ -1,27 +0,0 @@
-// Do not modify this file by hand!
-// Re-generate this file by running lit-localize.
-
-/**
- * The locale code that templates in this source code are written in.
- */
-export const sourceLocale = `dev`;
-
-/**
- * The other locale codes that this application is localized into. Sorted
- * lexicographically.
- */
-export const targetLocales = [
-  `be`,
-  `de`,
-  `en`,
-] as const;
-
-/**
- * All valid project locale codes. Sorted lexicographically.
- */
-export const allLocales = [
-  `be`,
-  `de`,
-  `dev`,
-  `en`,
-] as const;

package/src/generated/locale-wrapper/be-wrapper.ts

@@ -1,13 +0,0 @@
-import { templates as formTemplates } from '@progressive-development/pd-forms/src/generated/locale/be.js';
-import { beTemplates as wizardTemplates } from '@progressive-development/pd-wizard';
-import { beTemplates as pageTemplates } from '@progressive-development/pd-page';
-
-import { templates as originTemplates } from '../locales/be.js';
-
-// Wrapper to include msg templates from dependencies
-export const templates = {
-  ...originTemplates,
-  ...wizardTemplates,
-  ...pageTemplates,
-  ...formTemplates
-};

package/src/generated/locale-wrapper/de-wrapper.ts

@@ -1,11 +0,0 @@
-import { deTemplates as wizardTemplates } from '@progressive-development/pd-wizard';
-import { deTemplates as pageTemplates } from '@progressive-development/pd-page';
-
-import { templates as originTemplates } from '../locales/de.js';
-
-// Wrapper to include msg templates from dependencies
-export const templates = {
-  ...originTemplates,  
-  ...wizardTemplates,
-  ...pageTemplates,
-};

package/src/generated/locale-wrapper/en-wrapper.ts

@@ -1,13 +0,0 @@
-import { templates as formTemplates } from '@progressive-development/pd-forms/src/generated/locale/en.js';
-import { enTemplates as wizardTemplates } from '@progressive-development/pd-wizard';
-import { enTemplates as pageTemplates } from '@progressive-development/pd-page';
-
-import { templates as originTemplates } from '../locales/en.js';
-
-// Wrapper to include msg templates from dependencies
-export const templates = {
-  ...originTemplates,  
-  ...wizardTemplates,
-  ...pageTemplates,
-  ...formTemplates
-};

package/src/generated/locales/be.ts

@@ -1,26 +0,0 @@
-
-    // Do not modify this file by hand!
-    // Re-generate this file by running lit-localize
-
-    
-    
-
-    /* eslint-disable no-irregular-whitespace */
-    /* eslint-disable @typescript-eslint/no-explicit-any */
-
-    export const templates = {
-      'spaH.loadingstate.pleaseWait': `Gegevens worden geladen`,
-'spaH.loadingstate.syncState': `Gegevens worden gesynchroniseerd`,
-'spaH.wizard.close.popup.cancel': `Annuleren`,
-'spaH.wizard.close.popup.ok': `Sluiten`,
-'spaH.wizard.close.popup.storage.content': `De huidige invoer kan worden opgeslagen voor later bewerken of worden verwijderd. Welke actie wilt u uitvoeren?`,
-'spaH.wizard.close.popup.title': `Bewerking annuleren`,
-'spaH.wizard.reload.popup.cancel': `Verwijderen`,
-'spaH.wizard.reload.popup.content': `Er zijn al gegevens opgeslagen voor dit formulier. Wilt u doorgaan met bewerken of een nieuwe invoer starten? Bij een nieuwe invoer worden de bestaande gegevens verwijderd.`,
-'spaH.wizard.reload.popup.noStorage.content': `De huidige invoer gaat onherroepelijk verloren na het sluiten. Toch sluiten?`,
-'spaH.wizard.reload.popup.ok': `Doorgaan`,
-'spaH.wizard.reload.popup.title': `Doorgaan met bewerken?`,
-'spaH.wizard.storage.close.popup.cancel': `Verwijderen`,
-'spaH.wizard.storage.close.popup.ok': `Opslaan`,
-    };
-  

package/src/generated/locales/de.ts

@@ -1,26 +0,0 @@
-
-    // Do not modify this file by hand!
-    // Re-generate this file by running lit-localize
-
-    
-    
-
-    /* eslint-disable no-irregular-whitespace */
-    /* eslint-disable @typescript-eslint/no-explicit-any */
-
-    export const templates = {
-      'spaH.loadingstate.syncState': `Daten werden synchronisiert`,
-'spaH.loadingstate.pleaseWait': `Bitte warten, Daten werden geladen`,
-'spaH.wizard.reload.popup.title': `Bearbeitung fortsetzen?`,
-'spaH.wizard.reload.popup.content': `Für dieses Formular wurden bereits Daten gespeichert. Soll die Bearbeitung fortgesetzt, oder eine neue Dateneingabe gestartet werden? Bei einer neuen Eingabe werden die bisherigen Daten verworfen.`,
-'spaH.wizard.close.popup.title': `Bearbeitung abbrechen`,
-'spaH.wizard.close.popup.storage.content': `Die aktuellen Eingaben können für eine spätere Bearbeitung gespeichert oder verworfen werden. Welche Aktion soll ausgeführt werden?`,
-'spaH.wizard.reload.popup.noStorage.content': `Die aktuellen Eingaben gehen nach dem Schließen unwiderruflich verloren. Dennoch schließen?`,
-'spaH.wizard.reload.popup.ok': `Fortsetzen`,
-'spaH.wizard.reload.popup.cancel': `Verwerfen`,
-'spaH.wizard.storage.close.popup.ok': `Speichern`,
-'spaH.wizard.storage.close.popup.cancel': `Verwerfen`,
-'spaH.wizard.close.popup.ok': `Schließen`,
-'spaH.wizard.close.popup.cancel': `Abbrechen`,
-    };
-  

package/src/generated/locales/en.ts

@@ -1,26 +0,0 @@
-
-    // Do not modify this file by hand!
-    // Re-generate this file by running lit-localize
-
-    
-    
-
-    /* eslint-disable no-irregular-whitespace */
-    /* eslint-disable @typescript-eslint/no-explicit-any */
-
-    export const templates = {
-      'spaH.wizard.close.popup.cancel': `Cancel`,
-'spaH.wizard.close.popup.ok': `Close`,
-'spaH.wizard.close.popup.storage.content': `The current inputs can be saved for later editing or discarded. Which action should be taken?`,
-'spaH.wizard.close.popup.title': `Cancel editing`,
-'spaH.wizard.reload.popup.cancel': `Discard`,
-'spaH.wizard.reload.popup.content': `Data has already been saved for this form. Would you like to continue editing or start a new entry? Starting a new entry will discard the existing data.`,
-'spaH.wizard.reload.popup.noStorage.content': `The current inputs will be permanently lost after closing. Close anyway?`,
-'spaH.wizard.reload.popup.ok': `Continue`,
-'spaH.wizard.reload.popup.title': `Continue editing?`,
-'spaH.wizard.storage.close.popup.cancel': `Discard`,
-'spaH.wizard.storage.close.popup.ok': `Save`,
-'spaH.loadingstate.syncState': `Daten werden synchronisiert`,
-'spaH.loadingstate.pleaseWait': `Bitte warten, Daten werden geladen`,
-    };
-  

package/src/helper/helper-utils.ts

@@ -1,35 +0,0 @@
-import { pdStore } from "../store/mini-rx.store";
-import { updateInternetOffline } from "../store/spa-app-actions.js";
-
-export const isEmpty = (field?: string):boolean => !field || field === "";
-
-export const isBlank = (field?: string):boolean => !field || isEmpty(field.trim());
-
-const handleOnlineEvent = () => pdStore().dispatch(updateInternetOffline(false));
-const handleOfflineEvent = () => pdStore().dispatch(updateInternetOffline(true));
-
-export const deactivateOfflineWatcher = () => {
-  window.removeEventListener('online', handleOnlineEvent);
-  window.removeEventListener('offline', handleOfflineEvent);
-};
-
-export const activateOfflineWatcher = (firstCall: boolean) => {
-  window.addEventListener('online', () => handleOnlineEvent);
-  window.addEventListener('offline', () => handleOfflineEvent);
-
-  if (firstCall) {
-    pdStore().dispatch(updateInternetOffline(navigator.onLine === false));
-  }
-};
-
-export const isValidNumber = (value:string):boolean => {
-  if (!value) {
-    return false;
-  }
-  try {
-    const numberValue = Number(value);
-    return !Number.isNaN(numberValue);
-  } catch (e:any) {
-    return false;
-  }
-}

package/src/index.ts

@@ -1,66 +0,0 @@
-export {  
-  PdSpaHelper,      
-  startInit,              
-} from './PdSpaHelper.js';
-
-export * as pdSpaModel from './service-provider/service-provider-model.js';
-export * as pdSpaModel2 from './model/spa-model.js';
-
-export * as pdSpaHelper from './helper/helper-utils.js';
-
-export {DefaultViewPage} from './defaultpage/default-view-page.js';
-
-export {DefaultConfirmPopup, PopupType, ABORT_EVENT_NAME, STORE_EVENT_NAME} from './defaultpage/default-confirm-popup.js';
-
-export {DefaultDialogPopup} from './defaultpage/default-dialog-popup.js';
-
-export {DefaultPopup} from './defaultpage/default-popup.js';
-
-export {DefaultWizard} from './defaultpage/default-wizard.js';
-
-export {DefaultWizardStep} from './defaultpage/default-wizard-step.js';
-
-export {DefaultStepAddress} from './defaultpage/default-step-address.js';
-
-export {DefaultStepSummary, OrderStep} from './defaultpage/default-step-summary.js';
-
-export {
-  loginImpl,
-  logoutImpl,
-  getUser,
-  isAuthenticatedImpl,
-  callFunctionImpl,
-  uploadFile,
-  downloadFile,
-  deleteFile,
-  getStorageFileList,
-  getStorageFile,
-  activateCollectionListener,
-  registerAppDeviceForNotification,
-  getApp,
-  getMessagingImpl
-} from './service-provider/service-provider-impl.js'
-
-export { pdStore } from './store/mini-rx.store.js';
-export { setRouteElement } from './store/spa-app-effects.js';
-
-export * as pdAction from './store/spa-app-actions.js';
-export * as pdSelector from './store/spa-app-selector.js';
-
-export * as pdDB from './store/indexDB.js'
-
-export { templates as beTemplaes} from './generated/locale-wrapper/be-wrapper.js'
-export { templates as deTemplaes} from './generated/locale-wrapper/de-wrapper.js'
-export { templates as enTemplaes} from './generated/locale-wrapper/en-wrapper.js'
-
-export const dispatchToastEvent = (element:any, txt:string, isSuccess:boolean, isError:boolean) => {
-  element.dispatchEvent(new CustomEvent("toast-event",{
-    detail: {
-      txt,
-      isSuccess,
-      isError
-    },
-    bubbles: true,
-    composed: true
-  }));
-}

package/src/model/spa-model.ts

@@ -1,20 +0,0 @@
-export const APP_CONF_EVENT = "get-app-conf";
-
-export const RUNNING_WIZARD_STORAGE_ELEMENTS = "pd.spa.local.wizard.storage";
-
-export interface LoadingSubTask {
-  actionKey: string
-  completed: boolean,
-  loadingTxt: string,  
-}
-
-export interface LoadingState {
-  creation?: Date,
-  isLoading: boolean,
-  actionKey: string
-  modal?: boolean,
-  smallBackground?: boolean,
-  loadingTxt?: string,
-  subTask?: LoadingSubTask[],
-}
-

package/src/pd-spa-helper.ts

@@ -1,3 +0,0 @@
-// import { PdSpaHelper } from './PdSpaHelper.js';
-// export default PdSpaHelper;
-// window.customElements.define('pd-spa-helper', PdSpaHelper);

package/src/popup/wizard-close-popup.ts

@@ -1,52 +0,0 @@
-import { html, css, CSSResultGroup } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { msg } from "@lit/localize";
-
-import { DefaultConfirmPopup, PopupType } from "../defaultpage/default-confirm-popup.js";
-
-
-@customElement('wizard-close-popup')
-export class WizardClosePopup extends DefaultConfirmPopup {
-
-  _singleButton = false;
-
-  _type: PopupType = "warn";
-
-  _popupTitle = msg("Bearbeitung abbrechen", {id: "spaH.wizard.close.popup.title"});
-
-
-  @property({type: Boolean})
-  withStorage: boolean = false; 
-
-  static styles = [    
-    DefaultConfirmPopup.styles,
-    css`
-
-      :host {
-        --pd-popup-max-width: 80%;
-      }
-
-      .popup-content {
-        display: flex;
-        flex-direction: column;
-      }
-
-    `
-  ] as CSSResultGroup;
-  
-
-  // eslint-disable-next-line class-methods-use-this
-  _renderContent() {     
-    return html`
-      <div class="popup-content" slot="content">
-        <p>
-          ${this.withStorage ? 
-            msg("Die aktuellen Eingaben können für eine spätere Bearbeitung gespeichert oder verworfen werden. Welche Aktion soll ausgeführt werden?", {id: "spaH.wizard.close.popup.storage.content"})
-             : msg("Die aktuellen Eingaben gehen nach dem Schließen unwiderruflich verloren. Dennoch schließen?", {id: "spaH.wizard.reload.popup.noStorage.content"})
-          }
-        </p>
-      </div> 
-    `;
-  }
-
-}

package/src/popup/wizard-reload-popup.ts

@@ -1,69 +0,0 @@
-import { html, css, CSSResultGroup } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { msg } from "@lit/localize";
-
-import { DefaultConfirmPopup, PopupType } from "../defaultpage/default-confirm-popup.js";
-
-
-@customElement('wizard-reload-popup')
-export class WizardReloadPopup extends DefaultConfirmPopup {
-
-  _singleButton = false;
-
-  _type: PopupType = "info";
-
-  _popupTitle = msg("Bearbeitung fortsetzen?", {id: "spaH.wizard.reload.popup.title"});
-
-
-  @property({type: Object})
-  reloadItem!: {   
-    timestamp: string,
-    wizardStep: number,
-  }
-
-  static styles = [    
-    DefaultConfirmPopup.styles,
-    css`
-
-      :host {
-        --pd-popup-max-width: 80%;
-      }
-
-      .popup-content {
-        display: flex;
-        flex-direction: column;
-      }
-
-      .last-modified {
-        color: #555;
-      }
-
-      .last-modified span {
-        font-weight: bold;
-        color: #000;
-      }
-
-      .last-modified::before {
-        content: '🕒';
-        margin-right: 6px;
-      }
-
-    `
-  ] as CSSResultGroup;
-  
-
-  // eslint-disable-next-line class-methods-use-this
-  _renderContent() {     
-    return html`
-      <div class="popup-content" slot="content">
-        <p>
-          ${msg("Für dieses Formular wurden bereits Daten gespeichert. Soll die Bearbeitung fortgesetzt, oder eine neue Dateneingabe gestartet werden? Bei einer neuen Eingabe werden die bisherigen Daten verworfen.", {id: "spaH.wizard.reload.popup.content"})}          
-        </p>
-        <div class="last-modified">
-          Letzte Bearbeitung: <span>${this.reloadItem.timestamp}</span>
-        </div>
-      </div> 
-    `;
-  }
-
-}

package/src/router/AppMain.ts

@@ -1,10 +0,0 @@
-import {LitElement, html} from 'lit';
-import {customElement} from 'lit/decorators.js';
-import {outlet} from 'lit-element-router';
-
-@customElement('app-main')
-export class AppMain extends outlet(LitElement) {
-  render() {
-    return html` <slot></slot> `;
-  }
-}