@syntrologie/adapt-content 2.14.0 → 2.15.0

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.js

@@ -0,0 +1,118 @@
+import { html, LitElement } from 'lit';
+/**
+ * ConditionStatusLineLit — inline triggerWhen diagnostic on EditorCard.
+ *
+ * Shows a compact one-line status for items with triggerWhen conditions.
+ * Click to expand per-condition detail (multi-condition case).
+ *
+ * Attributes:
+ *   status — JSON-serialized TriggerWhenStatus (set via property, not attribute)
+ *
+ * Usage:
+ *   const el = document.createElement('se-condition-status-line');
+ *   el.status = { visible: true, isFallback: false, conditions: [...] };
+ */
+export class ConditionStatusLineLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.status = null;
+        this._expanded = false;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    _renderProgressBar(current, target) {
+        const pct = Math.min(100, Math.round((current / Math.max(target, 1)) * 100));
+        const fillClass = pct >= 100 ? 'se-bg-green-4' : 'se-bg-blue-4';
+        return html `
+      <span
+        class="se-inline-block se-w-12 se-h-1.5 se-rounded-full se-bg-white/20 se-align-middle se-ml-1"
+        title="${current}/${target} (${pct}%)"
+      >
+        <span
+          class="se-block se-h-full se-rounded-full se-transition-all ${fillClass}"
+          style="width: ${pct}%"
+        ></span>
+      </span>
+    `;
+    }
+    _renderConditionRow(cs) {
+        return html `
+      <div class="se-flex se-items-center se-gap-1 se-pl-3 se-text-[12px] se-font-medium se-text-text-secondary">
+        ${cs.passed
+            ? html `<svg class="se-w-3 se-h-3 se-text-green-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`
+            : html `<svg class="se-w-3 se-h-3 se-text-red-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`}
+        <span>${cs.type}:</span>
+        <span class="se-text-text-secondary">${cs.formatted.label}</span>
+        ${cs.formatted.progress
+            ? html `
+              ${this._renderProgressBar(cs.formatted.progress.current, cs.formatted.progress.target)}
+              <span class="se-text-text-secondary se-ml-0.5">
+                ${cs.formatted.progress.current}/${cs.formatted.progress.target}
+              </span>
+            `
+            : ''}
+      </div>
+    `;
+    }
+    render() {
+        if (!this.status)
+            return html ``;
+        const { visible, conditions } = this.status;
+        const passedCount = conditions.filter((c) => c.passed).length;
+        const totalCount = conditions.length;
+        const isSingle = totalCount === 1;
+        const iconColor = visible ? 'se-text-green-4' : 'se-text-yellow-5';
+        // Check icon (visible) or Clock icon (not visible)
+        const statusIcon = visible
+            ? html `<svg class="se-w-3 se-h-3 ${iconColor}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`
+            : html `<svg class="se-w-3 se-h-3 ${iconColor}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>`;
+        if (isSingle) {
+            const cs = conditions[0];
+            return html `
+        <div class="se-text-[12px] se-font-medium se-text-text-secondary se-mt-0.5 se-flex se-items-center se-gap-1">
+          ${statusIcon}
+          <span>${cs.type}:</span>
+          <span class="se-text-text-secondary">${cs.formatted.label}</span>
+          ${cs.formatted.progress
+                ? html `
+                ${this._renderProgressBar(cs.formatted.progress.current, cs.formatted.progress.target)}
+                <span class="se-text-text-secondary se-ml-0.5">
+                  ${cs.formatted.progress.current}/${cs.formatted.progress.target}
+                </span>
+              `
+                : ''}
+        </div>
+      `;
+        }
+        // Multi-condition: summary + expandable detail
+        return html `
+      <div class="se-mt-0.5">
+        <button
+          type="button"
+          class="se-flex se-items-center se-gap-1 se-text-[12px] se-font-medium se-text-text-secondary se-bg-transparent se-border-none se-cursor-pointer se-p-0 hover:se-text-text-primary"
+          @click=${(e) => {
+            e.stopPropagation();
+            this._expanded = !this._expanded;
+        }}
+        >
+          ${statusIcon}
+          <span>${passedCount} of ${totalCount} conditions met</span>
+          <span class="se-text-[11px] se-ml-0.5">${this._expanded ? '▲' : '▼'}</span>
+        </button>
+        ${this._expanded
+            ? html `
+              <div class="se-mt-0.5 se-space-y-0.5">
+                ${conditions.map((cs) => this._renderConditionRow(cs))}
+              </div>
+            `
+            : ''}
+      </div>
+    `;
+    }
+}
+ConditionStatusLineLit.properties = {
+    status: { type: Object },
+    _expanded: { type: Boolean, state: true },
+};
+customElements.define('se-condition-status-line', ConditionStatusLineLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+/**
+ * DetectionBadgeLit — badge showing element detection status.
+ *
+ * Attributes:
+ *   found   — boolean, whether the element was found on the page
+ *   clickable — boolean, whether clicking should be enabled (renders as button)
+ *
+ * Events:
+ *   badge-click — CustomEvent<void>, bubbles, composed (only when clickable=true)
+ *
+ * Usage:
+ *   <se-detection-badge found></se-detection-badge>
+ *   <se-detection-badge found clickable></se-detection-badge>
+ */
+export declare class DetectionBadgeLit extends LitElement {
+    static properties: {
+        found: {
+            type: BooleanConstructor;
+        };
+        clickable: {
+            type: BooleanConstructor;
+        };
+    };
+    found: boolean;
+    clickable: boolean;
+    createRenderRoot(): this;
+    private get _title();
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=DetectionBadgeLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts.map

@@ -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"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.js

@@ -0,0 +1,68 @@
+import { html, LitElement } from 'lit';
+/**
+ * DetectionBadgeLit — badge showing element detection status.
+ *
+ * Attributes:
+ *   found   — boolean, whether the element was found on the page
+ *   clickable — boolean, whether clicking should be enabled (renders as button)
+ *
+ * Events:
+ *   badge-click — CustomEvent<void>, bubbles, composed (only when clickable=true)
+ *
+ * Usage:
+ *   <se-detection-badge found></se-detection-badge>
+ *   <se-detection-badge found clickable></se-detection-badge>
+ */
+export class DetectionBadgeLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.found = false;
+        this.clickable = false;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    get _title() {
+        if (this.clickable) {
+            return this.found ? 'Click to scroll to element' : 'Click to navigate to page';
+        }
+        return this.found ? 'Found on this page' : 'Not found on this page';
+    }
+    _handleClick(e) {
+        e.stopPropagation();
+        this.dispatchEvent(new CustomEvent('badge-click', {
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        const textColor = this.found ? 'se-text-green-4' : 'se-text-text-tertiary';
+        const dotColor = this.found ? 'se-bg-green-4' : 'se-bg-text-tertiary';
+        const dot = html `<span data-indicator class="se-w-1.5 se-h-1.5 se-rounded-full ${dotColor}"></span>`;
+        const baseClasses = `se-inline-flex se-items-center se-gap-1 se-text-xs se-font-medium se-shrink-0 ${textColor}`;
+        if (this.clickable) {
+            return html `
+        <button
+          type="button"
+          class="${baseClasses} se-cursor-pointer hover:se-opacity-80 se-border-none se-bg-transparent se-p-0"
+          title=${this._title}
+          @click=${this._handleClick}
+        >
+          ${dot}
+          GoTo
+        </button>
+      `;
+        }
+        return html `
+      <span class=${baseClasses} title=${this._title}>
+        ${dot}
+        GoTo
+      </span>
+    `;
+    }
+}
+DetectionBadgeLit.properties = {
+    found: { type: Boolean },
+    clickable: { type: Boolean },
+};
+customElements.define('se-detection-badge', DetectionBadgeLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+/**
+ * DismissedSectionLit — collapsible section for dismissed items.
+ *
+ * Attributes:
+ *   count — number of dismissed items shown in the header label
+ *
+ * Slots:
+ *   default — dismissed item content shown when expanded
+ *
+ * Usage:
+ *   <se-dismissed-section count="3">
+ *     <div>item 1</div>
+ *     <div>item 2</div>
+ *   </se-dismissed-section>
+ */
+export declare class DismissedSectionLit extends LitElement {
+    static properties: {
+        count: {
+            type: NumberConstructor;
+        };
+        _isOpen: {
+            type: BooleanConstructor;
+            state: boolean;
+        };
+    };
+    count: number;
+    private _isOpen;
+    createRenderRoot(): this;
+    private _toggle;
+    private _handleKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=DismissedSectionLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts.map

@@ -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"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.js

@@ -0,0 +1,57 @@
+import { html, LitElement } from 'lit';
+/**
+ * DismissedSectionLit — collapsible section for dismissed items.
+ *
+ * Attributes:
+ *   count — number of dismissed items shown in the header label
+ *
+ * Slots:
+ *   default — dismissed item content shown when expanded
+ *
+ * Usage:
+ *   <se-dismissed-section count="3">
+ *     <div>item 1</div>
+ *     <div>item 2</div>
+ *   </se-dismissed-section>
+ */
+export class DismissedSectionLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.count = 0;
+        this._isOpen = false;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    _toggle() {
+        this._isOpen = !this._isOpen;
+    }
+    _handleKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            this._toggle();
+        }
+    }
+    render() {
+        const arrow = this._isOpen ? '▾' : '▸';
+        return html `
+      <div class="se-mt-4 se-cursor-pointer se-select-none">
+        <div
+          role="button"
+          tabindex="0"
+          class="se-text-xs se-font-semibold se-text-text-secondary se-flex se-items-center se-gap-1.5 se-cursor-pointer"
+          @click=${this._toggle}
+          @keydown=${this._handleKeyDown}
+        >
+          <span>${arrow}</span>
+          <span>Dismissed (${this.count})</span>
+        </div>
+        ${this._isOpen ? html `<div class="se-mt-1.5"><slot></slot></div>` : ''}
+      </div>
+    `;
+    }
+}
+DismissedSectionLit.properties = {
+    count: { type: Number },
+    _isOpen: { type: Boolean, state: true },
+};
+customElements.define('se-dismissed-section', DismissedSectionLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class EditBackButtonLit extends LitElement {
+    static properties: {
+        label: {
+            type: StringConstructor;
+        };
+    };
+    label: string;
+    createRenderRoot(): this;
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=EditBackButtonLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts.map

@@ -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"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.js

@@ -0,0 +1,31 @@
+import { html, LitElement } from 'lit';
+export class EditBackButtonLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '← List';
+    }
+    createRenderRoot() {
+        return this;
+    }
+    _handleClick() {
+        this.dispatchEvent(new CustomEvent('back-click', {
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return html `
+      <button
+        type="button"
+        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"
+        @click=${this._handleClick}
+      >
+        ${this.label}
+      </button>
+    `;
+    }
+}
+EditBackButtonLit.properties = {
+    label: { type: String },
+};
+customElements.define('se-edit-back-button', EditBackButtonLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class EditorBodyLit extends LitElement {
+    static properties: {};
+    createRenderRoot(): this;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=EditorBodyLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts.map

@@ -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"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.js

@@ -0,0 +1,15 @@
+import { html, LitElement } from 'lit';
+export class EditorBodyLit extends LitElement {
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return html `
+      <div class="se-flex-1 se-overflow-auto se-p-6">
+        <slot></slot>
+      </div>
+    `;
+    }
+}
+EditorBodyLit.properties = {};
+customElements.define('se-editor-body', EditorBodyLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+/**
+ * EditorCardLit — card wrapper for editor item lists.
+ *
+ * Uses shadow DOM so <slot> projects children into the styled wrapper div.
+ * Dispatches card-mouseenter, card-mouseleave, card-click custom events
+ * with composed: true so they cross the shadow boundary.
+ */
+export declare class EditorCardLit extends LitElement {
+    static properties: {
+        itemKey: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        cardClass: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        validated: {
+            type: BooleanConstructor;
+        };
+        clickable: {
+            type: BooleanConstructor;
+        };
+    };
+    itemKey: string;
+    cardClass: string | undefined;
+    validated: boolean;
+    clickable: boolean;
+    private _handleClick;
+    private _handleKeyDown;
+    private _handleMouseEnter;
+    private _handleMouseLeave;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=EditorCardLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts.map

@@ -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"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.js

@@ -0,0 +1,102 @@
+import { html, LitElement } from 'lit';
+/**
+ * EditorCardLit — card wrapper for editor item lists.
+ *
+ * Uses shadow DOM so <slot> projects children into the styled wrapper div.
+ * Dispatches card-mouseenter, card-mouseleave, card-click custom events
+ * with composed: true so they cross the shadow boundary.
+ */
+export class EditorCardLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.itemKey = '';
+        this.validated = false;
+        this.clickable = false;
+        this._handleClick = () => {
+            if (!this.clickable)
+                return;
+            this.dispatchEvent(new CustomEvent('card-click', {
+                detail: { itemKey: this.itemKey },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this._handleKeyDown = (e) => {
+            if (!this.clickable)
+                return;
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                this._handleClick();
+            }
+        };
+        this._handleMouseEnter = () => {
+            this.dispatchEvent(new CustomEvent('card-mouseenter', {
+                detail: { itemKey: this.itemKey },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this._handleMouseLeave = () => {
+            this.dispatchEvent(new CustomEvent('card-mouseleave', {
+                detail: { itemKey: this.itemKey },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+    }
+    render() {
+        const base = 'py-2 px-2.5 rounded-lg border shadow-sm mb-1 text-sm';
+        const borderCls = this.validated ? 'border-green-500/50' : 'border-white/10';
+        const bgCls = 'bg-white/[0.02]';
+        const colorCls = 'text-slate-200';
+        const interactiveCls = this.clickable
+            ? 'cursor-pointer hover:border-white/20 hover:bg-white/[0.04] transition-colors'
+            : '';
+        return html `
+      <style>
+        :host { display: block; }
+        .card {
+          padding: 8px 10px;
+          border-radius: 8px;
+          border: 1px solid rgba(255,255,255,0.1);
+          background: rgba(255,255,255,0.02);
+          box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+          margin-bottom: 4px;
+          font-size: 14px;
+          color: #e2e8f0;
+        }
+        .card.validated {
+          border-color: rgba(34,197,94,0.5);
+          box-shadow: 0 0 8px rgba(34,197,94,0.15);
+        }
+        .card.clickable {
+          cursor: pointer;
+          transition: border-color 0.15s, background 0.15s;
+        }
+        .card.clickable:hover {
+          border-color: rgba(255,255,255,0.2);
+          background: rgba(255,255,255,0.04);
+        }
+      </style>
+      <div
+        class="card ${this.validated ? 'validated' : ''} ${this.clickable ? 'clickable' : ''}"
+        data-item-key=${this.itemKey}
+        role=${this.clickable ? 'button' : ''}
+        tabindex=${this.clickable ? '0' : ''}
+        @click=${this._handleClick}
+        @keydown=${this._handleKeyDown}
+        @mouseenter=${this._handleMouseEnter}
+        @mouseleave=${this._handleMouseLeave}
+      >
+        <slot></slot>
+      </div>
+    `;
+    }
+}
+EditorCardLit.properties = {
+    itemKey: { type: String, attribute: 'item-key' },
+    cardClass: { type: String, attribute: 'card-class' },
+    validated: { type: Boolean },
+    clickable: { type: Boolean },
+};
+customElements.define('se-editor-card', EditorCardLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export declare class EditorFooterLit extends LitElement {
+    static properties: {
+        saveLabel: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        publishLabel: {
+            type: StringConstructor;
+            attribute: string;
+        };
+    };
+    saveLabel: string;
+    publishLabel: string;
+    createRenderRoot(): this;
+    private _handleSave;
+    private _handlePublish;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=EditorFooterLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts.map

@@ -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"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.js

@@ -0,0 +1,48 @@
+import { html, LitElement } from 'lit';
+export class EditorFooterLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.saveLabel = 'Save Draft';
+        this.publishLabel = 'Publish';
+    }
+    createRenderRoot() {
+        return this;
+    }
+    _handleSave() {
+        this.dispatchEvent(new CustomEvent('save', {
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handlePublish() {
+        this.dispatchEvent(new CustomEvent('publish', {
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return html `
+      <div class="se-py-3 se-px-4 se-border-t se-border-border-primary se-flex se-gap-2">
+        <button
+          type="button"
+          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"
+          @click=${this._handleSave}
+        >
+          ${this.saveLabel}
+        </button>
+        <button
+          type="button"
+          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"
+          @click=${this._handlePublish}
+        >
+          ${this.publishLabel}
+        </button>
+      </div>
+    `;
+    }
+}
+EditorFooterLit.properties = {
+    saveLabel: { type: String, attribute: 'save-label' },
+    publishLabel: { type: String, attribute: 'publish-label' },
+};
+customElements.define('se-editor-footer', EditorFooterLit);

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class EditorHeaderLit extends LitElement {
+    static properties: {
+        title: {
+            type: StringConstructor;
+        };
+        subtitle: {
+            type: StringConstructor;
+        };
+    };
+    title: string;
+    subtitle: string | undefined;
+    createRenderRoot(): this;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=EditorHeaderLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts.map

@@ -0,0 +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"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.js

@@ -0,0 +1,25 @@
+import { html, LitElement } from 'lit';
+export class EditorHeaderLit extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.title = '';
+    }
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return html `
+      <div class="se-px-4 se-pt-3 se-pb-2">
+        <h2 class="se-m-0 se-text-base se-font-semibold se-text-text-primary">${this.title}</h2>
+        ${this.subtitle
+            ? html `<p class="se-mt-0.5 se-mb-0 se-text-xs se-text-text-secondary">${this.subtitle}</p>`
+            : ''}
+      </div>
+    `;
+    }
+}
+EditorHeaderLit.properties = {
+    title: { type: String },
+    subtitle: { type: String },
+};
+customElements.define('se-editor-header', EditorHeaderLit);