etherpad-webcomponents 0.0.1

package/dist/EpModal.d.ts

@@ -0,0 +1,45 @@
+import { LitElement, PropertyValues } from 'lit';
+interface ConfirmOptions {
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+}
+interface PromptOptions {
+    title: string;
+    message: string;
+    placeholder?: string;
+}
+export declare class EpModal extends LitElement {
+    static properties: {
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        modalTitle: {
+            attribute: string;
+        };
+    };
+    static styles: import("lit").CSSResult;
+    open: boolean;
+    modalTitle: string;
+    private _previousFocus;
+    private _boundKeyDown;
+    constructor();
+    protected updated(changed: PropertyValues): void;
+    close(action?: string): void;
+    protected render(): import("lit").TemplateResult<1>;
+    private _onOpen;
+    private _onClose;
+    private _handleKeyDown;
+    private _trapFocus;
+    static confirm(options: ConfirmOptions): Promise<boolean>;
+    static prompt(options: PromptOptions): Promise<string | null>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ep-modal': EpModal;
+    }
+}
+export {};
+//# sourceMappingURL=EpModal.d.ts.map

package/dist/EpModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpModal.d.ts","sourceRoot":"","sources":["../src/EpModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,qBAAa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,UAAU;;;;;;;;MAGxB;IAEF,OAAgB,MAAM,0BAgEpB;IAEF,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,aAAa,CAA6B;;cAS/B,OAAO,CAAC,OAAO,EAAE,cAAc;IAOlD,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;cAOF,MAAM;IAgBzB,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,UAAU;IAkBlB,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC;IAwBzD,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;CA8B9D;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/EpModal.js

@@ -0,0 +1,210 @@
+import { LitElement, html, css } from 'lit';
+export class EpModal extends LitElement {
+    constructor() {
+        super();
+        this._previousFocus = null;
+        this.open = false;
+        this.modalTitle = '';
+        this._boundKeyDown = this._handleKeyDown.bind(this);
+    }
+    updated(changed) {
+        if (changed.has('open')) {
+            if (this.open)
+                this._onOpen();
+            else
+                this._onClose();
+        }
+    }
+    close(action) {
+        this.dispatchEvent(new CustomEvent('ep-modal-close', {
+            bubbles: true, composed: true, detail: { action },
+        }));
+        this.open = false;
+    }
+    render() {
+        return html `
+      <div class="overlay" part="overlay" @click="${() => this.close()}"></div>
+      <div class="dialog" role="dialog" aria-modal="true"
+           aria-labelledby="ep-modal-title" tabindex="-1">
+        <div class="header">
+          <h2 class="title" id="ep-modal-title">${this.modalTitle}</h2>
+          <button class="close-btn" aria-label="Close"
+                  @click="${() => this.close()}">&times;</button>
+        </div>
+        <div class="body"><slot></slot></div>
+        <div class="actions"><slot name="actions"></slot></div>
+      </div>
+    `;
+    }
+    _onOpen() {
+        this._previousFocus = document.activeElement instanceof HTMLElement
+            ? document.activeElement : null;
+        document.addEventListener('keydown', this._boundKeyDown);
+        const dialog = this.renderRoot?.querySelector('.dialog');
+        requestAnimationFrame(() => dialog?.focus());
+    }
+    _onClose() {
+        document.removeEventListener('keydown', this._boundKeyDown);
+        this._previousFocus?.focus();
+        this._previousFocus = null;
+    }
+    _handleKeyDown(e) {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            this.close();
+            return;
+        }
+        if (e.key === 'Tab')
+            this._trapFocus(e);
+    }
+    _trapFocus(e) {
+        const selector = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+        const shadowEls = Array.from(this.renderRoot.querySelectorAll(selector));
+        const lightEls = Array.from(this.querySelectorAll(selector));
+        const focusable = [...shadowEls, ...lightEls].filter(el => !el.hasAttribute('disabled') && el.offsetParent !== null);
+        if (!focusable.length)
+            return;
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        const active = this.renderRoot.activeElement ?? document.activeElement;
+        if (e.shiftKey) {
+            if (active === first || !focusable.includes(active)) {
+                e.preventDefault();
+                last.focus();
+            }
+        }
+        else {
+            if (active === last || !focusable.includes(active)) {
+                e.preventDefault();
+                first.focus();
+            }
+        }
+    }
+    static confirm(options) {
+        return new Promise(resolve => {
+            const modal = document.createElement('ep-modal');
+            modal.modalTitle = options.title;
+            const body = document.createElement('p');
+            body.textContent = options.message;
+            body.style.margin = '0';
+            modal.appendChild(body);
+            const actions = document.createElement('div');
+            actions.setAttribute('slot', 'actions');
+            const cancelBtn = document.createElement('button');
+            cancelBtn.textContent = options.cancelText ?? 'Cancel';
+            cancelBtn.addEventListener('click', () => { resolve(false); modal.remove(); });
+            const confirmBtn = document.createElement('button');
+            confirmBtn.textContent = options.confirmText ?? 'Confirm';
+            confirmBtn.addEventListener('click', () => { resolve(true); modal.remove(); });
+            actions.append(cancelBtn, confirmBtn);
+            modal.appendChild(actions);
+            document.body.appendChild(modal);
+            modal.addEventListener('ep-modal-close', () => { resolve(false); modal.remove(); });
+            modal.open = true;
+        });
+    }
+    static prompt(options) {
+        return new Promise(resolve => {
+            const modal = document.createElement('ep-modal');
+            modal.modalTitle = options.title;
+            const container = document.createElement('div');
+            const msg = document.createElement('p');
+            msg.textContent = options.message;
+            msg.style.margin = '0';
+            const input = document.createElement('input');
+            input.type = 'text';
+            input.placeholder = options.placeholder ?? '';
+            input.style.cssText = 'width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--middle-color,#d2d2d2);border-radius:3px;font-size:14px;margin-top:12px;outline:none;background:var(--bg-soft-color,#f2f3f4);color:var(--text-color,#485365);';
+            container.append(msg, input);
+            modal.appendChild(container);
+            const actions = document.createElement('div');
+            actions.setAttribute('slot', 'actions');
+            const cancelBtn = document.createElement('button');
+            cancelBtn.textContent = 'Cancel';
+            cancelBtn.addEventListener('click', () => { resolve(null); modal.remove(); });
+            const confirmBtn = document.createElement('button');
+            confirmBtn.textContent = 'OK';
+            confirmBtn.addEventListener('click', () => { resolve(input.value); modal.remove(); });
+            actions.append(cancelBtn, confirmBtn);
+            modal.appendChild(actions);
+            document.body.appendChild(modal);
+            modal.addEventListener('ep-modal-close', () => { resolve(null); modal.remove(); });
+            modal.open = true;
+            requestAnimationFrame(() => input.focus());
+        });
+    }
+}
+EpModal.properties = {
+    open: { type: Boolean, reflect: true },
+    modalTitle: { attribute: 'modal-title' },
+};
+EpModal.styles = css `
+    :host {
+      --ep-font: var(--main-font-family, Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);
+      position: fixed;
+      inset: 0;
+      z-index: 10001;
+      display: none;
+      align-items: center;
+      justify-content: center;
+      font-family: var(--ep-font);
+      font-size: 14px;
+      color: var(--text-color, #485365);
+    }
+    :host([open]) { display: flex; }
+    .overlay {
+      position: fixed; inset: 0;
+      background: rgba(72, 83, 101, 0.3);
+      animation: ep-modal-fade-in 0.15s ease;
+    }
+    .dialog {
+      position: relative; z-index: 1;
+      background: var(--bg-color, white);
+      border-radius: 5px;
+      box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08);
+      max-width: 480px; width: calc(100vw - 32px);
+      max-height: calc(100vh - 64px); overflow: auto;
+      animation: ep-modal-scale-in 0.2s ease; outline: none;
+    }
+    .header {
+      display: flex; align-items: center; justify-content: space-between;
+      padding: 20px 25px 0;
+    }
+    .title { margin: 0; font-size: 1.2rem; font-weight: 700; line-height: 1.4; color: var(--text-color, #485365); }
+    .close-btn {
+      background: none; border: none; cursor: pointer; padding: 4px;
+      margin: -4px -4px 0 8px; color: var(--text-soft-color, #576273);
+      opacity: 0.5; transition: opacity 0.15s ease; font-size: 18px; line-height: 1;
+      display: flex; align-items: center; justify-content: center; border-radius: 4px;
+    }
+    .close-btn:hover, .close-btn:focus-visible { opacity: 1; }
+    .close-btn:focus-visible { outline: 2px solid var(--primary-color, #64d29b); outline-offset: 2px; }
+    .body { padding: 20px 25px; line-height: 1.6; }
+    .actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 0 25px 20px; }
+    .actions ::slotted(button), .actions button {
+      padding: 5px 20px; border-radius: 4px; font-size: 14px; font-weight: 700;
+      text-transform: uppercase; cursor: pointer;
+      transition: background 0.15s ease, border-color 0.15s ease;
+      font-family: inherit; line-height: 1.5;
+    }
+    .btn-cancel { background: transparent; border: 1px solid var(--middle-color, #d2d2d2); color: var(--text-color, #485365); }
+    .btn-cancel:hover { background: var(--bg-soft-color, #f2f3f4); }
+    .btn-confirm { background: var(--text-color, #485365); border: 1px solid var(--text-color, #485365); color: white; }
+    .btn-confirm:hover { background: var(--dark-color, #576273); }
+    .prompt-input {
+      width: 100%; box-sizing: border-box; padding: 8px 10px;
+      border: 1px solid var(--middle-color, #d2d2d2); border-radius: 3px;
+      font-size: 14px; font-family: inherit;
+      background: var(--bg-soft-color, #f2f3f4); color: var(--text-color, #485365);
+      margin-top: 12px; outline: none; transition: border-color 0.15s ease;
+    }
+    .prompt-input:focus { border-color: var(--dark-color, #576273); }
+    .prompt-input::placeholder { color: var(--text-soft-color, #576273); }
+    @keyframes ep-modal-fade-in { from { opacity: 0; } to { opacity: 1; } }
+    @keyframes ep-modal-scale-in { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
+  `;
+if (!customElements.get('ep-modal')) {
+    customElements.define('ep-modal', EpModal);
+}
+//# sourceMappingURL=EpModal.js.map

package/dist/EpModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpModal.js","sourceRoot":"","sources":["../src/EpModal.ts"],"names":[],"mappings":"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"}

package/dist/EpNotification.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+type NotificationPosition = 'top' | 'bottom';
+type NotificationType = 'success' | 'error' | 'info';
+interface NotificationOptions {
+    text: string;
+    type?: NotificationType;
+    duration?: number;
+    position?: NotificationPosition;
+}
+export declare class EpNotification extends LitElement {
+    static styles: import("lit").CSSResult;
+    type: NotificationType;
+    position: NotificationPosition;
+    duration: number;
+    private _dismissTimer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    dismiss(): void;
+    render(): import("lit").TemplateResult<1>;
+    private _startAutoClose;
+    private _clearTimer;
+    static show(options: NotificationOptions): EpNotification;
+    static success(text: string, duration?: number): EpNotification;
+    static error(text: string, duration?: number): EpNotification;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ep-notification': EpNotification;
+    }
+}
+export {};
+//# sourceMappingURL=EpNotification.d.ts.map

package/dist/EpNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpNotification.d.ts","sourceRoot":"","sources":["../src/EpNotification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,KAAK,oBAAoB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC7C,KAAK,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CACjC;AA+BD,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BA2FX;IAE2B,IAAI,EAAE,gBAAgB,CAAU;IAChC,QAAQ,EAAE,oBAAoB,CAAS;IACxC,QAAQ,SAAQ;IAE5C,OAAO,CAAC,aAAa,CAA8C;IAEnE,iBAAiB;IAOjB,oBAAoB;IAKpB,OAAO;IAgBP,MAAM;IAYN,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,WAAW;IAOnB,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,mBAAmB,GAAG,cAAc;IAUzD,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;IAI9C,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;CAG7C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/dist/EpNotification.js

@@ -0,0 +1,215 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var EpNotification_1;
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+const iconSvg = {
+    success: `<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>`,
+    error: `<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v4a1 1 0 102 0V7zm-1 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/></svg>`,
+    info: `<svg class="icon" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>`,
+};
+const ensureContainer = (position) => {
+    const id = `ep-notification-container-${position}`;
+    let container = document.getElementById(id);
+    if (container)
+        return container;
+    container = document.createElement('div');
+    container.id = id;
+    Object.assign(container.style, {
+        position: 'fixed',
+        [position === 'top' ? 'top' : 'bottom']: '16px',
+        right: '16px',
+        zIndex: '10000',
+        display: 'flex',
+        flexDirection: position === 'top' ? 'column' : 'column-reverse',
+        gap: '8px',
+        pointerEvents: 'none',
+        maxWidth: '100vw',
+        width: '420px',
+    });
+    document.body.appendChild(container);
+    return container;
+};
+let EpNotification = EpNotification_1 = class EpNotification extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = 'info';
+        this.position = 'top';
+        this.duration = 3000;
+        this._dismissTimer = null;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.setProperty('--ep-slide-dir', this.position === 'bottom' ? '1' : '-1');
+        requestAnimationFrame(() => this.setAttribute('visible', ''));
+        this._startAutoClose();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._clearTimer();
+    }
+    dismiss() {
+        this._clearTimer();
+        this.removeAttribute('visible');
+        this.setAttribute('removing', '');
+        const onDone = () => {
+            this.removeEventListener('transitionend', onDone);
+            this.remove();
+            for (const pos of ['top', 'bottom']) {
+                const c = document.getElementById(`ep-notification-container-${pos}`);
+                if (c && c.children.length === 0)
+                    c.remove();
+            }
+        };
+        this.addEventListener('transitionend', onDone);
+        setTimeout(onDone, 350);
+    }
+    render() {
+        const icon = iconSvg[this.type] ?? iconSvg.info;
+        return html `
+      <div class="notification" role="alert" aria-live="assertive">
+        ${unsafeHTML(icon)}
+        <div class="body"><slot></slot></div>
+        <button class="close" aria-label="Close notification"
+                @click="${() => this.dismiss()}">&times;</button>
+      </div>
+    `;
+    }
+    _startAutoClose() {
+        if (this.duration > 0) {
+            this._dismissTimer = setTimeout(() => this.dismiss(), this.duration);
+        }
+    }
+    _clearTimer() {
+        if (this._dismissTimer != null) {
+            clearTimeout(this._dismissTimer);
+            this._dismissTimer = null;
+        }
+    }
+    static show(options) {
+        const el = document.createElement('ep-notification');
+        el.type = options.type ?? 'info';
+        el.duration = options.duration ?? 3000;
+        el.position = options.position ?? 'top';
+        el.textContent = options.text;
+        ensureContainer(el.position).appendChild(el);
+        return el;
+    }
+    static success(text, duration) {
+        return EpNotification_1.show({ text, type: 'success', duration });
+    }
+    static error(text, duration) {
+        return EpNotification_1.show({ text, type: 'error', duration: duration ?? 5000 });
+    }
+};
+EpNotification.styles = css `
+    :host {
+      --ep-font: var(--main-font-family, Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);
+      --ep-radius: 5px;
+      --ep-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08);
+
+      display: block;
+      pointer-events: auto;
+      font-family: var(--ep-font);
+      font-size: 14px;
+      line-height: 1.5;
+      max-width: 420px;
+      width: 100%;
+      box-sizing: border-box;
+      opacity: 0;
+      transform: translateY(calc(var(--ep-slide-dir, -1) * 12px));
+      transition: opacity 0.25s ease, transform 0.25s ease;
+    }
+
+    :host([visible]) {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+    :host([removing]) {
+      opacity: 0;
+      transform: translateY(calc(var(--ep-slide-dir, -1) * 12px));
+      transition: opacity 0.2s ease, transform 0.2s ease;
+    }
+
+    .notification {
+      display: flex;
+      align-items: flex-start;
+      gap: 10px;
+      padding: 12px 16px;
+      border-radius: var(--ep-radius);
+      box-shadow: var(--ep-shadow);
+      background: var(--bg-color, white);
+      color: var(--text-color, #485365);
+      border-left: 3px solid var(--middle-color, #d2d2d2);
+    }
+
+    :host([type="success"]) .notification {
+      border-left-color: var(--primary-color, #64d29b);
+    }
+
+    :host([type="error"]) .notification {
+      border-left-color: #d9534f;
+    }
+
+    :host([type="info"]) .notification {
+      border-left-color: var(--dark-color, #576273);
+    }
+
+    .icon {
+      flex-shrink: 0;
+      width: 18px;
+      height: 18px;
+      margin-top: 1px;
+    }
+
+    :host([type="success"]) .icon { color: var(--primary-color, #64d29b); }
+    :host([type="error"]) .icon { color: #d9534f; }
+    :host([type="info"]) .icon { color: var(--dark-color, #576273); }
+
+    .body { flex: 1; min-width: 0; word-wrap: break-word; }
+
+    .close {
+      flex-shrink: 0;
+      background: none;
+      border: none;
+      color: var(--text-soft-color, #576273);
+      cursor: pointer;
+      padding: 0;
+      opacity: 0.6;
+      transition: opacity 0.15s ease;
+      line-height: 1;
+      font-size: 18px;
+      width: 20px;
+      height: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .close:hover, .close:focus-visible { opacity: 1; }
+    .close:focus-visible {
+      outline: 2px solid var(--primary-color, #64d29b);
+      outline-offset: 2px;
+      border-radius: 2px;
+    }
+  `;
+__decorate([
+    property({ reflect: true })
+], EpNotification.prototype, "type", void 0);
+__decorate([
+    property({ reflect: true })
+], EpNotification.prototype, "position", void 0);
+__decorate([
+    property({ type: Number })
+], EpNotification.prototype, "duration", void 0);
+EpNotification = EpNotification_1 = __decorate([
+    customElement('ep-notification')
+], EpNotification);
+export { EpNotification };
+//# sourceMappingURL=EpNotification.js.map

package/dist/EpNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpNotification.js","sourceRoot":"","sources":["../src/EpNotification.ts"],"names":[],"mappings":"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"}

package/dist/EpTheme.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+export interface ThemeTokens {
+    '--bg-color': string;
+    '--bg-soft-color': string;
+    '--text-color': string;
+    '--text-soft-color': string;
+    '--middle-color': string;
+    '--dark-color': string;
+    '--super-dark-color': string;
+    '--light-color': string;
+    '--super-light-color': string;
+    '--primary-color': string;
+    '--main-font-family': string;
+}
+export declare const themes: Record<string, ThemeTokens>;
+export declare class EpTheme extends LitElement {
+    static styles: import("lit").CSSResult;
+    name: string;
+    updated(changed: Map<string, unknown>): void;
+    connectedCallback(): void;
+    private _applyTokens;
+    render(): import("lit").TemplateResult<1>;
+    /** Register a custom theme at runtime. */
+    static registerTheme(name: string, tokens: ThemeTokens): void;
+    /** Get all registered theme names. */
+    static get themeNames(): string[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ep-theme': EpTheme;
+    }
+}
+//# sourceMappingURL=EpTheme.d.ts.map

package/dist/EpTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpTheme.d.ts","sourceRoot":"","sources":["../src/EpTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAwD9C,CAAC;AAEF,qBACa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAIX;IAE2B,IAAI,EAAE,MAAM,CAAc;IAEvD,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC,iBAAiB;IAKjB,OAAO,CAAC,YAAY;IASpB,MAAM;IAIN,0CAA0C;IAC1C,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW;IAItD,sCAAsC;IACtC,MAAM,KAAK,UAAU,IAAI,MAAM,EAAE,CAEhC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}