solid-ui 3.1.3-9 → 5.0.0-0

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'\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"}
+{"version":3,"file":"WebComponent.cjs.js","names":["html","LitElement","styles","metadataMarker","Symbol","WebComponent","constructor","args","_defineProperty","finalizeStyles","componentStyles","elementStyles","disconnectedCallback","type","listener","globalListeners","window","removeEventListener","addTrait","trait","traits","push","firstUpdated","forwardMethodCall","updated","changedProperties","formResetCallback","willUpdate","states","static","state","condition","Object","entries","toggleAttribute","addGlobalEventListener","addEventListener","render","getInternals","internals","attachInternals","method"],"sources":["../../../../src/lib/components/web-component/WebComponent.ts"],"sourcesContent":["import { html, LitElement, type CSSResultGroup, type PropertyValues } from 'lit'\nimport type { WebComponentTrait, WebComponentTraitMethodKey } from '@/lib/components/traits/WebComponentTrait'\n\nimport styles from './WebComponent.styles.css'\n\nconst metadataMarker = Symbol('WebComponentMetadata')\n\nexport type GetWebComponentMetadata<T> = T extends { [metadataMarker]?: infer TMetadata } ? TMetadata : { nope: keyof T }\nexport type WebComponentConstructor<T extends WebComponent = WebComponent> = { new (): T }\n\nexport default abstract class WebComponent<T extends Record<string, unknown> = Record<string, unknown>> 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  [metadataMarker]?: T\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: PropertyValues<this>) {\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":"qgBAKA,IAAMG,EAAiBC,OAAO,sBAAsB,EAKtBC,EAA9B,cAAgHJ,EAAAA,UAAW,CAAAK,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KASxHL,EAAc,IAAA,EAAA,EAAAK,EAAA,KAAA,YAAA,IAAA,EAAA,EAAAA,EAAA,KAAA,kBAGwD,CAAA,CAAE,EAAAA,EAAA,KAAA,SACjC,CAAA,CAAE,CAAA,CAV1C,OAAiBC,eAAgBC,EAAkC,CACjE,IAAMC,EAAgB,MAAMF,eAAeC,CAAe,EAE1D,MAAO,CAACR,EAAAA,QAAQ,GAAGS,CAAa,CAClC,CAQAC,sBAA8B,CAC5B,MAAMA,qBAAqB,EAE3B,IAAK,GAAM,CAACC,EAAMC,KAAa,KAAKC,gBAClCC,OAAOC,oBAAoBJ,EAAMC,CAAQ,EAG3C,KAAKC,gBAAkB,CAAA,CACzB,CAEUG,SAAsCC,EAAa,CAG3D,OAFA,KAAKC,OAAOC,KAAKF,CAAK,EAEfA,CACT,CAEUG,cAAgB,CACxB,KAAKC,kBAAkB,cAAc,CACvC,CAEUC,QAASC,EAA8C,CAC/D,KAAKF,kBAAkB,UAAWE,CAAiB,CACrD,CAEUC,mBAAqB,CAC7B,KAAKH,kBAAkB,mBAAmB,CAC5C,CAEUI,WAAYF,EAAyC,CAC7D,MAAME,WAAWF,CAAiB,EAElC,IAAMG,EAAS,KAAKC,OAAO,CAAC,CAACD,OAExBA,KAIL,IAAK,GAAM,CAACE,EAAOC,KAAcC,OAAOC,QAAQL,CAAM,EAEpD,KAAKM,gBAAgB,cAAcJ,IAAS,CAAC,CAACC,EAAU,IAAI,CAAC,CAEjE,CAEUI,uBAAwDtB,EAASC,EAAwD,CACjI,KAAKC,gBAAgBM,KAAK,CAACR,EAAMC,CAAQ,CAAkB,EAE3DE,OAAOoB,iBAAiBvB,EAAMC,CAAQ,CACxC,CAEUuB,QAAU,CAClB,MAAOrC,GAAAA,IAAI,eACb,CAEUsC,cAAkC,CAG1C,MAFA,MAAKC,YAAc,KAAKC,gBAAgB,EAEjC,KAAKD,SACd,CAEQV,QAA+B,CACrC,OAAO,KAAKvB,WACd,CAEQiB,kBAAwDkB,EAAW,GAAGlC,EAAkD,CAC9H,IAAK,IAAMY,KAAS,KAAKC,OACtBD,EAAMsB,EAAO,GAA4B,GAAGlC,CAAI,CAErD,CACF,EAACC,EAnF6BH,EAAY,SAAA,IAAA,EAAA"}

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

@@ -1,8 +1,18 @@
-import { LitElement, CSSResultGroup } from 'lit';
+import { LitElement, CSSResultGroup, PropertyValues } from 'lit';
 import { WebComponentTrait } from '../traits/WebComponentTrait';
-export default abstract class WebComponent extends LitElement {
+declare const metadataMarker: unique symbol;
+export type GetWebComponentMetadata<T> = T extends {
+    [metadataMarker]?: infer TMetadata;
+} ? TMetadata : {
+    nope: keyof T;
+};
+export type WebComponentConstructor<T extends WebComponent = WebComponent> = {
+    new (): T;
+};
+export default abstract class WebComponent<T extends Record<string, unknown> = Record<string, unknown>> extends LitElement {
     static states?: Record<string, Function>;
     protected static finalizeStyles(componentStyles?: CSSResultGroup): import('lit').CSSResultOrNative[];
+    [metadataMarker]?: T;
     protected internals?: ElementInternals;
     protected globalListeners: [type: string, listener: EventListener][];
     protected traits: WebComponentTrait[];
@@ -11,11 +21,12 @@ export default abstract class WebComponent extends LitElement {
     protected firstUpdated(): void;
     protected updated(changedProperties: Map<PropertyKey, unknown>): void;
     protected formResetCallback(): void;
-    protected willUpdate(changedProperties: Map<string, any>): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): 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;
 }
+export {};
 //# 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;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"}
+{"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,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAA8B,MAAM,2CAA2C,CAAA;AAI9G,QAAA,MAAM,cAAc,eAAiC,CAAA;AAErD,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM,SAAS,CAAA;CAAE,GAAG,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC,CAAA;CAAE,CAAA;AACzH,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,IAAI;IAAE,QAAQ,CAAC,CAAA;CAAE,CAAA;AAE1F,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;IACxH,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAExC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAE,eAAe,CAAC,EAAE,cAAc;IAMjE,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAA;IAEpB,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,cAAc,CAAC,IAAI,CAAC;IAe7D,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

@@ -1,14 +1,36 @@
 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;
+function r(e, t, n) {
+	return (t = i(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function i(e) {
+	var t = a(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function a(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+var o = Symbol("WebComponentMetadata"), s = class extends t {
+	constructor(...e) {
+		super(...e), r(this, o, void 0), r(this, "internals", void 0), r(this, "globalListeners", []), r(this, "traits", []);
+	}
 	static finalizeStyles(t) {
-		return [e, ...super.finalizeStyles(t)];
+		let n = super.finalizeStyles(t);
+		return [e, ...n];
 	}
-	internals;
-	globalListeners = [];
-	traits = [];
 	disconnectedCallback() {
 		super.disconnectedCallback();
 		for (let [e, t] of this.globalListeners) window.removeEventListener(e, t);
@@ -47,7 +69,8 @@ var r = class extends t {
 		for (let n of this.traits) n[e]?.(...t);
 	}
 };
+r(s, "states", void 0);
 //#endregion
-export { r as default };
+export { s as default };
 
 //# sourceMappingURL=WebComponent.esm.js.map

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'\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"}
+{"version":3,"file":"WebComponent.esm.js","names":["html","LitElement","styles","metadataMarker","Symbol","WebComponent","constructor","args","_defineProperty","finalizeStyles","componentStyles","elementStyles","disconnectedCallback","type","listener","globalListeners","window","removeEventListener","addTrait","trait","traits","push","firstUpdated","forwardMethodCall","updated","changedProperties","formResetCallback","willUpdate","states","static","state","condition","Object","entries","toggleAttribute","addGlobalEventListener","addEventListener","render","getInternals","internals","attachInternals","method"],"sources":["../../../../src/lib/components/web-component/WebComponent.ts"],"sourcesContent":["import { html, LitElement, type CSSResultGroup, type PropertyValues } from 'lit'\nimport type { WebComponentTrait, WebComponentTraitMethodKey } from '@/lib/components/traits/WebComponentTrait'\n\nimport styles from './WebComponent.styles.css'\n\nconst metadataMarker = Symbol('WebComponentMetadata')\n\nexport type GetWebComponentMetadata<T> = T extends { [metadataMarker]?: infer TMetadata } ? TMetadata : { nope: keyof T }\nexport type WebComponentConstructor<T extends WebComponent = WebComponent> = { new (): T }\n\nexport default abstract class WebComponent<T extends Record<string, unknown> = Record<string, unknown>> 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  [metadataMarker]?: T\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: PropertyValues<this>) {\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,IAAMG,IAAiBC,OAAO,sBAAsB,GAKtBC,IAA9B,cAAgHJ,EAAW;CAAAK,YAAA,GAAAC,GAAA;EAYhDC,AAZgD,MAAA,GAAAD,CAAA,GAAAC,EAAA,MASxHL,GAAc,KAAA,CAAA,GAAAK,EAAA,MAAA,aAAA,KAAA,CAAA,GAAAA,EAAA,MAAA,mBAGwD,CAAA,CAAE,GAAAA,EAAA,MAAA,UACjC,CAAA,CAAE;CAAA;CAV1C,OAAiBC,eAAgBC,GAAkC;EACjE,IAAMC,IAAgB,MAAMF,eAAeC,CAAe;EAE1D,OAAO,CAACR,GAAQ,GAAGS,CAAa;CAClC;CAQAC,uBAA8B;EAC5B,MAAMA,qBAAqB;EAE3B,KAAK,IAAM,CAACC,GAAMC,MAAa,KAAKC,iBAClCC,OAAOC,oBAAoBJ,GAAMC,CAAQ;EAG3C,KAAKC,kBAAkB,CAAA;CACzB;CAEUG,SAAsCC,GAAa;EAG3D,OAFA,KAAKC,OAAOC,KAAKF,CAAK,GAEfA;CACT;CAEUG,eAAgB;EACxB,KAAKC,kBAAkB,cAAc;CACvC;CAEUC,QAASC,GAA8C;EAC/D,KAAKF,kBAAkB,WAAWE,CAAiB;CACrD;CAEUC,oBAAqB;EAC7B,KAAKH,kBAAkB,mBAAmB;CAC5C;CAEUI,WAAYF,GAAyC;EAC7D,MAAME,WAAWF,CAAiB;EAElC,IAAMG,IAAS,KAAKC,OAAO,CAAC,CAACD;EAExBA,OAIL,KAAK,IAAM,CAACE,GAAOC,MAAcC,OAAOC,QAAQL,CAAM,GAEpD,KAAKM,gBAAgB,cAAcJ,KAAS,CAAC,CAACC,EAAU,IAAI,CAAC;CAEjE;CAEUI,uBAAwDtB,GAASC,GAAwD;EAGjIE,AAFA,KAAKD,gBAAgBM,KAAK,CAACR,GAAMC,CAAQ,CAAkB,GAE3DE,OAAOoB,iBAAiBvB,GAAMC,CAAQ;CACxC;CAEUuB,SAAU;EAClB,OAAOrC,CAAI;CACb;CAEUsC,eAAkC;EAG1C,OAFA,KAAKC,cAAc,KAAKC,gBAAgB,GAEjC,KAAKD;CACd;CAEQV,SAA+B;EACrC,OAAO,KAAKvB;CACd;CAEQiB,kBAAwDkB,GAAW,GAAGlC,GAAkD;EAC9H,KAAK,IAAMY,KAAS,KAAKC,QACtBD,EAAMsB,EAAO,GAA4B,GAAGlC,CAAI;CAErD;AACF;AAACC,EAnF6BH,GAAY,UAAA,KAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-var e=require("lit").css`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}a,abbr,address,area,article,aside,audio,b,base,bdi,bdo,blockquote,body,br,button,canvas,caption,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,picture,pre,progress,q,rp,rt,ruby,s,samp,script,search,section,select,slot,small,source,span,strong,style,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,u,ul,var,video,wbr,:after,:before,::backdrop{margin:0;padding:0}::file-selector-button{margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;exports.default=e;
+var e=require("lit").css`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}a,abbr,address,area,article,aside,audio,b,base,bdi,bdo,blockquote,body,br,button,canvas,caption,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,picture,pre,progress,q,rp,rt,ruby,s,samp,script,search,section,select,slot,small,source,span,strong,style,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,u,ul,var,video,wbr,:after,:before,::backdrop{margin:0;padding:0}::file-selector-button{margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;exports.default=e;
 //# sourceMappingURL=WebComponent.styles.cjs.js.map

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

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/lib/components/web-component/WebComponent.styles.css
-var t = e`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}a,abbr,address,area,article,aside,audio,b,base,bdi,bdo,blockquote,body,br,button,canvas,caption,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,picture,pre,progress,q,rp,rt,ruby,s,samp,script,search,section,select,slot,small,source,span,strong,style,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,u,ul,var,video,wbr,:after,:before,::backdrop{margin:0;padding:0}::file-selector-button{margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;
+var t = e`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}a,abbr,address,area,article,aside,audio,b,base,bdi,bdo,blockquote,body,br,button,canvas,caption,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,picture,pre,progress,q,rp,rt,ruby,s,samp,script,search,section,select,slot,small,source,span,strong,style,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,u,ul,var,video,wbr,:after,:before,::backdrop{margin:0;padding:0}::file-selector-button{margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;
 //#endregion
 export { t as default };
 

package/dist/lib/dialogs/Dialog.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../components/ids.cjs.js");require("../components/index.cjs.js");var t=class{id;template;element;config;_resolveElement;constructor(t,n={}){this.id=e.generateId(),this.template=t,this.config=n,this.element=new Promise(e=>{this._resolveElement=e})}setElement(e){this._resolveElement(e)}closed(e){this.config.onClose?.(e)}};exports.default=t;
+const e=require("../components/ids.cjs.js");require("../components/index.cjs.js");var t=class{id;element;config;constructor(t,n={}){this.id=e.generateId(),this.config=n,this.element=t}closed(e){this.config.onClose?.(e)}};exports.default=t;
 //# sourceMappingURL=Dialog.cjs.js.map

package/dist/lib/dialogs/Dialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs.js","names":[],"sources":["../../../src/lib/dialogs/Dialog.ts"],"sourcesContent":["import { TemplateResult } from 'lit'\nimport { generateId } from '@/lib/components'\n\nexport interface DialogConfig {\n  onClose?(data?: unknown): void\n}\n\nexport default class Dialog {\n  public readonly id: string\n  public readonly template: TemplateResult\n  public readonly element: Promise<HTMLElement>\n  public readonly config: DialogConfig\n  private _resolveElement!: (element: HTMLElement) => void\n\n  constructor (template: TemplateResult, config: DialogConfig = {}) {\n    this.id = generateId()\n    this.template = template\n    this.config = config\n    this.element = new Promise(resolve => {\n      this._resolveElement = resolve\n    })\n  }\n\n  setElement (element: HTMLElement) {\n    this._resolveElement(element)\n  }\n\n  closed (data?: unknown) {\n    this.config.onClose?.(data)\n  }\n}\n"],"mappings":"kFAOA,IAAqB,EAArB,KAA4B,CAC1B,GACA,SACA,QACA,OACA,gBAEA,YAAa,EAA0B,EAAuB,CAAC,EAAG,CAChE,KAAK,GAAK,EAAA,WAAW,EACrB,KAAK,SAAW,EAChB,KAAK,OAAS,EACd,KAAK,QAAU,IAAI,QAAQ,GAAW,CACpC,KAAK,gBAAkB,CACzB,CAAC,CACH,CAEA,WAAY,EAAsB,CAChC,KAAK,gBAAgB,CAAO,CAC9B,CAEA,OAAQ,EAAgB,CACtB,KAAK,OAAO,UAAU,CAAI,CAC5B,CACF"}
+{"version":3,"file":"Dialog.cjs.js","names":[],"sources":["../../../src/lib/dialogs/Dialog.ts"],"sourcesContent":["import { generateId } from '@/lib/components'\n\nexport interface DialogConfig<T = unknown> {\n  onClose?(data?: T): void\n}\n\nexport default class Dialog {\n  public readonly id: string\n  public readonly element: HTMLElement\n  public readonly config: DialogConfig\n\n  constructor (element: HTMLElement, config: DialogConfig = {}) {\n    this.id = generateId()\n    this.config = config\n    this.element = element\n  }\n\n  closed (data?: unknown) {\n    this.config.onClose?.(data)\n  }\n}\n"],"mappings":"kFAMA,IAAqB,EAArB,KAA4B,CAC1B,GACA,QACA,OAEA,YAAa,EAAsB,EAAuB,CAAC,EAAG,CAC5D,KAAK,GAAK,EAAA,WAAW,EACrB,KAAK,OAAS,EACd,KAAK,QAAU,CACjB,CAEA,OAAQ,EAAgB,CACtB,KAAK,OAAO,UAAU,CAAI,CAC5B,CACF"}

package/dist/lib/dialogs/Dialog.d.ts

@@ -1,15 +1,11 @@
-import { TemplateResult } from 'lit';
-export interface DialogConfig {
-    onClose?(data?: unknown): void;
+export interface DialogConfig<T = unknown> {
+    onClose?(data?: T): void;
 }
 export default class Dialog {
     readonly id: string;
-    readonly template: TemplateResult;
-    readonly element: Promise<HTMLElement>;
+    readonly element: HTMLElement;
     readonly config: DialogConfig;
-    private _resolveElement;
-    constructor(template: TemplateResult, config?: DialogConfig);
-    setElement(element: HTMLElement): void;
+    constructor(element: HTMLElement, config?: DialogConfig);
     closed(data?: unknown): void;
 }
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/lib/dialogs/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/dialogs/Dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGpC,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAC/B;AAED,MAAM,CAAC,OAAO,OAAO,MAAM;IACzB,SAAgB,EAAE,EAAE,MAAM,CAAA;IAC1B,SAAgB,QAAQ,EAAE,cAAc,CAAA;IACxC,SAAgB,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC7C,SAAgB,MAAM,EAAE,YAAY,CAAA;IACpC,OAAO,CAAC,eAAe,CAAiC;gBAE3C,QAAQ,EAAE,cAAc,EAAE,MAAM,GAAE,YAAiB;IAShE,UAAU,CAAE,OAAO,EAAE,WAAW;IAIhC,MAAM,CAAE,IAAI,CAAC,EAAE,OAAO;CAGvB"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/dialogs/Dialog.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO;IACvC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CACzB;AAED,MAAM,CAAC,OAAO,OAAO,MAAM;IACzB,SAAgB,EAAE,EAAE,MAAM,CAAA;IAC1B,SAAgB,OAAO,EAAE,WAAW,CAAA;IACpC,SAAgB,MAAM,EAAE,YAAY,CAAA;gBAEvB,OAAO,EAAE,WAAW,EAAE,MAAM,GAAE,YAAiB;IAM5D,MAAM,CAAE,IAAI,CAAC,EAAE,OAAO;CAGvB"}

package/dist/lib/dialogs/Dialog.esm.js

@@ -3,17 +3,10 @@ import "../components/index.esm.js";
 //#region src/lib/dialogs/Dialog.ts
 var t = class {
 	id;
-	template;
 	element;
 	config;
-	_resolveElement;
 	constructor(t, n = {}) {
-		this.id = e(), this.template = t, this.config = n, this.element = new Promise((e) => {
-			this._resolveElement = e;
-		});
-	}
-	setElement(e) {
-		this._resolveElement(e);
+		this.id = e(), this.config = n, this.element = t;
 	}
 	closed(e) {
 		this.config.onClose?.(e);

package/dist/lib/dialogs/Dialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.esm.js","names":[],"sources":["../../../src/lib/dialogs/Dialog.ts"],"sourcesContent":["import { TemplateResult } from 'lit'\nimport { generateId } from '@/lib/components'\n\nexport interface DialogConfig {\n  onClose?(data?: unknown): void\n}\n\nexport default class Dialog {\n  public readonly id: string\n  public readonly template: TemplateResult\n  public readonly element: Promise<HTMLElement>\n  public readonly config: DialogConfig\n  private _resolveElement!: (element: HTMLElement) => void\n\n  constructor (template: TemplateResult, config: DialogConfig = {}) {\n    this.id = generateId()\n    this.template = template\n    this.config = config\n    this.element = new Promise(resolve => {\n      this._resolveElement = resolve\n    })\n  }\n\n  setElement (element: HTMLElement) {\n    this._resolveElement(element)\n  }\n\n  closed (data?: unknown) {\n    this.config.onClose?.(data)\n  }\n}\n"],"mappings":";;;AAOA,IAAqB,IAArB,MAA4B;CAC1B;CACA;CACA;CACA;CACA;CAEA,YAAa,GAA0B,IAAuB,CAAC,GAAG;EAIhE,AAHA,KAAK,KAAK,EAAW,GACrB,KAAK,WAAW,GAChB,KAAK,SAAS,GACd,KAAK,UAAU,IAAI,SAAQ,MAAW;GACpC,KAAK,kBAAkB;EACzB,CAAC;CACH;CAEA,WAAY,GAAsB;EAChC,KAAK,gBAAgB,CAAO;CAC9B;CAEA,OAAQ,GAAgB;EACtB,KAAK,OAAO,UAAU,CAAI;CAC5B;AACF"}
+{"version":3,"file":"Dialog.esm.js","names":[],"sources":["../../../src/lib/dialogs/Dialog.ts"],"sourcesContent":["import { generateId } from '@/lib/components'\n\nexport interface DialogConfig<T = unknown> {\n  onClose?(data?: T): void\n}\n\nexport default class Dialog {\n  public readonly id: string\n  public readonly element: HTMLElement\n  public readonly config: DialogConfig\n\n  constructor (element: HTMLElement, config: DialogConfig = {}) {\n    this.id = generateId()\n    this.config = config\n    this.element = element\n  }\n\n  closed (data?: unknown) {\n    this.config.onClose?.(data)\n  }\n}\n"],"mappings":";;;AAMA,IAAqB,IAArB,MAA4B;CAC1B;CACA;CACA;CAEA,YAAa,GAAsB,IAAuB,CAAC,GAAG;EAG5D,AAFA,KAAK,KAAK,EAAW,GACrB,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,OAAQ,GAAgB;EACtB,KAAK,OAAO,UAAU,CAAI;CAC5B;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.cjs.js","names":[],"sources":["../../../src/lib/dialogs/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { generateId } from '@/lib/components/ids'\n\nexport interface DialogContext {\n  readonly id: string\n}\n\nexport const DEFAULT_DIALOG_CONTEXT = { id: `noop-${generateId()}` } satisfies DialogContext\nexport const dialogContext = createContext<DialogContext>(Symbol('dialog'))\n"],"mappings":"0EAOA,IAAa,EAAyB,CAAE,GAAI,QAAQ,EAAA,WAAW,GAAI,EACtD,GAAA,EAAA,EAAA,cAAA,CAA6C,OAAO,QAAQ,CAAC"}
+{"version":3,"file":"context.cjs.js","names":[],"sources":["../../../src/lib/dialogs/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { generateId } from '@/lib/components/ids'\n\nexport interface DialogContext {\n  readonly id: string\n}\n\nexport const DEFAULT_DIALOG_CONTEXT = { id: `noop-${generateId()}` } satisfies DialogContext\nexport const dialogContext = createContext<DialogContext>(Symbol('dialog'))\n"],"mappings":"0EAOA,IAAa,EAAyB,CAAE,GAAI,QAAQ,EAAA,WAAW,GAAI,EACtD,GAAA,EAAgB,EAAA,cAAA,CAA6B,OAAO,QAAQ,CAAC"}

package/dist/lib/dialogs/helpers.cjs.js

@@ -1,2 +1,2 @@
-const e=require("./Dialog.cjs.js"),t=require("./events/show-dialog.cjs.js");function n(n,r={}){let i=new e.default(n,r);return document.dispatchEvent(new t.ShowDialogEvent(i)),i.element}exports.showDialog=n;
+const e=require("./Dialog.cjs.js"),t=require("./events/show-dialog.cjs.js");function n(n,r){let i=new n;Object.assign(i,r?.props);let a=new e.default(i,r);return document.dispatchEvent(new t.ShowDialogEvent(a)),a.element}exports.showDialog=n;
 //# sourceMappingURL=helpers.cjs.js.map

package/dist/lib/dialogs/helpers.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.cjs.js","names":[],"sources":["../../../src/lib/dialogs/helpers.ts"],"sourcesContent":["import { TemplateResult } from 'lit'\nimport { ShowDialogEvent } from './events/show-dialog'\nimport Dialog, { DialogConfig } from './Dialog'\n\nexport function showDialog<T extends HTMLElement = HTMLElement> (template: TemplateResult, config: DialogConfig = {}): Promise<T> {\n  const dialog = new Dialog(template, config)\n\n  document.dispatchEvent(new ShowDialogEvent(dialog))\n\n  return dialog.element as Promise<T>\n}\n"],"mappings":"4EAIA,SAAgB,EAAiD,EAA0B,EAAuB,CAAC,EAAe,CAChI,IAAM,EAAS,IAAI,EAAA,QAAO,EAAU,CAAM,EAI1C,OAFA,SAAS,cAAc,IAAI,EAAA,gBAAgB,CAAM,CAAC,EAE3C,EAAO,OAChB"}
+{"version":3,"file":"helpers.cjs.js","names":[],"sources":["../../../src/lib/dialogs/helpers.ts"],"sourcesContent":["import { ShowDialogEvent } from './events/show-dialog'\nimport Dialog, { DialogConfig } from './Dialog'\nimport type WebComponent from '@/lib/components/web-component/WebComponent'\nimport type { GetWebComponentMetadata, WebComponentConstructor } from '@/lib/components/web-component/WebComponent'\n\nexport type GetDialogResult<T, TFallback = unknown> = GetWebComponentMetadata<T> extends { dialogResult: infer TResult } ? TResult : TFallback\n\nexport function showDialog<T extends WebComponent> (\n  DialogComponent: WebComponentConstructor<T>,\n  config?: DialogConfig<GetDialogResult<T>> & { props?: Partial<T> }\n): T {\n  const element = new DialogComponent()\n\n  Object.assign(element, config?.props)\n\n  const dialog = new Dialog(element, config)\n\n  document.dispatchEvent(new ShowDialogEvent(dialog))\n\n  return dialog.element as T\n}\n"],"mappings":"4EAOA,SAAgB,EACd,EACA,EACG,CACH,IAAM,EAAU,IAAI,EAEpB,OAAO,OAAO,EAAS,GAAQ,KAAK,EAEpC,IAAM,EAAS,IAAI,EAAA,QAAO,EAAS,CAAM,EAIzC,OAFA,SAAS,cAAc,IAAI,EAAA,gBAAgB,CAAM,CAAC,EAE3C,EAAO,OAChB"}

package/dist/lib/dialogs/helpers.d.ts

@@ -1,4 +1,9 @@
-import { TemplateResult } from 'lit';
 import { DialogConfig } from './Dialog';
-export declare function showDialog<T extends HTMLElement = HTMLElement>(template: TemplateResult, config?: DialogConfig): Promise<T>;
+import { default as WebComponent, GetWebComponentMetadata, WebComponentConstructor } from '../components/web-component/WebComponent';
+export type GetDialogResult<T, TFallback = unknown> = GetWebComponentMetadata<T> extends {
+    dialogResult: infer TResult;
+} ? TResult : TFallback;
+export declare function showDialog<T extends WebComponent>(DialogComponent: WebComponentConstructor<T>, config?: DialogConfig<GetDialogResult<T>> & {
+    props?: Partial<T>;
+}): T;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/lib/dialogs/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/dialogs/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE/C,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAG,QAAQ,EAAE,cAAc,EAAE,MAAM,GAAE,YAAiB,GAAG,OAAO,CAAC,CAAC,CAAC,CAMhI"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/dialogs/helpers.ts"],"names":[],"mappings":"AACA,OAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,YAAY,MAAM,6CAA6C,CAAA;AAC3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAA;AAEnH,MAAM,MAAM,eAAe,CAAC,CAAC,EAAE,SAAS,GAAG,OAAO,IAAI,uBAAuB,CAAC,CAAC,CAAC,SAAS;IAAE,YAAY,EAAE,MAAM,OAAO,CAAA;CAAE,GAAG,OAAO,GAAG,SAAS,CAAA;AAE9I,wBAAgB,UAAU,CAAC,CAAC,SAAS,YAAY,EAC/C,eAAe,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAC3C,MAAM,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;CAAE,GACjE,CAAC,CAUH"}

package/dist/lib/dialogs/helpers.esm.js

@@ -1,9 +1,11 @@
 import e from "./Dialog.esm.js";
 import { ShowDialogEvent as t } from "./events/show-dialog.esm.js";
 //#region src/lib/dialogs/helpers.ts
-function n(n, r = {}) {
-	let i = new e(n, r);
-	return document.dispatchEvent(new t(i)), i.element;
+function n(n, r) {
+	let i = new n();
+	Object.assign(i, r?.props);
+	let a = new e(i, r);
+	return document.dispatchEvent(new t(a)), a.element;
 }
 //#endregion
 export { n as showDialog };

package/dist/lib/dialogs/helpers.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.esm.js","names":[],"sources":["../../../src/lib/dialogs/helpers.ts"],"sourcesContent":["import { TemplateResult } from 'lit'\nimport { ShowDialogEvent } from './events/show-dialog'\nimport Dialog, { DialogConfig } from './Dialog'\n\nexport function showDialog<T extends HTMLElement = HTMLElement> (template: TemplateResult, config: DialogConfig = {}): Promise<T> {\n  const dialog = new Dialog(template, config)\n\n  document.dispatchEvent(new ShowDialogEvent(dialog))\n\n  return dialog.element as Promise<T>\n}\n"],"mappings":";;;AAIA,SAAgB,EAAiD,GAA0B,IAAuB,CAAC,GAAe;CAChI,IAAM,IAAS,IAAI,EAAO,GAAU,CAAM;CAI1C,OAFA,SAAS,cAAc,IAAI,EAAgB,CAAM,CAAC,GAE3C,EAAO;AAChB"}
+{"version":3,"file":"helpers.esm.js","names":[],"sources":["../../../src/lib/dialogs/helpers.ts"],"sourcesContent":["import { ShowDialogEvent } from './events/show-dialog'\nimport Dialog, { DialogConfig } from './Dialog'\nimport type WebComponent from '@/lib/components/web-component/WebComponent'\nimport type { GetWebComponentMetadata, WebComponentConstructor } from '@/lib/components/web-component/WebComponent'\n\nexport type GetDialogResult<T, TFallback = unknown> = GetWebComponentMetadata<T> extends { dialogResult: infer TResult } ? TResult : TFallback\n\nexport function showDialog<T extends WebComponent> (\n  DialogComponent: WebComponentConstructor<T>,\n  config?: DialogConfig<GetDialogResult<T>> & { props?: Partial<T> }\n): T {\n  const element = new DialogComponent()\n\n  Object.assign(element, config?.props)\n\n  const dialog = new Dialog(element, config)\n\n  document.dispatchEvent(new ShowDialogEvent(dialog))\n\n  return dialog.element as T\n}\n"],"mappings":";;;AAOA,SAAgB,EACd,GACA,GACG;CACH,IAAM,IAAU,IAAI,EAAgB;CAEpC,OAAO,OAAO,GAAS,GAAQ,KAAK;CAEpC,IAAM,IAAS,IAAI,EAAO,GAAS,CAAM;CAIzC,OAFA,SAAS,cAAc,IAAI,EAAgB,CAAM,CAAC,GAE3C,EAAO;AAChB"}

package/dist/lib/file-explorer/context.cjs.js

@@ -0,0 +1,2 @@
+var e=(0,require("@lit/context").createContext)(Symbol(`file-explorer`));exports.fileExplorerContext=e;
+//# sourceMappingURL=context.cjs.js.map

package/dist/lib/file-explorer/context.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs.js","names":[],"sources":["../../../src/lib/file-explorer/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { LiveStore } from 'rdflib'\nimport type { NamedNode } from 'rdflib'\nimport type { PaneDefinition } from 'pane-registry'\n\nexport interface FileExplorerEdit {\n  onEdit?: () => void\n  isDirty?: boolean\n  updateDirtyState?: (dirty: boolean) => void\n}\n\nexport interface FileExplorerContext {\n  store: LiveStore | undefined\n  subjectUri: string | undefined\n  pane?: PaneDefinition\n  soloPane?: boolean\n\n  onBack?: () => void\n  openPane?: (subject: NamedNode, paneName: string) => void\n  handleSharingClick?: () => void\n\n  paneSupportsEditing?: boolean\n  edit?: FileExplorerEdit\n}\n\nexport const fileExplorerContext = createContext<FileExplorerContext>(Symbol('file-explorer'))\n"],"mappings":"AAyBA,IAAa,GAAA,wBAAsB,CAAA,CAAA,cAAA,CAAmC,OAAO,eAAe,CAAC"}

package/dist/lib/file-explorer/context.d.ts

@@ -0,0 +1,22 @@
+import { LiveStore, NamedNode } from 'rdflib';
+import { PaneDefinition } from 'pane-registry';
+export interface FileExplorerEdit {
+    onEdit?: () => void;
+    isDirty?: boolean;
+    updateDirtyState?: (dirty: boolean) => void;
+}
+export interface FileExplorerContext {
+    store: LiveStore | undefined;
+    subjectUri: string | undefined;
+    pane?: PaneDefinition;
+    soloPane?: boolean;
+    onBack?: () => void;
+    openPane?: (subject: NamedNode, paneName: string) => void;
+    handleSharingClick?: () => void;
+    paneSupportsEditing?: boolean;
+    edit?: FileExplorerEdit;
+}
+export declare const fileExplorerContext: {
+    __context__: FileExplorerContext;
+};
+//# sourceMappingURL=context.d.ts.map

package/dist/lib/file-explorer/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/lib/file-explorer/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC5C;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAA;IAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAE/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,IAAI,CAAC,EAAE,gBAAgB,CAAA;CACxB;AAED,eAAO,MAAM,mBAAmB;;CAA8D,CAAA"}

package/dist/lib/file-explorer/context.esm.js

@@ -0,0 +1,7 @@
+import { createContext as e } from "@lit/context";
+//#region src/lib/file-explorer/context.ts
+var t = e(Symbol("file-explorer"));
+//#endregion
+export { t as fileExplorerContext };
+
+//# sourceMappingURL=context.esm.js.map

package/dist/lib/file-explorer/context.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.esm.js","names":[],"sources":["../../../src/lib/file-explorer/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { LiveStore } from 'rdflib'\nimport type { NamedNode } from 'rdflib'\nimport type { PaneDefinition } from 'pane-registry'\n\nexport interface FileExplorerEdit {\n  onEdit?: () => void\n  isDirty?: boolean\n  updateDirtyState?: (dirty: boolean) => void\n}\n\nexport interface FileExplorerContext {\n  store: LiveStore | undefined\n  subjectUri: string | undefined\n  pane?: PaneDefinition\n  soloPane?: boolean\n\n  onBack?: () => void\n  openPane?: (subject: NamedNode, paneName: string) => void\n  handleSharingClick?: () => void\n\n  paneSupportsEditing?: boolean\n  edit?: FileExplorerEdit\n}\n\nexport const fileExplorerContext = createContext<FileExplorerContext>(Symbol('file-explorer'))\n"],"mappings":";;AAyBA,IAAa,IAAsB,EAAmC,OAAO,eAAe,CAAC"}

package/dist/lib/forms/fieldParams.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../ns.cjs.js"),t=require("../style.cjs.js");var n={[e.default.ui(`ColorField`).uri]:{size:9,type:`color`,style:`height: 3em;`,dt:`color`,pattern:/^\s*#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]([0-9a-f][0-9a-f])?\s*$/},[e.default.ui(`DateField`).uri]:{size:20,type:`date`,dt:`date`,pattern:/^\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\s*$/},[e.default.ui(`DateTimeField`).uri]:{size:20,type:`datetime-local`,dt:`dateTime`,pattern:/^\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?(T[0-2][0-9]:[0-5][0-9](:[0-5][0-9])?)?Z?\s*$/},[e.default.ui(`TimeField`).uri]:{size:10,type:`time`,dt:`time`,pattern:/^\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\s*$/},[e.default.ui(`IntegerField`).uri]:{size:12,style:`text-align: right;`,dt:`integer`,pattern:/^\s*-?[0-9]+\s*$/},[e.default.ui(`DecimalField`).uri]:{size:12,style:`text-align: right;`,dt:`decimal`,pattern:/^\s*-?[0-9]*(\.[0-9]*)?\s*$/},[e.default.ui(`FloatField`).uri]:{size:12,style:`text-align: right;`,dt:`float`,pattern:/^\s*-?[0-9]*(\.[0-9]*)?((e|E)-?[0-9]*)?\s*$/},[e.default.ui(`SingleLineTextField`).uri]:{},[e.default.ui(`NamedNodeURIField`).uri]:{namedNode:!0},[e.default.ui(`TextField`).uri]:{},[e.default.ui(`PhoneField`).uri]:{size:20,defaultInputValue:`tel:`,pattern:/^\+?[\d-]+[\d]*$/},[e.default.ui(`EmailField`).uri]:{size:30,defaultInputValue:`mailto:`,pattern:/^\s*.*@.*\..*\s*$/},[e.default.ui(`Group`).uri]:{style:t.style.formGroupStyle},[e.default.ui(`Comment`).uri]:{element:`p`,style:t.style.commentStyle},[e.default.ui(`Heading`).uri]:{element:`h3`,style:t.style.formHeadingStyle}};exports.fieldParams=n;
+//# sourceMappingURL=fieldParams.cjs.js.map

package/dist/lib/forms/fieldParams.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldParams.cjs.js","names":[],"sources":["../../../src/lib/forms/fieldParams.ts"],"sourcesContent":["import ns from '../../lib/ns'\nimport { style } from '../../lib/style'\n\nexport type InputType =\n  | 'hidden'\n  | 'text'\n  | 'search'\n  | 'tel'\n  | 'url'\n  | 'email'\n  | 'password'\n  | 'datetime'\n  | 'date'\n  | 'month'\n  | 'week'\n  | 'time'\n  | 'datetime-local'\n  | 'number'\n  | 'range'\n  | 'color'\n  | 'checkbox'\n  | 'radio'\n  | 'file'\n  | 'submit'\n  | 'image'\n  | 'reset'\n  | 'button'\n\nexport type FieldParamsObject = {\n  size?: number, // input element size attribute\n  type?: InputType, // input element type attribute. Default: 'text' (not for Comment and Heading)\n  element?: string, // element type to use (Comment and Heading only)\n  style?: string, // style to use\n  dt?: string, // xsd data type for the RDF Literal corresponding to the field value. Default: xsd:string\n  defaultInputValue?: string, // e.g. 'mailto:'. Default value in input field, will be removed when displaying actual value to user.\n  namedNode?: boolean, // if true, field value corresponds to the URI of an RDF NamedNode. Overrides dt and defaultInputValue.\n  pattern?: RegExp // for client-side input validation; field will go red if violated, green if ok\n}\n\n/**\n * The fieldParams object defines various constants\n * for use in various form fields. Depending on the\n * field in questions, different values may be read\n * from here.\n */\nexport const fieldParams: { [ fieldUri: string ]: FieldParamsObject } = {\n  /**\n   * Text field\n   *\n   * For possible date popups see e.g. http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm\n   * or use HTML5: http://www.w3.org/TR/2011/WD-html-markup-20110113/input.date.html\n   */\n  [ns.ui('ColorField').uri]: {\n    size: 9,\n    type: 'color',\n    style: 'height: 3em;', // around 1.5em is padding\n    dt: 'color',\n    pattern: /^\\s*#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]([0-9a-f][0-9a-f])?\\s*$/\n  }, // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n\n  [ns.ui('DateField').uri]: {\n    size: 20,\n    type: 'date',\n    dt: 'date',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\\s*$/\n  },\n\n  [ns.ui('DateTimeField').uri]: {\n    size: 20,\n    type: 'datetime-local', // See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime\n    dt: 'dateTime',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?(T[0-2][0-9]:[0-5][0-9](:[0-5][0-9])?)?Z?\\s*$/\n  },\n\n  [ns.ui('TimeField').uri]: {\n    size: 10,\n    type: 'time',\n    dt: 'time',\n    pattern: /^\\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\\s*$/\n  },\n\n  [ns.ui('IntegerField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'integer',\n    pattern: /^\\s*-?[0-9]+\\s*$/\n  },\n\n  [ns.ui('DecimalField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'decimal',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('FloatField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'float',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?((e|E)-?[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('SingleLineTextField').uri]: {\n\n  },\n  [ns.ui('NamedNodeURIField').uri]: {\n    namedNode: true\n  },\n  [ns.ui('TextField').uri]: {\n\n  },\n\n  [ns.ui('PhoneField').uri]: {\n    size: 20,\n    defaultInputValue: 'tel:',\n    pattern: /^\\+?[\\d-]+[\\d]*$/\n  },\n\n  [ns.ui('EmailField').uri]: {\n    size: 30,\n    defaultInputValue: 'mailto:',\n    pattern: /^\\s*.*@.*\\..*\\s*$/ // @@ Get the right regexp here\n  },\n\n  [ns.ui('Group').uri]: {\n    style: style.formGroupStyle\n  },\n\n  /**\n   * Non-interactive fields\n   */\n  [ns.ui('Comment').uri]: {\n    element: 'p',\n    style: style.commentStyle\n  },\n  [ns.ui('Heading').uri]: {\n    element: 'h3',\n    style: style.formHeadingStyle\n  }\n}\n"],"mappings":"6DA6CA,IAAa,EAA2D,EAOrE,EAAA,QAAG,GAAG,YAAY,CAAC,CAAC,KAAM,CACzB,KAAM,EACN,KAAM,QACN,MAAO,eACP,GAAI,QACJ,QAAS,8EACX,GAEC,EAAA,QAAG,GAAG,WAAW,CAAC,CAAC,KAAM,CACxB,KAAM,GACN,KAAM,OACN,GAAI,OACJ,QAAS,2DACX,GAEC,EAAA,QAAG,GAAG,eAAe,CAAC,CAAC,KAAM,CAC5B,KAAM,GACN,KAAM,iBACN,GAAI,WACJ,QAAS,kGACX,GAEC,EAAA,QAAG,GAAG,WAAW,CAAC,CAAC,KAAM,CACxB,KAAM,GACN,KAAM,OACN,GAAI,OACJ,QAAS,gDACX,GAEC,EAAA,QAAG,GAAG,cAAc,CAAC,CAAC,KAAM,CAC3B,KAAM,GACN,MAAO,qBACP,GAAI,UACJ,QAAS,kBACX,GAEC,EAAA,QAAG,GAAG,cAAc,CAAC,CAAC,KAAM,CAC3B,KAAM,GACN,MAAO,qBACP,GAAI,UACJ,QAAS,6BACX,GAEC,EAAA,QAAG,GAAG,YAAY,CAAC,CAAC,KAAM,CACzB,KAAM,GACN,MAAO,qBACP,GAAI,QACJ,QAAS,6CACX,GAEC,EAAA,QAAG,GAAG,qBAAqB,CAAC,CAAC,KAAM,CAEpC,GACC,EAAA,QAAG,GAAG,mBAAmB,CAAC,CAAC,KAAM,CAChC,UAAW,EACb,GACC,EAAA,QAAG,GAAG,WAAW,CAAC,CAAC,KAAM,CAE1B,GAEC,EAAA,QAAG,GAAG,YAAY,CAAC,CAAC,KAAM,CACzB,KAAM,GACN,kBAAmB,OACnB,QAAS,kBACX,GAEC,EAAA,QAAG,GAAG,YAAY,CAAC,CAAC,KAAM,CACzB,KAAM,GACN,kBAAmB,UACnB,QAAS,mBACX,GAEC,EAAA,QAAG,GAAG,OAAO,CAAC,CAAC,KAAM,CACpB,MAAO,EAAA,MAAM,cACf,GAKC,EAAA,QAAG,GAAG,SAAS,CAAC,CAAC,KAAM,CACtB,QAAS,IACT,MAAO,EAAA,MAAM,YACf,GACC,EAAA,QAAG,GAAG,SAAS,CAAC,CAAC,KAAM,CACtB,QAAS,KACT,MAAO,EAAA,MAAM,gBACf,CACF"}

package/dist/lib/forms/fieldParams.d.ts

@@ -0,0 +1,21 @@
+export type InputType = 'hidden' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'password' | 'datetime' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'range' | 'color' | 'checkbox' | 'radio' | 'file' | 'submit' | 'image' | 'reset' | 'button';
+export type FieldParamsObject = {
+    size?: number;
+    type?: InputType;
+    element?: string;
+    style?: string;
+    dt?: string;
+    defaultInputValue?: string;
+    namedNode?: boolean;
+    pattern?: RegExp;
+};
+/**
+ * The fieldParams object defines various constants
+ * for use in various form fields. Depending on the
+ * field in questions, different values may be read
+ * from here.
+ */
+export declare const fieldParams: {
+    [fieldUri: string]: FieldParamsObject;
+};
+//# sourceMappingURL=fieldParams.d.ts.map

package/dist/lib/forms/fieldParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldParams.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/fieldParams.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,CAAA;AAEZ,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE;IAAE,CAAE,QAAQ,EAAE,MAAM,GAAI,iBAAiB,CAAA;CA8FlE,CAAA"}

package/dist/lib/forms/fieldParams.esm.js

@@ -0,0 +1,74 @@
+import e from "../ns.esm.js";
+import { style as t } from "../style.esm.js";
+//#region src/lib/forms/fieldParams.ts
+var n = {
+	[e.ui("ColorField").uri]: {
+		size: 9,
+		type: "color",
+		style: "height: 3em;",
+		dt: "color",
+		pattern: /^\s*#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]([0-9a-f][0-9a-f])?\s*$/
+	},
+	[e.ui("DateField").uri]: {
+		size: 20,
+		type: "date",
+		dt: "date",
+		pattern: /^\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\s*$/
+	},
+	[e.ui("DateTimeField").uri]: {
+		size: 20,
+		type: "datetime-local",
+		dt: "dateTime",
+		pattern: /^\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?(T[0-2][0-9]:[0-5][0-9](:[0-5][0-9])?)?Z?\s*$/
+	},
+	[e.ui("TimeField").uri]: {
+		size: 10,
+		type: "time",
+		dt: "time",
+		pattern: /^\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\s*$/
+	},
+	[e.ui("IntegerField").uri]: {
+		size: 12,
+		style: "text-align: right;",
+		dt: "integer",
+		pattern: /^\s*-?[0-9]+\s*$/
+	},
+	[e.ui("DecimalField").uri]: {
+		size: 12,
+		style: "text-align: right;",
+		dt: "decimal",
+		pattern: /^\s*-?[0-9]*(\.[0-9]*)?\s*$/
+	},
+	[e.ui("FloatField").uri]: {
+		size: 12,
+		style: "text-align: right;",
+		dt: "float",
+		pattern: /^\s*-?[0-9]*(\.[0-9]*)?((e|E)-?[0-9]*)?\s*$/
+	},
+	[e.ui("SingleLineTextField").uri]: {},
+	[e.ui("NamedNodeURIField").uri]: { namedNode: !0 },
+	[e.ui("TextField").uri]: {},
+	[e.ui("PhoneField").uri]: {
+		size: 20,
+		defaultInputValue: "tel:",
+		pattern: /^\+?[\d-]+[\d]*$/
+	},
+	[e.ui("EmailField").uri]: {
+		size: 30,
+		defaultInputValue: "mailto:",
+		pattern: /^\s*.*@.*\..*\s*$/
+	},
+	[e.ui("Group").uri]: { style: t.formGroupStyle },
+	[e.ui("Comment").uri]: {
+		element: "p",
+		style: t.commentStyle
+	},
+	[e.ui("Heading").uri]: {
+		element: "h3",
+		style: t.formHeadingStyle
+	}
+};
+//#endregion
+export { n as fieldParams };
+
+//# sourceMappingURL=fieldParams.esm.js.map

package/dist/lib/forms/fieldParams.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldParams.esm.js","names":[],"sources":["../../../src/lib/forms/fieldParams.ts"],"sourcesContent":["import ns from '../../lib/ns'\nimport { style } from '../../lib/style'\n\nexport type InputType =\n  | 'hidden'\n  | 'text'\n  | 'search'\n  | 'tel'\n  | 'url'\n  | 'email'\n  | 'password'\n  | 'datetime'\n  | 'date'\n  | 'month'\n  | 'week'\n  | 'time'\n  | 'datetime-local'\n  | 'number'\n  | 'range'\n  | 'color'\n  | 'checkbox'\n  | 'radio'\n  | 'file'\n  | 'submit'\n  | 'image'\n  | 'reset'\n  | 'button'\n\nexport type FieldParamsObject = {\n  size?: number, // input element size attribute\n  type?: InputType, // input element type attribute. Default: 'text' (not for Comment and Heading)\n  element?: string, // element type to use (Comment and Heading only)\n  style?: string, // style to use\n  dt?: string, // xsd data type for the RDF Literal corresponding to the field value. Default: xsd:string\n  defaultInputValue?: string, // e.g. 'mailto:'. Default value in input field, will be removed when displaying actual value to user.\n  namedNode?: boolean, // if true, field value corresponds to the URI of an RDF NamedNode. Overrides dt and defaultInputValue.\n  pattern?: RegExp // for client-side input validation; field will go red if violated, green if ok\n}\n\n/**\n * The fieldParams object defines various constants\n * for use in various form fields. Depending on the\n * field in questions, different values may be read\n * from here.\n */\nexport const fieldParams: { [ fieldUri: string ]: FieldParamsObject } = {\n  /**\n   * Text field\n   *\n   * For possible date popups see e.g. http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm\n   * or use HTML5: http://www.w3.org/TR/2011/WD-html-markup-20110113/input.date.html\n   */\n  [ns.ui('ColorField').uri]: {\n    size: 9,\n    type: 'color',\n    style: 'height: 3em;', // around 1.5em is padding\n    dt: 'color',\n    pattern: /^\\s*#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]([0-9a-f][0-9a-f])?\\s*$/\n  }, // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n\n  [ns.ui('DateField').uri]: {\n    size: 20,\n    type: 'date',\n    dt: 'date',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\\s*$/\n  },\n\n  [ns.ui('DateTimeField').uri]: {\n    size: 20,\n    type: 'datetime-local', // See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime\n    dt: 'dateTime',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?(T[0-2][0-9]:[0-5][0-9](:[0-5][0-9])?)?Z?\\s*$/\n  },\n\n  [ns.ui('TimeField').uri]: {\n    size: 10,\n    type: 'time',\n    dt: 'time',\n    pattern: /^\\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\\s*$/\n  },\n\n  [ns.ui('IntegerField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'integer',\n    pattern: /^\\s*-?[0-9]+\\s*$/\n  },\n\n  [ns.ui('DecimalField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'decimal',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('FloatField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'float',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?((e|E)-?[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('SingleLineTextField').uri]: {\n\n  },\n  [ns.ui('NamedNodeURIField').uri]: {\n    namedNode: true\n  },\n  [ns.ui('TextField').uri]: {\n\n  },\n\n  [ns.ui('PhoneField').uri]: {\n    size: 20,\n    defaultInputValue: 'tel:',\n    pattern: /^\\+?[\\d-]+[\\d]*$/\n  },\n\n  [ns.ui('EmailField').uri]: {\n    size: 30,\n    defaultInputValue: 'mailto:',\n    pattern: /^\\s*.*@.*\\..*\\s*$/ // @@ Get the right regexp here\n  },\n\n  [ns.ui('Group').uri]: {\n    style: style.formGroupStyle\n  },\n\n  /**\n   * Non-interactive fields\n   */\n  [ns.ui('Comment').uri]: {\n    element: 'p',\n    style: style.commentStyle\n  },\n  [ns.ui('Heading').uri]: {\n    element: 'h3',\n    style: style.formHeadingStyle\n  }\n}\n"],"mappings":";;;AA6CA,IAAa,IAA2D;EAOrE,EAAG,GAAG,YAAY,CAAC,CAAC,MAAM;EACzB,MAAM;EACN,MAAM;EACN,OAAO;EACP,IAAI;EACJ,SAAS;CACX;EAEC,EAAG,GAAG,WAAW,CAAC,CAAC,MAAM;EACxB,MAAM;EACN,MAAM;EACN,IAAI;EACJ,SAAS;CACX;EAEC,EAAG,GAAG,eAAe,CAAC,CAAC,MAAM;EAC5B,MAAM;EACN,MAAM;EACN,IAAI;EACJ,SAAS;CACX;EAEC,EAAG,GAAG,WAAW,CAAC,CAAC,MAAM;EACxB,MAAM;EACN,MAAM;EACN,IAAI;EACJ,SAAS;CACX;EAEC,EAAG,GAAG,cAAc,CAAC,CAAC,MAAM;EAC3B,MAAM;EACN,OAAO;EACP,IAAI;EACJ,SAAS;CACX;EAEC,EAAG,GAAG,cAAc,CAAC,CAAC,MAAM;EAC3B,MAAM;EACN,OAAO;EACP,IAAI;EACJ,SAAS;CACX;EAEC,EAAG,GAAG,YAAY,CAAC,CAAC,MAAM;EACzB,MAAM;EACN,OAAO;EACP,IAAI;EACJ,SAAS;CACX;EAEC,EAAG,GAAG,qBAAqB,CAAC,CAAC,MAAM,CAEpC;EACC,EAAG,GAAG,mBAAmB,CAAC,CAAC,MAAM,EAChC,WAAW,GACb;EACC,EAAG,GAAG,WAAW,CAAC,CAAC,MAAM,CAE1B;EAEC,EAAG,GAAG,YAAY,CAAC,CAAC,MAAM;EACzB,MAAM;EACN,mBAAmB;EACnB,SAAS;CACX;EAEC,EAAG,GAAG,YAAY,CAAC,CAAC,MAAM;EACzB,MAAM;EACN,mBAAmB;EACnB,SAAS;CACX;EAEC,EAAG,GAAG,OAAO,CAAC,CAAC,MAAM,EACpB,OAAO,EAAM,eACf;EAKC,EAAG,GAAG,SAAS,CAAC,CAAC,MAAM;EACtB,SAAS;EACT,OAAO,EAAM;CACf;EACC,EAAG,GAAG,SAAS,CAAC,CAAC,MAAM;EACtB,SAAS;EACT,OAAO,EAAM;CACf;AACF"}

package/dist/lib/forms/rdfFormsHelper.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../ns.cjs.js");let t=require("rdflib");async function n(e,n){let r=(0,t.sym)(n);return e.holds(void 0,void 0,void 0,r)&&e.removeStatements(e.statementsMatching(void 0,void 0,void 0,r)),await e.fetcher.load(n,{force:!0,clearPreviousData:!0})}function r(t,n){let r=n.map(n=>{let r=t.any(n,e.default.ui(`sequence`)),i=r?Number(r.value):9999;return[Number.isNaN(i)?9999:i,n]});return r.sort((e,t)=>e[0]-t[0]),r.map(e=>e[1])}function i(e,t){let n=e.findTypeURIs(t),r=e.bottomTypeURIs(n),i=[];for(let e in r)i.push(e);return i[0]}function a(n,r){let i=r.split(`#`)[0],a=r.includes(`#`)?r.split(`#`)[1]:null;if(a){let r=(0,t.sym)(i+`#`+a);if(n.holds(r,e.default.rdf(`type`),e.default.ui(`Form`)))return r}return n.each(null,e.default.rdf(`type`),e.default.ui(`Form`)).find(e=>e.termType===`NamedNode`)||null}exports.fetchData=n,exports.findForm=a,exports.mostSpecificClassURI=i,exports.sortBySequence=r;
+//# sourceMappingURL=rdfFormsHelper.cjs.js.map

package/dist/lib/forms/rdfFormsHelper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rdfFormsHelper.cjs.js","names":[],"sources":["../../../src/lib/forms/rdfFormsHelper.ts"],"sourcesContent":["import { sym, LiveStore, parse } from 'rdflib'\nimport type { Term } from 'rdflib/lib/tf-types'\n// eslint-disable-next-line camelcase\nimport type { Quad_Subject, NamedNode } from 'rdflib/lib/tf-types'\nimport ns from '../../lib/ns'\n\nconst baseUri = 'https://solidos.github.io/solid-ui/src/ontology/'\n\nexport function loadDocument (\n  store: LiveStore,\n  documentSource: string,\n  documentName: string,\n  documentURI?: string,\n  preferRemote = false\n) {\n  const finalDocumentUri = documentURI || baseUri + documentName   // Full URI to the file\n  const document = sym(finalDocumentUri)      // rdflib NamedNode for the document\n\n  if (store.holds(undefined, undefined, undefined, document)) {\n    store.removeStatements(store.statementsMatching(undefined, undefined, undefined, document))\n  }\n\n  const parseSource = () => {\n    return new Promise<void>((resolve, reject) => {\n      parse(documentSource, store, finalDocumentUri, 'text/turtle', (err) => {\n        if (err) {\n          console.error('Parse document error for ', finalDocumentUri, err)\n          reject(err)\n        } else {\n          resolve()\n        }\n      })\n    })\n  }\n\n  if (preferRemote && documentURI) {\n    return store.fetcher.load(documentURI, {\n      force: true,\n      clearPreviousData: true,\n    }).then(() => {}).catch((err) => {\n      if (documentSource && documentSource.trim().length > 0) {\n        return parseSource()\n      }\n      throw err\n    })\n  }\n\n  if (documentSource && documentSource.trim().length > 0) {\n    return parseSource()\n  }\n\n  if (documentURI) {\n    return store.fetcher.load(documentURI, {\n      force: true,\n      clearPreviousData: true,\n    }).then(() => {})\n  }\n\n  return Promise.reject(new Error(`No document source or URI for ${documentName}`))\n}\n\nexport async function fetchData (\n  store: LiveStore,\n  documentURI: string\n) {\n  const document = sym(documentURI)      // rdflib NamedNode for the document\n\n  if (store.holds(undefined, undefined, undefined, document)) {\n    store.removeStatements(store.statementsMatching(undefined, undefined, undefined, document))\n  }\n\n  return await store.fetcher.load(documentURI, {\n    force: true,\n    clearPreviousData: true,\n  })\n}\n\nexport function sortBySequence (\n  store: LiveStore,\n  list: Term[]\n) {\n  const subfields = list.map((p) => {\n    const k = store.any(p as any, ns.ui('sequence'))\n    const seq = k ? Number((k as { value: string }).value) : 9999\n    return [Number.isNaN(seq) ? 9999 : seq, p] as const\n  })\n\n  subfields.sort((a, b) => a[0] - b[0])\n\n  return subfields.map(pair => pair[1])\n}\n\n/**\n * Which class of field is this? Relies on http://www.w3.org/2000/01/rdf-schema#subClassOf and\n * https://linkeddata.github.io/rdflib.js/doc/classes/formula.html#bottomtypeuris\n * to find the most specific RDF type if there are multiple.\n *\n * @param subject a form field, e.g. `namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')`\n * @returns the URI of the most specific known class, e.g. `http://www.w3.org/ns/ui#SingleLineTextField`\n */\n// eslint-disable-next-line camelcase\nexport function mostSpecificClassURI (store: LiveStore, subject: Quad_Subject): string {\n  const typeUri = store.findTypeURIs(subject)\n  const specificTypes = store.bottomTypeURIs(typeUri) // most specific\n  const finalTypes: any[] = []\n  for (const t in specificTypes) finalTypes.push(t)\n  // if (finalTypes.length > 1) throw \"Didn't expect \"+subject+\" to have multiple bottom types: \"+finalTypes\n  return finalTypes[0]\n}\n\n// Find the first ui:Form node in a store, optionally matching a fragment.\n// code based on Jeff Zucker's sol-components: https://github.com/jeff-zucker/sol-components (core/form-utils.js)\nexport function findForm (store: LiveStore, sourceUri: string): NamedNode | null {\n  const docUrl = sourceUri.split('#')[0]\n  const fragment = sourceUri.includes('#') ? sourceUri.split('#')[1] : null\n  if (fragment) {\n    const candidate = sym(docUrl + '#' + fragment)\n    if (store.holds(candidate, ns.rdf('type'), ns.ui('Form'))) return candidate\n  }\n  const forms = store.each(null, ns.rdf('type'), ns.ui('Form'))\n  const found = forms.find((term) => term.termType === 'NamedNode')\n  return found ? (found as NamedNode) : null\n}\n"],"mappings":"wDA6DA,eAAsB,EACpB,EACA,EACA,CACA,IAAM,GAAA,EAAW,EAAA,IAAA,CAAI,CAAW,EAMhC,OAJI,EAAM,MAAM,IAAA,GAAW,IAAA,GAAW,IAAA,GAAW,CAAQ,GACvD,EAAM,iBAAiB,EAAM,mBAAmB,IAAA,GAAW,IAAA,GAAW,IAAA,GAAW,CAAQ,CAAC,EAGrF,MAAM,EAAM,QAAQ,KAAK,EAAa,CAC3C,MAAO,GACP,kBAAmB,EACrB,CAAC,CACH,CAEA,SAAgB,EACd,EACA,EACA,CACA,IAAM,EAAY,EAAK,IAAK,GAAM,CAChC,IAAM,EAAI,EAAM,IAAI,EAAU,EAAA,QAAG,GAAG,UAAU,CAAC,EACzC,EAAM,EAAI,OAAQ,EAAwB,KAAK,EAAI,KACzD,MAAO,CAAC,OAAO,MAAM,CAAG,EAAI,KAAO,EAAK,CAAC,CAC3C,CAAC,EAID,OAFA,EAAU,MAAM,EAAG,IAAM,EAAE,GAAK,EAAE,EAAE,EAE7B,EAAU,IAAI,GAAQ,EAAK,EAAE,CACtC,CAWA,SAAgB,EAAsB,EAAkB,EAA+B,CACrF,IAAM,EAAU,EAAM,aAAa,CAAO,EACpC,EAAgB,EAAM,eAAe,CAAO,EAC5C,EAAoB,CAAC,EAC3B,IAAK,IAAM,KAAK,EAAe,EAAW,KAAK,CAAC,EAEhD,OAAO,EAAW,EACpB,CAIA,SAAgB,EAAU,EAAkB,EAAqC,CAC/E,IAAM,EAAS,EAAU,MAAM,GAAG,CAAC,CAAC,GAC9B,EAAW,EAAU,SAAS,GAAG,EAAI,EAAU,MAAM,GAAG,CAAC,CAAC,GAAK,KACrE,GAAI,EAAU,CACZ,IAAM,GAAA,EAAY,EAAA,IAAA,CAAI,EAAS,IAAM,CAAQ,EAC7C,GAAI,EAAM,MAAM,EAAW,EAAA,QAAG,IAAI,MAAM,EAAG,EAAA,QAAG,GAAG,MAAM,CAAC,EAAG,OAAO,CACpE,CAGA,OAFc,EAAM,KAAK,KAAM,EAAA,QAAG,IAAI,MAAM,EAAG,EAAA,QAAG,GAAG,MAAM,CAC7C,CAAA,CAAM,KAAM,GAAS,EAAK,WAAa,WAC9C,GAA+B,IACxC"}

package/dist/lib/forms/rdfFormsHelper.d.ts

@@ -0,0 +1,16 @@
+import { LiveStore } from 'rdflib';
+import { Term, Quad_Subject, NamedNode } from 'rdflib/lib/tf-types';
+export declare function loadDocument(store: LiveStore, documentSource: string, documentName: string, documentURI?: string, preferRemote?: boolean): Promise<void>;
+export declare function fetchData(store: LiveStore, documentURI: string): Promise<Response>;
+export declare function sortBySequence(store: LiveStore, list: Term[]): Term[];
+/**
+ * Which class of field is this? Relies on http://www.w3.org/2000/01/rdf-schema#subClassOf and
+ * https://linkeddata.github.io/rdflib.js/doc/classes/formula.html#bottomtypeuris
+ * to find the most specific RDF type if there are multiple.
+ *
+ * @param subject a form field, e.g. `namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')`
+ * @returns the URI of the most specific known class, e.g. `http://www.w3.org/ns/ui#SingleLineTextField`
+ */
+export declare function mostSpecificClassURI(store: LiveStore, subject: Quad_Subject): string;
+export declare function findForm(store: LiveStore, sourceUri: string): NamedNode | null;
+//# sourceMappingURL=rdfFormsHelper.d.ts.map

package/dist/lib/forms/rdfFormsHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rdfFormsHelper.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/rdfFormsHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAS,MAAM,QAAQ,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAE/C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAKlE,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,EAChB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,MAAM,EACpB,YAAY,UAAQ,iBA8CrB;AAED,wBAAsB,SAAS,CAC7B,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,MAAM,qBAYpB;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,EAAE,UAWb;AAED;;;;;;;GAOG;AAEH,wBAAgB,oBAAoB,CAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,GAAG,MAAM,CAOrF;AAID,wBAAgB,QAAQ,CAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAU/E"}