@syntrologie/adapt-content 2.15.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/runtime.js +425 -366
- package/dist/runtime.js.map +7 -0
- package/dist/schema.d.ts +55 -16
- package/dist/schema.d.ts.map +1 -1
- package/dist/schema.js +316 -62
- package/dist/schema.js.map +7 -0
- package/package.json +2 -20
- package/dist/cdn.d.ts +0 -35
- package/dist/cdn.d.ts.map +0 -1
- package/dist/cdn.js +0 -39
- package/dist/components/AnchorPicker.d.ts +0 -8
- package/dist/components/AnchorPicker.d.ts.map +0 -1
- package/dist/components/AnchorPicker.js +0 -6
- package/dist/content-editor-state.d.ts +0 -45
- package/dist/content-editor-state.d.ts.map +0 -1
- package/dist/content-editor-state.js +0 -123
- package/dist/content-editor-ui.d.ts +0 -26
- package/dist/content-editor-ui.d.ts.map +0 -1
- package/dist/content-editor-ui.js +0 -291
- package/dist/editor.d.ts +0 -9
- package/dist/editor.d.ts.map +0 -1
- package/dist/editor.js +0 -8
- package/dist/reconciliation-guard.js +0 -80
- package/dist/sanitizer.js +0 -95
- package/dist/summarize.js +0 -88
- package/dist/types.js +0 -7
- package/dist/utils/selectorGenerator.d.ts +0 -6
- package/dist/utils/selectorGenerator.d.ts.map +0 -1
- package/dist/utils/selectorGenerator.js +0 -4
- 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 -476
- 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 +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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { html, LitElement } from 'lit';
|
|
2
|
-
export class EditorBodyLit extends LitElement {
|
|
3
|
-
createRenderRoot() {
|
|
4
|
-
return this;
|
|
5
|
-
}
|
|
6
|
-
render() {
|
|
7
|
-
return html `
|
|
8
|
-
<div class="se-flex-1 se-overflow-auto se-p-6">
|
|
9
|
-
<slot></slot>
|
|
10
|
-
</div>
|
|
11
|
-
`;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
EditorBodyLit.properties = {};
|
|
15
|
-
customElements.define('se-editor-body', EditorBodyLit);
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
interface EditorCardProps {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
itemKey: string;
|
|
5
|
-
onClick?: () => void;
|
|
6
|
-
onMouseEnter?: () => void;
|
|
7
|
-
onMouseLeave?: () => void;
|
|
8
|
-
className?: string;
|
|
9
|
-
validated?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare function EditorCard({ children, itemKey, onClick, onMouseEnter, onMouseLeave, className, validated, }: EditorCardProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=EditorCard.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditorCard.d.ts","sourceRoot":"","sources":["../../src/components/EditorCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,SAAS,GACV,EAAE,eAAe,2CA+BjB"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from '../cn';
|
|
3
|
-
export function EditorCard({ children, itemKey, onClick, onMouseEnter, onMouseLeave, className, validated, }) {
|
|
4
|
-
return (
|
|
5
|
-
// biome-ignore lint/a11y/noStaticElementInteractions: onMouseEnter/onMouseLeave are for presentational hover highlighting, not user interaction
|
|
6
|
-
_jsx("div", { "data-item-key": itemKey, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, onClick: onClick, onKeyDown: onClick
|
|
7
|
-
? (e) => {
|
|
8
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
9
|
-
e.preventDefault();
|
|
10
|
-
onClick();
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
: undefined, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, className: cn('se-py-2 se-px-2.5 se-rounded-lg se-border se-bg-card-bg se-shadow-sm se-mb-1 se-text-sm se-text-text-primary', validated ? 'se-border-green-4/50 se-shadow-glow-green' : 'se-border-border-primary', onClick &&
|
|
14
|
-
'se-cursor-pointer hover:se-border-border-primary/80 hover:se-bg-sidebar-hover se-transition-colors', className), children: children }));
|
|
15
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
/**
|
|
3
|
-
* EditorCardLit — card wrapper for editor item lists.
|
|
4
|
-
*
|
|
5
|
-
* Uses shadow DOM so <slot> projects children into the styled wrapper div.
|
|
6
|
-
* Dispatches card-mouseenter, card-mouseleave, card-click custom events
|
|
7
|
-
* with composed: true so they cross the shadow boundary.
|
|
8
|
-
*/
|
|
9
|
-
export declare class EditorCardLit extends LitElement {
|
|
10
|
-
static properties: {
|
|
11
|
-
itemKey: {
|
|
12
|
-
type: StringConstructor;
|
|
13
|
-
attribute: string;
|
|
14
|
-
};
|
|
15
|
-
cardClass: {
|
|
16
|
-
type: StringConstructor;
|
|
17
|
-
attribute: string;
|
|
18
|
-
};
|
|
19
|
-
validated: {
|
|
20
|
-
type: BooleanConstructor;
|
|
21
|
-
};
|
|
22
|
-
clickable: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
itemKey: string;
|
|
27
|
-
cardClass: string | undefined;
|
|
28
|
-
validated: boolean;
|
|
29
|
-
clickable: boolean;
|
|
30
|
-
private _handleClick;
|
|
31
|
-
private _handleKeyDown;
|
|
32
|
-
private _handleMouseEnter;
|
|
33
|
-
private _handleMouseLeave;
|
|
34
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
35
|
-
}
|
|
36
|
-
//# sourceMappingURL=EditorCardLit.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditorCardLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorCardLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC;;;;;;GAMG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,UAAU;;;;;;;;;;;;;;;MAKxB;IAEF,OAAO,SAAM;IACb,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,UAAS;IAClB,SAAS,UAAS;IAElB,OAAO,CAAC,YAAY,CASlB;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,OAAO,CAAC,iBAAiB,CAQvB;IAEF,OAAO,CAAC,iBAAiB,CAQvB;IAEO,MAAM;CAiDhB"}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { html, LitElement } from 'lit';
|
|
2
|
-
/**
|
|
3
|
-
* EditorCardLit — card wrapper for editor item lists.
|
|
4
|
-
*
|
|
5
|
-
* Uses shadow DOM so <slot> projects children into the styled wrapper div.
|
|
6
|
-
* Dispatches card-mouseenter, card-mouseleave, card-click custom events
|
|
7
|
-
* with composed: true so they cross the shadow boundary.
|
|
8
|
-
*/
|
|
9
|
-
export class EditorCardLit extends LitElement {
|
|
10
|
-
constructor() {
|
|
11
|
-
super(...arguments);
|
|
12
|
-
this.itemKey = '';
|
|
13
|
-
this.validated = false;
|
|
14
|
-
this.clickable = false;
|
|
15
|
-
this._handleClick = () => {
|
|
16
|
-
if (!this.clickable)
|
|
17
|
-
return;
|
|
18
|
-
this.dispatchEvent(new CustomEvent('card-click', {
|
|
19
|
-
detail: { itemKey: this.itemKey },
|
|
20
|
-
bubbles: true,
|
|
21
|
-
composed: true,
|
|
22
|
-
}));
|
|
23
|
-
};
|
|
24
|
-
this._handleKeyDown = (e) => {
|
|
25
|
-
if (!this.clickable)
|
|
26
|
-
return;
|
|
27
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
28
|
-
e.preventDefault();
|
|
29
|
-
this._handleClick();
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
this._handleMouseEnter = () => {
|
|
33
|
-
this.dispatchEvent(new CustomEvent('card-mouseenter', {
|
|
34
|
-
detail: { itemKey: this.itemKey },
|
|
35
|
-
bubbles: true,
|
|
36
|
-
composed: true,
|
|
37
|
-
}));
|
|
38
|
-
};
|
|
39
|
-
this._handleMouseLeave = () => {
|
|
40
|
-
this.dispatchEvent(new CustomEvent('card-mouseleave', {
|
|
41
|
-
detail: { itemKey: this.itemKey },
|
|
42
|
-
bubbles: true,
|
|
43
|
-
composed: true,
|
|
44
|
-
}));
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
render() {
|
|
48
|
-
const base = 'py-2 px-2.5 rounded-lg border shadow-sm mb-1 text-sm';
|
|
49
|
-
const borderCls = this.validated ? 'border-green-500/50' : 'border-white/10';
|
|
50
|
-
const bgCls = 'bg-white/[0.02]';
|
|
51
|
-
const colorCls = 'text-slate-200';
|
|
52
|
-
const interactiveCls = this.clickable
|
|
53
|
-
? 'cursor-pointer hover:border-white/20 hover:bg-white/[0.04] transition-colors'
|
|
54
|
-
: '';
|
|
55
|
-
return html `
|
|
56
|
-
<style>
|
|
57
|
-
:host { display: block; }
|
|
58
|
-
.card {
|
|
59
|
-
padding: 8px 10px;
|
|
60
|
-
border-radius: 8px;
|
|
61
|
-
border: 1px solid rgba(255,255,255,0.1);
|
|
62
|
-
background: rgba(255,255,255,0.02);
|
|
63
|
-
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
|
64
|
-
margin-bottom: 4px;
|
|
65
|
-
font-size: 14px;
|
|
66
|
-
color: #e2e8f0;
|
|
67
|
-
}
|
|
68
|
-
.card.validated {
|
|
69
|
-
border-color: rgba(34,197,94,0.5);
|
|
70
|
-
box-shadow: 0 0 8px rgba(34,197,94,0.15);
|
|
71
|
-
}
|
|
72
|
-
.card.clickable {
|
|
73
|
-
cursor: pointer;
|
|
74
|
-
transition: border-color 0.15s, background 0.15s;
|
|
75
|
-
}
|
|
76
|
-
.card.clickable:hover {
|
|
77
|
-
border-color: rgba(255,255,255,0.2);
|
|
78
|
-
background: rgba(255,255,255,0.04);
|
|
79
|
-
}
|
|
80
|
-
</style>
|
|
81
|
-
<div
|
|
82
|
-
class="card ${this.validated ? 'validated' : ''} ${this.clickable ? 'clickable' : ''}"
|
|
83
|
-
data-item-key=${this.itemKey}
|
|
84
|
-
role=${this.clickable ? 'button' : ''}
|
|
85
|
-
tabindex=${this.clickable ? '0' : ''}
|
|
86
|
-
@click=${this._handleClick}
|
|
87
|
-
@keydown=${this._handleKeyDown}
|
|
88
|
-
@mouseenter=${this._handleMouseEnter}
|
|
89
|
-
@mouseleave=${this._handleMouseLeave}
|
|
90
|
-
>
|
|
91
|
-
<slot></slot>
|
|
92
|
-
</div>
|
|
93
|
-
`;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
EditorCardLit.properties = {
|
|
97
|
-
itemKey: { type: String, attribute: 'item-key' },
|
|
98
|
-
cardClass: { type: String, attribute: 'card-class' },
|
|
99
|
-
validated: { type: Boolean },
|
|
100
|
-
clickable: { type: Boolean },
|
|
101
|
-
};
|
|
102
|
-
customElements.define('se-editor-card', EditorCardLit);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditorFooter.d.ts","sourceRoot":"","sources":["../../src/components/EditorFooter.tsx"],"names":[],"mappings":"AAAA,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAmBpE"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export function EditorFooter({ onSave, onPublish }) {
|
|
3
|
-
return (_jsxs("div", { className: "se-py-3 se-px-4 se-border-t se-border-border-primary se-flex se-gap-2", children: [_jsx("button", { type: "button", onClick: onSave, className: "se-flex-1 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-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none", children: "Save Draft" }), _jsx("button", { type: "button", onClick: onPublish, className: "se-flex-1 se-h-10 se-px-4 se-py-2 se-rounded-md se-border-none se-bg-btn-primary se-text-btn-primary-text hover:se-bg-btn-primary-hover se-text-sm se-font-medium se-cursor-pointer se-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none", children: "Publish" })] }));
|
|
4
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
export declare class EditorFooterLit extends LitElement {
|
|
3
|
-
static properties: {
|
|
4
|
-
saveLabel: {
|
|
5
|
-
type: StringConstructor;
|
|
6
|
-
attribute: string;
|
|
7
|
-
};
|
|
8
|
-
publishLabel: {
|
|
9
|
-
type: StringConstructor;
|
|
10
|
-
attribute: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
saveLabel: string;
|
|
14
|
-
publishLabel: string;
|
|
15
|
-
createRenderRoot(): this;
|
|
16
|
-
private _handleSave;
|
|
17
|
-
private _handlePublish;
|
|
18
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=EditorFooterLit.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditorFooterLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorFooterLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU;;;;;;;;;MAGxB;IAEF,SAAS,SAAgB;IACzB,YAAY,SAAa;IAEhB,gBAAgB;IAIzB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,cAAc;IASb,MAAM;CAoBhB"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { html, LitElement } from 'lit';
|
|
2
|
-
export class EditorFooterLit extends LitElement {
|
|
3
|
-
constructor() {
|
|
4
|
-
super(...arguments);
|
|
5
|
-
this.saveLabel = 'Save Draft';
|
|
6
|
-
this.publishLabel = 'Publish';
|
|
7
|
-
}
|
|
8
|
-
createRenderRoot() {
|
|
9
|
-
return this;
|
|
10
|
-
}
|
|
11
|
-
_handleSave() {
|
|
12
|
-
this.dispatchEvent(new CustomEvent('save', {
|
|
13
|
-
bubbles: true,
|
|
14
|
-
composed: true,
|
|
15
|
-
}));
|
|
16
|
-
}
|
|
17
|
-
_handlePublish() {
|
|
18
|
-
this.dispatchEvent(new CustomEvent('publish', {
|
|
19
|
-
bubbles: true,
|
|
20
|
-
composed: true,
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
return html `
|
|
25
|
-
<div class="se-py-3 se-px-4 se-border-t se-border-border-primary se-flex se-gap-2">
|
|
26
|
-
<button
|
|
27
|
-
type="button"
|
|
28
|
-
class="se-flex-1 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-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none"
|
|
29
|
-
@click=${this._handleSave}
|
|
30
|
-
>
|
|
31
|
-
${this.saveLabel}
|
|
32
|
-
</button>
|
|
33
|
-
<button
|
|
34
|
-
type="button"
|
|
35
|
-
class="se-flex-1 se-h-10 se-px-4 se-py-2 se-rounded-md se-border-none se-bg-btn-primary se-text-btn-primary-text hover:se-bg-btn-primary-hover se-text-sm se-font-medium se-cursor-pointer se-inline-flex se-items-center se-justify-center focus-visible:se-shadow-focus-primary focus-visible:se-outline-none"
|
|
36
|
-
@click=${this._handlePublish}
|
|
37
|
-
>
|
|
38
|
-
${this.publishLabel}
|
|
39
|
-
</button>
|
|
40
|
-
</div>
|
|
41
|
-
`;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
EditorFooterLit.properties = {
|
|
45
|
-
saveLabel: { type: String, attribute: 'save-label' },
|
|
46
|
-
publishLabel: { type: String, attribute: 'publish-label' },
|
|
47
|
-
};
|
|
48
|
-
customElements.define('se-editor-footer', EditorFooterLit);
|