solid-ui 3.1.3-5 → 3.1.3-6

package/dist/components/select-option/index.cjs.js

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./SelectOption.cjs.js");var t=e._SelectOption;Object.defineProperty(exports,"SelectOption",{enumerable:!0,get:function(){return e._SelectOption}}),exports.default=t;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/select-option/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","names":["SelectOption"],"sources":["../../../src/components/select-option/index.ts"],"sourcesContent":["import SelectOption from './SelectOption'\n\nexport { SelectOption }\nexport default SelectOption\n"],"mappings":"wIAGA,IAAA,EAAeA,EAAAA"}

package/dist/components/select-option/index.d.ts

@@ -0,0 +1,4 @@
+import { default as SelectOption } from './SelectOption';
+export { SelectOption };
+export default SelectOption;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/select-option/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select-option/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,eAAe,YAAY,CAAA"}

package/dist/components/select-option/index.esm.js

@@ -0,0 +1,7 @@
+import { _SelectOption as e } from "./SelectOption.esm.js";
+//#region src/components/select-option/index.ts
+var t = e;
+//#endregion
+export { e as SelectOption, t as default };
+
+//# sourceMappingURL=index.esm.js.map

package/dist/components/select-option/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","names":["SelectOption"],"sources":["../../../src/components/select-option/index.ts"],"sourcesContent":["import SelectOption from './SelectOption'\n\nexport { SelectOption }\nexport default SelectOption\n"],"mappings":";;AAGA,IAAA,IAAeA"}

package/dist/components/select-option.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/select-option-hd_d1RNj.js";
+export { e as SelectOption, t as default };

package/dist/components/select.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/select-bVnWqF4c.js";
-export { e as Select };
+import { n as e, t } from "../chunks/select-wczAzbZF.js";
+export { e as Select, t as default };

package/dist/components/signup-button/SignupButton.cjs.js

@@ -6,5 +6,5 @@ const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components
             </slot>
         </solid-ui-button>
       </slot>
-    `}onClick(e){e.preventDefault(),this.auth.signup()}},{e:[u,o],c:[S,s]}=_(a,[[l,1,`auth`]],c,0,void 0,n.default),s(),Object.defineProperty(exports,"_SignupButton",{enumerable:!0,get:function(){return S}});
+    `}click(){this.auth.signup()}onClick(e){e.preventDefault(),this.click()}},{e:[u,o],c:[S,s]}=_(a,[[l,1,`auth`]],c,0,void 0,n.default),s(),Object.defineProperty(exports,"_SignupButton",{enumerable:!0,get:function(){return S}});
 //# sourceMappingURL=SignupButton.cjs.js.map

package/dist/components/signup-button/SignupButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignupButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_SignupButton","_A","WeakMap","_ref","_authDecs","context","subscribe","SignupButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","e","preventDefault","signup","_SignupButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/signup-button/SignupButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-signup-button')\nexport default class SignupButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Sign Up\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.auth.signup()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAE7B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAoBpDgB,EAAAf,cArByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEQA,QAASC,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKN,KAAKO,OAAO,CACnB,CACF,EAAC,CAAAF,EAAA,CAAAP,EAAAD,GAAAY,EAAA,CAAAvB,EAAAwB,IAAAC,EAAAH,EAAA,CAAA,CAAAlB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GArByCL,EAAAA,OAAY,EAAA8B,EAAA"}
+{"version":3,"file":"SignupButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_SignupButton","_A","WeakMap","_ref","_authDecs","context","subscribe","SignupButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","signup","e","preventDefault","_SignupButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/signup-button/SignupButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-signup-button')\nexport default class SignupButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Sign Up\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.signup()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAE7B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}

package/dist/components/signup-button/SignupButton.d.ts

@@ -2,6 +2,7 @@ import { WebComponent } from '../../lib/components';
 export default class SignupButton extends WebComponent {
     private accessor auth;
     protected render(): import('lit-html').TemplateResult<1>;
+    click(): void;
     private onClick;
 }
 //# sourceMappingURL=SignupButton.d.ts.map

package/dist/components/signup-button/SignupButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignupButton.d.ts","sourceRoot":"","sources":["../../../src/components/signup-button/SignupButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAK9D,OAAO,qBAAqB,CAAA;AAG5B,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,YAAY;IAEpD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,SAAS,CAAC,MAAM;IAYhB,OAAO,CAAC,OAAO;CAKhB"}
+{"version":3,"file":"SignupButton.d.ts","sourceRoot":"","sources":["../../../src/components/signup-button/SignupButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAK9D,OAAO,qBAAqB,CAAA;AAG5B,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,YAAY;IAEpD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,SAAS,CAAC,MAAM;IAYhB,KAAK;IAIL,OAAO,CAAC,OAAO;CAKhB"}

package/dist/components/signup-button/SignupButton.esm.js

@@ -194,8 +194,11 @@ f = (u = i({
       </slot>
     `;
 	}
+	click() {
+		this.auth.signup();
+	}
 	onClick(e) {
-		e.preventDefault(), this.auth.signup();
+		e.preventDefault(), this.click();
 	}
 }, {e: [d, s], c: [C, c]} = v(o, [[
 	u,

package/dist/components/signup-button/SignupButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignupButton.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_SignupButton","_A","WeakMap","_ref","_authDecs","context","subscribe","SignupButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","e","preventDefault","signup","_SignupButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/signup-button/SignupButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-signup-button')\nexport default class SignupButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Sign Up\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.auth.signup()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAoBpDgB,IAAAf,cArByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEQA,QAASC,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKN,KAAKO,OAAO;CACnB;AACF,GAAC,CAAAF,GAAA,CAAAP,GAAAD,IAAAY,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAH,GAAA,CAAA;CAAAlB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GArByCL,CAAY,GAAA8B,EAAA"}
+{"version":3,"file":"SignupButton.esm.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_SignupButton","_A","WeakMap","_ref","_authDecs","context","subscribe","SignupButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","signup","e","preventDefault","_SignupButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/signup-button/SignupButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-signup-button')\nexport default class SignupButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Sign Up\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.signup()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAwBpDiB,IAAAhB,cAzByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEAC,QAAS;EACP,KAAKL,KAAKM,OAAO;CACnB;CAEQF,QAASG,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKH,MAAM;CACb;AACF,GAAC,CAAAE,GAAA,CAAAT,GAAAD,IAAAa,GAAA,CAAAxB,GAAAyB,MAAAC,EAAAH,GAAA,CAAA;CAAAnB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAzByCL,CAAY,GAAA+B,EAAA"}

package/dist/components/signup-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/signup-button-BC4LmOXx.js";
+import { n as e, t } from "../chunks/signup-button-CsRaOUI4.js";
 export { e as SignupButton, t as default };

package/dist/components.js

@@ -1,24 +1,25 @@
-import "./chunks/auth-BPQUXz9Q.js";
-import "./chunks/combobox-eju-wypA.js";
-import "./chunks/dialog-DmDA1aY8.js";
-import "./chunks/dialog-header-D9jjujFf.js";
-import "./chunks/button-GHRF3psH.js";
-import "./chunks/dialog-content-C8VhHg5G.js";
-import "./chunks/dialog-footer-CtHFoTZS.js";
-import "./chunks/combobox-option-CW1ZwMC7.js";
-import "./chunks/avatar-B5DCduCy.js";
-import "./chunks/login-button-BKp1-O2q.js";
-import "./chunks/logout-button-DlU-q-o5.js";
-import "./chunks/menu-item-DoTy3MUu.js";
-import "./chunks/menu-items-DKKcQrb6.js";
-import "./chunks/menu-DCsLCND4.js";
-import "./chunks/signup-button-BC4LmOXx.js";
-import "./chunks/account-B4BktCv0.js";
+import "./chunks/auth-Cpf3HYqF.js";
+import "./chunks/dialog-DlBtmOm6.js";
+import "./chunks/dialog-header-DeC1iiLD.js";
+import "./chunks/button-DbKYu6-r.js";
+import "./chunks/dialog-content-CMeH_BD7.js";
+import "./chunks/dialog-footer-D0zzIMlx.js";
+import "./chunks/combobox-Dtgc8qqO.js";
+import "./chunks/combobox-option-Ck0mu4Gc.js";
+import "./chunks/avatar-D281qln0.js";
+import "./chunks/login-button-C603hM0G.js";
+import "./chunks/logout-button-Cxzpq-C3.js";
+import "./chunks/menu-item-DBy4o-M4.js";
+import "./chunks/menu-aQiqq1ET.js";
+import "./chunks/signup-button-CsRaOUI4.js";
+import "./chunks/account-CFhrB0LO.js";
 import "./components/dialog-provider.js";
-import "./chunks/dialogs-root-C4igEIk0.js";
-import "./chunks/footer-CS8u8ycB.js";
-import "./chunks/guard-BIc50Lps.js";
-import "./chunks/header-0TLBh_PG.js";
-import "./chunks/provider-uRz_fGWb.js";
-import "./chunks/photo-capture-COoxZRW_.js";
-import "./chunks/select-bVnWqF4c.js";
+import "./chunks/dialogs-root-BcUcRuAt.js";
+import "./chunks/footer-Bxe4WPgl.js";
+import "./chunks/guard-Da3znlJI.js";
+import "./chunks/header-Bqd2CEK3.js";
+import "./chunks/provider-DZmdgerD.js";
+import "./chunks/input-Bkzi4zSV.js";
+import "./chunks/photo-capture-tiBsdSbA.js";
+import "./chunks/select-wczAzbZF.js";
+import "./chunks/select-option-hd_d1RNj.js";

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./lib/ns.cjs.js"),t=require("./lib/log.cjs.js"),n=require("./utils/index.cjs.js"),r=require("./lib/style.cjs.js"),i=require("./lib/iconBase.cjs.js"),a=require("./widgets/forms/autocomplete/language.cjs.js"),o=require("./widgets/index.cjs.js"),s=require("./login/login.cjs.js"),c=require("./acl/index.cjs.js"),l=require("./create/index.cjs.js"),u=require("./matrix/index.cjs.js"),d=require("./media/index.cjs.js"),f=require("./lib/messageArea.cjs.js"),p=require("./lib/participation.cjs.js"),m=require("./lib/pad.cjs.js"),h=require("./chat/infinite.cjs.js"),g=require("./lib/preferences.cjs.js"),_=require("./lib/table.cjs.js"),v=require("./lib/tabs.cjs.js"),y=require("./header/index.cjs.js"),b=require("./footer/index.cjs.js"),x=require("./create/types.cjs.js"),S=require("./lib/auth/Account.cjs.js"),C=require("./lib/auth/NoopAuth.cjs.js"),w=require("./lib/auth/context.cjs.js"),T=require("./lib/dialogs/context.cjs.js"),E=require("./lib/components/decorators.cjs.js"),D=require("./lib/components/ids.cjs.js"),O=require("./lib/components/web-component/WebComponent.cjs.js");require("./lib/components/index.cjs.js");const k=require("./lib/dialogs/Dialog.cjs.js"),A=require("./lib/dialogs/events/close-dialog.cjs.js"),j=require("./lib/dialogs/events/show-dialog.cjs.js"),M=require("./lib/dialogs/helpers.cjs.js");require("./lib/dialogs/index.cjs.js");const N=require("./lib/auth/SolidAuth.cjs.js");require("./lib/auth/index.cjs.js");const P=require("./lib/menus/context.cjs.js");require("./lib/menus/index.cjs.js");var F=typeof window<`u`?window.document:null;exports.Account=S.default,exports.CloseDialogEvent=A.CloseDialogEvent,exports.DEFAULT_AUTH_CONTEXT=w.DEFAULT_AUTH_CONTEXT,exports.DEFAULT_SIGNUP_URL=N.DEFAULT_SIGNUP_URL,exports.Dialog=k.default,exports.NoopAuth=C.default,exports.ShowDialogEvent=j.ShowDialogEvent,exports.SolidAuth=N.default,exports.WebComponent=O.default,exports.acl=c.acl,exports.aclControl=c.aclControl,exports.authContext=w.authContext,exports.create=l.create,Object.defineProperty(exports,"createTypes",{enumerable:!0,get:function(){return x.types_exports}}),exports.customElement=E.customElement,exports.dialogContext=T.dialogContext,exports.dom=F,exports.generateId=D.generateId,exports.icons=i.icons,exports.infiniteMessageArea=h.infiniteMessageArea,exports.initFooter=b.initFooter,exports.initHeader=y.initHeader,Object.defineProperty(exports,"language",{enumerable:!0,get:function(){return a.language_exports}}),Object.defineProperty(exports,"log",{enumerable:!0,get:function(){return t.log_exports}}),Object.defineProperty(exports,"login",{enumerable:!0,get:function(){return s.login_exports}}),exports.matrix=u.matrix,exports.media=d.media,exports.menuContext=P.menuContext,exports.messageArea=f.messageArea,exports.ns=e.default,Object.defineProperty(exports,"pad",{enumerable:!0,get:function(){return m.pad_exports}}),Object.defineProperty(exports,"participation",{enumerable:!0,get:function(){return p.participation_exports}}),Object.defineProperty(exports,"preferences",{enumerable:!0,get:function(){return g.preferences_exports}}),exports.showDialog=M.showDialog,exports.style=r.style,exports.table=_.renderTableViewPane,Object.defineProperty(exports,"tabs",{enumerable:!0,get:function(){return v.tabs_exports}}),Object.defineProperty(exports,"utils",{enumerable:!0,get:function(){return n.utils_exports}}),Object.defineProperty(exports,"widgets",{enumerable:!0,get:function(){return o.widgets_exports}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./lib/ns.cjs.js"),t=require("./lib/log.cjs.js"),n=require("./utils/index.cjs.js"),r=require("./lib/style.cjs.js"),i=require("./lib/iconBase.cjs.js"),a=require("./widgets/forms/autocomplete/language.cjs.js"),o=require("./widgets/index.cjs.js"),s=require("./login/login.cjs.js"),c=require("./acl/index.cjs.js"),l=require("./create/index.cjs.js"),u=require("./matrix/index.cjs.js"),d=require("./media/index.cjs.js"),f=require("./lib/messageArea.cjs.js"),p=require("./lib/participation.cjs.js"),m=require("./lib/pad.cjs.js"),h=require("./chat/infinite.cjs.js"),g=require("./lib/preferences.cjs.js"),_=require("./lib/table.cjs.js"),v=require("./lib/tabs.cjs.js"),y=require("./header/index.cjs.js"),b=require("./footer/index.cjs.js"),x=require("./create/types.cjs.js"),S=require("./lib/auth/Account.cjs.js"),C=require("./lib/auth/NoopAuth.cjs.js"),w=require("./lib/auth/context.cjs.js"),T=require("./lib/components/ids.cjs.js"),E=require("./lib/dialogs/context.cjs.js"),D=require("./lib/components/decorators.cjs.js"),O=require("./lib/components/web-component/WebComponent.cjs.js"),k=require("./lib/dialogs/events/close-dialog.cjs.js"),A=require("./lib/components/traits/DialogTrait.cjs.js"),j=require("./lib/components/traits/InputTrait.cjs.js");require("./lib/components/index.cjs.js");const M=require("./lib/dialogs/Dialog.cjs.js"),N=require("./lib/dialogs/events/show-dialog.cjs.js"),P=require("./lib/dialogs/helpers.cjs.js");require("./lib/dialogs/index.cjs.js");const F=require("./lib/auth/SolidAuth.cjs.js");require("./lib/auth/index.cjs.js");var I=typeof window<`u`?window.document:null;exports.Account=S.default,exports.CloseDialogEvent=k.CloseDialogEvent,exports.DEFAULT_AUTH_CONTEXT=w.DEFAULT_AUTH_CONTEXT,exports.DEFAULT_DIALOG_CONTEXT=E.DEFAULT_DIALOG_CONTEXT,exports.DEFAULT_SIGNUP_URL=F.DEFAULT_SIGNUP_URL,exports.Dialog=M.default,exports.DialogTrait=A.default,exports.InputTrait=j.default,exports.NoopAuth=C.default,exports.ShowDialogEvent=N.ShowDialogEvent,exports.SolidAuth=F.default,exports.WebComponent=O.default,exports.acl=c.acl,exports.aclControl=c.aclControl,exports.authContext=w.authContext,exports.create=l.create,Object.defineProperty(exports,"createTypes",{enumerable:!0,get:function(){return x.types_exports}}),exports.customElement=D.customElement,exports.dialogContext=E.dialogContext,exports.dom=I,exports.generateId=T.generateId,exports.icons=i.icons,exports.infiniteMessageArea=h.infiniteMessageArea,exports.initFooter=b.initFooter,exports.initHeader=y.initHeader,Object.defineProperty(exports,"language",{enumerable:!0,get:function(){return a.language_exports}}),Object.defineProperty(exports,"log",{enumerable:!0,get:function(){return t.log_exports}}),Object.defineProperty(exports,"login",{enumerable:!0,get:function(){return s.login_exports}}),exports.matrix=u.matrix,exports.media=d.media,exports.messageArea=f.messageArea,exports.ns=e.default,Object.defineProperty(exports,"pad",{enumerable:!0,get:function(){return m.pad_exports}}),Object.defineProperty(exports,"participation",{enumerable:!0,get:function(){return p.participation_exports}}),Object.defineProperty(exports,"preferences",{enumerable:!0,get:function(){return g.preferences_exports}}),exports.showDialog=P.showDialog,exports.style=r.style,exports.table=_.renderTableViewPane,Object.defineProperty(exports,"tabs",{enumerable:!0,get:function(){return v.tabs_exports}}),Object.defineProperty(exports,"utils",{enumerable:!0,get:function(){return n.utils_exports}}),Object.defineProperty(exports,"widgets",{enumerable:!0,get:function(){return o.widgets_exports}});
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["// REMOVE @ts-ignore as you migrate files to TypeScript\n// @ts-ignore\nimport ns from './lib/ns'\nimport { acl, aclControl } from './acl/index'\nimport { create } from './create/index'\n// @ts-ignore\nimport { icons } from './lib/iconBase'\nimport * as language from './widgets/forms/autocomplete/language'\nimport * as log from './lib/log'\nimport { matrix } from './matrix/index'\nimport { media } from './media/index'\n// @ts-ignore\nimport { messageArea } from './lib/messageArea'\n// @ts-ignore\nimport { infiniteMessageArea } from './chat/infinite'\n// @ts-ignore\nimport * as pad from './lib/pad'\n// @ts-ignore\nimport * as participation from './lib/participation'\n// @ts-ignore\nimport * as preferences from './lib/preferences'\n// @ts-ignore\nimport { style } from './lib/style'\n// @ts-ignore\nimport { renderTableViewPane as table } from './lib/table'\nimport * as tabs from './lib/tabs'\n// @ts-ignore\nimport * as utils from './utils'\nimport * as login from './login/login'\nimport * as widgets from './widgets/index'\nimport { initHeader } from './header'\nimport { initFooter } from './footer'\nimport * as createTypes from './create/types'\n\nexport const dom = typeof window !== 'undefined' ? window.document : null // Idea that UI.dom can be adapted in non-browser environments\n\n// this variables are directly used in the storybook\nexport {\n  ns,\n  acl,\n  aclControl,\n  create,\n  createTypes,\n  icons,\n  language,\n  log,\n  login,\n  matrix,\n  media,\n  messageArea,\n  infiniteMessageArea,\n  pad,\n  participation,\n  preferences,\n  style,\n  table,\n  tabs,\n  utils,\n  widgets,\n  initHeader,\n  initFooter\n}\n// uses in solid-panes\nexport type { CreateContext, NewAppInstanceOptions } from './create/types'\n\nexport * from './lib/auth'\nexport * from './lib/components'\nexport * from './lib/dialogs'\nexport * from './lib/menus'\n"],"mappings":"+jDAkCA,IAAa,EAAM,OAAO,OAAW,IAAc,OAAO,SAAW"}
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["// REMOVE @ts-ignore as you migrate files to TypeScript\n// @ts-ignore\nimport ns from './lib/ns'\nimport { acl, aclControl } from './acl/index'\nimport { create } from './create/index'\n// @ts-ignore\nimport { icons } from './lib/iconBase'\nimport * as language from './widgets/forms/autocomplete/language'\nimport * as log from './lib/log'\nimport { matrix } from './matrix/index'\nimport { media } from './media/index'\n// @ts-ignore\nimport { messageArea } from './lib/messageArea'\n// @ts-ignore\nimport { infiniteMessageArea } from './chat/infinite'\n// @ts-ignore\nimport * as pad from './lib/pad'\n// @ts-ignore\nimport * as participation from './lib/participation'\n// @ts-ignore\nimport * as preferences from './lib/preferences'\n// @ts-ignore\nimport { style } from './lib/style'\n// @ts-ignore\nimport { renderTableViewPane as table } from './lib/table'\nimport * as tabs from './lib/tabs'\n// @ts-ignore\nimport * as utils from './utils'\nimport * as login from './login/login'\nimport * as widgets from './widgets/index'\nimport { initHeader } from './header'\nimport { initFooter } from './footer'\nimport * as createTypes from './create/types'\n\nexport const dom = typeof window !== 'undefined' ? window.document : null // Idea that UI.dom can be adapted in non-browser environments\n\n// this variables are directly used in the storybook\nexport {\n  ns,\n  acl,\n  aclControl,\n  create,\n  createTypes,\n  icons,\n  language,\n  log,\n  login,\n  matrix,\n  media,\n  messageArea,\n  infiniteMessageArea,\n  pad,\n  participation,\n  preferences,\n  style,\n  table,\n  tabs,\n  utils,\n  widgets,\n  initHeader,\n  initFooter\n}\n// uses in solid-panes\nexport type { CreateContext, NewAppInstanceOptions } from './create/types'\n\nexport * from './lib/auth'\nexport * from './lib/components'\nexport * from './lib/dialogs'\n"],"mappings":"4lDAkCA,IAAa,EAAM,OAAO,OAAW,IAAc,OAAO,SAAW"}

package/dist/index.d.ts

@@ -26,5 +26,4 @@ export type { CreateContext, NewAppInstanceOptions } from './create/types';
 export * from './lib/auth';
 export * from './lib/components';
 export * from './lib/dialogs';
-export * from './lib/menus';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,UAAU,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,QAAQ,MAAM,uCAAuC,CAAA;AACjE,OAAO,KAAK,GAAG,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAErC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,GAAG,MAAM,WAAW,CAAA;AAEhC,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,OAAO,EAAE,mBAAmB,IAAI,KAAK,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,KAAK,IAAI,MAAM,YAAY,CAAA;AAElC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AACtC,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAA;AAE7C,eAAO,MAAM,GAAG,iBAAyD,CAAA;AAGzE,OAAO,EACL,EAAE,EACF,GAAG,EACH,UAAU,EACV,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,GAAG,EACH,aAAa,EACb,WAAW,EACX,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACX,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAE1E,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,UAAU,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,QAAQ,MAAM,uCAAuC,CAAA;AACjE,OAAO,KAAK,GAAG,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAErC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,GAAG,MAAM,WAAW,CAAA;AAEhC,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,OAAO,EAAE,mBAAmB,IAAI,KAAK,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,KAAK,IAAI,MAAM,YAAY,CAAA;AAElC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AACtC,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAA;AAE7C,eAAO,MAAM,GAAG,iBAAyD,CAAA;AAGzE,OAAO,EACL,EAAE,EACF,GAAG,EACH,UAAU,EACV,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,GAAG,EACH,aAAa,EACb,WAAW,EACX,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACX,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAE1E,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA"}

package/dist/index.esm.js

@@ -23,23 +23,23 @@ import { types_exports as S } from "./create/types.esm.js";
 import C from "./lib/auth/Account.esm.js";
 import w from "./lib/auth/NoopAuth.esm.js";
 import { DEFAULT_AUTH_CONTEXT as T, authContext as E } from "./lib/auth/context.esm.js";
-import { dialogContext as D } from "./lib/dialogs/context.esm.js";
-import { customElement as O } from "./lib/components/decorators.esm.js";
-import { generateId as k } from "./lib/components/ids.esm.js";
-import A from "./lib/components/web-component/WebComponent.esm.js";
-import "./lib/components/index.esm.js";
-import j from "./lib/dialogs/Dialog.esm.js";
+import { generateId as D } from "./lib/components/ids.esm.js";
+import { DEFAULT_DIALOG_CONTEXT as O, dialogContext as k } from "./lib/dialogs/context.esm.js";
+import { customElement as A } from "./lib/components/decorators.esm.js";
+import j from "./lib/components/web-component/WebComponent.esm.js";
 import { CloseDialogEvent as M } from "./lib/dialogs/events/close-dialog.esm.js";
-import { ShowDialogEvent as N } from "./lib/dialogs/events/show-dialog.esm.js";
-import { showDialog as P } from "./lib/dialogs/helpers.esm.js";
+import N from "./lib/components/traits/DialogTrait.esm.js";
+import P from "./lib/components/traits/InputTrait.esm.js";
+import "./lib/components/index.esm.js";
+import F from "./lib/dialogs/Dialog.esm.js";
+import { ShowDialogEvent as I } from "./lib/dialogs/events/show-dialog.esm.js";
+import { showDialog as L } from "./lib/dialogs/helpers.esm.js";
 import "./lib/dialogs/index.esm.js";
-import F, { DEFAULT_SIGNUP_URL as I } from "./lib/auth/SolidAuth.esm.js";
+import R, { DEFAULT_SIGNUP_URL as z } from "./lib/auth/SolidAuth.esm.js";
 import "./lib/auth/index.esm.js";
-import { menuContext as L } from "./lib/menus/context.esm.js";
-import "./lib/menus/index.esm.js";
 //#region src/index.ts
-var R = typeof window < "u" ? window.document : null;
+var B = typeof window < "u" ? window.document : null;
 //#endregion
-export { C as Account, M as CloseDialogEvent, T as DEFAULT_AUTH_CONTEXT, I as DEFAULT_SIGNUP_URL, j as Dialog, w as NoopAuth, N as ShowDialogEvent, F as SolidAuth, A as WebComponent, c as acl, l as aclControl, E as authContext, u as create, S as createTypes, O as customElement, D as dialogContext, R as dom, k as generateId, i as icons, g as infiniteMessageArea, x as initFooter, b as initHeader, a as language, t as log, s as login, d as matrix, f as media, L as menuContext, p as messageArea, e as ns, h as pad, m as participation, _ as preferences, P as showDialog, r as style, v as table, y as tabs, n as utils, o as widgets };
+export { C as Account, M as CloseDialogEvent, T as DEFAULT_AUTH_CONTEXT, O as DEFAULT_DIALOG_CONTEXT, z as DEFAULT_SIGNUP_URL, F as Dialog, N as DialogTrait, P as InputTrait, w as NoopAuth, I as ShowDialogEvent, R as SolidAuth, j as WebComponent, c as acl, l as aclControl, E as authContext, u as create, S as createTypes, A as customElement, k as dialogContext, B as dom, D as generateId, i as icons, g as infiniteMessageArea, x as initFooter, b as initHeader, a as language, t as log, s as login, d as matrix, f as media, p as messageArea, e as ns, h as pad, m as participation, _ as preferences, L as showDialog, r as style, v as table, y as tabs, n as utils, o as widgets };
 
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["// REMOVE @ts-ignore as you migrate files to TypeScript\n// @ts-ignore\nimport ns from './lib/ns'\nimport { acl, aclControl } from './acl/index'\nimport { create } from './create/index'\n// @ts-ignore\nimport { icons } from './lib/iconBase'\nimport * as language from './widgets/forms/autocomplete/language'\nimport * as log from './lib/log'\nimport { matrix } from './matrix/index'\nimport { media } from './media/index'\n// @ts-ignore\nimport { messageArea } from './lib/messageArea'\n// @ts-ignore\nimport { infiniteMessageArea } from './chat/infinite'\n// @ts-ignore\nimport * as pad from './lib/pad'\n// @ts-ignore\nimport * as participation from './lib/participation'\n// @ts-ignore\nimport * as preferences from './lib/preferences'\n// @ts-ignore\nimport { style } from './lib/style'\n// @ts-ignore\nimport { renderTableViewPane as table } from './lib/table'\nimport * as tabs from './lib/tabs'\n// @ts-ignore\nimport * as utils from './utils'\nimport * as login from './login/login'\nimport * as widgets from './widgets/index'\nimport { initHeader } from './header'\nimport { initFooter } from './footer'\nimport * as createTypes from './create/types'\n\nexport const dom = typeof window !== 'undefined' ? window.document : null // Idea that UI.dom can be adapted in non-browser environments\n\n// this variables are directly used in the storybook\nexport {\n  ns,\n  acl,\n  aclControl,\n  create,\n  createTypes,\n  icons,\n  language,\n  log,\n  login,\n  matrix,\n  media,\n  messageArea,\n  infiniteMessageArea,\n  pad,\n  participation,\n  preferences,\n  style,\n  table,\n  tabs,\n  utils,\n  widgets,\n  initHeader,\n  initFooter\n}\n// uses in solid-panes\nexport type { CreateContext, NewAppInstanceOptions } from './create/types'\n\nexport * from './lib/auth'\nexport * from './lib/components'\nexport * from './lib/dialogs'\nexport * from './lib/menus'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAa,IAAM,OAAO,SAAW,MAAc,OAAO,WAAW"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["// REMOVE @ts-ignore as you migrate files to TypeScript\n// @ts-ignore\nimport ns from './lib/ns'\nimport { acl, aclControl } from './acl/index'\nimport { create } from './create/index'\n// @ts-ignore\nimport { icons } from './lib/iconBase'\nimport * as language from './widgets/forms/autocomplete/language'\nimport * as log from './lib/log'\nimport { matrix } from './matrix/index'\nimport { media } from './media/index'\n// @ts-ignore\nimport { messageArea } from './lib/messageArea'\n// @ts-ignore\nimport { infiniteMessageArea } from './chat/infinite'\n// @ts-ignore\nimport * as pad from './lib/pad'\n// @ts-ignore\nimport * as participation from './lib/participation'\n// @ts-ignore\nimport * as preferences from './lib/preferences'\n// @ts-ignore\nimport { style } from './lib/style'\n// @ts-ignore\nimport { renderTableViewPane as table } from './lib/table'\nimport * as tabs from './lib/tabs'\n// @ts-ignore\nimport * as utils from './utils'\nimport * as login from './login/login'\nimport * as widgets from './widgets/index'\nimport { initHeader } from './header'\nimport { initFooter } from './footer'\nimport * as createTypes from './create/types'\n\nexport const dom = typeof window !== 'undefined' ? window.document : null // Idea that UI.dom can be adapted in non-browser environments\n\n// this variables are directly used in the storybook\nexport {\n  ns,\n  acl,\n  aclControl,\n  create,\n  createTypes,\n  icons,\n  language,\n  log,\n  login,\n  matrix,\n  media,\n  messageArea,\n  infiniteMessageArea,\n  pad,\n  participation,\n  preferences,\n  style,\n  table,\n  tabs,\n  utils,\n  widgets,\n  initHeader,\n  initFooter\n}\n// uses in solid-panes\nexport type { CreateContext, NewAppInstanceOptions } from './create/types'\n\nexport * from './lib/auth'\nexport * from './lib/components'\nexport * from './lib/dialogs'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAa,IAAM,OAAO,SAAW,MAAc,OAAO,WAAW"}

package/dist/index.js

@@ -1,10 +1,8 @@
 import { g as e } from "./chunks/solid-logic.esm-7q6hmfIF.js";
-import { S as t, _ as n, a as r, b as i, c as a, d as o, f as s, g as c, h as l, i as u, l as d, m as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y, v as b, x, y as S } from "./chunks/src-f1UXhE9W.js";
+import { S as t, _ as n, a as r, b as i, c as a, d as o, f as s, g as c, h as l, i as u, l as d, m as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y, v as b, x, y as S } from "./chunks/src-BOU-JwWx.js";
 import { n as C } from "./chunks/iconBase-DJ0zbNSL.js";
-import { a as w, c as T, l as E, n as D, o as O, s as k, t as A, u as j } from "./chunks/auth-BPQUXz9Q.js";
-import { t as M } from "./chunks/context-ImtIQIYP.js";
-import { n as N, r as P, t as F } from "./chunks/components-Dlw2zOvI.js";
-import { t as I } from "./chunks/close-dialog-qpl1X44Q.js";
-import { t as L } from "./chunks/show-dialog-eEW5yRBv.js";
-import { t as R } from "./chunks/context-ChcZyr30.js";
-export { j as Account, I as CloseDialogEvent, k as DEFAULT_AUTH_CONTEXT, A as DEFAULT_SIGNUP_URL, O as Dialog, E as NoopAuth, L as ShowDialogEvent, D as SolidAuth, F as WebComponent, l as acl, c as aclControl, T as authContext, f as create, p as createTypes, P as customElement, M as dialogContext, v as dom, N as generateId, C as icons, a as infiniteMessageArea, g as initFooter, u as initHeader, S as language, t as log, n as login, h as matrix, s as media, R as menuContext, o as messageArea, e as ns, d as pad, y as participation, _ as preferences, w as showDialog, i as style, m as table, r as tabs, x as utils, b as widgets };
+import { a as w, c as T, l as E, n as D, o as O, s as k, t as A, u as j } from "./chunks/auth-Cpf3HYqF.js";
+import { n as M, t as N } from "./chunks/context-DJ_8r7Oc.js";
+import { a as P, i as F, n as I, o as L, r as R, t as z } from "./chunks/components-BlEGdx4i.js";
+import { t as B } from "./chunks/show-dialog-eEW5yRBv.js";
+export { j as Account, R as CloseDialogEvent, k as DEFAULT_AUTH_CONTEXT, N as DEFAULT_DIALOG_CONTEXT, A as DEFAULT_SIGNUP_URL, O as Dialog, I as DialogTrait, z as InputTrait, E as NoopAuth, B as ShowDialogEvent, D as SolidAuth, F as WebComponent, l as acl, c as aclControl, T as authContext, f as create, p as createTypes, P as customElement, M as dialogContext, v as dom, L as generateId, C as icons, a as infiniteMessageArea, g as initFooter, u as initHeader, S as language, t as log, n as login, h as matrix, s as media, o as messageArea, e as ns, d as pad, y as participation, _ as preferences, w as showDialog, i as style, m as table, r as tabs, x as utils, b as widgets };

package/dist/lib/components/index.cjs.js

@@ -1 +1 @@
-require("./decorators.cjs.js"),require("./ids.cjs.js"),require("./web-component/WebComponent.cjs.js"),require("./web-component/index.cjs.js");
+require("./ids.cjs.js"),require("./decorators.cjs.js"),require("./web-component/WebComponent.cjs.js"),require("./web-component/index.cjs.js"),require("./traits/DialogTrait.cjs.js"),require("./traits/InputTrait.cjs.js"),require("./traits/index.cjs.js");

package/dist/lib/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './decorators';
 export * from './ids';
 export * from './web-component';
+export * from './traits';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA"}

package/dist/lib/components/index.esm.js

@@ -1,4 +1,7 @@
-import "./decorators.esm.js";
 import "./ids.esm.js";
+import "./decorators.esm.js";
 import "./web-component/WebComponent.esm.js";
 import "./web-component/index.esm.js";
+import "./traits/DialogTrait.esm.js";
+import "./traits/InputTrait.esm.js";
+import "./traits/index.esm.js";

package/dist/lib/components/traits/DialogTrait.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../../dialogs/events/close-dialog.cjs.js");var t=class{target;config;constructor(e,t){this.target=e,this.config=t}close(t){window.dispatchEvent(new e.CloseDialogEvent(this.config.getContext().id,t))}};exports.default=t;
+//# sourceMappingURL=DialogTrait.cjs.js.map

package/dist/lib/components/traits/DialogTrait.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTrait.cjs.js","names":[],"sources":["../../../../src/lib/components/traits/DialogTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\nimport type { DialogContext } from '@/lib/dialogs/context'\n\nimport { WebComponentTrait } from './WebComponentTrait'\n\nexport interface DialogTraitConfig {\n  getContext: () => DialogContext\n}\n\nexport default class DialogTrait<T> implements WebComponentTrait {\n  public target: WebComponent\n  private config: DialogTraitConfig\n\n  constructor (target: WebComponent, config: DialogTraitConfig) {\n    this.target = target\n    this.config = config\n  }\n\n  close (data?: T) {\n    window.dispatchEvent(new CloseDialogEvent(this.config.getContext().id, data))\n  }\n}\n"],"mappings":"4DAUA,IAAqB,EAArB,KAAiE,CAC/D,OACA,OAEA,YAAa,EAAsB,EAA2B,CAC5D,KAAK,OAAS,EACd,KAAK,OAAS,CAChB,CAEA,MAAO,EAAU,CACf,OAAO,cAAc,IAAI,EAAA,iBAAiB,KAAK,OAAO,WAAW,EAAE,GAAI,CAAI,CAAC,CAC9E,CACF"}

package/dist/lib/components/traits/DialogTrait.d.ts

@@ -0,0 +1,13 @@
+import { WebComponent } from '..';
+import { DialogContext } from '../../dialogs/context';
+import { WebComponentTrait } from './WebComponentTrait';
+export interface DialogTraitConfig {
+    getContext: () => DialogContext;
+}
+export default class DialogTrait<T> implements WebComponentTrait {
+    target: WebComponent;
+    private config;
+    constructor(target: WebComponent, config: DialogTraitConfig);
+    close(data?: T): void;
+}
+//# sourceMappingURL=DialogTrait.d.ts.map

package/dist/lib/components/traits/DialogTrait.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTrait.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/DialogTrait.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,aAAa,CAAA;CAChC;AAED,MAAM,CAAC,OAAO,OAAO,WAAW,CAAC,CAAC,CAAE,YAAW,iBAAiB;IACvD,MAAM,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,MAAM,CAAmB;gBAEpB,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB;IAK5D,KAAK,CAAE,IAAI,CAAC,EAAE,CAAC;CAGhB"}

package/dist/lib/components/traits/DialogTrait.esm.js

@@ -0,0 +1,16 @@
+import { CloseDialogEvent as e } from "../../dialogs/events/close-dialog.esm.js";
+//#region src/lib/components/traits/DialogTrait.ts
+var t = class {
+	target;
+	config;
+	constructor(e, t) {
+		this.target = e, this.config = t;
+	}
+	close(t) {
+		window.dispatchEvent(new e(this.config.getContext().id, t));
+	}
+};
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=DialogTrait.esm.js.map

package/dist/lib/components/traits/DialogTrait.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTrait.esm.js","names":[],"sources":["../../../../src/lib/components/traits/DialogTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\nimport type { DialogContext } from '@/lib/dialogs/context'\n\nimport { WebComponentTrait } from './WebComponentTrait'\n\nexport interface DialogTraitConfig {\n  getContext: () => DialogContext\n}\n\nexport default class DialogTrait<T> implements WebComponentTrait {\n  public target: WebComponent\n  private config: DialogTraitConfig\n\n  constructor (target: WebComponent, config: DialogTraitConfig) {\n    this.target = target\n    this.config = config\n  }\n\n  close (data?: T) {\n    window.dispatchEvent(new CloseDialogEvent(this.config.getContext().id, data))\n  }\n}\n"],"mappings":";;AAUA,IAAqB,IAArB,MAAiE;CAC/D;CACA;CAEA,YAAa,GAAsB,GAA2B;EAE5D,AADA,KAAK,SAAS,GACd,KAAK,SAAS;CAChB;CAEA,MAAO,GAAU;EACf,OAAO,cAAc,IAAI,EAAiB,KAAK,OAAO,WAAW,EAAE,IAAI,CAAI,CAAC;CAC9E;AACF"}

package/dist/lib/components/traits/InputTrait.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../ids.cjs.js");require("../index.cjs.js");let t=require("lit");var n=class{inputId;target;config;constructor(t,n){this.config=n,this.inputId=`input-${e.generateId()}`,this.target=t}firstUpdated(){this.config.getInternals().setFormValue(this.target.value),this.updateValidity()}updated(e){(e.has(`value`)||e.has(`required`))&&this.updateValidity()}formResetCallback(){this.target.value=``,this.config.getInternals().setFormValue(``),this.updateValidity(),this.config.onValueChanged?.(``)}renderLabel(){return this.target.label?t.html`<label for="${this.inputId}">${this.target.label}</label>`:t.nothing}onInput(){this.setValue(this.config.getInputElement()?.value??``)}onSubmit(){this.config.getInternals().form?.requestSubmit()}setValue(e){this.target.value=e,this.config.getInternals().setFormValue(this.target.value),this.target.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.config.onValueChanged?.(this.target.value)}updateValidity(){let e=this.config.getInternals();this.target.required&&this.target.value===``?e.setValidity({valueMissing:!0},`Please fill out this field.`,this.config.getInputElement()??void 0):e.setValidity({})}};exports.default=n;
+//# sourceMappingURL=InputTrait.cjs.js.map

package/dist/lib/components/traits/InputTrait.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTrait.cjs.js","names":[],"sources":["../../../../src/lib/components/traits/InputTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\n\nimport { generateId } from '@/lib/components'\n\nimport type { WebComponentTrait } from './WebComponentTrait'\n\nexport type InputTraitTarget = WebComponent & {\n  name: string;\n  label: string;\n  required: boolean;\n  value: string;\n}\n\nexport interface InputTraitConfig {\n  getInputElement(): HTMLInputElement | HTMLSelectElement | null\n  getInternals(): ElementInternals\n  onValueChanged?: (value: string) => void\n}\n\nexport default class InputTrait implements WebComponentTrait {\n  public inputId: string\n  public target: InputTraitTarget\n  private config: InputTraitConfig\n\n  constructor (target: InputTraitTarget, config: InputTraitConfig) {\n    this.config = config\n    this.inputId = `input-${generateId()}`\n    this.target = target\n  }\n\n  firstUpdated () {\n    this.config.getInternals().setFormValue(this.target.value)\n    this.updateValidity()\n  }\n\n  updated (changedProperties: Map<PropertyKey, unknown>) {\n    if (changedProperties.has('value') || changedProperties.has('required')) {\n      this.updateValidity()\n    }\n  }\n\n  formResetCallback () {\n    this.target.value = ''\n    this.config.getInternals().setFormValue('')\n    this.updateValidity()\n    this.config.onValueChanged?.('')\n  }\n\n  renderLabel () {\n    return this.target.label\n      ? html`<label for=\"${this.inputId}\">${this.target.label}</label>`\n      : nothing\n  }\n\n  onInput () {\n    this.setValue(this.config.getInputElement()?.value ?? '')\n  }\n\n  onSubmit () {\n    this.config.getInternals().form?.requestSubmit()\n  }\n\n  setValue (value: string) {\n    this.target.value = value\n\n    this.config.getInternals().setFormValue(this.target.value)\n    this.target.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }))\n    this.config.onValueChanged?.(this.target.value)\n  }\n\n  private updateValidity () {\n    const internals = this.config.getInternals()\n\n    if (this.target.required && this.target.value === '') {\n      internals.setValidity(\n        { valueMissing: true },\n        'Please fill out this field.',\n        this.config.getInputElement() ?? undefined\n      )\n    } else {\n      internals.setValidity({})\n    }\n  }\n}\n"],"mappings":"iFAoBA,IAAqB,EAArB,KAA6D,CAC3D,QACA,OACA,OAEA,YAAa,EAA0B,EAA0B,CAC/D,KAAK,OAAS,EACd,KAAK,QAAU,SAAS,EAAA,WAAW,IACnC,KAAK,OAAS,CAChB,CAEA,cAAgB,CACd,KAAK,OAAO,aAAa,EAAE,aAAa,KAAK,OAAO,KAAK,EACzD,KAAK,eAAe,CACtB,CAEA,QAAS,EAA8C,EACjD,EAAkB,IAAI,OAAO,GAAK,EAAkB,IAAI,UAAU,IACpE,KAAK,eAAe,CAExB,CAEA,mBAAqB,CACnB,KAAK,OAAO,MAAQ,GACpB,KAAK,OAAO,aAAa,EAAE,aAAa,EAAE,EAC1C,KAAK,eAAe,EACpB,KAAK,OAAO,iBAAiB,EAAE,CACjC,CAEA,aAAe,CACb,OAAO,KAAK,OAAO,MACf,EAAA,IAAI,eAAe,KAAK,QAAQ,IAAI,KAAK,OAAO,MAAM,UACtD,EAAA,OACN,CAEA,SAAW,CACT,KAAK,SAAS,KAAK,OAAO,gBAAgB,GAAG,OAAS,EAAE,CAC1D,CAEA,UAAY,CACV,KAAK,OAAO,aAAa,EAAE,MAAM,cAAc,CACjD,CAEA,SAAU,EAAe,CACvB,KAAK,OAAO,MAAQ,EAEpB,KAAK,OAAO,aAAa,EAAE,aAAa,KAAK,OAAO,KAAK,EACzD,KAAK,OAAO,cAAc,IAAI,WAAW,QAAS,CAAE,QAAS,GAAM,SAAU,EAAK,CAAC,CAAC,EACpF,KAAK,OAAO,iBAAiB,KAAK,OAAO,KAAK,CAChD,CAEA,gBAA0B,CACxB,IAAM,EAAY,KAAK,OAAO,aAAa,EAEvC,KAAK,OAAO,UAAY,KAAK,OAAO,QAAU,GAChD,EAAU,YACR,CAAE,aAAc,EAAK,EACrB,8BACA,KAAK,OAAO,gBAAgB,GAAK,IAAA,EACnC,EAEA,EAAU,YAAY,CAAC,CAAC,CAE5B,CACF"}

package/dist/lib/components/traits/InputTrait.d.ts

@@ -0,0 +1,29 @@
+import { WebComponent } from '..';
+import { nothing } from 'lit';
+import { WebComponentTrait } from './WebComponentTrait';
+export type InputTraitTarget = WebComponent & {
+    name: string;
+    label: string;
+    required: boolean;
+    value: string;
+};
+export interface InputTraitConfig {
+    getInputElement(): HTMLInputElement | HTMLSelectElement | null;
+    getInternals(): ElementInternals;
+    onValueChanged?: (value: string) => void;
+}
+export default class InputTrait implements WebComponentTrait {
+    inputId: string;
+    target: InputTraitTarget;
+    private config;
+    constructor(target: InputTraitTarget, config: InputTraitConfig);
+    firstUpdated(): void;
+    updated(changedProperties: Map<PropertyKey, unknown>): void;
+    formResetCallback(): void;
+    renderLabel(): import('lit-html').TemplateResult<1> | typeof nothing;
+    onInput(): void;
+    onSubmit(): void;
+    setValue(value: string): void;
+    private updateValidity;
+}
+//# sourceMappingURL=InputTrait.d.ts.map

package/dist/lib/components/traits/InputTrait.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTrait.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/InputTrait.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAInC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,IAAI,CAAA;IAC9D,YAAY,IAAI,gBAAgB,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,CAAC,OAAO,OAAO,UAAW,YAAW,iBAAiB;IACnD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,gBAAgB,CAAA;IAC/B,OAAO,CAAC,MAAM,CAAkB;gBAEnB,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB;IAM/D,YAAY;IAKZ,OAAO,CAAE,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMrD,iBAAiB;IAOjB,WAAW;IAMX,OAAO;IAIP,QAAQ;IAIR,QAAQ,CAAE,KAAK,EAAE,MAAM;IAQvB,OAAO,CAAC,cAAc;CAavB"}

package/dist/lib/components/traits/InputTrait.esm.js

@@ -0,0 +1,44 @@
+import { generateId as e } from "../ids.esm.js";
+import "../index.esm.js";
+import { html as t, nothing as n } from "lit";
+//#region src/lib/components/traits/InputTrait.ts
+var r = class {
+	inputId;
+	target;
+	config;
+	constructor(t, n) {
+		this.config = n, this.inputId = `input-${e()}`, this.target = t;
+	}
+	firstUpdated() {
+		this.config.getInternals().setFormValue(this.target.value), this.updateValidity();
+	}
+	updated(e) {
+		(e.has("value") || e.has("required")) && this.updateValidity();
+	}
+	formResetCallback() {
+		this.target.value = "", this.config.getInternals().setFormValue(""), this.updateValidity(), this.config.onValueChanged?.("");
+	}
+	renderLabel() {
+		return this.target.label ? t`<label for="${this.inputId}">${this.target.label}</label>` : n;
+	}
+	onInput() {
+		this.setValue(this.config.getInputElement()?.value ?? "");
+	}
+	onSubmit() {
+		this.config.getInternals().form?.requestSubmit();
+	}
+	setValue(e) {
+		this.target.value = e, this.config.getInternals().setFormValue(this.target.value), this.target.dispatchEvent(new InputEvent("input", {
+			bubbles: !0,
+			composed: !0
+		})), this.config.onValueChanged?.(this.target.value);
+	}
+	updateValidity() {
+		let e = this.config.getInternals();
+		this.target.required && this.target.value === "" ? e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this.config.getInputElement() ?? void 0) : e.setValidity({});
+	}
+};
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=InputTrait.esm.js.map

package/dist/lib/components/traits/InputTrait.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTrait.esm.js","names":[],"sources":["../../../../src/lib/components/traits/InputTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\n\nimport { generateId } from '@/lib/components'\n\nimport type { WebComponentTrait } from './WebComponentTrait'\n\nexport type InputTraitTarget = WebComponent & {\n  name: string;\n  label: string;\n  required: boolean;\n  value: string;\n}\n\nexport interface InputTraitConfig {\n  getInputElement(): HTMLInputElement | HTMLSelectElement | null\n  getInternals(): ElementInternals\n  onValueChanged?: (value: string) => void\n}\n\nexport default class InputTrait implements WebComponentTrait {\n  public inputId: string\n  public target: InputTraitTarget\n  private config: InputTraitConfig\n\n  constructor (target: InputTraitTarget, config: InputTraitConfig) {\n    this.config = config\n    this.inputId = `input-${generateId()}`\n    this.target = target\n  }\n\n  firstUpdated () {\n    this.config.getInternals().setFormValue(this.target.value)\n    this.updateValidity()\n  }\n\n  updated (changedProperties: Map<PropertyKey, unknown>) {\n    if (changedProperties.has('value') || changedProperties.has('required')) {\n      this.updateValidity()\n    }\n  }\n\n  formResetCallback () {\n    this.target.value = ''\n    this.config.getInternals().setFormValue('')\n    this.updateValidity()\n    this.config.onValueChanged?.('')\n  }\n\n  renderLabel () {\n    return this.target.label\n      ? html`<label for=\"${this.inputId}\">${this.target.label}</label>`\n      : nothing\n  }\n\n  onInput () {\n    this.setValue(this.config.getInputElement()?.value ?? '')\n  }\n\n  onSubmit () {\n    this.config.getInternals().form?.requestSubmit()\n  }\n\n  setValue (value: string) {\n    this.target.value = value\n\n    this.config.getInternals().setFormValue(this.target.value)\n    this.target.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }))\n    this.config.onValueChanged?.(this.target.value)\n  }\n\n  private updateValidity () {\n    const internals = this.config.getInternals()\n\n    if (this.target.required && this.target.value === '') {\n      internals.setValidity(\n        { valueMissing: true },\n        'Please fill out this field.',\n        this.config.getInputElement() ?? undefined\n      )\n    } else {\n      internals.setValidity({})\n    }\n  }\n}\n"],"mappings":";;;;AAoBA,IAAqB,IAArB,MAA6D;CAC3D;CACA;CACA;CAEA,YAAa,GAA0B,GAA0B;EAG/D,AAFA,KAAK,SAAS,GACd,KAAK,UAAU,SAAS,EAAW,KACnC,KAAK,SAAS;CAChB;CAEA,eAAgB;EAEd,AADA,KAAK,OAAO,aAAa,EAAE,aAAa,KAAK,OAAO,KAAK,GACzD,KAAK,eAAe;CACtB;CAEA,QAAS,GAA8C;EACrD,CAAI,EAAkB,IAAI,OAAO,KAAK,EAAkB,IAAI,UAAU,MACpE,KAAK,eAAe;CAExB;CAEA,oBAAqB;EAInB,AAHA,KAAK,OAAO,QAAQ,IACpB,KAAK,OAAO,aAAa,EAAE,aAAa,EAAE,GAC1C,KAAK,eAAe,GACpB,KAAK,OAAO,iBAAiB,EAAE;CACjC;CAEA,cAAe;EACb,OAAO,KAAK,OAAO,QACf,CAAI,eAAe,KAAK,QAAQ,IAAI,KAAK,OAAO,MAAM,YACtD;CACN;CAEA,UAAW;EACT,KAAK,SAAS,KAAK,OAAO,gBAAgB,GAAG,SAAS,EAAE;CAC1D;CAEA,WAAY;EACV,KAAK,OAAO,aAAa,EAAE,MAAM,cAAc;CACjD;CAEA,SAAU,GAAe;EAKvB,AAJA,KAAK,OAAO,QAAQ,GAEpB,KAAK,OAAO,aAAa,EAAE,aAAa,KAAK,OAAO,KAAK,GACzD,KAAK,OAAO,cAAc,IAAI,WAAW,SAAS;GAAE,SAAS;GAAM,UAAU;EAAK,CAAC,CAAC,GACpF,KAAK,OAAO,iBAAiB,KAAK,OAAO,KAAK;CAChD;CAEA,iBAA0B;EACxB,IAAM,IAAY,KAAK,OAAO,aAAa;EAE3C,AAAI,KAAK,OAAO,YAAY,KAAK,OAAO,UAAU,KAChD,EAAU,YACR,EAAE,cAAc,GAAK,GACrB,+BACA,KAAK,OAAO,gBAAgB,KAAK,KAAA,CACnC,IAEA,EAAU,YAAY,CAAC,CAAC;CAE5B;AACF"}

package/dist/lib/components/traits/WebComponentTrait.d.ts

@@ -0,0 +1,11 @@
+import { WebComponent } from '..';
+export type WebComponentTraitMethodKey = NonNullable<{
+    [K in keyof WebComponentTrait]: NonNullable<WebComponentTrait[K]> extends (...args: any[]) => any ? K : never;
+}[keyof WebComponentTrait]>;
+export interface WebComponentTrait {
+    target: WebComponent;
+    firstUpdated?(): void;
+    updated?(changedProperties: Map<PropertyKey, unknown>): void;
+    formResetCallback?(): void;
+}
+//# sourceMappingURL=WebComponentTrait.d.ts.map

package/dist/lib/components/traits/WebComponentTrait.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebComponentTrait.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/WebComponentTrait.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC;KAClD,CAAC,IAAI,MAAM,iBAAiB,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,KAAK;CAC9G,CAAC,MAAM,iBAAiB,CAAC,CAAC,CAAA;AAE3B,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,CAAA;IACpB,YAAY,CAAC,IAAI,IAAI,CAAC;IACtB,OAAO,CAAC,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,IAAI,IAAI,CAAC;CAC5B"}

package/dist/lib/components/traits/index.cjs.js

@@ -0,0 +1 @@
+require("./DialogTrait.cjs.js"),require("./InputTrait.cjs.js");

package/dist/lib/components/traits/index.d.ts

@@ -0,0 +1,6 @@
+export * from './DialogTrait';
+export * from './InputTrait';
+export * from './WebComponentTrait';
+export { default as DialogTrait } from './DialogTrait';
+export { default as InputTrait } from './InputTrait';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/traits/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/lib/components/traits/index.esm.js

@@ -0,0 +1,2 @@
+import "./DialogTrait.esm.js";
+import "./InputTrait.esm.js";

package/dist/lib/components/web-component/WebComponent.cjs.js

@@ -1,2 +1,2 @@
-const e=require("./WebComponent.styles.cjs.js");let t=require("lit");var n=class extends t.LitElement{static states;static finalizeStyles(t){return[e.default,...super.finalizeStyles(t)]}internals;globalListeners=[];disconnectedCallback(){super.disconnectedCallback();for(let[e,t]of this.globalListeners)window.removeEventListener(e,t);this.globalListeners=[]}willUpdate(e){super.willUpdate(e);let t=this.static().states;if(!t)return;let n=this.getInternals();for(let[e,r]of Object.entries(t)){let t=r(this);t&&!n.states.has(e)?n.states.add(e):!t&&n.states.has(e)&&n.states.delete(e)}}addGlobalEventListener(e,t){this.globalListeners.push([e,t]),window.addEventListener(e,t)}render(){return t.html`<slot></slot>`}getInternals(){return this.internals??=this.attachInternals(),this.internals}static(){return this.constructor}};exports.default=n;
+const e=require("./WebComponent.styles.cjs.js");let t=require("lit");var n=class extends t.LitElement{static states;static finalizeStyles(t){return[e.default,...super.finalizeStyles(t)]}internals;globalListeners=[];traits=[];disconnectedCallback(){super.disconnectedCallback();for(let[e,t]of this.globalListeners)window.removeEventListener(e,t);this.globalListeners=[]}addTrait(e){return this.traits.push(e),e}firstUpdated(){this.forwardMethodCall(`firstUpdated`)}updated(e){this.forwardMethodCall(`updated`,e)}formResetCallback(){this.forwardMethodCall(`formResetCallback`)}willUpdate(e){super.willUpdate(e);let t=this.static().states;if(!t)return;let n=this.getInternals();for(let[e,r]of Object.entries(t)){let t=r(this);t&&!n.states.has(e)?n.states.add(e):!t&&n.states.has(e)&&n.states.delete(e)}}addGlobalEventListener(e,t){this.globalListeners.push([e,t]),window.addEventListener(e,t)}render(){return t.html`<slot></slot>`}getInternals(){return this.internals??=this.attachInternals(),this.internals}static(){return this.constructor}forwardMethodCall(e,...t){for(let n of this.traits)n[e]?.(...t)}};exports.default=n;
 //# sourceMappingURL=WebComponent.cjs.js.map

package/dist/lib/components/web-component/WebComponent.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebComponent.cjs.js","names":[],"sources":["../../../../src/lib/components/web-component/WebComponent.ts"],"sourcesContent":["import { html, LitElement, type CSSResultGroup } from 'lit'\n\nimport styles from './WebComponent.styles.css'\n\nexport default abstract class WebComponent extends LitElement {\n  static states?: Record<string, Function>\n\n  protected static finalizeStyles (componentStyles?: CSSResultGroup) {\n    const elementStyles = super.finalizeStyles(componentStyles)\n\n    return [styles, ...elementStyles]\n  }\n\n  protected internals?: ElementInternals\n  protected globalListeners: [type: string, listener: EventListener][] = []\n\n  disconnectedCallback (): void {\n    super.disconnectedCallback()\n\n    for (const [type, listener] of this.globalListeners) {\n      window.removeEventListener(type, listener)\n    }\n\n    this.globalListeners = []\n  }\n\n  protected willUpdate (changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n\n    const states = this.static().states\n\n    if (!states) {\n      return\n    }\n\n    const internals = this.getInternals()\n\n    for (const [state, condition] of Object.entries(states)) {\n      const matches = condition(this)\n\n      if (matches && !internals.states.has(state)) {\n        internals.states.add(state)\n      } else if (!matches && internals.states.has(state)) {\n        internals.states.delete(state)\n      }\n    }\n  }\n\n  protected addGlobalEventListener <T extends keyof WindowEventMap>(type: T, listener: (this: Window, ev: WindowEventMap[T]) => any) {\n    this.globalListeners.push([type, listener as EventListener])\n\n    window.addEventListener(type, listener)\n  }\n\n  protected render () {\n    return html`<slot></slot>`\n  }\n\n  protected getInternals (): ElementInternals {\n    this.internals ??= this.attachInternals()\n\n    return this.internals\n  }\n\n  private static (): typeof WebComponent {\n    return this.constructor as typeof WebComponent\n  }\n}\n"],"mappings":"qEAIA,IAA8B,EAA9B,cAAmD,EAAA,UAAW,CAC5D,OAAO,OAEP,OAAiB,eAAgB,EAAkC,CAGjE,MAAO,CAAC,EAAA,QAAQ,GAFM,MAAM,eAAe,CAExB,CAAa,CAClC,CAEA,UACA,gBAAuE,CAAC,EAExE,sBAA8B,CAC5B,MAAM,qBAAqB,EAE3B,IAAK,GAAM,CAAC,EAAM,KAAa,KAAK,gBAClC,OAAO,oBAAoB,EAAM,CAAQ,EAG3C,KAAK,gBAAkB,CAAC,CAC1B,CAEA,WAAsB,EAAqC,CACzD,MAAM,WAAW,CAAiB,EAElC,IAAM,EAAS,KAAK,OAAO,EAAE,OAE7B,GAAI,CAAC,EACH,OAGF,IAAM,EAAY,KAAK,aAAa,EAEpC,IAAK,GAAM,CAAC,EAAO,KAAc,OAAO,QAAQ,CAAM,EAAG,CACvD,IAAM,EAAU,EAAU,IAAI,EAE1B,GAAW,CAAC,EAAU,OAAO,IAAI,CAAK,EACxC,EAAU,OAAO,IAAI,CAAK,EACjB,CAAC,GAAW,EAAU,OAAO,IAAI,CAAK,GAC/C,EAAU,OAAO,OAAO,CAAK,CAEjC,CACF,CAEA,uBAAkE,EAAS,EAAwD,CACjI,KAAK,gBAAgB,KAAK,CAAC,EAAM,CAAyB,CAAC,EAE3D,OAAO,iBAAiB,EAAM,CAAQ,CACxC,CAEA,QAAoB,CAClB,MAAO,GAAA,IAAI,eACb,CAEA,cAA4C,CAG1C,MAFA,MAAK,YAAc,KAAK,gBAAgB,EAEjC,KAAK,SACd,CAEA,QAAuC,CACrC,OAAO,KAAK,WACd,CACF"}
+{"version":3,"file":"WebComponent.cjs.js","names":[],"sources":["../../../../src/lib/components/web-component/WebComponent.ts"],"sourcesContent":["import { html, LitElement, type CSSResultGroup } from 'lit'\nimport type { WebComponentTrait, WebComponentTraitMethodKey } from '@/lib/components/traits/WebComponentTrait'\n\nimport styles from './WebComponent.styles.css'\n\nexport default abstract class WebComponent extends LitElement {\n  static states?: Record<string, Function>\n\n  protected static finalizeStyles (componentStyles?: CSSResultGroup) {\n    const elementStyles = super.finalizeStyles(componentStyles)\n\n    return [styles, ...elementStyles]\n  }\n\n  protected internals?: ElementInternals\n  protected globalListeners: [type: string, listener: EventListener][] = []\n  protected traits: WebComponentTrait[] = []\n\n  disconnectedCallback (): void {\n    super.disconnectedCallback()\n\n    for (const [type, listener] of this.globalListeners) {\n      window.removeEventListener(type, listener)\n    }\n\n    this.globalListeners = []\n  }\n\n  protected addTrait<T extends WebComponentTrait>(trait: T): T {\n    this.traits.push(trait)\n\n    return trait\n  }\n\n  protected firstUpdated () {\n    this.forwardMethodCall('firstUpdated')\n  }\n\n  protected updated (changedProperties: Map<PropertyKey, unknown>) {\n    this.forwardMethodCall('updated', changedProperties)\n  }\n\n  protected formResetCallback () {\n    this.forwardMethodCall('formResetCallback')\n  }\n\n  protected willUpdate (changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n\n    const states = this.static().states\n\n    if (!states) {\n      return\n    }\n\n    const internals = this.getInternals()\n\n    for (const [state, condition] of Object.entries(states)) {\n      const matches = condition(this)\n\n      if (matches && !internals.states.has(state)) {\n        internals.states.add(state)\n      } else if (!matches && internals.states.has(state)) {\n        internals.states.delete(state)\n      }\n    }\n  }\n\n  protected addGlobalEventListener <T extends keyof WindowEventMap>(type: T, listener: (this: Window, ev: WindowEventMap[T]) => any) {\n    this.globalListeners.push([type, listener as EventListener])\n\n    window.addEventListener(type, listener)\n  }\n\n  protected render () {\n    return html`<slot></slot>`\n  }\n\n  protected getInternals (): ElementInternals {\n    this.internals ??= this.attachInternals()\n\n    return this.internals\n  }\n\n  private static (): typeof WebComponent {\n    return this.constructor as typeof WebComponent\n  }\n\n  private forwardMethodCall<T extends WebComponentTraitMethodKey>(method: T, ...args: Parameters<Required<WebComponentTrait>[T]>) {\n    for (const trait of this.traits) {\n      (trait[method] as Function | undefined)?.(...args)\n    }\n  }\n}\n"],"mappings":"qEAKA,IAA8B,EAA9B,cAAmD,EAAA,UAAW,CAC5D,OAAO,OAEP,OAAiB,eAAgB,EAAkC,CAGjE,MAAO,CAAC,EAAA,QAAQ,GAFM,MAAM,eAAe,CAExB,CAAa,CAClC,CAEA,UACA,gBAAuE,CAAC,EACxE,OAAwC,CAAC,EAEzC,sBAA8B,CAC5B,MAAM,qBAAqB,EAE3B,IAAK,GAAM,CAAC,EAAM,KAAa,KAAK,gBAClC,OAAO,oBAAoB,EAAM,CAAQ,EAG3C,KAAK,gBAAkB,CAAC,CAC1B,CAEA,SAAgD,EAAa,CAG3D,OAFA,KAAK,OAAO,KAAK,CAAK,EAEf,CACT,CAEA,cAA0B,CACxB,KAAK,kBAAkB,cAAc,CACvC,CAEA,QAAmB,EAA8C,CAC/D,KAAK,kBAAkB,UAAW,CAAiB,CACrD,CAEA,mBAA+B,CAC7B,KAAK,kBAAkB,mBAAmB,CAC5C,CAEA,WAAsB,EAAqC,CACzD,MAAM,WAAW,CAAiB,EAElC,IAAM,EAAS,KAAK,OAAO,EAAE,OAE7B,GAAI,CAAC,EACH,OAGF,IAAM,EAAY,KAAK,aAAa,EAEpC,IAAK,GAAM,CAAC,EAAO,KAAc,OAAO,QAAQ,CAAM,EAAG,CACvD,IAAM,EAAU,EAAU,IAAI,EAE1B,GAAW,CAAC,EAAU,OAAO,IAAI,CAAK,EACxC,EAAU,OAAO,IAAI,CAAK,EACjB,CAAC,GAAW,EAAU,OAAO,IAAI,CAAK,GAC/C,EAAU,OAAO,OAAO,CAAK,CAEjC,CACF,CAEA,uBAAkE,EAAS,EAAwD,CACjI,KAAK,gBAAgB,KAAK,CAAC,EAAM,CAAyB,CAAC,EAE3D,OAAO,iBAAiB,EAAM,CAAQ,CACxC,CAEA,QAAoB,CAClB,MAAO,GAAA,IAAI,eACb,CAEA,cAA4C,CAG1C,MAFA,MAAK,YAAc,KAAK,gBAAgB,EAEjC,KAAK,SACd,CAEA,QAAuC,CACrC,OAAO,KAAK,WACd,CAEA,kBAAgE,EAAW,GAAG,EAAkD,CAC9H,IAAK,IAAM,KAAS,KAAK,OACvB,EAAO,KAAmC,GAAG,CAAI,CAErD,CACF"}

package/dist/lib/components/web-component/WebComponent.d.ts

@@ -1,14 +1,21 @@
 import { LitElement, CSSResultGroup } from 'lit';
+import { WebComponentTrait } from '../traits/WebComponentTrait';
 export default abstract class WebComponent extends LitElement {
     static states?: Record<string, Function>;
     protected static finalizeStyles(componentStyles?: CSSResultGroup): import('lit').CSSResultOrNative[];
     protected internals?: ElementInternals;
     protected globalListeners: [type: string, listener: EventListener][];
+    protected traits: WebComponentTrait[];
     disconnectedCallback(): void;
+    protected addTrait<T extends WebComponentTrait>(trait: T): T;
+    protected firstUpdated(): void;
+    protected updated(changedProperties: Map<PropertyKey, unknown>): void;
+    protected formResetCallback(): void;
     protected willUpdate(changedProperties: Map<string, any>): void;
     protected addGlobalEventListener<T extends keyof WindowEventMap>(type: T, listener: (this: Window, ev: WindowEventMap[T]) => any): void;
     protected render(): import('lit-html').TemplateResult<1>;
     protected getInternals(): ElementInternals;
     private static;
+    private forwardMethodCall;
 }
 //# sourceMappingURL=WebComponent.d.ts.map