@syntrologie/adapt-nav 2.13.0 → 2.15.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/NavWidgetLit.d.ts +56 -0
- package/dist/NavWidgetLit.d.ts.map +1 -0
- package/dist/NavWidgetLit.js +495 -0
- package/dist/NavWidgetLit.test.d.ts +8 -0
- package/dist/NavWidgetLit.test.d.ts.map +1 -0
- package/dist/NavWidgetLit.test.js +199 -0
- package/dist/editor-lit.d.ts +49 -0
- package/dist/editor-lit.d.ts.map +1 -0
- package/dist/editor-lit.js +319 -0
- package/dist/editor.d.ts.map +1 -1
- package/dist/editor.js +3 -3
- package/dist/runtime-lit.d.ts +108 -0
- package/dist/runtime-lit.d.ts.map +1 -0
- package/dist/runtime-lit.js +241 -0
- package/dist/runtime.d.ts +15 -3
- package/dist/runtime.d.ts.map +1 -1
- package/dist/runtime.js +29 -0
- package/dist/schema.d.ts +216 -216
- package/dist/schema.d.ts.map +1 -1
- package/node_modules/@syntro/design-system/dist/tokens/index.d.ts +2 -0
- package/node_modules/@syntro/design-system/dist/tokens/index.d.ts.map +1 -1
- package/node_modules/@syntro/design-system/dist/tokens/index.js +2 -0
- package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts +93 -0
- package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts.map +1 -0
- package/node_modules/@syntro/design-system/dist/tokens/panel-shell.js +72 -0
- package/node_modules/@syntrologie/sdk-contracts/dist/index.d.ts +1 -1
- package/node_modules/@syntrologie/sdk-contracts/dist/index.js +5 -3
- package/node_modules/@syntrologie/sdk-contracts/dist/schemas.d.ts +150 -79
- package/node_modules/@syntrologie/sdk-contracts/dist/schemas.js +266 -67
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts.map +1 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.js +6 -3
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts +84 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.js +323 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts +25 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.js +55 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts +33 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.js +118 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts +32 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.js +68 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts +34 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.js +57 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts +13 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.js +31 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts +7 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.js +15 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts +36 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.js +102 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts +20 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.js +48 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts +16 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.js +25 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts +66 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.js +87 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts +7 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.js +15 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.d.ts.map +1 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.js +28 -17
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts +66 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.js +528 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts +41 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.js +63 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts +55 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.js +92 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts +90 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.js +242 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts +12 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.js +21 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts +21 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.js +33 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts +28 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.js +121 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts +110 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.js +476 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts +2 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts.map +1 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/index.js +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts +15 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts.map +1 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.js +14 -0
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts.map +1 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.js +17 -1
- package/node_modules/@syntrologie/shared-editor-ui/package.json +9 -1
- package/package.json +12 -1
|
@@ -0,0 +1,34 @@
|
|
|
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
ADDED
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,57 @@
|
|
|
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);
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
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);
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
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);
|
|
@@ -0,0 +1,36 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,102 @@
|
|
|
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);
|
|
@@ -0,0 +1,20 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
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);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class EditorHeaderLit extends LitElement {
|
|
3
|
+
static properties: {
|
|
4
|
+
title: {
|
|
5
|
+
type: StringConstructor;
|
|
6
|
+
};
|
|
7
|
+
subtitle: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
title: string;
|
|
12
|
+
subtitle: string | undefined;
|
|
13
|
+
createRenderRoot(): this;
|
|
14
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=EditorHeaderLit.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditorHeaderLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorHeaderLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU;;;;;;;MAGxB;IAEF,KAAK,SAAM;IACX,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpB,gBAAgB;IAIhB,MAAM;CAYhB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { html, LitElement } from 'lit';
|
|
2
|
+
export class EditorHeaderLit extends LitElement {
|
|
3
|
+
constructor() {
|
|
4
|
+
super(...arguments);
|
|
5
|
+
this.title = '';
|
|
6
|
+
}
|
|
7
|
+
createRenderRoot() {
|
|
8
|
+
return this;
|
|
9
|
+
}
|
|
10
|
+
render() {
|
|
11
|
+
return html `
|
|
12
|
+
<div class="se-px-4 se-pt-3 se-pb-2">
|
|
13
|
+
<h2 class="se-m-0 se-text-base se-font-semibold se-text-text-primary">${this.title}</h2>
|
|
14
|
+
${this.subtitle
|
|
15
|
+
? html `<p class="se-mt-0.5 se-mb-0 se-text-xs se-text-text-secondary">${this.subtitle}</p>`
|
|
16
|
+
: ''}
|
|
17
|
+
</div>
|
|
18
|
+
`;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
EditorHeaderLit.properties = {
|
|
22
|
+
title: { type: String },
|
|
23
|
+
subtitle: { type: String },
|
|
24
|
+
};
|
|
25
|
+
customElements.define('se-editor-header', EditorHeaderLit);
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class EditorInputLit extends LitElement {
|
|
3
|
+
static properties: {
|
|
4
|
+
label: {
|
|
5
|
+
type: StringConstructor;
|
|
6
|
+
};
|
|
7
|
+
inputClass: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
attribute: string;
|
|
10
|
+
};
|
|
11
|
+
inputId: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
attribute: string;
|
|
14
|
+
};
|
|
15
|
+
name: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
};
|
|
18
|
+
type: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
};
|
|
21
|
+
value: {
|
|
22
|
+
type: StringConstructor;
|
|
23
|
+
};
|
|
24
|
+
placeholder: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
};
|
|
27
|
+
disabled: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
};
|
|
30
|
+
required: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
};
|
|
33
|
+
readonly: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
};
|
|
36
|
+
min: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
};
|
|
39
|
+
max: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
};
|
|
42
|
+
step: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
label: string | undefined;
|
|
47
|
+
inputClass: string | undefined;
|
|
48
|
+
inputId: string | undefined;
|
|
49
|
+
name: string | undefined;
|
|
50
|
+
type: string;
|
|
51
|
+
value: string | undefined;
|
|
52
|
+
placeholder: string | undefined;
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
required: boolean;
|
|
55
|
+
readonly: boolean;
|
|
56
|
+
min: string | undefined;
|
|
57
|
+
max: string | undefined;
|
|
58
|
+
step: string | undefined;
|
|
59
|
+
private _generatedId;
|
|
60
|
+
constructor();
|
|
61
|
+
createRenderRoot(): this;
|
|
62
|
+
private _handleChange;
|
|
63
|
+
private _handleInput;
|
|
64
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=EditorInputLit.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditorInputLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorInputLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,qBAAa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcxB;IAEF,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,SAAU;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzB,OAAO,CAAC,YAAY,CAAS;;IAOpB,gBAAgB;IAIzB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,YAAY;IAYX,MAAM;CAyChB"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { html, LitElement } from 'lit';
|
|
2
|
+
let _inputIdCounter = 0;
|
|
3
|
+
export class EditorInputLit extends LitElement {
|
|
4
|
+
constructor() {
|
|
5
|
+
super();
|
|
6
|
+
this.type = 'text';
|
|
7
|
+
this.disabled = false;
|
|
8
|
+
this.required = false;
|
|
9
|
+
this.readonly = false;
|
|
10
|
+
this._generatedId = `se-input-${++_inputIdCounter}`;
|
|
11
|
+
}
|
|
12
|
+
createRenderRoot() {
|
|
13
|
+
return this;
|
|
14
|
+
}
|
|
15
|
+
_handleChange(e) {
|
|
16
|
+
const target = e.target;
|
|
17
|
+
this.value = target.value;
|
|
18
|
+
this.dispatchEvent(new CustomEvent('change', {
|
|
19
|
+
detail: { value: target.value },
|
|
20
|
+
bubbles: true,
|
|
21
|
+
composed: true,
|
|
22
|
+
}));
|
|
23
|
+
}
|
|
24
|
+
_handleInput(e) {
|
|
25
|
+
const target = e.target;
|
|
26
|
+
this.value = target.value;
|
|
27
|
+
this.dispatchEvent(new CustomEvent('input', {
|
|
28
|
+
detail: { value: target.value },
|
|
29
|
+
bubbles: true,
|
|
30
|
+
composed: true,
|
|
31
|
+
}));
|
|
32
|
+
}
|
|
33
|
+
render() {
|
|
34
|
+
const id = this.inputId || this._generatedId;
|
|
35
|
+
const classes = [
|
|
36
|
+
'se-w-full se-py-2 se-px-3 se-rounded-lg se-border se-border-input-field-border se-bg-slate-grey-3 se-text-text-primary se-text-sm se-font-[inherit] se-mb-2 se-box-border',
|
|
37
|
+
'placeholder:se-text-input-field-text-placeholder',
|
|
38
|
+
'focus:se-border-input-field-border-selected focus:se-outline-none focus:se-shadow-focus-primary',
|
|
39
|
+
'disabled:se-bg-input-field-bg-disabled disabled:se-cursor-not-allowed disabled:se-opacity-50',
|
|
40
|
+
this.inputClass || '',
|
|
41
|
+
]
|
|
42
|
+
.filter(Boolean)
|
|
43
|
+
.join(' ');
|
|
44
|
+
return html `
|
|
45
|
+
<div>
|
|
46
|
+
${this.label
|
|
47
|
+
? html `<label
|
|
48
|
+
for=${id}
|
|
49
|
+
class="se-text-sm se-font-medium se-text-input-field-text-label se-mb-1 se-block"
|
|
50
|
+
>${this.label}</label>`
|
|
51
|
+
: ''}
|
|
52
|
+
<input
|
|
53
|
+
id=${id}
|
|
54
|
+
class=${classes}
|
|
55
|
+
type=${this.type}
|
|
56
|
+
name=${this.name ?? ''}
|
|
57
|
+
.value=${this.value ?? ''}
|
|
58
|
+
placeholder=${this.placeholder ?? ''}
|
|
59
|
+
?disabled=${this.disabled}
|
|
60
|
+
?required=${this.required}
|
|
61
|
+
?readonly=${this.readonly}
|
|
62
|
+
min=${this.min ?? ''}
|
|
63
|
+
max=${this.max ?? ''}
|
|
64
|
+
step=${this.step ?? ''}
|
|
65
|
+
@change=${this._handleChange}
|
|
66
|
+
@input=${this._handleInput}
|
|
67
|
+
/>
|
|
68
|
+
</div>
|
|
69
|
+
`;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
EditorInputLit.properties = {
|
|
73
|
+
label: { type: String },
|
|
74
|
+
inputClass: { type: String, attribute: 'input-class' },
|
|
75
|
+
inputId: { type: String, attribute: 'input-id' },
|
|
76
|
+
name: { type: String },
|
|
77
|
+
type: { type: String },
|
|
78
|
+
value: { type: String },
|
|
79
|
+
placeholder: { type: String },
|
|
80
|
+
disabled: { type: Boolean },
|
|
81
|
+
required: { type: Boolean },
|
|
82
|
+
readonly: { type: Boolean },
|
|
83
|
+
min: { type: String },
|
|
84
|
+
max: { type: String },
|
|
85
|
+
step: { type: String },
|
|
86
|
+
};
|
|
87
|
+
customElements.define('se-editor-input', EditorInputLit);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditorLayoutLit.d.ts","sourceRoot":"","sources":["../../src/components/EditorLayoutLit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU,KAAM;IAEvB,gBAAgB;IAIhB,MAAM;CAOhB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { html, LitElement } from 'lit';
|
|
2
|
+
export class EditorLayoutLit extends LitElement {
|
|
3
|
+
createRenderRoot() {
|
|
4
|
+
return this;
|
|
5
|
+
}
|
|
6
|
+
render() {
|
|
7
|
+
return html `
|
|
8
|
+
<div class="se-flex se-flex-col se-h-full se-font-sans">
|
|
9
|
+
<slot></slot>
|
|
10
|
+
</div>
|
|
11
|
+
`;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
EditorLayoutLit.properties = {};
|
|
15
|
+
customElements.define('se-editor-layout', EditorLayoutLit);
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditorPanelShell.d.ts","sourceRoot":"","sources":["../../src/components/EditorPanelShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;
|
|
1
|
+
{"version":3,"file":"EditorPanelShell.d.ts","sourceRoot":"","sources":["../../src/components/EditorPanelShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8MD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAmB,EACnB,QAAQ,GACT,EAAE,qBAAqB,2CAwSvB"}
|