@syntrologie/adapt-overlays 2.16.0 → 2.17.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.
- package/dist/chunk-VHAA22YE.js +14 -0
- package/dist/chunk-VHAA22YE.js.map +7 -0
- package/dist/runtime.d.ts +2 -1
- package/dist/runtime.d.ts.map +1 -1
- package/dist/runtime.js +2596 -354
- package/dist/runtime.js.map +7 -0
- package/dist/schema.d.ts +90 -21
- package/dist/schema.d.ts.map +1 -1
- package/dist/schema.js +440 -151
- package/dist/schema.js.map +7 -0
- package/dist/types.d.ts +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +5 -22
- package/dist/WorkflowTracker.d.ts +0 -10
- package/dist/WorkflowTracker.d.ts.map +0 -1
- package/dist/WorkflowTracker.js +0 -19
- package/dist/WorkflowWidget.d.ts +0 -70
- package/dist/WorkflowWidget.d.ts.map +0 -1
- package/dist/WorkflowWidget.js +0 -330
- package/dist/WorkflowWidgetLit.js +0 -617
- package/dist/cdn.d.ts +0 -35
- package/dist/cdn.d.ts.map +0 -1
- package/dist/cdn.js +0 -39
- package/dist/celebrations/__tests__/engine.test.js +0 -130
- package/dist/celebrations/__tests__/executor.test.js +0 -102
- package/dist/celebrations/__tests__/reduced-motion.test.js +0 -97
- package/dist/celebrations/effects/__tests__/confetti.test.js +0 -89
- package/dist/celebrations/effects/__tests__/emoji-rain.test.js +0 -88
- package/dist/celebrations/effects/__tests__/fireworks.test.js +0 -87
- package/dist/celebrations/effects/__tests__/sparkles.test.js +0 -79
- package/dist/celebrations/effects/confetti.js +0 -80
- package/dist/celebrations/effects/emoji-rain.js +0 -73
- package/dist/celebrations/effects/fireworks.js +0 -69
- package/dist/celebrations/effects/sparkles.js +0 -83
- package/dist/celebrations/engine.js +0 -93
- package/dist/celebrations/index.js +0 -73
- package/dist/celebrations/types.js +0 -1
- package/dist/editor.d.ts +0 -27
- package/dist/editor.d.ts.map +0 -1
- package/dist/editor.js +0 -22
- package/dist/executors/tour.js +0 -335
- package/dist/highlight.js +0 -180
- package/dist/modal.js +0 -218
- package/dist/overlay-editor-state.d.ts +0 -41
- package/dist/overlay-editor-state.d.ts.map +0 -1
- package/dist/overlay-editor-state.js +0 -131
- package/dist/overlay-editor-ui.d.ts +0 -9
- package/dist/overlay-editor-ui.d.ts.map +0 -1
- package/dist/overlay-editor-ui.js +0 -306
- package/dist/runtime-lit.d.ts +0 -94
- package/dist/runtime-lit.d.ts.map +0 -1
- package/dist/runtime-lit.js +0 -402
- package/dist/sanitizer.js +0 -84
- package/dist/summarize.js +0 -86
- package/dist/tooltip.js +0 -279
- package/dist/tour-types.js +0 -7
- package/dist/types.js +0 -7
- package/dist/workflow-types.js +0 -1
- package/node_modules/@syntro/design-system/README.md +0 -335
- package/node_modules/@syntro/design-system/dist/assets/syntrologie-logo.svg +0 -21
- package/node_modules/@syntro/design-system/dist/assets/syntrologie-logomark.svg +0 -10
- package/node_modules/@syntro/design-system/dist/index.d.ts +0 -8
- package/node_modules/@syntro/design-system/dist/index.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/index.js +0 -7
- package/node_modules/@syntro/design-system/dist/tailwind-preset.d.ts +0 -19
- package/node_modules/@syntro/design-system/dist/tailwind-preset.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tailwind-preset.js +0 -455
- package/node_modules/@syntro/design-system/dist/tokens/colors.css +0 -464
- package/node_modules/@syntro/design-system/dist/tokens/colors.d.ts +0 -874
- package/node_modules/@syntro/design-system/dist/tokens/colors.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tokens/colors.js +0 -564
- package/node_modules/@syntro/design-system/dist/tokens/effects.css +0 -43
- package/node_modules/@syntro/design-system/dist/tokens/effects.d.ts +0 -139
- package/node_modules/@syntro/design-system/dist/tokens/effects.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tokens/effects.js +0 -121
- package/node_modules/@syntro/design-system/dist/tokens/index.d.ts +0 -12
- package/node_modules/@syntro/design-system/dist/tokens/index.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tokens/index.js +0 -11
- package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts +0 -93
- package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tokens/panel-shell.js +0 -72
- package/node_modules/@syntro/design-system/package.json +0 -55
- package/node_modules/@syntro/design-system/src/assets/syntrologie-logo.svg +0 -21
- package/node_modules/@syntro/design-system/src/assets/syntrologie-logomark.svg +0 -10
- package/node_modules/@syntrologie/shared-editor-ui/dist/cn.d.ts +0 -2
- package/node_modules/@syntrologie/shared-editor-ui/dist/cn.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/cn.js +0 -3
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts +0 -34
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.js +0 -161
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts +0 -84
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.js +0 -323
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.js +0 -9
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts +0 -25
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.js +0 -55
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.d.ts +0 -23
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.js +0 -40
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts +0 -33
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.js +0 -118
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.js +0 -22
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts +0 -32
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.js +0 -68
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.js +0 -9
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts +0 -34
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.js +0 -57
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButton.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButton.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButton.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts +0 -13
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.js +0 -31
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBody.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBody.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBody.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.js +0 -15
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCard.d.ts +0 -13
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCard.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCard.js +0 -15
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts +0 -36
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.js +0 -102
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooter.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooter.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooter.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts +0 -20
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.js +0 -48
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeader.d.ts +0 -9
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeader.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeader.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts +0 -16
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.js +0 -25
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInput.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInput.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInput.js +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts +0 -66
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.js +0 -87
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayout.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayout.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayout.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.js +0 -15
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.d.ts +0 -25
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.js +0 -390
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts +0 -66
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.js +0 -528
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelect.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelect.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelect.js +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts +0 -41
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.js +0 -63
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextarea.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextarea.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextarea.js +0 -17
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts +0 -55
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.js +0 -92
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.d.ts +0 -32
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.js +0 -85
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts +0 -90
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.js +0 -242
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyState.d.ts +0 -6
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyState.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyState.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts +0 -12
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.js +0 -21
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeader.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeader.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeader.js +0 -5
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts +0 -21
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.js +0 -33
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourney.d.ts +0 -12
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourney.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourney.js +0 -40
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts +0 -28
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.js +0 -121
- package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts +0 -110
- package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.js +0 -481
- package/node_modules/@syntrologie/shared-editor-ui/dist/formatConditionLabel.d.ts +0 -26
- package/node_modules/@syntrologie/shared-editor-ui/dist/formatConditionLabel.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/formatConditionLabel.js +0 -202
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useElementRect.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useElementRect.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useElementRect.js +0 -46
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.d.ts +0 -24
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.js +0 -86
- package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts +0 -36
- package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/index.js +0 -26
- package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts +0 -15
- package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.js +0 -14
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts +0 -33
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.js +0 -68
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.d.ts +0 -22
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.js +0 -143
- 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
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.d.ts.map
DELETED
|
@@ -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
|
-
}
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts
DELETED
|
@@ -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
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts.map
DELETED
|
@@ -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"}
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.js
DELETED
|
@@ -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
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts.map
DELETED
|
@@ -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
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.d.ts.map
DELETED
|
@@ -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
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts.map
DELETED
|
@@ -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 +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
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts.map
DELETED
|
@@ -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 +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 +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"}
|