@syntrologie/adapt-overlays 2.16.0 → 2.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/dist/chunk-VHAA22YE.js +14 -0
  2. package/dist/chunk-VHAA22YE.js.map +7 -0
  3. package/dist/runtime.d.ts +2 -1
  4. package/dist/runtime.d.ts.map +1 -1
  5. package/dist/runtime.js +2596 -354
  6. package/dist/runtime.js.map +7 -0
  7. package/dist/schema.d.ts +90 -21
  8. package/dist/schema.d.ts.map +1 -1
  9. package/dist/schema.js +440 -151
  10. package/dist/schema.js.map +7 -0
  11. package/dist/types.d.ts +1 -1
  12. package/dist/types.d.ts.map +1 -1
  13. package/package.json +5 -22
  14. package/dist/WorkflowTracker.d.ts +0 -10
  15. package/dist/WorkflowTracker.d.ts.map +0 -1
  16. package/dist/WorkflowTracker.js +0 -19
  17. package/dist/WorkflowWidget.d.ts +0 -70
  18. package/dist/WorkflowWidget.d.ts.map +0 -1
  19. package/dist/WorkflowWidget.js +0 -330
  20. package/dist/WorkflowWidgetLit.js +0 -617
  21. package/dist/cdn.d.ts +0 -35
  22. package/dist/cdn.d.ts.map +0 -1
  23. package/dist/cdn.js +0 -39
  24. package/dist/celebrations/__tests__/engine.test.js +0 -130
  25. package/dist/celebrations/__tests__/executor.test.js +0 -102
  26. package/dist/celebrations/__tests__/reduced-motion.test.js +0 -97
  27. package/dist/celebrations/effects/__tests__/confetti.test.js +0 -89
  28. package/dist/celebrations/effects/__tests__/emoji-rain.test.js +0 -88
  29. package/dist/celebrations/effects/__tests__/fireworks.test.js +0 -87
  30. package/dist/celebrations/effects/__tests__/sparkles.test.js +0 -79
  31. package/dist/celebrations/effects/confetti.js +0 -80
  32. package/dist/celebrations/effects/emoji-rain.js +0 -73
  33. package/dist/celebrations/effects/fireworks.js +0 -69
  34. package/dist/celebrations/effects/sparkles.js +0 -83
  35. package/dist/celebrations/engine.js +0 -93
  36. package/dist/celebrations/index.js +0 -73
  37. package/dist/celebrations/types.js +0 -1
  38. package/dist/editor.d.ts +0 -27
  39. package/dist/editor.d.ts.map +0 -1
  40. package/dist/editor.js +0 -22
  41. package/dist/executors/tour.js +0 -335
  42. package/dist/highlight.js +0 -180
  43. package/dist/modal.js +0 -218
  44. package/dist/overlay-editor-state.d.ts +0 -41
  45. package/dist/overlay-editor-state.d.ts.map +0 -1
  46. package/dist/overlay-editor-state.js +0 -131
  47. package/dist/overlay-editor-ui.d.ts +0 -9
  48. package/dist/overlay-editor-ui.d.ts.map +0 -1
  49. package/dist/overlay-editor-ui.js +0 -306
  50. package/dist/runtime-lit.d.ts +0 -94
  51. package/dist/runtime-lit.d.ts.map +0 -1
  52. package/dist/runtime-lit.js +0 -402
  53. package/dist/sanitizer.js +0 -84
  54. package/dist/summarize.js +0 -86
  55. package/dist/tooltip.js +0 -279
  56. package/dist/tour-types.js +0 -7
  57. package/dist/types.js +0 -7
  58. package/dist/workflow-types.js +0 -1
  59. package/node_modules/@syntro/design-system/README.md +0 -335
  60. package/node_modules/@syntro/design-system/dist/assets/syntrologie-logo.svg +0 -21
  61. package/node_modules/@syntro/design-system/dist/assets/syntrologie-logomark.svg +0 -10
  62. package/node_modules/@syntro/design-system/dist/index.d.ts +0 -8
  63. package/node_modules/@syntro/design-system/dist/index.d.ts.map +0 -1
  64. package/node_modules/@syntro/design-system/dist/index.js +0 -7
  65. package/node_modules/@syntro/design-system/dist/tailwind-preset.d.ts +0 -19
  66. package/node_modules/@syntro/design-system/dist/tailwind-preset.d.ts.map +0 -1
  67. package/node_modules/@syntro/design-system/dist/tailwind-preset.js +0 -455
  68. package/node_modules/@syntro/design-system/dist/tokens/colors.css +0 -464
  69. package/node_modules/@syntro/design-system/dist/tokens/colors.d.ts +0 -874
  70. package/node_modules/@syntro/design-system/dist/tokens/colors.d.ts.map +0 -1
  71. package/node_modules/@syntro/design-system/dist/tokens/colors.js +0 -564
  72. package/node_modules/@syntro/design-system/dist/tokens/effects.css +0 -43
  73. package/node_modules/@syntro/design-system/dist/tokens/effects.d.ts +0 -139
  74. package/node_modules/@syntro/design-system/dist/tokens/effects.d.ts.map +0 -1
  75. package/node_modules/@syntro/design-system/dist/tokens/effects.js +0 -121
  76. package/node_modules/@syntro/design-system/dist/tokens/index.d.ts +0 -12
  77. package/node_modules/@syntro/design-system/dist/tokens/index.d.ts.map +0 -1
  78. package/node_modules/@syntro/design-system/dist/tokens/index.js +0 -11
  79. package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts +0 -93
  80. package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts.map +0 -1
  81. package/node_modules/@syntro/design-system/dist/tokens/panel-shell.js +0 -72
  82. package/node_modules/@syntro/design-system/package.json +0 -55
  83. package/node_modules/@syntro/design-system/src/assets/syntrologie-logo.svg +0 -21
  84. package/node_modules/@syntro/design-system/src/assets/syntrologie-logomark.svg +0 -10
  85. package/node_modules/@syntrologie/shared-editor-ui/dist/cn.d.ts +0 -2
  86. package/node_modules/@syntrologie/shared-editor-ui/dist/cn.d.ts.map +0 -1
  87. package/node_modules/@syntrologie/shared-editor-ui/dist/cn.js +0 -3
  88. package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts +0 -34
  89. package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts.map +0 -1
  90. package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.js +0 -161
  91. package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts +0 -84
  92. package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts.map +0 -1
  93. package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.js +0 -323
  94. package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.d.ts +0 -7
  95. package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.d.ts.map +0 -1
  96. package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.js +0 -9
  97. package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts +0 -25
  98. package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts.map +0 -1
  99. package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.js +0 -55
  100. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.d.ts +0 -23
  101. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.d.ts.map +0 -1
  102. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.js +0 -40
  103. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts +0 -33
  104. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts.map +0 -1
  105. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.js +0 -118
  106. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.d.ts +0 -7
  107. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.d.ts.map +0 -1
  108. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.js +0 -22
  109. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts +0 -32
  110. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts.map +0 -1
  111. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.js +0 -68
  112. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.d.ts +0 -8
  113. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.d.ts.map +0 -1
  114. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.js +0 -9
  115. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts +0 -34
  116. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts.map +0 -1
  117. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.js +0 -57
  118. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButton.d.ts +0 -7
  119. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButton.d.ts.map +0 -1
  120. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButton.js +0 -4
  121. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts +0 -13
  122. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts.map +0 -1
  123. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.js +0 -31
  124. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBody.d.ts +0 -7
  125. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBody.d.ts.map +0 -1
  126. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBody.js +0 -4
  127. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts +0 -7
  128. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts.map +0 -1
  129. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.js +0 -15
  130. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCard.d.ts +0 -13
  131. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCard.d.ts.map +0 -1
  132. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCard.js +0 -15
  133. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts +0 -36
  134. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts.map +0 -1
  135. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.js +0 -102
  136. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooter.d.ts +0 -7
  137. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooter.d.ts.map +0 -1
  138. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooter.js +0 -4
  139. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts +0 -20
  140. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts.map +0 -1
  141. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.js +0 -48
  142. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeader.d.ts +0 -9
  143. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeader.d.ts.map +0 -1
  144. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeader.js +0 -4
  145. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts +0 -16
  146. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts.map +0 -1
  147. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.js +0 -25
  148. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInput.d.ts +0 -8
  149. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInput.d.ts.map +0 -1
  150. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInput.js +0 -8
  151. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts +0 -66
  152. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts.map +0 -1
  153. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.js +0 -87
  154. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayout.d.ts +0 -7
  155. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayout.d.ts.map +0 -1
  156. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayout.js +0 -4
  157. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts +0 -7
  158. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts.map +0 -1
  159. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.js +0 -15
  160. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.d.ts +0 -25
  161. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.d.ts.map +0 -1
  162. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.js +0 -390
  163. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts +0 -66
  164. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts.map +0 -1
  165. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.js +0 -528
  166. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelect.d.ts +0 -8
  167. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelect.d.ts.map +0 -1
  168. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelect.js +0 -8
  169. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts +0 -41
  170. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts.map +0 -1
  171. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.js +0 -63
  172. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextarea.d.ts +0 -8
  173. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextarea.d.ts.map +0 -1
  174. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextarea.js +0 -17
  175. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts +0 -55
  176. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts.map +0 -1
  177. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.js +0 -92
  178. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.d.ts +0 -32
  179. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.d.ts.map +0 -1
  180. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.js +0 -85
  181. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts +0 -90
  182. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts.map +0 -1
  183. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.js +0 -242
  184. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyState.d.ts +0 -6
  185. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyState.d.ts.map +0 -1
  186. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyState.js +0 -4
  187. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts +0 -12
  188. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts.map +0 -1
  189. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.js +0 -21
  190. package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeader.d.ts +0 -8
  191. package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeader.d.ts.map +0 -1
  192. package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeader.js +0 -5
  193. package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts +0 -21
  194. package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts.map +0 -1
  195. package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.js +0 -33
  196. package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourney.d.ts +0 -12
  197. package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourney.d.ts.map +0 -1
  198. package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourney.js +0 -40
  199. package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts +0 -28
  200. package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts.map +0 -1
  201. package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.js +0 -121
  202. package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts +0 -110
  203. package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts.map +0 -1
  204. package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.js +0 -481
  205. package/node_modules/@syntrologie/shared-editor-ui/dist/formatConditionLabel.d.ts +0 -26
  206. package/node_modules/@syntrologie/shared-editor-ui/dist/formatConditionLabel.d.ts.map +0 -1
  207. package/node_modules/@syntrologie/shared-editor-ui/dist/formatConditionLabel.js +0 -202
  208. package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useElementRect.d.ts +0 -8
  209. package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useElementRect.d.ts.map +0 -1
  210. package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useElementRect.js +0 -46
  211. package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.d.ts +0 -24
  212. package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.d.ts.map +0 -1
  213. package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.js +0 -86
  214. package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts +0 -36
  215. package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts.map +0 -1
  216. package/node_modules/@syntrologie/shared-editor-ui/dist/index.js +0 -26
  217. package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts +0 -15
  218. package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts.map +0 -1
  219. package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.js +0 -14
  220. package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts +0 -33
  221. package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts.map +0 -1
  222. package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.js +0 -68
  223. package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.d.ts +0 -22
  224. package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.d.ts.map +0 -1
  225. package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.js +0 -143
  226. package/node_modules/@syntrologie/shared-editor-ui/package.json +0 -55
@@ -1,55 +0,0 @@
1
- import { html, LitElement } from 'lit';
2
- /**
3
- * BeforeAfterToggleLit — toggle switch between before/after states.
4
- *
5
- * Attributes:
6
- * mode: 'before' | 'after'
7
- *
8
- * Events:
9
- * toggle — CustomEvent<{ mode: 'before' | 'after' }>, bubbles, composed
10
- *
11
- * Usage:
12
- * <se-before-after-toggle mode="before"></se-before-after-toggle>
13
- */
14
- export class BeforeAfterToggleLit extends LitElement {
15
- constructor() {
16
- super(...arguments);
17
- this.mode = 'before';
18
- }
19
- createRenderRoot() {
20
- return this;
21
- }
22
- _handleToggle(value) {
23
- this.mode = value;
24
- this.dispatchEvent(new CustomEvent('toggle', {
25
- detail: { mode: value },
26
- bubbles: true,
27
- composed: true,
28
- }));
29
- }
30
- render() {
31
- const beforeActive = this.mode === 'before';
32
- const afterActive = this.mode === 'after';
33
- const baseBtn = 'se-flex-1 se-py-1.5 se-px-3 se-border-none se-text-sm se-font-semibold se-cursor-pointer focus-visible:se-shadow-focus-primary focus-visible:se-outline-none';
34
- const beforeClasses = `${baseBtn} ${beforeActive ? 'se-bg-blue-5/30 se-text-blue-5' : 'se-bg-transparent se-text-text-secondary'}`;
35
- const afterClasses = `${baseBtn} se-border-l se-border-border-primary ${afterActive ? 'se-bg-blue-5/30 se-text-blue-5' : 'se-bg-transparent se-text-text-secondary'}`;
36
- return html `
37
- <div class="se-flex se-mb-3 se-rounded-lg se-overflow-hidden se-border se-border-border-primary">
38
- <button
39
- type="button"
40
- class=${beforeClasses}
41
- @click=${() => this._handleToggle('before')}
42
- >Before</button>
43
- <button
44
- type="button"
45
- class=${afterClasses}
46
- @click=${() => this._handleToggle('after')}
47
- >After</button>
48
- </div>
49
- `;
50
- }
51
- }
52
- BeforeAfterToggleLit.properties = {
53
- mode: { type: String },
54
- };
55
- customElements.define('se-before-after-toggle', BeforeAfterToggleLit);
@@ -1,23 +0,0 @@
1
- /**
2
- * ConditionStatusLine — inline triggerWhen diagnostic on EditorCard.
3
- *
4
- * Shows a compact one-line status for items with triggerWhen conditions.
5
- * Click to expand per-condition detail.
6
- */
7
- import type { FormattedCondition } from '../formatConditionLabel';
8
- export interface ConditionStatus {
9
- type: string;
10
- passed: boolean;
11
- formatted: FormattedCondition;
12
- }
13
- export interface TriggerWhenStatus {
14
- visible: boolean;
15
- isFallback: boolean;
16
- conditions: ConditionStatus[];
17
- }
18
- interface ConditionStatusLineProps {
19
- status: TriggerWhenStatus | null;
20
- }
21
- export declare function ConditionStatusLine({ status }: ConditionStatusLineProps): import("react/jsx-runtime").JSX.Element | null;
22
- export {};
23
- //# sourceMappingURL=ConditionStatusLine.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ConditionStatusLine.d.ts","sourceRoot":"","sources":["../../src/components/ConditionStatusLine.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,eAAe,EAAE,CAAC;CAC/B;AAED,UAAU,wBAAwB;IAChC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAClC;AA6CD,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,wBAAwB,kDAiEvE"}
@@ -1,40 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- /**
3
- * ConditionStatusLine — inline triggerWhen diagnostic on EditorCard.
4
- *
5
- * Shows a compact one-line status for items with triggerWhen conditions.
6
- * Click to expand per-condition detail.
7
- */
8
- import { Check, Clock, X } from 'lucide-react';
9
- import { useState } from 'react';
10
- import { cn } from '../cn';
11
- function ProgressBar({ current, target }) {
12
- const pct = Math.min(100, Math.round((current / Math.max(target, 1)) * 100));
13
- return (_jsx("span", { className: "se-inline-block se-w-12 se-h-1.5 se-rounded-full se-bg-white/20 se-align-middle se-ml-1", title: `${current}/${target} (${pct}%)`, children: _jsx("span", { className: cn('se-block se-h-full se-rounded-full se-transition-all', pct >= 100 ? 'se-bg-green-4' : 'se-bg-blue-4'), style: { width: `${pct}%` } }) }));
14
- }
15
- function ConditionRow({ cs }) {
16
- return (_jsxs("div", { className: "se-flex se-items-center se-gap-1 se-pl-3 se-text-[12px] se-font-medium se-text-text-secondary", children: [cs.passed ? (_jsx(Check, { className: "se-w-3 se-h-3 se-text-green-4" })) : (_jsx(X, { className: "se-w-3 se-h-3 se-text-red-4" })), _jsxs("span", { children: [cs.type, ":"] }), _jsx("span", { className: "se-text-text-secondary", children: cs.formatted.label }), cs.formatted.progress && (_jsxs(_Fragment, { children: [_jsx(ProgressBar, { current: cs.formatted.progress.current, target: cs.formatted.progress.target }), _jsxs("span", { className: "se-text-text-secondary se-ml-0.5", children: [cs.formatted.progress.current, "/", cs.formatted.progress.target] })] }))] }));
17
- }
18
- export function ConditionStatusLine({ status }) {
19
- const [expanded, setExpanded] = useState(false);
20
- if (!status)
21
- return null;
22
- const { visible, conditions } = status;
23
- const passedCount = conditions.filter((c) => c.passed).length;
24
- const totalCount = conditions.length;
25
- // Icon: visible = green check, hidden = clock
26
- const StatusIcon = visible ? Check : Clock;
27
- const iconColor = visible ? 'se-text-green-4' : 'se-text-yellow-5';
28
- // Single condition: show inline detail
29
- // Multi condition: show summary, click to expand
30
- const isSingle = totalCount === 1;
31
- if (isSingle) {
32
- const cs = conditions[0];
33
- return (_jsxs("div", { className: "se-text-[12px] se-font-medium se-text-text-secondary se-mt-0.5 se-flex se-items-center se-gap-1", children: [_jsx(StatusIcon, { className: cn('se-w-3 se-h-3', iconColor) }), _jsxs("span", { children: [cs.type, ":"] }), _jsx("span", { className: "se-text-text-secondary", children: cs.formatted.label }), cs.formatted.progress && (_jsxs(_Fragment, { children: [_jsx(ProgressBar, { current: cs.formatted.progress.current, target: cs.formatted.progress.target }), _jsxs("span", { className: "se-text-text-secondary se-ml-0.5", children: [cs.formatted.progress.current, "/", cs.formatted.progress.target] })] }))] }));
34
- }
35
- // Multi-condition: summary line + expandable detail
36
- return (_jsxs("div", { className: "se-mt-0.5", children: [_jsxs("button", { type: "button", className: "se-flex se-items-center se-gap-1 se-text-[12px] se-font-medium se-text-text-secondary se-bg-transparent se-border-none se-cursor-pointer se-p-0 hover:se-text-text-primary", onClick: (e) => {
37
- e.stopPropagation();
38
- setExpanded(!expanded);
39
- }, children: [_jsx(StatusIcon, { className: cn('se-w-3 se-h-3', iconColor) }), _jsxs("span", { children: [passedCount, " of ", totalCount, " conditions met"] }), _jsx("span", { className: "se-text-[11px] se-ml-0.5", children: expanded ? '\u25b2' : '\u25bc' })] }), expanded && (_jsx("div", { className: "se-mt-0.5 se-space-y-0.5", children: conditions.map((cs, i) => (_jsx(ConditionRow, { cs: cs }, i))) }))] }));
40
- }
@@ -1,33 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import type { TriggerWhenStatus } from './ConditionStatusLine';
3
- /**
4
- * ConditionStatusLineLit — inline triggerWhen diagnostic on EditorCard.
5
- *
6
- * Shows a compact one-line status for items with triggerWhen conditions.
7
- * Click to expand per-condition detail (multi-condition case).
8
- *
9
- * Attributes:
10
- * status — JSON-serialized TriggerWhenStatus (set via property, not attribute)
11
- *
12
- * Usage:
13
- * const el = document.createElement('se-condition-status-line');
14
- * el.status = { visible: true, isFallback: false, conditions: [...] };
15
- */
16
- export declare class ConditionStatusLineLit extends LitElement {
17
- static properties: {
18
- status: {
19
- type: ObjectConstructor;
20
- };
21
- _expanded: {
22
- type: BooleanConstructor;
23
- state: boolean;
24
- };
25
- };
26
- status: TriggerWhenStatus | null;
27
- private _expanded;
28
- createRenderRoot(): this;
29
- private _renderProgressBar;
30
- private _renderConditionRow;
31
- render(): import("lit-html").TemplateResult<1>;
32
- }
33
- //# sourceMappingURL=ConditionStatusLineLit.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ConditionStatusLineLit.d.ts","sourceRoot":"","sources":["../../src/components/ConditionStatusLineLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEhF;;;;;;;;;;;;GAYG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,OAAgB,UAAU;;;;;;;;MAGxB;IAEF,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACxC,OAAO,CAAC,SAAS,CAAS;IAEjB,gBAAgB;IAIzB,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,mBAAmB;IAwBlB,MAAM;CA+DhB"}
@@ -1,118 +0,0 @@
1
- import { html, LitElement } from 'lit';
2
- /**
3
- * ConditionStatusLineLit — inline triggerWhen diagnostic on EditorCard.
4
- *
5
- * Shows a compact one-line status for items with triggerWhen conditions.
6
- * Click to expand per-condition detail (multi-condition case).
7
- *
8
- * Attributes:
9
- * status — JSON-serialized TriggerWhenStatus (set via property, not attribute)
10
- *
11
- * Usage:
12
- * const el = document.createElement('se-condition-status-line');
13
- * el.status = { visible: true, isFallback: false, conditions: [...] };
14
- */
15
- export class ConditionStatusLineLit extends LitElement {
16
- constructor() {
17
- super(...arguments);
18
- this.status = null;
19
- this._expanded = false;
20
- }
21
- createRenderRoot() {
22
- return this;
23
- }
24
- _renderProgressBar(current, target) {
25
- const pct = Math.min(100, Math.round((current / Math.max(target, 1)) * 100));
26
- const fillClass = pct >= 100 ? 'se-bg-green-4' : 'se-bg-blue-4';
27
- return html `
28
- <span
29
- class="se-inline-block se-w-12 se-h-1.5 se-rounded-full se-bg-white/20 se-align-middle se-ml-1"
30
- title="${current}/${target} (${pct}%)"
31
- >
32
- <span
33
- class="se-block se-h-full se-rounded-full se-transition-all ${fillClass}"
34
- style="width: ${pct}%"
35
- ></span>
36
- </span>
37
- `;
38
- }
39
- _renderConditionRow(cs) {
40
- return html `
41
- <div class="se-flex se-items-center se-gap-1 se-pl-3 se-text-[12px] se-font-medium se-text-text-secondary">
42
- ${cs.passed
43
- ? html `<svg class="se-w-3 se-h-3 se-text-green-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`
44
- : html `<svg class="se-w-3 se-h-3 se-text-red-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`}
45
- <span>${cs.type}:</span>
46
- <span class="se-text-text-secondary">${cs.formatted.label}</span>
47
- ${cs.formatted.progress
48
- ? html `
49
- ${this._renderProgressBar(cs.formatted.progress.current, cs.formatted.progress.target)}
50
- <span class="se-text-text-secondary se-ml-0.5">
51
- ${cs.formatted.progress.current}/${cs.formatted.progress.target}
52
- </span>
53
- `
54
- : ''}
55
- </div>
56
- `;
57
- }
58
- render() {
59
- if (!this.status)
60
- return html ``;
61
- const { visible, conditions } = this.status;
62
- const passedCount = conditions.filter((c) => c.passed).length;
63
- const totalCount = conditions.length;
64
- const isSingle = totalCount === 1;
65
- const iconColor = visible ? 'se-text-green-4' : 'se-text-yellow-5';
66
- // Check icon (visible) or Clock icon (not visible)
67
- const statusIcon = visible
68
- ? html `<svg class="se-w-3 se-h-3 ${iconColor}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`
69
- : html `<svg class="se-w-3 se-h-3 ${iconColor}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>`;
70
- if (isSingle) {
71
- const cs = conditions[0];
72
- return html `
73
- <div class="se-text-[12px] se-font-medium se-text-text-secondary se-mt-0.5 se-flex se-items-center se-gap-1">
74
- ${statusIcon}
75
- <span>${cs.type}:</span>
76
- <span class="se-text-text-secondary">${cs.formatted.label}</span>
77
- ${cs.formatted.progress
78
- ? html `
79
- ${this._renderProgressBar(cs.formatted.progress.current, cs.formatted.progress.target)}
80
- <span class="se-text-text-secondary se-ml-0.5">
81
- ${cs.formatted.progress.current}/${cs.formatted.progress.target}
82
- </span>
83
- `
84
- : ''}
85
- </div>
86
- `;
87
- }
88
- // Multi-condition: summary + expandable detail
89
- return html `
90
- <div class="se-mt-0.5">
91
- <button
92
- type="button"
93
- class="se-flex se-items-center se-gap-1 se-text-[12px] se-font-medium se-text-text-secondary se-bg-transparent se-border-none se-cursor-pointer se-p-0 hover:se-text-text-primary"
94
- @click=${(e) => {
95
- e.stopPropagation();
96
- this._expanded = !this._expanded;
97
- }}
98
- >
99
- ${statusIcon}
100
- <span>${passedCount} of ${totalCount} conditions met</span>
101
- <span class="se-text-[11px] se-ml-0.5">${this._expanded ? '▲' : '▼'}</span>
102
- </button>
103
- ${this._expanded
104
- ? html `
105
- <div class="se-mt-0.5 se-space-y-0.5">
106
- ${conditions.map((cs) => this._renderConditionRow(cs))}
107
- </div>
108
- `
109
- : ''}
110
- </div>
111
- `;
112
- }
113
- }
114
- ConditionStatusLineLit.properties = {
115
- status: { type: Object },
116
- _expanded: { type: Boolean, state: true },
117
- };
118
- customElements.define('se-condition-status-line', ConditionStatusLineLit);
@@ -1,7 +0,0 @@
1
- interface DetectionBadgeProps {
2
- found: boolean;
3
- onClick?: (e: React.MouseEvent) => void;
4
- }
5
- export declare function DetectionBadge({ found, onClick }: DetectionBadgeProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
7
- //# sourceMappingURL=DetectionBadge.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DetectionBadge.d.ts","sourceRoot":"","sources":["../../src/components/DetectionBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CA6CrE"}
@@ -1,22 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { cn } from '../cn';
3
- export function DetectionBadge({ found, onClick }) {
4
- const title = onClick
5
- ? found
6
- ? 'Click to scroll to element'
7
- : 'Click to navigate to page'
8
- : found
9
- ? 'Found on this page'
10
- : 'Not found on this page';
11
- const textColor = found ? 'se-text-green-4' : 'se-text-text-tertiary';
12
- const dotColor = found ? 'se-bg-green-4' : 'se-bg-text-tertiary';
13
- const classes = cn('se-inline-flex se-items-center se-gap-1 se-text-xs se-font-medium se-shrink-0', textColor, onClick && 'se-cursor-pointer hover:se-opacity-80');
14
- const dot = (_jsx("span", { "data-indicator": "", className: cn('se-w-1.5 se-h-1.5 se-rounded-full', dotColor) }));
15
- if (onClick) {
16
- return (_jsxs("button", { type: "button", className: cn(classes, 'se-border-none se-bg-transparent se-p-0'), title: title, onClick: (e) => {
17
- e.stopPropagation();
18
- onClick(e);
19
- }, children: [dot, "GoTo"] }));
20
- }
21
- return (_jsxs("span", { className: classes, title: title, children: [dot, "GoTo"] }));
22
- }
@@ -1,32 +0,0 @@
1
- import { LitElement } from 'lit';
2
- /**
3
- * DetectionBadgeLit — badge showing element detection status.
4
- *
5
- * Attributes:
6
- * found — boolean, whether the element was found on the page
7
- * clickable — boolean, whether clicking should be enabled (renders as button)
8
- *
9
- * Events:
10
- * badge-click — CustomEvent<void>, bubbles, composed (only when clickable=true)
11
- *
12
- * Usage:
13
- * <se-detection-badge found></se-detection-badge>
14
- * <se-detection-badge found clickable></se-detection-badge>
15
- */
16
- export declare class DetectionBadgeLit extends LitElement {
17
- static properties: {
18
- found: {
19
- type: BooleanConstructor;
20
- };
21
- clickable: {
22
- type: BooleanConstructor;
23
- };
24
- };
25
- found: boolean;
26
- clickable: boolean;
27
- createRenderRoot(): this;
28
- private get _title();
29
- private _handleClick;
30
- render(): import("lit-html").TemplateResult<1>;
31
- }
32
- //# sourceMappingURL=DetectionBadgeLit.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DetectionBadgeLit.d.ts","sourceRoot":"","sources":["../../src/components/DetectionBadgeLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC;;;;;;;;;;;;;GAaG;AACH,qBAAa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,UAAU;;;;;;;MAGxB;IAEF,KAAK,UAAS;IACd,SAAS,UAAS;IAET,gBAAgB;IAIzB,OAAO,KAAK,MAAM,GAKjB;IAED,OAAO,CAAC,YAAY;IAUX,MAAM;CA6BhB"}
@@ -1,68 +0,0 @@
1
- import { html, LitElement } from 'lit';
2
- /**
3
- * DetectionBadgeLit — badge showing element detection status.
4
- *
5
- * Attributes:
6
- * found — boolean, whether the element was found on the page
7
- * clickable — boolean, whether clicking should be enabled (renders as button)
8
- *
9
- * Events:
10
- * badge-click — CustomEvent<void>, bubbles, composed (only when clickable=true)
11
- *
12
- * Usage:
13
- * <se-detection-badge found></se-detection-badge>
14
- * <se-detection-badge found clickable></se-detection-badge>
15
- */
16
- export class DetectionBadgeLit extends LitElement {
17
- constructor() {
18
- super(...arguments);
19
- this.found = false;
20
- this.clickable = false;
21
- }
22
- createRenderRoot() {
23
- return this;
24
- }
25
- get _title() {
26
- if (this.clickable) {
27
- return this.found ? 'Click to scroll to element' : 'Click to navigate to page';
28
- }
29
- return this.found ? 'Found on this page' : 'Not found on this page';
30
- }
31
- _handleClick(e) {
32
- e.stopPropagation();
33
- this.dispatchEvent(new CustomEvent('badge-click', {
34
- bubbles: true,
35
- composed: true,
36
- }));
37
- }
38
- render() {
39
- const textColor = this.found ? 'se-text-green-4' : 'se-text-text-tertiary';
40
- const dotColor = this.found ? 'se-bg-green-4' : 'se-bg-text-tertiary';
41
- const dot = html `<span data-indicator class="se-w-1.5 se-h-1.5 se-rounded-full ${dotColor}"></span>`;
42
- const baseClasses = `se-inline-flex se-items-center se-gap-1 se-text-xs se-font-medium se-shrink-0 ${textColor}`;
43
- if (this.clickable) {
44
- return html `
45
- <button
46
- type="button"
47
- class="${baseClasses} se-cursor-pointer hover:se-opacity-80 se-border-none se-bg-transparent se-p-0"
48
- title=${this._title}
49
- @click=${this._handleClick}
50
- >
51
- ${dot}
52
- GoTo
53
- </button>
54
- `;
55
- }
56
- return html `
57
- <span class=${baseClasses} title=${this._title}>
58
- ${dot}
59
- GoTo
60
- </span>
61
- `;
62
- }
63
- }
64
- DetectionBadgeLit.properties = {
65
- found: { type: Boolean },
66
- clickable: { type: Boolean },
67
- };
68
- customElements.define('se-detection-badge', DetectionBadgeLit);
@@ -1,8 +0,0 @@
1
- import type React from 'react';
2
- interface DismissedSectionProps {
3
- count: number;
4
- children: React.ReactNode;
5
- }
6
- export declare function DismissedSection({ count, children }: DismissedSectionProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
8
- //# sourceMappingURL=DismissedSection.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DismissedSection.d.ts","sourceRoot":"","sources":["../../src/components/DismissedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAqB1E"}
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- export function DismissedSection({ count, children }) {
4
- const [isOpen, setIsOpen] = useState(false);
5
- return (_jsxs("div", { className: "se-mt-4 se-cursor-pointer se-select-none", children: [_jsxs("div", { role: "button", tabIndex: 0, className: "se-text-xs se-font-semibold se-text-text-secondary se-flex se-items-center se-gap-1.5 se-cursor-pointer", onClick: () => setIsOpen(!isOpen), onKeyDown: (e) => {
6
- if (e.key === 'Enter' || e.key === ' ')
7
- setIsOpen(!isOpen);
8
- }, children: [_jsx("span", { children: isOpen ? '\u25be' : '\u25b8' }), _jsxs("span", { children: ["Dismissed (", count, ")"] })] }), isOpen && _jsx("div", { className: "se-mt-1.5", children: children })] }));
9
- }
@@ -1,34 +0,0 @@
1
- import { LitElement } from 'lit';
2
- /**
3
- * DismissedSectionLit — collapsible section for dismissed items.
4
- *
5
- * Attributes:
6
- * count — number of dismissed items shown in the header label
7
- *
8
- * Slots:
9
- * default — dismissed item content shown when expanded
10
- *
11
- * Usage:
12
- * <se-dismissed-section count="3">
13
- * <div>item 1</div>
14
- * <div>item 2</div>
15
- * </se-dismissed-section>
16
- */
17
- export declare class DismissedSectionLit extends LitElement {
18
- static properties: {
19
- count: {
20
- type: NumberConstructor;
21
- };
22
- _isOpen: {
23
- type: BooleanConstructor;
24
- state: boolean;
25
- };
26
- };
27
- count: number;
28
- private _isOpen;
29
- createRenderRoot(): this;
30
- private _toggle;
31
- private _handleKeyDown;
32
- render(): import("lit-html").TemplateResult<1>;
33
- }
34
- //# sourceMappingURL=DismissedSectionLit.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DismissedSectionLit.d.ts","sourceRoot":"","sources":["../../src/components/DismissedSectionLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC;;;;;;;;;;;;;;GAcG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,UAAU;;;;;;;;MAGxB;IAEF,KAAK,SAAK;IACV,OAAO,CAAC,OAAO,CAAS;IAEf,gBAAgB;IAIzB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,cAAc;IAMb,MAAM;CAmBhB"}
@@ -1,57 +0,0 @@
1
- import { html, LitElement } from 'lit';
2
- /**
3
- * DismissedSectionLit — collapsible section for dismissed items.
4
- *
5
- * Attributes:
6
- * count — number of dismissed items shown in the header label
7
- *
8
- * Slots:
9
- * default — dismissed item content shown when expanded
10
- *
11
- * Usage:
12
- * <se-dismissed-section count="3">
13
- * <div>item 1</div>
14
- * <div>item 2</div>
15
- * </se-dismissed-section>
16
- */
17
- export class DismissedSectionLit extends LitElement {
18
- constructor() {
19
- super(...arguments);
20
- this.count = 0;
21
- this._isOpen = false;
22
- }
23
- createRenderRoot() {
24
- return this;
25
- }
26
- _toggle() {
27
- this._isOpen = !this._isOpen;
28
- }
29
- _handleKeyDown(e) {
30
- if (e.key === 'Enter' || e.key === ' ') {
31
- this._toggle();
32
- }
33
- }
34
- render() {
35
- const arrow = this._isOpen ? '▾' : '▸';
36
- return html `
37
- <div class="se-mt-4 se-cursor-pointer se-select-none">
38
- <div
39
- role="button"
40
- tabindex="0"
41
- class="se-text-xs se-font-semibold se-text-text-secondary se-flex se-items-center se-gap-1.5 se-cursor-pointer"
42
- @click=${this._toggle}
43
- @keydown=${this._handleKeyDown}
44
- >
45
- <span>${arrow}</span>
46
- <span>Dismissed (${this.count})</span>
47
- </div>
48
- ${this._isOpen ? html `<div class="se-mt-1.5"><slot></slot></div>` : ''}
49
- </div>
50
- `;
51
- }
52
- }
53
- DismissedSectionLit.properties = {
54
- count: { type: Number },
55
- _isOpen: { type: Boolean, state: true },
56
- };
57
- customElements.define('se-dismissed-section', DismissedSectionLit);
@@ -1,7 +0,0 @@
1
- interface EditBackButtonProps {
2
- onClick: () => void;
3
- label?: string;
4
- }
5
- export declare function EditBackButton({ onClick, label }: EditBackButtonProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
7
- //# sourceMappingURL=EditBackButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EditBackButton.d.ts","sourceRoot":"","sources":["../../src/components/EditBackButton.tsx"],"names":[],"mappings":"AAAA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAqB,EAAE,EAAE,mBAAmB,2CAUrF"}
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export function EditBackButton({ onClick, label = '\u2190 List' }) {
3
- return (_jsx("button", { type: "button", onClick: onClick, className: "se-h-10 se-px-4 se-py-2 se-rounded-md se-bg-btn-neutral se-text-btn-neutral-text se-border se-border-btn-neutral-border hover:se-text-btn-neutral-text-hover se-text-sm se-font-medium se-cursor-pointer se-mt-2 se-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none", children: label }));
4
- }
@@ -1,13 +0,0 @@
1
- import { LitElement } from 'lit';
2
- export declare class EditBackButtonLit extends LitElement {
3
- static properties: {
4
- label: {
5
- type: StringConstructor;
6
- };
7
- };
8
- label: string;
9
- createRenderRoot(): this;
10
- private _handleClick;
11
- render(): import("lit-html").TemplateResult<1>;
12
- }
13
- //# sourceMappingURL=EditBackButtonLit.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EditBackButtonLit.d.ts","sourceRoot":"","sources":["../../src/components/EditBackButtonLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBAAa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,UAAU;;;;MAExB;IAEF,KAAK,SAAY;IAER,gBAAgB;IAIzB,OAAO,CAAC,YAAY;IASX,MAAM;CAWhB"}
@@ -1,31 +0,0 @@
1
- import { html, LitElement } from 'lit';
2
- export class EditBackButtonLit extends LitElement {
3
- constructor() {
4
- super(...arguments);
5
- this.label = '← List';
6
- }
7
- createRenderRoot() {
8
- return this;
9
- }
10
- _handleClick() {
11
- this.dispatchEvent(new CustomEvent('back-click', {
12
- bubbles: true,
13
- composed: true,
14
- }));
15
- }
16
- render() {
17
- return html `
18
- <button
19
- type="button"
20
- class="se-h-10 se-px-4 se-py-2 se-rounded-md se-bg-btn-neutral se-text-btn-neutral-text se-border se-border-btn-neutral-border hover:se-text-btn-neutral-text-hover se-text-sm se-font-medium se-cursor-pointer se-mt-2 se-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none"
21
- @click=${this._handleClick}
22
- >
23
- ${this.label}
24
- </button>
25
- `;
26
- }
27
- }
28
- EditBackButtonLit.properties = {
29
- label: { type: String },
30
- };
31
- customElements.define('se-edit-back-button', EditBackButtonLit);
@@ -1,7 +0,0 @@
1
- import type React from 'react';
2
- interface EditorBodyProps {
3
- children: React.ReactNode;
4
- }
5
- export declare function EditorBody({ children }: EditorBodyProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
7
- //# sourceMappingURL=EditorBody.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EditorBody.d.ts","sourceRoot":"","sources":["../../src/components/EditorBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAEvD"}
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export function EditorBody({ children }) {
3
- return _jsx("div", { className: "se-flex-1 se-overflow-auto se-p-6", children: children });
4
- }
@@ -1,7 +0,0 @@
1
- import { LitElement } from 'lit';
2
- export declare class EditorBodyLit extends LitElement {
3
- static properties: {};
4
- createRenderRoot(): this;
5
- render(): import("lit-html").TemplateResult<1>;
6
- }
7
- //# sourceMappingURL=EditorBodyLit.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EditorBodyLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorBodyLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBAAa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,UAAU,KAAM;IAEvB,gBAAgB;IAIhB,MAAM;CAOhB"}