@progressive-development/pd-spa-helper 0.7.5 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/dist/PdSpaHelper.d.ts +13 -18
  2. package/dist/PdSpaHelper.d.ts.map +1 -1
  3. package/dist/_virtual/_commonjsHelpers.js +6 -0
  4. package/dist/_virtual/hammer.js +4 -0
  5. package/dist/defaultpage/default-confirm-popup.d.ts.map +1 -1
  6. package/dist/defaultpage/default-dialog-popup.d.ts.map +1 -1
  7. package/dist/defaultpage/default-login.d.ts.map +1 -1
  8. package/dist/defaultpage/default-popup.d.ts.map +1 -1
  9. package/dist/defaultpage/default-step-address.d.ts.map +1 -1
  10. package/dist/defaultpage/default-step-summary.d.ts.map +1 -1
  11. package/dist/defaultpage/default-view-page.d.ts.map +1 -1
  12. package/dist/defaultpage/default-wizard-step.d.ts.map +1 -1
  13. package/dist/defaultpage/default-wizard.d.ts.map +1 -1
  14. package/dist/generated/locale-codes.d.ts.map +1 -1
  15. package/dist/generated/locale-wrapper/be-wrapper.d.ts +54 -13
  16. package/dist/generated/locale-wrapper/be-wrapper.d.ts.map +1 -1
  17. package/dist/generated/locale-wrapper/de-wrapper.d.ts +54 -13
  18. package/dist/generated/locale-wrapper/de-wrapper.d.ts.map +1 -1
  19. package/dist/generated/locale-wrapper/en-wrapper.d.ts +54 -13
  20. package/dist/generated/locale-wrapper/en-wrapper.d.ts.map +1 -1
  21. package/dist/generated/locales/be.d.ts +13 -13
  22. package/dist/generated/locales/be.d.ts.map +1 -1
  23. package/dist/generated/locales/de.d.ts +13 -13
  24. package/dist/generated/locales/de.d.ts.map +1 -1
  25. package/dist/generated/locales/en.d.ts +13 -13
  26. package/dist/generated/locales/en.d.ts.map +1 -1
  27. package/dist/helper/blob-helper.d.ts +3 -0
  28. package/dist/helper/blob-helper.d.ts.map +1 -0
  29. package/dist/helper/date-helper.d.ts +27 -0
  30. package/dist/helper/date-helper.d.ts.map +1 -0
  31. package/dist/helper/locale-format.d.ts +4 -0
  32. package/dist/helper/locale-format.d.ts.map +1 -0
  33. package/dist/helper/number-helper.d.ts +2 -0
  34. package/dist/helper/number-helper.d.ts.map +1 -0
  35. package/dist/helper/offline-watcher-helper.d.ts +3 -0
  36. package/dist/helper/offline-watcher-helper.d.ts.map +1 -0
  37. package/dist/helper/price-helper.d.ts +5 -0
  38. package/dist/helper/price-helper.d.ts.map +1 -0
  39. package/dist/helper/refresh-id-token.d.ts.map +1 -1
  40. package/dist/helper/text-helper.d.ts +3 -0
  41. package/dist/helper/text-helper.d.ts.map +1 -0
  42. package/dist/index.d.ts +8 -4
  43. package/dist/index.d.ts.map +1 -1
  44. package/dist/index.js +23 -11
  45. package/dist/model/spa-model.d.ts +1 -0
  46. package/dist/model/spa-model.d.ts.map +1 -1
  47. package/dist/node_modules/@progressive-development/pd-content/dist/locales/be.js +7 -0
  48. package/dist/node_modules/@progressive-development/pd-content/dist/locales/de.js +7 -0
  49. package/dist/node_modules/@progressive-development/pd-content/dist/locales/en.js +7 -0
  50. package/dist/{src/router/AppMain.js → node_modules/@progressive-development/pd-content/dist/pd-box-view.js} +18 -7
  51. package/dist/node_modules/@progressive-development/pd-content/dist/pd-collapse.js +152 -0
  52. package/dist/node_modules/@progressive-development/pd-content/dist/pd-edit-content.js +225 -0
  53. package/dist/node_modules/@progressive-development/pd-content/dist/pd-more-info.js +84 -0
  54. package/dist/{pd-panel-viewer.js → node_modules/@progressive-development/pd-content/dist/pd-panel-viewer.js} +95 -75
  55. package/dist/{pd-panel.js → node_modules/@progressive-development/pd-content/dist/pd-panel.js} +21 -21
  56. package/dist/node_modules/@progressive-development/pd-content/dist/pd-resize-content.js +64 -0
  57. package/dist/node_modules/@progressive-development/pd-shared-styles/{src/shared-color-styles.js → dist/src/pd-color-styles.js} +13 -14
  58. package/dist/node_modules/@progressive-development/pd-shared-styles/dist/src/pd-font-styles.js +25 -0
  59. package/dist/node_modules/hammerjs/hammer.js +1797 -0
  60. package/dist/node_modules/universal-router/path-to-regexp.js +260 -0
  61. package/dist/node_modules/universal-router/universal-router.js +135 -0
  62. package/dist/popup/wizard-close-popup.d.ts.map +1 -1
  63. package/dist/popup/wizard-reload-popup.d.ts.map +1 -1
  64. package/dist/router/PdRouterService.d.ts +28 -0
  65. package/dist/router/PdRouterService.d.ts.map +1 -0
  66. package/dist/router/rout-types.d.ts +17 -0
  67. package/dist/router/rout-types.d.ts.map +1 -0
  68. package/dist/service-provider/firebase/auth.d.ts +2 -2
  69. package/dist/service-provider/firebase/auth.d.ts.map +1 -1
  70. package/dist/service-provider/firebase/firestorage-client.d.ts.map +1 -1
  71. package/dist/service-provider/firebase/firestore-client.d.ts +1 -1
  72. package/dist/service-provider/firebase/firestore-client.d.ts.map +1 -1
  73. package/dist/service-provider/firebase/functions-client.d.ts.map +1 -1
  74. package/dist/service-provider/firebase/messagingFirebaseClient.d.ts.map +1 -1
  75. package/dist/service-provider/mock/auth.d.ts +1 -1
  76. package/dist/service-provider/mock/auth.d.ts.map +1 -1
  77. package/dist/service-provider/mock/function-client.d.ts +1 -3
  78. package/dist/service-provider/mock/function-client.d.ts.map +1 -1
  79. package/dist/service-provider/mock/storage-client.d.ts.map +1 -1
  80. package/dist/service-provider/service-provider-impl.d.ts +2 -4
  81. package/dist/service-provider/service-provider-impl.d.ts.map +1 -1
  82. package/dist/service-provider/service-provider-model.d.ts +7 -8
  83. package/dist/service-provider/service-provider-model.d.ts.map +1 -1
  84. package/dist/src/PdSpaHelper.js +190 -189
  85. package/dist/src/defaultpage/default-confirm-popup.js +7 -7
  86. package/dist/src/defaultpage/default-dialog-popup.js +16 -18
  87. package/dist/src/defaultpage/default-login.js +4 -6
  88. package/dist/src/defaultpage/default-popup.js +1 -3
  89. package/dist/src/defaultpage/default-step-address.js +5 -7
  90. package/dist/src/defaultpage/default-step-summary.js +8 -6
  91. package/dist/src/defaultpage/default-view-page.js +0 -2
  92. package/dist/src/defaultpage/default-wizard-step.js +6 -8
  93. package/dist/src/defaultpage/default-wizard.js +34 -14
  94. package/dist/src/generated/locale-wrapper/be-wrapper.js +18 -11
  95. package/dist/src/generated/locale-wrapper/de-wrapper.js +18 -11
  96. package/dist/src/generated/locale-wrapper/en-wrapper.js +18 -11
  97. package/dist/src/helper/blob-helper.js +37 -0
  98. package/dist/src/helper/date-helper.js +137 -0
  99. package/dist/src/helper/locale-format.js +19 -0
  100. package/dist/src/helper/number-helper.js +14 -0
  101. package/dist/src/helper/{helper-utils.js → offline-watcher-helper.js} +1 -17
  102. package/dist/src/helper/price-helper.js +25 -0
  103. package/dist/src/helper/refresh-id-token.js +3 -1
  104. package/dist/src/helper/text-helper.js +6 -0
  105. package/dist/src/model/spa-model.js +3 -1
  106. package/dist/src/popup/wizard-close-popup.js +11 -5
  107. package/dist/src/popup/wizard-reload-popup.js +9 -6
  108. package/dist/src/router/PdRouterService.js +112 -0
  109. package/dist/src/service-provider/firebase/firestorage-client.js +33 -12
  110. package/dist/src/service-provider/firebase/firestore-client.js +7 -5
  111. package/dist/src/service-provider/firebase/functions-client.js +11 -9
  112. package/dist/src/service-provider/firebase/messagingFirebaseClient.js +9 -10
  113. package/dist/src/service-provider/mock/storage-client.js +21 -9
  114. package/dist/src/service-provider/service-provider-impl.js +19 -18
  115. package/dist/src/store/spa-app-actions.js +32 -8
  116. package/dist/src/store/spa-app-effects.js +19 -15
  117. package/dist/src/store/spa-app-reducer.js +5 -9
  118. package/dist/src/tmpown/pd-loading-state.js +60 -43
  119. package/dist/src/tmpown/pd-login.js +58 -45
  120. package/dist/src/tmpown/pd-toast.js +23 -20
  121. package/dist/store/indexDB.d.ts.map +1 -1
  122. package/dist/store/mini-rx.store.d.ts.map +1 -1
  123. package/dist/store/spa-app-actions.d.ts +2 -2
  124. package/dist/store/spa-app-actions.d.ts.map +1 -1
  125. package/dist/store/spa-app-effects.d.ts +2 -2
  126. package/dist/store/spa-app-effects.d.ts.map +1 -1
  127. package/dist/store/spa-app-reducer.d.ts.map +1 -1
  128. package/dist/store/spa-app-selector.d.ts.map +1 -1
  129. package/dist/stories/address-edit.stories.d.ts +1 -1
  130. package/dist/stories/address-edit.stories.d.ts.map +1 -1
  131. package/dist/stories/address-new.stories.d.ts +1 -1
  132. package/dist/stories/address-new.stories.d.ts.map +1 -1
  133. package/dist/stories/pd-loading-state.stories.d.ts +1 -1
  134. package/dist/stories/pd-loading-state.stories.d.ts.map +1 -1
  135. package/dist/stories/pd-toast.stories.d.ts +1 -1
  136. package/dist/stories/pd-toast.stories.d.ts.map +1 -1
  137. package/dist/stories/routing.stories.d.ts +24 -0
  138. package/dist/stories/routing.stories.d.ts.map +1 -0
  139. package/dist/stories/test-impls/test-mock-app.d.ts +15 -0
  140. package/dist/stories/test-impls/test-mock-app.d.ts.map +1 -0
  141. package/dist/stories/test-impls/test-pages/test-home-page.d.ts +7 -0
  142. package/dist/stories/test-impls/test-pages/test-home-page.d.ts.map +1 -0
  143. package/dist/stories/test-impls/test-pages/test-not-found-page.d.ts +5 -0
  144. package/dist/stories/test-impls/test-pages/test-not-found-page.d.ts.map +1 -0
  145. package/dist/tmpown/pd-loading-state.d.ts.map +1 -1
  146. package/dist/tmpown/pd-login.d.ts.map +1 -1
  147. package/dist/tmpown/pd-toast.d.ts.map +1 -1
  148. package/package.json +42 -79
  149. package/dist/helper/helper-utils.d.ts +0 -6
  150. package/dist/helper/helper-utils.d.ts.map +0 -1
  151. package/dist/node_modules/@progressive-development/pd-shared-styles/src/shared-font-styles.js +0 -32
  152. package/dist/pd-icon-panel-button.d.ts +0 -2
  153. package/dist/pd-icon-panel-button.js +0 -231
  154. package/dist/pd-panel-viewer.d.ts +0 -2
  155. package/dist/pd-panel.d.ts +0 -2
  156. package/dist/pd-tab.d.ts +0 -2
  157. package/dist/pd-tab.js +0 -146
  158. package/dist/router/AppMain.d.ts +0 -7
  159. package/dist/router/AppMain.d.ts.map +0 -1
  160. package/dist/service-call-controller2.d.ts +0 -17
  161. package/dist/service-call-controller2.d.ts.map +0 -1
  162. package/dist/stories/pd-icon-button.stories.d.ts +0 -30
  163. package/dist/stories/pd-icon-button.stories.d.ts.map +0 -1
  164. package/dist/tmpown/pd-icon-panel-button.d.ts +0 -17
  165. package/dist/tmpown/pd-icon-panel-button.d.ts.map +0 -1
  166. package/dist/tmpown/pd-panel-viewer.d.ts +0 -17
  167. package/dist/tmpown/pd-panel-viewer.d.ts.map +0 -1
  168. package/dist/tmpown/pd-panel.d.ts +0 -6
  169. package/dist/tmpown/pd-panel.d.ts.map +0 -1
  170. package/dist/tmpown/pd-tab.d.ts +0 -19
  171. package/dist/tmpown/pd-tab.d.ts.map +0 -1
  172. package/dist/tmpown/pd-tab.stories.d.ts +0 -23
  173. package/dist/tmpown/pd-tab.stories.d.ts.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-home-page.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-pages/test-home-page.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5D,qBACa,YAAa,SAAQ,UAAU;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAEhE,OAAgB,MAAM,EAAE,cAAc,CAOpC;IAEF,MAAM;CAGP"}
@@ -0,0 +1,5 @@
1
+ import { LitElement } from 'lit';
2
+ export declare class TestNotFoundPage extends LitElement {
3
+ render(): import('lit-html').TemplateResult<1>;
4
+ }
5
+ //# sourceMappingURL=test-not-found-page.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-not-found-page.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-pages/test-not-found-page.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM;CAGP"}
@@ -1 +1 @@
1
- {"version":3,"file":"pd-loading-state.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-loading-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAC;AAGnD,qBAEa,cAAe,SAAQ,UAAU;IAG5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,MAAM,CAAC,MAAM,iBAmHO;IAEpB,MAAM;IAWN,cAAc;CA+Bf"}
1
+ {"version":3,"file":"pd-loading-state.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-loading-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,qBAEa,cAAe,SAAQ,UAAU;IAE5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,MAAM,CAAC,MAAM,EAqHR,cAAc,CAAC;IAEpB,MAAM;IASN,cAAc;CA0Df"}
@@ -1 +1 @@
1
- {"version":3,"file":"pd-login.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAKrD,qBACa,OAAQ,SAAQ,UAAU;IAErC;;OAEG;IAEH,MAAM,KAAK,MAAM,8BAuBhB;IAED,MAAM;IAyCN,YAAY;IAwCZ,mBAAmB,CAAC,GAAG,EAAE,MAAM;CAUhC"}
1
+ {"version":3,"file":"pd-login.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAIrD,qBACa,OAAQ,SAAQ,UAAU;IACrC;;OAEG;IAEH,MAAM,KAAK,MAAM,8BAsBhB;IAED,MAAM;IA2CN,YAAY;IAoDZ,mBAAmB,CAAC,GAAG,EAAE,MAAM;CAYhC"}
@@ -1 +1 @@
1
- {"version":3,"file":"pd-toast.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-toast.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IAGrC,OAAO,EAAE,OAAO,CAAS;IAGzB,SAAS,EAAE,OAAO,CAAS;IAG3B,QAAQ,EAAE,MAAM,CAAQ;IAExB,MAAM,CAAC,MAAM,0BA+CT;IAEJ,MAAM;IAON,iBAAiB;IAMjB,OAAO,CAAC,YAAY,EAAC,GAAG;IAUxB,KAAK;IAwBL,MAAM;CAIP"}
1
+ {"version":3,"file":"pd-toast.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IAErC,OAAO,EAAE,OAAO,CAAS;IAGzB,SAAS,EAAE,OAAO,CAAS;IAG3B,QAAQ,EAAE,MAAM,CAAQ;IAExB,MAAM,CAAC,MAAM,0BA6CX;IAEF,MAAM;IAWN,iBAAiB;IAKjB,OAAO,CAAC,YAAY,EAAE,GAAG;IAUzB,KAAK;IAwBL,MAAM;CAIP"}
package/package.json CHANGED
@@ -1,18 +1,14 @@
1
1
  {
2
2
  "name": "@progressive-development/pd-spa-helper",
3
+ "version": "0.8.0",
3
4
  "description": "Webcomponent pd-spa-helper following open-wc recommendations",
4
5
  "author": "PD Progressive Development",
5
6
  "license": "SEE LICENSE IN LICENSE",
6
- "version": "0.7.5",
7
7
  "main": "./dist/index.js",
8
8
  "module": "./dist/index.js",
9
9
  "types": "./dist/index.d.ts",
10
10
  "exports": {
11
- ".": "./dist/index.js",
12
- "./pd-tab": "./dist/pd-tab.js",
13
- "./pd-panel-viewer": "./dist/pd-panel-viewer.js",
14
- "./pd-panel": "./dist/pd-panel.js",
15
- "./pd-icon-panel-button": "./dist/pd-icon-panel-button.js"
11
+ ".": "./dist/index.js"
16
12
  },
17
13
  "files": [
18
14
  "dist/",
@@ -21,103 +17,70 @@
21
17
  "LICENSE"
22
18
  ],
23
19
  "scripts": {
24
- "analyze": "cem analyze --litelement",
20
+ "analyze": "cem analyze --litelement --exclude dist,demo",
25
21
  "start": "vite",
26
- "build": "vite build && npm run analyze -- --exclude dist",
27
- "prepublish": "vite build && npm run analyze -- --exclude dist",
28
- "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
29
- "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
22
+ "build": "vite build",
23
+ "preview": "vite preview",
24
+ "clean": "rm -rf dist",
25
+ "lint": "eslint --ext .ts,.html src --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
26
+ "format": "eslint --ext .ts,.html src --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
30
27
  "test": "vitest run --coverage",
31
28
  "test:watch": "vitest --watch",
29
+ "check": "npm run lint && npm run build",
30
+ "prepublishOnly": "npm run clean && npm run check",
32
31
  "localizeExtract": "lit-localize extract",
33
32
  "localizeBuild": "lit-localize build",
34
33
  "storybook": "storybook dev -p 6006",
35
34
  "build-storybook": "storybook build"
36
35
  },
37
36
  "dependencies": {
38
- "@lit-labs/task": "^1.1.3",
39
- "@lit/localize": "^0.11.4",
40
- "@progressive-development/pd-dialog": "^0.5.8",
41
- "@progressive-development/pd-forms": "^0.5.7",
42
- "@progressive-development/pd-icon": "^0.5.0",
43
- "@progressive-development/pd-order": "^0.5.16",
44
- "@progressive-development/pd-page": "^0.5.10",
45
- "@progressive-development/pd-shared-styles": "^0.1.1",
46
- "@progressive-development/pd-wizard": "^0.5.8",
47
- "@types/hammerjs": "^2.0.46",
37
+ "@lit/localize": "^0.12.2",
38
+ "@progressive-development/pd-content": "^0.6.2",
39
+ "@progressive-development/pd-dialog": "^0.6.0",
40
+ "@progressive-development/pd-forms": "^0.6.0",
41
+ "@progressive-development/pd-icon": "^0.6.1",
42
+ "@progressive-development/pd-order": "^0.6.0",
43
+ "@progressive-development/pd-page": "^0.6.0",
44
+ "@progressive-development/pd-shared-styles": "^0.2.1",
45
+ "@progressive-development/pd-wizard": "^0.6.0",
46
+ "date-fns": "^2.30.0",
48
47
  "firebase": "^10.14.1",
49
- "hammerjs": "^2.0.8",
50
- "lit": "^2.8.0",
51
- "lit-element-router": "^2.0.3",
48
+ "lit": "^3.3.0",
52
49
  "mini-rx-store": "^5.1.0",
53
50
  "rxjs": "^7.8.2",
54
51
  "ts-action": "^11.0.0",
55
- "ts-action-operators": "^9.1.2"
52
+ "ts-action-operators": "^9.1.2",
53
+ "universal-router": "^10.0.0"
56
54
  },
57
55
  "devDependencies": {
58
56
  "@chromatic-com/storybook": "^1.9.0",
59
57
  "@custom-elements-manifest/analyzer": "^0.4.17",
60
58
  "@lit/localize-tools": "^0.6.10",
61
- "@storybook/addon-essentials": "^8.6.12",
62
- "@storybook/addon-links": "^8.6.12",
59
+ "@storybook/addon-essentials": "^8.6.14",
60
+ "@storybook/addon-links": "^8.6.14",
63
61
  "@storybook/blocks": "^8.0.10",
64
- "@storybook/test": "^8.6.12",
62
+ "@storybook/test": "^8.6.14",
65
63
  "@storybook/web-components": "^8.0.10",
66
- "@storybook/web-components-vite": "^8.6.12",
67
- "@typescript-eslint/eslint-plugin": "^4.33.0",
68
- "@typescript-eslint/parser": "^4.33.0",
69
- "concurrently": "^5.3.0",
70
- "eslint": "^7.32.0",
71
- "eslint-config-prettier": "^8.10.0",
64
+ "@storybook/web-components-vite": "^8.6.14",
65
+ "@typescript-eslint/eslint-plugin": "^8.32.1",
66
+ "@typescript-eslint/parser": "^8.32.1",
67
+ "eslint": "^8.57.1",
68
+ "eslint-config-prettier": "^9.1.0",
72
69
  "eslint-plugin-storybook": "^0.8.0",
73
- "husky": "^4.3.8",
74
- "lint-staged": "^10.5.4",
75
- "prettier": "^2.8.8",
70
+ "prettier": "^3.5.3",
76
71
  "rollup-plugin-visualizer": "^5.14.0",
77
- "storybook": "^8.6.12",
78
- "tslib": "^2.8.1",
79
- "typescript": "^4.9.5",
72
+ "storybook": "^8.6.14",
73
+ "typescript": "^5.8.3",
80
74
  "vite": "^5.4.19",
81
- "vite-plugin-dts": "^4.5.3",
75
+ "vite-plugin-dts": "^4.5.4",
82
76
  "vitest": "^2.1.9"
83
77
  },
84
78
  "customElements": "custom-elements.json",
85
- "eslintConfig": {
86
- "parser": "@typescript-eslint/parser",
87
- "extends": [
88
- "@open-wc",
89
- "prettier",
90
- "plugin:storybook/recommended"
91
- ],
92
- "plugins": [
93
- "@typescript-eslint"
94
- ],
95
- "rules": {
96
- "no-unused-vars": "off",
97
- "@typescript-eslint/no-unused-vars": [
98
- "error",
99
- {
100
- "varsIgnorePattern": "^(customElement|property|state|[A-Za-z].*)$"
101
- }
102
- ],
103
- "import/no-unresolved": "off",
104
- "import/extensions": [
105
- "error",
106
- "always",
107
- {
108
- "ignorePackages": true
109
- }
110
- ]
111
- }
112
- },
113
- "prettier": {
114
- "singleQuote": true,
115
- "arrowParens": "avoid"
116
- },
117
- "lint-staged": {
118
- "*.ts": [
119
- "eslint --fix",
120
- "prettier --write"
121
- ]
122
- }
79
+ "keywords": [
80
+ "pd",
81
+ "progressive",
82
+ "development",
83
+ "content",
84
+ "collapse"
85
+ ]
123
86
  }
@@ -1,6 +0,0 @@
1
- export declare const isEmpty: (field?: string) => boolean;
2
- export declare const isBlank: (field?: string) => boolean;
3
- export declare const deactivateOfflineWatcher: () => void;
4
- export declare const activateOfflineWatcher: (firstCall: boolean) => void;
5
- export declare const isValidNumber: (value: string) => boolean;
6
- //# sourceMappingURL=helper-utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"helper-utils.d.ts","sourceRoot":"","sources":["../../src/helper/helper-utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,WAAY,MAAM,KAAE,OAAiC,CAAC;AAE1E,eAAO,MAAM,OAAO,WAAY,MAAM,KAAE,OAA0C,CAAC;AAKnF,eAAO,MAAM,wBAAwB,YAGpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,cAAe,OAAO,SAOxD,CAAC;AAEF,eAAO,MAAM,aAAa,UAAU,MAAM,KAAE,OAU3C,CAAA"}
@@ -1,32 +0,0 @@
1
- import { css } from "lit";
2
- /**
3
- * @license
4
- * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
5
- */
6
- const PDFontStyles = css`
7
-
8
- :host {
9
- /**
10
- * Set default fonts for all pd-components.
11
- * Use content, title and input categories for fonts.
12
- */
13
- --pd-default-font-title-family: var(--app-font-title-family);
14
- --pd-default-font-content-family: var(--app-font-content-family);
15
- --pd-default-font-input-family: var(--app-font-input-family);
16
- --pd-default-font-link-family: var(--app-font-link-family);
17
-
18
- --pd-default-font-title-col: var(--app-font-title-col, #0A3A48);
19
- --pd-default-font-content-col: var(--app-font-content-col, #353738);
20
- --pd-default-font-input-col: var(--app-font-input-col, #353738);
21
- --pd-default-font-link-col: var(--app-font-link-col, #067394);
22
- --pd-default-font-link-col-hover: var(--app-font-link-col, #451A46);
23
-
24
- --pd-default-font-link-size: var(--app-font-link-size, 0.9em);
25
- --pd-default-font-content-size: var(--app-font-content-size, 1em);
26
- --pd-default-font-input-size: var(--app-font-input-size, 1em);
27
- }
28
-
29
- `;
30
- export {
31
- PDFontStyles
32
- };
@@ -1,2 +0,0 @@
1
- export * from './tmpown/pd-icon-panel-button'
2
- export {}
@@ -1,231 +0,0 @@
1
- import { css, LitElement, html } from "lit";
2
- import { property, state, customElement } from "lit/decorators.js";
3
- import "@progressive-development/pd-icon/pd-icon";
4
- var __defProp = Object.defineProperty;
5
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __decorateClass = (decorators, target, key, kind) => {
7
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
8
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
9
- if (decorator = decorators[i])
10
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
11
- if (kind && result) __defProp(target, key, result);
12
- return result;
13
- };
14
- let PdIconPanelButton = class extends LitElement {
15
- constructor() {
16
- super(...arguments);
17
- this.buttonText = "Ok";
18
- this.panelButton = false;
19
- this._panelOpen = false;
20
- this._closePanel = () => {
21
- this._panelOpen = false;
22
- };
23
- }
24
- connectedCallback() {
25
- super.connectedCallback();
26
- window.addEventListener("close-button-panel-event", this._closePanel);
27
- }
28
- disconnectedCallback() {
29
- window.removeEventListener("close-button-panel-event", this._closePanel);
30
- super.disconnectedCallback();
31
- }
32
- // ${this._daySyncDisabled ? "element-hint" : ""} => for div class
33
- render() {
34
- return html`
35
- <div class="icon-button-style"
36
- role="button"
37
- tabindex="0"
38
- @click="${this._buttonClicked}"
39
- @keydown="${this._onKeyDown}">
40
- ${this.pdButtonIcon ? html`
41
- <pd-icon
42
- class="icon action-icon-color"
43
- icon="${this.pdButtonIcon}"
44
- activeIcon
45
- ></pd-icon>
46
- ` : ""}
47
- <span>${this.buttonText}</span>
48
- </div>
49
-
50
- <div class="panel ${this._panelOpen ? "open" : ""}">
51
- <button class="close-button" @click="${this._togglePanel}">&times;</button>
52
- <div class="panel-content">
53
- <slot></slot>
54
- </div>
55
- </div>
56
- `;
57
- }
58
- _onKeyDown(event) {
59
- if (event.key === "Enter" || event.key === " ") {
60
- event.preventDefault();
61
- this._buttonClicked();
62
- }
63
- }
64
- _buttonClicked() {
65
- if (this.panelButton) {
66
- this._togglePanel();
67
- } else {
68
- this.dispatchEvent(new CustomEvent("button-clicked", {
69
- detail: this.value
70
- }));
71
- }
72
- }
73
- _togglePanel() {
74
- this._panelOpen = !this._panelOpen;
75
- this.dispatchEvent(new CustomEvent("panel-button-toggled", {
76
- detail: { open: this._panelOpen }
77
- }));
78
- }
79
- };
80
- PdIconPanelButton.styles = [
81
- css`
82
-
83
- :host {
84
- display: inline-block; /* Verhindert, dass :host die volle Breite bekommt */
85
- position: relative;
86
- width: var(--pd-icon-button-width, auto);
87
- }
88
-
89
- :host([disabled]) {
90
- pointer-events: none;
91
- }
92
-
93
- .icon-button-style {
94
- z-index: 6;
95
- background: #58a linear-gradient(hsla(0, 0%, 100%, 0.2), transparent);
96
- background-color: var(--pd-icon-button-bgcol, #0c6fc5);
97
- padding: 0.3em 0.8em;
98
- border: 1px solid var(--pd-icon-button-bordercol, rgba(0, 0, 0, 0.5));
99
- border-radius: var(--pd-icon-button-border-radius, 0.2em);
100
- transition: background-color 0.3s ease;
101
- --pd-icon-size: 20px;
102
- color: var(--pd-icon-button-txtcol, white);
103
- text-shadow: 0 - 0.05em 0.05em rgba(0, 0, 0, 0.5);
104
- font-size: var(--pd-icon-button-font-size, 125%);
105
- line-height: var(--pd-icon-button-line-height, 1.5);
106
- height: var(--pd-icon-button-height, auto);
107
- display: flex;
108
- align-items: center;
109
- justify-content: center;
110
- text-align: center;
111
- }
112
-
113
- :host(:not([disabled])) .icon-button-style:hover {
114
- background-color: var(--pd-icon-button-bgcol-hover, #fdae03f3);
115
- cursor: pointer;
116
- }
117
-
118
- :host([disabled]) .icon-button-style {
119
- background: linear-gradient(to bottom, #e0e0e0, #c4c4c4); /* Matte, deaktivierte Optik */
120
- color: #696868; /* Text weniger dominant */
121
- border-color: #b0b0b0; /* Weniger Kontrast */
122
- cursor: not-allowed;
123
- opacity: 0.6; /* Leichter "inaktiv"-Effekt */
124
- text-shadow: none; /* Kein 3D-Effekt */
125
-
126
- }
127
-
128
- :host(:not([disabled])[primary]) .icon-button-style {
129
- background-color: var(--pd-icon-button-primary-bgcol, #044176);
130
- color: var(--pd-icon-button-primary-txtcol, white);
131
- }
132
-
133
- :host(:not([disabled])[primary]) .icon-button-style:hover {
134
- background-color: var(--pd-icon-button-primary-bgcol-hover, #fdae03f3);
135
- cursor: pointer;
136
- }
137
-
138
- .panel {
139
- position: absolute;
140
- width: max-content; /* Verhindert volle Breite */
141
- min-width: 120%; /* Panel wird etwas breiter als der Button */
142
- max-width: 300px; /* Optional: Maximale Breite */
143
- transform: scaleY(0);
144
- background: var(--pd-panel-bg, white);
145
- border-radius: 5px;
146
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
147
- transition: transform 0.2s ease-out, opacity 0.2s ease-out;
148
- opacity: 0;
149
- z-index: 5;
150
- }
151
-
152
- .panel.open {
153
- transform: scaleY(1);
154
- opacity: 1;
155
- }
156
-
157
- .panel-content {
158
- padding: 1rem;
159
- min-height: 50px;
160
- }
161
-
162
- .close-button {
163
- position: absolute;
164
- top: 5px;
165
- right: 5px;
166
- background: transparent;
167
- border: none;
168
- color: #555;
169
- font-size: 1.2rem;
170
- cursor: pointer;
171
- padding: 5px;
172
- line-height: 1;
173
- transition: color 0.2s ease-in-out;
174
- }
175
-
176
- .close-button:hover {
177
- color: black;
178
- }
179
-
180
- /* Standard (nach unten öffnend, linksbündig) */
181
- :host(:not([right]):not([up])) .panel {
182
- left: 0; /* Panel beginnt exakt unter dem Button */
183
- top: 100%; /* Panel öffnet sich nach unten */
184
- transform-origin: top; /* Wächst nach unten */
185
- }
186
-
187
- /* Standard (nach unten öffnend, rechtsbündig) */
188
- :host([right]:not([up])) .panel {
189
- right: 0; /* Panel beginnt rechtsbündig am Button */
190
- top: 100%;
191
- transform-origin: top right;
192
- }
193
-
194
- /* 🔼 Panel öffnet sich nach OBEN (links ausgerichtet) */
195
- :host(:not([right])[up]) .panel {
196
- left: 0;
197
- bottom: 100%; /* Panel öffnet sich nach oben */
198
- transform-origin: bottom;
199
- }
200
-
201
- /* 🔼 Panel öffnet sich nach OBEN (rechts ausgerichtet) */
202
- :host([right][up]) .panel {
203
- right: 0;
204
- bottom: 100%; /* Panel öffnet sich nach oben */
205
- transform-origin: bottom right;
206
- }
207
-
208
-
209
- `
210
- ];
211
- __decorateClass([
212
- property({ type: String })
213
- ], PdIconPanelButton.prototype, "pdButtonIcon", 2);
214
- __decorateClass([
215
- property({ type: String })
216
- ], PdIconPanelButton.prototype, "buttonText", 2);
217
- __decorateClass([
218
- property({ type: String })
219
- ], PdIconPanelButton.prototype, "value", 2);
220
- __decorateClass([
221
- property({ type: Boolean })
222
- ], PdIconPanelButton.prototype, "panelButton", 2);
223
- __decorateClass([
224
- state()
225
- ], PdIconPanelButton.prototype, "_panelOpen", 2);
226
- PdIconPanelButton = __decorateClass([
227
- customElement("pd-icon-panel-button")
228
- ], PdIconPanelButton);
229
- export {
230
- PdIconPanelButton
231
- };
@@ -1,2 +0,0 @@
1
- export * from './tmpown/pd-panel-viewer'
2
- export {}
@@ -1,2 +0,0 @@
1
- export * from './tmpown/pd-panel'
2
- export {}
package/dist/pd-tab.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from './tmpown/pd-tab'
2
- export {}
package/dist/pd-tab.js DELETED
@@ -1,146 +0,0 @@
1
- import { css, LitElement, html } from "lit";
2
- import { property, customElement } from "lit/decorators.js";
3
- import { PDColorStyles } from "./node_modules/@progressive-development/pd-shared-styles/src/shared-color-styles.js";
4
- import { PDFontStyles } from "./node_modules/@progressive-development/pd-shared-styles/src/shared-font-styles.js";
5
- import "@progressive-development/pd-icon/pd-icon";
6
- var __defProp = Object.defineProperty;
7
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
8
- var __decorateClass = (decorators, target, key, kind) => {
9
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
10
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
11
- if (decorator = decorators[i])
12
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
13
- if (kind && result) __defProp(target, key, result);
14
- return result;
15
- };
16
- let PdTab = class extends LitElement {
17
- constructor() {
18
- super(...arguments);
19
- this.tabs = [];
20
- }
21
- update(changedProperties) {
22
- if (changedProperties.has("defaultTab") && this.defaultTab) {
23
- console.log("PdTab: Set active from default selection", this.defaultTab);
24
- this._activeTab = this.defaultTab;
25
- }
26
- super.update(changedProperties);
27
- }
28
- render() {
29
- return html`
30
- <div class="header-container">
31
- ${this.tabs.map((t) => html`
32
- <div class="tab-header ${this._activeTab === t.key ? "active-header" : ""} ${t.disabled ? "disabled-header" : ""}"
33
- data-key="${t.key}"
34
- @click="${this._tabSelected}">${t.name}</div>
35
- `)}
36
- </div>
37
- ${this.tabs.map((t) => html`
38
- <div id="${`slot${t.key}`}" class="slot-container ${this._activeTab === t.key ? "active-slot" : ""}">
39
- <slot name="${t.key}"></slot>
40
- </div>
41
- `)}
42
- `;
43
- }
44
- reset() {
45
- this._activeTab = this.defaultTab;
46
- }
47
- // eslint-disable-next-line class-methods-use-this
48
- _tabSelected(e) {
49
- var _a, _b;
50
- this._activeTab = (_b = (_a = e.target) == null ? void 0 : _a.dataset) == null ? void 0 : _b.key;
51
- this.dispatchEvent(
52
- new CustomEvent("tab-selected", {
53
- detail: this._activeTab
54
- })
55
- );
56
- }
57
- };
58
- PdTab.styles = [
59
- PDColorStyles,
60
- PDFontStyles,
61
- css`
62
- :host {
63
- display: block;
64
- }
65
-
66
- .header-container {
67
- display: flex;
68
- }
69
-
70
- .tab-header {
71
- padding: var(--pd-tab-header-padding, 0.8em 1.5em);
72
- background-color: var(--pd-tab-bg-col, var(--pd-default-light-col));
73
- font-family: var(--pd-default-font-title-family);
74
- color: var(--pd-tab-text-col, var(--pd-default-font-title-col));
75
- cursor: pointer;
76
- border: 2px solid var(--pd-tab-border-col, #ccc); /* Dünner Rahmen */
77
- border-bottom: none; /* Tabs sollen nahtlos an den Inhalt anschließen */
78
- border-radius: 8px 8px 0 0; /* Abgerundete obere Ecken */
79
- display: inline-block; /* Tabs nebeneinander anzeigen */
80
- margin-right: 5px; /* Abstand zwischen Tabs */
81
- box-shadow: var(--pd-tab-shadow, 0 2px 4px rgba(0, 0, 0, 0.1)); /* Leichter Schatten für Tiefe */
82
- transition: background-color 0.3s, box-shadow 0.3s; /* Weiche Übergänge bei Hover */
83
- }
84
-
85
- .tab-header:hover {
86
- background-color: var(--pd-tab-bg-hover-col, var(--pd-default-hover-col));
87
- box-shadow: var(--pd-tab-shadow-hover, 0 4px 8px rgba(0, 0, 0, 0.2)); /* Schattenintensität bei Hover erhöhen */
88
- }
89
-
90
- .tab-header.active-header {
91
- background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
92
- border-bottom: 2px solid var(--pd-tab-border-active-col, var(--pd-default-col));
93
- color: var(--pd-tab-active-text-col, var(--pd-default-bg-col)); /* Textfarbe für aktiven Tab */
94
- box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
95
- }
96
-
97
- .tab-header.disabled-header {
98
- background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
99
- border-bottom: 2px solid var(--pd-tab-border-active-col, var(--pd-default-col));
100
- color: var(--pd-tab-active-text-col, var(--pd-default-bg-col)); /* Textfarbe für aktiven Tab */
101
- box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
102
- }
103
-
104
- .tab-header.disabled-header {
105
- pointer-events: none; /* Deaktiviert die Klickbarkeit */
106
- background-color: var(--pd-tab-disabled-bg-col, #f0f0f0); /* Hellere Farbe für deaktivierte Tabs */
107
- color: var(--pd-tab-disabled-text-col, #999); /* Hellere Textfarbe */
108
- border-color: var(--pd-tab-disabled-border-col, #ddd); /* Angepasste Rahmenfarbe */
109
- cursor: not-allowed; /* Zeigt an, dass der Tab nicht interaktiv ist */
110
- opacity: 0.6; /* Reduziert die Sichtbarkeit für einen "deaktivierten" Look */
111
- }
112
-
113
- .tab-header:focus {
114
- outline: none; /* Entfernt den Standardfokusrahmen */
115
- box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5); /* Fokusring für Tastaturnavigation */
116
- }
117
-
118
- .slot-container {
119
- display: none;
120
- }
121
-
122
- .active-slot {
123
- padding: var(--pd-tab-content-padding, 1em);
124
- display: block;
125
- border: var(--pd-tab-content-border, 1px solid var(--pd-default-col));
126
- border-top: var(--pd-tab-content-border-top, 3px solid var(--pd-default-col));
127
- }
128
-
129
-
130
- `
131
- ];
132
- __decorateClass([
133
- property({ type: Array })
134
- ], PdTab.prototype, "tabs", 2);
135
- __decorateClass([
136
- property({ type: String })
137
- ], PdTab.prototype, "defaultTab", 2);
138
- __decorateClass([
139
- property({ type: String, state: true })
140
- ], PdTab.prototype, "_activeTab", 2);
141
- PdTab = __decorateClass([
142
- customElement("pd-tab")
143
- ], PdTab);
144
- export {
145
- PdTab
146
- };
@@ -1,7 +0,0 @@
1
- import { LitElement } from 'lit';
2
- declare const AppMain_base: import('lit-element-router').Constructor<import('lit-element-router').Outlet> & typeof LitElement;
3
- export declare class AppMain extends AppMain_base {
4
- render(): import('lit-html').TemplateResult<1>;
5
- }
6
- export {};
7
- //# sourceMappingURL=AppMain.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppMain.d.ts","sourceRoot":"","sources":["../../src/router/AppMain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;;AAIrC,qBACa,OAAQ,SAAQ,YAAkB;IAC7C,MAAM;CAGP"}
@@ -1,17 +0,0 @@
1
- import { ReactiveControllerHost } from 'lit';
2
- import { FunctionDefinition, FunctionResult } from './service-provider/service-provider-model.js';
3
- export interface ServiceControllerInput {
4
- promise: Promise<FunctionResult>;
5
- func: FunctionDefinition;
6
- }
7
- export declare class ServiceCallController {
8
- host: ReactiveControllerHost;
9
- private task;
10
- private _callDataPromise;
11
- constructor(host: ReactiveControllerHost);
12
- set callDataPromise(value: ServiceControllerInput);
13
- get callDataPromise(): ServiceControllerInput;
14
- clear(): void;
15
- render(renderFunctions: any): unknown;
16
- }
17
- //# sourceMappingURL=service-call-controller2.d.ts.map