solid-ui 3.1.3-5 → 3.1.3-7

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 { g as e } from "./chunks/solid-logic.esm-T70qfHAr.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-Bx4GAnWq.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-RHyQ2iIl.js";
+import { n as M, t as N } from "./chunks/context-uE5jJlS0.js";
+import { a as P, i as F, n as I, o as L, r as R, t as z } from "./chunks/components-C1LEhsaK.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/auth/SolidAuth.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAuth.cjs.js","names":[],"sources":["../../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["import { authSession, solidLogicSingleton } from 'solid-logic'\nimport Account from '@/lib/auth/Account'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\nimport { html } from 'lit'\nimport ns from '@/lib/ns'\n\nimport '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(html`<solid-ui-login-modal></solid-ui-login-modal>`)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', callback)\n      authSession.events.on('logout', callback)\n      authSession.events.on('sessionRestore', callback)\n    }\n\n    return () => {\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', callback)\n        authSession.events.off('logout', callback)\n        authSession.events.off('sessionRestore', callback)\n      }\n    }\n  }\n}\n"],"mappings":"2OASA,IAAa,EAAqB,qCAElC,SAAS,EAAkB,EAAmC,CAC5D,IAAM,EAAQ,EAAA,oBAAoB,MAC5B,EAAK,EAAM,IAAI,CAAK,EACpB,EACJ,EAAM,IAAI,EAAI,EAAA,QAAG,KAAK,QAAQ,CAAC,GAC/B,EAAM,IAAI,EAAI,EAAA,QAAG,KAAK,KAAK,CAAC,GAC5B,EAAM,IAAI,EAAI,EAAA,QAAG,MAAM,MAAM,CAAC,GAC9B,EAAM,IAAI,EAAI,EAAA,QAAG,MAAM,UAAU,CAAC,GAClC,EAAM,IAAI,EAAI,EAAA,QAAG,MAAM,OAAO,CAAC,GAC/B,EAAM,IAAI,EAAI,EAAA,QAAG,KAAK,WAAW,CAAC,EAEpC,OAAO,EAAS,EAAc,MAAQ,IAAA,EACxC,CAEA,IAAqB,EAArB,KAAsD,CAChC,UAApB,YAAa,EAA2B,EAAoB,CAAxC,KAAA,UAAA,CAAyC,CAE7D,IAAI,SAA2B,CAC7B,IAAM,EAA4B,EAAA,YAAY,OAAS,EAAA,YAAY,MAAM,MAQzE,MANI,EADsB,EAAA,YAAY,UAAY,EAAA,YAAY,MAAM,YAAc,EAAQ,IACzE,CAAC,EACT,KAKF,IAAI,EAAA,QAAQ,EAFD,EAAiB,CAET,CAAS,CACrC,CAEA,MAAM,MAAO,EAAmB,CAC9B,GAAI,CAAC,EAAU,CACb,EAAA,WAAW,EAAA,IAAI,+CAA+C,EAE9D,MACF,CAGC,EAAA,oBAAqB,MAAM,QAAgB,0BAA0B,EAEtE,IAAM,EAAuB,IAAI,IAAI,OAAO,SAAS,IAAI,EAAE,KACvD,GACF,OAAO,aAAa,QAAQ,uBAAwB,CAAoB,EAE1E,OAAO,aAAa,QAAQ,cAAe,CAAQ,EAEnD,IAAM,EAAc,IAAI,IAAI,OAAO,SAAS,IAAI,EAEhD,EAAY,KAAO,GAEnB,MAAM,EAAA,YAAY,MAAM,EAAU,EAAY,IAAI,CACpD,CAEA,MAAM,QAAU,CACd,OAAO,KAAK,KAAK,UAAW,SAAU,qBAAqB,CAC7D,CAEA,MAAM,QAAU,CACd,MAAM,EAAA,YAAY,OAAO,CAC3B,CAEA,iBAAkB,EAAyB,CACzC,IAAM,EAAqB,EAAA,YACrB,MAAiB,CACrB,EAAS,CACX,EASA,OARI,OAAO,EAAmB,kBAAqB,WACjD,EAAmB,iBAAiB,qBAAsB,CAAQ,GAElE,EAAA,YAAY,OAAO,GAAG,QAAS,CAAQ,EACvC,EAAA,YAAY,OAAO,GAAG,SAAU,CAAQ,EACxC,EAAA,YAAY,OAAO,GAAG,iBAAkB,CAAQ,OAGrC,CACP,OAAO,EAAmB,qBAAwB,WACpD,EAAmB,oBAAoB,qBAAsB,CAAQ,GAErE,EAAA,YAAY,OAAO,IAAI,QAAS,CAAQ,EACxC,EAAA,YAAY,OAAO,IAAI,SAAU,CAAQ,EACzC,EAAA,YAAY,OAAO,IAAI,iBAAkB,CAAQ,EAErD,CACF,CACF"}
+{"version":3,"file":"SolidAuth.cjs.js","names":[],"sources":["../../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["import { authSession, solidLogicSingleton } from 'solid-logic'\nimport Account from '@/lib/auth/Account'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\nimport { html } from 'lit'\nimport ns from '@/lib/ns'\n\nimport '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(html`<solid-ui-login-modal></solid-ui-login-modal>`)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', callback)\n      authSession.events.on('logout', callback)\n      authSession.events.on('sessionRestore', callback)\n    }\n\n    return () => {\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', callback)\n        authSession.events.off('logout', callback)\n        authSession.events.off('sessionRestore', callback)\n      }\n    }\n  }\n}\n"],"mappings":"2OASA,IAAa,EAAqB,qCAElC,SAAS,EAAkB,EAAmC,CAC5D,IAAM,EAAQ,EAAA,oBAAoB,MAC5B,EAAK,EAAM,IAAI,CAAK,EACpB,EACJ,EAAM,IAAI,EAAI,EAAA,QAAG,KAAK,QAAQ,CAAC,GAC/B,EAAM,IAAI,EAAI,EAAA,QAAG,KAAK,KAAK,CAAC,GAC5B,EAAM,IAAI,EAAI,EAAA,QAAG,MAAM,MAAM,CAAC,GAC9B,EAAM,IAAI,EAAI,EAAA,QAAG,MAAM,UAAU,CAAC,GAClC,EAAM,IAAI,EAAI,EAAA,QAAG,MAAM,OAAO,CAAC,GAC/B,EAAM,IAAI,EAAI,EAAA,QAAG,KAAK,WAAW,CAAC,EAEpC,OAAO,EAAS,EAAc,MAAQ,IAAA,EACxC,CAEA,IAAqB,EAArB,KAAsD,CAChC,UAApB,YAAa,EAA2B,EAAoB,CAAxC,KAAA,UAAA,CAAyC,CAE7D,IAAI,SAA2B,CAC7B,IAAM,EAA4B,EAAA,YAAY,OAAS,EAAA,YAAY,MAAM,MAQzE,MANI,EADsB,EAAA,YAAY,UAAY,EAAA,YAAY,MAAM,YAAc,EAAQ,IACzE,CAAC,EACT,KAKF,IAAI,EAAA,QAAQ,EAFD,EAAiB,CAET,CAAS,CACrC,CAEA,MAAM,MAAO,EAAmB,CAC9B,GAAI,CAAC,EAAU,CACb,EAAA,WAAW,EAAA,IAAI,+CAA+C,EAE9D,MACF,CAGC,EAAA,oBAAqB,MAAM,QAAgB,0BAA0B,EAEtE,IAAM,EAAuB,IAAI,IAAI,OAAO,SAAS,IAAI,CAAC,CAAC,KACvD,GACF,OAAO,aAAa,QAAQ,uBAAwB,CAAoB,EAE1E,OAAO,aAAa,QAAQ,cAAe,CAAQ,EAEnD,IAAM,EAAc,IAAI,IAAI,OAAO,SAAS,IAAI,EAEhD,EAAY,KAAO,GAEnB,MAAM,EAAA,YAAY,MAAM,EAAU,EAAY,IAAI,CACpD,CAEA,MAAM,QAAU,CACd,OAAO,KAAK,KAAK,UAAW,SAAU,qBAAqB,CAC7D,CAEA,MAAM,QAAU,CACd,MAAM,EAAA,YAAY,OAAO,CAC3B,CAEA,iBAAkB,EAAyB,CACzC,IAAM,EAAqB,EAAA,YACrB,MAAiB,CACrB,EAAS,CACX,EASA,OARI,OAAO,EAAmB,kBAAqB,WACjD,EAAmB,iBAAiB,qBAAsB,CAAQ,GAElE,EAAA,YAAY,OAAO,GAAG,QAAS,CAAQ,EACvC,EAAA,YAAY,OAAO,GAAG,SAAU,CAAQ,EACxC,EAAA,YAAY,OAAO,GAAG,iBAAkB,CAAQ,OAGrC,CACP,OAAO,EAAmB,qBAAwB,WACpD,EAAmB,oBAAoB,qBAAsB,CAAQ,GAErE,EAAA,YAAY,OAAO,IAAI,QAAS,CAAQ,EACxC,EAAA,YAAY,OAAO,IAAI,SAAU,CAAQ,EACzC,EAAA,YAAY,OAAO,IAAI,iBAAkB,CAAQ,EAErD,CACF,CACF"}

package/dist/lib/auth/SolidAuth.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAuth.esm.js","names":[],"sources":["../../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["import { authSession, solidLogicSingleton } from 'solid-logic'\nimport Account from '@/lib/auth/Account'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\nimport { html } from 'lit'\nimport ns from '@/lib/ns'\n\nimport '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(html`<solid-ui-login-modal></solid-ui-login-modal>`)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', callback)\n      authSession.events.on('logout', callback)\n      authSession.events.on('sessionRestore', callback)\n    }\n\n    return () => {\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', callback)\n        authSession.events.off('logout', callback)\n        authSession.events.off('sessionRestore', callback)\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;;;AASA,IAAa,IAAqB;AAElC,SAAS,EAAkB,GAAmC;CAC5D,IAAM,IAAQ,EAAoB,OAC5B,IAAK,EAAM,IAAI,CAAK,GACpB,IACJ,EAAM,IAAI,GAAI,EAAG,KAAK,QAAQ,CAAC,KAC/B,EAAM,IAAI,GAAI,EAAG,KAAK,KAAK,CAAC,KAC5B,EAAM,IAAI,GAAI,EAAG,MAAM,MAAM,CAAC,KAC9B,EAAM,IAAI,GAAI,EAAG,MAAM,UAAU,CAAC,KAClC,EAAM,IAAI,GAAI,EAAG,MAAM,OAAO,CAAC,KAC/B,EAAM,IAAI,GAAI,EAAG,KAAK,WAAW,CAAC;CAEpC,OAAO,IAAS,EAAc,QAAQ,KAAA;AACxC;AAEA,IAAqB,IAArB,MAAsD;CAChC;CAApB,YAAa,IAA2B,GAAoB;EAAxC,KAAA,YAAA;CAAyC;CAE7D,IAAI,UAA2B;EAC7B,IAAM,IAA4B,EAAY,SAAS,EAAY,MAAM;EAQzE,OANI,EADsB,EAAY,YAAY,EAAY,MAAM,cAAc,EAAQ,MACzE,CAAC,IACT,OAKF,IAAI,EAAQ,GAFD,EAAiB,CAET,CAAS;CACrC;CAEA,MAAM,MAAO,GAAmB;EAC9B,IAAI,CAAC,GAAU;GACb,EAAW,CAAI,+CAA+C;GAE9D;EACF;EAGC,EAAqB,MAAM,QAAgB,0BAA0B;EAEtE,IAAM,IAAuB,IAAI,IAAI,OAAO,SAAS,IAAI,EAAE;EAI3D,AAHI,KACF,OAAO,aAAa,QAAQ,wBAAwB,CAAoB,GAE1E,OAAO,aAAa,QAAQ,eAAe,CAAQ;EAEnD,IAAM,IAAc,IAAI,IAAI,OAAO,SAAS,IAAI;EAIhD,AAFA,EAAY,OAAO,IAEnB,MAAM,EAAY,MAAM,GAAU,EAAY,IAAI;CACpD;CAEA,MAAM,SAAU;EACd,OAAO,KAAK,KAAK,WAAW,UAAU,qBAAqB;CAC7D;CAEA,MAAM,SAAU;EACd,MAAM,EAAY,OAAO;CAC3B;CAEA,iBAAkB,GAAyB;EACzC,IAAM,IAAqB,GACrB,UAAiB;GACrB,EAAS;EACX;EASA,OARI,OAAO,EAAmB,oBAAqB,aACjD,EAAmB,iBAAiB,sBAAsB,CAAQ,KAElE,EAAY,OAAO,GAAG,SAAS,CAAQ,GACvC,EAAY,OAAO,GAAG,UAAU,CAAQ,GACxC,EAAY,OAAO,GAAG,kBAAkB,CAAQ,UAGrC;GACX,AAAI,OAAO,EAAmB,uBAAwB,aACpD,EAAmB,oBAAoB,sBAAsB,CAAQ,KAErE,EAAY,OAAO,IAAI,SAAS,CAAQ,GACxC,EAAY,OAAO,IAAI,UAAU,CAAQ,GACzC,EAAY,OAAO,IAAI,kBAAkB,CAAQ;EAErD;CACF;AACF"}
+{"version":3,"file":"SolidAuth.esm.js","names":[],"sources":["../../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["import { authSession, solidLogicSingleton } from 'solid-logic'\nimport Account from '@/lib/auth/Account'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\nimport { html } from 'lit'\nimport ns from '@/lib/ns'\n\nimport '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(html`<solid-ui-login-modal></solid-ui-login-modal>`)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', callback)\n      authSession.events.on('logout', callback)\n      authSession.events.on('sessionRestore', callback)\n    }\n\n    return () => {\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', callback)\n        authSession.events.off('logout', callback)\n        authSession.events.off('sessionRestore', callback)\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;;;AASA,IAAa,IAAqB;AAElC,SAAS,EAAkB,GAAmC;CAC5D,IAAM,IAAQ,EAAoB,OAC5B,IAAK,EAAM,IAAI,CAAK,GACpB,IACJ,EAAM,IAAI,GAAI,EAAG,KAAK,QAAQ,CAAC,KAC/B,EAAM,IAAI,GAAI,EAAG,KAAK,KAAK,CAAC,KAC5B,EAAM,IAAI,GAAI,EAAG,MAAM,MAAM,CAAC,KAC9B,EAAM,IAAI,GAAI,EAAG,MAAM,UAAU,CAAC,KAClC,EAAM,IAAI,GAAI,EAAG,MAAM,OAAO,CAAC,KAC/B,EAAM,IAAI,GAAI,EAAG,KAAK,WAAW,CAAC;CAEpC,OAAO,IAAS,EAAc,QAAQ,KAAA;AACxC;AAEA,IAAqB,IAArB,MAAsD;CAChC;CAApB,YAAa,IAA2B,GAAoB;EAAxC,KAAA,YAAA;CAAyC;CAE7D,IAAI,UAA2B;EAC7B,IAAM,IAA4B,EAAY,SAAS,EAAY,MAAM;EAQzE,OANI,EADsB,EAAY,YAAY,EAAY,MAAM,cAAc,EAAQ,MACzE,CAAC,IACT,OAKF,IAAI,EAAQ,GAFD,EAAiB,CAET,CAAS;CACrC;CAEA,MAAM,MAAO,GAAmB;EAC9B,IAAI,CAAC,GAAU;GACb,EAAW,CAAI,+CAA+C;GAE9D;EACF;EAGC,EAAqB,MAAM,QAAgB,0BAA0B;EAEtE,IAAM,IAAuB,IAAI,IAAI,OAAO,SAAS,IAAI,CAAC,CAAC;EAI3D,AAHI,KACF,OAAO,aAAa,QAAQ,wBAAwB,CAAoB,GAE1E,OAAO,aAAa,QAAQ,eAAe,CAAQ;EAEnD,IAAM,IAAc,IAAI,IAAI,OAAO,SAAS,IAAI;EAIhD,AAFA,EAAY,OAAO,IAEnB,MAAM,EAAY,MAAM,GAAU,EAAY,IAAI;CACpD;CAEA,MAAM,SAAU;EACd,OAAO,KAAK,KAAK,WAAW,UAAU,qBAAqB;CAC7D;CAEA,MAAM,SAAU;EACd,MAAM,EAAY,OAAO;CAC3B;CAEA,iBAAkB,GAAyB;EACzC,IAAM,IAAqB,GACrB,UAAiB;GACrB,EAAS;EACX;EASA,OARI,OAAO,EAAmB,oBAAqB,aACjD,EAAmB,iBAAiB,sBAAsB,CAAQ,KAElE,EAAY,OAAO,GAAG,SAAS,CAAQ,GACvC,EAAY,OAAO,GAAG,UAAU,CAAQ,GACxC,EAAY,OAAO,GAAG,kBAAkB,CAAQ,UAGrC;GACX,AAAI,OAAO,EAAmB,uBAAwB,aACpD,EAAmB,oBAAoB,sBAAsB,CAAQ,KAErE,EAAY,OAAO,IAAI,SAAS,CAAQ,GACxC,EAAY,OAAO,IAAI,UAAU,CAAQ,GACzC,EAAY,OAAO,IAAI,kBAAkB,CAAQ;EAErD;CACF;AACF"}

package/dist/lib/auth/context.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.cjs.js","names":[],"sources":["../../../src/lib/auth/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport NoopAuth from './NoopAuth'\nimport Account from './Account'\n\nexport interface AuthContext {\n  account: Account | null;\n  login(loginUrl?: string): Promise<void>;\n  signup(): Promise<void>;\n  logout(): Promise<void>;\n  onSessionUpdated(callback: () => unknown): () => void;\n}\n\nexport const DEFAULT_AUTH_CONTEXT = new NoopAuth()\nexport const authContext = createContext<AuthContext>(Symbol('auth'))\n"],"mappings":"mEAYA,IAAa,EAAuB,IAAI,EAAA,QAC3B,GAAA,EAAA,EAAA,eAAyC,OAAO,MAAM,CAAC"}
+{"version":3,"file":"context.cjs.js","names":[],"sources":["../../../src/lib/auth/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport NoopAuth from './NoopAuth'\nimport Account from './Account'\n\nexport interface AuthContext {\n  account: Account | null;\n  login(loginUrl?: string): Promise<void>;\n  signup(): Promise<void>;\n  logout(): Promise<void>;\n  onSessionUpdated(callback: () => unknown): () => void;\n}\n\nexport const DEFAULT_AUTH_CONTEXT = new NoopAuth()\nexport const authContext = createContext<AuthContext>(Symbol('auth'))\n"],"mappings":"mEAYA,IAAa,EAAuB,IAAI,EAAA,QAC3B,GAAA,EAAA,EAAA,cAAA,CAAyC,OAAO,MAAM,CAAC"}

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

@@ -1 +1 @@
-require("./Account.cjs.js"),require("./NoopAuth.cjs.js"),require("./context.cjs.js"),require("./SolidAuth.cjs.js");
+const e=require("./Account.cjs.js"),t=require("./NoopAuth.cjs.js"),n=require("./context.cjs.js"),r=require("./SolidAuth.cjs.js");exports.Account=e.default,exports.DEFAULT_AUTH_CONTEXT=n.DEFAULT_AUTH_CONTEXT,exports.DEFAULT_SIGNUP_URL=r.DEFAULT_SIGNUP_URL,exports.NoopAuth=t.default,exports.SolidAuth=r.default,exports.authContext=n.authContext;

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

@@ -1,4 +1,5 @@
-import "./Account.esm.js";
-import "./NoopAuth.esm.js";
-import "./context.esm.js";
-import "./SolidAuth.esm.js";
+import e from "./Account.esm.js";
+import t from "./NoopAuth.esm.js";
+import { DEFAULT_AUTH_CONTEXT as n, authContext as r } from "./context.esm.js";
+import i, { DEFAULT_SIGNUP_URL as a } from "./SolidAuth.esm.js";
+export { e as Account, n as DEFAULT_AUTH_CONTEXT, a as DEFAULT_SIGNUP_URL, t as NoopAuth, i as SolidAuth, r as authContext };

package/dist/lib/components/ids.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ids.cjs.js","names":[],"sources":["../../../src/lib/components/ids.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n"],"mappings":"AAAA,SAAgB,GAAc,CAC5B,OAAO,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CACnD"}
+{"version":3,"file":"ids.cjs.js","names":[],"sources":["../../../src/lib/components/ids.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n"],"mappings":"AAAA,SAAgB,GAAc,CAC5B,OAAO,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,UAAU,EAAG,EAAE,CACnD"}

package/dist/lib/components/ids.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ids.esm.js","names":[],"sources":["../../../src/lib/components/ids.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n"],"mappings":";AAAA,SAAgB,IAAc;CAC5B,OAAO,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AACnD"}
+{"version":3,"file":"ids.esm.js","names":[],"sources":["../../../src/lib/components/ids.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n"],"mappings":";AAAA,SAAgB,IAAc;CAC5B,OAAO,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,UAAU,GAAG,EAAE;AACnD"}

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");
+const e=require("./ids.cjs.js"),t=require("./decorators.cjs.js"),n=require("./web-component/WebComponent.cjs.js");require("./web-component/index.cjs.js");const r=require("./traits/DialogTrait.cjs.js"),i=require("./traits/InputTrait.cjs.js");require("./traits/index.cjs.js"),exports.DialogTrait=r.default,exports.InputTrait=i.default,exports.WebComponent=n.default,exports.customElement=t.customElement,exports.generateId=e.generateId;

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,8 @@
-import "./decorators.esm.js";
-import "./ids.esm.js";
-import "./web-component/WebComponent.esm.js";
+import { generateId as e } from "./ids.esm.js";
+import { customElement as t } from "./decorators.esm.js";
+import n from "./web-component/WebComponent.esm.js";
 import "./web-component/index.esm.js";
+import r from "./traits/DialogTrait.esm.js";
+import i from "./traits/InputTrait.esm.js";
+import "./traits/index.esm.js";
+export { r as DialogTrait, i as InputTrait, n as WebComponent, t as customElement, e as generateId };

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,CAAC,CAAC,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,CAAC,CAAC,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;labelId;target;config;constructor(t,n){this.config=n,this.inputId=`input-${e.generateId()}`,this.labelId=`label-${this.inputId}`,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 id="${this.labelId}" 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 labelId: 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.labelId = `label-${this.inputId}`\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 id=\"${this.labelId}\" 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,QACA,OACA,OAEA,YAAa,EAA0B,EAA0B,CAC/D,KAAK,OAAS,EACd,KAAK,QAAU,SAAS,EAAA,WAAW,IACnC,KAAK,QAAU,SAAS,KAAK,UAC7B,KAAK,OAAS,CAChB,CAEA,cAAgB,CACd,KAAK,OAAO,aAAa,CAAC,CAAC,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,CAAC,CAAC,aAAa,EAAE,EAC1C,KAAK,eAAe,EACpB,KAAK,OAAO,iBAAiB,EAAE,CACjC,CAEA,aAAe,CACb,OAAO,KAAK,OAAO,MACf,EAAA,IAAI,cAAc,KAAK,QAAQ,SAAS,KAAK,QAAQ,IAAI,KAAK,OAAO,MAAM,UAC3E,EAAA,OACN,CAEA,SAAW,CACT,KAAK,SAAS,KAAK,OAAO,gBAAgB,CAAC,EAAE,OAAS,EAAE,CAC1D,CAEA,UAAY,CACV,KAAK,OAAO,aAAa,CAAC,CAAC,MAAM,cAAc,CACjD,CAEA,SAAU,EAAe,CACvB,KAAK,OAAO,MAAQ,EAEpB,KAAK,OAAO,aAAa,CAAC,CAAC,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,30 @@
+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;
+    labelId: 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,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,gBAAgB,CAAA;IAC/B,OAAO,CAAC,MAAM,CAAkB;gBAEnB,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB;IAO/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,45 @@
+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;
+	labelId;
+	target;
+	config;
+	constructor(t, n) {
+		this.config = n, this.inputId = `input-${e()}`, this.labelId = `label-${this.inputId}`, 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 id="${this.labelId}" 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 labelId: 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.labelId = `label-${this.inputId}`\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 id=\"${this.labelId}\" 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;CACA;CAEA,YAAa,GAA0B,GAA0B;EAI/D,AAHA,KAAK,SAAS,GACd,KAAK,UAAU,SAAS,EAAW,KACnC,KAAK,UAAU,SAAS,KAAK,WAC7B,KAAK,SAAS;CAChB;CAEA,eAAgB;EAEd,AADA,KAAK,OAAO,aAAa,CAAC,CAAC,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,CAAC,CAAC,aAAa,EAAE,GAC1C,KAAK,eAAe,GACpB,KAAK,OAAO,iBAAiB,EAAE;CACjC;CAEA,cAAe;EACb,OAAO,KAAK,OAAO,QACf,CAAI,cAAc,KAAK,QAAQ,SAAS,KAAK,QAAQ,IAAI,KAAK,OAAO,MAAM,YAC3E;CACN;CAEA,UAAW;EACT,KAAK,SAAS,KAAK,OAAO,gBAAgB,CAAC,EAAE,SAAS,EAAE;CAC1D;CAEA,WAAY;EACV,KAAK,OAAO,aAAa,CAAC,CAAC,MAAM,cAAc;CACjD;CAEA,SAAU,GAAe;EAKvB,AAJA,KAAK,OAAO,QAAQ,GAEpB,KAAK,OAAO,aAAa,CAAC,CAAC,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 @@
+const e=require("./DialogTrait.cjs.js"),t=require("./InputTrait.cjs.js");exports.DialogTrait=e.default,exports.InputTrait=t.default;

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,3 @@
+import e from "./DialogTrait.esm.js";
+import t from "./InputTrait.esm.js";
+export { e as DialogTrait, t as InputTrait };

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)for(let[e,n]of Object.entries(t))this.toggleAttribute(`data-state-${e}`,!!n(this))}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    for (const [state, condition] of Object.entries(states)) {\n      // FIXME when browser support is good enough, use the internals API instead with :state() selectors\n      this.toggleAttribute(`data-state-${state}`, !!condition(this))\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,CAAC,CAAC,OAExB,KAIL,IAAK,GAAM,CAAC,EAAO,KAAc,OAAO,QAAQ,CAAM,EAEpD,KAAK,gBAAgB,cAAc,IAAS,CAAC,CAAC,EAAU,IAAI,CAAC,CAEjE,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,EAAO,GAA4B,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

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

@@ -1 +1 @@
-{"version":3,"file":"WebComponent.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/web-component/WebComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAI3D,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,YAAa,SAAQ,UAAU;IAC3D,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAExC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAE,eAAe,CAAC,EAAE,cAAc;IAMjE,SAAS,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IACtC,SAAS,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,CAAC,EAAE,CAAK;IAEzE,oBAAoB,IAAK,IAAI;IAU7B,SAAS,CAAC,UAAU,CAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAsBzD,SAAS,CAAC,sBAAsB,CAAE,CAAC,SAAS,MAAM,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,GAAG;IAMjI,SAAS,CAAC,MAAM;IAIhB,SAAS,CAAC,YAAY,IAAK,gBAAgB;IAM3C,OAAO,CAAC,MAAM;CAGf"}
+{"version":3,"file":"WebComponent.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/web-component/WebComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAA8B,MAAM,2CAA2C,CAAA;AAI9G,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,YAAa,SAAQ,UAAU;IAC3D,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAExC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAE,eAAe,CAAC,EAAE,cAAc;IAMjE,SAAS,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IACtC,SAAS,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,CAAC,EAAE,CAAK;IACzE,SAAS,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAAK;IAE1C,oBAAoB,IAAK,IAAI;IAU7B,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,iBAAiB,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC;IAM5D,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,OAAO,CAAE,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAI/D,SAAS,CAAC,iBAAiB;IAI3B,SAAS,CAAC,UAAU,CAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAezD,SAAS,CAAC,sBAAsB,CAAE,CAAC,SAAS,MAAM,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,GAAG;IAMjI,SAAS,CAAC,MAAM;IAIhB,SAAS,CAAC,YAAY,IAAK,gBAAgB;IAM3C,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,iBAAiB;CAK1B"}

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

@@ -8,20 +8,28 @@ var r = class extends 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);
-		}
+		if (t) for (let [e, n] of Object.entries(t)) this.toggleAttribute(`data-state-${e}`, !!n(this));
 	}
 	addGlobalEventListener(e, t) {
 		this.globalListeners.push([e, t]), window.addEventListener(e, t);
@@ -35,6 +43,9 @@ var r = class extends t {
 	static() {
 		return this.constructor;
 	}
+	forwardMethodCall(e, ...t) {
+		for (let n of this.traits) n[e]?.(...t);
+	}
 };
 //#endregion
 export { r as default };

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

@@ -1 +1 @@
-{"version":3,"file":"WebComponent.esm.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":";;;AAIA,IAA8B,IAA9B,cAAmD,EAAW;CAC5D,OAAO;CAEP,OAAiB,eAAgB,GAAkC;EAGjE,OAAO,CAAC,GAAQ,GAFM,MAAM,eAAe,CAExB,CAAa;CAClC;CAEA;CACA,kBAAuE,CAAC;CAExE,uBAA8B;EAC5B,MAAM,qBAAqB;EAE3B,KAAK,IAAM,CAAC,GAAM,MAAa,KAAK,iBAClC,OAAO,oBAAoB,GAAM,CAAQ;EAG3C,KAAK,kBAAkB,CAAC;CAC1B;CAEA,WAAsB,GAAqC;EACzD,MAAM,WAAW,CAAiB;EAElC,IAAM,IAAS,KAAK,OAAO,EAAE;EAE7B,IAAI,CAAC,GACH;EAGF,IAAM,IAAY,KAAK,aAAa;EAEpC,KAAK,IAAM,CAAC,GAAO,MAAc,OAAO,QAAQ,CAAM,GAAG;GACvD,IAAM,IAAU,EAAU,IAAI;GAE9B,AAAI,KAAW,CAAC,EAAU,OAAO,IAAI,CAAK,IACxC,EAAU,OAAO,IAAI,CAAK,IACjB,CAAC,KAAW,EAAU,OAAO,IAAI,CAAK,KAC/C,EAAU,OAAO,OAAO,CAAK;EAEjC;CACF;CAEA,uBAAkE,GAAS,GAAwD;EAGjI,AAFA,KAAK,gBAAgB,KAAK,CAAC,GAAM,CAAyB,CAAC,GAE3D,OAAO,iBAAiB,GAAM,CAAQ;CACxC;CAEA,SAAoB;EAClB,OAAO,CAAI;CACb;CAEA,eAA4C;EAG1C,OAFA,KAAK,cAAc,KAAK,gBAAgB,GAEjC,KAAK;CACd;CAEA,SAAuC;EACrC,OAAO,KAAK;CACd;AACF"}
+{"version":3,"file":"WebComponent.esm.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    for (const [state, condition] of Object.entries(states)) {\n      // FIXME when browser support is good enough, use the internals API instead with :state() selectors\n      this.toggleAttribute(`data-state-${state}`, !!condition(this))\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":";;;AAKA,IAA8B,IAA9B,cAAmD,EAAW;CAC5D,OAAO;CAEP,OAAiB,eAAgB,GAAkC;EAGjE,OAAO,CAAC,GAAQ,GAFM,MAAM,eAAe,CAExB,CAAa;CAClC;CAEA;CACA,kBAAuE,CAAC;CACxE,SAAwC,CAAC;CAEzC,uBAA8B;EAC5B,MAAM,qBAAqB;EAE3B,KAAK,IAAM,CAAC,GAAM,MAAa,KAAK,iBAClC,OAAO,oBAAoB,GAAM,CAAQ;EAG3C,KAAK,kBAAkB,CAAC;CAC1B;CAEA,SAAgD,GAAa;EAG3D,OAFA,KAAK,OAAO,KAAK,CAAK,GAEf;CACT;CAEA,eAA0B;EACxB,KAAK,kBAAkB,cAAc;CACvC;CAEA,QAAmB,GAA8C;EAC/D,KAAK,kBAAkB,WAAW,CAAiB;CACrD;CAEA,oBAA+B;EAC7B,KAAK,kBAAkB,mBAAmB;CAC5C;CAEA,WAAsB,GAAqC;EACzD,MAAM,WAAW,CAAiB;EAElC,IAAM,IAAS,KAAK,OAAO,CAAC,CAAC;EAExB,OAIL,KAAK,IAAM,CAAC,GAAO,MAAc,OAAO,QAAQ,CAAM,GAEpD,KAAK,gBAAgB,cAAc,KAAS,CAAC,CAAC,EAAU,IAAI,CAAC;CAEjE;CAEA,uBAAkE,GAAS,GAAwD;EAGjI,AAFA,KAAK,gBAAgB,KAAK,CAAC,GAAM,CAAyB,CAAC,GAE3D,OAAO,iBAAiB,GAAM,CAAQ;CACxC;CAEA,SAAoB;EAClB,OAAO,CAAI;CACb;CAEA,eAA4C;EAG1C,OAFA,KAAK,cAAc,KAAK,gBAAgB,GAEjC,KAAK;CACd;CAEA,SAAuC;EACrC,OAAO,KAAK;CACd;CAEA,kBAAgE,GAAW,GAAG,GAAkD;EAC9H,KAAK,IAAM,KAAS,KAAK,QACvB,EAAO,EAAO,GAA4B,GAAG,CAAI;CAErD;AACF"}