@progressive-development/pd-spa-helper 0.6.9 → 0.7.0

package/dist/PdSpaHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdSpaHelper.d.ts","sourceRoot":"","sources":["../src/PdSpaHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAIvF,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,0CAA0C,CAAC;AAClD,OAAO,4CAA4C,CAAC;AAKpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAiC,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAIvI,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gCAAgC,CAAC;AACxC,OAAO,6BAA6B,CAAC;AACrC,OAAO,sBAAsB,CAAC;AAE9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,8BAA8B,CAAC;AAMtC,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAsD3D;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,WAAY,gBAAgB,SAmCjD,CAAC;;AAIF;;GAEG;AACH,8BAAsB,WAAY,SAAQ,gBAA6B;IAIrE,KAAK,SAAe;IAEpB;;OAEG;IAEH,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAG3B,QAAQ,EAAE,GAAG,GAAG,SAAS,CAAC;IAG1B,aAAa,EAAE,YAAY,EAAE,CAAM;IAEnC;;OAEG;IAEH,KAAK,SAAM;IAGX,MAAM,KAAM;IAGZ,KAAK,KAAM;IAEX;;OAEG;IAEH,aAAa,UAAS;IAItB,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IAEjC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAErC,SAAS,CAAC,iBAAiB,EAAE,OAAO,CAAS;IAG7C,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,MAAM,CAAC,MAAM,iBA4EO;;IA2CpB,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAM5B,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAS7B;;OAEG;IAGH;;;OAGG;IACH,MAAM,KAAK,MAAM,UAEhB;IAED;;;OAGG;IACH,MAAM,CAAC,KAAK,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM;IAOhD;;;OAGG;IACH,oBAAoB;IAepB,MAAM;IA+BN,OAAO,CAAC,aAAa;IAWrB,WAAW,CAAC,UAAU,EAAC,cAAc,EAAE,UAAU,EAAC,OAAO;IAmBzD,cAAc,CAAC,UAAU,EAAC,cAAc,EAAE,UAAU,EAAC,OAAO;IAkB5D,aAAa,IAAI,cAAc,GAAG,MAAM;IAgBxC,aAAa;IAcb,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,KAAK,CAAC,cAAc,CAAC;IAE7D,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,MAAM;IAEvC,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,cAAc;IAEhD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,GAAG;IAE3C,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAC,MAAM,GAAG,IAAI;IAElD,SAAS,CAAC,QAAQ,CAAC,oBAAoB,IAAI,GAAG;IAE9C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM;IAG9D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAiB7C,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAMnC,qBAAqB,CAAC,CAAC,EAAC,GAAG;IAW3B,uBAAuB,CAAC,CAAC,EAAE,WAAW;IAYtC,iBAAiB,CAAC,CAAC,EAAC,GAAG;IAWvB,qBAAqB,CAAC,CAAC,EAAE,GAAG;IAiB5B,MAAM,CAAC,YAAY;IAUnB,gBAAgB,CAAC,EAAE,EAAC,WAAW;CAahC"}
+{"version":3,"file":"PdSpaHelper.d.ts","sourceRoot":"","sources":["../src/PdSpaHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAO,cAAc,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAIvF,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,0CAA0C,CAAC;AAClD,OAAO,4CAA4C,CAAC;AAKpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAiC,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAIvI,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gCAAgC,CAAC;AACxC,OAAO,6BAA6B,CAAC;AACrC,OAAO,sBAAsB,CAAC;AAE9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,8BAA8B,CAAC;AAMtC,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAsD3D;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,WAAY,gBAAgB,SAmCjD,CAAC;;AAIF;;GAEG;AACH,8BAAsB,WAAY,SAAQ,gBAA6B;IAIrE,KAAK,SAAe;IAEpB;;OAEG;IAEH,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAG3B,QAAQ,EAAE,GAAG,GAAG,SAAS,CAAC;IAG1B,aAAa,EAAE,YAAY,EAAE,CAAM;IAEnC;;OAEG;IAEH,KAAK,SAAM;IAGX,MAAM,KAAM;IAGZ,KAAK,KAAM;IAEX;;OAEG;IAEH,aAAa,UAAS;IAItB,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IAEjC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAErC,SAAS,CAAC,iBAAiB,EAAE,OAAO,CAAS;IAG7C,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,MAAM,CAAC,MAAM,iBA4EO;;IA2CpB,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAM5B,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAS7B;;OAEG;IAGH;;;OAGG;IACH,MAAM,KAAK,MAAM,UAEhB;IAED;;;OAGG;IACH,MAAM,CAAC,KAAK,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM;IAOhD;;;OAGG;IACH,oBAAoB;IAepB,MAAM;IA+BN,OAAO,CAAC,aAAa;IAWrB,WAAW,CAAC,UAAU,EAAC,cAAc,EAAE,UAAU,EAAC,OAAO;IAmBzD,cAAc,CAAC,UAAU,EAAC,cAAc,EAAE,UAAU,EAAC,OAAO;IAkB5D,aAAa,IAAI,cAAc,GAAG,MAAM;IAgBxC,aAAa;IAab,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,KAAK,CAAC,cAAc,CAAC;IAE7D,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,MAAM;IAEvC,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,cAAc;IAEhD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,GAAG;IAE3C,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAC,MAAM,GAAG,IAAI;IAElD,SAAS,CAAC,QAAQ,CAAC,oBAAoB,IAAI,GAAG;IAE9C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM;IAG9D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAiB7C,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAMnC,qBAAqB,CAAC,CAAC,EAAC,GAAG;IAW3B,uBAAuB,CAAC,CAAC,EAAE,WAAW;IAYtC,iBAAiB,CAAC,CAAC,EAAC,GAAG;IAWvB,qBAAqB,CAAC,CAAC,EAAE,GAAG;IAiB5B,MAAM,CAAC,YAAY;IAUnB,gBAAgB,CAAC,EAAE,EAAC,WAAW;CAahC"}

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { DefaultWizardStep } from './defaultpage/default-wizard-step.js';
 export { DefaultStepAddress } from './defaultpage/default-step-address.js';
 export { DefaultStepSummary } from './defaultpage/default-step-summary.js';
 export type { OrderStep } from './defaultpage/default-step-summary.js';
+export type { TabHeader } from './tmpown/pd-tab.js';
 export { loginImpl, logoutImpl, getUser, isAuthenticatedImpl, callFunctionImpl, uploadFile, downloadFile, deleteFile, getStorageFileList, getStorageFile, getStorageConfiguration, 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';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,EACL,WAAW,EACX,SAAS,GACV,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,UAAU,MAAM,8CAA8C,CAAC;AAC3E,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAC;AAEpD,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AAEnE,OAAO,EAAC,mBAAmB,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,MAAM,wCAAwC,CAAC;AAC/G,YAAY,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAExE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AAEzE,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,sCAAsC,CAAC;AAEvE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AAEzE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AACzE,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAGvE,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,0BAA0B,EAC1B,gCAAgC,EAChC,MAAM,EACN,gBAAgB,EACjB,MAAM,6CAA6C,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,KAAK,QAAQ,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAE1D,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAE1C,OAAO,EAAE,SAAS,IAAI,UAAU,EAAC,MAAM,0CAA0C,CAAA;AACjF,OAAO,EAAE,SAAS,IAAI,UAAU,EAAC,MAAM,0CAA0C,CAAA;AACjF,OAAO,EAAE,SAAS,IAAI,UAAU,EAAC,MAAM,0CAA0C,CAAA;AAEjF,eAAO,MAAM,kBAAkB,YAAY,GAAG,OAAM,MAAM,GAAG,cAAc,aAAY,OAAO,WAAU,OAAO,SAU9G,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,EACL,WAAW,EACX,SAAS,GACV,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,UAAU,MAAM,8CAA8C,CAAC;AAC3E,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAC;AAEpD,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AAEnE,OAAO,EAAC,mBAAmB,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,MAAM,wCAAwC,CAAC;AAC/G,YAAY,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAExE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AAEzE,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,sCAAsC,CAAC;AAEvE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AAEzE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AACzE,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAEvE,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,0BAA0B,EAC1B,gCAAgC,EAChC,MAAM,EACN,gBAAgB,EACjB,MAAM,6CAA6C,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,KAAK,QAAQ,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAE1D,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAE1C,OAAO,EAAE,SAAS,IAAI,UAAU,EAAC,MAAM,0CAA0C,CAAA;AACjF,OAAO,EAAE,SAAS,IAAI,UAAU,EAAC,MAAM,0CAA0C,CAAA;AACjF,OAAO,EAAE,SAAS,IAAI,UAAU,EAAC,MAAM,0CAA0C,CAAA;AAEjF,eAAO,MAAM,kBAAkB,YAAY,GAAG,OAAM,MAAM,GAAG,cAAc,aAAY,OAAO,WAAU,OAAO,SAU9G,CAAA"}

package/dist/index.js

@@ -1,24 +1,24 @@
-import { PdSpaHelper, startInit } from "./PdSpaHelper.js";
-import * as serviceProviderModel from "./service-provider/service-provider-model.js";
-import * as spaModel from "./model/spa-model.js";
-import * as helperUtils from "./helper/helper-utils.js";
-import { DefaultViewPage } from "./defaultpage/default-view-page.js";
-import { ABORT_EVENT_NAME, DefaultConfirmPopup, STORE_EVENT_NAME } from "./defaultpage/default-confirm-popup.js";
-import { DefaultDialogPopup } from "./defaultpage/default-dialog-popup.js";
-import { DefaultPopup } from "./defaultpage/default-popup.js";
-import { DefaultWizard } from "./defaultpage/default-wizard.js";
-import { DefaultWizardStep } from "./defaultpage/default-wizard-step.js";
-import { DefaultStepAddress } from "./defaultpage/default-step-address.js";
-import { DefaultStepSummary } from "./defaultpage/default-step-summary.js";
-import { activateCollectionListener, callFunctionImpl, deleteFile, downloadFile, getApp, getMessagingImpl, getStorageConfiguration, getStorageFile, getStorageFileList, getUser, isAuthenticatedImpl, loginImpl, logoutImpl, registerAppDeviceForNotification, uploadFile } from "./service-provider/service-provider-impl.js";
-import { pdStore } from "./store/mini-rx.store.js";
-import { setRouteElement } from "./store/spa-app-effects.js";
-import * as spaAppActions from "./store/spa-app-actions.js";
-import * as spaAppSelector from "./store/spa-app-selector.js";
-import * as indexDB from "./store/indexDB.js";
-import { templates } from "./generated/locale-wrapper/be-wrapper.js";
-import { templates as templates2 } from "./generated/locale-wrapper/de-wrapper.js";
-import { templates as templates3 } from "./generated/locale-wrapper/en-wrapper.js";
+import { PdSpaHelper, startInit } from "./src/PdSpaHelper.js";
+import * as serviceProviderModel from "./src/service-provider/service-provider-model.js";
+import * as spaModel from "./src/model/spa-model.js";
+import * as helperUtils from "./src/helper/helper-utils.js";
+import { DefaultViewPage } from "./src/defaultpage/default-view-page.js";
+import { ABORT_EVENT_NAME, DefaultConfirmPopup, STORE_EVENT_NAME } from "./src/defaultpage/default-confirm-popup.js";
+import { DefaultDialogPopup } from "./src/defaultpage/default-dialog-popup.js";
+import { DefaultPopup } from "./src/defaultpage/default-popup.js";
+import { DefaultWizard } from "./src/defaultpage/default-wizard.js";
+import { DefaultWizardStep } from "./src/defaultpage/default-wizard-step.js";
+import { DefaultStepAddress } from "./src/defaultpage/default-step-address.js";
+import { DefaultStepSummary } from "./src/defaultpage/default-step-summary.js";
+import { activateCollectionListener, callFunctionImpl, deleteFile, downloadFile, getApp, getMessagingImpl, getStorageConfiguration, getStorageFile, getStorageFileList, getUser, isAuthenticatedImpl, loginImpl, logoutImpl, registerAppDeviceForNotification, uploadFile } from "./src/service-provider/service-provider-impl.js";
+import { pdStore } from "./src/store/mini-rx.store.js";
+import { setRouteElement } from "./src/store/spa-app-effects.js";
+import * as spaAppActions from "./src/store/spa-app-actions.js";
+import * as spaAppSelector from "./src/store/spa-app-selector.js";
+import * as indexDB from "./src/store/indexDB.js";
+import { templates } from "./src/generated/locale-wrapper/be-wrapper.js";
+import { templates as templates2 } from "./src/generated/locale-wrapper/de-wrapper.js";
+import { templates as templates3 } from "./src/generated/locale-wrapper/en-wrapper.js";
 const dispatchToastEvent = (element, txt, isSuccess, isError) => {
   element.dispatchEvent(new CustomEvent("toast-event", {
     detail: {

package/dist/node_modules/@progressive-development/pd-shared-styles/src/shared-color-styles.js

@@ -0,0 +1,30 @@
+import { css } from "lit";
+/**
+ * @license
+ * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
+ */
+const PDColorStyles = css`
+
+  :host {
+
+    /**
+     * Set default colors for all pd-components 
+     */
+    --pd-default-col: var(--app-primary-col, #067394);
+    --pd-default-light-col: var(--app-primary-light-col, #AFC1D2);
+    --pd-default-dark-col: var(--app-primary-dark-col, #0A3A48);
+    --pd-default-bg-col: var(--app-primary-bg-col, #fefefe);
+
+    --pd-default-hover-col: var(--app-hover-col, #ffc857);
+    --pd-default-error-col: var(--app-error-col, #cc2029);
+    --pd-default-error-light-col: var(--app-error-light-col, #ffe8e8);
+    --pd-default-success-col: var(--app-success-col, #42a01c);
+    --pd-default-success-light-col: var(--app-success-light-col, #f5ffe8);    
+    --pd-default-disabled-col: var(--app-disabled-col, #888585);
+    --pd-default-disabled-light-col: var(--app-disabled-light-col, lightgrey);    
+  }
+
+`;
+export {
+  PDColorStyles
+};

package/dist/node_modules/@progressive-development/pd-shared-styles/src/shared-font-styles.js

@@ -0,0 +1,32 @@
+import { css } from "lit";
+/**
+ * @license
+ * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
+ */
+const PDFontStyles = css`
+
+  :host {
+    /** 
+     * Set default fonts for all pd-components.
+     * Use content, title and input categories for fonts.
+     */
+    --pd-default-font-title-family: var(--app-font-title-family);
+    --pd-default-font-content-family: var(--app-font-content-family);
+    --pd-default-font-input-family: var(--app-font-input-family);
+    --pd-default-font-link-family: var(--app-font-link-family);
+
+    --pd-default-font-title-col: var(--app-font-title-col, #0A3A48);    
+    --pd-default-font-content-col: var(--app-font-content-col, #353738);
+    --pd-default-font-input-col: var(--app-font-input-col, #353738);
+    --pd-default-font-link-col: var(--app-font-link-col, #067394);
+    --pd-default-font-link-col-hover: var(--app-font-link-col, #451A46);
+
+    --pd-default-font-link-size: var(--app-font-link-size, 0.9em);
+    --pd-default-font-content-size: var(--app-font-content-size, 1em);
+    --pd-default-font-input-size: var(--app-font-input-size, 1em);
+  }
+
+`;
+export {
+  PDFontStyles
+};

package/dist/pd-tab.d.ts

@@ -0,0 +1,2 @@
+export * from './tmpown/pd-tab'
+export {}

package/dist/pd-tab.js

@@ -0,0 +1,146 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { PDColorStyles } from "./node_modules/@progressive-development/pd-shared-styles/src/shared-color-styles.js";
+import { PDFontStyles } from "./node_modules/@progressive-development/pd-shared-styles/src/shared-font-styles.js";
+import "@progressive-development/pd-icon/pd-icon";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let PdTab = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.tabs = [];
+  }
+  update(changedProperties) {
+    if (changedProperties.has("defaultTab") && this.defaultTab) {
+      console.log("PdTab: Set active from default selection", this.defaultTab);
+      this._activeTab = this.defaultTab;
+    }
+    super.update(changedProperties);
+  }
+  render() {
+    return html`
+      <div class="header-container">
+        ${this.tabs.map((t) => html`
+          <div class="tab-header ${this._activeTab === t.key ? "active-header" : ""} ${t.disabled ? "disabled-header" : ""}"
+            data-key="${t.key}"
+            @click="${this._tabSelected}">${t.name}</div>
+        `)}
+      </div>
+      ${this.tabs.map((t) => html`
+        <div id="${`slot${t.key}`}" class="slot-container ${this._activeTab === t.key ? "active-slot" : ""}">
+          <slot name="${t.key}"></slot>
+        </div>
+      `)}      
+    `;
+  }
+  reset() {
+    this._activeTab = this.defaultTab;
+  }
+  // eslint-disable-next-line class-methods-use-this
+  _tabSelected(e) {
+    var _a, _b;
+    this._activeTab = (_b = (_a = e.target) == null ? void 0 : _a.dataset) == null ? void 0 : _b.key;
+    this.dispatchEvent(
+      new CustomEvent("tab-selected", {
+        detail: this._activeTab
+      })
+    );
+  }
+};
+PdTab.styles = [
+  PDColorStyles,
+  PDFontStyles,
+  css`
+      :host {
+        display: block;
+      }
+
+      .header-container {
+        display: flex;
+      }
+
+      .tab-header {
+        padding: var(--pd-tab-header-padding, 0.8em 1.5em);
+        background-color: var(--pd-tab-bg-col, var(--pd-default-light-col));
+        font-family: var(--pd-default-font-title-family);
+        color: var(--pd-tab-text-col, var(--pd-default-font-title-col));
+        cursor: pointer;
+        border: 2px solid var(--pd-tab-border-col, #ccc); /* Dünner Rahmen */
+        border-bottom: none; /* Tabs sollen nahtlos an den Inhalt anschließen */
+        border-radius: 8px 8px 0 0; /* Abgerundete obere Ecken */
+        display: inline-block; /* Tabs nebeneinander anzeigen */
+        margin-right: 5px; /* Abstand zwischen Tabs */
+        box-shadow: var(--pd-tab-shadow, 0 2px 4px rgba(0, 0, 0, 0.1)); /* Leichter Schatten für Tiefe */
+        transition: background-color 0.3s, box-shadow 0.3s; /* Weiche Übergänge bei Hover */
+      }
+
+      .tab-header:hover {
+        background-color: var(--pd-tab-bg-hover-col, var(--pd-default-hover-col));
+        box-shadow: var(--pd-tab-shadow-hover, 0 4px 8px rgba(0, 0, 0, 0.2)); /* Schattenintensität bei Hover erhöhen */
+      }
+
+      .tab-header.active-header {
+        background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
+        border-bottom: 2px solid var(--pd-tab-border-active-col, var(--pd-default-col));
+        color: var(--pd-tab-active-text-col, var(--pd-default-bg-col)); /* Textfarbe für aktiven Tab */
+        box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
+      }
+
+      .tab-header.disabled-header {
+        background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
+        border-bottom: 2px solid var(--pd-tab-border-active-col, var(--pd-default-col));
+        color: var(--pd-tab-active-text-col, var(--pd-default-bg-col)); /* Textfarbe für aktiven Tab */
+        box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
+      }
+
+      .tab-header.disabled-header {
+        pointer-events: none; /* Deaktiviert die Klickbarkeit */
+        background-color: var(--pd-tab-disabled-bg-col, #f0f0f0); /* Hellere Farbe für deaktivierte Tabs */
+        color: var(--pd-tab-disabled-text-col, #999); /* Hellere Textfarbe */
+        border-color: var(--pd-tab-disabled-border-col, #ddd); /* Angepasste Rahmenfarbe */
+        cursor: not-allowed; /* Zeigt an, dass der Tab nicht interaktiv ist */
+        opacity: 0.6; /* Reduziert die Sichtbarkeit für einen "deaktivierten" Look */
+      }
+
+      .tab-header:focus {
+        outline: none; /* Entfernt den Standardfokusrahmen */
+        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5); /* Fokusring für Tastaturnavigation */
+      }
+
+      .slot-container {
+        display: none;
+      }
+
+      .active-slot {
+        padding: var(--pd-tab-content-padding, 1em); 
+        display: block;        
+        border: var(--pd-tab-content-border, 1px solid var(--pd-default-col));
+        border-top: var(--pd-tab-content-border-top, 3px solid var(--pd-default-col));
+      }
+   
+
+      `
+];
+__decorateClass([
+  property({ type: Array })
+], PdTab.prototype, "tabs", 2);
+__decorateClass([
+  property({ type: String })
+], PdTab.prototype, "defaultTab", 2);
+__decorateClass([
+  property({ type: String, state: true })
+], PdTab.prototype, "_activeTab", 2);
+PdTab = __decorateClass([
+  customElement("pd-tab")
+], PdTab);
+export {
+  PdTab
+};

package/dist/{PdSpaHelper.js → src/PdSpaHelper.js}

@@ -12,8 +12,8 @@ import { APP_CONF_EVENT } from "./model/spa-model.js";
 import { loginSucess, nologin } from "./store/spa-app-actions.js";
 import "./router/AppMain.js";
 import "./defaultpage/default-login.js";
-import "./pd-panel-viewer.js";
-import "./pd-panel.js";
+import "../pd-panel-viewer.js";
+import "../pd-panel.js";
 import { PdToast } from "./tmpown/pd-toast.js";
 import "./tmpown/pd-loading-state.js";
 var __defProp = Object.defineProperty;
@@ -269,8 +269,7 @@ const _PdSpaHelper = (_a = class extends router(navigator(LitElement)) {
   _renderFooter() {
     const footer = this._getFooter();
     return html`
-      <pd-footer 
-          class="default-footer"
+      <pd-footer
           .footerLinks="${footer.links}"
           version="${footer.version}" 
           copyright="${footer.copyright || "PD Progressive Developent UG"}" 

package/dist/tmpown/pd-tab.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, CSSResultGroup } from 'lit';
+export interface TabHeader {
+    key: string;
+    name: string;
+    disabled?: boolean;
+    pdIcon?: string;
+    otherIcon?: any;
+}
+export declare class PdTab extends LitElement {
+    tabs: TabHeader[];
+    defaultTab?: string;
+    _activeTab?: string;
+    static styles: CSSResultGroup;
+    protected update(changedProperties: any): void;
+    render(): import('lit-html').TemplateResult<1>;
+    reset(): void;
+    private _tabSelected;
+}
+//# sourceMappingURL=pd-tab.d.ts.map

package/dist/tmpown/pd-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-tab.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-tab.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,UAAU,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,GAAG,CAAC;CACjB;AAED,qBACa,KAAM,SAAQ,UAAU;IAGnC,IAAI,EAAE,SAAS,EAAE,CAAM;IAGvB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,MAAM,CAAC,MAAM,iBAyEO;IAGpB,SAAS,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,GAAG,IAAI;IAQ9C,MAAM;IAiBN,KAAK;IAKL,OAAO,CAAC,YAAY;CASrB"}

package/dist/tmpown/pd-tab.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    render: (args: import('@storybook/core/csf').Args) => import('lit-html').TemplateResult<1>;
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        onClick: {
+            action: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const TabDefault: Story;
+//# sourceMappingURL=pd-tab.stories.d.ts.map

package/dist/tmpown/pd-tab.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-tab.stories.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-tab.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,aAAa,CAAC;AAKrB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CA2BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC"}

package/package.json

@@ -3,15 +3,17 @@
   "description": "Webcomponent pd-spa-helper following open-wc recommendations",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",
-  "version": "0.6.9",
+  "version": "0.7.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
+    "./pd-tab": "./dist/pd-tab.js",
     "./pd-panel-viewer": "./dist/pd-panel-viewer.js",
     "./pd-panel": "./dist/pd-panel.js",
     "./pd-icon-panel-button": "./dist/pd-icon-panel-button.js"
+    
   },
   "files": [
     "dist/",
@@ -36,6 +38,7 @@
   "dependencies": {
     "@lit-labs/task": "^1.1.3",
     "@lit/localize": "^0.11.4",
+    "@progressive-development/pd-shared-styles": "^0.1.1",
     "@progressive-development/pd-dialog": "^0.5.8",
     "@progressive-development/pd-forms": "^0.5.7",
     "@progressive-development/pd-icon": "^0.5.0",