etherpad-webcomponents 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 The Etherpad Foundation
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/EpButton.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class EpButton extends LitElement {
+    static styles: import("lit").CSSResult;
+    variant: 'default' | 'primary' | 'ghost' | 'icon';
+    size: 'small' | 'medium' | 'large';
+    uppercase: boolean;
+    disabled: boolean;
+    type: 'button' | 'submit' | 'reset';
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ep-button': EpButton;
+    }
+}
+//# sourceMappingURL=EpButton.d.ts.map

package/dist/EpButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpButton.d.ts","sourceRoot":"","sources":["../src/EpButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BAsGX;IAE2B,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAa;IAC9D,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/B,SAAS,UAAQ;IACjB,QAAQ,UAAS;IACjD,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE3D,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/EpButton.js

@@ -0,0 +1,148 @@
+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;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let EpButton = class EpButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'default';
+        this.size = 'medium';
+        this.uppercase = false;
+        this.disabled = false;
+        this.type = 'button';
+    }
+    render() {
+        return html `
+      <button type="${this.type}" ?disabled="${this.disabled}">
+        <slot></slot>
+      </button>
+    `;
+    }
+};
+EpButton.styles = css `
+    :host {
+      --ep-font: var(--main-font-family, Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);
+      display: inline-block;
+    }
+
+    button {
+      font-family: var(--ep-font);
+      padding: 5px 20px;
+      border-radius: 4px;
+      font-size: 14px;
+      font-weight: 700;
+      cursor: pointer;
+      transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
+      line-height: 1.5;
+      border: none;
+      outline: none;
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+    }
+
+    button:focus-visible {
+      outline: 2px solid var(--dark-color, #576273);
+      outline-offset: 2px;
+    }
+
+    /* Uppercase */
+    :host([uppercase]) button {
+      text-transform: uppercase;
+    }
+
+    /* Default */
+    :host([variant="default"]) button,
+    button {
+      background: transparent;
+      color: var(--text-color, #485365);
+      border: 1px solid var(--middle-color, #d2d2d2);
+    }
+
+    :host([variant="default"]) button:hover,
+    button:hover {
+      background: var(--bg-soft-color, #f2f3f4);
+    }
+
+    /* Primary */
+    :host([variant="primary"]) button {
+      background: var(--text-color, #485365);
+      color: var(--primary-color, #64d29b);
+      border: 1px solid var(--text-color, #485365);
+    }
+
+    :host([variant="primary"]) button:hover {
+      background: var(--dark-color, #576273);
+      border-color: var(--dark-color, #576273);
+    }
+
+    /* Ghost */
+    :host([variant="ghost"]) button {
+      background: transparent;
+      color: var(--text-color, #485365);
+      border: none;
+      padding: 5px 12px;
+    }
+
+    :host([variant="ghost"]) button:hover {
+      background: var(--bg-soft-color, #f2f3f4);
+    }
+
+    /* Icon */
+    :host([variant="icon"]) button {
+      background: transparent;
+      color: var(--text-color, #485365);
+      border: none;
+      padding: 4px;
+      border-radius: 3px;
+      min-width: 28px;
+      min-height: 28px;
+      justify-content: center;
+    }
+
+    :host([variant="icon"]) button:hover {
+      background: var(--bg-soft-color, #f2f3f4);
+    }
+
+    /* Sizes */
+    :host([size="small"]) button {
+      padding: 3px 12px;
+      font-size: 12px;
+    }
+
+    :host([size="large"]) button {
+      padding: 8px 28px;
+      font-size: 16px;
+    }
+
+    /* Disabled */
+    :host([disabled]) button {
+      opacity: 0.4;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  `;
+__decorate([
+    property({ reflect: true })
+], EpButton.prototype, "variant", void 0);
+__decorate([
+    property({ reflect: true })
+], EpButton.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], EpButton.prototype, "uppercase", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EpButton.prototype, "disabled", void 0);
+__decorate([
+    property()
+], EpButton.prototype, "type", void 0);
+EpButton = __decorate([
+    customElement('ep-button')
+], EpButton);
+export { EpButton };
+//# sourceMappingURL=EpButton.js.map

package/dist/EpButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpButton.js","sourceRoot":"","sources":["../src/EpButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAyGwB,YAAO,GAA6C,SAAS,CAAC;QAC9D,SAAI,GAAiC,QAAQ,CAAC;QAC/B,cAAS,GAAG,KAAK,CAAA;QACjB,aAAQ,GAAG,KAAK,CAAC;QACjD,SAAI,GAAkC,QAAQ,CAAC;IAS7D,CAAC;IAPC,MAAM;QACJ,OAAO,IAAI,CAAA;sBACO,IAAI,CAAC,IAAI,gBAAgB,IAAI,CAAC,QAAQ;;;KAGvD,CAAC;IACJ,CAAC;;AApHM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsGlB,AAtGY,CAsGX;AAE2B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAA+D;AAC9D;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAA+C;AAC/B;IAA3C,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAAkB;AACjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAkB;AACjD;IAAX,QAAQ,EAAE;sCAAgD;AA7GhD,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAsHpB"}

package/dist/EpCard.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class EpCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    cardTitle: string;
+    subtitle: string;
+    bordered: boolean;
+    compact: boolean;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ep-card': EpCard;
+    }
+}
+//# sourceMappingURL=EpCard.d.ts.map

package/dist/EpCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpCard.d.ts","sourceRoot":"","sources":["../src/EpCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,MAAM,0BAwEX;IAEqC,SAAS,SAAM;IAC1C,QAAQ,SAAM;IACkB,QAAQ,UAAS;IACjB,OAAO,UAAS;IAE5D,MAAM;CAmBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/EpCard.js

@@ -0,0 +1,126 @@
+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;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let EpCard = class EpCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.cardTitle = '';
+        this.subtitle = '';
+        this.bordered = false;
+        this.compact = false;
+    }
+    render() {
+        const hasHeader = this.cardTitle || this.subtitle;
+        return html `
+      <div class="card" part="card">
+        ${hasHeader ? html `
+          <div class="header" part="header">
+            ${this.cardTitle ? html `<h3 class="title">${this.cardTitle}</h3>` : ''}
+            ${this.subtitle ? html `<p class="subtitle">${this.subtitle}</p>` : ''}
+          </div>
+        ` : ''}
+        <div class="body" part="body">
+          <slot></slot>
+        </div>
+        <div class="footer" part="footer">
+          <slot name="footer"></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+EpCard.styles = css `
+    :host {
+      --ep-font: var(--main-font-family, Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);
+      display: block;
+      font-family: var(--ep-font);
+      font-size: 14px;
+      color: var(--text-color, #485365);
+    }
+
+    .card {
+      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);
+      overflow: hidden;
+    }
+
+    :host([bordered]) .card {
+      box-shadow: none;
+      border: 1px solid var(--middle-color, #d2d2d2);
+    }
+
+    .header {
+      padding: 20px 25px 0;
+    }
+
+    .header:empty { display: none; }
+
+    .title {
+      margin: 0;
+      font-size: 1.2rem;
+      font-weight: 700;
+      line-height: 1.4;
+      color: var(--text-color, #485365);
+    }
+
+    .subtitle {
+      margin: 4px 0 0;
+      font-size: 13px;
+      color: var(--text-soft-color, #576273);
+    }
+
+    .body {
+      padding: 20px 25px;
+      line-height: 1.6;
+    }
+
+    :host([compact]) .body {
+      padding: 12px 16px;
+    }
+
+    :host([compact]) .header {
+      padding: 12px 16px 0;
+    }
+
+    .footer {
+      padding: 0 25px 20px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    :host([compact]) .footer {
+      padding: 0 16px 12px;
+    }
+
+    .footer:empty { display: none; }
+
+    .divider {
+      border: none;
+      border-top: 1px solid var(--bg-soft-color, #f2f3f4);
+      margin: 0;
+    }
+  `;
+__decorate([
+    property({ attribute: 'card-title' })
+], EpCard.prototype, "cardTitle", void 0);
+__decorate([
+    property()
+], EpCard.prototype, "subtitle", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EpCard.prototype, "bordered", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EpCard.prototype, "compact", void 0);
+EpCard = __decorate([
+    customElement('ep-card')
+], EpCard);
+export { EpCard };
+//# sourceMappingURL=EpCard.js.map

package/dist/EpCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpCard.js","sourceRoot":"","sources":["../src/EpCard.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QA2EkC,cAAS,GAAG,EAAE,CAAC;QAC1C,aAAQ,GAAG,EAAE,CAAC;QACkB,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;IAqB9D,CAAC;IAnBC,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC;QAClD,OAAO,IAAI,CAAA;;UAEL,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEZ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE;cACpE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,EAAE;;SAExE,CAAC,CAAC,CAAC,EAAE;;;;;;;;KAQT,CAAC;IACJ,CAAC;;AAjGM,aAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwElB,AAxEY,CAwEX;AAEqC;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;yCAAgB;AAC1C;IAAX,QAAQ,EAAE;wCAAe;AACkB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAkB;AACjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAiB;AA9EjD,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAmGlB"}

package/dist/EpChatMessage.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class EpChatMessage extends LitElement {
+    static styles: import("lit").CSSResult;
+    author: string;
+    authorColor: string;
+    time: string;
+    own: boolean;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ep-chat-message': EpChatMessage;
+    }
+}
+//# sourceMappingURL=EpChatMessage.d.ts.map

package/dist/EpChatMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpChatMessage.d.ts","sourceRoot":"","sources":["../src/EpChatMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BAwCX;IAEU,MAAM,SAAM;IACiB,WAAW,SAAM;IAC9C,IAAI,SAAM;IACsB,GAAG,UAAS;IAExD,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/EpChatMessage.js

@@ -0,0 +1,86 @@
+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;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let EpChatMessage = class EpChatMessage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.author = '';
+        this.authorColor = '';
+        this.time = '';
+        this.own = false;
+    }
+    render() {
+        return html `
+      <div class="header">
+        <span class="author" style="${this.authorColor ? `color: ${this.authorColor}` : ''}">${this.author}</span>
+        ${this.time ? html `<span class="time">${this.time}</span>` : ''}
+      </div>
+      <div class="body">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+EpChatMessage.styles = css `
+    :host {
+      --ep-font: var(--main-font-family, Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);
+      display: block;
+      font-family: var(--ep-font);
+      font-size: 14px;
+      color: var(--text-color, #485365);
+      padding: 6px 10px;
+    }
+
+    :host(:first-child) { padding-top: 10px; }
+    :host(:last-child) { padding-bottom: 10px; }
+
+    .header {
+      display: flex;
+      align-items: baseline;
+      gap: 8px;
+      margin-bottom: 2px;
+    }
+
+    .author {
+      font-weight: 700;
+      font-size: 13px;
+    }
+
+    .time {
+      font-size: 11px;
+      color: var(--text-soft-color, #576273);
+    }
+
+    .body {
+      line-height: 1.5;
+      word-wrap: break-word;
+    }
+
+    :host([own]) {
+      background: var(--bg-soft-color, #f2f3f4);
+      border-radius: 4px;
+      margin: 2px 0;
+    }
+  `;
+__decorate([
+    property()
+], EpChatMessage.prototype, "author", void 0);
+__decorate([
+    property({ attribute: 'author-color' })
+], EpChatMessage.prototype, "authorColor", void 0);
+__decorate([
+    property()
+], EpChatMessage.prototype, "time", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EpChatMessage.prototype, "own", void 0);
+EpChatMessage = __decorate([
+    customElement('ep-chat-message')
+], EpChatMessage);
+export { EpChatMessage };
+//# sourceMappingURL=EpChatMessage.js.map

package/dist/EpChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpChatMessage.js","sourceRoot":"","sources":["../src/EpChatMessage.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QA2CO,WAAM,GAAG,EAAE,CAAC;QACiB,gBAAW,GAAG,EAAE,CAAC;QAC9C,SAAI,GAAG,EAAE,CAAC;QACsB,QAAG,GAAG,KAAK,CAAC;IAa1D,CAAC;IAXC,MAAM;QACJ,OAAO,IAAI,CAAA;;sCAEuB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM;UAChG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE;;;;;KAKlE,CAAC;IACJ,CAAC;;AAzDM,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwClB,AAxCY,CAwCX;AAEU;IAAX,QAAQ,EAAE;6CAAa;AACiB;IAAxC,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;kDAAkB;AAC9C;IAAX,QAAQ,EAAE;2CAAW;AACsB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAa;AA9C7C,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA2DzB"}

package/dist/EpCheckbox.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class EpCheckbox extends LitElement {
+    static styles: import("lit").CSSResult;
+    checked: boolean;
+    disabled: boolean;
+    label: string;
+    render(): import("lit").TemplateResult<1>;
+    private _toggle;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ep-checkbox': EpCheckbox;
+    }
+}
+//# sourceMappingURL=EpCheckbox.d.ts.map

package/dist/EpCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpCheckbox.d.ts","sourceRoot":"","sources":["../src/EpCheckbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,0BAqEX;IAE0C,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjD,KAAK,SAAM;IAEvB,MAAM;IAcN,OAAO,CAAC,OAAO;CAQhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/EpCheckbox.js

@@ -0,0 +1,122 @@
+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;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let EpCheckbox = class EpCheckbox extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.checked = false;
+        this.disabled = false;
+        this.label = '';
+    }
+    render() {
+        return html `
+      <div class="track" @click="${this._toggle}">
+        <div class="thumb"></div>
+      </div>
+      <input type="checkbox"
+             .checked="${this.checked}"
+             ?disabled="${this.disabled}"
+             @change="${this._toggle}"
+             aria-label="${this.label}" />
+      ${this.label ? html `<span class="label" @click="${this._toggle}">${this.label}</span>` : ''}
+    `;
+    }
+    _toggle() {
+        if (this.disabled)
+            return;
+        this.checked = !this.checked;
+        this.dispatchEvent(new CustomEvent('ep-change', {
+            bubbles: true, composed: true,
+            detail: { checked: this.checked },
+        }));
+    }
+};
+EpCheckbox.styles = css `
+    :host {
+      --ep-font: var(--main-font-family, Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      cursor: pointer;
+      font-family: var(--ep-font);
+      font-size: 14px;
+      color: var(--text-color, #485365);
+      user-select: none;
+    }
+
+    :host([disabled]) {
+      opacity: 0.4;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+
+    .track {
+      position: relative;
+      width: 36px;
+      height: 20px;
+      background: var(--middle-color, #d2d2d2);
+      border-radius: 10px;
+      transition: background 0.2s ease;
+      flex-shrink: 0;
+    }
+
+    :host([checked]) .track {
+      background: var(--text-color, #485365);
+    }
+
+    .thumb {
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      background: white;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+      transition: transform 0.2s ease;
+    }
+
+    :host([checked]) .thumb {
+      transform: translateX(16px);
+    }
+
+    input {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+    }
+
+    :host(:focus-within) .track {
+      outline: 2px solid var(--dark-color, #576273);
+      outline-offset: 2px;
+    }
+
+    .label {
+      line-height: 1.4;
+    }
+  `;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EpCheckbox.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], EpCheckbox.prototype, "disabled", void 0);
+__decorate([
+    property()
+], EpCheckbox.prototype, "label", void 0);
+EpCheckbox = __decorate([
+    customElement('ep-checkbox')
+], EpCheckbox);
+export { EpCheckbox };
+//# sourceMappingURL=EpCheckbox.js.map

package/dist/EpCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpCheckbox.js","sourceRoot":"","sources":["../src/EpCheckbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAwEuC,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QACjD,UAAK,GAAG,EAAE,CAAC;IAwBzB,CAAC;IAtBC,MAAM;QACJ,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,OAAO;;;;yBAItB,IAAI,CAAC,OAAO;0BACX,IAAI,CAAC,QAAQ;wBACf,IAAI,CAAC,OAAO;2BACT,IAAI,CAAC,KAAK;QAC7B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE;KAC5F,CAAC;IACJ,CAAC;IAEO,OAAO;QACb,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE;YAC9C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI;YAC7B,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;SAClC,CAAC,CAAC,CAAC;IACN,CAAC;;AAhGM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqElB,AArEY,CAqEX;AAE0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAiB;AAChB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AACjD;IAAX,QAAQ,EAAE;yCAAY;AA1EZ,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAkGtB"}

package/dist/EpColorPicker.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class EpColorPicker extends LitElement {
+    static styles: import("lit").CSSResult;
+    colors: string[];
+    value: string;
+    render(): import("lit").TemplateResult<1>;
+    private _renderSwatch;
+    private _selectColor;
+    private _handleKeydown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ep-color-picker': EpColorPicker;
+    }
+}
+//# sourceMappingURL=EpColorPicker.d.ts.map

package/dist/EpColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EpColorPicker.d.ts","sourceRoot":"","sources":["../src/EpColorPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAkC5C,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BA6DX;IAEyB,MAAM,EAAE,MAAM,EAAE,CAAkB;IACjD,KAAK,SAAM;IAEvB,MAAM;IAQN,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,cAAc;CAqCvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}