xv-webcomponents 2.0.0-beta.2 → 2.0.0-beta.28

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 (166) hide show
  1. package/README.md +3 -2
  2. package/dist/angular/index.d.ts +1 -1
  3. package/dist/angular/index.js +3 -4
  4. package/dist/angular/proxies.d.ts +60 -34
  5. package/dist/angular/proxies.js +51 -67
  6. package/dist/angular/web-components.module.d.ts +1 -1
  7. package/dist/angular/web-components.module.js +10 -13
  8. package/dist/cjs/{index-Cfa6bBQW.js → index-DaTpiyaU.js} +1 -1
  9. package/dist/cjs/{index-Cixkr3sz.js → index-Dwhgrew8.js} +15 -10
  10. package/dist/cjs/index.cjs.js +2 -2
  11. package/dist/cjs/loader.cjs.js +2 -2
  12. package/dist/cjs/{xv-accordion-v2_50.cjs.entry.js → xv-accordion-v2_49.cjs.entry.js} +1529 -147
  13. package/dist/cjs/xv-header-next.cjs.entry.js +2 -2
  14. package/dist/cjs/xv-mega-menu-next.cjs.entry.js +2 -2
  15. package/dist/cjs/xv-webcomponents.cjs.js +3 -3
  16. package/dist/collection/collection-manifest.json +1 -2
  17. package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js +9 -8
  18. package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.css +129 -61
  19. package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +277 -78
  20. package/dist/collection/components/xv-table/xv-table-row/xv-table-row.css +138 -24
  21. package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +334 -168
  22. package/dist/collection/components/xv-table/xv-table.css +240 -99
  23. package/dist/collection/components/xv-table/xv-table.js +2056 -63
  24. package/dist/collection/components/xv-table/xv-table.model.js +10 -0
  25. package/dist/collection/components/xv-table/xv-table.utils.js +243 -0
  26. package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
  27. package/dist/collection/components/xv-tag/xv-tag.js +1 -1
  28. package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
  29. package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
  30. package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
  31. package/dist/collection/components/xv-tile/xv-tile.js +2 -2
  32. package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
  33. package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
  34. package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
  35. package/dist/collection/utils/table-layout.js +130 -0
  36. package/dist/components/index.js +1 -1
  37. package/dist/components/p-B0kwaJ8n.js +1 -0
  38. package/dist/components/{p-CbVZCn2p.js → p-BEoh0dZI.js} +1 -1
  39. package/dist/components/{p-ZYJfCCwX.js → p-BaZ-srfu.js} +1 -1
  40. package/dist/components/{p-DyGMZIub.js → p-Bej2l-wN.js} +1 -1
  41. package/dist/components/{p-Ddx5DwV5.js → p-BfhvpeQh.js} +1 -1
  42. package/dist/components/{p-kQVUwJXZ.js → p-CSYnNMKb.js} +1 -1
  43. package/dist/components/{p-BNP2Lw34.js → p-CspyoLL9.js} +1 -1
  44. package/dist/components/p-CvgDDcjp.js +1 -0
  45. package/dist/components/{p-COoj5JkZ.js → p-D4FwGeDJ.js} +1 -1
  46. package/dist/components/p-DCvH_Br_.js +1 -0
  47. package/dist/components/{p-CEjlxnKY.js → p-DFe9Mtw_.js} +1 -1
  48. package/dist/components/{p-BRZwUlfE.js → p-DFtMwE-h.js} +1 -1
  49. package/dist/components/p-DIvi4fI3.js +1 -0
  50. package/dist/components/{p-DTwz9Fsh.js → p-DNRISLNf.js} +1 -1
  51. package/dist/components/p-DPnvoOYj.js +1 -0
  52. package/dist/components/{p-Dzz9jxLm.js → p-Dwbe941A.js} +1 -1
  53. package/dist/components/{p-CMAJWZsP.js → p-JClekcEh.js} +1 -1
  54. package/dist/components/{p-DtUNYh73.js → p-NoM9oIJn.js} +1 -1
  55. package/dist/components/{p-DlLBjhuH.js → p-XEk4dHG3.js} +1 -1
  56. package/dist/components/p-i7_81si-.js +1 -0
  57. package/dist/components/{p-BRYrLHiz.js → p-i82EFiq6.js} +1 -1
  58. package/dist/components/{p-BXB4D7j4.js → p-jD7nSJaM.js} +1 -1
  59. package/dist/components/xv-accordion-v2-item.js +1 -1
  60. package/dist/components/xv-accordion-v2.js +1 -1
  61. package/dist/components/xv-breadcrumbs-v2.js +1 -1
  62. package/dist/components/xv-button-group-v2.js +1 -1
  63. package/dist/components/xv-button-v2.js +1 -1
  64. package/dist/components/xv-card-v2.js +1 -1
  65. package/dist/components/xv-checkbox-v2.js +1 -1
  66. package/dist/components/xv-content-switcher-item-v2.js +1 -1
  67. package/dist/components/xv-content-switcher-v2.js +1 -1
  68. package/dist/components/xv-data-table-cell.js +1 -1
  69. package/dist/components/xv-data-table-collapse.js +1 -1
  70. package/dist/components/xv-data-table-row.js +1 -1
  71. package/dist/components/xv-data-table.js +2 -2
  72. package/dist/components/xv-date-picker.js +1 -1
  73. package/dist/components/xv-datepicker.js +1 -1
  74. package/dist/components/xv-dropdown-v2-item.js +1 -1
  75. package/dist/components/xv-dropdown-v2.js +1 -1
  76. package/dist/components/xv-file-uploader.js +1 -1
  77. package/dist/components/xv-footer.js +1 -1
  78. package/dist/components/xv-geo-map-v2.js +1 -1
  79. package/dist/components/xv-header-next.js +1 -1
  80. package/dist/components/xv-header.js +1 -1
  81. package/dist/components/xv-image-viewer.js +1 -1
  82. package/dist/components/xv-link-v2.js +1 -1
  83. package/dist/components/xv-loader-v2.js +1 -1
  84. package/dist/components/xv-login-modal.js +1 -1
  85. package/dist/components/xv-mega-menu-next.js +1 -1
  86. package/dist/components/xv-mega-menu.js +1 -1
  87. package/dist/components/xv-modal-v2.js +1 -1
  88. package/dist/components/xv-notification-v2.js +1 -1
  89. package/dist/components/xv-number-input-v2.js +1 -1
  90. package/dist/components/xv-overflow-menu-v2-item.js +1 -1
  91. package/dist/components/xv-overflow-menu-v2.js +1 -1
  92. package/dist/components/xv-pagination.js +1 -1
  93. package/dist/components/xv-progress-indicator-v2-item.js +1 -1
  94. package/dist/components/xv-progress-indicator-v2.js +1 -1
  95. package/dist/components/xv-radio-v2.js +1 -1
  96. package/dist/components/xv-slider-v2.js +1 -1
  97. package/dist/components/xv-tab-v2.js +1 -1
  98. package/dist/components/{xv-table-v2-row.d.ts → xv-table-cell.d.ts} +4 -4
  99. package/dist/components/xv-table-cell.js +1 -0
  100. package/dist/components/{xv-table-v2-cell.d.ts → xv-table-row.d.ts} +4 -4
  101. package/dist/components/xv-table-row.js +1 -0
  102. package/dist/components/{xv-table-v2.d.ts → xv-table.d.ts} +4 -4
  103. package/dist/components/xv-table.js +1 -0
  104. package/dist/components/xv-tabs-v2.js +1 -1
  105. package/dist/components/xv-tag-combobox.js +1 -1
  106. package/dist/components/xv-tag-v2.js +1 -1
  107. package/dist/components/xv-text-input-v2.js +1 -1
  108. package/dist/components/xv-textarea.js +1 -1
  109. package/dist/components/xv-tile.js +1 -1
  110. package/dist/components/xv-toggle-tip.js +1 -1
  111. package/dist/components/xv-toggle.js +1 -1
  112. package/dist/components/xv-tooltip-v2.js +1 -1
  113. package/dist/custom-elements.json +1765 -294
  114. package/dist/docs.json +2749 -443
  115. package/dist/esm/{index-B6cY-_U1.js → index-ClusqSO5.js} +1 -1
  116. package/dist/esm/{index-Bu8SrOeR.js → index-DJC3-dS3.js} +15 -10
  117. package/dist/esm/index.js +2 -2
  118. package/dist/esm/loader.js +3 -3
  119. package/dist/esm/{xv-accordion-v2_50.entry.js → xv-accordion-v2_49.entry.js} +1527 -144
  120. package/dist/esm/xv-header-next.entry.js +2 -2
  121. package/dist/esm/xv-mega-menu-next.entry.js +2 -2
  122. package/dist/esm/xv-webcomponents.js +4 -4
  123. package/dist/react/components.d.ts +3 -4
  124. package/dist/react/components.js +3 -4
  125. package/dist/react/{xv-table-v2-expand.d.ts → xv-table-cell.d.ts} +3 -3
  126. package/dist/react/xv-table-cell.js +14 -0
  127. package/dist/react/{xv-table-v2.d.ts → xv-table-row.d.ts} +3 -3
  128. package/dist/react/{xv-table-v2.js → xv-table-row.js} +5 -5
  129. package/dist/react/xv-table.d.ts +18 -0
  130. package/dist/react/xv-table.js +22 -0
  131. package/dist/types/components/xv-table/xv-table-cell/xv-table-cell.d.ts +43 -8
  132. package/dist/types/components/xv-table/xv-table-row/xv-table-row.d.ts +57 -18
  133. package/dist/types/components/xv-table/xv-table.d.ts +298 -9
  134. package/dist/types/components/xv-table/xv-table.model.d.ts +78 -0
  135. package/dist/types/components/xv-table/xv-table.utils.d.ts +47 -0
  136. package/dist/types/components.d.ts +899 -118
  137. package/dist/types/stencil-public-runtime.d.ts +61 -55
  138. package/dist/types/utils/table-layout.d.ts +7 -0
  139. package/dist/vscode-data.json +347 -56
  140. package/dist/xv-webcomponents/index.esm.js +1 -1
  141. package/dist/xv-webcomponents/{p-1ffb0b4f.entry.js → p-0c30d09f.entry.js} +1 -1
  142. package/dist/xv-webcomponents/{p-eb9d7750.entry.js → p-6b58979e.entry.js} +2 -2
  143. package/dist/xv-webcomponents/{p-Bu8SrOeR.js → p-DJC3-dS3.js} +2 -2
  144. package/dist/xv-webcomponents/{p-DB4KqDJz.js → p-DSFVdw3w.js} +1 -1
  145. package/dist/xv-webcomponents/{p-d4d26ff2.entry.js → p-c4173686.entry.js} +1 -1
  146. package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
  147. package/package.json +139 -139
  148. package/dist/collection/components/xv-table/_vars.js +0 -2
  149. package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.css +0 -58
  150. package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +0 -75
  151. package/dist/components/p-CHtssNO9.js +0 -1
  152. package/dist/components/p-CILNPUHH.js +0 -1
  153. package/dist/components/p-DVZ2BlIP.js +0 -1
  154. package/dist/components/p-bdaoJ1tx.js +0 -1
  155. package/dist/components/xv-table-v2-cell.js +0 -1
  156. package/dist/components/xv-table-v2-expand.d.ts +0 -11
  157. package/dist/components/xv-table-v2-expand.js +0 -1
  158. package/dist/components/xv-table-v2-row.js +0 -1
  159. package/dist/components/xv-table-v2.js +0 -1
  160. package/dist/react/xv-table-v2-cell.d.ts +0 -12
  161. package/dist/react/xv-table-v2-cell.js +0 -14
  162. package/dist/react/xv-table-v2-expand.js +0 -14
  163. package/dist/react/xv-table-v2-row.d.ts +0 -13
  164. package/dist/react/xv-table-v2-row.js +0 -17
  165. package/dist/types/components/xv-table/_vars.d.ts +0 -15
  166. package/dist/types/components/xv-table/xv-table-expand/xv-table-expand.d.ts +0 -8
package/package.json CHANGED
@@ -1,139 +1,139 @@
1
- {
2
- "name": "xv-webcomponents",
3
- "version": "2.0.0-beta.2",
4
- "description": "Reusable Web Components for XV Applications",
5
- "main": "dist/index.cjs.js",
6
- "module": "dist/index.js",
7
- "types": "dist/types/index.d.ts",
8
- "collection": "dist/collection/collection-manifest.json",
9
- "collection:main": "dist/collection/index.js",
10
- "unpkg": "dist/xv-webcomponents/xv-webcomponents.esm.js",
11
- "sideEffects": [
12
- "**/*.css",
13
- "**/*.scss",
14
- "./dist/components/**",
15
- "./loader/**"
16
- ],
17
- "exports": {
18
- ".": {
19
- "types": "./dist/types/index.d.ts",
20
- "import": "./dist/index.js",
21
- "require": "./dist/index.cjs.js"
22
- },
23
- "./loader": {
24
- "types": "./loader/index.d.ts",
25
- "import": "./loader/index.js",
26
- "require": "./loader/index.cjs.js"
27
- },
28
- "./components": {
29
- "types": "./dist/components/index.d.ts",
30
- "import": "./dist/components/index.js"
31
- },
32
- "./components/*": {
33
- "types": "./dist/components/*.d.ts",
34
- "import": "./dist/components/*.js"
35
- },
36
- "./components/*.js": {
37
- "types": "./dist/components/*.d.ts",
38
- "import": "./dist/components/*.js"
39
- },
40
- "./react": {
41
- "types": "./dist/react/components.d.ts",
42
- "import": "./dist/react/components.js"
43
- },
44
- "./angular": {
45
- "types": "./dist/angular/index.d.ts",
46
- "import": "./dist/angular/index.js"
47
- },
48
- "./angular/*": "./dist/angular/*",
49
- "./docs.json": "./dist/docs.json",
50
- "./vscode-data.json": "./dist/vscode-data.json",
51
- "./css": "./dist/xv-webcomponents/xv-webcomponents.css",
52
- "./dist/*": "./dist/*",
53
- "./loader/*": "./loader/*",
54
- "./package.json": "./package.json"
55
- },
56
- "peerDependencies": {
57
- "@angular/common": ">=21",
58
- "@angular/core": ">=21",
59
- "@angular/forms": ">=21",
60
- "react": ">=18",
61
- "rxjs": ">=7"
62
- },
63
- "peerDependenciesMeta": {
64
- "@angular/common": {
65
- "optional": true
66
- },
67
- "@angular/core": {
68
- "optional": true
69
- },
70
- "@angular/forms": {
71
- "optional": true
72
- },
73
- "react": {
74
- "optional": true
75
- },
76
- "rxjs": {
77
- "optional": true
78
- }
79
- },
80
- "repository": {
81
- "type": "git",
82
- "url": "git+https://github.com/crossvertise/XV-WebComponents.git"
83
- },
84
- "engines": {
85
- "node": ">=22"
86
- },
87
- "files": [
88
- "dist/",
89
- "loader/"
90
- ],
91
- "scripts": {
92
- "tags": "node scripts/apply-tag-config.js",
93
- "prebuild": "node scripts/build-wrappers.js --clean && npm run tags",
94
- "build": "stencil build",
95
- "postbuild": "node scripts/build-wrappers.js",
96
- "prestart": "npm run tags",
97
- "start": "stencil build --dev --watch --serve",
98
- "pretest": "npm run tags",
99
- "test": "stencil test --spec --e2e",
100
- "test.watch": "stencil test --spec --e2e --watchAll",
101
- "generate": "stencil generate"
102
- },
103
- "devDependencies": {
104
- "@angular/common": "^21.2.22",
105
- "@angular/compiler": "^21.2.22",
106
- "@angular/compiler-cli": "^21.2.22",
107
- "@angular/core": "^21.2.22",
108
- "@angular/forms": "^21.2.22",
109
- "@fortawesome/fontawesome-pro": "5.15.4",
110
- "@popperjs/core": "^2.11.8",
111
- "@stencil/angular-output-target": "^1.4.1",
112
- "@stencil/core": "^4.44.2",
113
- "@stencil/react-output-target": "^1.6.2",
114
- "@stencil/sass": "^3.3.3",
115
- "@types/jest": "^29.5.6",
116
- "@types/node": "^22.20.1",
117
- "@types/react": "^18.3.31",
118
- "@types/sortablejs": "^1.15.9",
119
- "date-fns": "^4.4.0",
120
- "esbuild": "^0.28.2",
121
- "jest": "^29.7.0",
122
- "jest-cli": "^29.7.0",
123
- "maplibre-gl": "^6.9.0",
124
- "puppeteer": "^24.3.0",
125
- "react": "^18.3.1",
126
- "rxjs": "^7.8.2",
127
- "sortablejs": "^1.15.7",
128
- "typescript": "^5.9.3",
129
- "zone.js": "^0.15.1"
130
- },
131
- "license": "MIT",
132
- "publishConfig": {
133
- "access": "public",
134
- "tag": "beta"
135
- },
136
- "dependencies": {
137
- "@lit/react": "^1.0.8"
138
- }
139
- }
1
+ {
2
+ "name": "xv-webcomponents",
3
+ "version": "2.0.0-beta.28",
4
+ "description": "Reusable Web Components for XV Applications",
5
+ "main": "dist/index.cjs.js",
6
+ "module": "dist/index.js",
7
+ "types": "dist/types/index.d.ts",
8
+ "collection": "dist/collection/collection-manifest.json",
9
+ "collection:main": "dist/collection/index.js",
10
+ "unpkg": "dist/xv-webcomponents/xv-webcomponents.esm.js",
11
+ "sideEffects": [
12
+ "**/*.css",
13
+ "**/*.scss",
14
+ "./dist/components/**",
15
+ "./loader/**"
16
+ ],
17
+ "exports": {
18
+ ".": {
19
+ "types": "./dist/types/index.d.ts",
20
+ "import": "./dist/index.js",
21
+ "require": "./dist/index.cjs.js"
22
+ },
23
+ "./loader": {
24
+ "types": "./loader/index.d.ts",
25
+ "import": "./loader/index.js",
26
+ "require": "./loader/index.cjs.js"
27
+ },
28
+ "./components": {
29
+ "types": "./dist/components/index.d.ts",
30
+ "import": "./dist/components/index.js"
31
+ },
32
+ "./components/*": {
33
+ "types": "./dist/components/*.d.ts",
34
+ "import": "./dist/components/*.js"
35
+ },
36
+ "./components/*.js": {
37
+ "types": "./dist/components/*.d.ts",
38
+ "import": "./dist/components/*.js"
39
+ },
40
+ "./react": {
41
+ "types": "./dist/react/components.d.ts",
42
+ "import": "./dist/react/components.js"
43
+ },
44
+ "./angular": {
45
+ "types": "./dist/angular/index.d.ts",
46
+ "import": "./dist/angular/index.js"
47
+ },
48
+ "./angular/*": "./dist/angular/*",
49
+ "./docs.json": "./dist/docs.json",
50
+ "./vscode-data.json": "./dist/vscode-data.json",
51
+ "./css": "./dist/xv-webcomponents/xv-webcomponents.css",
52
+ "./dist/*": "./dist/*",
53
+ "./loader/*": "./loader/*",
54
+ "./package.json": "./package.json"
55
+ },
56
+ "peerDependencies": {
57
+ "@angular/common": ">=21",
58
+ "@angular/core": ">=21",
59
+ "@angular/forms": ">=21",
60
+ "react": ">=18",
61
+ "rxjs": ">=7"
62
+ },
63
+ "peerDependenciesMeta": {
64
+ "@angular/common": {
65
+ "optional": true
66
+ },
67
+ "@angular/core": {
68
+ "optional": true
69
+ },
70
+ "@angular/forms": {
71
+ "optional": true
72
+ },
73
+ "react": {
74
+ "optional": true
75
+ },
76
+ "rxjs": {
77
+ "optional": true
78
+ }
79
+ },
80
+ "repository": {
81
+ "type": "git",
82
+ "url": "git+https://github.com/crossvertise/XV-WebComponents.git"
83
+ },
84
+ "engines": {
85
+ "node": ">=22"
86
+ },
87
+ "files": [
88
+ "dist/",
89
+ "loader/"
90
+ ],
91
+ "scripts": {
92
+ "tags": "node scripts/apply-tag-config.js",
93
+ "prebuild": "node scripts/build-wrappers.js --clean && npm run tags",
94
+ "build": "stencil build",
95
+ "postbuild": "node scripts/build-wrappers.js",
96
+ "prestart": "npm run tags",
97
+ "start": "stencil build --dev --watch --serve",
98
+ "pretest": "npm run tags",
99
+ "test": "stencil test --spec --e2e",
100
+ "test.watch": "stencil test --spec --e2e --watchAll",
101
+ "generate": "stencil generate"
102
+ },
103
+ "devDependencies": {
104
+ "@angular/common": "^21.2.22",
105
+ "@angular/compiler": "^21.2.22",
106
+ "@angular/compiler-cli": "^21.2.22",
107
+ "@angular/core": "^21.2.22",
108
+ "@angular/forms": "^21.2.22",
109
+ "@fortawesome/fontawesome-pro": "5.15.4",
110
+ "@popperjs/core": "^2.11.8",
111
+ "@stencil/angular-output-target": "^1.4.1",
112
+ "@stencil/core": "^4.45.0",
113
+ "@stencil/react-output-target": "^1.6.2",
114
+ "@stencil/sass": "^3.3.3",
115
+ "@types/jest": "^29.5.6",
116
+ "@types/node": "^22.20.1",
117
+ "@types/react": "^18.3.31",
118
+ "@types/sortablejs": "^1.15.9",
119
+ "date-fns": "^4.4.0",
120
+ "esbuild": "^0.28.2",
121
+ "jest": "^29.7.0",
122
+ "jest-cli": "^29.7.0",
123
+ "maplibre-gl": "^6.9.0",
124
+ "puppeteer": "^25.11.0",
125
+ "react": "^18.3.1",
126
+ "rxjs": "^7.8.2",
127
+ "sortablejs": "^1.15.7",
128
+ "typescript": "^5.9.3",
129
+ "zone.js": "^0.15.1"
130
+ },
131
+ "license": "MIT",
132
+ "publishConfig": {
133
+ "access": "public",
134
+ "tag": "beta"
135
+ },
136
+ "dependencies": {
137
+ "@lit/react": "^1.0.8"
138
+ }
139
+ }
@@ -1,2 +0,0 @@
1
- export const XV_EXPANDABLE_KEY = 'expandable';
2
- export const XV_TABLE_TAG = 'xv-table-v2';
@@ -1,58 +0,0 @@
1
- :host {
2
- display: block;
3
- position: relative;
4
- transition: 0.25s ease-in-out background-color;
5
- }
6
- :host .expand-btn {
7
- z-index: 9;
8
- position: absolute;
9
- left: max(10px, var(--xv-table-padding-x));
10
- top: max(2px, var(--xv-table-padding-y) + 2px);
11
- background-color: transparent;
12
- cursor: pointer;
13
- outline: none;
14
- margin: 0;
15
- padding: 0;
16
- box-sizing: border-box;
17
- display: block;
18
- width: 8.5px;
19
- height: 8.5px;
20
- border-top: none;
21
- border-left: none;
22
- border-right: 2px solid var(--icon-primary, #333);
23
- border-bottom: 2px solid var(--icon-primary, #333);
24
- transform: rotate(45deg);
25
- transform-origin: center center;
26
- transition: 0.2s ease-in-out transform;
27
- }
28
- :host .expand-btn:disabled {
29
- cursor: not-allowed;
30
- opacity: 0.5;
31
- }
32
- :host .expand-btn.open {
33
- transform: rotate(-135deg);
34
- }
35
- :host .expandableContent {
36
- overflow: hidden;
37
- margin: 0;
38
- padding: 0;
39
- max-height: 0;
40
- transition: 250ms ease max-height;
41
- }
42
- :host .expandableContent.open {
43
- max-height: 600px;
44
- }
45
- :host ::slotted([slot=expandable]) {
46
- display: grid;
47
- align-items: center;
48
- }
49
- :host ::slotted(xv-table-v2-row),
50
- :host ::slotted([slot=expandable]) {
51
- padding-inline-start: calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px);
52
- }
53
- :host ::slotted([disabled]) {
54
- pointer-events: none;
55
- opacity: 0.4;
56
- cursor: not-allowed;
57
- user-select: none;
58
- }
@@ -1,75 +0,0 @@
1
- import { Host, h } from "@stencil/core";
2
- import { XV_EXPANDABLE_KEY } from "../_vars";
3
- import { setAttr } from "../../../utils/utils";
4
- export class XvTableExpand {
5
- constructor() {
6
- this.open = false;
7
- this.disabled = false;
8
- this.handleExpand = () => {
9
- this.open = !this.open;
10
- };
11
- }
12
- render() {
13
- return (h(Host, { key: '8fe9adf5fd39b640b89bddf303fcc4fb97f03cbd' }, h("button", { key: '1df684103a777e3a54ac94fa8f3c570d4ecbbe41', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: 'e092ff357605223aa974a8f5061c7a0667c3917f', name: XV_EXPANDABLE_KEY }), h("div", { key: 'e4313af9e98ac24f25c5fc9c8250aff052f7c19b', class: { expandableContent: true, open: this.open } }, h("slot", { key: 'f5cb16c98a69917b6679eb620b2bfc1856a48501' }))));
14
- }
15
- componentDidLoad() {
16
- setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
17
- }
18
- static get is() { return "xv-table-v2-expand"; }
19
- static get encapsulation() { return "shadow"; }
20
- static get originalStyleUrls() {
21
- return {
22
- "$": ["xv-table-expand.scss"]
23
- };
24
- }
25
- static get styleUrls() {
26
- return {
27
- "$": ["xv-table-expand.css"]
28
- };
29
- }
30
- static get properties() {
31
- return {
32
- "open": {
33
- "type": "boolean",
34
- "mutable": true,
35
- "complexType": {
36
- "original": "boolean",
37
- "resolved": "boolean",
38
- "references": {}
39
- },
40
- "required": false,
41
- "optional": false,
42
- "docs": {
43
- "tags": [],
44
- "text": ""
45
- },
46
- "getter": false,
47
- "setter": false,
48
- "reflect": true,
49
- "attribute": "open",
50
- "defaultValue": "false"
51
- },
52
- "disabled": {
53
- "type": "boolean",
54
- "mutable": false,
55
- "complexType": {
56
- "original": "boolean",
57
- "resolved": "boolean",
58
- "references": {}
59
- },
60
- "required": false,
61
- "optional": false,
62
- "docs": {
63
- "tags": [],
64
- "text": ""
65
- },
66
- "getter": false,
67
- "setter": false,
68
- "reflect": true,
69
- "attribute": "disabled",
70
- "defaultValue": "false"
71
- }
72
- };
73
- }
74
- static get elementRef() { return "el"; }
75
- }
@@ -1 +0,0 @@
1
- import{p as t,H as i,c as s,h as e,a as o,t as n}from"./p-BNP2Lw34.js";import{S as r}from"./p-HjYAjHna.js";import{O as h}from"./p-e0i0f6QA.js";import{d as a}from"./p-BRZwUlfE.js";import{c as l}from"./p-BfP9ezJQ.js";let c=0;const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectItem=s(this,"selectItem",7),this.openChange=s(this,"openChange",3),this.open=!1,this.disabled=!1,this.position="left",this.size=r.MD,this.anchorEl=null,this.menuId="xv-overflow-menu-"+c++,this.activeItem=null,this.optIdSeq=0,this.openViaKeyboard=!1,this.openEdge="first",this.removeListeners=()=>{this.el.removeEventListener("itemClick",this.handleSelectItem),document.removeEventListener("click",this.handleClickOutside,{capture:!0})},this.handleClickOutside=t=>{var i,s,e;if(!this.open)return;const o=t.target;this.el.contains(o)||(null===(i=this.triggerButtonEl)||void 0===i?void 0:i.contains(o))||(null===(s=this.listEl)||void 0===s?void 0:s.contains(o))||(null===(e=this.anchorEl)||void 0===e?void 0:e.contains(o))||(this.open=!1)},this.onOpenToggle=()=>{this.openViaKeyboard=!1,this.open=!this.open},this.handleSelectItem=({detail:t})=>{this.selectItem.emit(t),this.open=!1},this.anchorClickHandler=t=>{this.disabled||(t.preventDefault(),this.openViaKeyboard=!1,this.open=!this.open)},this.getNavigableItems=()=>Array.from(this.el.querySelectorAll(h)).filter((t=>!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")&&"ghost"!==t.getAttribute("variant"))),this.moveActive=t=>{const i=this.getNavigableItems();if(!i.length)return;let s=(this.activeItem?i.indexOf(this.activeItem):-1)+t;s<0?s=i.length-1:s>=i.length&&(s=0),this.setActiveItem(i[s])},this.setActiveByEdge=t=>{const i=this.getNavigableItems();i.length&&this.setActiveItem("first"===t?i[0]:i[i.length-1])},this.setActiveItem=(t,i=!0)=>{var s;this.activeItem!==t&&(null===(s=this.activeItem)||void 0===s||s.removeAttribute("active"),this.activeItem=t,t?(t.id||(t.id=`${this.menuId}-opt-${this.optIdSeq++}`),t.setAttribute("active",""),this.activeId=t.id,i&&t.scrollIntoView({block:"nearest"})):this.activeId=void 0)},this.initOpenState=()=>{var t;if(this.open){if(this.openViaKeyboard){const t=this.getNavigableItems();this.setActiveItem(("last"===this.openEdge?t[t.length-1]:t[0])||null,!1)}else this.setActiveItem(null);this.openViaKeyboard=!1,null===(t=this.listEl)||void 0===t||t.focus()}}}get isAnchorMode(){return null!=this.anchor&&""!==this.anchor}get effectivePosition(){return"start"===this.alignment?"left":"end"===this.alignment?"right":this.position}openChangeHandle(){this.syncOpenState(),this.openChange.emit(!!this.open)}anchorChangeHandle(){this.teardownAnchor(),this.setupAnchor()}async openMenu(){this.disabled||(this.open=!0)}async closeMenu(){this.open=!1}async toggleMenu(){this.disabled||(this.open=!this.open)}syncOpenState(){var t;this.disabled?this.open&&(this.open=!1):(this.open?(this.el.addEventListener("itemClick",this.handleSelectItem),document.addEventListener("click",this.handleClickOutside,{capture:!0}),requestAnimationFrame((()=>{this.isAnchorMode&&this.createPopper(),this.initOpenState()}))):(this.removeListeners(),this.destroyPopper(),this.setActiveItem(null)),null===(t=this.anchorEl)||void 0===t||t.setAttribute("aria-expanded",this.open?"true":"false"))}resolveAnchor(){return this.isAnchorMode?"string"==typeof this.anchor?document.querySelector(this.anchor):this.anchor:null}setupAnchor(){this.isAnchorMode&&(this.anchorEl=this.resolveAnchor(),this.anchorEl&&(this.anchorEl.addEventListener("click",this.anchorClickHandler),this.anchorEl.setAttribute("aria-haspopup","menu")))}teardownAnchor(){this.anchorEl&&(this.anchorEl.removeEventListener("click",this.anchorClickHandler),this.anchorEl.removeAttribute("aria-haspopup"),this.anchorEl.removeAttribute("aria-expanded"),this.anchorEl=null)}popperPlacement(){switch(this.effectivePosition){case"right":return"bottom-end";case"center":return"bottom";default:return"bottom-start"}}createPopper(){const t=this.resolveAnchor();t&&this.listEl&&(this.destroyPopper(),this.popperInstance=l(t,this.listEl,{strategy:"fixed",placement:this.popperPlacement(),modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start","top-end","top"]}},{name:"preventOverflow",options:{boundary:"viewport",padding:8}}]}))}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=void 0)}handleKeyDown(t){var i;if(!this.disabled)if(this.open)switch(t.key){case"ArrowDown":t.preventDefault(),this.moveActive(1);break;case"ArrowUp":t.preventDefault(),this.moveActive(-1);break;case"Home":t.preventDefault(),this.setActiveByEdge("first");break;case"End":t.preventDefault(),this.setActiveByEdge("last");break;case"Enter":case" ":case"Spacebar":t.preventDefault(),null===(i=this.activeItem)||void 0===i||i.click();break;case"Escape":t.preventDefault(),t.stopPropagation(),this.open=!1,this.restoreFocus();break;case"Tab":this.open=!1}else["ArrowDown","ArrowUp","Enter"," ","Spacebar"].includes(t.key)&&(t.preventDefault(),this.openViaKeyboard=!0,this.openEdge="ArrowUp"===t.key?"last":"first",this.open=!0)}restoreFocus(){var t,i;this.isAnchorMode?null===(t=this.anchorEl)||void 0===t||t.focus():null===(i=this.triggerButtonEl)||void 0===i||i.focus()}render(){const t=e("div",{class:{list:!0,open:this.open,[`position-${this.effectivePosition}`]:!this.isAnchorMode},role:"menu",tabindex:-1,"aria-orientation":"vertical","aria-activedescendant":this.activeId,ref:t=>this.listEl=t},e("slot",null));if(this.isAnchorMode)return e(o,{class:{"xv-overflow-menu":!0,anchored:!0},size:this.size},t);const i=e("button",{class:{btn:!0,open:this.open},onClick:this.onOpenToggle,disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.open?"true":"false",ref:t=>this.triggerButtonEl=t},e("slot",{name:"trigger"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 128 512"},e("path",{d:"M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z"}))));return e(o,{class:"xv-overflow-menu",size:this.size},this.tooltip?e("xv-tooltip-v2",{message:this.tooltip},i):i,t)}connectedCallback(){this.setupAnchor()}componentDidLoad(){this.setupAnchor(),this.syncOpenState()}disconnectedCallback(){this.removeListeners(),this.destroyPopper(),this.teardownAnchor()}get el(){return this}static get watchers(){return{open:[{openChangeHandle:0}],anchor:[{anchorChangeHandle:0}]}}static get style(){return":host{--overflow-menu-size:40px;--overflow-menu-item-padding:11px 16px;display:inline-flex;flex-direction:column;position:relative}:host .btn{display:inline-flex;align-items:center;justify-content:center;width:var(--overflow-menu-size);height:var(--overflow-menu-size);background-color:transparent;border:1px solid transparent;transition:300ms ease-in-out color, 300ms ease-in-out background-color, 200ms ease box-shadow;font-size:calc(var(--overflow-menu-size) / 2);color:var(--icon-primary);border-radius:5%;margin:0;padding:0}:host .btn:hover{cursor:pointer;color:var(--link-primary-hover);background-color:var(--background-hover)}:host .btn:active{background-color:var(--background-active);color:var(--icon-disabled)}:host .btn:focus-visible{outline:2px solid var(--focus, #273435);outline-offset:-2px}:host .btn:disabled{background-color:transparent;opacity:0.5;cursor:not-allowed}:host .list{z-index:99;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background-color:var(--layer-01);position:absolute;top:100%;left:0;max-height:0;overflow:hidden;outline:none;border-radius:3px;transition:200ms ease-in-out max-height, 100ms ease box-shadow;min-width:160px;max-width:50vw;width:max-content}:host .list.open{overflow:visible}:host .list ::slotted(xv-overflow-menu-v2-item){padding:var(--overflow-menu-item-padding)}:host .list.position-right{left:initial;right:0;border-top-right-radius:0}:host .list.position-left{border-top-left-radius:0}:host .list.position-center{transform:translateX(-50%)}:host([size=xs]){--overflow-menu-item-padding:4px 16px;--overflow-menu-size:24px}:host([size=sm]){--overflow-menu-size:32px;--overflow-menu-item-padding:7px 16px}:host([size=md]){--overflow-menu-size:40px;--overflow-menu-item-padding:11px 16px}:host([size=lg]){--overflow-menu-size:48px;--overflow-menu-item-padding:15px 16px}:host([size=xl]){--overflow-menu-size:56px;--overflow-menu-item-padding:16px}:host([open]) .btn{border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:var(--layer-01);box-shadow:-2px 2px 2px 0 rgba(0, 0, 0, 0.1);z-index:1}:host([open]) .list{max-height:500px;box-shadow:-2px 2px 2px 0 rgba(0, 0, 0, 0.1)}:host(.anchored){display:contents}:host(.anchored) .list{position:fixed;top:0;left:0;max-height:none;overflow:visible}:host(.anchored) .list:not(.open){display:none}:host(.anchored) .list.open{box-shadow:0 2px 6px rgba(0, 0, 0, 0.3)}"}},[257,"xv-overflow-menu-v2",{open:[1540],disabled:[516],position:[1],alignment:[1],size:[1],tooltip:[1],anchor:[1],activeId:[32],openMenu:[64],closeMenu:[64],toggleMenu:[64]},[[0,"keydown","handleKeyDown"]],{open:[{openChangeHandle:0}],anchor:[{anchorChangeHandle:0}]}]);function p(){"undefined"!=typeof customElements&&["xv-overflow-menu-v2","xv-tooltip-v2"].forEach((t=>{switch(t){case"xv-overflow-menu-v2":customElements.get(n(t))||customElements.define(n(t),d);break;case"xv-tooltip-v2":customElements.get(n(t))||a()}}))}p();export{d as X,p as d}
@@ -1 +0,0 @@
1
- import{p as t,H as e,c as o,h as i,a as r,t as a}from"./p-BNP2Lw34.js";import{a as s}from"./p-e0i0f6QA.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=o(this,"itemClick",7),this.disabled=!1,this.variant=s.DEFAULT,this.clickable=!0,this.divider=!1,this.hasIcon=!1,this.hasIconEnd=!1}componentWillLoad(){this.hasIcon=!!this.el.querySelector('[slot="icon-left"]'),this.hasIconEnd=!!this.el.querySelector('[slot="icon-right"]')}handleClick(t){!this.disabled&&this.clickable&&this.itemClick.emit({event:t,value:this.value})}render(){if(this.variant===s.GHOST)return i(r,{class:"xv-overflow-menu-item",role:"menuitem","aria-disabled":this.disabled?"true":null},i("slot",null));const t=!!this.href&&!this.disabled;return i(r,{class:"xv-overflow-menu-item",role:"menuitem","aria-disabled":this.disabled?"true":null},i(t?"a":"div",{class:"item_inner",href:t?this.href:null,target:t?this.target:null,tabindex:-1},this.hasIcon&&i("span",{class:"item_icon item_icon--left"},i("slot",{name:"icon-left"})),i("span",{class:"item_label"},i("slot",null)),this.hasIconEnd&&i("span",{class:"item_icon item_icon--right"},i("slot",{name:"icon-right"}))))}get el(){return this}static get style(){return'@charset "UTF-8";:host{display:block;background-color:transparent;transition:200ms ease background-color;user-select:none;text-align:left;color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:128.571%;letter-spacing:0.16px}.item_inner{display:flex;align-items:center;gap:8px;width:100%;color:inherit;font:inherit;text-decoration:none}.item_icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;line-height:0}.item_label{flex:1;min-width:0}:host(:not([disabled]):hover){cursor:pointer;background-color:var(--layer-hover-01, #E9E9E9)}:host(:not([disabled]):active){background-color:var(--layer-active-01, #D1D1D1)}:host(:not([disabled]):focus),:host(:not([disabled])[active]){outline:none;box-shadow:inset 0 0 0 2px var(--focus, #273435)}:host([variant=danger]){background-color:var(--text-error, #D62512);color:var(--text-on-color, #FFF)}:host([variant=danger]:not([disabled]):hover),:host([variant=danger]:not([disabled])[active]),:host([variant=danger]:not([disabled]):focus){background-color:var(--support-error, #F1290E)}:host([variant=danger]:not([disabled]):active){background-color:var(--text-error, #D62512)}:host([variant=ghost]),:host([variant=ghost]:hover),:host([variant=ghost]:active){cursor:default;background-color:var(--background);color:var(--text-primary)}:host([disabled]){background-color:var(--layer-01, #F7F7F7) !important;color:var(--text-disabled) !important;box-shadow:none !important;cursor:not-allowed}:host([divider]){border-top:1px solid var(--border-subtle-01, #E0E0E0)}'}},[257,"xv-overflow-menu-v2-item",{disabled:[516],value:[520],variant:[513],clickable:[4],href:[1],target:[1],divider:[516],hasIcon:[32],hasIconEnd:[32]},[[0,"click","handleClick"]]]);function l(){"undefined"!=typeof customElements&&["xv-overflow-menu-v2-item"].forEach((t=>{"xv-overflow-menu-v2-item"===t&&(customElements.get(a(t))||customElements.define(a(t),n))}))}l();export{n as X,l as d}
@@ -1 +0,0 @@
1
- import{p as t,H as e,c as o,h as s,a,t as r}from"./p-BNP2Lw34.js";import{f as i,u as n}from"./index.js";import{X as l}from"./p-HjYAjHna.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sortChange=o(this,"sortChange",7)}handleSort(){if(void 0===this.sort)return;let t=this.sort;""===this.sort&&(t=l.NONE),this.sort=t===l.NONE?l.ASC:t===l.ASC?l.DESC:l.NONE,i(this.el.parentElement.children,(t=>{t!==this.el&&t.hasAttribute("sort")&&t.setAttribute("sort","none")})),this.name||(this.name=n()),this.sortChange.emit({name:this.name,value:this.sort})}render(){return s(a,{key:"f1ae644f52064308240bda543eb23999a9a6eb8a"},s("slot",{key:"7ce7b7c7f36cdaa8cf5e31ec5ed028af1c0db625"}))}get el(){return this}static get style(){return'@charset "UTF-8";:host{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--xv-table-padding-y) var(--xv-table-padding-x);color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0.16px;transition:0.25s ease-in-out background-color}:host([multiline]){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;padding-bottom:1px;padding-top:0;line-height:1.2}:host([align=left]){text-align:left}:host([align=right]){text-align:right}:host([align=center]){text-align:center}:host([sort]){position:relative;cursor:pointer;user-select:none}:host([sort]):before,:host([sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sort]):before{content:"▲";top:50%;transform:translateY(calc(-50% - 5px))}:host([sort])::after{content:"▼";top:50%;transform:translateY(calc(-50% + 5px))}:host([sort]:hover){background-color:var(--layer-accent-hover-01, #E3E3E3)}:host([sort]:hover)::before,:host([sort]:hover)::after{opacity:1}:host([sort=asc]){background-color:var(--layer-accent-active-01, #D1D1D1)}:host([sort=asc])::before{opacity:1}:host([sort=asc])::after{display:none}:host([sort=desc]){background-color:var(--layer-accent-active-01, #D1D1D1)}:host([sort=desc])::before{display:none}:host([sort=desc])::after{opacity:1}'}},[257,"xv-table-v2-cell",{multiline:[516],name:[1537],align:[513],sort:[1537]},[[0,"click","handleSort"]]]);function h(){"undefined"!=typeof customElements&&["xv-table-v2-cell"].forEach((t=>{"xv-table-v2-cell"===t&&(customElements.get(r(t))||customElements.define(r(t),c))}))}h();export{c as X,h as d}
@@ -1 +0,0 @@
1
- const a="expandable",e="xv-table-v2";export{a as X,e as a}
@@ -1 +0,0 @@
1
- import{X as o,d as s}from"./p-DVZ2BlIP.js";const p=o,r=s;export{p as XvTableV2Cell,r as defineCustomElement}
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface XvTableV2Expand extends Components.XvTableV2Expand, HTMLElement {}
4
- export const XvTableV2Expand: {
5
- prototype: XvTableV2Expand;
6
- new (): XvTableV2Expand;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1 +0,0 @@
1
- import{p as t,H as e,h as o,a,t as n}from"./p-BNP2Lw34.js";import{X as s}from"./p-bdaoJ1tx.js";import{s as i}from"./index.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.disabled=!1,this.handleExpand=()=>{this.open=!this.open}}render(){return o(a,{key:"8fe9adf5fd39b640b89bddf303fcc4fb97f03cbd"},o("button",{key:"1df684103a777e3a54ac94fa8f3c570d4ecbbe41",class:{"expand-btn":!0,open:this.open},disabled:this.disabled,onClick:this.handleExpand}),o("slot",{key:"e092ff357605223aa974a8f5061c7a0667c3917f",name:s}),o("div",{key:"e4313af9e98ac24f25c5fc9c8250aff052f7c19b",class:{expandableContent:!0,open:this.open}},o("slot",{key:"f5cb16c98a69917b6679eb620b2bfc1856a48501"})))}componentDidLoad(){i(this.el.parentElement,s,!0)}get el(){return this}static get style(){return":host{display:block;position:relative;transition:0.25s ease-in-out background-color}:host .expand-btn{z-index:9;position:absolute;left:max(10px, var(--xv-table-padding-x));top:max(2px, var(--xv-table-padding-y) + 2px);background-color:transparent;cursor:pointer;outline:none;margin:0;padding:0;box-sizing:border-box;display:block;width:8.5px;height:8.5px;border-top:none;border-left:none;border-right:2px solid var(--icon-primary, #333);border-bottom:2px solid var(--icon-primary, #333);transform:rotate(45deg);transform-origin:center center;transition:0.2s ease-in-out transform}:host .expand-btn:disabled{cursor:not-allowed;opacity:0.5}:host .expand-btn.open{transform:rotate(-135deg)}:host .expandableContent{overflow:hidden;margin:0;padding:0;max-height:0;transition:250ms ease max-height}:host .expandableContent.open{max-height:600px}:host ::slotted([slot=expandable]){display:grid;align-items:center}:host ::slotted(xv-table-v2-row),:host ::slotted([slot=expandable]){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px)}:host ::slotted([disabled]){pointer-events:none;opacity:0.4;cursor:not-allowed;user-select:none}"}},[257,"xv-table-v2-expand",{open:[1540],disabled:[516]}]);function d(){"undefined"!=typeof customElements&&["xv-table-v2-expand"].forEach((t=>{"xv-table-v2-expand"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))}d();const p=r,l=d;export{p as XvTableV2Expand,l as defineCustomElement}
@@ -1 +0,0 @@
1
- import{p as e,H as t,c as a,h as s,a as i,t as h}from"./p-BNP2Lw34.js";import{X as o,a as r}from"./p-bdaoJ1tx.js";import{u as c,s as l}from"./index.js";import{d as n}from"./p-Ddx5DwV5.js";import{d}from"./p-DVZ2BlIP.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=a(this,"checkedChange",7),this.selectRow=a(this,"selectRow",7),this.checkHandle=({detail:e})=>{!e&&this.partial&&(this.partial=e),this.name||(this.name=c()),this.selectRow.emit({name:this.name,value:this.value,checked:e,partial:this.partial,header:this.header,expandable:this.el.getAttribute("slot")===o})}}checkedChangeHandle(){this.name||(this.name=c()),this.checkedChange.emit({name:this.name,value:this.value,checked:this.checked,partial:this.partial,header:this.header,expandable:this.el.getAttribute("slot")===o})}setInitialAttrs(){if(this.variant||!this.hover){const e=this.el.closest(r);this.hover||(this.hover=e.hasAttribute("hover")),this.variant&&l(this.el.closest(r),"variant-"+this.variant,!!this.variant)}}render(){return s(i,{key:"96836583a7db08fbbe974a6ece55d5a909a7e415"},void 0!==this.variant&&s("xv-table-v2-cell",{key:"0783aad6e26302d3430333cad806fc1747e26e39",class:"cell-control"},"checkbox"===this.variant&&s("xv-checkbox-v2",{key:"bd4e052458eeda60f79e22507ac25d5914f39c0c",name:this.name,partial:this.partial,checked:this.checked||this.partial,disabled:this.disabled,required:this.required,readonly:this.readonly,onEventChange:this.checkHandle}),"radio"===this.variant&&s("input",{key:"1cda8e32f1e8d6ad47fc93e63ee3c879651faa2a",type:"radio",name:this.name,checked:this.checked||this.partial,disabled:this.disabled,required:this.required,readonly:this.readonly})),s("slot",{key:"2a74a7a6ab1c5d997bf71fe99b6cd98b61a70219"}))}componentWillLoad(){this.setInitialAttrs()}get el(){return this}static get watchers(){return{checked:[{checkedChangeHandle:0}]}}static get style(){return":host{display:grid;grid-template-columns:var(--xv-table-cols-template, repeat(auto-fit, minmax(0, 1fr)));border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;border-left:1px solid #E3E3E3;min-height:var(--xv-table-min-height);align-items:center;align-content:center;transition:0.25s ease-in-out background-color}:host .cell-control{min-height:20px;display:flex;align-items:center;justify-content:center}:host([variant]){grid-template-columns:minmax(47.97px, min-content) var(--xv-table-cols-template, repeat(auto-fit, minmax(0, 1fr)))}:host([hover]:not([header]):hover){background-color:var(--layer-hover-01, #E9E9E9)}:host([checked]){background-color:var(--layer-selected-01, #E3E3E3)}:host([checked]:hover){background-color:var(--layer-selected-hover-01, #DADADA)}:host([header]){background-color:var(--layer-accent-01, #F7F7F7);box-shadow:0 0 0 1px #E3E3E3 inset;border-bottom:none}"}},[257,"xv-table-v2-row",{checked:[1540],partial:[1540],name:[1537],value:[520],hover:[1540],readonly:[516],required:[516],disabled:[516],header:[516],variant:[1537]},void 0,{checked:[{checkedChangeHandle:0}]}]);function v(){"undefined"!=typeof customElements&&["xv-table-v2-row","xv-checkbox-v2","xv-table-v2-cell"].forEach((e=>{switch(e){case"xv-table-v2-row":customElements.get(h(e))||customElements.define(h(e),m);break;case"xv-checkbox-v2":customElements.get(h(e))||n();break;case"xv-table-v2-cell":customElements.get(h(e))||d()}}))}v();const b=m,p=v;export{b as XvTableV2Row,p as defineCustomElement}
@@ -1 +0,0 @@
1
- import{p as e,H as t,h as a,F as o,a as i,t as s}from"./p-BNP2Lw34.js";import{S as l}from"./p-HjYAjHna.js";import{d as n}from"./p-Dzz9jxLm.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=l.MD,this.selected=new Map,this.selectedCount=0}handleCheckedChange({detail:e}){e.header||e.expandable||(e.checked?this.selected.set(e.name,e):this.selected.delete(e.name),this.selectedCount=this.selected.size)}setColsSizeTemplate(){var e;this.colsSize&&(null===(e=this.colsSize)||void 0===e?void 0:e.length)&&this.el.style.setProperty("--xv-table-cols-template",this.colsSize.map((e=>e?"auto"===e?"minmax(0, auto)":`calc(${e} - ${50/this.colsSize.length}px)`:"minmax(0, 1fr)")).join(" ")+" repeat(auto-fit, minmax(0, 1fr))")}render(){return a(i,{key:"1f954a0f71091fec58ed541ab9b71e07e756acf2",class:{batchVisible:!!this.selectedCount}},a("slot",{key:"cc4af9285051a8ce0eda8df5d306b9834815513c",name:"title"},!!this.el.title&&a("h2",{key:"d74ca7c913d6b5239acce4a6e154dae57a325dd4",class:"xv-table-title"},this.el.title)),a("slot",{key:"00df66a0aae78ac291ed818f123fa508e7437b91",name:"toolbar"}),a("div",{key:"b5d81c782aa533dc591ec77ffe4fc71cffeafc86",class:"xv-table"},a("div",{key:"efa26ad85d880de121d53ecae616f0b0468b8c74",class:"batch-actions"},a(o,{key:"4a808f4de6683dd524057c6199c2e80b11860d8d"},a("div",{key:"ae5cce54e37780f32724e7ff9ef2549e5020b7f7",class:"batch-actions_content"},a("slot",{key:"f5b19fc73ca2e7cb1af08fcf23d42c817d531870",name:"batch"})),a("p",{key:"2f445105146d1d2ebb080f76c5bb81848e3e2a43",class:"batch-actions_count"},!!this.selectedCount&&`${this.selectedCount} ${1===this.selectedCount?"Position ausgewählt":"Positionen ausgewählt"}`))),a("div",{key:"6f41e51583e6d2a5dc076999fee3e573b062ad1f",class:"xv-table_wrapper"},a("slot",{key:"acccd9efedf38d59bde44f2f9d6ac2aec0ffa948"}),a("slot",{key:"db6b9a957e4bc4e670f5c082c999c1931e36b6c1",name:"footer"})),!!this.loading&&a("div",{key:"3096c66919118c66992dd13e7b868c588876974c",class:"xv-table_loading"},a("xv-loader-v2",{key:"f469390775597fcfb9787749a915098eb0567d64",size:l.LG}))))}componentWillLoad(){this.setColsSizeTemplate()}get el(){return this}static get watchers(){return{colsSize:[{setColsSizeTemplate:0}]}}static get style(){return':host{--xv-table-min-height:51.11px;--xv-table-padding-x:16px;--xv-table-padding-y:15px;--xv-table-cols-template:repeat(auto-fit, minmax(0, 1fr));display:block}:host .batch-actions{user-select:none;pointer-events:none;position:absolute;left:0;bottom:100%;width:0;min-height:48px;overflow:hidden;border-radius:3px 3px 0 0;background-color:var(--interactive-01, #273435);display:flex;align-items:center;justify-content:space-between;column-gap:var(--spacing-04);flex-wrap:nowrap;box-sizing:border-box;transition:250ms ease-in-out height, 250ms ease-in-out width, 250ms ease-in-out padding-inline;color:var(--text-on-color, #fff)}:host .batch-actions_content{display:block;overflow:hidden;white-space:nowrap}:host .batch-actions_count{margin:0;white-space:nowrap;font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:var(--fz-lg, 18px);letter-spacing:0.16px}:host .xv-table{display:flex;flex-direction:column;position:relative}:host .xv-table_wrapper{display:flex;flex-direction:column;position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host .xv-table_wrapper ::slotted(*){min-width:1000px}:host .xv-table ::slotted([checked]){background-color:var(--layer-selected-01, #E3E3E3)}:host .xv-table ::slotted([checked]:not([header]):hover){background-color:var(--layer-selected-hover-01, #DADADA)}:host .xv-table ::slotted(xv-table-v2-row[disabled]){pointer-events:none;opacity:0.4;cursor:not-allowed;user-select:none}:host .xv-table ::slotted([slot=footer]:hover),:host .xv-table ::slotted([slot=footer]){background-color:var(--layer-accent-02, #E3E3E3)}:host .xv-table_loading{z-index:10;display:flex;align-items:center;justify-content:center;min-height:var(--xv-table-min-height, 51.11px);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.8)}:host .xv-table-title,:host ::slotted([slot=title]){color:var(--text-primary, #333) !important;font-size:var(--fz-xl, 21px) !important;margin-top:var(--spacing-05, 16px) !important;margin-bottom:var(--spacing-06, 24px) !important;font-family:var(--ff-heading, "Gill Sans");font-style:normal;font-weight:400;line-height:normal}:host([hover]) .xv-table ::slotted(:hover:not([header])){background-color:var(--layer-hover-01, #E9E9E9)}:host(.batchVisible) .batch-actions{pointer-events:initial;user-select:initial;width:100%;padding-inline:var(--xv-table-padding-x)}:host([expandable]) ::slotted(xv-table-v2-row){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px)}:host([variant-checkbox]) ::slotted([slot=footer]:not([variant])){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 57.97px)}:host([size=xs]){--xv-table-padding-y:7px;--xv-table-min-height:35.1px}:host([size=sm]){--xv-table-padding-y:10px;--xv-table-min-height:41.11px}:host([size=lg]){--xv-table-padding-y:21px;--xv-table-min-height:63.09px}:host([size=xl]){--xv-table-padding-y:31px;--xv-table-min-height:78.77px}'}},[257,"xv-table-v2",{size:[513],hover:[516],loading:[516],colsSize:[16],selected:[32],selectedCount:[32]},[[0,"checkedChange","handleCheckedChange"]],{colsSize:[{setColsSizeTemplate:0}]}]);function r(){"undefined"!=typeof customElements&&["xv-table-v2","xv-loader-v2"].forEach((e=>{switch(e){case"xv-table-v2":customElements.get(s(e))||customElements.define(s(e),c);break;case"xv-loader-v2":customElements.get(s(e))||n()}}))}r();const d=c,h=r;export{d as XvTableV2,h as defineCustomElement}
@@ -1,12 +0,0 @@
1
- /**
2
- * This file was automatically generated by the Stencil React Output Target.
3
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
- */
5
- import type { EventName, StencilReactComponent } from './runtime.js';
6
- import { type XVTableSortDto, type XvTableV2CellCustomEvent } from "xv-webcomponents";
7
- import type { Components } from "xv-webcomponents/dist/components";
8
- import { XvTableV2Cell as XvTableV2CellElement } from "xv-webcomponents/dist/components/xv-table-v2-cell.js";
9
- export type XvTableV2CellEvents = {
10
- onSortChange: EventName<XvTableV2CellCustomEvent<XVTableSortDto>>;
11
- };
12
- export declare const XvTableV2Cell: StencilReactComponent<XvTableV2CellElement, XvTableV2CellEvents, Components.XvTableV2Cell>;
@@ -1,14 +0,0 @@
1
- 'use client';
2
- import { createComponent } from './runtime.js';
3
- import React from 'react';
4
- import { transformTag } from './tag-transformer.js';
5
- import { XvTableV2Cell as XvTableV2CellElement, defineCustomElement as defineXvTableV2Cell } from "xv-webcomponents/dist/components/xv-table-v2-cell.js";
6
- export const XvTableV2Cell = /*@__PURE__*/ createComponent({
7
- tagName: 'xv-table-v2-cell',
8
- elementClass: XvTableV2CellElement,
9
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
10
- react: React,
11
- events: { onSortChange: 'sortChange' },
12
- defineCustomElement: defineXvTableV2Cell,
13
- transformTag
14
- });
@@ -1,14 +0,0 @@
1
- 'use client';
2
- import { createComponent } from './runtime.js';
3
- import React from 'react';
4
- import { transformTag } from './tag-transformer.js';
5
- import { XvTableV2Expand as XvTableV2ExpandElement, defineCustomElement as defineXvTableV2Expand } from "xv-webcomponents/dist/components/xv-table-v2-expand.js";
6
- export const XvTableV2Expand = /*@__PURE__*/ createComponent({
7
- tagName: 'xv-table-v2-expand',
8
- elementClass: XvTableV2ExpandElement,
9
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
10
- react: React,
11
- events: {},
12
- defineCustomElement: defineXvTableV2Expand,
13
- transformTag
14
- });
@@ -1,13 +0,0 @@
1
- /**
2
- * This file was automatically generated by the Stencil React Output Target.
3
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
- */
5
- import type { EventName, StencilReactComponent } from './runtime.js';
6
- import { type SelectRowDto, type XvTableV2RowCustomEvent } from "xv-webcomponents";
7
- import type { Components } from "xv-webcomponents/dist/components";
8
- import { XvTableV2Row as XvTableV2RowElement } from "xv-webcomponents/dist/components/xv-table-v2-row.js";
9
- export type XvTableV2RowEvents = {
10
- onCheckedChange: EventName<XvTableV2RowCustomEvent<SelectRowDto>>;
11
- onSelectRow: EventName<XvTableV2RowCustomEvent<SelectRowDto>>;
12
- };
13
- export declare const XvTableV2Row: StencilReactComponent<XvTableV2RowElement, XvTableV2RowEvents, Components.XvTableV2Row>;
@@ -1,17 +0,0 @@
1
- 'use client';
2
- import { createComponent } from './runtime.js';
3
- import React from 'react';
4
- import { transformTag } from './tag-transformer.js';
5
- import { XvTableV2Row as XvTableV2RowElement, defineCustomElement as defineXvTableV2Row } from "xv-webcomponents/dist/components/xv-table-v2-row.js";
6
- export const XvTableV2Row = /*@__PURE__*/ createComponent({
7
- tagName: 'xv-table-v2-row',
8
- elementClass: XvTableV2RowElement,
9
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
10
- react: React,
11
- events: {
12
- onCheckedChange: 'checkedChange',
13
- onSelectRow: 'selectRow'
14
- },
15
- defineCustomElement: defineXvTableV2Row,
16
- transformTag
17
- });
@@ -1,15 +0,0 @@
1
- import { XV_SORT_DIR } from '../../types/enum';
2
- export interface SelectRowDto {
3
- name: string;
4
- checked: boolean;
5
- value?: string | number | object;
6
- partial?: boolean;
7
- header?: boolean;
8
- expandable?: boolean;
9
- }
10
- export declare const XV_EXPANDABLE_KEY = "expandable";
11
- export declare const XV_TABLE_TAG = "xv-table-v2";
12
- export interface XVTableSortDto {
13
- name?: string;
14
- value: XV_SORT_DIR;
15
- }
@@ -1,8 +0,0 @@
1
- export declare class XvTableExpand {
2
- el: HTMLElement;
3
- open: boolean;
4
- disabled: boolean;
5
- private handleExpand;
6
- render(): any;
7
- componentDidLoad(): void;
8
- }