solid-ui 3.1.3-1 → 3.1.3-10

package/dist/lib/auth/NoopAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoopAuth.d.ts","sourceRoot":"","sources":["../../../src/lib/auth/NoopAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,MAAM,CAAC,OAAO,OAAO,QAAS,YAAW,WAAW;IAClD,IAAI,OAAO,IAAK,OAAO,GAAG,IAAI,CAE7B;IAEK,KAAK;IAIL,MAAM;IAIN,MAAM;IAIZ,gBAAgB;CAGjB"}

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

@@ -0,0 +1,22 @@
+//#region src/lib/auth/NoopAuth.ts
+var e = class {
+	get account() {
+		return null;
+	}
+	async login() {
+		throw Error("Can't use auth, missing context provider");
+	}
+	async signup() {
+		throw Error("Can't use auth, missing context provider");
+	}
+	async logout() {
+		throw Error("Can't use auth, missing context provider");
+	}
+	onSessionUpdated() {
+		return () => void 0;
+	}
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=NoopAuth.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoopAuth.esm.js","names":[],"sources":["../../../src/lib/auth/NoopAuth.ts"],"sourcesContent":["import { AuthContext } from './context'\nimport Account from './Account'\n\nexport default class NoopAuth implements AuthContext {\n  get account (): Account | null {\n    return null\n  }\n\n  async login () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async signup () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async logout () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  onSessionUpdated () {\n    return () => undefined\n  }\n}\n"],"mappings":";AAGA,IAAqB,IAArB,MAAqD;CACnD,IAAI,UAA2B;EAC7B,OAAO;CACT;CAEA,MAAM,QAAS;EACb,MAAU,MAAM,0CAA2C;CAC7D;CAEA,MAAM,SAAU;EACd,MAAU,MAAM,0CAA2C;CAC7D;CAEA,MAAM,SAAU;EACd,MAAU,MAAM,0CAA2C;CAC7D;CAEA,mBAAoB;EAClB,aAAa,KAAA;CACf;AACF"}

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

@@ -0,0 +1,2 @@
+const e=require("../ns.cjs.js"),t=require("./Account.cjs.js"),n=require("../dialogs/helpers.cjs.js");require("../dialogs/index.cjs.js"),require("../../components/login-modal/index.cjs.js");let r=require("solid-logic"),i=require("lit");var a=`https://solidproject.org/get_a_pod`;function o(t){let n=r.solidLogicSingleton.store,i=n.sym(t),a=n.any(i,e.default.sioc(`avatar`))||n.any(i,e.default.foaf(`img`))||n.any(i,e.default.vcard(`logo`))||n.any(i,e.default.vcard(`hasPhoto`))||n.any(i,e.default.vcard(`photo`))||n.any(i,e.default.foaf(`depiction`));return a?a.value:void 0}var s=class{signupUrl;constructor(e=a){this.signupUrl=e}get account(){let e=r.authSession.webId??r.authSession.info?.webId;return!(r.authSession.isActive??r.authSession.info?.isLoggedIn??!!e)||!e?null:new t.default(e,o(e))}async login(e){if(!e){n.showDialog(i.html`<solid-ui-login-modal></solid-ui-login-modal>`);return}r.solidLogicSingleton.store.updater.flagAuthorizationMetadata();let t=new URL(window.location.href).hash;t&&window.localStorage.setItem(`preLoginRedirectHash`,t),window.localStorage.setItem(`loginIssuer`,e);let a=new URL(window.location.href);a.hash=``,await r.authSession.login(e,a.href)}async signup(){window.open(this.signupUrl,`_blank`,`noopener,noreferrer`)}async logout(){await r.authSession.logout()}onSessionUpdated(e){let t=r.authSession,n=()=>{e()};return typeof t.addEventListener==`function`?t.addEventListener(`sessionStateChange`,n):(r.authSession.events.on(`login`,e),r.authSession.events.on(`logout`,e),r.authSession.events.on(`sessionRestore`,e)),()=>{typeof t.removeEventListener==`function`?t.removeEventListener(`sessionStateChange`,n):(r.authSession.events.off(`login`,e),r.authSession.events.off(`logout`,e),r.authSession.events.off(`sessionRestore`,e))}}};exports.DEFAULT_SIGNUP_URL=a,exports.default=s;
+//# sourceMappingURL=SolidAuth.cjs.js.map

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

@@ -0,0 +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,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.d.ts

@@ -0,0 +1,13 @@
+import { default as Account } from './Account';
+import { AuthContext } from '.';
+export declare const DEFAULT_SIGNUP_URL = "https://solidproject.org/get_a_pod";
+export default class SolidAuth implements AuthContext {
+    signupUrl: string;
+    constructor(signupUrl?: string);
+    get account(): Account | null;
+    login(loginUrl?: string): Promise<void>;
+    signup(): Promise<void>;
+    logout(): Promise<void>;
+    onSessionUpdated(callback: () => unknown): () => void;
+}
+//# sourceMappingURL=SolidAuth.d.ts.map

package/dist/lib/auth/SolidAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidAuth.d.ts","sourceRoot":"","sources":["../../../src/lib/auth/SolidAuth.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAKxC,OAAO,0BAA0B,CAAA;AAEjC,eAAO,MAAM,kBAAkB,uCAAuC,CAAA;AAgBtE,MAAM,CAAC,OAAO,OAAO,SAAU,YAAW,WAAW;IAC/B,SAAS,EAAE,MAAM;gBAAjB,SAAS,GAAE,MAA2B;IAE1D,IAAI,OAAO,IAAK,OAAO,GAAG,IAAI,CAU7B;IAEK,KAAK,CAAE,QAAQ,CAAC,EAAE,MAAM;IAuBxB,MAAM;IAIN,MAAM;IAIZ,gBAAgB,CAAE,QAAQ,EAAE,MAAM,OAAO;CAuB1C"}

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

@@ -0,0 +1,52 @@
+import e from "../ns.esm.js";
+import t from "./Account.esm.js";
+import { showDialog as n } from "../dialogs/helpers.esm.js";
+import "../dialogs/index.esm.js";
+import "../../components/login-modal/index.esm.js";
+import { authSession as r, solidLogicSingleton as i } from "solid-logic";
+import { html as a } from "lit";
+//#region src/lib/auth/SolidAuth.ts
+var o = "https://solidproject.org/get_a_pod";
+function s(t) {
+	let n = i.store, r = n.sym(t), a = n.any(r, e.sioc("avatar")) || n.any(r, e.foaf("img")) || n.any(r, e.vcard("logo")) || n.any(r, e.vcard("hasPhoto")) || n.any(r, e.vcard("photo")) || n.any(r, e.foaf("depiction"));
+	return a ? a.value : void 0;
+}
+var c = class {
+	signupUrl;
+	constructor(e = o) {
+		this.signupUrl = e;
+	}
+	get account() {
+		let e = r.webId ?? r.info?.webId;
+		return !(r.isActive ?? r.info?.isLoggedIn ?? !!e) || !e ? null : new t(e, s(e));
+	}
+	async login(e) {
+		if (!e) {
+			n(a`<solid-ui-login-modal></solid-ui-login-modal>`);
+			return;
+		}
+		i.store.updater.flagAuthorizationMetadata();
+		let t = new URL(window.location.href).hash;
+		t && window.localStorage.setItem("preLoginRedirectHash", t), window.localStorage.setItem("loginIssuer", e);
+		let o = new URL(window.location.href);
+		o.hash = "", await r.login(e, o.href);
+	}
+	async signup() {
+		window.open(this.signupUrl, "_blank", "noopener,noreferrer");
+	}
+	async logout() {
+		await r.logout();
+	}
+	onSessionUpdated(e) {
+		let t = r, n = () => {
+			e();
+		};
+		return typeof t.addEventListener == "function" ? t.addEventListener("sessionStateChange", n) : (r.events.on("login", e), r.events.on("logout", e), r.events.on("sessionRestore", e)), () => {
+			typeof t.removeEventListener == "function" ? t.removeEventListener("sessionStateChange", n) : (r.events.off("login", e), r.events.off("logout", e), r.events.off("sessionRestore", e));
+		};
+	}
+};
+//#endregion
+export { o as DEFAULT_SIGNUP_URL, c as default };
+
+//# sourceMappingURL=SolidAuth.esm.js.map

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

@@ -0,0 +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,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

@@ -0,0 +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,cAAA,CAAyC,OAAO,MAAM,CAAC"}

package/dist/lib/auth/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/lib/auth/context.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACxB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACxB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC;CACvD;AAED,eAAO,MAAM,oBAAoB,UAAiB,CAAA;AAClD,eAAO,MAAM,WAAW;;CAA6C,CAAA"}

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

@@ -0,0 +1,8 @@
+import e from "./NoopAuth.esm.js";
+import { createContext as t } from "@lit/context";
+//#region src/lib/auth/context.ts
+var n = new e(), r = t(Symbol("auth"));
+//#endregion
+export { n as DEFAULT_AUTH_CONTEXT, r as authContext };
+
+//# sourceMappingURL=context.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.esm.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":";;;AAYA,IAAa,IAAuB,IAAI,EAAS,GACpC,IAAc,EAA2B,OAAO,MAAM,CAAC"}

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

@@ -0,0 +1 @@
+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.d.ts

@@ -0,0 +1,8 @@
+export * from './Account';
+export * from './context';
+export * from './NoopAuth';
+export * from './SolidAuth';
+export { default as Account } from './Account';
+export { default as NoopAuth } from './NoopAuth';
+export { default as SolidAuth } from './SolidAuth';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/auth/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA"}

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

@@ -0,0 +1,5 @@
+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/decorators.cjs.js

@@ -0,0 +1,2 @@
+function e(e,t){customElements.get(e)||customElements.define(e,t)}function t(t){return(n,r)=>{if(r){r.addInitializer(()=>e(t,n));return}e(t,n)}}exports.customElement=t;
+//# sourceMappingURL=decorators.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.cjs.js","names":[],"sources":["../../../src/lib/components/decorators.ts"],"sourcesContent":["/**\n * We need to use a custom element decorator because Lit's built-in doesn't safely skip duplicate registrations.\n * This shouldn't be necessary, but our current build process and usage in other libraries is not optimal\n * and some components get bundled twice.\n *\n * This should be removed once that problem is fixed.\n *\n * See https://github.com/SolidOS/solidos/issues/300\n */\n\nfunction defineCustomElement (tagName: string, elementClass: CustomElementConstructor): void {\n  if (customElements.get(tagName)) {\n    return\n  }\n\n  customElements.define(tagName, elementClass)\n}\n\nexport function customElement (tagName: string) {\n  return (elementClass: CustomElementConstructor, context?: ClassDecoratorContext) => {\n    if (context) {\n      context.addInitializer(() => defineCustomElement(tagName, elementClass))\n\n      return\n    }\n\n    defineCustomElement(tagName, elementClass)\n  }\n}\n"],"mappings":"AAUA,SAAS,EAAqB,EAAiB,EAA8C,CACvF,eAAe,IAAI,CAAO,GAI9B,eAAe,OAAO,EAAS,CAAY,CAC7C,CAEA,SAAgB,EAAe,EAAiB,CAC9C,OAAQ,EAAwC,IAAoC,CAClF,GAAI,EAAS,CACX,EAAQ,mBAAqB,EAAoB,EAAS,CAAY,CAAC,EAEvE,MACF,CAEA,EAAoB,EAAS,CAAY,CAC3C,CACF"}

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

@@ -0,0 +1,11 @@
+/**
+ * We need to use a custom element decorator because Lit's built-in doesn't safely skip duplicate registrations.
+ * This shouldn't be necessary, but our current build process and usage in other libraries is not optimal
+ * and some components get bundled twice.
+ *
+ * This should be removed once that problem is fixed.
+ *
+ * See https://github.com/SolidOS/solidos/issues/300
+ */
+export declare function customElement(tagName: string): (elementClass: CustomElementConstructor, context?: ClassDecoratorContext) => void;
+//# sourceMappingURL=decorators.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../src/lib/components/decorators.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAUH,wBAAgB,aAAa,CAAE,OAAO,EAAE,MAAM,IACpC,cAAc,wBAAwB,EAAE,UAAU,qBAAqB,UAShF"}

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

@@ -0,0 +1,17 @@
+//#region src/lib/components/decorators.ts
+function e(e, t) {
+	customElements.get(e) || customElements.define(e, t);
+}
+function t(t) {
+	return (n, r) => {
+		if (r) {
+			r.addInitializer(() => e(t, n));
+			return;
+		}
+		e(t, n);
+	};
+}
+//#endregion
+export { t as customElement };
+
+//# sourceMappingURL=decorators.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.esm.js","names":[],"sources":["../../../src/lib/components/decorators.ts"],"sourcesContent":["/**\n * We need to use a custom element decorator because Lit's built-in doesn't safely skip duplicate registrations.\n * This shouldn't be necessary, but our current build process and usage in other libraries is not optimal\n * and some components get bundled twice.\n *\n * This should be removed once that problem is fixed.\n *\n * See https://github.com/SolidOS/solidos/issues/300\n */\n\nfunction defineCustomElement (tagName: string, elementClass: CustomElementConstructor): void {\n  if (customElements.get(tagName)) {\n    return\n  }\n\n  customElements.define(tagName, elementClass)\n}\n\nexport function customElement (tagName: string) {\n  return (elementClass: CustomElementConstructor, context?: ClassDecoratorContext) => {\n    if (context) {\n      context.addInitializer(() => defineCustomElement(tagName, elementClass))\n\n      return\n    }\n\n    defineCustomElement(tagName, elementClass)\n  }\n}\n"],"mappings":";AAUA,SAAS,EAAqB,GAAiB,GAA8C;CACvF,eAAe,IAAI,CAAO,KAI9B,eAAe,OAAO,GAAS,CAAY;AAC7C;AAEA,SAAgB,EAAe,GAAiB;CAC9C,QAAQ,GAAwC,MAAoC;EAClF,IAAI,GAAS;GACX,EAAQ,qBAAqB,EAAoB,GAAS,CAAY,CAAC;GAEvE;EACF;EAEA,EAAoB,GAAS,CAAY;CAC3C;AACF"}

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

@@ -0,0 +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,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,UAAU,EAAG,EAAE,CACnD"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ids.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ids.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,WAEzB"}

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

@@ -0,0 +1,8 @@
+//#region src/lib/components/ids.ts
+function e() {
+	return Math.random().toString(36).substring(2, 15);
+}
+//#endregion
+export { e as generateId };
+
+//# sourceMappingURL=ids.esm.js.map

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

@@ -0,0 +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,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,UAAU,GAAG,EAAE;AACnD"}

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

@@ -0,0 +1 @@
+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

@@ -0,0 +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

@@ -0,0 +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;AAC/B,cAAc,UAAU,CAAA"}

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +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=[];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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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

@@ -0,0 +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;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

@@ -0,0 +1,53 @@
+import e from "./WebComponent.styles.esm.js";
+import { LitElement as t, html as n } from "lit";
+//#region src/lib/components/web-component/WebComponent.ts
+var r = class extends t {
+	static states;
+	static finalizeStyles(t) {
+		return [e, ...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 n`<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);
+	}
+};
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=WebComponent.esm.js.map

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

@@ -0,0 +1 @@
+{"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"}