@syntrologie/adapt-nav 2.14.0 → 2.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/NavWidgetLit.d.ts +56 -0
  2. package/dist/NavWidgetLit.d.ts.map +1 -0
  3. package/dist/NavWidgetLit.js +495 -0
  4. package/dist/NavWidgetLit.test.d.ts +8 -0
  5. package/dist/NavWidgetLit.test.d.ts.map +1 -0
  6. package/dist/NavWidgetLit.test.js +199 -0
  7. package/dist/editor-lit.d.ts +49 -0
  8. package/dist/editor-lit.d.ts.map +1 -0
  9. package/dist/editor-lit.js +319 -0
  10. package/dist/runtime-lit.d.ts +108 -0
  11. package/dist/runtime-lit.d.ts.map +1 -0
  12. package/dist/runtime-lit.js +241 -0
  13. package/dist/runtime.d.ts +15 -3
  14. package/dist/runtime.d.ts.map +1 -1
  15. package/dist/runtime.js +29 -0
  16. package/dist/schema.d.ts +84 -84
  17. package/dist/schema.d.ts.map +1 -1
  18. package/node_modules/@syntro/design-system/dist/tokens/index.d.ts +2 -0
  19. package/node_modules/@syntro/design-system/dist/tokens/index.d.ts.map +1 -1
  20. package/node_modules/@syntro/design-system/dist/tokens/index.js +2 -0
  21. package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts +93 -0
  22. package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts.map +1 -0
  23. package/node_modules/@syntro/design-system/dist/tokens/panel-shell.js +72 -0
  24. package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts +84 -0
  25. package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts.map +1 -0
  26. package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.js +323 -0
  27. package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts +25 -0
  28. package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts.map +1 -0
  29. package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.js +55 -0
  30. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts +33 -0
  31. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts.map +1 -0
  32. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.js +118 -0
  33. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts +32 -0
  34. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts.map +1 -0
  35. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.js +68 -0
  36. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts +34 -0
  37. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts.map +1 -0
  38. package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.js +57 -0
  39. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts +13 -0
  40. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts.map +1 -0
  41. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.js +31 -0
  42. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts +7 -0
  43. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts.map +1 -0
  44. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.js +15 -0
  45. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts +36 -0
  46. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts.map +1 -0
  47. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.js +102 -0
  48. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts +20 -0
  49. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts.map +1 -0
  50. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.js +48 -0
  51. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts +16 -0
  52. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts.map +1 -0
  53. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.js +25 -0
  54. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts +66 -0
  55. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts.map +1 -0
  56. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.js +87 -0
  57. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts +7 -0
  58. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts.map +1 -0
  59. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.js +15 -0
  60. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.d.ts.map +1 -1
  61. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.js +28 -17
  62. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts +66 -0
  63. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts.map +1 -0
  64. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.js +528 -0
  65. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts +41 -0
  66. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts.map +1 -0
  67. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.js +63 -0
  68. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts +55 -0
  69. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts.map +1 -0
  70. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.js +92 -0
  71. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts +90 -0
  72. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts.map +1 -0
  73. package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.js +242 -0
  74. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts +12 -0
  75. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts.map +1 -0
  76. package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.js +21 -0
  77. package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts +21 -0
  78. package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts.map +1 -0
  79. package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.js +33 -0
  80. package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts +28 -0
  81. package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts.map +1 -0
  82. package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.js +121 -0
  83. package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts +110 -0
  84. package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts.map +1 -0
  85. package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.js +481 -0
  86. package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts +2 -0
  87. package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts.map +1 -1
  88. package/node_modules/@syntrologie/shared-editor-ui/dist/index.js +1 -0
  89. package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts +15 -0
  90. package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts.map +1 -0
  91. package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.js +14 -0
  92. package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts +0 -4
  93. package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts.map +1 -1
  94. package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.js +17 -1
  95. package/node_modules/@syntrologie/shared-editor-ui/package.json +9 -1
  96. 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
@@ -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,7 @@
1
+ import { LitElement } from 'lit';
2
+ export declare class EditorBodyLit extends LitElement {
3
+ static properties: {};
4
+ createRenderRoot(): this;
5
+ render(): import("lit-html").TemplateResult<1>;
6
+ }
7
+ //# sourceMappingURL=EditorBodyLit.d.ts.map
@@ -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,7 @@
1
+ import { LitElement } from 'lit';
2
+ export declare class EditorLayoutLit extends LitElement {
3
+ static properties: {};
4
+ createRenderRoot(): this;
5
+ render(): import("lit-html").TemplateResult<1>;
6
+ }
7
+ //# sourceMappingURL=EditorLayoutLit.d.ts.map
@@ -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);
@@ -1 +1 @@
1
- {"version":3,"file":"EditorPanelShell.d.ts","sourceRoot":"","sources":["../../src/components/EditorPanelShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,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,2CAySvB"}
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"}