@epa-wg/custom-element-dist 0.0.33 → 0.0.35

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 (185) hide show
  1. package/.claude/settings.local.json +18 -0
  2. package/.gitattributes +4 -0
  3. package/.github/workflows/deploy.yml +59 -0
  4. package/.idea/copilot.data.migration.agent.xml +6 -0
  5. package/.idea/copilot.data.migration.ask.xml +6 -0
  6. package/.idea/copilot.data.migration.ask2agent.xml +6 -0
  7. package/.idea/copilot.data.migration.edit.xml +6 -0
  8. package/.idea/custom-element-dist.iml +2 -0
  9. package/.storybook/main.ts +20 -17
  10. package/.storybook/preview.ts +23 -23
  11. package/.yarn/install-state.gz +0 -0
  12. package/.yarnrc.yml +1 -0
  13. package/README.md +6 -4
  14. package/coverage/block-navigation.js +1 -1
  15. package/coverage/coverage-final.json +4 -3
  16. package/coverage/index.html +34 -19
  17. package/coverage/sorter.js +21 -7
  18. package/coverage/src/custom-element/coverage.svg +1 -1
  19. package/coverage/src/custom-element/custom-element.js/coverage.svg +1 -1
  20. package/coverage/src/custom-element/custom-element.js.html +448 -391
  21. package/coverage/src/custom-element/http-request.js/coverage.svg +1 -1
  22. package/coverage/src/custom-element/http-request.js.html +38 -17
  23. package/coverage/src/custom-element/index.html +26 -26
  24. package/coverage/src/custom-element/local-storage.js.html +1 -1
  25. package/coverage/src/custom-element/location-element.js.html +1 -1
  26. package/coverage/src/custom-element/module-url.js.html +1 -1
  27. package/coverage/src/index.html +1 -1
  28. package/coverage/src/material/theme/colors.js/coverage.svg +10 -0
  29. package/coverage/src/material/theme/colors.js.html +217 -0
  30. package/coverage/src/material/theme/coverage.svg +10 -0
  31. package/coverage/src/material/theme/index.html +116 -0
  32. package/coverage/src/mocks/handlers.ts.html +1 -1
  33. package/coverage/src/mocks/index.html +1 -1
  34. package/coverage/src/stories/frame.canvas.ts.html +1 -1
  35. package/coverage/src/stories/http-request.stories.ts.html +1 -1
  36. package/coverage/src/stories/index.html +1 -1
  37. package/coverage/src/stories/testStoryBook.ts.html +12 -12
  38. package/coverage/src/sum.ts.html +1 -1
  39. package/dist/custom-element-Bssk9jRy.cjs +97 -0
  40. package/dist/{custom-element-WnOqmEOe.js → custom-element-BzDjIYMe.js} +193 -183
  41. package/dist/custom-element-bundle.cjs +1 -1
  42. package/dist/custom-element-bundle.js +3 -3
  43. package/dist/demo/a.html +10 -3
  44. package/dist/demo/a.svg +26 -26
  45. package/dist/demo/html-template.html +4 -3
  46. package/dist/demo/s.xml +1 -75
  47. package/dist/demo/s.xslt +351 -72
  48. package/dist/demo/s1.xml +3706 -0
  49. package/dist/http-request-DSaowcG1.cjs +1 -0
  50. package/dist/{http-request-BOvP4KTl.js → http-request-DTCzZ1gc.js} +15 -9
  51. package/dist/mockServiceWorker.js +105 -63
  52. package/package.json +5 -4
  53. package/public/demo/a.html +10 -3
  54. package/public/demo/a.svg +26 -26
  55. package/public/demo/html-template.html +4 -3
  56. package/public/demo/s.xml +1 -75
  57. package/public/demo/s.xslt +351 -72
  58. package/public/demo/s1.xml +3706 -0
  59. package/public/mockServiceWorker.js +105 -63
  60. package/src/custom-element/custom-element.js +28 -9
  61. package/src/custom-element/demo/a.html +10 -3
  62. package/src/custom-element/demo/a.svg +26 -26
  63. package/src/custom-element/demo/html-template.html +4 -3
  64. package/src/custom-element/demo/s.xml +1 -75
  65. package/src/custom-element/demo/s.xslt +351 -72
  66. package/src/custom-element/demo/s1.xml +3706 -0
  67. package/src/custom-element/http-request.js +7 -0
  68. package/src/custom-element/ide/customData-dce.json +123 -0
  69. package/src/custom-element/ide/web-types-dce.json +128 -1
  70. package/src/custom-element/ide/web-types-xsl.json +1 -1
  71. package/src/material/angular.css +987 -987
  72. package/src/material/components/action.html +262 -0
  73. package/src/material/components/autocomplete.html +167 -239
  74. package/src/material/components/badge.html +238 -239
  75. package/src/material/components/dropdown.html +0 -1
  76. package/src/material/components/icon-link.html +160 -161
  77. package/src/material/components/icon.html +251 -252
  78. package/src/material/components/input.html +569 -570
  79. package/src/material/components/menu.html +235 -236
  80. package/src/material/components.html +157 -158
  81. package/src/material/demo.css +36 -36
  82. package/src/material/index.html +109 -110
  83. package/src/material/material.css +356 -356
  84. package/src/material/theme/Base-Principles.md +339 -0
  85. package/src/material/theme/README.md +298 -18
  86. package/src/material/theme/UI Domain Model in web applications.svg +1 -0
  87. package/src/material/theme/User Semantic Theme tokens.svg +1 -0
  88. package/src/material/theme/action-pending-poc.html +62 -0
  89. package/src/material/theme/actions-color.html +141 -0
  90. package/src/material/theme/colors-light.html +631 -0
  91. package/src/material/theme/colors-native.html +51 -0
  92. package/src/material/theme/colors-poc.html +66 -0
  93. package/src/material/theme/colors.html +297 -0
  94. package/src/material/theme/colors.js +44 -0
  95. package/src/material/theme/consumer-theme.css +745 -0
  96. package/src/material/theme/semantic.css +132 -132
  97. package/src/material/theme/style-bug.html +123 -0
  98. package/src/material/theme/theme-data.css +43 -0
  99. package/src/material/theme/theme-data.xhtml +2926 -0
  100. package/src/material/theme/todo.md +274 -0
  101. package/src/material/theme/tokens/action-colors.png +0 -0
  102. package/src/material/theme/tokens/cem-article-illustration-4x1-letterbox-2000x500.png +0 -0
  103. package/src/material/theme/tokens/cem-breakpoints.md +519 -0
  104. package/src/material/theme/tokens/cem-colors.md +715 -0
  105. package/src/material/theme/tokens/cem-consumerflow-typography-matrix.svg +198 -0
  106. package/src/material/theme/tokens/cem-coupling.md +372 -0
  107. package/src/material/theme/tokens/cem-data-vs-reading-numerals.svg +164 -0
  108. package/src/material/theme/tokens/cem-dimension.md +625 -0
  109. package/src/material/theme/tokens/cem-layering.md +562 -0
  110. package/src/material/theme/tokens/cem-m3-parity.md +343 -0
  111. package/src/material/theme/tokens/cem-responsive.md +238 -0
  112. package/src/material/theme/tokens/cem-shape.md +691 -0
  113. package/src/material/theme/tokens/cem-stroke-density-illustration-4to1-v3.svg +102 -0
  114. package/src/material/theme/tokens/cem-stroke.md +480 -0
  115. package/src/material/theme/tokens/cem-timing.md +198 -0
  116. package/src/material/theme/tokens/cem-typography-model-stack.svg +64 -0
  117. package/src/material/theme/tokens/cem-voice-fonts-typography.md +718 -0
  118. package/src/material/theme/tokens/cem-voice-ladder.svg +91 -0
  119. package/src/material/theme/tokens/chips.png +0 -0
  120. package/src/material/theme/tokens/columns-page.png +0 -0
  121. package/src/material/theme/tokens/initials.png +0 -0
  122. package/src/material/theme/tokens/nav-buttons.png +0 -0
  123. package/src/material/theme/tokens/script.png +0 -0
  124. package/src/material/theme/tokens/sufler.png +0 -0
  125. package/src/material/theme/tokens/typography-icons.png +0 -0
  126. package/src/mocks/versions.mock.ts +1 -1
  127. package/src/stories/__screenshots__/dom-merge.test.stories.ts/dom-merge-dom-merge-OrderPreservingOn2ndTransform-1.png +0 -0
  128. package/src/stories/__screenshots__/xslt-conditionals.test.stories.ts/xslt-conditionals-xslt-conditionals-MultipleIfOrderingWorkaround-1.png +0 -0
  129. package/src/stories/dom-merge.test.stories.ts +25 -1
  130. package/src/stories/xslt-conditionals.test.stories.ts +492 -0
  131. package/src/stories/xslt-for-each.test.stories.ts +336 -0
  132. package/src/stories/xslt-if.test.stories.ts +89 -0
  133. package/storybook-static/assets/{Color-F6OSRLHC-Cbp293x2.js → Color-F6OSRLHC-DeDlDLjU.js} +1 -1
  134. package/storybook-static/assets/{Configure-BrFr4SLE.js → Configure-CH_tIP5N.js} +1 -1
  135. package/storybook-static/assets/{DocsRenderer-CFRXHY34-DhHzJiIO.js → DocsRenderer-CFRXHY34-Bc9EPsUI.js} +2 -2
  136. package/storybook-static/assets/{attributes.test.stories-Gg9LQTEK.js → attributes.test.stories-BtamFQkF.js} +1 -1
  137. package/storybook-static/assets/{css.test.stories-B_3ltOrx.js → css.test.stories-BfNxLgwr.js} +1 -1
  138. package/storybook-static/assets/{custom-element-CPnvJnn8.js → custom-element-CnmjNo0g.js} +6 -6
  139. package/storybook-static/assets/{dom-merge.test.stories-nQxcgLoM.js → dom-merge.test.stories-DxnitrLK.js} +47 -6
  140. package/storybook-static/assets/entry-preview-BNCt9WBs.js +26 -0
  141. package/storybook-static/assets/{entry-preview-docs-Dwczwtsc.js → entry-preview-docs-CbF8-81D.js} +2 -2
  142. package/storybook-static/assets/{external-template.test.stories-DZ-rjnfd.js → external-template.test.stories-BTsww7B0.js} +1 -1
  143. package/storybook-static/assets/{form.test.stories-DQhPYtMj.js → form.test.stories-DNJFtPJb.js} +1 -1
  144. package/storybook-static/assets/{frame.canvas-ClTqYyMN.js → frame.canvas-E5n9h6j1.js} +1 -1
  145. package/storybook-static/assets/{handlers-CLkps6Nz.js → handlers-Dvg8CAeR.js} +1 -1
  146. package/storybook-static/assets/http-request-BWeEEBkP.js +1 -0
  147. package/storybook-static/assets/{http-request.stories-jo0f73nw.js → http-request.stories-DgrBNle8.js} +1 -1
  148. package/storybook-static/assets/{iframe-CZwRpnn9.js → iframe-DiVWehoI.js} +11 -11
  149. package/storybook-static/assets/{index-Dr4PwNfd.js → index-CGuyH0k-.js} +87 -87
  150. package/storybook-static/assets/{index-CJQtnF9V.js → index-CdEbhcV9.js} +1 -1
  151. package/storybook-static/assets/index-DO1nmyvI.js +11 -0
  152. package/storybook-static/assets/{index-B68YUdzy.js → index-w6iX3YlR.js} +3 -3
  153. package/storybook-static/assets/{local-storage.test.stories-uA5EKRPf.js → local-storage.test.stories-Hwq80yUr.js} +1 -1
  154. package/storybook-static/assets/{location-element.test.stories-Cu-6Elcg.js → location-element.test.stories-mEhZzm7x.js} +1 -1
  155. package/storybook-static/assets/{module-url.test.stories-CD_wusXQ.js → module-url.test.stories-Bj46iT0V.js} +1 -1
  156. package/storybook-static/assets/{preview-CuCH40jj.js → preview-BjbXcJci.js} +2 -2
  157. package/storybook-static/assets/{preview-BFlNN3Wj.js → preview-Bn8igYMp.js} +1 -1
  158. package/storybook-static/assets/{preview-Cm4PPhHS.js → preview-CfuT8gak.js} +1 -1
  159. package/storybook-static/assets/{set-url.test.stories-CY7B9BVZ.js → set-url.test.stories-hzxLcqmm.js} +1 -1
  160. package/storybook-static/assets/{slice-events.test.stories-BVnPXm6e.js → slice-events.test.stories-DVyXFRU1.js} +1 -1
  161. package/storybook-static/assets/{slots.test.stories-Dxsa9KdA.js → slots.test.stories-CS544nS4.js} +1 -1
  162. package/storybook-static/assets/{version-select.test.stories-Buga1PAa.js → version-select.test.stories-D36nfYBq.js} +1 -1
  163. package/storybook-static/assets/xslt-conditionals.test.stories-BS1PTIHe.js +633 -0
  164. package/storybook-static/assets/xslt-for-each.test.stories-CtPS20RK.js +329 -0
  165. package/storybook-static/assets/xslt-if.test.stories-DcHrAMSY.js +71 -0
  166. package/storybook-static/demo/a.html +10 -3
  167. package/storybook-static/demo/a.svg +26 -26
  168. package/storybook-static/demo/html-template.html +4 -3
  169. package/storybook-static/demo/s.xml +1 -75
  170. package/storybook-static/demo/s.xslt +351 -72
  171. package/storybook-static/demo/s1.xml +3706 -0
  172. package/storybook-static/iframe.html +2 -2
  173. package/storybook-static/index.json +1 -1
  174. package/storybook-static/mockServiceWorker.js +105 -63
  175. package/storybook-static/project.json +1 -1
  176. package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +69 -66
  177. package/storybook-static/sb-addons/essentials-docs-3/manager-bundle.js +62 -59
  178. package/dist/custom-element-6slVaFEs.cjs +0 -97
  179. package/dist/http-request-DPrY7mGh.cjs +0 -1
  180. package/storybook-static/assets/attributes.test.stories-CzWkKw0e.js +0 -1
  181. package/storybook-static/assets/entry-preview-DHVXbf3x.js +0 -26
  182. package/storybook-static/assets/external-template.test.stories-BivZqBTp.js +0 -1
  183. package/storybook-static/assets/http-request-DNq59pnj.js +0 -1
  184. package/storybook-static/assets/index-BwkS7JH_.js +0 -8
  185. package/storybook-static/assets/module-url.test.stories-CTjUAk3J.js +0 -1
@@ -1,4 +1,4 @@
1
- import{j as e,e as a}from"./index-B68YUdzy.js";import{useMDXComponents as o}from"./index-CJQtnF9V.js";import"./iframe-CZwRpnn9.js";import"./index-BwkS7JH_.js";import"./index-DrFu-skq.js";const n="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.0001%200C7.16466%200%200%207.17472%200%2016.0256C0%2023.1061%204.58452%2029.1131%2010.9419%2031.2322C11.7415%2031.3805%2012.0351%2030.8845%2012.0351%2030.4613C12.0351%2030.0791%2012.0202%2028.8167%2012.0133%2027.4776C7.56209%2028.447%206.62283%2025.5868%206.62283%2025.5868C5.89499%2023.7345%204.8463%2023.2419%204.8463%2023.2419C3.39461%2022.2473%204.95573%2022.2678%204.95573%2022.2678C6.56242%2022.3808%207.40842%2023.9192%207.40842%2023.9192C8.83547%2026.3691%2011.1514%2025.6609%2012.0645%2025.2514C12.2081%2024.2156%2012.6227%2023.5087%2013.0803%2023.1085C9.52648%2022.7032%205.7906%2021.3291%205.7906%2015.1886C5.7906%2013.4389%206.41563%2012.0094%207.43916%2010.8871C7.27303%2010.4834%206.72537%208.85349%207.59415%206.64609C7.59415%206.64609%208.93774%206.21539%2011.9953%208.28877C13.2716%207.9337%2014.6404%207.75563%2016.0001%207.74953C17.3599%207.75563%2018.7297%207.9337%2020.0084%208.28877C23.0623%206.21539%2024.404%206.64609%2024.404%206.64609C25.2749%208.85349%2024.727%2010.4834%2024.5608%2010.8871C25.5868%2012.0094%2026.2075%2013.4389%2026.2075%2015.1886C26.2075%2021.3437%2022.4645%2022.699%2018.9017%2023.0957C19.4756%2023.593%2019.9869%2024.5683%2019.9869%2026.0634C19.9869%2028.2077%2019.9684%2029.9334%2019.9684%2030.4613C19.9684%2030.8877%2020.2564%2031.3874%2021.0674%2031.2301C27.4213%2029.1086%2032%2023.1037%2032%2016.0256C32%207.17472%2024.8364%200%2016.0001%200ZM5.99257%2022.8288C5.95733%2022.9084%205.83227%2022.9322%205.71834%2022.8776C5.60229%2022.8253%205.53711%2022.7168%205.57474%2022.6369C5.60918%2022.5549%205.7345%2022.5321%205.85029%2022.587C5.9666%2022.6393%206.03284%2022.7489%205.99257%2022.8288ZM6.7796%2023.5321C6.70329%2023.603%206.55412%2023.5701%206.45291%2023.4581C6.34825%2023.3464%206.32864%2023.197%206.40601%2023.125C6.4847%2023.0542%206.62937%2023.0874%206.73429%2023.1991C6.83895%2023.3121%206.85935%2023.4605%206.7796%2023.5321ZM7.31953%2024.4321C7.2215%2024.5003%207.0612%2024.4363%206.96211%2024.2938C6.86407%2024.1513%206.86407%2023.9804%206.96422%2023.9119C7.06358%2023.8435%207.2215%2023.905%207.32191%2024.0465C7.41968%2024.1914%207.41968%2024.3623%207.31953%2024.4321ZM8.23267%2025.4743C8.14497%2025.5712%207.95818%2025.5452%207.82146%2025.413C7.68156%2025.2838%207.64261%2025.1004%207.73058%2025.0035C7.81934%2024.9064%208.00719%2024.9337%208.14497%2025.0648C8.28381%2025.1938%208.3262%2025.3785%208.23267%2025.4743ZM9.41281%2025.8262C9.37413%2025.9517%209.19423%2026.0088%209.013%2025.9554C8.83203%2025.9005%208.7136%2025.7535%208.75016%2025.6266C8.78778%2025.5003%208.96848%2025.4408%209.15104%2025.4979C9.33174%2025.5526%209.45044%2025.6985%209.41281%2025.8262ZM10.7559%2025.9754C10.7604%2026.1076%2010.6067%2026.2172%2010.4165%2026.2196C10.2252%2026.2238%2010.0704%2026.1169%2010.0683%2025.9868C10.0683%2025.8534%2010.2185%2025.7448%2010.4098%2025.7416C10.6001%2025.7379%2010.7559%2025.8441%2010.7559%2025.9754ZM12.0753%2025.9248C12.0981%2026.0537%2011.9658%2026.1862%2011.7769%2026.2215C11.5912%2026.2554%2011.4192%2026.1758%2011.3957%2026.0479C11.3726%2025.9157%2011.5072%2025.7833%2011.6927%2025.7491C11.8819%2025.7162%2012.0512%2025.7937%2012.0753%2025.9248Z'%20fill='%23161614'/%3e%3c/svg%3e",c="data:image/svg+xml,%3csvg%20width='33'%20height='32'%20viewBox='0%200%2033%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_10031_177575)'%3e%3cmask%20id='mask0_10031_177575'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='4'%20width='33'%20height='25'%3e%3cpath%20d='M32.5034%204.00195H0.503906V28.7758H32.5034V4.00195Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_10031_177575)'%3e%3cpath%20d='M27.5928%206.20817C25.5533%205.27289%2023.3662%204.58382%2021.0794%204.18916C21.0378%204.18154%2020.9962%204.20057%2020.9747%204.23864C20.6935%204.73863%2020.3819%205.3909%2020.1637%205.90358C17.7042%205.53558%2015.2573%205.53558%2012.8481%205.90358C12.6299%205.37951%2012.307%204.73863%2012.0245%204.23864C12.003%204.20184%2011.9614%204.18281%2011.9198%204.18916C9.63431%204.58255%207.44721%205.27163%205.40641%206.20817C5.38874%206.21578%205.3736%206.22848%205.36355%206.24497C1.21508%2012.439%200.078646%2018.4809%200.636144%2024.4478C0.638667%2024.477%200.655064%2024.5049%200.677768%2024.5227C3.41481%2026.5315%206.06609%2027.7511%208.66815%2028.5594C8.70979%2028.5721%208.75392%2028.5569%208.78042%2028.5226C9.39594%2027.6826%209.94461%2026.7968%2010.4151%2025.8653C10.4428%2025.8107%2010.4163%2025.746%2010.3596%2025.7244C9.48927%2025.3945%208.66058%2024.9922%207.86343%2024.5354C7.80038%2024.4986%207.79533%2024.4084%207.85333%2024.3653C8.02108%2024.2397%208.18888%2024.109%208.34906%2023.977C8.37804%2023.9529%208.41842%2023.9478%208.45249%2023.963C13.6894%2026.3526%2019.359%2026.3526%2024.5341%2023.963C24.5682%2023.9465%2024.6086%2023.9516%2024.6388%2023.9757C24.799%2024.1077%2024.9668%2024.2397%2025.1358%2024.3653C25.1938%2024.4084%2025.19%2024.4986%2025.127%2024.5354C24.3298%2025.0011%2023.5011%2025.3945%2022.6296%2025.7232C22.5728%2025.7447%2022.5476%2025.8107%2022.5754%2025.8653C23.0559%2026.7955%2023.6046%2027.6812%2024.2087%2028.5213C24.234%2028.5569%2024.2794%2028.5721%2024.321%2028.5594C26.9357%2027.7511%2029.5869%2026.5315%2032.324%2024.5227C32.348%2024.5049%2032.3631%2024.4783%2032.3656%2024.4491C33.0328%2017.5506%2031.2481%2011.5584%2027.6344%206.24623C27.6256%206.22848%2027.6105%206.21578%2027.5928%206.20817ZM11.1971%2020.8146C9.62043%2020.8146%208.32129%2019.3679%208.32129%2017.5913C8.32129%2015.8146%209.59523%2014.368%2011.1971%2014.368C12.8115%2014.368%2014.0981%2015.8273%2014.0729%2017.5913C14.0729%2019.3679%2012.7989%2020.8146%2011.1971%2020.8146ZM21.8299%2020.8146C20.2533%2020.8146%2018.9541%2019.3679%2018.9541%2017.5913C18.9541%2015.8146%2020.228%2014.368%2021.8299%2014.368C23.4444%2014.368%2024.7309%2015.8273%2024.7057%2017.5913C24.7057%2019.3679%2023.4444%2020.8146%2021.8299%2020.8146Z'%20fill='%235865F2'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_10031_177575'%3e%3crect%20width='31.9995'%20height='32'%20fill='white'%20transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",l="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M31.3313%208.44657C30.9633%207.08998%2029.8791%206.02172%2028.5022%205.65916C26.0067%205.00026%2016%205.00026%2016%205.00026C16%205.00026%205.99333%205.00026%203.4978%205.65916C2.12102%206.02172%201.03665%207.08998%200.668678%208.44657C0%2010.9053%200%2016.0353%200%2016.0353C0%2016.0353%200%2021.1652%200.668678%2023.6242C1.03665%2024.9806%202.12102%2026.0489%203.4978%2026.4116C5.99333%2027.0703%2016%2027.0703%2016%2027.0703C16%2027.0703%2026.0067%2027.0703%2028.5022%2026.4116C29.8791%2026.0489%2030.9633%2024.9806%2031.3313%2023.6242C32%2021.1652%2032%2016.0353%2032%2016.0353C32%2016.0353%2032%2010.9053%2031.3313%208.44657Z'%20fill='%23ED1D24'/%3e%3cpath%20d='M12.7266%2020.6934L21.0902%2016.036L12.7266%2011.3781V20.6934Z'%20fill='white'/%3e%3c/svg%3e",d="data:image/svg+xml,%3csvg%20width='33'%20height='32'%20viewBox='0%200%2033%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_10031_177597)'%3e%3cpath%20opacity='0.7'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17%207.87059C17%206.48214%2017.9812%205.28722%2019.3431%205.01709L29.5249%202.99755C31.3238%202.64076%2033%204.01717%2033%205.85105V22.1344C33%2023.5229%2032.0188%2024.7178%2030.6569%2024.9879L20.4751%2027.0074C18.6762%2027.3642%2017%2025.9878%2017%2024.1539L17%207.87059Z'%20fill='%23B7F0EF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1%205.85245C1%204.01857%202.67623%202.64215%204.47507%202.99895L14.6569%205.01848C16.0188%205.28861%2017%206.48354%2017%207.87198V24.1553C17%2025.9892%2015.3238%2027.3656%2013.5249%2027.0088L3.34311%2024.9893C1.98119%2024.7192%201%2023.5242%201%2022.1358V5.85245Z'%20fill='%2387E6E5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.543%205.71289C15.543%205.71289%2016.8157%205.96289%2017.4002%206.57653C17.9847%207.19016%2018.4521%209.03107%2018.4521%209.03107C18.4521%209.03107%2018.4521%2025.1106%2018.4521%2026.9629C18.4521%2028.8152%2019.3775%2031.4174%2019.3775%2031.4174L17.4002%2028.8947L16.2575%2031.4174C16.2575%2031.4174%2015.543%2029.0765%2015.543%2027.122C15.543%2025.1674%2015.543%205.71289%2015.543%205.71289Z'%20fill='%2361C1FD'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_10031_177597'%3e%3crect%20width='32'%20height='32'%20fill='white'%20transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",g=""+new URL("styling-Bk6zjRzU.png",import.meta.url).href,h=""+new URL("context-C0qIqeS4.png",import.meta.url).href,m="data:image/png;base64,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",p=""+new URL("docs---vsFbMi.png",import.meta.url).href,x=""+new URL("share-DGA-UcQf.png",import.meta.url).href,b=""+new URL("figma-plugin-CH2hELiO.png",import.meta.url).href,C=""+new URL("testing-cbzR9l9r.png",import.meta.url).href,u=""+new URL("accessibility-W_h2acOZ.png",import.meta.url).href,j=""+new URL("theming-D6WJLNoW.png",import.meta.url).href,f=""+new URL("addon-library-BWUCAmyN.png",import.meta.url).href,s=()=>{const t={path:"path",svg:"svg",...o()};return e.jsx(t.svg,{viewBox:"0 0 14 14",width:"8px",height:"14px",style:{marginLeft:"4px",display:"inline-block",shapeRendering:"inherit",verticalAlign:"middle",fill:"currentColor","path fill":"currentColor"},children:e.jsx(t.path,{d:"m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z"})})};function r(t){const i={code:"code",h1:"h1",p:"p",...o(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Configure your project"}),`
1
+ import{j as e,e as a}from"./index-w6iX3YlR.js";import{useMDXComponents as o}from"./index-CdEbhcV9.js";import"./iframe-DiVWehoI.js";import"./index-DO1nmyvI.js";import"./index-DrFu-skq.js";const n="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.0001%200C7.16466%200%200%207.17472%200%2016.0256C0%2023.1061%204.58452%2029.1131%2010.9419%2031.2322C11.7415%2031.3805%2012.0351%2030.8845%2012.0351%2030.4613C12.0351%2030.0791%2012.0202%2028.8167%2012.0133%2027.4776C7.56209%2028.447%206.62283%2025.5868%206.62283%2025.5868C5.89499%2023.7345%204.8463%2023.2419%204.8463%2023.2419C3.39461%2022.2473%204.95573%2022.2678%204.95573%2022.2678C6.56242%2022.3808%207.40842%2023.9192%207.40842%2023.9192C8.83547%2026.3691%2011.1514%2025.6609%2012.0645%2025.2514C12.2081%2024.2156%2012.6227%2023.5087%2013.0803%2023.1085C9.52648%2022.7032%205.7906%2021.3291%205.7906%2015.1886C5.7906%2013.4389%206.41563%2012.0094%207.43916%2010.8871C7.27303%2010.4834%206.72537%208.85349%207.59415%206.64609C7.59415%206.64609%208.93774%206.21539%2011.9953%208.28877C13.2716%207.9337%2014.6404%207.75563%2016.0001%207.74953C17.3599%207.75563%2018.7297%207.9337%2020.0084%208.28877C23.0623%206.21539%2024.404%206.64609%2024.404%206.64609C25.2749%208.85349%2024.727%2010.4834%2024.5608%2010.8871C25.5868%2012.0094%2026.2075%2013.4389%2026.2075%2015.1886C26.2075%2021.3437%2022.4645%2022.699%2018.9017%2023.0957C19.4756%2023.593%2019.9869%2024.5683%2019.9869%2026.0634C19.9869%2028.2077%2019.9684%2029.9334%2019.9684%2030.4613C19.9684%2030.8877%2020.2564%2031.3874%2021.0674%2031.2301C27.4213%2029.1086%2032%2023.1037%2032%2016.0256C32%207.17472%2024.8364%200%2016.0001%200ZM5.99257%2022.8288C5.95733%2022.9084%205.83227%2022.9322%205.71834%2022.8776C5.60229%2022.8253%205.53711%2022.7168%205.57474%2022.6369C5.60918%2022.5549%205.7345%2022.5321%205.85029%2022.587C5.9666%2022.6393%206.03284%2022.7489%205.99257%2022.8288ZM6.7796%2023.5321C6.70329%2023.603%206.55412%2023.5701%206.45291%2023.4581C6.34825%2023.3464%206.32864%2023.197%206.40601%2023.125C6.4847%2023.0542%206.62937%2023.0874%206.73429%2023.1991C6.83895%2023.3121%206.85935%2023.4605%206.7796%2023.5321ZM7.31953%2024.4321C7.2215%2024.5003%207.0612%2024.4363%206.96211%2024.2938C6.86407%2024.1513%206.86407%2023.9804%206.96422%2023.9119C7.06358%2023.8435%207.2215%2023.905%207.32191%2024.0465C7.41968%2024.1914%207.41968%2024.3623%207.31953%2024.4321ZM8.23267%2025.4743C8.14497%2025.5712%207.95818%2025.5452%207.82146%2025.413C7.68156%2025.2838%207.64261%2025.1004%207.73058%2025.0035C7.81934%2024.9064%208.00719%2024.9337%208.14497%2025.0648C8.28381%2025.1938%208.3262%2025.3785%208.23267%2025.4743ZM9.41281%2025.8262C9.37413%2025.9517%209.19423%2026.0088%209.013%2025.9554C8.83203%2025.9005%208.7136%2025.7535%208.75016%2025.6266C8.78778%2025.5003%208.96848%2025.4408%209.15104%2025.4979C9.33174%2025.5526%209.45044%2025.6985%209.41281%2025.8262ZM10.7559%2025.9754C10.7604%2026.1076%2010.6067%2026.2172%2010.4165%2026.2196C10.2252%2026.2238%2010.0704%2026.1169%2010.0683%2025.9868C10.0683%2025.8534%2010.2185%2025.7448%2010.4098%2025.7416C10.6001%2025.7379%2010.7559%2025.8441%2010.7559%2025.9754ZM12.0753%2025.9248C12.0981%2026.0537%2011.9658%2026.1862%2011.7769%2026.2215C11.5912%2026.2554%2011.4192%2026.1758%2011.3957%2026.0479C11.3726%2025.9157%2011.5072%2025.7833%2011.6927%2025.7491C11.8819%2025.7162%2012.0512%2025.7937%2012.0753%2025.9248Z'%20fill='%23161614'/%3e%3c/svg%3e",c="data:image/svg+xml,%3csvg%20width='33'%20height='32'%20viewBox='0%200%2033%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_10031_177575)'%3e%3cmask%20id='mask0_10031_177575'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='4'%20width='33'%20height='25'%3e%3cpath%20d='M32.5034%204.00195H0.503906V28.7758H32.5034V4.00195Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_10031_177575)'%3e%3cpath%20d='M27.5928%206.20817C25.5533%205.27289%2023.3662%204.58382%2021.0794%204.18916C21.0378%204.18154%2020.9962%204.20057%2020.9747%204.23864C20.6935%204.73863%2020.3819%205.3909%2020.1637%205.90358C17.7042%205.53558%2015.2573%205.53558%2012.8481%205.90358C12.6299%205.37951%2012.307%204.73863%2012.0245%204.23864C12.003%204.20184%2011.9614%204.18281%2011.9198%204.18916C9.63431%204.58255%207.44721%205.27163%205.40641%206.20817C5.38874%206.21578%205.3736%206.22848%205.36355%206.24497C1.21508%2012.439%200.078646%2018.4809%200.636144%2024.4478C0.638667%2024.477%200.655064%2024.5049%200.677768%2024.5227C3.41481%2026.5315%206.06609%2027.7511%208.66815%2028.5594C8.70979%2028.5721%208.75392%2028.5569%208.78042%2028.5226C9.39594%2027.6826%209.94461%2026.7968%2010.4151%2025.8653C10.4428%2025.8107%2010.4163%2025.746%2010.3596%2025.7244C9.48927%2025.3945%208.66058%2024.9922%207.86343%2024.5354C7.80038%2024.4986%207.79533%2024.4084%207.85333%2024.3653C8.02108%2024.2397%208.18888%2024.109%208.34906%2023.977C8.37804%2023.9529%208.41842%2023.9478%208.45249%2023.963C13.6894%2026.3526%2019.359%2026.3526%2024.5341%2023.963C24.5682%2023.9465%2024.6086%2023.9516%2024.6388%2023.9757C24.799%2024.1077%2024.9668%2024.2397%2025.1358%2024.3653C25.1938%2024.4084%2025.19%2024.4986%2025.127%2024.5354C24.3298%2025.0011%2023.5011%2025.3945%2022.6296%2025.7232C22.5728%2025.7447%2022.5476%2025.8107%2022.5754%2025.8653C23.0559%2026.7955%2023.6046%2027.6812%2024.2087%2028.5213C24.234%2028.5569%2024.2794%2028.5721%2024.321%2028.5594C26.9357%2027.7511%2029.5869%2026.5315%2032.324%2024.5227C32.348%2024.5049%2032.3631%2024.4783%2032.3656%2024.4491C33.0328%2017.5506%2031.2481%2011.5584%2027.6344%206.24623C27.6256%206.22848%2027.6105%206.21578%2027.5928%206.20817ZM11.1971%2020.8146C9.62043%2020.8146%208.32129%2019.3679%208.32129%2017.5913C8.32129%2015.8146%209.59523%2014.368%2011.1971%2014.368C12.8115%2014.368%2014.0981%2015.8273%2014.0729%2017.5913C14.0729%2019.3679%2012.7989%2020.8146%2011.1971%2020.8146ZM21.8299%2020.8146C20.2533%2020.8146%2018.9541%2019.3679%2018.9541%2017.5913C18.9541%2015.8146%2020.228%2014.368%2021.8299%2014.368C23.4444%2014.368%2024.7309%2015.8273%2024.7057%2017.5913C24.7057%2019.3679%2023.4444%2020.8146%2021.8299%2020.8146Z'%20fill='%235865F2'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_10031_177575'%3e%3crect%20width='31.9995'%20height='32'%20fill='white'%20transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",l="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M31.3313%208.44657C30.9633%207.08998%2029.8791%206.02172%2028.5022%205.65916C26.0067%205.00026%2016%205.00026%2016%205.00026C16%205.00026%205.99333%205.00026%203.4978%205.65916C2.12102%206.02172%201.03665%207.08998%200.668678%208.44657C0%2010.9053%200%2016.0353%200%2016.0353C0%2016.0353%200%2021.1652%200.668678%2023.6242C1.03665%2024.9806%202.12102%2026.0489%203.4978%2026.4116C5.99333%2027.0703%2016%2027.0703%2016%2027.0703C16%2027.0703%2026.0067%2027.0703%2028.5022%2026.4116C29.8791%2026.0489%2030.9633%2024.9806%2031.3313%2023.6242C32%2021.1652%2032%2016.0353%2032%2016.0353C32%2016.0353%2032%2010.9053%2031.3313%208.44657Z'%20fill='%23ED1D24'/%3e%3cpath%20d='M12.7266%2020.6934L21.0902%2016.036L12.7266%2011.3781V20.6934Z'%20fill='white'/%3e%3c/svg%3e",d="data:image/svg+xml,%3csvg%20width='33'%20height='32'%20viewBox='0%200%2033%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_10031_177597)'%3e%3cpath%20opacity='0.7'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17%207.87059C17%206.48214%2017.9812%205.28722%2019.3431%205.01709L29.5249%202.99755C31.3238%202.64076%2033%204.01717%2033%205.85105V22.1344C33%2023.5229%2032.0188%2024.7178%2030.6569%2024.9879L20.4751%2027.0074C18.6762%2027.3642%2017%2025.9878%2017%2024.1539L17%207.87059Z'%20fill='%23B7F0EF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1%205.85245C1%204.01857%202.67623%202.64215%204.47507%202.99895L14.6569%205.01848C16.0188%205.28861%2017%206.48354%2017%207.87198V24.1553C17%2025.9892%2015.3238%2027.3656%2013.5249%2027.0088L3.34311%2024.9893C1.98119%2024.7192%201%2023.5242%201%2022.1358V5.85245Z'%20fill='%2387E6E5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.543%205.71289C15.543%205.71289%2016.8157%205.96289%2017.4002%206.57653C17.9847%207.19016%2018.4521%209.03107%2018.4521%209.03107C18.4521%209.03107%2018.4521%2025.1106%2018.4521%2026.9629C18.4521%2028.8152%2019.3775%2031.4174%2019.3775%2031.4174L17.4002%2028.8947L16.2575%2031.4174C16.2575%2031.4174%2015.543%2029.0765%2015.543%2027.122C15.543%2025.1674%2015.543%205.71289%2015.543%205.71289Z'%20fill='%2361C1FD'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_10031_177597'%3e%3crect%20width='32'%20height='32'%20fill='white'%20transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",g=""+new URL("styling-Bk6zjRzU.png",import.meta.url).href,h=""+new URL("context-C0qIqeS4.png",import.meta.url).href,m="data:image/png;base64,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",p=""+new URL("docs---vsFbMi.png",import.meta.url).href,x=""+new URL("share-DGA-UcQf.png",import.meta.url).href,b=""+new URL("figma-plugin-CH2hELiO.png",import.meta.url).href,C=""+new URL("testing-cbzR9l9r.png",import.meta.url).href,u=""+new URL("accessibility-W_h2acOZ.png",import.meta.url).href,j=""+new URL("theming-D6WJLNoW.png",import.meta.url).href,f=""+new URL("addon-library-BWUCAmyN.png",import.meta.url).href,s=()=>{const t={path:"path",svg:"svg",...o()};return e.jsx(t.svg,{viewBox:"0 0 14 14",width:"8px",height:"14px",style:{marginLeft:"4px",display:"inline-block",shapeRendering:"inherit",verticalAlign:"middle",fill:"currentColor","path fill":"currentColor"},children:e.jsx(t.path,{d:"m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z"})})};function r(t){const i={code:"code",h1:"h1",p:"p",...o(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Configure your project"}),`
2
2
  `,e.jsxs("div",{className:"sb-container",children:[e.jsxs("div",{className:"sb-section-title",children:[e.jsx(i.h1,{id:"configure-your-project",children:"Configure your project"}),e.jsx(i.p,{children:"Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community."})]}),e.jsxs("div",{className:"sb-section",children:[e.jsxs("div",{className:"sb-section-item",children:[e.jsx("img",{src:g,alt:"A wall of logos representing different styling technologies"}),e.jsx("h4",{className:"sb-section-item-heading",children:"Add styling and CSS"}),e.jsx("p",{className:"sb-section-item-paragraph",children:"Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook."}),e.jsxs("a",{href:"https://storybook.js.org/docs/web-components/configure/styling-and-css",target:"_blank",children:["Learn more",e.jsx(s,{})]})]}),e.jsxs("div",{className:"sb-section-item",children:[e.jsx("img",{src:h,alt:"An abstraction representing the composition of data for a component"}),e.jsx("h4",{className:"sb-section-item-heading",children:"Provide context and mocking"}),e.jsx("p",{className:"sb-section-item-paragraph",children:"Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available."}),e.jsxs("a",{href:"https://storybook.js.org/docs/web-components/writing-stories/decorators#context-for-mocking",target:"_blank",children:["Learn more",e.jsx(s,{})]})]}),e.jsxs("div",{className:"sb-section-item",children:[e.jsx("img",{src:m,alt:"A representation of typography and image assets"}),e.jsxs("div",{children:[e.jsx("h4",{className:"sb-section-item-heading",children:"Load assets and resources"}),e.jsxs("p",{className:"sb-section-item-paragraph",children:[`To link static files (like fonts) to your projects and stories, use the
3
3
  `,e.jsx(i.code,{children:"staticDirs"}),` configuration option to specify folders to load when
4
4
  starting Storybook.`]}),e.jsxs("a",{href:"https://storybook.js.org/docs/web-components/configure/images-and-assets",target:"_blank",children:["Learn more",e.jsx(s,{})]})]})]})]})]}),`
@@ -1,2 +1,2 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CJQtnF9V.js","./index-B68YUdzy.js","./iframe-CZwRpnn9.js","./index-BwkS7JH_.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]);
2
- import{_ as h}from"./iframe-CZwRpnn9.js";import{c as p,r as a,H as E,A as R,C as v,R as n,D as f}from"./index-B68YUdzy.js";import"./index-BwkS7JH_.js";import"./index-DrFu-skq.js";var s={},m;function w(){if(m)return s;m=1;var e=p();return s.createRoot=e.createRoot,s.hydrateRoot=e.hydrateRoot,s}var _=w(),i=new Map;function y(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var C=({callback:e,children:r})=>{let t=a.useRef();return a.useLayoutEffect(()=>{t.current!==e&&(t.current=e,e())},[e]),r};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,r=null;return{promise:new Promise((t,o)=>{e=t,r=o}),resolve:e,reject:r}});var x=async(e,r,t)=>{let o=await g(r,t);if(y()){o.render(e);return}let{promise:c,resolve:u}=Promise.withResolvers();return o.render(a.createElement(C,{callback:u},e)),c},D=(e,r)=>{let t=i.get(e);t&&(t.unmount(),i.delete(e))},g=async(e,r)=>{let t=i.get(e);return t||(t=_.createRoot(e,r),i.set(e,t)),t},A={code:v,a:R,...E},M=class extends a.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:n.createElement(n.Fragment,null,r)}},q=class{constructor(){this.render=async(e,r,t)=>{let o={...A,...r?.components},c=f;return new Promise((u,d)=>{h(async()=>{const{MDXProvider:l}=await import("./index-CJQtnF9V.js");return{MDXProvider:l}},__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(({MDXProvider:l})=>x(n.createElement(M,{showException:d,key:Math.random()},n.createElement(l,{components:o},n.createElement(c,{context:e,docsParameter:r}))),t)).then(()=>u())})},this.unmount=e=>{D(e)}}};export{q as DocsRenderer,A as defaultComponents};
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CdEbhcV9.js","./index-w6iX3YlR.js","./iframe-DiVWehoI.js","./index-DO1nmyvI.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]);
2
+ import{_ as h}from"./iframe-DiVWehoI.js";import{c as p,r as a,H as E,A as R,C as v,R as n,D as f}from"./index-w6iX3YlR.js";import"./index-DO1nmyvI.js";import"./index-DrFu-skq.js";var s={},m;function w(){if(m)return s;m=1;var e=p();return s.createRoot=e.createRoot,s.hydrateRoot=e.hydrateRoot,s}var _=w(),i=new Map;function y(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var C=({callback:e,children:r})=>{let t=a.useRef();return a.useLayoutEffect(()=>{t.current!==e&&(t.current=e,e())},[e]),r};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,r=null;return{promise:new Promise((t,o)=>{e=t,r=o}),resolve:e,reject:r}});var x=async(e,r,t)=>{let o=await g(r,t);if(y()){o.render(e);return}let{promise:c,resolve:u}=Promise.withResolvers();return o.render(a.createElement(C,{callback:u},e)),c},D=(e,r)=>{let t=i.get(e);t&&(t.unmount(),i.delete(e))},g=async(e,r)=>{let t=i.get(e);return t||(t=_.createRoot(e,r),i.set(e,t)),t},A={code:v,a:R,...E},M=class extends a.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:n.createElement(n.Fragment,null,r)}},q=class{constructor(){this.render=async(e,r,t)=>{let o={...A,...r?.components},c=f;return new Promise((u,d)=>{h(async()=>{const{MDXProvider:l}=await import("./index-CdEbhcV9.js");return{MDXProvider:l}},__vite__mapDeps([0,1,2,3,4]),import.meta.url).then(({MDXProvider:l})=>x(n.createElement(M,{showException:d,key:Math.random()},n.createElement(l,{components:o},n.createElement(c,{context:e,docsParameter:r}))),t)).then(()=>u())})},this.unmount=e=>{D(e)}}};export{q as DocsRenderer,A as defaultComponents};
@@ -1,4 +1,4 @@
1
- import{w as c,e as t,u as E}from"./index-Dr4PwNfd.js";import{m as g,a as y,c as H}from"./custom-element-CPnvJnn8.js";function x(o){return new Promise(e=>setTimeout(e,o))}function T(o){const{title:e,body:a}=o;return`
1
+ import{w as c,e as t,u as E}from"./index-CGuyH0k-.js";import{m as g,a as y,c as H}from"./custom-element-CnmjNo0g.js";function x(o){return new Promise(e=>setTimeout(e,o))}function T(o){const{title:e,body:a}=o;return`
2
2
  <fieldset>
3
3
  <legend>${e}</legend>
4
4
  ${a}
@@ -1,4 +1,4 @@
1
- import{w as i,e as t}from"./index-Dr4PwNfd.js";import"./custom-element-CPnvJnn8.js";const g={title:"",tag:"",style:"",slot:"",payload:""};function p(n){const{title:e,tag:o,style:s,slot:a,payload:l}={...g,...n};return`
1
+ import{w as i,e as t}from"./index-CGuyH0k-.js";import"./custom-element-CnmjNo0g.js";const g={title:"",tag:"",style:"",slot:"",payload:""};function p(n){const{title:e,tag:o,style:s,slot:a,payload:l}={...g,...n};return`
2
2
  <fieldset>
3
3
  <legend>${e}</legend>
4
4
  <custom-element ${o?`tag="${o}"`:""} >
@@ -1,5 +1,5 @@
1
- const K="http://www.w3.org/1999/XSL/Transform",R="http://www.w3.org/1999/xhtml",be="http://exslt.org/common",d=(e,l)=>e?.getAttribute?.(l),se=e=>e.nodeType===3,ye=e=>typeof e=="string",ge=e=>e&&typeof e.nodeType=="number",L=(e,l)=>(e.ownerDocument||e).createTextNode(l),oe=e=>{for(;e.firstChild;)e.firstChild.remove();return e},F=e=>(e.getAttributeNames().map(l=>e.removeAttribute(l)),oe(e)),ce=e=>(e?.setAttribute("xmlns:xsl",K),e),me=e=>(e?.setAttribute("xmlns:xhtml",R),ce(e)),ue=e=>/^[_a-zA-Z][-_:a-zA-Z0-9]*$/.test(e),le=(e,l)=>(Object.keys(l).map(t=>e[t]=l[t]),e),$=(e,l="",t=document)=>{const s=n=>(o=>(l&&o.append(L(t.ownerDocument||t,l)),o))((t.ownerDocument||t).createElement(n));if(ue(e))return s(e);const a=s("dce-object");return a.setAttribute("dce-object-name",e),a},ne=(e,l)=>{const t=e.ownerDocument.createElementNS(e.namespaceURI,l);for(let s of e.attributes)t.setAttribute(s.name,s.value);for(let s of e.childNodes)t.append(s.cloneNode(!0));return t};function O(e){return new DOMParser().parseFromString(e,"application/xml")}function q(e){return new XMLSerializer().serializeToString(e)}function B(e,l,t,s){const a=g=>e.ownerDocument.createElement(g),o=((g,x,v)=>(x.append(v=a(g)),v))(l,e);return[...t].forEach(g=>o.append(s(g))),o}function Ae(e){return e.slot||(e.setAttribute||(e=$("span",e.textContent.replaceAll(`
2
- `,""))),e.setAttribute("slot","")),e}function J(e,l){e.getAttributeNames().forEach(t=>l.includes(t)||e.removeAttribute(t))}const ae=e=>[...e].filter(l=>!(l.nodeType===3&&l.data.trim()===""));function I(e,l,t){const s=typeof e;if(s==="string")return $(l,e,t);if(s==="number")return $(l,""+e,t);if(e instanceof Array){const n=$("array","",t);return e.map(o=>n.append(I(o,l,t))),n}if(e instanceof FormData){const n=$("form-data","",t);for(const o of e)n.append(I(o[1],o[0],t));return n}const a=$(l,"",t);for(let n in e)ge(e[n])||typeof e[n]=="function"||e[n]instanceof Window||(typeof e[n]!="object"&&ue(n)?a.setAttribute(n,e[n]):a.append(I(e[n],n,t)));return a}function ie(e){if(j(e,"*",l=>[...l.childNodes].filter(t=>t.nodeType===3&&t.parentNode.localName!=="style"&&t.data).forEach(t=>{const s=t.data,a=s.matchAll(/{([^}]*)}/g);if(a){let n=0,o=x=>L(t,x),g=[];if([...a].forEach(x=>{x.index>n&&g.push(o(x.input.substring(n,x.index)));const v=e.querySelector("value-of").cloneNode();v.setAttribute("select",x[1]),g.push(v),n=x.index+x[0].length}),n<s.length&&g.push(o(s.substring(n,s.length))),g.length){for(let x of g)l.insertBefore(x,t);l.removeChild(t)}}})),"all"in e){let l=1;for(let t of e.all)t.setAttribute&&!t.tagName.startsWith("xsl:")&&t.setAttribute("data-dce-id",""+l++)}return e}function ve(e,l="xsl:stylesheet"){const t=[],s={},a={};if(e.tagName===l||e.documentElement?.tagName===l)return ie(le(e,{declaredAttributes:t,hardcodedAttributes:s,exposedAttributes:a}));const n=O(`<xsl:stylesheet version="1.0" xmlns:xsl="${K}" xmlns:xhtml="${R}" xmlns:exsl="${be}" exclude-result-prefixes="exsl" >
1
+ const K="http://www.w3.org/1999/XSL/Transform",R="http://www.w3.org/1999/xhtml",ye="http://exslt.org/common",d=(e,l)=>e?.getAttribute?.(l),se=e=>e.nodeType===3,ge=e=>typeof e=="string",le=e=>e&&typeof e.nodeType=="number",L=(e,l)=>(e.ownerDocument||e).createTextNode(l),ce=e=>{for(;e.firstChild;)e.firstChild.remove();return e},F=e=>(e.getAttributeNames().map(l=>e.removeAttribute(l)),ce(e)),me=e=>(e?.setAttribute("xmlns:xsl",K),e),ue=e=>(e?.setAttribute("xmlns:xhtml",R),me(e)),de=e=>/^[_a-zA-Z][-_:a-zA-Z0-9]*$/.test(e),ne=(e,l)=>(Object.keys(l).map(t=>e[t]=l[t]),e),C=(e,l="",t=document)=>{const s=n=>(o=>(l&&o.append(L(t.ownerDocument||t,l)),o))((t.ownerDocument||t).createElement(n));if(de(e))return s(e);const a=s("dce-object");return a.setAttribute("dce-object-name",e),a},ae=(e,l)=>{const t=e.ownerDocument.createElementNS(e.namespaceURI,l);for(let s of e.attributes)t.setAttribute(s.name,s.value);for(let s of e.childNodes)t.append(s.cloneNode(!0));return t};function O(e){return new DOMParser().parseFromString(e,"application/xml")}function q(e){return new XMLSerializer().serializeToString(e)}function B(e,l,t,s){const a=y=>e.ownerDocument.createElement(y),o=((y,x,v)=>(x.append(v=a(y)),v))(l,e);return[...t].forEach(y=>o.append(s(y))),o}function Ae(e){return e.slot||(e.setAttribute||(e=C("span",e.textContent.replaceAll(`
2
+ `,""))),e.setAttribute("slot","")),e}function J(e,l){e.getAttributeNames().forEach(t=>l.includes(t)||e.removeAttribute(t))}const ie=e=>[...e].filter(l=>!(l.nodeType===3&&l.data.trim()===""));function I(e,l,t){const s=typeof e;if(s==="string")return C(l,e,t);if(s==="number")return C(l,""+e,t);if(le(e)){const n=C(l);return n.append(e),n}if(e instanceof Array){const n=C("array","",t);return e.map(o=>n.append(I(o,l,t))),n}if(e instanceof FormData){const n=C("form-data","",t);for(const o of e)n.append(I(o[1],o[0],t));return n}const a=C(l,"",t);for(let n in e)typeof e[n]=="function"||e[n]instanceof Window||le(e[n])&&!(n==="data"||n==="value")||(typeof e[n]!="object"&&de(n)?a.setAttribute(n,e[n]):a.append(I(e[n],n,t)));return a}function re(e){if(j(e,"*",l=>[...l.childNodes].filter(t=>t.nodeType===3&&t.parentNode.localName!=="style"&&t.data).forEach(t=>{const s=t.data,a=s.matchAll(/{([^}]*)}/g);if(a){let n=0,o=x=>L(t,x),y=[];if([...a].forEach(x=>{x.index>n&&y.push(o(x.input.substring(n,x.index)));const v=e.querySelector("value-of").cloneNode();v.setAttribute("select",x[1]),y.push(v),n=x.index+x[0].length}),n<s.length&&y.push(o(s.substring(n,s.length))),y.length){for(let x of y)l.insertBefore(x,t);l.removeChild(t)}}})),"all"in e){let l=1;for(let t of e.all)t.setAttribute&&!t.tagName.startsWith("xsl:")&&t.setAttribute("data-dce-id",""+l++)}return e}function ve(e,l="xsl:stylesheet"){const t=[],s={},a={};if(e.tagName===l||e.documentElement?.tagName===l)return re(ne(e,{declaredAttributes:t,hardcodedAttributes:s,exposedAttributes:a}));const n=O(`<xsl:stylesheet version="1.0" xmlns:xsl="${K}" xmlns:xhtml="${R}" xmlns:exsl="${ye}" exclude-result-prefixes="exsl" >
3
3
  <xsl:output method="xml"/>
4
4
  <xsl:template match="/"><dce-root xmlns="${R}"><xsl:apply-templates select="*" /></dce-root></xsl:template>
5
5
  <xsl:template match="*[name()='template']">
@@ -55,7 +55,7 @@ const K="http://www.w3.org/1999/XSL/Transform",R="http://www.w3.org/1999/xhtml",
55
55
  </xsl:copy>
56
56
  </xsl:for-each>
57
57
  </xsl:template>
58
- </xsl:stylesheet>`),o=new XSLTProcessor,g=(i=>{j(i,"custom-element",f=>{f.firstElementChild.localName==="template"&&([...f.firstElementChild.content.childNodes].forEach(b=>f.append(b)),f.firstElementChild.remove())}),j(i,"script",f=>f.remove());const r=i.content??i.firstElementChild?.content??i.body??i;$e.forEach(f=>j(r,f,b=>Le(b,r)));const h=i.firstElementChild?.content||i.content,y=f=>{const b=O("<xhtml/>"),T=b.importNode(f,!0);return b.replaceChild(T,b.documentElement),T.namespaceURI===R&&!d(T,"xmlns")&&T.setAttribute("xmlns",R),me(T)};if(h){const f=$("div");return[...h.childNodes].map(b=>f.append(b.cloneNode(!0))),y(f)}return y(i.documentElement||i.body||i)})(e),x=O(`<xsl:stylesheet version="1.0"
58
+ </xsl:stylesheet>`),o=new XSLTProcessor,y=(i=>{j(i,"custom-element",f=>{f.firstElementChild.localName==="template"&&([...f.firstElementChild.content.childNodes].forEach(b=>f.append(b)),f.firstElementChild.remove())}),j(i,"script",f=>f.remove());const r=i.content??i.firstElementChild?.content??i.body??i;$e.forEach(f=>j(r,f,b=>Le(b,r)));const h=i.firstElementChild?.content||i.content,g=f=>{const b=O("<xhtml/>"),T=b.importNode(f,!0);return b.replaceChild(T,b.documentElement),T.namespaceURI===R&&!d(T,"xmlns")&&T.setAttribute("xmlns",R),ue(T)};if(h){const f=C("div");return[...h.childNodes].map(b=>f.append(b.cloneNode(!0))),g(f)}return g(i.documentElement||i.body||i)})(e),x=O(`<xsl:stylesheet version="1.0"
59
59
  xmlns:xsl="${K}"
60
60
  xmlns:xhtml="${R}"
61
61
  xmlns:dce="urn:schemas-epa-wg:dce"
@@ -89,9 +89,9 @@ const K="http://www.w3.org/1999/XSL/Transform",R="http://www.w3.org/1999/xhtml",
89
89
  <xsl:with-param name="defaultvalue"/>
90
90
  </xsl:call-template>
91
91
  </xsl:variable>
92
- </xsl:stylesheet>`);o.importStylesheet(n);const v=o.transformToFragment(g,document),u=(i,r)=>i.querySelector(r),w=u(x,'template[mode="payload"]');if(!v)return console.error("transformation error",{xml:g.outerHTML,xsl:q(n)});if(v.firstElementChild.localName!=="dce-root"){const i=v.ownerDocument.createElement("dce-root");[...v.childNodes].forEach(r=>i.append(r)),v.append(i)}[...v.querySelectorAll("[test]")].forEach(i=>{const r=d(i,"test"),h=r.replace(/hasBoolAttribute\((.*?)\)/g,(y,f,b,T,M)=>{const D=f.substring(1);return`(not($${D} = 'false') and ($${D} = '' or $${D} = '${D}' or $${D} = 'true' ))`});r!==h&&i.setAttribute("test",h)}),[...v.querySelectorAll("dce-root>attribute")].forEach(i=>{J(i,"namespace,name,select");const r=ne(i,"xsl:param"),h=d(i,"name");if(t.push(h),i.childNodes.length&&(s[h]=i.textContent),w.append(r),i.hasAttribute("select")){a[h]=d(i,"select"),J(r,"select,name");let y=d(i,"select").split("??"),f;if(y?.length>1){r.removeAttribute("select");const b=u(x,'template[match="ignore"]>choose').cloneNode(!0);F(b.firstElementChild).append(L(b,"{"+y[0]+"}")),b.firstElementChild.setAttribute("test",y[0]);for(let T=1;T<y.length-1;T++){const M=b.firstElementChild.cloneNode(!0);F(M).append(L(b,"{"+y[T]+"}")),M.setAttribute("test",y[T]),b.insertBefore(M,b.lastElementChild)}F(b.lastElementChild).append(L(b,"{"+y[y.length-1]+"}")),r.append(b),f=b.cloneNode(!0)}else f=ne(i,"xsl:value-of");f.removeAttribute("name"),i.append(f),i.removeAttribute("select")}else J(r,"name"),r.setAttribute("select","/datadom/attributes/"+h),s[h]||i.remove()}),[...v.querySelectorAll("[value]")].filter(i=>i.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach(i=>{const r=d(i,"value");r&&i.setAttribute("value",Ce(r))});for(const i of v.childNodes)w.append(x.importNode(i,!0));[...w.getElementsByTagName("xsl:template")].forEach(i=>w.ownerDocument.documentElement.append(i));const k=u(x,'call-template[name="slot"]'),H=i=>{const r=k.cloneNode(!0),h=d(i,"name");h&&r.firstElementChild.setAttribute("select",`'${h}'`);for(let y of i.childNodes)r.lastElementChild.append(y);return r};j(w,"slot",i=>i.parentNode.replaceChild(H(i),i));const p=ie(x);return le(p,{declaredAttributes:t,hardcodedAttributes:s,exposedAttributes:a}),p}async function Ee(e){return await new Promise((t,s)=>{const a=new XMLHttpRequest;a.open("GET",e),a.responseType="document",a.onload=()=>{a.readyState===a.DONE&&a.status===200?t(a.responseXML?.body||a.responseXML||$("div",a.responseText)):s(`${a.statusText} - ${e}`)},a.addEventListener("error",n=>s(n)),a.send()})}const de=e=>e.split("|").map(l=>l.trim()).filter(l=>l),Ne=(e,l)=>de(l).map(t=>{let s=e.ownerDocument,a=n=>(e.append(n),n);if(t.includes("/")){const n=[],o=s.evaluate(t,e);for(let g;g=o.iterateNext();)n.push(g);return n}return[...e.childNodes].find(n=>n.localName===t)||a($(t,"",s))}).flat();function re(e,l,t,s){if(!t.sliceProcessed)return t.sliceProcessed=1,Ne(e,l??"").map(a=>{const n=e.ownerDocument,o=t.sliceEventSource,g=t.sliceElement,x=()=>[...a.childNodes].filter(u=>u.nodeType===3||u.localName==="value"||u.localName==="form-data").map(u=>u.remove());o.getAttributeNames().map(u=>a.setAttribute(u,d(o,u))),[...a.childNodes].filter(u=>u.localName==="event").map(u=>u.remove()),"validationMessage"in o&&a.setAttribute("validation-message",o.validationMessage),t.type==="init"&&x(),a.append(I(t,"event",n));const v=(o.type==="checkbox"||o.type==="radio")&&!o.checked;if(g.hasAttribute("slice-value")){o.value===void 0?a.removeAttribute("value"):a.setAttribute("value",o.value);const u=v?"":P(d(g,"slice-value"),a);x(),a.append(L(n,u))}else{if("elements"in o)return x(),a.append(I(new FormData(o),"value",a.ownerDocument)),a;const u=v?"":o.value??d(o,"value");if(x(),u==null)[...a.childNodes].filter(w=>w.localName!=="event").map(w=>w.remove()),a.removeAttribute("value");else{const w=ye(u)?L(n,u):I(u,"value",a.ownerDocument);a.append(w),a.setAttribute("value",u)}}return a})}function j(e,l,t){e.querySelectorAll&&[...e.querySelectorAll(l)].forEach(t)}const we=async(e,l)=>{if(!e||!e.trim())return[l];if(e.startsWith("#"))return(t=>{const s=t.querySelectorAll(e);return[...s.length?s:t.getRootNode().querySelectorAll(e)]})(l.parentElement);try{const[t,s]=e.split("#");if(e.charAt(0)===".")e=new URL(t,l.closest("[base]")?.getAttribute("base")||location).href;else try{e=import.meta.resolve(t),s&&(e+="#"+s)}catch(n){console.error(n.message)}const a=await Ee(e);if(l.setAttributeNS("xml","base",e),s){const n=a.querySelectorAll("#"+s);return n.length?[...n]:(console.error("template not found",e+"#"+s),[l])}return[a]}catch{return[l]}};function pe(e,l){for(let n of e.attributes)try{const o=n.name;n.namespaceURI?(!l.hasAttributeNS(n.namespaceURI,o)||l.getAttributeNS(n.namespaceURI,o)!==n.value)&&l.setAttributeNS(n.namespaceURI,o,n.value):(!l.hasAttribute(o)||l.getAttribute(o)!==n.value)&&l.setAttribute(n.name,n.value),n.name==="value"&&(l.value=n.value)}catch(o){console.warn("attribute assignment error",o?.message||o)}const t=l.dceExportedAttributes,s=l.getAttribute("dce-exported-attributes"),a=s?new Set(s.split(" ")):null;for(let n of l.getAttributeNames())!e.hasAttribute(n)&&!t?.has(n)&&!a?.has(n)&&l.removeAttribute(n)}function he(e,l=0){const t={};for(const s of e.childNodes){const a=d(s,"data-dce-id")||s.dceId||0;if(!t[a])a?t[a]=1:(t[a]=s.dceId=++l,s.setAttribute&&s.setAttribute("data-dce-id",s.dceId));else{const n=s.dceId=a+"-"+t[a]++;s.setAttribute&&s.setAttribute("data-dce-id",n)}s.childNodes.length&&he(s)}}function Te(e,l,t){t=1*t;for(let s of e.childNodes)if((s.dceId??s.getAttribute("data-dce-id")*1)>t)return e.insertBefore(l,s);e.append(l)}function fe(e,l){if(e.firstElementChild?.localName==="dce-root"&&l[0]?.localName!=="dce-root")return;if(!l.length)return e.firstElementChild?.localName!=="dce-root"&&oe(e);const t={};for(let s of e.childNodes)t[s.dceId],se(s)?(s.data.trim(),t[s.dceId||0]=s):t[d(s,"data-dce-id")||0]=s;for(let s of[...l]){const a=d(s,"data-dce-id")||s.dceId,n=t[a];n?(se(s)?n.nodeValue!==s.nodeValue&&(n.nodeValue=s.nodeValue):(pe(s,n),(n.childNodes.length||s.childNodes.length)&&fe(n,s.childNodes)),delete t[a]):Te(e,s,a)}for(let s of Object.values(t))s.localName!=="dce-root"&&s.remove()}function Se(e,l){return e.hasAttribute(l)||e.setAttribute(l,crypto.randomUUID()),e.getAttribute(l)}const Ce=e=>[...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map(t=>`${t[1]}{${Q(t[3])}}${t[4]}`).join(""),Q=e=>{if(!e.trim())return e;const l=e.split("??"),t=l.shift(),s=Q(l.join("??"));return l.length?`concat( ${t} , substring( ${s} , (1+string-length( ${s} )) * string-length( ${t} ) ) )`:e},P=(e,l)=>{const t=e.split("??");if(t.length>1)return P(t[0],l)||P(t[1],l);e=Q(e);const s=l.ownerDocument.evaluate(e,l);switch(s.resultType){case XPathResult.NUMBER_TYPE:return s.numberValue;case XPathResult.STRING_TYPE:return s.stringValue;case XPathResult.BOOLEAN_TYPE:return s.booleanValue}let a="";for(let n;n=s.iterateNext();)a+=n.textContent;return a},$e="stylesheet,transform,import,include,strip-space,preserve-space,output,key,decimal-format,namespace-alias,value-of,copy-of,number,apply-templates,apply-imports,for-each,sort,if,choose,when,otherwise,attribute-set,call-template,with-param,variable,param,text,processing-instruction,element,attribute,comment,copy,message,fallback".split(","),Le=(e,l)=>{const t=$("xsl:"+e.localName);for(let s of e.attributes)t.setAttribute(s.name,s.value);for(;e.firstChild;)t.append(e.firstChild);if(e.parentElement)e.parentElement.replaceChild(t,e);else{const s=e.parentElement||l,a=[...s.childNodes];a.forEach((n,o)=>{n===e&&(a[o]=t)}),s.replaceChildren(...a)}};class De extends HTMLElement{static observedAttributes=["src","tag","hidden"];async connectedCallback(){this.firstElementChild&&this.firstElementChild.localName!=="template"&&console.log(`custom-element used without template wrapping content
92
+ </xsl:stylesheet>`);o.importStylesheet(n);const v=o.transformToFragment(y,document),u=(i,r)=>i.querySelector(r),w=u(x,'template[mode="payload"]');if(!v)return console.error("transformation error",{xml:y.outerHTML,xsl:q(n)});if(v.firstElementChild.localName!=="dce-root"){const i=v.ownerDocument.createElement("dce-root");[...v.childNodes].forEach(r=>i.append(r)),v.append(i)}[...v.querySelectorAll("[test]")].forEach(i=>{const r=d(i,"test"),h=r.replace(/hasBoolAttribute\((.*?)\)/g,(g,f,b,T,M)=>{const D=f.substring(1);return`(not($${D} = 'false') and ($${D} = '' or $${D} = '${D}' or $${D} = 'true' ))`});r!==h&&i.setAttribute("test",h)}),[...v.querySelectorAll("dce-root>attribute")].forEach(i=>{J(i,"namespace,name,select");const r=ae(i,"xsl:param"),h=d(i,"name");if(t.push(h),i.childNodes.length&&(s[h]=i.textContent),w.append(r),i.hasAttribute("select")){a[h]=d(i,"select"),J(r,"select,name");let g=d(i,"select").split("??"),f;if(g?.length>1){r.removeAttribute("select");const b=u(x,'template[match="ignore"]>choose').cloneNode(!0);F(b.firstElementChild).append(L(b,"{"+g[0]+"}")),b.firstElementChild.setAttribute("test",g[0]);for(let T=1;T<g.length-1;T++){const M=b.firstElementChild.cloneNode(!0);F(M).append(L(b,"{"+g[T]+"}")),M.setAttribute("test",g[T]),b.insertBefore(M,b.lastElementChild)}F(b.lastElementChild).append(L(b,"{"+g[g.length-1]+"}")),r.append(b),f=b.cloneNode(!0)}else f=ae(i,"xsl:value-of");f.removeAttribute("name"),i.append(f),i.removeAttribute("select")}else J(r,"name"),r.setAttribute("select","/datadom/attributes/"+h),s[h]||i.remove()}),[...v.querySelectorAll("[value]")].filter(i=>i.getAttribute("value").match(/\{(.*)\?\?(.*)\}/g)).forEach(i=>{const r=d(i,"value");r&&i.setAttribute("value",Ce(r))});for(const i of v.childNodes)w.append(x.importNode(i,!0));[...w.getElementsByTagName("xsl:template")].forEach(i=>w.ownerDocument.documentElement.append(i));const k=u(x,'call-template[name="slot"]'),H=i=>{const r=k.cloneNode(!0),h=d(i,"name");h&&r.firstElementChild.setAttribute("select",`'${h}'`);for(let g of i.childNodes)r.lastElementChild.append(g);return r};j(w,"slot",i=>i.parentNode.replaceChild(H(i),i));const p=re(x);return ne(p,{declaredAttributes:t,hardcodedAttributes:s,exposedAttributes:a}),p}async function Ee(e){return await new Promise((t,s)=>{const a=new XMLHttpRequest;a.open("GET",e),a.responseType="document",a.onload=()=>{a.readyState===a.DONE&&a.status===200?t(a.responseXML?.body||a.responseXML||C("div",a.responseText)):s(`${a.statusText} - ${e}`)},a.addEventListener("error",n=>s(n)),a.send()})}const pe=e=>e.split("|").map(l=>l.trim()).filter(l=>l),Ne=(e,l)=>pe(l).map(t=>{let s=e.ownerDocument,a=n=>(e.append(n),n);if(t.includes("/")){const n=[],o=s.evaluate(t,e);for(let y;y=o.iterateNext();)n.push(y);return n}return[...e.childNodes].find(n=>n.localName===t)||a(C(t,"",s))}).flat();function oe(e,l,t,s){if(!t.sliceProcessed)return t.sliceProcessed=1,Ne(e,l??"").map(a=>{const n=e.ownerDocument,o=t.sliceEventSource,y=t.sliceElement,x=()=>[...a.childNodes].filter(u=>u.nodeType===3||u.localName==="value"||u.localName==="form-data").map(u=>u.remove());o.getAttributeNames().map(u=>a.setAttribute(u,d(o,u))),[...a.childNodes].filter(u=>u.localName==="event").map(u=>u.remove()),"validationMessage"in o&&a.setAttribute("validation-message",o.validationMessage),t.type==="init"&&x(),a.append(I(t,"event",n));const v=(o.type==="checkbox"||o.type==="radio")&&!o.checked;if(y.hasAttribute("slice-value")){o.value===void 0?a.removeAttribute("value"):a.setAttribute("value",o.value);const u=v?"":P(d(y,"slice-value"),a);x(),a.append(L(n,u))}else{if("elements"in o)return x(),a.append(I(new FormData(o),"value",a.ownerDocument)),a;const u=v?"":o.value??d(o,"value");if(x(),u==null)[...a.childNodes].filter(w=>w.localName!=="event").map(w=>w.remove()),a.removeAttribute("value");else{const w=ge(u)?L(n,u):I(u,"value",a.ownerDocument);a.append(w),a.setAttribute("value",u)}}return a})}function j(e,l,t){e.querySelectorAll&&[...e.querySelectorAll(l)].forEach(t)}const we=async(e,l)=>{if(!e||!e.trim())return[l];if(e.startsWith("#"))return(t=>{const s=t.querySelectorAll(e);return[...s.length?s:t.getRootNode().querySelectorAll(e)]})(l.parentElement);try{const[t,s]=e.split("#");if(e.charAt(0)===".")e=new URL(t,l.closest("[base]")?.getAttribute("base")||location).href;else try{e=import.meta.resolve(t),s&&(e+="#"+s)}catch(n){console.error(n.message)}const a=await Ee(e);if(l.setAttributeNS("xml","base",e),s){const n=a.querySelectorAll("#"+s);return n.length?[...n]:(console.error("template not found",e+"#"+s),[l])}return[a]}catch{return[l]}};function he(e,l){for(let n of e.attributes)try{const o=n.name;if(o.startsWith("xmlns"))continue;n.namespaceURI?(!l.hasAttributeNS(n.namespaceURI,o)||l.getAttributeNS(n.namespaceURI,o)!==n.value)&&l.setAttributeNS(n.namespaceURI,o,n.value):(!l.hasAttribute(o)||l.getAttribute(o)!==n.value)&&l.setAttribute(n.name,n.value),n.name==="value"&&(l.value=n.value)}catch(o){console.warn("attribute assignment error",o?.message||o)}const t=l.dceExportedAttributes,s=l.getAttribute("dce-exported-attributes"),a=s?new Set(s.split(" ")):null;for(let n of l.getAttributeNames())!e.hasAttribute(n)&&!t?.has(n)&&!a?.has(n)&&l.removeAttribute(n)}function fe(e,l=0){const t={};for(const s of e.childNodes){const a=d(s,"data-dce-id")||s.dceId||0;if(!t[a])a?t[a]=1:(t[a]=s.dceId=++l,s.setAttribute&&s.setAttribute("data-dce-id",s.dceId));else{const n=s.dceId=a+"-"+t[a]++;s.setAttribute&&s.setAttribute("data-dce-id",n)}s.childNodes.length&&fe(s)}}function Te(e,l,t){t=1*t;for(let s of e.childNodes)if((s.dceId??s.getAttribute("data-dce-id")*1)>t)return e.insertBefore(l,s);e.append(l)}function xe(e,l){if(e.firstElementChild?.localName==="dce-root"&&l[0]?.localName!=="dce-root")return;if(!l.length)return e.firstElementChild?.localName!=="dce-root"&&ce(e);const t={};for(let s of e.childNodes)t[s.dceId],se(s)?(s.data.trim(),t[s.dceId||0]=s):t[d(s,"data-dce-id")||0]=s;for(let s of[...l]){const a=d(s,"data-dce-id")||s.dceId,n=t[a];n?(se(s)?n.nodeValue!==s.nodeValue&&(n.nodeValue=s.nodeValue):(he(s,n),(n.childNodes.length||s.childNodes.length)&&xe(n,s.childNodes)),delete t[a]):Te(e,s,a)}for(let s of Object.values(t))s.localName!=="dce-root"&&s.remove()}function Se(e,l){return e.hasAttribute(l)||e.setAttribute(l,crypto.randomUUID()),e.getAttribute(l)}const Ce=e=>[...e?.matchAll(/([^{}]*)(\{)([^}]+)}([^{}]*)/g)].map(t=>`${t[1]}{${Q(t[3])}}${t[4]}`).join(""),Q=e=>{if(!e.trim())return e;const l=e.split("??"),t=l.shift(),s=Q(l.join("??"));return l.length?`concat( ${t} , substring( ${s} , (1+string-length( ${s} )) * string-length( ${t} ) ) )`:e},P=(e,l)=>{const t=e.split("??");if(t.length>1)return P(t[0],l)||P(t[1],l);e=Q(e);const s=l.ownerDocument.evaluate(e,l);switch(s.resultType){case XPathResult.NUMBER_TYPE:return s.numberValue;case XPathResult.STRING_TYPE:return s.stringValue;case XPathResult.BOOLEAN_TYPE:return s.booleanValue}let a="";for(let n;n=s.iterateNext();)a+=n.textContent;return a},$e="stylesheet,transform,import,include,strip-space,preserve-space,output,key,decimal-format,namespace-alias,value-of,copy-of,number,apply-templates,apply-imports,for-each,sort,if,choose,when,otherwise,attribute-set,call-template,with-param,variable,param,text,processing-instruction,element,attribute,comment,copy,message,fallback".split(","),Le=(e,l)=>{const t=C("xsl:"+e.localName);for(let a of e.attributes)t.setAttribute(a.name,a.value);for(;e.firstChild;)t.append(e.firstChild);const s="if,choose,for-each".includes(e.localName)?(()=>{const a=C("span");return a.append(t),a})():t;if(e.parentElement)e.parentElement.replaceChild(s,e);else{const a=e.parentElement||l,n=[...a.childNodes];n.forEach((o,y)=>{o===e&&(n[y]=s)}),a.replaceChildren(...n)}};class De extends HTMLElement{static observedAttributes=["src","tag","hidden"];async connectedCallback(){this.firstElementChild&&this.firstElementChild.localName!=="template"&&console.log(`custom-element used without template wrapping content
93
93
  `,this.outerHTML);const l=await we(d(this,"src"),this),t=d(this,"tag"),s=t||"dce-"+crypto.randomUUID();for(const p of l)j(p.templateNode||p.content||p,"style",i=>{const r=i.closest("slot"),h=r?`slot[name="${r.name}"]`:"";i.innerHTML=`${s} ${h}{${i.innerHTML}}`,this.append(i)});const a=l.map(p=>ve(p)),n=a.map((p,i)=>{i=new XSLTProcessor;try{i.importStylesheet(p)}catch(r){console.error(r,q(p))}return i});Object.defineProperty(this,"xsltString",{get:()=>a.map(p=>q(p)).join(`
94
- `)});const o=this,g=[...this.templateNode.querySelectorAll("[slice]")],x=g.map(p=>d(p,"slice")).filter(p=>!p.includes("/")).filter((p,i,r)=>r.indexOf(p)===i).map(de).flat(),{declaredAttributes:v,hardcodedAttributes:u,exposedAttributes:w}=a[0],ee=new Set([...Object.keys(u),...Object.keys(w)]);class k extends HTMLElement{static get observedAttributes(){return v}#e=0;get dceExportedAttributes(){return ee}connectedCallback(){let i=ae(this.childNodes);if(this.firstElementChild?.tagName==="TEMPLATE"){this.firstElementChild!==this.lastElementChild&&console.error("payload should have TEMPLATE as only child",this.outerHTML);const c=this.firstElementChild;c.remove(),i=ae(c.content.childNodes);for(const E of i)if(E.localName==="style"){const m=Se(this,"data-dce-style");E.innerHTML=`${s}[data-dce-style="${m}"]{${E.innerHTML}}`,c.insertAdjacentElement("beforebegin",E)}else E.nodeType===1?c.insertAdjacentElement("beforebegin",E):E.nodeType===3&&c.insertAdjacentText("beforebegin",E.data)}const r=O("<datadom/>").documentElement,h=(c,E="")=>(m=>(E&&m.append(L(r,E)),m))(r.ownerDocument.createElement(c)),y=B(r,"payload",i,Ae);ce(y),me(y),this.innerHTML="";const f=B(r,"attributes",this.attributes,c=>h(c.nodeName,c.value)),b=c=>this.hasAttribute(c)||[...f.children].find(E=>E.localName===c);pe(this,f),Object.keys(u).map(c=>b(c)||f.append(h(c,u[c]))),Object.keys(w).map(c=>b(c)||f.append(h(c))),B(r,"dataset",Object.keys(this.dataset),c=>h(c,this.dataset[c]));const T=B(r,"slice",x,c=>h(c,"")),M=c=>P(c,T);this.xml=r;const D=[],te=()=>{const c={};for(let E;E=D.pop();){const m=d(E.sliceElement,"slice");c[m]||(re(T,m,E),c[m]=E)}Object.keys(c).length!==0&&V()};let W;this.onSlice=c=>{D.push(c),W||(W=setTimeout(()=>{te(),W=0},1))};const V=this.transform=()=>{if(this.#e)debugger;this.#e=1;const c=()=>{n.map((A,S)=>{const _=A.transformToFragment(r.ownerDocument,document);return _||console.error(`XSLT transformation error. xsl:
94
+ `)});const o=this,y=[...this.templateNode.querySelectorAll("[slice]")],x=y.map(p=>d(p,"slice")).filter(p=>!p.includes("/")).filter((p,i,r)=>r.indexOf(p)===i).map(pe).flat(),{declaredAttributes:v,hardcodedAttributes:u,exposedAttributes:w}=a[0],ee=new Set([...Object.keys(u),...Object.keys(w)]);class k extends HTMLElement{static get observedAttributes(){return v}#e=0;get dceExportedAttributes(){return ee}connectedCallback(){let i=ie(this.childNodes);if(this.firstElementChild?.tagName==="TEMPLATE"){this.firstElementChild!==this.lastElementChild&&console.error("payload should have TEMPLATE as only child",this.outerHTML);const c=this.firstElementChild;c.remove(),i=ie(c.content.childNodes);for(const E of i)if(E.localName==="style"){const m=Se(this,"data-dce-style");E.innerHTML=`${s}[data-dce-style="${m}"]{${E.innerHTML}}`,c.insertAdjacentElement("beforebegin",E)}else E.nodeType===1?c.insertAdjacentElement("beforebegin",E):E.nodeType===3&&c.insertAdjacentText("beforebegin",E.data)}const r=O("<datadom/>").documentElement,h=(c,E="")=>(m=>(E&&m.append(L(r,E)),m))(r.ownerDocument.createElement(c)),g=B(r,"payload",i,Ae);me(g),ue(g),this.innerHTML="";const f=B(r,"attributes",this.attributes,c=>h(c.nodeName,c.value)),b=c=>this.hasAttribute(c)||[...f.children].find(E=>E.localName===c);he(this,f),Object.keys(u).map(c=>b(c)||f.append(h(c,u[c]))),Object.keys(w).map(c=>b(c)||f.append(h(c))),B(r,"dataset",Object.keys(this.dataset),c=>h(c,this.dataset[c]));const T=B(r,"slice",x,c=>h(c,"")),M=c=>P(c,T);this.xml=r;const D=[],te=()=>{const c={};for(let E;E=D.pop();){const m=d(E.sliceElement,"slice");c[m]||(oe(T,m,E),c[m]=E)}Object.keys(c).length!==0&&V()};let W;this.onSlice=c=>{D.push(c),W||(W=setTimeout(()=>{te(),W=0},1))};const V=this.transform=()=>{if(this.#e)debugger;this.#e=1;const c=()=>{n.map((A,S)=>{const _=A.transformToFragment(r.ownerDocument,document);return _||console.error(`XSLT transformation error. xsl:
95
95
  `,q(a[S]),`
96
96
  xml:
97
- `,q(r)),_}).map(A=>{A&&(he(A),fe(this,A.childNodes))});let N=0;return Object.entries(u).map(([A,S])=>{!this.hasAttribute(A)&&S!==d(this,A)&&(this.setAttribute(A,S),this.#t(A,S),N++)}),Object.keys(w).map(A=>{let S=d(this.firstElementChild,A);S!==d(this,A)&&(this.setAttribute(A,S),this.#t(A,S),N++)}),N};c()&&c()&&console.warn("model update should not be the result of transform more than once");function E(m){let N=m;if(m.localName==="slice"){const A=d(m,"for");if(A||(N=m.parentElement),A==="^")do N=N.previousElementSibling;while(N.localName==="slice");else N=this.querySelector(A);if(!N)return console.warn(`can not find selector in "slice for=${A}" `,m.outerHTML);d(m,"slice")||m.setAttribute("slice",d(m,"name"))}return N}j(this,"[slice],[slice-event]",m=>{let N=d(m,"slice-event");const A=m.hasAttribute("slice-value")||m.hasAttribute("value")||m.value,S=E(m);m.dceInitialized||(m.dceInitialized=1,S.hasAttribute("custom-validity")&&(N+=" change submit"),[...new Set((N||"change").split(" "))].forEach(_=>S.addEventListener(_,C=>{C.sliceElement=m,C.sliceEventSource=C.currentTarget||C.target,C.sliceProcessed=0;const xe=re(T,d(C.sliceElement,"slice"),C);j(this,"[custom-validity]",X=>{if(!X.setCustomValidity)return;const Z=d(X,"custom-validity");try{const U=Z&&P(Z,f);X.setCustomValidity(U===!0?"":U===!1?"invalid":U)}catch(U){console.error(U,"xPath",Z)}});const Y=d(S,"custom-validity"),z=Y&&P(Y,f),G=z===!0?"":z;if(Y){if(m.setCustomValidity?m.setCustomValidity(G):m.validationMessage=G,xe.map(X=>X.setAttribute("validation-message",G)),C.type==="submit")return z===!0?void 0:(setTimeout(V,1),!!z===z?(z||C.preventDefault(),z):z?(C.preventDefault(),!1):void 0);setTimeout(V,1)}this.onSlice(C)})),(!N||N.includes("init"))&&(A?this.onSlice({type:"init",target:S,sliceElement:m,sliceEventSource:S}):m.value=M(d(m,"slice"))))}),this.#e=0};V(),te()}#t(i,r){i==="value"&&(this.value=r);const h=this.xml.querySelector("attributes");let y=this.xml.querySelector(`attributes>${i}`);y?F(y).append(L(y,r)):(y=$(i,r,this.xml),h.append(y)),this.#e||h.setAttribute(i,r),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{[i]:r}}))}attributeChangedCallback(i,r,h){!this.xml||this.#e||(this.#t(i,h),this.transform())}get dce(){return o}}const H=p=>{window.customElements.get(p)!==k&&window.customElements.define(p,k)};if(t)H(t);else{const p=s;this.setAttribute("tag",p),H(p);const i=document.createElement(p);this.getAttributeNames().forEach(r=>i.setAttribute(r,this.getAttribute(r))),i.append(...[...this.childNodes].filter(r=>r.localName!=="style")),this.append(i)}}get templateNode(){return this.firstElementChild?.tagName==="TEMPLATE"?this.firstElementChild.content:this}get dce(){return this}get xslt(){return O(this.xsltString)}}window.customElements.define("custom-element",De);export{pe as a,ne as c,le as m};
97
+ `,q(r)),_}).map(A=>{A&&(fe(A),xe(this,A.childNodes))});let N=0;return Object.entries(u).map(([A,S])=>{!this.hasAttribute(A)&&S!==d(this,A)&&(this.setAttribute(A,S),this.#t(A,S),N++)}),Object.keys(w).map(A=>{let S=d(this.firstElementChild,A);S!==d(this,A)&&(this.setAttribute(A,S),this.#t(A,S),N++)}),N};c()&&c()&&console.warn("model update should not be the result of transform more than once");function E(m){let N=m;if(m.localName==="slice"){const A=d(m,"for");if(A||(N=m.parentElement),A==="^")do N=N.previousElementSibling;while(N.localName==="slice");else N=this.querySelector(A);if(!N)return console.warn(`can not find selector in "slice for=${A}" `,m.outerHTML);d(m,"slice")||m.setAttribute("slice",d(m,"name"))}return N}j(this,"[slice],[slice-event]",m=>{let N=d(m,"slice-event");const A=m.hasAttribute("slice-value")||m.hasAttribute("value")||m.value,S=E(m);m.dceInitialized||(m.dceInitialized=1,S.hasAttribute("custom-validity")&&(N+=" change submit"),[...new Set((N||"change").split(" "))].forEach(_=>S.addEventListener(_,$=>{$.sliceElement=m,$.sliceEventSource=$.currentTarget||$.target,$.sliceProcessed=0;const be=oe(T,d($.sliceElement,"slice"),$);j(this,"[custom-validity]",X=>{if(!X.setCustomValidity)return;const Z=d(X,"custom-validity");try{const U=Z&&P(Z,f);X.setCustomValidity(U===!0?"":U===!1?"invalid":U)}catch(U){console.error(U,"xPath",Z)}});const Y=d(S,"custom-validity"),z=Y&&P(Y,f),G=z===!0?"":z;if(Y){if(m.setCustomValidity?m.setCustomValidity(G):m.validationMessage=G,be.map(X=>X.setAttribute("validation-message",G)),$.type==="submit")return z===!0?void 0:(setTimeout(V,1),!!z===z?(z||$.preventDefault(),z):z?($.preventDefault(),!1):void 0);setTimeout(V,1)}this.onSlice($)})),(!N||N.includes("init"))&&(A?this.onSlice({type:"init",target:S,sliceElement:m,sliceEventSource:S}):m.value=M(d(m,"slice"))))}),this.#e=0};V(),te()}#t(i,r){i==="value"&&(this.value=r);const h=this.xml.querySelector("attributes");let g=this.xml.querySelector(`attributes>${i}`);g?F(g).append(L(g,r)):(g=C(i,r,this.xml),h.append(g)),this.#e||h.setAttribute(i,r),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{[i]:r}}))}attributeChangedCallback(i,r,h){!this.xml||this.#e||(this.#t(i,h),this.transform())}get dce(){return o}}const H=p=>{window.customElements.get(p)!==k&&window.customElements.define(p,k)};if(t)H(t);else{const p=s;this.setAttribute("tag",p),H(p);const i=document.createElement(p);this.getAttributeNames().forEach(r=>i.setAttribute(r,this.getAttribute(r))),i.append(...[...this.childNodes].filter(r=>r.localName!=="style")),this.append(i)}}get templateNode(){return this.firstElementChild?.tagName==="TEMPLATE"?this.firstElementChild.content:this}get dce(){return this}get xslt(){return O(this.xsltString)}}window.customElements.define("custom-element",De);export{he as a,ae as c,ne as m};
@@ -1,9 +1,9 @@
1
- import{w as d,e as a,u as c,f as u}from"./index-Dr4PwNfd.js";import"./custom-element-CPnvJnn8.js";function p(n){return new Promise(e=>setTimeout(e,n))}function m(n){const{title:e,body:t}=n;return`
1
+ import{w as d,e as a,u as c,f as m}from"./index-CGuyH0k-.js";import"./custom-element-CnmjNo0g.js";function p(n){return new Promise(e=>setTimeout(e,n))}function g(n){const{title:e,body:t}=n;return`
2
2
  <fieldset>
3
3
  <legend>${e}</legend>
4
4
  ${t}
5
5
  </fieldset>
6
- `}const h={title:"dom-merge",render:m},s={args:{title:"Chars count in textarea",body:`
6
+ `}const h={title:"dom-merge",render:g},s={args:{title:"Chars count in textarea",body:`
7
7
  <p>Counter update happens on change event(focus change). The update should not interfere with the input</p>
8
8
  <custom-element>
9
9
  <form>
@@ -68,7 +68,7 @@ import{w as d,e as a,u as c,f as u}from"./index-Dr4PwNfd.js";import"./custom-ele
68
68
  </if>
69
69
  </form>
70
70
  </custom-element>
71
- `},play:async({canvasElement:n})=>{const e=r.args.title,t=d(n);await t.findByText(e),await u.click(await t.findByTestId("cb1")),await a(await t.findByText("#1")).toBeInTheDocument(),await u.click(t.getByTestId("cb2")),await a(await t.findByText("#2")).toBeInTheDocument(),await a(t.getByTestId("beforeC1").nextElementSibling).toEqual(t.getByTestId("isC1"))}},l={args:{title:"read system validity message",body:`
71
+ `},play:async({canvasElement:n})=>{const e=r.args.title,t=d(n);await t.findByText(e),await m.click(await t.findByTestId("cb1")),await a(await t.findByText("#1")).toBeInTheDocument(),await m.click(t.getByTestId("cb2")),await a(await t.findByText("#2")).toBeInTheDocument(),await a(t.getByTestId("beforeC1").nextElementSibling.textContent).toEqual("#1")}},l={args:{title:"read system validity message",body:`
72
72
  <p>validationMessage propagated into slice as 'validation-message' attribute</p>
73
73
  <ol>
74
74
  <li> type in input field</li>
@@ -89,7 +89,22 @@ import{w as d,e as a,u as c,f as u}from"./index-Dr4PwNfd.js";import"./custom-ele
89
89
  </form>
90
90
  </template>
91
91
  </custom-element>
92
- `},play:async({canvasElement:n})=>{const e=l.args.title,t=d(n);await t.findByText(e),await c.type(t.getByTestId("inp1"),"Hi"),await c.clear(t.getByTestId("inp1")),await c.click(t.getByTestId("btn1")),await a(await t.findByTestId("var1")).toBeInTheDocument(),await a(t.getByTestId("var1").textContent).toEqual(t.getByTestId("inp1").validationMessage),await a(t.getByTestId("var1").textContent.length>1).toEqual(!0)}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
92
+ `},play:async({canvasElement:n})=>{const e=l.args.title,t=d(n);await t.findByText(e),await c.type(t.getByTestId("inp1"),"Hi"),await c.clear(t.getByTestId("inp1")),await c.click(t.getByTestId("btn1")),await a(await t.findByTestId("var1")).toBeInTheDocument(),await a(t.getByTestId("var1").textContent).toEqual(t.getByTestId("inp1").validationMessage),await a(t.getByTestId("var1").textContent.length>1).toEqual(!0)}},u={args:{title:"Render inner components",body:`
93
+ <template id="test-icon">
94
+ <attribute name="img"></attribute>
95
+ <i>{img}</i>
96
+ </template>
97
+ <template id="test-button">
98
+ <attribute name="text"></attribute>
99
+ <button>
100
+ <slot>{text}</slot>
101
+ </button>
102
+ </template>
103
+
104
+ <custom-element src="#test-icon" tag="test-icon"></custom-element>
105
+ <custom-element src="#test-button" tag="test-button"></custom-element>
106
+ <test-button>icon:<test-icon img="👍"></test-icon></test-button>
107
+ `},play:async({canvasElement:n})=>{const e=d(n);await a(await e.findByText("👍")).toBeInTheDocument()}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
93
108
  args: {
94
109
  title: 'Chars count in textarea',
95
110
  body: \`
@@ -216,7 +231,7 @@ import{w as d,e as a,u as c,f as u}from"./index-Dr4PwNfd.js";import"./custom-ele
216
231
  await expect(await canvas.findByText('#1')).toBeInTheDocument();
217
232
  await fireEvent.click(canvas.getByTestId('cb2'));
218
233
  await expect(await canvas.findByText('#2')).toBeInTheDocument();
219
- await expect(canvas.getByTestId("beforeC1").nextElementSibling).toEqual(canvas.getByTestId("isC1"));
234
+ await expect(canvas.getByTestId("beforeC1").nextElementSibling.textContent).toEqual('#1');
220
235
  }
221
236
  }`,...r.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
222
237
  args: {
@@ -257,4 +272,30 @@ import{w as d,e as a,u as c,f as u}from"./index-Dr4PwNfd.js";import"./custom-ele
257
272
  await expect(canvas.getByTestId("var1").textContent).toEqual(canvas.getByTestId("inp1").validationMessage);
258
273
  await expect(canvas.getByTestId("var1").textContent.length > 1).toEqual(true);
259
274
  }
260
- }`,...l.parameters?.docs?.source}}};const y=["CharsCountInTextarea","WordCountOnType","OrderPreservingOn2ndTransform","ReadSystemValidityMessage"];export{s as CharsCountInTextarea,r as OrderPreservingOn2ndTransform,l as ReadSystemValidityMessage,o as WordCountOnType,y as __namedExportsOrder,h as default};
275
+ }`,...l.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
276
+ args: {
277
+ title: 'Render inner components',
278
+ body: \`
279
+ <template id="test-icon">
280
+ <attribute name="img"></attribute>
281
+ <i>{img}</i>
282
+ </template>
283
+ <template id="test-button">
284
+ <attribute name="text"></attribute>
285
+ <button>
286
+ <slot>{text}</slot>
287
+ </button>
288
+ </template>
289
+
290
+ <custom-element src="#test-icon" tag="test-icon"></custom-element>
291
+ <custom-element src="#test-button" tag="test-button"></custom-element>
292
+ <test-button>icon:<test-icon img="👍"></test-icon></test-button>
293
+ \`
294
+ },
295
+ play: async ({
296
+ canvasElement
297
+ }) => {
298
+ const canvas = within(canvasElement);
299
+ await expect(await canvas.findByText('👍')).toBeInTheDocument();
300
+ }
301
+ }`,...u.parameters?.docs?.source}}};const f=["CharsCountInTextarea","WordCountOnType","OrderPreservingOn2ndTransform","ReadSystemValidityMessage","EmbedDCE"];export{s as CharsCountInTextarea,u as EmbedDCE,r as OrderPreservingOn2ndTransform,l as ReadSystemValidityMessage,o as WordCountOnType,f as __namedExportsOrder,h as default};
@@ -0,0 +1,26 @@
1
+ import{d as at}from"./index-DrFu-skq.js";/**
2
+ * @license
3
+ * Copyright 2019 Google LLC
4
+ * SPDX-License-Identifier: BSD-3-Clause
5
+ */const x=globalThis,L=x.ShadowRoot&&(x.ShadyCSS===void 0||x.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Q=Symbol(),z=new WeakMap;let lt=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==Q)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(L&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=z.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&z.set(e,t))}return t}toString(){return this.cssText}};const ct=r=>new lt(typeof r=="string"?r:r+"",void 0,Q),dt=(r,t)=>{if(L)r.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),i=x.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=e.cssText,r.appendChild(s)}},B=L?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return ct(e)})(r):r;/**
6
+ * @license
7
+ * Copyright 2017 Google LLC
8
+ * SPDX-License-Identifier: BSD-3-Clause
9
+ */const{is:pt,defineProperty:ut,getOwnPropertyDescriptor:$t,getOwnPropertyNames:_t,getOwnPropertySymbols:ft,getPrototypeOf:At}=Object,T=globalThis,I=T.trustedTypes,yt=I?I.emptyScript:"",mt=T.reactiveElementPolyfillSupport,S=(r,t)=>r,R={toAttribute(r,t){switch(t){case Boolean:r=r?yt:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,t){let e=r;switch(t){case Boolean:e=r!==null;break;case Number:e=r===null?null:Number(r);break;case Object:case Array:try{e=JSON.parse(r)}catch{e=null}}return e}},X=(r,t)=>!pt(r,t),W={attribute:!0,type:String,converter:R,reflect:!1,useDefault:!1,hasChanged:X};Symbol.metadata??=Symbol("metadata"),T.litPropertyMetadata??=new WeakMap;let m=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=W){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),i=this.getPropertyDescriptor(t,s,e);i!==void 0&&ut(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:o}=$t(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get:i,set(n){const a=i?.call(this);o?.call(this,n),this.requestUpdate(t,a,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??W}static _$Ei(){if(this.hasOwnProperty(S("elementProperties")))return;const t=At(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(S("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(S("properties"))){const e=this.properties,s=[..._t(e),...ft(e)];for(const i of s)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,i]of e)this.elementProperties.set(s,i)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const i=this._$Eu(e,s);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const i of s)e.unshift(B(i))}else t!==void 0&&e.push(B(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return dt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(i!==void 0&&s.reflect===!0){const o=(s.converter?.toAttribute!==void 0?s.converter:R).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(t,e){const s=this.constructor,i=s._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const o=s.getPropertyOptions(i),n=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:R;this._$Em=i;const a=n.fromAttribute(e,o.type);this[i]=a??this._$Ej?.get(i)??a,this._$Em=null}}requestUpdate(t,e,s,i=!1,o){if(t!==void 0){const n=this.constructor;if(i===!1&&(o=this[t]),s??=n.getPropertyOptions(t),!((s.hasChanged??X)(o,e)||s.useDefault&&s.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(n._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:i,wrapped:o},n){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,n??e??this[t]),o!==!0||n!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[i,o]of this._$Ep)this[i]=o;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[i,o]of s){const{wrapped:n}=o,a=this[i];n!==!0||this._$AL.has(i)||a===void 0||this.C(i,void 0,o,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(s=>s.hostUpdate?.()),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};m.elementStyles=[],m.shadowRootOptions={mode:"open"},m[S("elementProperties")]=new Map,m[S("finalized")]=new Map,mt?.({ReactiveElement:m}),(T.reactiveElementVersions??=[]).push("2.1.2");/**
10
+ * @license
11
+ * Copyright 2017 Google LLC
12
+ * SPDX-License-Identifier: BSD-3-Clause
13
+ */const D=globalThis,q=r=>r,M=D.trustedTypes,V=M?M.createPolicy("lit-html",{createHTML:r=>r}):void 0,tt="$lit$",_=`lit$${Math.random().toFixed(9).slice(2)}$`,et="?"+_,gt=`<${et}>`,y=document,b=()=>y.createComment(""),w=r=>r===null||typeof r!="object"&&typeof r!="function",j=Array.isArray,vt=r=>j(r)||typeof r?.[Symbol.iterator]=="function",N=`[
14
+ \f\r]`,E=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,K=/-->/g,Z=/>/g,f=RegExp(`>|${N}(?:([^\\s"'>=/]+)(${N}*=${N}*(?:[^
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),J=/'/g,Y=/"/g,st=/^(?:script|style|textarea|title)$/i,g=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),F=new WeakMap,A=y.createTreeWalker(y,129);function it(r,t){if(!j(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return V!==void 0?V.createHTML(t):t}const Et=(r,t)=>{const e=r.length-1,s=[];let i,o=t===2?"<svg>":t===3?"<math>":"",n=E;for(let a=0;a<e;a++){const h=r[a];let c,p,l=-1,u=0;for(;u<h.length&&(n.lastIndex=u,p=n.exec(h),p!==null);)u=n.lastIndex,n===E?p[1]==="!--"?n=K:p[1]!==void 0?n=Z:p[2]!==void 0?(st.test(p[2])&&(i=RegExp("</"+p[2],"g")),n=f):p[3]!==void 0&&(n=f):n===f?p[0]===">"?(n=i??E,l=-1):p[1]===void 0?l=-2:(l=n.lastIndex-p[2].length,c=p[1],n=p[3]===void 0?f:p[3]==='"'?Y:J):n===Y||n===J?n=f:n===K||n===Z?n=E:(n=f,i=void 0);const $=n===f&&r[a+1].startsWith("/>")?" ":"";o+=n===E?h+gt:l>=0?(s.push(c),h.slice(0,l)+tt+h.slice(l)+_+$):h+_+(l===-2?a:$)}return[it(r,o+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class C{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let o=0,n=0;const a=t.length-1,h=this.parts,[c,p]=Et(t,e);if(this.el=C.createElement(c,s),A.currentNode=this.el.content,e===2||e===3){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(i=A.nextNode())!==null&&h.length<a;){if(i.nodeType===1){if(i.hasAttributes())for(const l of i.getAttributeNames())if(l.endsWith(tt)){const u=p[n++],$=i.getAttribute(l).split(_),O=/([.?@])?(.*)/.exec(u);h.push({type:1,index:o,name:O[2],strings:$,ctor:O[1]==="."?bt:O[1]==="?"?wt:O[1]==="@"?Ct:H}),i.removeAttribute(l)}else l.startsWith(_)&&(h.push({type:6,index:o}),i.removeAttribute(l));if(st.test(i.tagName)){const l=i.textContent.split(_),u=l.length-1;if(u>0){i.textContent=M?M.emptyScript:"";for(let $=0;$<u;$++)i.append(l[$],b()),A.nextNode(),h.push({type:2,index:++o});i.append(l[u],b())}}}else if(i.nodeType===8)if(i.data===et)h.push({type:2,index:o});else{let l=-1;for(;(l=i.data.indexOf(_,l+1))!==-1;)h.push({type:7,index:o}),l+=_.length-1}o++}}static createElement(t,e){const s=y.createElement("template");return s.innerHTML=t,s}}function v(r,t,e=r,s){if(t===g)return t;let i=s!==void 0?e._$Co?.[s]:e._$Cl;const o=w(t)?void 0:t._$litDirective$;return i?.constructor!==o&&(i?._$AO?.(!1),o===void 0?i=void 0:(i=new o(r),i._$AT(r,e,s)),s!==void 0?(e._$Co??=[])[s]=i:e._$Cl=i),i!==void 0&&(t=v(r,i._$AS(r,t.values),i,s)),t}class St{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??y).importNode(e,!0);A.currentNode=i;let o=A.nextNode(),n=0,a=0,h=s[0];for(;h!==void 0;){if(n===h.index){let c;h.type===2?c=new P(o,o.nextSibling,this,t):h.type===1?c=new h.ctor(o,h.name,h.strings,this,t):h.type===6&&(c=new Pt(o,this,t)),this._$AV.push(c),h=s[++a]}n!==h?.index&&(o=A.nextNode(),n++)}return A.currentNode=y,i}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class P{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=v(this,t,e),w(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==g&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):vt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&w(this._$AH)?this._$AA.nextSibling.data=t:this.T(y.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=C.createElement(it(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const o=new St(i,this),n=o.u(this.options);o.p(e),this.T(n),this._$AH=o}}_$AC(t){let e=F.get(t.strings);return e===void 0&&F.set(t.strings,e=new C(t)),e}k(t){j(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const o of t)i===e.length?e.push(s=new P(this.O(b()),this.O(b()),this,this.options)):s=e[i],s._$AI(o),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const s=q(t).nextSibling;q(t).remove(),t=s}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}}class H{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,o){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,i){const o=this.strings;let n=!1;if(o===void 0)t=v(this,t,e,0),n=!w(t)||t!==this._$AH&&t!==g,n&&(this._$AH=t);else{const a=t;let h,c;for(t=o[0],h=0;h<o.length-1;h++)c=v(this,a[s+h],e,h),c===g&&(c=this._$AH[h]),n||=!w(c)||c!==this._$AH[h],c===d?t=d:t!==d&&(t+=(c??"")+o[h+1]),this._$AH[h]=c}n&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class bt extends H{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class wt extends H{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ct extends H{constructor(t,e,s,i,o){super(t,e,s,i,o),this.type=5}_$AI(t,e=this){if((t=v(this,t,e,0)??d)===g)return;const s=this._$AH,i=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==d&&(s===d||i);i&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Pt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){v(this,t)}}const Ot=D.litHtmlPolyfillSupport;Ot?.(C,P),(D.litHtmlVersions??=[]).push("3.3.2");const rt=(r,t,e)=>{const s=e?.renderBefore??t;let i=s._$litPart$;if(i===void 0){const o=e?.renderBefore??null;s._$litPart$=i=new P(t.insertBefore(b(),o),o,void 0,e??{})}return i._$AI(r),i};/**
16
+ * @license
17
+ * Copyright 2017 Google LLC
18
+ * SPDX-License-Identifier: BSD-3-Clause
19
+ */const k=globalThis;class U extends m{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=rt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return g}}U._$litElement$=!0,U.finalized=!0,k.litElementHydrateSupport?.({LitElement:U});const xt=k.litElementPolyfillSupport;xt?.({LitElement:U});(k.litElementVersions??=[]).push("4.2.2");/**
20
+ * @license
21
+ * Copyright 2020 Google LLC
22
+ * SPDX-License-Identifier: BSD-3-Clause
23
+ */const Ut=(r,t)=>t===void 0?r?._$litType$!==void 0:r?._$litType$===t,{simulatePageLoad:G,simulateDOMContentLoaded:Mt}=__STORYBOOK_MODULE_PREVIEW_API__,{global:Tt}=__STORYBOOK_MODULE_GLOBAL__;var Ht=Object.defineProperty,Nt=(r,t)=>{for(var e in t)Ht(r,e,{get:t[e],enumerable:!0})},Rt={};Nt(Rt,{parameters:()=>ht,render:()=>ot,renderToCanvas:()=>nt});var{Node:Lt}=Tt,ot=(r,t)=>{let{id:e,component:s}=t;if(!s)throw new Error(`Unable to render story ${e} as the component annotation is missing from the default export`);let i=document.createElement(s);return Object.entries(r).forEach(([o,n])=>{i[o]=n}),i};function nt({storyFn:r,kind:t,name:e,showMain:s,showError:i,forceRemount:o},n){let a=r();if(s(),Ut(a)){(o||!n.querySelector('[id="root-inner"]'))&&(n.innerHTML='<div id="root-inner"></div>');let h=n.querySelector('[id="root-inner"]');rt(a,h),G(n)}else if(typeof a=="string")n.innerHTML=a,G(n);else if(a instanceof Lt){if(n.firstChild===a&&!o)return;n.innerHTML="",n.appendChild(a),Mt()}else i({title:`Expecting an HTML snippet or DOM node from the story: "${e}" of "${t}".`,description:at`
24
+ Did you forget to return the HTML snippet from the story?
25
+ Use "() => <your snippet or node>" or when defining the story.
26
+ `})}var ht={renderer:"web-components"};const zt=Object.freeze(Object.defineProperty({__proto__:null,parameters:ht,render:ot,renderToCanvas:nt},Symbol.toStringTag,{value:"Module"}));export{rt as D,zt as e};
@@ -1,2 +1,2 @@
1
- import{B as l}from"./entry-preview-DHVXbf3x.js";import{c as E,g as u,y}from"./index-BwkS7JH_.js";import{i as g}from"./tiny-invariant-CopsF_GD.js";import"./index-DrFu-skq.js";const{global:i}=__STORYBOOK_MODULE_GLOBAL__,{setDefaultProjectAnnotations:V,setProjectAnnotations:K}=__STORYBOOK_MODULE_PREVIEW_API__;var{window:w}=i;w.STORYBOOK_ENV="web-components";function p(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function c(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
2
- See the readme of addon-docs for web components for more details.`)}function d(){return i.__STORYBOOK_CUSTOM_ELEMENTS__||i.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:S,EventSource:b}=i;typeof module<"u"&&module?.hot?.decline&&(module.hot.decline(),new b("__webpack_hmr").addEventListener("message",function(e){try{let{action:r}=JSON.parse(e.data);r==="built"&&S.location.reload()}catch{}}));const{logger:m}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{useEffect:v,addons:A}=__STORYBOOK_MODULE_PREVIEW_API__;function _(e,r){let t;switch(r){case"attributes":case"properties":t={name:e.type?.text||e.type};break;case"slots":t={name:"string"};break;default:t={name:"void"};break}return{name:e.name,required:!1,description:e.description,type:t,table:{category:r,type:{summary:e.type?.text||e.type},defaultValue:{summary:e.default!==void 0?e.default:e.defaultValue}}}}function D(e){let r=e.name.replace(/(-|_|:|\.|\s)+(.)?/g,(t,n,a)=>a?a.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase());return r=`on${r.charAt(0).toUpperCase()+r.substr(1)}`,[{name:r,action:{name:e.name},table:{disable:!0}},_(e,"events")]}function o(e,r){return e&&e.filter(t=>t&&t.name).reduce((t,n)=>{if(n.kind==="method")return t;switch(r){case"events":D(n).forEach(a=>{g(a.name),t[a.name]=a});break;default:t[n.name]=_(n,r);break}return t},{})}var C=(e,r)=>{if(!p(e)||!c(r))return null;let t=r.tags.find(n=>n.name.toUpperCase()===e.toUpperCase());return t||m.warn(`Component not found in custom-elements.json: ${e}`),t},h=(e,r)=>{if(!p(e)||!c(r))return null;let t;return r?.modules?.forEach(n=>{n?.declarations?.forEach(a=>{a.tagName===e&&(t=a)})}),t||m.warn(`Component not found in custom-elements.json: ${e}`),t},f=(e,r)=>r?.version==="experimental"?C(e,r):h(e,r),M=(e,r)=>{let t=f(e,r);return t&&{...o(t.members??[],"properties"),...o(t.properties??[],"properties"),...o(t.attributes??[],"attributes"),...o(t.events??[],"events"),...o(t.slots??[],"slots"),...o(t.cssProperties??[],"css custom properties"),...o(t.cssParts??[],"css shadow parts")}},T=e=>{let r=d();return M(e,r)},L=e=>{let r=f(e,d());return r&&r.description},P=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function R(e){let r=e?.parameters.docs?.source,t=e?.parameters.__isArgsStory;return r?.type===u.DYNAMIC?!1:!t||r?.code||r?.type===u.CODE}function I(e,r){let t=e(),n=r?.parameters.docs?.source?.excludeDecorators?r.originalStoryFn(r.args,r):t,a;if(v(()=>{let{id:s,unmappedArgs:O}=r;a&&A.getChannel().emit(y,{id:s,source:a,args:O})}),!R(r)){let s=window.document.createElement("div");n instanceof DocumentFragment?l(n.cloneNode(!0),s):l(n,s),a=s.innerHTML.replace(P,"")}return t}var $=[I],j={docs:{extractArgTypes:T,extractComponentDescription:L,story:{inline:!0},source:{type:u.DYNAMIC,language:"html"}}},N=[E];export{N as argTypesEnhancers,$ as decorators,j as parameters};
1
+ import{D as l}from"./entry-preview-BNCt9WBs.js";import{c as E,g as u,y}from"./index-DO1nmyvI.js";import{i as g}from"./tiny-invariant-CopsF_GD.js";import"./index-DrFu-skq.js";const{global:i}=__STORYBOOK_MODULE_GLOBAL__,{setDefaultProjectAnnotations:V,setProjectAnnotations:K}=__STORYBOOK_MODULE_PREVIEW_API__;var{window:w}=i;w.STORYBOOK_ENV="web-components";function p(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function c(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
2
+ See the readme of addon-docs for web components for more details.`)}function d(){return i.__STORYBOOK_CUSTOM_ELEMENTS__||i.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:S,EventSource:D}=i;typeof module<"u"&&module?.hot?.decline&&(module.hot.decline(),new D("__webpack_hmr").addEventListener("message",function(e){try{let{action:r}=JSON.parse(e.data);r==="built"&&S.location.reload()}catch{}}));const{logger:m}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{useEffect:b,addons:v}=__STORYBOOK_MODULE_PREVIEW_API__;function _(e,r){let t;switch(r){case"attributes":case"properties":t={name:e.type?.text||e.type};break;case"slots":t={name:"string"};break;default:t={name:"void"};break}return{name:e.name,required:!1,description:e.description,type:t,table:{category:r,type:{summary:e.type?.text||e.type},defaultValue:{summary:e.default!==void 0?e.default:e.defaultValue}}}}function A(e){let r=e.name.replace(/(-|_|:|\.|\s)+(.)?/g,(t,n,a)=>a?a.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase());return r=`on${r.charAt(0).toUpperCase()+r.substr(1)}`,[{name:r,action:{name:e.name},table:{disable:!0}},_(e,"events")]}function o(e,r){return e&&e.filter(t=>t&&t.name).reduce((t,n)=>{if(n.kind==="method")return t;switch(r){case"events":A(n).forEach(a=>{g(a.name),t[a.name]=a});break;default:t[n.name]=_(n,r);break}return t},{})}var C=(e,r)=>{if(!p(e)||!c(r))return null;let t=r.tags.find(n=>n.name.toUpperCase()===e.toUpperCase());return t||m.warn(`Component not found in custom-elements.json: ${e}`),t},h=(e,r)=>{if(!p(e)||!c(r))return null;let t;return r?.modules?.forEach(n=>{n?.declarations?.forEach(a=>{a.tagName===e&&(t=a)})}),t||m.warn(`Component not found in custom-elements.json: ${e}`),t},f=(e,r)=>r?.version==="experimental"?C(e,r):h(e,r),M=(e,r)=>{let t=f(e,r);return t&&{...o(t.members??[],"properties"),...o(t.properties??[],"properties"),...o(t.attributes??[],"attributes"),...o(t.events??[],"events"),...o(t.slots??[],"slots"),...o(t.cssProperties??[],"css custom properties"),...o(t.cssParts??[],"css shadow parts")}},T=e=>{let r=d();return M(e,r)},L=e=>{let r=f(e,d());return r&&r.description},P=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function R(e){let r=e?.parameters.docs?.source,t=e?.parameters.__isArgsStory;return r?.type===u.DYNAMIC?!1:!t||r?.code||r?.type===u.CODE}function I(e,r){let t=e(),n=r?.parameters.docs?.source?.excludeDecorators?r.originalStoryFn(r.args,r):t,a;if(b(()=>{let{id:s,unmappedArgs:O}=r;a&&v.getChannel().emit(y,{id:s,source:a,args:O})}),!R(r)){let s=window.document.createElement("div");n instanceof DocumentFragment?l(n.cloneNode(!0),s):l(n,s),a=s.innerHTML.replace(P,"")}return t}var $=[I],j={docs:{extractArgTypes:T,extractComponentDescription:L,story:{inline:!0},source:{type:u.DYNAMIC,language:"html"}}},N=[E];export{N as argTypesEnhancers,$ as decorators,j as parameters};
@@ -1,4 +1,4 @@
1
- import{w as l,e as a}from"./index-Dr4PwNfd.js";import"./custom-element-CPnvJnn8.js";import{f as T}from"./frame.canvas-ClTqYyMN.js";function v(t){return new Promise(e=>setTimeout(e,t))}function h(t){const{title:e,body:n}=t;return`
1
+ import{w as l,e as a}from"./index-CGuyH0k-.js";import"./custom-element-CnmjNo0g.js";import{f as T}from"./frame.canvas-E5n9h6j1.js";function v(t){return new Promise(e=>setTimeout(e,t))}function h(t){const{title:e,body:n}=t;return`
2
2
  <fieldset>
3
3
  <legend>${e}</legend>
4
4
  ${n}
@@ -1,4 +1,4 @@
1
- import{w as i,e as n,u as e}from"./index-Dr4PwNfd.js";import"./custom-element-CPnvJnn8.js";function l(a){const{title:t,body:s}=a;return`
1
+ import{w as i,e as n,u as e}from"./index-CGuyH0k-.js";import"./custom-element-CnmjNo0g.js";function l(a){const{title:t,body:s}=a;return`
2
2
  <fieldset>
3
3
  <legend>${t}</legend>
4
4
  ${s}
@@ -1 +1 @@
1
- import{w as a}from"./index-Dr4PwNfd.js";async function r(t,e){const n=await e.findByTestId(t);return new Promise(o=>n.addEventListener("load",()=>{o(a(n.contentWindow?.document.documentElement))}))}export{r as f};
1
+ import{w as a}from"./index-CGuyH0k-.js";async function r(t,e){const n=await e.findByTestId(t);return new Promise(o=>n.addEventListener("load",()=>{o(a(n.contentWindow?.document.documentElement))}))}export{r as f};
@@ -234,7 +234,7 @@ tough-cookie/lib/cookie.js:
234
234
  * POSSIBILITY OF SUCH DAMAGE.
235
235
  *)
236
236
  */const{Cookie:Xo,CookieJar:ei,Store:ai,MemoryCookieStore:oi,domainMatch:ii,pathMatch:ti}=Ko;class si extends ai{storage;storageKey;constructor(){super(),Re(typeof localStorage<"u","Failed to create a WebStorageCookieStore: `localStorage` is not available in this environment. This is likely an issue with MSW. Please report it on GitHub: https://github.com/mswjs/msw/issues"),this.synchronous=!0,this.storage=localStorage,this.storageKey="__msw-cookie-store__"}findCookie(e,o,i,s){try{const u=this.getStore(),m=this.filterCookiesFromList(u,{domain:e,path:o,key:i});s(null,m[0]||null)}catch(u){u instanceof Error&&s(u,null)}}findCookies(e,o,i,s){if(!e){s(null,[]);return}try{const u=this.getStore(),m=this.filterCookiesFromList(u,{domain:e,path:o});s(null,m)}catch(u){u instanceof Error&&s(u,[])}}putCookie(e,o){try{if(e.maxAge===0)return;const i=this.getStore();i.push(e),this.updateStore(i)}catch(i){i instanceof Error&&o(i)}}updateCookie(e,o,i){if(o.maxAge===0){this.removeCookie(o.domain||"",o.path||"",o.key,i);return}this.putCookie(o,i)}removeCookie(e,o,i,s){try{const u=this.getStore(),m=this.deleteCookiesFromList(u,{domain:e,path:o,key:i});this.updateStore(m),s(null)}catch(u){u instanceof Error&&s(u)}}removeCookies(e,o,i){try{const s=this.getStore(),u=this.deleteCookiesFromList(s,{domain:e,path:o});this.updateStore(u),i(null)}catch(s){s instanceof Error&&i(s)}}getAllCookies(e){try{e(null,this.getStore())}catch(o){o instanceof Error&&e(o,[])}}getStore(){try{const e=this.storage.getItem(this.storageKey);if(e==null)return[];const o=JSON.parse(e),i=[];for(const s of o){const u=Xo.fromJSON(s);u!=null&&i.push(u)}return i}catch{return[]}}updateStore(e){this.storage.setItem(this.storageKey,JSON.stringify(e.map(o=>o.toJSON())))}filterCookiesFromList(e,o){const i=[];for(const s of e)o.domain&&!ii(o.domain,s.domain||"")||o.path&&!ti(o.path,s.path||"")||o.key&&s.key!==o.key||i.push(s);return i}deleteCookiesFromList(e,o){const i=this.filterCookiesFromList(e,o);return e.filter(s=>!i.includes(s))}}const ni=oa()?new oi:new si,ri=new ei(ni);function ka(a){const e=na.parse(a),o={};for(const i in e)typeof e[i]<"u"&&(o[i]=e[i]);return o}function Ue(){return ka(document.cookie)}function ui(a){if(typeof document>"u"||typeof location>"u")return{};switch(a.credentials){case"same-origin":{const e=new URL(a.url);return location.origin===e.origin?Ue():{}}case"include":return Ue();default:return{}}}function mi(a){const e=a.headers.get("cookie"),o=e?ka(e):{},i=ui(a);for(const m in i)a.headers.append("cookie",na.serialize(m,i[m]));const s=ri.getCookiesSync(a.url),u=Object.fromEntries(s.map(m=>[m.key,m.value]));for(const m of s)a.headers.append("cookie",m.toString());return{...i,...u,...o}}var he=(a=>(a.HEAD="HEAD",a.GET="GET",a.POST="POST",a.PUT="PUT",a.PATCH="PATCH",a.OPTIONS="OPTIONS",a.DELETE="DELETE",a))(he||{});class ci extends Ae{constructor(e,o,i,s){super({info:{header:`${e} ${o}`,path:o,method:e},resolver:i,options:s}),this.checkRedundantQueryParameters()}checkRedundantQueryParameters(){const{method:e,path:o}=this.info;if(o instanceof RegExp||ia(o)===o)return;jo(o).forEach((u,m)=>{}),Te.warn(`Found a redundant usage of query parameters in the request handler URL for "${e} ${o}". Please match against a path instead and access query parameters using "new URL(request.url).searchParams" instead. Learn more: https://mswjs.io/docs/recipes/query-parameters`)}async parse(e){const o=new URL(e.request.url),i=zo(o,this.info.path,e.resolutionContext?.baseUrl),s=mi(e.request);return{match:i,cookies:s}}predicate(e){const o=this.matchMethod(e.request.method),i=e.parsedResult.match.matches;return o&&i}matchMethod(e){return this.info.method instanceof RegExp?this.info.method.test(e):La(this.info.method,e)}extendResolverArgs(e){return{params:e.parsedResult.match?.params||{},cookies:e.parsedResult.cookies}}async log(e){const o=Eo(e.request.url),i=await qa(e.request),s=await Ya(e.response),u=Pa(s.status);console.groupCollapsed(Te.formatMessage(`${Ra()} ${e.request.method} ${o} (%c${s.status} ${s.statusText}%c)`),`color:${u}`,"color:inherit"),console.log("Request",i),console.log("Handler:",this),console.log("Response",s),console.groupEnd()}}function pe(a){return(e,o,i={})=>new ci(a,e,o,i)}const xe={all:pe(/.+/),head:pe(he.HEAD),get:pe(he.GET),post:pe(he.POST),put:pe(he.PUT),delete:pe(he.DELETE),patch:pe(he.PATCH),options:pe(he.OPTIONS)};var li=Object.create,fa=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,ba=Object.getOwnPropertyNames,hi=Object.getPrototypeOf,di=Object.prototype.hasOwnProperty,gi=(a,e)=>function(){return e||(0,a[ba(a)[0]])((e={exports:{}}).exports,e),e.exports},ki=(a,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ba(e))!di.call(a,s)&&s!==o&&fa(a,s,{get:()=>e[s],enumerable:!(i=pi(e,s))||i.enumerable});return a},fi=(a,e,o)=>(o=a!=null?li(hi(a)):{},ki(!a||!a.__esModule?fa(o,"default",{value:a,enumerable:!0}):o,a)),bi=gi({"node_modules/set-cookie-parser/lib/set-cookie.js"(a,e){var o={decodeValues:!0,map:!1,silent:!1};function i(l){return typeof l=="string"&&!!l.trim()}function s(l,x){var v=l.split(";").filter(i),p=v.shift(),z=u(p),f=z.name,j=z.value;x=x?Object.assign({},o,x):o;try{j=x.decodeValues?decodeURIComponent(j):j}catch(E){console.error("set-cookie-parser encountered an error while decoding a cookie with value '"+j+"'. Set options.decodeValues to false to disable this feature.",E)}var C={name:f,value:j};return v.forEach(function(E){var A=E.split("="),R=A.shift().trimLeft().toLowerCase(),F=A.join("=");R==="expires"?C.expires=new Date(F):R==="max-age"?C.maxAge=parseInt(F,10):R==="secure"?C.secure=!0:R==="httponly"?C.httpOnly=!0:R==="samesite"?C.sameSite=F:C[R]=F}),C}function u(l){var x="",v="",p=l.split("=");return p.length>1?(x=p.shift(),v=p.join("=")):v=l,{name:x,value:v}}function m(l,x){if(x=x?Object.assign({},o,x):o,!l)return x.map?{}:[];if(l.headers)if(typeof l.headers.getSetCookie=="function")l=l.headers.getSetCookie();else if(l.headers["set-cookie"])l=l.headers["set-cookie"];else{var v=l.headers[Object.keys(l.headers).find(function(z){return z.toLowerCase()==="set-cookie"})];!v&&l.headers.cookie&&!x.silent&&console.warn("Warning: set-cookie-parser appears to have been called on a request object. It is designed to parse Set-Cookie headers from responses, not Cookie headers from requests. Set the option {silent: true} to suppress this warning."),l=v}if(Array.isArray(l)||(l=[l]),x=x?Object.assign({},o,x):o,x.map){var p={};return l.filter(i).reduce(function(z,f){var j=s(f,x);return z[j.name]=j,z},p)}else return l.filter(i).map(function(z){return s(z,x)})}function r(l){if(Array.isArray(l))return l;if(typeof l!="string")return[];var x=[],v=0,p,z,f,j,C;function E(){for(;v<l.length&&/\s/.test(l.charAt(v));)v+=1;return v<l.length}function A(){return z=l.charAt(v),z!=="="&&z!==";"&&z!==","}for(;v<l.length;){for(p=v,C=!1;E();)if(z=l.charAt(v),z===","){for(f=v,v+=1,E(),j=v;v<l.length&&A();)v+=1;v<l.length&&l.charAt(v)==="="?(C=!0,v=j,x.push(l.substring(p,f)),p=v):v=f+1}else v+=1;(!C||v>=l.length)&&x.push(l.substring(p,l.length))}return x}e.exports=m,e.exports.parse=m,e.exports.parseString=s,e.exports.splitCookiesString=r}}),ji=fi(bi()),yi=/[^a-z0-9\-#$%&'*+.^_`|~]/i;function ve(a){if(yi.test(a)||a.trim()==="")throw new TypeError("Invalid character in header field name");return a.trim().toLowerCase()}var Me=[`
237
- `,"\r"," "," "],vi=new RegExp(`(^[${Me.join("")}]|$[${Me.join("")}])`,"g");function De(a){return a.replace(vi,"")}function we(a){if(typeof a!="string"||a.length===0)return!1;for(let e=0;e<a.length;e++){const o=a.charCodeAt(e);if(o>127||!wi(o))return!1}return!0}function wi(a){return![127,32,"(",")","<",">","@",",",";",":","\\",'"',"/","[","]","?","=","{","}"].includes(a)}function We(a){if(typeof a!="string"||a.trim()!==a)return!1;for(let e=0;e<a.length;e++){const o=a.charCodeAt(e);if(o===0||o===10||o===13)return!1}return!0}var fe=Symbol("normalizedHeaders"),Oe=Symbol("rawHeaderNames"),$e=", ",He,Ge,Ve,xi=class ja{constructor(e){this[He]={},this[Ge]=new Map,this[Ve]="Headers",["Headers","HeadersPolyfill"].includes(e?.constructor.name)||e instanceof ja||typeof globalThis.Headers<"u"&&e instanceof globalThis.Headers?e.forEach((i,s)=>{this.append(s,i)},this):Array.isArray(e)?e.forEach(([o,i])=>{this.append(o,Array.isArray(i)?i.join($e):i)}):e&&Object.getOwnPropertyNames(e).forEach(o=>{const i=e[o];this.append(o,Array.isArray(i)?i.join($e):i)})}[(He=fe,Ge=Oe,Ve=Symbol.toStringTag,Symbol.iterator)](){return this.entries()}*keys(){for(const[e]of this.entries())yield e}*values(){for(const[,e]of this.entries())yield e}*entries(){let e=Object.keys(this[fe]).sort((o,i)=>o.localeCompare(i));for(const o of e)if(o==="set-cookie")for(const i of this.getSetCookie())yield[o,i];else yield[o,this.get(o)]}has(e){if(!we(e))throw new TypeError(`Invalid header name "${e}"`);return this[fe].hasOwnProperty(ve(e))}get(e){if(!we(e))throw TypeError(`Invalid header name "${e}"`);return this[fe][ve(e)]??null}set(e,o){if(!we(e)||!We(o))return;const i=ve(e),s=De(o);this[fe][i]=De(s),this[Oe].set(i,e)}append(e,o){if(!we(e)||!We(o))return;const i=ve(e),s=De(o);let u=this.has(i)?`${this.get(i)}, ${s}`:s;this.set(e,u)}delete(e){if(!we(e)||!this.has(e))return;const o=ve(e);delete this[fe][o],this[Oe].delete(o)}forEach(e,o){for(const[i,s]of this.entries())e.call(o,s,i,this)}getSetCookie(){const e=this.get("set-cookie");return e===null?[]:e===""?[""]:(0,ji.splitCookiesString)(e)}};const{message:zi}=Ke,Ei=Symbol("kSetCookie");function ge(a={}){const e=a?.status||200,o=a?.statusText||zi[e]||"",i=new Headers(a?.headers);return{...a,headers:i,status:e,statusText:o}}function Ci(a,e){e.type&&Object.defineProperty(a,"type",{value:e.type,enumerable:!0,writable:!1});const o=e.headers.get("set-cookie");if(o&&(Object.defineProperty(a,Ei,{value:o,enumerable:!1,writable:!1}),typeof document<"u")){const i=xi.prototype.getSetCookie.call(e.headers);for(const s of i)document.cookie=s}return a}class oe extends Response{constructor(e,o){const i=ge(o);super(e,i),Ci(this,i)}static text(e,o){const i=ge(o);return i.headers.has("Content-Type")||i.headers.set("Content-Type","text/plain"),i.headers.has("Content-Length")||i.headers.set("Content-Length",e?new Blob([e]).size.toString():"0"),new oe(e,i)}static json(e,o){const i=ge(o);i.headers.has("Content-Type")||i.headers.set("Content-Type","application/json");const s=JSON.stringify(e);return i.headers.has("Content-Length")||i.headers.set("Content-Length",s?new Blob([s]).size.toString():"0"),new oe(s,i)}static xml(e,o){const i=ge(o);return i.headers.has("Content-Type")||i.headers.set("Content-Type","text/xml"),new oe(e,i)}static html(e,o){const i=ge(o);return i.headers.has("Content-Type")||i.headers.set("Content-Type","text/html"),new oe(e,i)}static arrayBuffer(e,o){const i=ge(o);return i.headers.has("Content-Type")||i.headers.set("Content-Type","application/octet-stream"),e&&!i.headers.has("Content-Length")&&i.headers.set("Content-Length",e.byteLength.toString()),new oe(e,i)}static formData(e,o){return new oe(e,ge(o))}}async function Si(a){let e;return e=a,new Promise(o=>setTimeout(o,e))}Aa();const Ie={count:1279,next:"https://pokeapi.co/api/v2/pokemon?offset=6&limit=6",previous:null,results:[{name:"bulbasaur",url:"https://pokeapi.co/api/v2/pokemon/1/"},{name:"ivysaur",url:"https://pokeapi.co/api/v2/pokemon/2/"},{name:"venusaur",url:"https://pokeapi.co/api/v2/pokemon/3/"},{name:"charmander",url:"https://pokeapi.co/api/v2/pokemon/4/"},{name:"charmeleon",url:"https://pokeapi.co/api/v2/pokemon/5/"},{name:"charizard",url:"https://pokeapi.co/api/v2/pokemon/6/"}]},Ai={_id:"@epa-wg/custom-element-dist",_rev:"5-df363ab4a2b9c478c01e021bde4fbafe",name:"@epa-wg/custom-element-dist","dist-tags":{latest:"0.0.33"},versions:{"0.0.1":{name:"@epa-wg/custom-element-dist",version:"0.0.1",keywords:["WebComponent","Declarative Custom Element","XSLT","JS","javascript"],author:{url:"https://blog.firsov.net/",name:"Sasha Firsov",email:"suns@simulationworks.com"},license:"Apache-2.0",_id:"@epa-wg/custom-element-dist@0.0.1",maintainers:[{name:"sasha-firsov",email:"suns@simulationworks.com"}],homepage:"https://github.com/EPA-WG/custom-element#readme",bugs:{url:"https://github.com/EPA-WG/custom-element/issues"},msw:{workerDirectory:["public"]},dist:{shasum:"161127f2bf1542178566db48bbb1a027ba7f7934",tarball:"https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.1.tgz",fileCount:284,integrity:"sha512-jTBBjhQClcRgF5GqI8+uYkNW6gkTjEjrolMU2JHQGplZI0Kwie3WrYeVuJA4uLuPWl8+Wl1o4YzhNP+sAJ31hw==",signatures:[{sig:"MEYCIQD492KdwBTQ5oKCJujOfPhUYeK6RgU8Kz08LIq0WwMZcQIhANM9RsGaJxzuRQ/B37c7M38u8UTKYbUFGNDC8AtKqGZu",keyid:"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],unpackedSize:8914279},type:"module",exports:{".":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"},"./package.json":"./package.json","./custom-element":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"}},funding:{url:"https://www.patreon.com/sashafirsov",type:"patreon"},gitHead:"85c02d4d1615a6290c4c17ba941d8847249f2a73",scripts:{t:"vitest --no-file-parallelism --watch=false src/stories/location-element.test.ts",sb:"yarn storybook",dev:"vite",test:"vitest --coverage.enabled --coverage.all --no-file-parallelism --watch=false",build:"tsc && vite build",preview:"vite preview",storybook:"storybook dev -p 6006","test:watch":"vitest --inspect-brk --no-file-parallelism --browser.headless=false --test-timeout=0",postinstall:"bash bin/postinstall.sh",prepublishOnly:"bash bin/build.sh","test:storybook":"test-storybook","build-storybook":"storybook build"},_npmUser:{name:"sasha-firsov",email:"suns@simulationworks.com"},"web-types":["./src/custom-element/ide/web-types-dce.json","./src/custom-element/ide/web-types-xsl.json"],repository:{url:"git+https://github.com/EPA-WG/custom-element-dist.git",type:"git"},_npmVersion:"10.1.0",description:"Binary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage",directories:{},_nodeVersion:"20.8.1",dependencies:{"@epa-wg/custom-element":"0.0.20"},_hasShrinkwrap:!1,devDependencies:{lit:"^3.1.3",msw:"^2.2.14",vite:"^5.2.0",vitest:"^1.6.0",storybook:"^8.0.10",playwright:"^1.43.1",typescript:"^5.2.2",webdriverio:"^8.36.1","coverage-svg":"^0.0.3","@storybook/test":"^8.0.10","@vitest/browser":"^1.6.0","@storybook/blocks":"^8.0.10","msw-storybook-addon":"^2.0.0","@storybook/addon-links":"^8.0.10","@storybook/test-runner":"^0.17.0","@chromatic-com/storybook":"^1.3.3","@storybook/addon-mdx-gfm":"8.0.10","@storybook/web-components":"^8.0.10","@vitest/coverage-istanbul":"^1.6.0","@storybook/addon-essentials":"^8.0.10","@storybook/addon-interactions":"^8.0.10","@storybook/web-components-vite":"^8.0.10"},_npmOperationalInternal:{tmp:"tmp/custom-element-dist_0.0.1_1715578030506_0.27588957883085974",host:"s3://npm-registry-packages"}},"0.0.21":{name:"@epa-wg/custom-element-dist",version:"0.0.21",keywords:["WebComponent","Declarative Custom Element","XSLT","JS","javascript"],author:{url:"https://blog.firsov.net/",name:"Sasha Firsov",email:"suns@simulationworks.com"},license:"Apache-2.0",_id:"@epa-wg/custom-element-dist@0.0.21",maintainers:[{name:"sasha-firsov",email:"suns@simulationworks.com"}],homepage:"https://github.com/EPA-WG/custom-element#readme",bugs:{url:"https://github.com/EPA-WG/custom-element/issues"},msw:{workerDirectory:["public"]},dist:{shasum:"ae369434d0d1e91d75cdf7058dc11bea06948b0b",tarball:"https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.21.tgz",fileCount:284,integrity:"sha512-D8QHHebPInF54cdPt/iodLvj9jJ0x0ymQAiixozJEF6F+RpYfB2pP0Th7a7MYtmiNz7ZwVvFt3gPKYOHJr0Zbw==",signatures:[{sig:"MEUCIQCm0p45iVWRKqgrbRIWxSMWriqPQWyD+put0xpa2HNa1QIgTNiSZ8D/FkeRR+qSBmBmZZcCZPy/eUqAu54v2Y/dNtQ=",keyid:"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],unpackedSize:8914288},type:"module",exports:{".":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"},"./package.json":"./package.json","./custom-element":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"}},funding:{url:"https://www.patreon.com/sashafirsov",type:"patreon"},gitHead:"4dacc9d66e328bebac2aac96c7671f0dca5d33ac",scripts:{t:"vitest --no-file-parallelism --watch=false src/stories/location-element.test.ts",sb:"yarn storybook",dev:"vite",test:"vitest --coverage.enabled --coverage.all --no-file-parallelism --watch=false",build:"tsc && vite build",preview:"vite preview",storybook:"storybook dev -p 6006","test:watch":"vitest --inspect-brk --no-file-parallelism --browser.headless=false --test-timeout=0",postinstall:"bash bin/postinstall.sh",prepublishOnly:"bash bin/build.sh","test:storybook":"test-storybook","build-storybook":"storybook build"},_npmUser:{name:"sasha-firsov",email:"suns@simulationworks.com"},"web-types":["./src/custom-element/ide/web-types-dce.json","./src/custom-element/ide/web-types-xsl.json"],repository:{url:"git+https://github.com/EPA-WG/custom-element-dist.git",type:"git"},_npmVersion:"10.1.0",description:"Binary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage",directories:{},_nodeVersion:"20.8.1",dependencies:{"@epa-wg/custom-element":"0.0.21"},_hasShrinkwrap:!1,devDependencies:{lit:"^3.1.3",msw:"^2.2.14",vite:"^5.2.0",vitest:"^1.6.0",storybook:"^8.0.10",playwright:"^1.43.1",typescript:"^5.2.2",webdriverio:"^8.36.1","coverage-svg":"^0.0.3","@storybook/test":"^8.0.10","@vitest/browser":"^1.6.0","@storybook/blocks":"^8.0.10","msw-storybook-addon":"^2.0.0","@storybook/addon-links":"^8.0.10","@storybook/test-runner":"^0.17.0","@chromatic-com/storybook":"^1.3.3","@storybook/addon-mdx-gfm":"8.0.10","@storybook/web-components":"^8.0.10","@vitest/coverage-istanbul":"^1.6.0","@storybook/addon-essentials":"^8.0.10","@storybook/addon-interactions":"^8.0.10","@storybook/web-components-vite":"^8.0.10"},_npmOperationalInternal:{tmp:"tmp/custom-element-dist_0.0.21_1715580074337_0.4062954016656166",host:"s3://npm-registry-packages"}},"0.0.22":{name:"@epa-wg/custom-element-dist",version:"0.0.22",keywords:["WebComponent","Declarative Custom Element","XSLT","JS","javascript"],author:{url:"https://blog.firsov.net/",name:"Sasha Firsov",email:"suns@simulationworks.com"},license:"Apache-2.0",_id:"@epa-wg/custom-element-dist@0.0.22",homepage:"https://github.com/EPA-WG/custom-element#readme",bugs:{url:"https://github.com/EPA-WG/custom-element/issues"},msw:{workerDirectory:["public"]},dist:{shasum:"5654ef0e06c4a2f4bc8657f9bf68becd96658185",tarball:"https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.22.tgz",fileCount:297,integrity:"sha512-GZCpXqUpw0em3cJQBFzslNMZ2NT+4iE7qTGTMuSQbYpv64O2sYD7Ako2NLfaxqV5CvpG9+wuUZBz61bhsV3Icw==",signatures:[{sig:"MEUCIQDxUQZIiLj+edd8dAvZxLQPD0CheOWyhq8ualBZYlSBeAIgOJ8jOcuW15+576FWBcP4Ocm6mTza8Q1j4LKyigIdLAY=",keyid:"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],unpackedSize:9922734},type:"module",exports:{".":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"},"./package.json":"./package.json","./custom-element":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"}},funding:{url:"https://www.patreon.com/sashafirsov",type:"patreon"},gitHead:"98694b5a42508e316bf35a8bbdbddf66a8daaff9",scripts:{t:"vitest --no-file-parallelism --watch --browser.headless=false src/stories/slots.test.stories.ts",sb:"yarn storybook",dev:"vite",test:"vitest --coverage.enabled --coverage.all --no-file-parallelism --watch=false",build:"tsc && vite build",preview:"vite preview",storybook:"storybook dev -p 6006","test:watch":"vitest --inspect-brk --no-file-parallelism --browser.headless=false --test-timeout=0",postinstall:"bash bin/postinstall.sh",prepublishOnly:"bash bin/build.sh","test:storybook":"test-storybook","build-storybook":"storybook build"},_npmUser:{name:"sasha-firsov",email:"suns@simulationworks.com"},"web-types":["./src/custom-element/ide/web-types-dce.json","./src/custom-element/ide/web-types-xsl.json"],repository:{url:"git+https://github.com/EPA-WG/custom-element-dist.git",type:"git"},_npmVersion:"10.1.0",description:"Binary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage",directories:{},_nodeVersion:"20.8.1",dependencies:{"@epa-wg/custom-element":"0.0.22"},_hasShrinkwrap:!1,devDependencies:{lit:"^3.1.3",msw:"^2.2.14",vite:"^5.3.1",vitest:"^1.6.0",storybook:"^8.0.10",playwright:"^1.43.1",typescript:"^5.2.2",webdriverio:"^8.36.1","coverage-svg":"^0.0.3","@storybook/test":"^8.0.10","@vitest/browser":"^1.6.0","@storybook/blocks":"^8.0.10","msw-storybook-addon":"^2.0.0","@storybook/addon-links":"^8.0.10","@storybook/test-runner":"^0.17.0","@chromatic-com/storybook":"^1.3.3","@storybook/addon-mdx-gfm":"8.0.10","@storybook/web-components":"^8.0.10","@vitest/coverage-istanbul":"^1.6.0","@storybook/addon-essentials":"^8.0.10","@storybook/addon-interactions":"^8.0.10","@storybook/web-components-vite":"^8.0.10"},_npmOperationalInternal:{tmp:"tmp/custom-element-dist_0.0.22_1719287752206_0.5878013133540891",host:"s3://npm-registry-packages"}},"0.0.23":{name:"@epa-wg/custom-element-dist",version:"0.0.23",keywords:["WebComponent","Declarative Custom Element","XSLT","JS","javascript"],author:{url:"https://blog.firsov.net/",name:"Sasha Firsov",email:"suns@simulationworks.com"},license:"Apache-2.0",_id:"@epa-wg/custom-element-dist@0.0.23",homepage:"https://github.com/EPA-WG/custom-element#readme",bugs:{url:"https://github.com/EPA-WG/custom-element/issues"},msw:{workerDirectory:["public"]},dist:{shasum:"e54f3f38d8f709d03ae03f34fd57afd1af30aa4d",tarball:"https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.23.tgz",fileCount:347,integrity:"sha512-YyCgqZ1qsOgMB80zW0GJSFoWLJQnrzcCCf71mITP5a0iS/jJdvS8Itd9TVfATVqiDSyl7n8ZPWD2DVcwYYC8AA==",signatures:[{sig:"MEQCIEeSlXnm5Mqwjste803lQPC7klLeaHMF2QL4H9oNuTkuAiBhnith5X/GNhwe2NjFRKZ3frip+UnoImD35YA4oHr3UA==",keyid:"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],unpackedSize:9805859},type:"module",exports:{".":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"},"./package.json":"./package.json","./custom-element":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"}},funding:{url:"https://www.patreon.com/sashafirsov",type:"patreon"},scripts:{t:"vitest --no-file-parallelism --watch --browser.headless=false src/stories/attributes.test.stories.ts",sb:"yarn storybook",dev:"vite",test:"vitest --coverage.enabled --coverage.all --no-file-parallelism --watch=false",build:"tsc && vite build",preview:"vite preview",storybook:"storybook dev -p 6006","test:watch":"vitest --inspect-brk --no-file-parallelism --browser.headless=false --test-timeout=0",postinstall:"bash bin/postinstall.sh",prepublishOnly:"bash bin/build.sh","test:storybook":"test-storybook","build-storybook":"storybook build"},_npmUser:{name:"sasha-firsov",email:"suns@simulationworks.com"},"web-types":["./src/custom-element/ide/web-types-dce.json","./src/custom-element/ide/web-types-xsl.json"],repository:{url:"https://github.com/EPA-WG/custom-element-dist.git",type:"git"},description:"Binary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage",directories:{},licenseText:` Apache License
237
+ `,"\r"," "," "],vi=new RegExp(`(^[${Me.join("")}]|$[${Me.join("")}])`,"g");function De(a){return a.replace(vi,"")}function we(a){if(typeof a!="string"||a.length===0)return!1;for(let e=0;e<a.length;e++){const o=a.charCodeAt(e);if(o>127||!wi(o))return!1}return!0}function wi(a){return![127,32,"(",")","<",">","@",",",";",":","\\",'"',"/","[","]","?","=","{","}"].includes(a)}function We(a){if(typeof a!="string"||a.trim()!==a)return!1;for(let e=0;e<a.length;e++){const o=a.charCodeAt(e);if(o===0||o===10||o===13)return!1}return!0}var fe=Symbol("normalizedHeaders"),Oe=Symbol("rawHeaderNames"),$e=", ",He,Ge,Ve,xi=class ja{constructor(e){this[He]={},this[Ge]=new Map,this[Ve]="Headers",["Headers","HeadersPolyfill"].includes(e?.constructor.name)||e instanceof ja||typeof globalThis.Headers<"u"&&e instanceof globalThis.Headers?e.forEach((i,s)=>{this.append(s,i)},this):Array.isArray(e)?e.forEach(([o,i])=>{this.append(o,Array.isArray(i)?i.join($e):i)}):e&&Object.getOwnPropertyNames(e).forEach(o=>{const i=e[o];this.append(o,Array.isArray(i)?i.join($e):i)})}[(He=fe,Ge=Oe,Ve=Symbol.toStringTag,Symbol.iterator)](){return this.entries()}*keys(){for(const[e]of this.entries())yield e}*values(){for(const[,e]of this.entries())yield e}*entries(){let e=Object.keys(this[fe]).sort((o,i)=>o.localeCompare(i));for(const o of e)if(o==="set-cookie")for(const i of this.getSetCookie())yield[o,i];else yield[o,this.get(o)]}has(e){if(!we(e))throw new TypeError(`Invalid header name "${e}"`);return this[fe].hasOwnProperty(ve(e))}get(e){if(!we(e))throw TypeError(`Invalid header name "${e}"`);return this[fe][ve(e)]??null}set(e,o){if(!we(e)||!We(o))return;const i=ve(e),s=De(o);this[fe][i]=De(s),this[Oe].set(i,e)}append(e,o){if(!we(e)||!We(o))return;const i=ve(e),s=De(o);let u=this.has(i)?`${this.get(i)}, ${s}`:s;this.set(e,u)}delete(e){if(!we(e)||!this.has(e))return;const o=ve(e);delete this[fe][o],this[Oe].delete(o)}forEach(e,o){for(const[i,s]of this.entries())e.call(o,s,i,this)}getSetCookie(){const e=this.get("set-cookie");return e===null?[]:e===""?[""]:(0,ji.splitCookiesString)(e)}};const{message:zi}=Ke,Ei=Symbol("kSetCookie");function ge(a={}){const e=a?.status||200,o=a?.statusText||zi[e]||"",i=new Headers(a?.headers);return{...a,headers:i,status:e,statusText:o}}function Ci(a,e){e.type&&Object.defineProperty(a,"type",{value:e.type,enumerable:!0,writable:!1});const o=e.headers.get("set-cookie");if(o&&(Object.defineProperty(a,Ei,{value:o,enumerable:!1,writable:!1}),typeof document<"u")){const i=xi.prototype.getSetCookie.call(e.headers);for(const s of i)document.cookie=s}return a}class oe extends Response{constructor(e,o){const i=ge(o);super(e,i),Ci(this,i)}static text(e,o){const i=ge(o);return i.headers.has("Content-Type")||i.headers.set("Content-Type","text/plain"),i.headers.has("Content-Length")||i.headers.set("Content-Length",e?new Blob([e]).size.toString():"0"),new oe(e,i)}static json(e,o){const i=ge(o);i.headers.has("Content-Type")||i.headers.set("Content-Type","application/json");const s=JSON.stringify(e);return i.headers.has("Content-Length")||i.headers.set("Content-Length",s?new Blob([s]).size.toString():"0"),new oe(s,i)}static xml(e,o){const i=ge(o);return i.headers.has("Content-Type")||i.headers.set("Content-Type","text/xml"),new oe(e,i)}static html(e,o){const i=ge(o);return i.headers.has("Content-Type")||i.headers.set("Content-Type","text/html"),new oe(e,i)}static arrayBuffer(e,o){const i=ge(o);return i.headers.has("Content-Type")||i.headers.set("Content-Type","application/octet-stream"),e&&!i.headers.has("Content-Length")&&i.headers.set("Content-Length",e.byteLength.toString()),new oe(e,i)}static formData(e,o){return new oe(e,ge(o))}}async function Si(a){let e;return e=a,new Promise(o=>setTimeout(o,e))}Aa();const Ie={count:1279,next:"https://pokeapi.co/api/v2/pokemon?offset=6&limit=6",previous:null,results:[{name:"bulbasaur",url:"https://pokeapi.co/api/v2/pokemon/1/"},{name:"ivysaur",url:"https://pokeapi.co/api/v2/pokemon/2/"},{name:"venusaur",url:"https://pokeapi.co/api/v2/pokemon/3/"},{name:"charmander",url:"https://pokeapi.co/api/v2/pokemon/4/"},{name:"charmeleon",url:"https://pokeapi.co/api/v2/pokemon/5/"},{name:"charizard",url:"https://pokeapi.co/api/v2/pokemon/6/"}]},Ai={_id:"@epa-wg/custom-element-dist",_rev:"5-df363ab4a2b9c478c01e021bde4fbafe",name:"@epa-wg/custom-element-dist","dist-tags":{latest:"0.0.35"},versions:{"0.0.1":{name:"@epa-wg/custom-element-dist",version:"0.0.1",keywords:["WebComponent","Declarative Custom Element","XSLT","JS","javascript"],author:{url:"https://blog.firsov.net/",name:"Sasha Firsov",email:"suns@simulationworks.com"},license:"Apache-2.0",_id:"@epa-wg/custom-element-dist@0.0.1",maintainers:[{name:"sasha-firsov",email:"suns@simulationworks.com"}],homepage:"https://github.com/EPA-WG/custom-element#readme",bugs:{url:"https://github.com/EPA-WG/custom-element/issues"},msw:{workerDirectory:["public"]},dist:{shasum:"161127f2bf1542178566db48bbb1a027ba7f7934",tarball:"https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.1.tgz",fileCount:284,integrity:"sha512-jTBBjhQClcRgF5GqI8+uYkNW6gkTjEjrolMU2JHQGplZI0Kwie3WrYeVuJA4uLuPWl8+Wl1o4YzhNP+sAJ31hw==",signatures:[{sig:"MEYCIQD492KdwBTQ5oKCJujOfPhUYeK6RgU8Kz08LIq0WwMZcQIhANM9RsGaJxzuRQ/B37c7M38u8UTKYbUFGNDC8AtKqGZu",keyid:"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],unpackedSize:8914279},type:"module",exports:{".":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"},"./package.json":"./package.json","./custom-element":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"}},funding:{url:"https://www.patreon.com/sashafirsov",type:"patreon"},gitHead:"85c02d4d1615a6290c4c17ba941d8847249f2a73",scripts:{t:"vitest --no-file-parallelism --watch=false src/stories/location-element.test.ts",sb:"yarn storybook",dev:"vite",test:"vitest --coverage.enabled --coverage.all --no-file-parallelism --watch=false",build:"tsc && vite build",preview:"vite preview",storybook:"storybook dev -p 6006","test:watch":"vitest --inspect-brk --no-file-parallelism --browser.headless=false --test-timeout=0",postinstall:"bash bin/postinstall.sh",prepublishOnly:"bash bin/build.sh","test:storybook":"test-storybook","build-storybook":"storybook build"},_npmUser:{name:"sasha-firsov",email:"suns@simulationworks.com"},"web-types":["./src/custom-element/ide/web-types-dce.json","./src/custom-element/ide/web-types-xsl.json"],repository:{url:"git+https://github.com/EPA-WG/custom-element-dist.git",type:"git"},_npmVersion:"10.1.0",description:"Binary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage",directories:{},_nodeVersion:"20.8.1",dependencies:{"@epa-wg/custom-element":"0.0.20"},_hasShrinkwrap:!1,devDependencies:{lit:"^3.1.3",msw:"^2.2.14",vite:"^5.2.0",vitest:"^1.6.0",storybook:"^8.0.10",playwright:"^1.43.1",typescript:"^5.2.2",webdriverio:"^8.36.1","coverage-svg":"^0.0.3","@storybook/test":"^8.0.10","@vitest/browser":"^1.6.0","@storybook/blocks":"^8.0.10","msw-storybook-addon":"^2.0.0","@storybook/addon-links":"^8.0.10","@storybook/test-runner":"^0.17.0","@chromatic-com/storybook":"^1.3.3","@storybook/addon-mdx-gfm":"8.0.10","@storybook/web-components":"^8.0.10","@vitest/coverage-istanbul":"^1.6.0","@storybook/addon-essentials":"^8.0.10","@storybook/addon-interactions":"^8.0.10","@storybook/web-components-vite":"^8.0.10"},_npmOperationalInternal:{tmp:"tmp/custom-element-dist_0.0.1_1715578030506_0.27588957883085974",host:"s3://npm-registry-packages"}},"0.0.21":{name:"@epa-wg/custom-element-dist",version:"0.0.21",keywords:["WebComponent","Declarative Custom Element","XSLT","JS","javascript"],author:{url:"https://blog.firsov.net/",name:"Sasha Firsov",email:"suns@simulationworks.com"},license:"Apache-2.0",_id:"@epa-wg/custom-element-dist@0.0.21",maintainers:[{name:"sasha-firsov",email:"suns@simulationworks.com"}],homepage:"https://github.com/EPA-WG/custom-element#readme",bugs:{url:"https://github.com/EPA-WG/custom-element/issues"},msw:{workerDirectory:["public"]},dist:{shasum:"ae369434d0d1e91d75cdf7058dc11bea06948b0b",tarball:"https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.21.tgz",fileCount:284,integrity:"sha512-D8QHHebPInF54cdPt/iodLvj9jJ0x0ymQAiixozJEF6F+RpYfB2pP0Th7a7MYtmiNz7ZwVvFt3gPKYOHJr0Zbw==",signatures:[{sig:"MEUCIQCm0p45iVWRKqgrbRIWxSMWriqPQWyD+put0xpa2HNa1QIgTNiSZ8D/FkeRR+qSBmBmZZcCZPy/eUqAu54v2Y/dNtQ=",keyid:"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],unpackedSize:8914288},type:"module",exports:{".":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"},"./package.json":"./package.json","./custom-element":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"}},funding:{url:"https://www.patreon.com/sashafirsov",type:"patreon"},gitHead:"4dacc9d66e328bebac2aac96c7671f0dca5d33ac",scripts:{t:"vitest --no-file-parallelism --watch=false src/stories/location-element.test.ts",sb:"yarn storybook",dev:"vite",test:"vitest --coverage.enabled --coverage.all --no-file-parallelism --watch=false",build:"tsc && vite build",preview:"vite preview",storybook:"storybook dev -p 6006","test:watch":"vitest --inspect-brk --no-file-parallelism --browser.headless=false --test-timeout=0",postinstall:"bash bin/postinstall.sh",prepublishOnly:"bash bin/build.sh","test:storybook":"test-storybook","build-storybook":"storybook build"},_npmUser:{name:"sasha-firsov",email:"suns@simulationworks.com"},"web-types":["./src/custom-element/ide/web-types-dce.json","./src/custom-element/ide/web-types-xsl.json"],repository:{url:"git+https://github.com/EPA-WG/custom-element-dist.git",type:"git"},_npmVersion:"10.1.0",description:"Binary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage",directories:{},_nodeVersion:"20.8.1",dependencies:{"@epa-wg/custom-element":"0.0.21"},_hasShrinkwrap:!1,devDependencies:{lit:"^3.1.3",msw:"^2.2.14",vite:"^5.2.0",vitest:"^1.6.0",storybook:"^8.0.10",playwright:"^1.43.1",typescript:"^5.2.2",webdriverio:"^8.36.1","coverage-svg":"^0.0.3","@storybook/test":"^8.0.10","@vitest/browser":"^1.6.0","@storybook/blocks":"^8.0.10","msw-storybook-addon":"^2.0.0","@storybook/addon-links":"^8.0.10","@storybook/test-runner":"^0.17.0","@chromatic-com/storybook":"^1.3.3","@storybook/addon-mdx-gfm":"8.0.10","@storybook/web-components":"^8.0.10","@vitest/coverage-istanbul":"^1.6.0","@storybook/addon-essentials":"^8.0.10","@storybook/addon-interactions":"^8.0.10","@storybook/web-components-vite":"^8.0.10"},_npmOperationalInternal:{tmp:"tmp/custom-element-dist_0.0.21_1715580074337_0.4062954016656166",host:"s3://npm-registry-packages"}},"0.0.22":{name:"@epa-wg/custom-element-dist",version:"0.0.22",keywords:["WebComponent","Declarative Custom Element","XSLT","JS","javascript"],author:{url:"https://blog.firsov.net/",name:"Sasha Firsov",email:"suns@simulationworks.com"},license:"Apache-2.0",_id:"@epa-wg/custom-element-dist@0.0.22",homepage:"https://github.com/EPA-WG/custom-element#readme",bugs:{url:"https://github.com/EPA-WG/custom-element/issues"},msw:{workerDirectory:["public"]},dist:{shasum:"5654ef0e06c4a2f4bc8657f9bf68becd96658185",tarball:"https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.22.tgz",fileCount:297,integrity:"sha512-GZCpXqUpw0em3cJQBFzslNMZ2NT+4iE7qTGTMuSQbYpv64O2sYD7Ako2NLfaxqV5CvpG9+wuUZBz61bhsV3Icw==",signatures:[{sig:"MEUCIQDxUQZIiLj+edd8dAvZxLQPD0CheOWyhq8ualBZYlSBeAIgOJ8jOcuW15+576FWBcP4Ocm6mTza8Q1j4LKyigIdLAY=",keyid:"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],unpackedSize:9922734},type:"module",exports:{".":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"},"./package.json":"./package.json","./custom-element":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"}},funding:{url:"https://www.patreon.com/sashafirsov",type:"patreon"},gitHead:"98694b5a42508e316bf35a8bbdbddf66a8daaff9",scripts:{t:"vitest --no-file-parallelism --watch --browser.headless=false src/stories/slots.test.stories.ts",sb:"yarn storybook",dev:"vite",test:"vitest --coverage.enabled --coverage.all --no-file-parallelism --watch=false",build:"tsc && vite build",preview:"vite preview",storybook:"storybook dev -p 6006","test:watch":"vitest --inspect-brk --no-file-parallelism --browser.headless=false --test-timeout=0",postinstall:"bash bin/postinstall.sh",prepublishOnly:"bash bin/build.sh","test:storybook":"test-storybook","build-storybook":"storybook build"},_npmUser:{name:"sasha-firsov",email:"suns@simulationworks.com"},"web-types":["./src/custom-element/ide/web-types-dce.json","./src/custom-element/ide/web-types-xsl.json"],repository:{url:"git+https://github.com/EPA-WG/custom-element-dist.git",type:"git"},_npmVersion:"10.1.0",description:"Binary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage",directories:{},_nodeVersion:"20.8.1",dependencies:{"@epa-wg/custom-element":"0.0.22"},_hasShrinkwrap:!1,devDependencies:{lit:"^3.1.3",msw:"^2.2.14",vite:"^5.3.1",vitest:"^1.6.0",storybook:"^8.0.10",playwright:"^1.43.1",typescript:"^5.2.2",webdriverio:"^8.36.1","coverage-svg":"^0.0.3","@storybook/test":"^8.0.10","@vitest/browser":"^1.6.0","@storybook/blocks":"^8.0.10","msw-storybook-addon":"^2.0.0","@storybook/addon-links":"^8.0.10","@storybook/test-runner":"^0.17.0","@chromatic-com/storybook":"^1.3.3","@storybook/addon-mdx-gfm":"8.0.10","@storybook/web-components":"^8.0.10","@vitest/coverage-istanbul":"^1.6.0","@storybook/addon-essentials":"^8.0.10","@storybook/addon-interactions":"^8.0.10","@storybook/web-components-vite":"^8.0.10"},_npmOperationalInternal:{tmp:"tmp/custom-element-dist_0.0.22_1719287752206_0.5878013133540891",host:"s3://npm-registry-packages"}},"0.0.23":{name:"@epa-wg/custom-element-dist",version:"0.0.23",keywords:["WebComponent","Declarative Custom Element","XSLT","JS","javascript"],author:{url:"https://blog.firsov.net/",name:"Sasha Firsov",email:"suns@simulationworks.com"},license:"Apache-2.0",_id:"@epa-wg/custom-element-dist@0.0.23",homepage:"https://github.com/EPA-WG/custom-element#readme",bugs:{url:"https://github.com/EPA-WG/custom-element/issues"},msw:{workerDirectory:["public"]},dist:{shasum:"e54f3f38d8f709d03ae03f34fd57afd1af30aa4d",tarball:"https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.23.tgz",fileCount:347,integrity:"sha512-YyCgqZ1qsOgMB80zW0GJSFoWLJQnrzcCCf71mITP5a0iS/jJdvS8Itd9TVfATVqiDSyl7n8ZPWD2DVcwYYC8AA==",signatures:[{sig:"MEQCIEeSlXnm5Mqwjste803lQPC7klLeaHMF2QL4H9oNuTkuAiBhnith5X/GNhwe2NjFRKZ3frip+UnoImD35YA4oHr3UA==",keyid:"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],unpackedSize:9805859},type:"module",exports:{".":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"},"./package.json":"./package.json","./custom-element":{import:"./dist/assets/custom-element-bundle.js",require:"./dist/assets/custom-element-bundle.cjs"}},funding:{url:"https://www.patreon.com/sashafirsov",type:"patreon"},scripts:{t:"vitest --no-file-parallelism --watch --browser.headless=false src/stories/attributes.test.stories.ts",sb:"yarn storybook",dev:"vite",test:"vitest --coverage.enabled --coverage.all --no-file-parallelism --watch=false",build:"tsc && vite build",preview:"vite preview",storybook:"storybook dev -p 6006","test:watch":"vitest --inspect-brk --no-file-parallelism --browser.headless=false --test-timeout=0",postinstall:"bash bin/postinstall.sh",prepublishOnly:"bash bin/build.sh","test:storybook":"test-storybook","build-storybook":"storybook build"},_npmUser:{name:"sasha-firsov",email:"suns@simulationworks.com"},"web-types":["./src/custom-element/ide/web-types-dce.json","./src/custom-element/ide/web-types-xsl.json"],repository:{url:"https://github.com/EPA-WG/custom-element-dist.git",type:"git"},description:"Binary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage",directories:{},licenseText:` Apache License
238
238
  Version 2.0, January 2004
239
239
  http://www.apache.org/licenses/
240
240
 
@@ -0,0 +1 @@
1
+ const o=(l,e)=>l.getAttribute(e);class u extends HTMLElement{static observedAttributes=["value","slice","url","method","header-accept"];get requestHeaders(){const e={};return[...this.attributes].filter(t=>t.name.startsWith("header-")).map(t=>e[t.name.substring(7)]=t.value),e}get requestProps(){const e={};return[...this.attributes].filter(t=>!t.name.startsWith("header-")).filter(t=>!t.name.startsWith("slice")).map(t=>e[t.name]=t.value),e}disconnectedCallback(){this.#t?.()}connectedCallback(){setTimeout(()=>this.fetch(),0)}#e="";#t=()=>{};async fetch(){if(!this.closest("body"))return;const e=o(this,"url")||"";if(!e)return this.#t?.(),this.value={};if(this.#e===e)return;this.#e=e;const t=new AbortController;this.#t=()=>{t.abort(this.localName+" disconnected"),this.#e=""};const a={...this.requestProps,headers:this.requestHeaders},i={request:a},n=()=>this.dispatchEvent(new Event("change"));this.value=i,n();const c=await fetch(e,{...this.requestProps,signal:t.signal,headers:this.requestHeaders}),r={headers:{}};if([...c.headers].map(([s,h])=>r.headers[s]=h),"ok,status,statusText,type,url,redirected".split(",").map(s=>r[s]=c[s]),i.response=r,n(),r.headers["content-type"]?.includes("json"))try{i.data=await c.json(),n()}catch{}if(r.headers["content-type"]?.includes("xml"))try{const s=await c.text(),h=new DOMParser;i.data=h.parseFromString(s,"application/xml")?.documentElement,n()}catch{}}attributeChangedCallback(e,t,a){e==="url"&&t!==a&&(t&&this.#t?.(),a?setTimeout(()=>this.fetch(),10):(this.value={},setTimeout(()=>this.dispatchEvent(new Event("change")),10)))}}window.customElements.define("http-request",u);
@@ -1,4 +1,4 @@
1
- import{w as m,e as t}from"./index-Dr4PwNfd.js";import"./custom-element-CPnvJnn8.js";import"./http-request-DNq59pnj.js";import{h as p}from"./handlers-CLkps6Nz.js";const v={title:"",slice:"page",url:"/pokemon?limit=6"};function r(a){return new Promise(e=>setTimeout(e,a))}function f({title:a,slice:e,url:n}){return`
1
+ import{w as m,e as t}from"./index-CGuyH0k-.js";import"./custom-element-CnmjNo0g.js";import"./http-request-BWeEEBkP.js";import{h as p}from"./handlers-Dvg8CAeR.js";const v={title:"",slice:"page",url:"/pokemon?limit=6"};function r(a){return new Promise(e=>setTimeout(e,a))}function f({title:a,slice:e,url:n}){return`
2
2
  <fieldset>
3
3
  <legend>${a}</legend>
4
4
  <custom-element>