etherpad-webcomponents 0.0.2 → 0.0.4

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.
@@ -6,7 +6,8 @@ export declare class EpButton extends LitElement {
6
6
  uppercase: boolean;
7
7
  disabled: boolean;
8
8
  type: 'button' | 'submit' | 'reset';
9
- render(): import("lit").TemplateResult<1>;
9
+ private _onClick;
10
+ render(): import("lit-html").TemplateResult<1>;
10
11
  }
11
12
  declare global {
12
13
  interface HTMLElementTagNameMap {
@@ -1 +1 @@
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,0BA0GX;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"}
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,0BA8GX;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,OAAO,CAAC,QAAQ;IAOhB,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
package/dist/EpButton.js CHANGED
@@ -15,9 +15,17 @@ let EpButton = class EpButton extends LitElement {
15
15
  this.disabled = false;
16
16
  this.type = 'button';
17
17
  }
18
+ _onClick() {
19
+ if (this.disabled || this.type !== 'submit')
20
+ return;
21
+ const form = this.closest('form');
22
+ if (!form)
23
+ return;
24
+ form.requestSubmit();
25
+ }
18
26
  render() {
19
27
  return html `
20
- <button part="button" type="${this.type}" ?disabled="${this.disabled}">
28
+ <button part="button" type="${this.type}" ?disabled="${this.disabled}" @click="${this._onClick}">
21
29
  <slot></slot>
22
30
  </button>
23
31
  `;
@@ -41,6 +49,10 @@ EpButton.styles = css `
41
49
  border: none;
42
50
  outline: none;
43
51
  display: inline-flex;
52
+ width: 100%;
53
+ height: 100%;
54
+ box-sizing: border-box;
55
+ justify-content: center;
44
56
  align-items: center;
45
57
  gap: 6px;
46
58
  }
@@ -57,14 +69,13 @@ EpButton.styles = css `
57
69
 
58
70
  /* Default */
59
71
  :host([variant="default"]) button,
60
- button {
61
- background: transparent;
72
+ :host(:not([variant])) button {
62
73
  color: var(--text-color, #485365);
63
74
  border: 1px solid var(--middle-color, #d2d2d2);
64
75
  }
65
76
 
66
77
  :host([variant="default"]) button:hover,
67
- button:hover {
78
+ :host(:not([variant])) button:hover {
68
79
  background: var(--bg-soft-color, #f2f3f4);
69
80
  }
70
81
 
@@ -72,7 +83,8 @@ EpButton.styles = css `
72
83
  :host([variant="primary"]) button {
73
84
  background: var(--text-color, #586a69);
74
85
  color: var(--primary-color, #64d29b);
75
- border: 1px solid var(--text-color, #485365);
86
+ border: none;
87
+ transition: .2s background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
76
88
  }
77
89
 
78
90
  :host([variant="primary"]) button:active {
@@ -1 +1 @@
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;;QA6GwB,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;oCACqB,IAAI,CAAC,IAAI,gBAAgB,IAAI,CAAC,QAAQ;;;KAGrE,CAAC;IACJ,CAAC;;AAxHM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0GlB,AA1GY,CA0GX;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;AAjHhD,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA0HpB"}
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;;QAiHwB,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;IAgB7D,CAAC;IAdS,QAAQ;QACd,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ;YAAE,OAAO;QACpD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;oCACqB,IAAI,CAAC,IAAI,gBAAgB,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,QAAQ;;;KAG/F,CAAC;IACJ,CAAC;;AAnIM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8GlB,AA9GY,CA8GX;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;AArHhD,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAqIpB"}
package/dist/EpCard.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare class EpCard extends LitElement {
5
5
  subtitle: string;
6
6
  bordered: boolean;
7
7
  compact: boolean;
8
- render(): import("lit").TemplateResult<1>;
8
+ render(): import("lit-html").TemplateResult<1>;
9
9
  }
10
10
  declare global {
11
11
  interface HTMLElementTagNameMap {
@@ -5,7 +5,7 @@ export declare class EpChatMessage extends LitElement {
5
5
  authorColor: string;
6
6
  time: string;
7
7
  own: boolean;
8
- render(): import("lit").TemplateResult<1>;
8
+ render(): import("lit-html").TemplateResult<1>;
9
9
  }
10
10
  declare global {
11
11
  interface HTMLElementTagNameMap {
@@ -5,7 +5,7 @@ export declare class EpCheckbox extends LitElement {
5
5
  variant: 'default' | 'retro';
6
6
  disabled: boolean;
7
7
  label: string;
8
- render(): import("lit").TemplateResult<1>;
8
+ render(): import("lit-html").TemplateResult<1>;
9
9
  private _toggle;
10
10
  }
11
11
  declare global {
@@ -3,7 +3,7 @@ export declare class EpColorPicker extends LitElement {
3
3
  static styles: import("lit").CSSResult;
4
4
  colors: string[];
5
5
  value: string;
6
- render(): import("lit").TemplateResult<1>;
6
+ render(): import("lit-html").TemplateResult<1>;
7
7
  private _renderSwatch;
8
8
  private _selectColor;
9
9
  private _handleKeydown;
@@ -33,7 +33,7 @@ export declare class EpColorWheel extends LitElement {
33
33
  protected firstUpdated(_changed: PropertyValues): void;
34
34
  protected updated(changed: PropertyValues): void;
35
35
  private _paint;
36
- protected render(): import("lit").TemplateResult<1>;
36
+ protected render(): import("lit-html").TemplateResult<1>;
37
37
  private _computeGeometry;
38
38
  private _syncFromValue;
39
39
  private _emitColor;
@@ -16,7 +16,7 @@ export declare class EpDropdown extends LitElement {
16
16
  updated(changed: Map<string, unknown>): void;
17
17
  toggle(): void;
18
18
  close(): void;
19
- render(): import("lit").TemplateResult<1>;
19
+ render(): import("lit-html").TemplateResult<1>;
20
20
  private _preventFocusSteal;
21
21
  private _onTriggerClick;
22
22
  private _onMouseEnter;
@@ -6,7 +6,7 @@ export declare class EpDropdownItem extends LitElement {
6
6
  focused: boolean;
7
7
  connectedCallback(): void;
8
8
  setFocused(val: boolean): void;
9
- render(): import("lit").TemplateResult<1>;
9
+ render(): import("lit-html").TemplateResult<1>;
10
10
  }
11
11
  declare global {
12
12
  interface HTMLElementTagNameMap {
package/dist/EpInput.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare class EpInput extends LitElement {
9
9
  disabled: boolean;
10
10
  error: boolean;
11
11
  type: 'text' | 'password' | 'email' | 'number' | 'textarea';
12
- render(): import("lit").TemplateResult<1>;
12
+ render(): import("lit-html").TemplateResult<1>;
13
13
  private _onInput;
14
14
  }
15
15
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"EpInput.d.ts","sourceRoot":"","sources":["../src/EpInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAkEX;IAEU,KAAK,SAAM;IACX,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,IAAI,SAAM;IACiB,SAAS,SAAM;IACV,QAAQ,UAAS;IACjB,KAAK,UAAS;IAC7B,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAU;IAElG,MAAM;IA2BN,OAAO,CAAC,QAAQ;CAQjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
1
+ {"version":3,"file":"EpInput.d.ts","sourceRoot":"","sources":["../src/EpInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAuEX;IAEU,KAAK,SAAM;IACX,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,IAAI,SAAM;IACiB,SAAS,SAAM;IACV,QAAQ,UAAS;IACjB,KAAK,UAAS;IAC7B,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAU;IAElG,MAAM;IA2BN,OAAO,CAAC,QAAQ;CAQjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
package/dist/EpInput.js CHANGED
@@ -54,7 +54,9 @@ let EpInput = class EpInput extends LitElement {
54
54
  EpInput.styles = css `
55
55
  :host {
56
56
  --ep-font: var(--main-font-family, Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);
57
+ --ep-input-focus-border-color: var(--text-soft-color, #8a94a3);
57
58
  display: block;
59
+ box-sizing: border-box;
58
60
  }
59
61
 
60
62
  label {
@@ -69,7 +71,11 @@ EpInput.styles = css `
69
71
  input, textarea {
70
72
  font-family: var(--ep-font);
71
73
  width: 100%;
74
+ height: 100%;
75
+ min-height: 0;
72
76
  box-sizing: border-box;
77
+ display: block;
78
+ margin: 0;
73
79
  padding: 8px 10px;
74
80
  border: 1px solid var(--middle-color, #d2d2d2);
75
81
  border-radius: 3px;
@@ -85,12 +91,11 @@ EpInput.styles = css `
85
91
  }
86
92
 
87
93
  input:focus, textarea:focus {
88
- border-color: var(--dark-color, #576273);
94
+ border-color: var(--ep-input-focus-border-color);
89
95
  }
90
96
 
91
97
  textarea {
92
98
  resize: vertical;
93
- min-height: 80px;
94
99
  }
95
100
 
96
101
  :host([disabled]) input,
@@ -1 +1 @@
1
- {"version":3,"file":"EpInput.js","sourceRoot":"","sources":["../src/EpInput.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,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAqEO,UAAK,GAAG,EAAE,CAAC;QACX,UAAK,GAAG,EAAE,CAAC;QACX,gBAAW,GAAG,EAAE,CAAC;QACjB,SAAI,GAAG,EAAE,CAAC;QACiB,cAAS,GAAG,EAAE,CAAC;QACV,aAAQ,GAAG,KAAK,CAAC;QACjB,UAAK,GAAG,KAAK,CAAC;QAC7B,SAAI,GAA0D,MAAM,CAAC;IAqCpG,CAAC;IAnCC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,UAAU,IAAI,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE;QACpD,IAAI,CAAC,IAAI,KAAK,UAAU;YACxB,CAAC,CAAC,IAAI,CAAA;sBACQ,IAAI,CAAC,KAAK;2BACL,IAAI,CAAC,WAAW;yBAClB,IAAI,CAAC,QAAQ;sBAChB,IAAI,CAAC,QAAQ;uBACZ;YACf,CAAC,CAAC,IAAI,CAAA;oBACM,IAAI,CAAC,IAAI;sBACP,IAAI,CAAC,KAAK;2BACL,IAAI,CAAC,WAAW;yBAClB,IAAI,CAAC,QAAQ;sBAChB,IAAI,CAAC,QAAQ;aAE7B;QACE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS;YAC5B,CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,SAAS,QAAQ;YACvD,CAAC,CAAC,IAAI,CAAC,IAAI;gBACT,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,QAAQ;gBAC5C,CAAC,CAAC,EACN;KACD,CAAC;IACJ,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAgD,CAAC;QAClE,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,EAAE;YAC7C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI;YAC7B,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SAC9B,CAAC,CAAC,CAAC;IACN,CAAC;;AA/GM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkElB,AAlEY,CAkEX;AAEU;IAAX,QAAQ,EAAE;sCAAY;AACX;IAAX,QAAQ,EAAE;sCAAY;AACX;IAAX,QAAQ,EAAE;4CAAkB;AACjB;IAAX,QAAQ,EAAE;qCAAW;AACiB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;0CAAgB;AACV;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAkB;AACjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAe;AAC7B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAsE;AA5EvF,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAiHnB"}
1
+ {"version":3,"file":"EpInput.js","sourceRoot":"","sources":["../src/EpInput.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,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QA0EO,UAAK,GAAG,EAAE,CAAC;QACX,UAAK,GAAG,EAAE,CAAC;QACX,gBAAW,GAAG,EAAE,CAAC;QACjB,SAAI,GAAG,EAAE,CAAC;QACiB,cAAS,GAAG,EAAE,CAAC;QACV,aAAQ,GAAG,KAAK,CAAC;QACjB,UAAK,GAAG,KAAK,CAAC;QAC7B,SAAI,GAA0D,MAAM,CAAC;IAqCpG,CAAC;IAnCC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,UAAU,IAAI,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE;QACpD,IAAI,CAAC,IAAI,KAAK,UAAU;YACxB,CAAC,CAAC,IAAI,CAAA;sBACQ,IAAI,CAAC,KAAK;2BACL,IAAI,CAAC,WAAW;yBAClB,IAAI,CAAC,QAAQ;sBAChB,IAAI,CAAC,QAAQ;uBACZ;YACf,CAAC,CAAC,IAAI,CAAA;oBACM,IAAI,CAAC,IAAI;sBACP,IAAI,CAAC,KAAK;2BACL,IAAI,CAAC,WAAW;yBAClB,IAAI,CAAC,QAAQ;sBAChB,IAAI,CAAC,QAAQ;aAE7B;QACE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS;YAC5B,CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,SAAS,QAAQ;YACvD,CAAC,CAAC,IAAI,CAAC,IAAI;gBACT,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,QAAQ;gBAC5C,CAAC,CAAC,EACN;KACD,CAAC;IACJ,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAgD,CAAC;QAClE,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,EAAE;YAC7C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI;YAC7B,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SAC9B,CAAC,CAAC,CAAC;IACN,CAAC;;AApHM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuElB,AAvEY,CAuEX;AAEU;IAAX,QAAQ,EAAE;sCAAY;AACX;IAAX,QAAQ,EAAE;sCAAY;AACX;IAAX,QAAQ,EAAE;4CAAkB;AACjB;IAAX,QAAQ,EAAE;qCAAW;AACiB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;0CAAgB;AACV;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAkB;AACjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAe;AAC7B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAsE;AAjFvF,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAsHnB"}
package/dist/EpModal.d.ts CHANGED
@@ -28,7 +28,7 @@ export declare class EpModal extends LitElement {
28
28
  constructor();
29
29
  protected updated(changed: PropertyValues): void;
30
30
  close(action?: string): void;
31
- protected render(): import("lit").TemplateResult<1>;
31
+ protected render(): import("lit-html").TemplateResult<1>;
32
32
  private _onOpen;
33
33
  private _onClose;
34
34
  private _handleKeyDown;
@@ -16,7 +16,7 @@ export declare class EpNotification extends LitElement {
16
16
  connectedCallback(): void;
17
17
  disconnectedCallback(): void;
18
18
  dismiss(): void;
19
- render(): import("lit").TemplateResult<1>;
19
+ render(): import("lit-html").TemplateResult<1>;
20
20
  private _startAutoClose;
21
21
  private _clearTimer;
22
22
  static show(options: NotificationOptions): EpNotification;
package/dist/EpTheme.d.ts CHANGED
@@ -19,7 +19,7 @@ export declare class EpTheme extends LitElement {
19
19
  updated(changed: Map<string, unknown>): void;
20
20
  connectedCallback(): void;
21
21
  private _applyTokens;
22
- render(): import("lit").TemplateResult<1>;
22
+ render(): import("lit-html").TemplateResult<1>;
23
23
  /** Register a custom theme at runtime. */
24
24
  static registerTheme(name: string, tokens: ThemeTokens): void;
25
25
  /** Get all registered theme names. */
package/dist/EpToast.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare class EpToastItem extends LitElement {
15
15
  connectedCallback(): void;
16
16
  disconnectedCallback(): void;
17
17
  dismiss(): void;
18
- render(): import("lit").TemplateResult<1>;
18
+ render(): import("lit-html").TemplateResult<1>;
19
19
  }
20
20
  export declare class EpToastContainer extends LitElement {
21
21
  static styles: import("lit").CSSResult;
@@ -23,7 +23,7 @@ export declare class EpToastContainer extends LitElement {
23
23
  private static _instance;
24
24
  connectedCallback(): void;
25
25
  disconnectedCallback(): void;
26
- render(): import("lit").TemplateResult<1>;
26
+ render(): import("lit-html").TemplateResult<1>;
27
27
  static getInstance(): EpToastContainer;
28
28
  addToast(options: ToastOptions): EpToastItem;
29
29
  }
@@ -12,7 +12,7 @@ export declare class EpToolbarSelect extends LitElement {
12
12
  iconClass: string;
13
13
  label: string;
14
14
  placeholder: string;
15
- render(): import("lit").TemplateResult<1>;
15
+ render(): import("lit-html").TemplateResult<1>;
16
16
  private _onSelect;
17
17
  }
18
18
  declare global {
@@ -5,7 +5,7 @@ export declare class EpUserBadge extends LitElement {
5
5
  color: string;
6
6
  size: 'small' | 'medium' | 'large';
7
7
  online: boolean;
8
- render(): import("lit").TemplateResult<1>;
8
+ render(): import("lit-html").TemplateResult<1>;
9
9
  }
10
10
  declare global {
11
11
  interface HTMLElementTagNameMap {
package/package.json CHANGED
@@ -1,13 +1,28 @@
1
1
  {
2
2
  "name": "etherpad-webcomponents",
3
- "version": "v0.0.2",
3
+ "version": "0.0.4",
4
4
  "description": "Etherpad Web Components built with Lit",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
9
9
  "exports": {
10
- ".": "./dist/index.js"
10
+ ".": "./dist/index.js",
11
+ "./EpButton.js": "./dist/EpButton.js",
12
+ "./EpCard.js": "./dist/EpCard.js",
13
+ "./EpChatMessage.js": "./dist/EpChatMessage.js",
14
+ "./EpCheckbox.js": "./dist/EpCheckbox.js",
15
+ "./EpColorPicker.js": "./dist/EpColorPicker.js",
16
+ "./EpColorWheel.js": "./dist/EpColorWheel.js",
17
+ "./EpDropdown.js": "./dist/EpDropdown.js",
18
+ "./EpDropdownItem.js": "./dist/EpDropdownItem.js",
19
+ "./EpInput.js": "./dist/EpInput.js",
20
+ "./EpModal.js": "./dist/EpModal.js",
21
+ "./EpNotification.js": "./dist/EpNotification.js",
22
+ "./EpToast.js": "./dist/EpToast.js",
23
+ "./EpToolbarSelect.js": "./dist/EpToolbarSelect.js",
24
+ "./EpUserBadge.js": "./dist/EpUserBadge.js",
25
+ "./EpTheme.js": "./dist/EpTheme.js"
11
26
  },
12
27
  "files": [
13
28
  "dist"
@@ -18,11 +33,17 @@
18
33
  "url": "git+https://github.com/ether/webcomponents.git"
19
34
  },
20
35
  "dependencies": {
21
- "@storybook/web-components": "^10.3.5",
22
- "lit": "^3.3.2"
36
+ "etherpad-webcomponents": "link:../../AppData/Local/pnpm/global/5/node_modules/etherpad-webcomponents"
37
+ },
38
+ "peerDependencies": {
39
+ "@lit/reactive-element": "^2.1.2",
40
+ "lit": "^3.3.2",
41
+ "lit-element": "^4.2.2",
42
+ "lit-html": "^3.3.2"
23
43
  },
24
44
  "devDependencies": {
25
45
  "@storybook/addon-vitest": "^10.3.5",
46
+ "@storybook/web-components": "^10.3.5",
26
47
  "@storybook/web-components-vite": "^10.3.5",
27
48
  "@vitest/browser": "^4.1.3",
28
49
  "@vitest/browser-playwright": "^4.1.3",