solid-ui 3.1.3-6 → 3.1.3-8

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

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

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

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

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

@@ -14,6 +14,7 @@ export interface InputTraitConfig {
 }
 export default class InputTrait implements WebComponentTrait {
     inputId: string;
+    labelId: string;
     target: InputTraitTarget;
     private config;
     constructor(target: InputTraitTarget, config: InputTraitConfig);

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

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

@@ -4,10 +4,11 @@ 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.target = t;
+		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();
@@ -19,7 +20,7 @@ var r = class {
 		this.target.value = "", this.config.getInternals().setFormValue(""), this.updateValidity(), this.config.onValueChanged?.("");
 	}
 	renderLabel() {
-		return this.target.label ? t`<label for="${this.inputId}">${this.target.label}</label>` : n;
+		return this.target.label ? t`<label id="${this.labelId}" for="${this.inputId}">${this.target.label}</label>` : n;
 	}
 	onInput() {
 		this.setValue(this.config.getInputElement()?.value ?? "");

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

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

@@ -1 +1 @@
-require("./DialogTrait.cjs.js"),require("./InputTrait.cjs.js");
+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.esm.js

@@ -1,2 +1,3 @@
-import "./DialogTrait.esm.js";
-import "./InputTrait.esm.js";
+import e from "./DialogTrait.esm.js";
+import t from "./InputTrait.esm.js";
+export { e as DialogTrait, t as InputTrait };

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

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

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

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

@@ -29,12 +29,7 @@ var r = class extends t {
 	willUpdate(e) {
 		super.willUpdate(e);
 		let t = this.static().states;
-		if (!t) return;
-		let n = this.getInternals();
-		for (let [e, r] of Object.entries(t)) {
-			let t = r(this);
-			t && !n.states.has(e) ? n.states.add(e) : !t && n.states.has(e) && n.states.delete(e);
-		}
+		if (t) for (let [e, n] of Object.entries(t)) this.toggleAttribute(`data-state-${e}`, !!n(this));
 	}
 	addGlobalEventListener(e, t) {
 		this.globalListeners.push([e, t]), window.addEventListener(e, t);

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    const internals = this.getInternals()\n\n    for (const [state, condition] of Object.entries(states)) {\n      const matches = condition(this)\n\n      if (matches && !internals.states.has(state)) {\n        internals.states.add(state)\n      } else if (!matches && internals.states.has(state)) {\n        internals.states.delete(state)\n      }\n    }\n  }\n\n  protected addGlobalEventListener <T extends keyof WindowEventMap>(type: T, listener: (this: Window, ev: WindowEventMap[T]) => any) {\n    this.globalListeners.push([type, listener as EventListener])\n\n    window.addEventListener(type, listener)\n  }\n\n  protected render () {\n    return html`<slot></slot>`\n  }\n\n  protected getInternals (): ElementInternals {\n    this.internals ??= this.attachInternals()\n\n    return this.internals\n  }\n\n  private static (): typeof WebComponent {\n    return this.constructor as typeof WebComponent\n  }\n\n  private forwardMethodCall<T extends WebComponentTraitMethodKey>(method: T, ...args: Parameters<Required<WebComponentTrait>[T]>) {\n    for (const trait of this.traits) {\n      (trait[method] as Function | undefined)?.(...args)\n    }\n  }\n}\n"],"mappings":";;;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,EAAE;EAE7B,IAAI,CAAC,GACH;EAGF,IAAM,IAAY,KAAK,aAAa;EAEpC,KAAK,IAAM,CAAC,GAAO,MAAc,OAAO,QAAQ,CAAM,GAAG;GACvD,IAAM,IAAU,EAAU,IAAI;GAE9B,AAAI,KAAW,CAAC,EAAU,OAAO,IAAI,CAAK,IACxC,EAAU,OAAO,IAAI,CAAK,IACjB,CAAC,KAAW,EAAU,OAAO,IAAI,CAAK,KAC/C,EAAU,OAAO,OAAO,CAAK;EAEjC;CACF;CAEA,uBAAkE,GAAS,GAAwD;EAGjI,AAFA,KAAK,gBAAgB,KAAK,CAAC,GAAM,CAAyB,CAAC,GAE3D,OAAO,iBAAiB,GAAM,CAAQ;CACxC;CAEA,SAAoB;EAClB,OAAO,CAAI;CACb;CAEA,eAA4C;EAG1C,OAFA,KAAK,cAAc,KAAK,gBAAgB,GAEjC,KAAK;CACd;CAEA,SAAuC;EACrC,OAAO,KAAK;CACd;CAEA,kBAAgE,GAAW,GAAG,GAAkD;EAC9H,KAAK,IAAM,KAAS,KAAK,QACvB,EAAO,KAAmC,GAAG,CAAI;CAErD;AACF"}
+{"version":3,"file":"WebComponent.esm.js","names":[],"sources":["../../../../src/lib/components/web-component/WebComponent.ts"],"sourcesContent":["import { html, LitElement, type CSSResultGroup } from 'lit'\nimport type { WebComponentTrait, WebComponentTraitMethodKey } from '@/lib/components/traits/WebComponentTrait'\n\nimport styles from './WebComponent.styles.css'\n\nexport default abstract class WebComponent extends LitElement {\n  static states?: Record<string, Function>\n\n  protected static finalizeStyles (componentStyles?: CSSResultGroup) {\n    const elementStyles = super.finalizeStyles(componentStyles)\n\n    return [styles, ...elementStyles]\n  }\n\n  protected internals?: ElementInternals\n  protected globalListeners: [type: string, listener: EventListener][] = []\n  protected traits: WebComponentTrait[] = []\n\n  disconnectedCallback (): void {\n    super.disconnectedCallback()\n\n    for (const [type, listener] of this.globalListeners) {\n      window.removeEventListener(type, listener)\n    }\n\n    this.globalListeners = []\n  }\n\n  protected addTrait<T extends WebComponentTrait>(trait: T): T {\n    this.traits.push(trait)\n\n    return trait\n  }\n\n  protected firstUpdated () {\n    this.forwardMethodCall('firstUpdated')\n  }\n\n  protected updated (changedProperties: Map<PropertyKey, unknown>) {\n    this.forwardMethodCall('updated', changedProperties)\n  }\n\n  protected formResetCallback () {\n    this.forwardMethodCall('formResetCallback')\n  }\n\n  protected willUpdate (changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n\n    const states = this.static().states\n\n    if (!states) {\n      return\n    }\n\n    for (const [state, condition] of Object.entries(states)) {\n      // FIXME when browser support is good enough, use the internals API instead with :state() selectors\n      this.toggleAttribute(`data-state-${state}`, !!condition(this))\n    }\n  }\n\n  protected addGlobalEventListener <T extends keyof WindowEventMap>(type: T, listener: (this: Window, ev: WindowEventMap[T]) => any) {\n    this.globalListeners.push([type, listener as EventListener])\n\n    window.addEventListener(type, listener)\n  }\n\n  protected render () {\n    return html`<slot></slot>`\n  }\n\n  protected getInternals (): ElementInternals {\n    this.internals ??= this.attachInternals()\n\n    return this.internals\n  }\n\n  private static (): typeof WebComponent {\n    return this.constructor as typeof WebComponent\n  }\n\n  private forwardMethodCall<T extends WebComponentTraitMethodKey>(method: T, ...args: Parameters<Required<WebComponentTrait>[T]>) {\n    for (const trait of this.traits) {\n      (trait[method] as Function | undefined)?.(...args)\n    }\n  }\n}\n"],"mappings":";;;AAKA,IAA8B,IAA9B,cAAmD,EAAW;CAC5D,OAAO;CAEP,OAAiB,eAAgB,GAAkC;EAGjE,OAAO,CAAC,GAAQ,GAFM,MAAM,eAAe,CAExB,CAAa;CAClC;CAEA;CACA,kBAAuE,CAAC;CACxE,SAAwC,CAAC;CAEzC,uBAA8B;EAC5B,MAAM,qBAAqB;EAE3B,KAAK,IAAM,CAAC,GAAM,MAAa,KAAK,iBAClC,OAAO,oBAAoB,GAAM,CAAQ;EAG3C,KAAK,kBAAkB,CAAC;CAC1B;CAEA,SAAgD,GAAa;EAG3D,OAFA,KAAK,OAAO,KAAK,CAAK,GAEf;CACT;CAEA,eAA0B;EACxB,KAAK,kBAAkB,cAAc;CACvC;CAEA,QAAmB,GAA8C;EAC/D,KAAK,kBAAkB,WAAW,CAAiB;CACrD;CAEA,oBAA+B;EAC7B,KAAK,kBAAkB,mBAAmB;CAC5C;CAEA,WAAsB,GAAqC;EACzD,MAAM,WAAW,CAAiB;EAElC,IAAM,IAAS,KAAK,OAAO,CAAC,CAAC;EAExB,OAIL,KAAK,IAAM,CAAC,GAAO,MAAc,OAAO,QAAQ,CAAM,GAEpD,KAAK,gBAAgB,cAAc,KAAS,CAAC,CAAC,EAAU,IAAI,CAAC;CAEjE;CAEA,uBAAkE,GAAS,GAAwD;EAGjI,AAFA,KAAK,gBAAgB,KAAK,CAAC,GAAM,CAAyB,CAAC,GAE3D,OAAO,iBAAiB,GAAM,CAAQ;CACxC;CAEA,SAAoB;EAClB,OAAO,CAAI;CACb;CAEA,eAA4C;EAG1C,OAFA,KAAK,cAAc,KAAK,gBAAgB,GAEjC,KAAK;CACd;CAEA,SAAuC;EACrC,OAAO,KAAK;CACd;CAEA,kBAAgE,GAAW,GAAG,GAAkD;EAC9H,KAAK,IAAM,KAAS,KAAK,QACvB,EAAO,EAAO,GAA4B,GAAG,CAAI;CAErD;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"WebComponent.styles.cjs.js","names":[],"sources":["../../../../src/lib/components/web-component/WebComponent.styles.css"],"sourcesContent":["@import 'tailwindcss/preflight.css';\n\n.sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"WebComponent.styles.cjs.js","names":[],"sources":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"WebComponent.styles.esm.js","names":[],"sources":["../../../../src/lib/components/web-component/WebComponent.styles.css"],"sourcesContent":["@import 'tailwindcss/preflight.css';\n\n.sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"WebComponent.styles.esm.js","names":[],"sources":[],"mappings":""}

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

@@ -1 +1 @@
-require("./WebComponent.cjs.js");
+const e=require("./WebComponent.cjs.js");exports.WebComponent=e.default;

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

@@ -1 +1,2 @@
-import "./WebComponent.esm.js";
+import e from "./WebComponent.esm.js";
+export { e as WebComponent };

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,eAA6C,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,EAAA,EAAA,cAAA,CAA6C,OAAO,QAAQ,CAAC"}

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

@@ -1 +1 @@
-require("./context.cjs.js"),require("./events/close-dialog.cjs.js"),require("./Dialog.cjs.js"),require("./events/show-dialog.cjs.js"),require("./helpers.cjs.js");
+const e=require("./context.cjs.js"),t=require("./events/close-dialog.cjs.js"),n=require("./Dialog.cjs.js"),r=require("./events/show-dialog.cjs.js"),i=require("./helpers.cjs.js");exports.CloseDialogEvent=t.CloseDialogEvent,exports.DEFAULT_DIALOG_CONTEXT=e.DEFAULT_DIALOG_CONTEXT,exports.Dialog=n.default,exports.ShowDialogEvent=r.ShowDialogEvent,exports.dialogContext=e.dialogContext,exports.showDialog=i.showDialog;

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

@@ -1,5 +1,6 @@
-import "./context.esm.js";
-import "./events/close-dialog.esm.js";
-import "./Dialog.esm.js";
-import "./events/show-dialog.esm.js";
-import "./helpers.esm.js";
+import { DEFAULT_DIALOG_CONTEXT as e, dialogContext as t } from "./context.esm.js";
+import { CloseDialogEvent as n } from "./events/close-dialog.esm.js";
+import r from "./Dialog.esm.js";
+import { ShowDialogEvent as i } from "./events/show-dialog.esm.js";
+import { showDialog as a } from "./helpers.esm.js";
+export { n as CloseDialogEvent, e as DEFAULT_DIALOG_CONTEXT, r as Dialog, i as ShowDialogEvent, t as dialogContext, a as showDialog };

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

@@ -0,0 +1,4 @@
+import { LiveStore, NamedNode } from 'rdflib';
+export declare function getGraph(subject?: NamedNode): NamedNode | undefined;
+export declare function getFormProperty(store: LiveStore, subject: NamedNode | undefined, property: NamedNode, graph?: any): NamedNode | undefined;
+//# sourceMappingURL=rdfHelper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rdfHelper.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/rdfHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,wBAAgB,QAAQ,CAAE,OAAO,CAAC,EAAE,SAAS,yBAE5C;AAED,wBAAgB,eAAe,CAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,SAAS,GAAG,SAAS,CAG1I"}

package/dist/lib/log.cjs.js

@@ -1,2 +1,2 @@
-var e=require("../_virtual/_rolldown/runtime.cjs.js").__exportAll({LogLevel:()=>c,alert:()=>b,clear:()=>x,debug:()=>g,dumpHTML:()=>C,error:()=>v,escapeForXML:()=>E,info:()=>_,logAscending:()=>w,logDescending:()=>T,msg:()=>m,setInternals:()=>D,setLevel:()=>S,success:()=>y,warn:()=>h}),t=1,n=2,r=4,i=8,a=16,o=32,s=63,c=function(e){return e[e.Error=t]=`Error`,e[e.Warning=n]=`Warning`,e[e.Message=r]=`Message`,e[e.Success=i]=`Success`,e[e.Info=a]=`Info`,e[e.Debug=o]=`Debug`,e[e.All=s]=`All`,e}({}),l=7,u=!1,d=document,f=window;function p(e,t=r,n=`mesg`){if(l&t)if(d!==void 0){let t=d.getElementById(`status`);if(!t)return;let r=d.createElement(`span`);r.setAttribute(`class`,n);let i=new Date;r.innerHTML=`${i.getHours()}:${i.getMinutes()}:${i.getSeconds()} [${n}] ${E(e)}<br/>`,u?t.insertBefore(r,t.firstChild):t.appendChild(r)}else typeof console<`u`&&console.log(e)}function m(e){p(e)}function h(e){p(e,n,`warn`)}function g(e){p(e,o,`dbug`)}function _(e){p(e,a,`info`)}function v(e){p(e,t,`eror`)}function y(e){p(e,i,`good`)}function b(e){f&&f.alert!==void 0?f.alert(e):h(e)}function x(){let e=d?.getElementById(`status`);e&&(e.innerHTML=``)}function S(e){l=s,g(`Log level is now `+e),l=e}function C(){if(!d)return;let e=l;l=s,g(d?.body?.innerHTML||``),l=e}function w(){u=!0}function T(){u=!1}function E(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`)}function D(e,t){f=e,d=t}exports.alert=b,exports.debug=g,exports.info=_,Object.defineProperty(exports,"log_exports",{enumerable:!0,get:function(){return e}});
+var e=require("../_virtual/_rolldown/runtime.cjs.js").__exportAll({LogLevel:()=>c,alert:()=>b,clear:()=>x,debug:()=>g,dumpHTML:()=>C,error:()=>v,escapeForXML:()=>E,info:()=>_,logAscending:()=>w,logDescending:()=>T,msg:()=>m,setInternals:()=>D,setLevel:()=>S,success:()=>y,warn:()=>h}),t=1,n=2,r=4,i=8,a=16,o=32,s=63,c=function(e){return e[e.Error=t]=`Error`,e[e.Warning=n]=`Warning`,e[e.Message=r]=`Message`,e[e.Success=i]=`Success`,e[e.Info=a]=`Info`,e[e.Debug=o]=`Debug`,e[e.All=s]=`All`,e}({}),l=7,u=!1,d=document,f=window;function p(e,t=r,n=`mesg`){if(l&t)if(d!==void 0){let t=d.getElementById(`status`);if(!t)return;let r=d.createElement(`span`);r.setAttribute(`class`,n);let i=new Date;r.innerHTML=`${i.getHours()}:${i.getMinutes()}:${i.getSeconds()} [${n}] ${E(e)}<br/>`,u?t.insertBefore(r,t.firstChild):t.appendChild(r)}else typeof console<`u`&&console.log(e)}function m(e){p(e)}function h(e){p(e,n,`warn`)}function g(e){p(e,o,`dbug`)}function _(e){p(e,a,`info`)}function v(e){p(e,t,`eror`)}function y(e){p(e,i,`good`)}function b(e){f&&f.alert!==void 0?f.alert(e):h(e)}function x(){let e=d?.getElementById(`status`);e&&(e.innerHTML=``)}function S(e){l=s,g(`Log level is now `+e),l=e}function C(){if(!d)return;let e=l;l=s,g(d?.body?.innerHTML||``),l=e}function w(){u=!0}function T(){u=!1}function E(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`)}function D(e,t){f=e,d=t}exports.LogLevel=c,exports.alert=b,exports.clear=x,exports.debug=g,exports.dumpHTML=C,exports.error=v,exports.escapeForXML=E,exports.info=_,exports.logAscending=w,exports.logDescending=T,Object.defineProperty(exports,"log_exports",{enumerable:!0,get:function(){return e}}),exports.msg=m,exports.setInternals=D,exports.setLevel=S,exports.success=y,exports.warn=h;
 //# sourceMappingURL=log.cjs.js.map

package/dist/lib/log.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"log.cjs.js","names":[],"sources":["../../src/lib/log.ts"],"sourcesContent":["// ///////////////////////  Logging\n//\n// bitmask levels\n// const TNONE = 0\n/** @internal */\nconst TERROR = 1\n/** @internal */\nconst TWARN = 2\n/** @internal */\nconst TMESG = 4\n/** @internal */\nconst TSUCCESS = 8\n/** @internal */\nconst TINFO = 16\n/** @internal */\nconst TDEBUG = 32\n/** @internal */\nconst TALL = 63\n\n/** @internal */\nexport enum LogLevel {\n  Error = TERROR,\n  Warning = TWARN,\n  Message = TMESG,\n  Success = TSUCCESS,\n  Info = TINFO,\n  Debug = TDEBUG,\n  All = TALL\n}\n\n/** @internal */\nlet _level: number = TERROR + TWARN + TMESG\n/** @internal */\nlet _ascending: boolean = false\n/** @internal */\nlet _dom: HTMLDocument = document // must be able to override for tests\n/** @internal */\nlet _window: Window = window // must be able to override for tests\n\n/** @internal */\nfunction log (str: string, type: number = TMESG, typestr: string = 'mesg') {\n  if (!(_level & type)) return // bitmask\n\n  if (typeof _dom !== 'undefined') {\n    const logArea = _dom.getElementById('status')\n    if (!logArea) return\n\n    const addendum = _dom.createElement('span')\n    addendum.setAttribute('class', typestr)\n    const now = new Date()\n    addendum.innerHTML = `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()} [${typestr}] ${escapeForXML(str)}<br/>`\n    if (_ascending) {\n      logArea.insertBefore(addendum, logArea.firstChild)\n    } else {\n      logArea.appendChild(addendum)\n    }\n  } else if (typeof console !== 'undefined') {\n    console.log(str)\n  }\n}\n\n/**\n * Adds a message to the element with id \"status\". The messages are prepended with\n * time and type of message, in this case [mesg].\n */\nexport function msg (message: string) {\n  log(message)\n}\n\n/**\n * Adds a warning message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [warn].\n */\nexport function warn (message: string): void {\n  log(message, TWARN, 'warn')\n}\n\n/**\n * Adds a debugging message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [dbug].\n */\nexport function debug (message: string): void {\n  log(message, TDEBUG, 'dbug')\n}\n\n/**\n * Adds a info message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [info].\n */\nexport function info (message: string): void {\n  log(message, TINFO, 'info')\n}\n\n/**\n * Adds a error to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [eror].\n */\nexport function error (message: string): void {\n  log(message, TERROR, 'eror')\n}\n\n/**\n * Adds a success message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [good].\n */\nexport function success (message: string): void {\n  log(message, TSUCCESS, 'good')\n}\n\n/**\n * Uses the global alert to send an alert. If global alert is not available, it\n * will output the message using the method [[warning]]s.\n */\nexport function alert (message: string): void {\n  if (_window && typeof _window.alert !== 'undefined') {\n    _window.alert(message)\n  } else {\n    warn(message)\n  }\n}\n\n/**\n * Will clear the content of the element with id \"status\".\n */\nexport function clear (): void {\n  const logArea = _dom?.getElementById('status')\n  if (!logArea) return\n  logArea.innerHTML = ''\n}\n\n/**\n * Lets you configure which types of messages will be shown. The module uses\n * [bitmask](https://en.wikipedia.org/wiki/Mask_(computing)) to filter which\n * types of messages should be shown. E.g. if you only want warning messages\n * to be shown, pass 2 to the function, if you want warning and success to be\n * shown, pass 10 (2+8). By passing the sum of all, 63, you'll show all\n * types of messages.\n *\n * - Error: 1\n * - Warning: 2\n * - Message: 4\n * - Success: 8\n * - Info: 16\n * - Debug: 32\n */\nexport function setLevel (level: number): void {\n  _level = TALL\n  debug('Log level is now ' + level)\n  _level = level\n}\n\n/**\n * Will dump the current HTML using the [[debug]] method.\n */\nexport function dumpHTML (): void {\n  if (!_dom) return\n  const level = _level\n  _level = TALL\n  debug(_dom?.body?.innerHTML || '')\n  _level = level\n}\n\n/**\n * Will start prepending messages the list of log messages.\n */\nexport function logAscending () {\n  _ascending = true\n}\n\n/**\n * Will start appending messages the list of log messages. (This is default\n * behavior.)\n */\nexport function logDescending () {\n  _ascending = false\n}\n\n/** @internal */\nexport function escapeForXML (str: string): string {\n  // can be replaced with function utils module when migrating\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n}\n\n/** @internal */\nexport function setInternals (window, document) {\n  _window = window\n  _dom = document\n}\n"],"mappings":"6RAKM,EAAS,EAET,EAAQ,EAER,EAAQ,EAER,EAAW,EAEX,EAAQ,GAER,EAAS,GAET,EAAO,GAGD,EAAL,SAAA,EAAA,OACL,GAAA,EAAA,MAAQ,GAAA,QACR,EAAA,EAAA,QAAU,GAAA,UACV,EAAA,EAAA,QAAU,GAAA,UACV,EAAA,EAAA,QAAU,GAAA,UACV,EAAA,EAAA,KAAO,GAAA,OACP,EAAA,EAAA,MAAQ,GAAA,QACR,EAAA,EAAA,IAAM,GAAA,OACR,EAAA,CAAA,CAAA,EAGI,EAAiB,EAEjB,EAAsB,GAEtB,EAAqB,SAErB,EAAkB,OAGtB,SAAS,EAAK,EAAa,EAAe,EAAO,EAAkB,OAAQ,CACnE,KAAS,EAEf,GAAW,IAAS,OAAa,CAC/B,IAAM,EAAU,EAAK,eAAe,QAAQ,EAC5C,GAAI,CAAC,EAAS,OAEd,IAAM,EAAW,EAAK,cAAc,MAAM,EAC1C,EAAS,aAAa,QAAS,CAAO,EACtC,IAAM,EAAM,IAAI,KAChB,EAAS,UAAY,GAAG,EAAI,SAAS,EAAE,GAAG,EAAI,WAAW,EAAE,GAAG,EAAI,WAAW,EAAE,IAAI,EAAQ,IAAI,EAAa,CAAG,EAAE,OAC7G,EACF,EAAQ,aAAa,EAAU,EAAQ,UAAU,EAEjD,EAAQ,YAAY,CAAQ,CAEhC,MAAW,OAAO,QAAY,KAC5B,QAAQ,IAAI,CAAG,CAEnB,CAMA,SAAgB,EAAK,EAAiB,CACpC,EAAI,CAAO,CACb,CAMA,SAAgB,EAAM,EAAuB,CAC3C,EAAI,EAAS,EAAO,MAAM,CAC5B,CAMA,SAAgB,EAAO,EAAuB,CAC5C,EAAI,EAAS,EAAQ,MAAM,CAC7B,CAMA,SAAgB,EAAM,EAAuB,CAC3C,EAAI,EAAS,EAAO,MAAM,CAC5B,CAMA,SAAgB,EAAO,EAAuB,CAC5C,EAAI,EAAS,EAAQ,MAAM,CAC7B,CAMA,SAAgB,EAAS,EAAuB,CAC9C,EAAI,EAAS,EAAU,MAAM,CAC/B,CAMA,SAAgB,EAAO,EAAuB,CACxC,GAAkB,EAAQ,QAAU,OACtC,EAAQ,MAAM,CAAO,EAErB,EAAK,CAAO,CAEhB,CAKA,SAAgB,GAAe,CAC7B,IAAM,EAAU,GAAM,eAAe,QAAQ,EACxC,IACL,EAAQ,UAAY,GACtB,CAiBA,SAAgB,EAAU,EAAqB,CAC7C,EAAS,EACT,EAAM,oBAAsB,CAAK,EACjC,EAAS,CACX,CAKA,SAAgB,GAAkB,CAChC,GAAI,CAAC,EAAM,OACX,IAAM,EAAQ,EACd,EAAS,EACT,EAAM,GAAM,MAAM,WAAa,EAAE,EACjC,EAAS,CACX,CAKA,SAAgB,GAAgB,CAC9B,EAAa,EACf,CAMA,SAAgB,GAAiB,CAC/B,EAAa,EACf,CAGA,SAAgB,EAAc,EAAqB,CAEjD,OAAO,EACJ,QAAQ,KAAM,OAAO,EACrB,QAAQ,KAAM,MAAM,EACpB,QAAQ,KAAM,MAAM,CACzB,CAGA,SAAgB,EAAc,EAAQ,EAAU,CAC9C,EAAU,EACV,EAAO,CACT"}
+{"version":3,"file":"log.cjs.js","names":[],"sources":["../../src/lib/log.ts"],"sourcesContent":["// ///////////////////////  Logging\n//\n// bitmask levels\n// const TNONE = 0\n/** @internal */\nconst TERROR = 1\n/** @internal */\nconst TWARN = 2\n/** @internal */\nconst TMESG = 4\n/** @internal */\nconst TSUCCESS = 8\n/** @internal */\nconst TINFO = 16\n/** @internal */\nconst TDEBUG = 32\n/** @internal */\nconst TALL = 63\n\n/** @internal */\nexport enum LogLevel {\n  Error = TERROR,\n  Warning = TWARN,\n  Message = TMESG,\n  Success = TSUCCESS,\n  Info = TINFO,\n  Debug = TDEBUG,\n  All = TALL\n}\n\n/** @internal */\nlet _level: number = TERROR + TWARN + TMESG\n/** @internal */\nlet _ascending: boolean = false\n/** @internal */\nlet _dom: HTMLDocument = document // must be able to override for tests\n/** @internal */\nlet _window: Window = window // must be able to override for tests\n\n/** @internal */\nfunction log (str: string, type: number = TMESG, typestr: string = 'mesg') {\n  if (!(_level & type)) return // bitmask\n\n  if (typeof _dom !== 'undefined') {\n    const logArea = _dom.getElementById('status')\n    if (!logArea) return\n\n    const addendum = _dom.createElement('span')\n    addendum.setAttribute('class', typestr)\n    const now = new Date()\n    addendum.innerHTML = `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()} [${typestr}] ${escapeForXML(str)}<br/>`\n    if (_ascending) {\n      logArea.insertBefore(addendum, logArea.firstChild)\n    } else {\n      logArea.appendChild(addendum)\n    }\n  } else if (typeof console !== 'undefined') {\n    console.log(str)\n  }\n}\n\n/**\n * Adds a message to the element with id \"status\". The messages are prepended with\n * time and type of message, in this case [mesg].\n */\nexport function msg (message: string) {\n  log(message)\n}\n\n/**\n * Adds a warning message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [warn].\n */\nexport function warn (message: string): void {\n  log(message, TWARN, 'warn')\n}\n\n/**\n * Adds a debugging message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [dbug].\n */\nexport function debug (message: string): void {\n  log(message, TDEBUG, 'dbug')\n}\n\n/**\n * Adds a info message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [info].\n */\nexport function info (message: string): void {\n  log(message, TINFO, 'info')\n}\n\n/**\n * Adds a error to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [eror].\n */\nexport function error (message: string): void {\n  log(message, TERROR, 'eror')\n}\n\n/**\n * Adds a success message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [good].\n */\nexport function success (message: string): void {\n  log(message, TSUCCESS, 'good')\n}\n\n/**\n * Uses the global alert to send an alert. If global alert is not available, it\n * will output the message using the method [[warning]]s.\n */\nexport function alert (message: string): void {\n  if (_window && typeof _window.alert !== 'undefined') {\n    _window.alert(message)\n  } else {\n    warn(message)\n  }\n}\n\n/**\n * Will clear the content of the element with id \"status\".\n */\nexport function clear (): void {\n  const logArea = _dom?.getElementById('status')\n  if (!logArea) return\n  logArea.innerHTML = ''\n}\n\n/**\n * Lets you configure which types of messages will be shown. The module uses\n * [bitmask](https://en.wikipedia.org/wiki/Mask_(computing)) to filter which\n * types of messages should be shown. E.g. if you only want warning messages\n * to be shown, pass 2 to the function, if you want warning and success to be\n * shown, pass 10 (2+8). By passing the sum of all, 63, you'll show all\n * types of messages.\n *\n * - Error: 1\n * - Warning: 2\n * - Message: 4\n * - Success: 8\n * - Info: 16\n * - Debug: 32\n */\nexport function setLevel (level: number): void {\n  _level = TALL\n  debug('Log level is now ' + level)\n  _level = level\n}\n\n/**\n * Will dump the current HTML using the [[debug]] method.\n */\nexport function dumpHTML (): void {\n  if (!_dom) return\n  const level = _level\n  _level = TALL\n  debug(_dom?.body?.innerHTML || '')\n  _level = level\n}\n\n/**\n * Will start prepending messages the list of log messages.\n */\nexport function logAscending () {\n  _ascending = true\n}\n\n/**\n * Will start appending messages the list of log messages. (This is default\n * behavior.)\n */\nexport function logDescending () {\n  _ascending = false\n}\n\n/** @internal */\nexport function escapeForXML (str: string): string {\n  // can be replaced with function utils module when migrating\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n}\n\n/** @internal */\nexport function setInternals (window, document) {\n  _window = window\n  _dom = document\n}\n"],"mappings":"6RAKM,EAAS,EAET,EAAQ,EAER,EAAQ,EAER,EAAW,EAEX,EAAQ,GAER,EAAS,GAET,EAAO,GAGD,EAAL,SAAA,EAAA,OACL,GAAA,EAAA,MAAQ,GAAA,QACR,EAAA,EAAA,QAAU,GAAA,UACV,EAAA,EAAA,QAAU,GAAA,UACV,EAAA,EAAA,QAAU,GAAA,UACV,EAAA,EAAA,KAAO,GAAA,OACP,EAAA,EAAA,MAAQ,GAAA,QACR,EAAA,EAAA,IAAM,GAAA,OACR,EAAA,CAAA,CAAA,EAGI,EAAiB,EAEjB,EAAsB,GAEtB,EAAqB,SAErB,EAAkB,OAGtB,SAAS,EAAK,EAAa,EAAe,EAAO,EAAkB,OAAQ,CACnE,KAAS,EAEf,GAAW,IAAS,OAAa,CAC/B,IAAM,EAAU,EAAK,eAAe,QAAQ,EAC5C,GAAI,CAAC,EAAS,OAEd,IAAM,EAAW,EAAK,cAAc,MAAM,EAC1C,EAAS,aAAa,QAAS,CAAO,EACtC,IAAM,EAAM,IAAI,KAChB,EAAS,UAAY,GAAG,EAAI,SAAS,EAAE,GAAG,EAAI,WAAW,EAAE,GAAG,EAAI,WAAW,EAAE,IAAI,EAAQ,IAAI,EAAa,CAAG,EAAE,OAC7G,EACF,EAAQ,aAAa,EAAU,EAAQ,UAAU,EAEjD,EAAQ,YAAY,CAAQ,CAEhC,MAAW,OAAO,QAAY,KAC5B,QAAQ,IAAI,CAAG,CAEnB,CAMA,SAAgB,EAAK,EAAiB,CACpC,EAAI,CAAO,CACb,CAMA,SAAgB,EAAM,EAAuB,CAC3C,EAAI,EAAS,EAAO,MAAM,CAC5B,CAMA,SAAgB,EAAO,EAAuB,CAC5C,EAAI,EAAS,EAAQ,MAAM,CAC7B,CAMA,SAAgB,EAAM,EAAuB,CAC3C,EAAI,EAAS,EAAO,MAAM,CAC5B,CAMA,SAAgB,EAAO,EAAuB,CAC5C,EAAI,EAAS,EAAQ,MAAM,CAC7B,CAMA,SAAgB,EAAS,EAAuB,CAC9C,EAAI,EAAS,EAAU,MAAM,CAC/B,CAMA,SAAgB,EAAO,EAAuB,CACxC,GAAkB,EAAQ,QAAU,OACtC,EAAQ,MAAM,CAAO,EAErB,EAAK,CAAO,CAEhB,CAKA,SAAgB,GAAe,CAC7B,IAAM,EAAU,GAAM,eAAe,QAAQ,EACxC,IACL,EAAQ,UAAY,GACtB,CAiBA,SAAgB,EAAU,EAAqB,CAC7C,EAAS,EACT,EAAM,oBAAsB,CAAK,EACjC,EAAS,CACX,CAKA,SAAgB,GAAkB,CAChC,GAAI,CAAC,EAAM,OACX,IAAM,EAAQ,EACd,EAAS,EACT,EAAM,GAAM,MAAM,WAAa,EAAE,EACjC,EAAS,CACX,CAKA,SAAgB,GAAgB,CAC9B,EAAa,EACf,CAMA,SAAgB,GAAiB,CAC/B,EAAa,EACf,CAGA,SAAgB,EAAc,EAAqB,CAEjD,OAAO,EACJ,QAAQ,KAAM,OAAO,CAAC,CACtB,QAAQ,KAAM,MAAM,CAAC,CACrB,QAAQ,KAAM,MAAM,CACzB,CAGA,SAAgB,EAAc,EAAQ,EAAU,CAC9C,EAAU,EACV,EAAO,CACT"}

package/dist/lib/log.esm.js

@@ -75,6 +75,6 @@ function O(e, t) {
 	p = e, f = t;
 }
 //#endregion
-export { x as alert, _ as debug, v as info, t as log_exports };
+export { l as LogLevel, x as alert, S as clear, _ as debug, w as dumpHTML, y as error, D as escapeForXML, v as info, T as logAscending, E as logDescending, t as log_exports, h as msg, O as setInternals, C as setLevel, b as success, g as warn };
 
 //# sourceMappingURL=log.esm.js.map

package/dist/lib/log.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"log.esm.js","names":[],"sources":["../../src/lib/log.ts"],"sourcesContent":["// ///////////////////////  Logging\n//\n// bitmask levels\n// const TNONE = 0\n/** @internal */\nconst TERROR = 1\n/** @internal */\nconst TWARN = 2\n/** @internal */\nconst TMESG = 4\n/** @internal */\nconst TSUCCESS = 8\n/** @internal */\nconst TINFO = 16\n/** @internal */\nconst TDEBUG = 32\n/** @internal */\nconst TALL = 63\n\n/** @internal */\nexport enum LogLevel {\n  Error = TERROR,\n  Warning = TWARN,\n  Message = TMESG,\n  Success = TSUCCESS,\n  Info = TINFO,\n  Debug = TDEBUG,\n  All = TALL\n}\n\n/** @internal */\nlet _level: number = TERROR + TWARN + TMESG\n/** @internal */\nlet _ascending: boolean = false\n/** @internal */\nlet _dom: HTMLDocument = document // must be able to override for tests\n/** @internal */\nlet _window: Window = window // must be able to override for tests\n\n/** @internal */\nfunction log (str: string, type: number = TMESG, typestr: string = 'mesg') {\n  if (!(_level & type)) return // bitmask\n\n  if (typeof _dom !== 'undefined') {\n    const logArea = _dom.getElementById('status')\n    if (!logArea) return\n\n    const addendum = _dom.createElement('span')\n    addendum.setAttribute('class', typestr)\n    const now = new Date()\n    addendum.innerHTML = `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()} [${typestr}] ${escapeForXML(str)}<br/>`\n    if (_ascending) {\n      logArea.insertBefore(addendum, logArea.firstChild)\n    } else {\n      logArea.appendChild(addendum)\n    }\n  } else if (typeof console !== 'undefined') {\n    console.log(str)\n  }\n}\n\n/**\n * Adds a message to the element with id \"status\". The messages are prepended with\n * time and type of message, in this case [mesg].\n */\nexport function msg (message: string) {\n  log(message)\n}\n\n/**\n * Adds a warning message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [warn].\n */\nexport function warn (message: string): void {\n  log(message, TWARN, 'warn')\n}\n\n/**\n * Adds a debugging message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [dbug].\n */\nexport function debug (message: string): void {\n  log(message, TDEBUG, 'dbug')\n}\n\n/**\n * Adds a info message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [info].\n */\nexport function info (message: string): void {\n  log(message, TINFO, 'info')\n}\n\n/**\n * Adds a error to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [eror].\n */\nexport function error (message: string): void {\n  log(message, TERROR, 'eror')\n}\n\n/**\n * Adds a success message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [good].\n */\nexport function success (message: string): void {\n  log(message, TSUCCESS, 'good')\n}\n\n/**\n * Uses the global alert to send an alert. If global alert is not available, it\n * will output the message using the method [[warning]]s.\n */\nexport function alert (message: string): void {\n  if (_window && typeof _window.alert !== 'undefined') {\n    _window.alert(message)\n  } else {\n    warn(message)\n  }\n}\n\n/**\n * Will clear the content of the element with id \"status\".\n */\nexport function clear (): void {\n  const logArea = _dom?.getElementById('status')\n  if (!logArea) return\n  logArea.innerHTML = ''\n}\n\n/**\n * Lets you configure which types of messages will be shown. The module uses\n * [bitmask](https://en.wikipedia.org/wiki/Mask_(computing)) to filter which\n * types of messages should be shown. E.g. if you only want warning messages\n * to be shown, pass 2 to the function, if you want warning and success to be\n * shown, pass 10 (2+8). By passing the sum of all, 63, you'll show all\n * types of messages.\n *\n * - Error: 1\n * - Warning: 2\n * - Message: 4\n * - Success: 8\n * - Info: 16\n * - Debug: 32\n */\nexport function setLevel (level: number): void {\n  _level = TALL\n  debug('Log level is now ' + level)\n  _level = level\n}\n\n/**\n * Will dump the current HTML using the [[debug]] method.\n */\nexport function dumpHTML (): void {\n  if (!_dom) return\n  const level = _level\n  _level = TALL\n  debug(_dom?.body?.innerHTML || '')\n  _level = level\n}\n\n/**\n * Will start prepending messages the list of log messages.\n */\nexport function logAscending () {\n  _ascending = true\n}\n\n/**\n * Will start appending messages the list of log messages. (This is default\n * behavior.)\n */\nexport function logDescending () {\n  _ascending = false\n}\n\n/** @internal */\nexport function escapeForXML (str: string): string {\n  // can be replaced with function utils module when migrating\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n}\n\n/** @internal */\nexport function setInternals (window, document) {\n  _window = window\n  _dom = document\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;IAKM,IAAS,GAET,IAAQ,GAER,IAAQ,GAER,IAAW,GAEX,IAAQ,IAER,IAAS,IAET,IAAO,IAGD,IAAL,yBAAA,GAAA;QACL,EAAA,EAAA,QAAQ,KAAA,SACR,EAAA,EAAA,UAAU,KAAA,WACV,EAAA,EAAA,UAAU,KAAA,WACV,EAAA,EAAA,UAAU,KAAA,WACV,EAAA,EAAA,OAAO,KAAA,QACP,EAAA,EAAA,QAAQ,KAAA,SACR,EAAA,EAAA,MAAM,KAAA;AACR,EAAA,CAAA,CAAA,GAGI,IAAiB,GAEjB,IAAsB,IAEtB,IAAqB,UAErB,IAAkB;AAGtB,SAAS,EAAK,GAAa,IAAe,GAAO,IAAkB,QAAQ;CACnE,QAAS,GAEf,IAAW,MAAS,QAAa;EAC/B,IAAM,IAAU,EAAK,eAAe,QAAQ;EAC5C,IAAI,CAAC,GAAS;EAEd,IAAM,IAAW,EAAK,cAAc,MAAM;EAC1C,EAAS,aAAa,SAAS,CAAO;EACtC,IAAM,oBAAM,IAAI,KAAK;EAErB,AADA,EAAS,YAAY,GAAG,EAAI,SAAS,EAAE,GAAG,EAAI,WAAW,EAAE,GAAG,EAAI,WAAW,EAAE,IAAI,EAAQ,IAAI,EAAa,CAAG,EAAE,QAC7G,IACF,EAAQ,aAAa,GAAU,EAAQ,UAAU,IAEjD,EAAQ,YAAY,CAAQ;CAEhC,OAAO,AAAI,OAAO,UAAY,OAC5B,QAAQ,IAAI,CAAG;AAEnB;AAMA,SAAgB,EAAK,GAAiB;CACpC,EAAI,CAAO;AACb;AAMA,SAAgB,EAAM,GAAuB;CAC3C,EAAI,GAAS,GAAO,MAAM;AAC5B;AAMA,SAAgB,EAAO,GAAuB;CAC5C,EAAI,GAAS,GAAQ,MAAM;AAC7B;AAMA,SAAgB,EAAM,GAAuB;CAC3C,EAAI,GAAS,GAAO,MAAM;AAC5B;AAMA,SAAgB,EAAO,GAAuB;CAC5C,EAAI,GAAS,GAAQ,MAAM;AAC7B;AAMA,SAAgB,EAAS,GAAuB;CAC9C,EAAI,GAAS,GAAU,MAAM;AAC/B;AAMA,SAAgB,EAAO,GAAuB;CAC5C,AAAI,KAAkB,EAAQ,UAAU,SACtC,EAAQ,MAAM,CAAO,IAErB,EAAK,CAAO;AAEhB;AAKA,SAAgB,IAAe;CAC7B,IAAM,IAAU,GAAM,eAAe,QAAQ;CACxC,MACL,EAAQ,YAAY;AACtB;AAiBA,SAAgB,EAAU,GAAqB;CAG7C,AAFA,IAAS,GACT,EAAM,sBAAsB,CAAK,GACjC,IAAS;AACX;AAKA,SAAgB,IAAkB;CAChC,IAAI,CAAC,GAAM;CACX,IAAM,IAAQ;CAGd,AAFA,IAAS,GACT,EAAM,GAAM,MAAM,aAAa,EAAE,GACjC,IAAS;AACX;AAKA,SAAgB,IAAgB;CAC9B,IAAa;AACf;AAMA,SAAgB,IAAiB;CAC/B,IAAa;AACf;AAGA,SAAgB,EAAc,GAAqB;CAEjD,OAAO,EACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM;AACzB;AAGA,SAAgB,EAAc,GAAQ,GAAU;CAE9C,AADA,IAAU,GACV,IAAO;AACT"}
+{"version":3,"file":"log.esm.js","names":[],"sources":["../../src/lib/log.ts"],"sourcesContent":["// ///////////////////////  Logging\n//\n// bitmask levels\n// const TNONE = 0\n/** @internal */\nconst TERROR = 1\n/** @internal */\nconst TWARN = 2\n/** @internal */\nconst TMESG = 4\n/** @internal */\nconst TSUCCESS = 8\n/** @internal */\nconst TINFO = 16\n/** @internal */\nconst TDEBUG = 32\n/** @internal */\nconst TALL = 63\n\n/** @internal */\nexport enum LogLevel {\n  Error = TERROR,\n  Warning = TWARN,\n  Message = TMESG,\n  Success = TSUCCESS,\n  Info = TINFO,\n  Debug = TDEBUG,\n  All = TALL\n}\n\n/** @internal */\nlet _level: number = TERROR + TWARN + TMESG\n/** @internal */\nlet _ascending: boolean = false\n/** @internal */\nlet _dom: HTMLDocument = document // must be able to override for tests\n/** @internal */\nlet _window: Window = window // must be able to override for tests\n\n/** @internal */\nfunction log (str: string, type: number = TMESG, typestr: string = 'mesg') {\n  if (!(_level & type)) return // bitmask\n\n  if (typeof _dom !== 'undefined') {\n    const logArea = _dom.getElementById('status')\n    if (!logArea) return\n\n    const addendum = _dom.createElement('span')\n    addendum.setAttribute('class', typestr)\n    const now = new Date()\n    addendum.innerHTML = `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()} [${typestr}] ${escapeForXML(str)}<br/>`\n    if (_ascending) {\n      logArea.insertBefore(addendum, logArea.firstChild)\n    } else {\n      logArea.appendChild(addendum)\n    }\n  } else if (typeof console !== 'undefined') {\n    console.log(str)\n  }\n}\n\n/**\n * Adds a message to the element with id \"status\". The messages are prepended with\n * time and type of message, in this case [mesg].\n */\nexport function msg (message: string) {\n  log(message)\n}\n\n/**\n * Adds a warning message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [warn].\n */\nexport function warn (message: string): void {\n  log(message, TWARN, 'warn')\n}\n\n/**\n * Adds a debugging message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [dbug].\n */\nexport function debug (message: string): void {\n  log(message, TDEBUG, 'dbug')\n}\n\n/**\n * Adds a info message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [info].\n */\nexport function info (message: string): void {\n  log(message, TINFO, 'info')\n}\n\n/**\n * Adds a error to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [eror].\n */\nexport function error (message: string): void {\n  log(message, TERROR, 'eror')\n}\n\n/**\n * Adds a success message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [good].\n */\nexport function success (message: string): void {\n  log(message, TSUCCESS, 'good')\n}\n\n/**\n * Uses the global alert to send an alert. If global alert is not available, it\n * will output the message using the method [[warning]]s.\n */\nexport function alert (message: string): void {\n  if (_window && typeof _window.alert !== 'undefined') {\n    _window.alert(message)\n  } else {\n    warn(message)\n  }\n}\n\n/**\n * Will clear the content of the element with id \"status\".\n */\nexport function clear (): void {\n  const logArea = _dom?.getElementById('status')\n  if (!logArea) return\n  logArea.innerHTML = ''\n}\n\n/**\n * Lets you configure which types of messages will be shown. The module uses\n * [bitmask](https://en.wikipedia.org/wiki/Mask_(computing)) to filter which\n * types of messages should be shown. E.g. if you only want warning messages\n * to be shown, pass 2 to the function, if you want warning and success to be\n * shown, pass 10 (2+8). By passing the sum of all, 63, you'll show all\n * types of messages.\n *\n * - Error: 1\n * - Warning: 2\n * - Message: 4\n * - Success: 8\n * - Info: 16\n * - Debug: 32\n */\nexport function setLevel (level: number): void {\n  _level = TALL\n  debug('Log level is now ' + level)\n  _level = level\n}\n\n/**\n * Will dump the current HTML using the [[debug]] method.\n */\nexport function dumpHTML (): void {\n  if (!_dom) return\n  const level = _level\n  _level = TALL\n  debug(_dom?.body?.innerHTML || '')\n  _level = level\n}\n\n/**\n * Will start prepending messages the list of log messages.\n */\nexport function logAscending () {\n  _ascending = true\n}\n\n/**\n * Will start appending messages the list of log messages. (This is default\n * behavior.)\n */\nexport function logDescending () {\n  _ascending = false\n}\n\n/** @internal */\nexport function escapeForXML (str: string): string {\n  // can be replaced with function utils module when migrating\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n}\n\n/** @internal */\nexport function setInternals (window, document) {\n  _window = window\n  _dom = document\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;IAKM,IAAS,GAET,IAAQ,GAER,IAAQ,GAER,IAAW,GAEX,IAAQ,IAER,IAAS,IAET,IAAO,IAGD,IAAL,yBAAA,GAAA;QACL,EAAA,EAAA,QAAQ,KAAA,SACR,EAAA,EAAA,UAAU,KAAA,WACV,EAAA,EAAA,UAAU,KAAA,WACV,EAAA,EAAA,UAAU,KAAA,WACV,EAAA,EAAA,OAAO,KAAA,QACP,EAAA,EAAA,QAAQ,KAAA,SACR,EAAA,EAAA,MAAM,KAAA;AACR,EAAA,CAAA,CAAA,GAGI,IAAiB,GAEjB,IAAsB,IAEtB,IAAqB,UAErB,IAAkB;AAGtB,SAAS,EAAK,GAAa,IAAe,GAAO,IAAkB,QAAQ;CACnE,QAAS,GAEf,IAAW,MAAS,QAAa;EAC/B,IAAM,IAAU,EAAK,eAAe,QAAQ;EAC5C,IAAI,CAAC,GAAS;EAEd,IAAM,IAAW,EAAK,cAAc,MAAM;EAC1C,EAAS,aAAa,SAAS,CAAO;EACtC,IAAM,oBAAM,IAAI,KAAK;EAErB,AADA,EAAS,YAAY,GAAG,EAAI,SAAS,EAAE,GAAG,EAAI,WAAW,EAAE,GAAG,EAAI,WAAW,EAAE,IAAI,EAAQ,IAAI,EAAa,CAAG,EAAE,QAC7G,IACF,EAAQ,aAAa,GAAU,EAAQ,UAAU,IAEjD,EAAQ,YAAY,CAAQ;CAEhC,OAAO,AAAI,OAAO,UAAY,OAC5B,QAAQ,IAAI,CAAG;AAEnB;AAMA,SAAgB,EAAK,GAAiB;CACpC,EAAI,CAAO;AACb;AAMA,SAAgB,EAAM,GAAuB;CAC3C,EAAI,GAAS,GAAO,MAAM;AAC5B;AAMA,SAAgB,EAAO,GAAuB;CAC5C,EAAI,GAAS,GAAQ,MAAM;AAC7B;AAMA,SAAgB,EAAM,GAAuB;CAC3C,EAAI,GAAS,GAAO,MAAM;AAC5B;AAMA,SAAgB,EAAO,GAAuB;CAC5C,EAAI,GAAS,GAAQ,MAAM;AAC7B;AAMA,SAAgB,EAAS,GAAuB;CAC9C,EAAI,GAAS,GAAU,MAAM;AAC/B;AAMA,SAAgB,EAAO,GAAuB;CAC5C,AAAI,KAAkB,EAAQ,UAAU,SACtC,EAAQ,MAAM,CAAO,IAErB,EAAK,CAAO;AAEhB;AAKA,SAAgB,IAAe;CAC7B,IAAM,IAAU,GAAM,eAAe,QAAQ;CACxC,MACL,EAAQ,YAAY;AACtB;AAiBA,SAAgB,EAAU,GAAqB;CAG7C,AAFA,IAAS,GACT,EAAM,sBAAsB,CAAK,GACjC,IAAS;AACX;AAKA,SAAgB,IAAkB;CAChC,IAAI,CAAC,GAAM;CACX,IAAM,IAAQ;CAGd,AAFA,IAAS,GACT,EAAM,GAAM,MAAM,aAAa,EAAE,GACjC,IAAS;AACX;AAKA,SAAgB,IAAgB;CAC9B,IAAa;AACf;AAMA,SAAgB,IAAiB;CAC/B,IAAa;AACf;AAGA,SAAgB,EAAc,GAAqB;CAEjD,OAAO,EACJ,QAAQ,MAAM,OAAO,CAAC,CACtB,QAAQ,MAAM,MAAM,CAAC,CACrB,QAAQ,MAAM,MAAM;AACzB;AAGA,SAAgB,EAAc,GAAQ,GAAU;CAE9C,AADA,IAAU,GACV,IAAO;AACT"}

package/dist/lib/messageArea.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"messageArea.cjs.js","names":["solidLogicSingleton","rdf"],"sources":["../../src/lib/messageArea.js"],"sourcesContent":["//  Common code for a discussion are a of messages about something\n//\n\nimport { icons } from './iconBase'\nimport * as login from '../login/login'\nimport { solidLogicSingleton } from 'solid-logic'\nimport ns from './ns'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\nimport { style } from './style'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\n\nconst UI = { icons, ns, rdf, style, widgets }\n\nexport function messageArea (dom, kb, subject, messageStore, options) {\n  kb = kb || solidLogicSingleton.store\n  messageStore = messageStore.doc() // No hash\n  const ns = UI.ns\n  const WF = rdf.Namespace('http://www.w3.org/2005/01/wf/flow#')\n  const DCT = rdf.Namespace('http://purl.org/dc/terms/')\n\n  options = options || {}\n\n  const newestFirst = !!options.newestFirst\n\n  const messageBodyStyle =\n    'white-space: pre-wrap; width: 90%; font-size:100%; border: 0.07em solid #eee; padding: .2em 0.5em; margin: 0.1em 1em 0.1em 1em;'\n  // 'font-size: 100%; margin: 0.1em 1em 0.1em 1em;  background-color: white; white-space: pre-wrap; padding: 0.1em;'\n\n  const div = dom.createElement('div')\n  // eslint-disable-next-line prefer-const\n  let messageTable // Shared by initial build and addMessageFromBindings\n\n  let me\n\n  const updater = solidLogicSingleton.store.updater\n\n  const anchor = function (text, term) {\n    // If there is no link return an element anyway\n    const a = dom.createElement('a')\n    if (term && term.uri) {\n      a.setAttribute('href', term.uri)\n      a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true)\n      a.setAttribute('style', 'color: #3B5998; text-decoration: none; ') // font-weight: bold\n    }\n    a.textContent = text\n    return a\n  }\n\n  const mention = function mention (message, style) {\n    const pre = dom.createElement('pre')\n    pre.setAttribute('style', style || 'color: grey')\n    div.appendChild(pre)\n    pre.appendChild(dom.createTextNode(message))\n    return pre\n  }\n\n  const announce = {\n    log: function (message) {\n      mention(message, 'color: #111;')\n    },\n    warn: function (message) {\n      mention(message, 'color: #880;')\n    },\n    error: function (message) {\n      mention(message, 'color: #800;')\n    }\n  }\n\n  //       Form for a new message\n  //\n  const newMessageForm = function () {\n    const form = dom.createElement('tr')\n    const lhs = dom.createElement('td')\n    const middle = dom.createElement('td')\n    const rhs = dom.createElement('td')\n    form.appendChild(lhs)\n    form.appendChild(middle)\n    form.appendChild(rhs)\n    form.AJAR_date = '9999-01-01T00:00:00Z' // ISO format for field sort\n\n    const sendMessage = function () {\n      // titlefield.setAttribute('class','pendingedit')\n      // titlefield.disabled = true\n      field.setAttribute('class', 'pendingedit')\n      field.disabled = true\n      const sts = []\n      const now = new Date()\n      const timestamp = '' + now.getTime()\n      const dateStamp = rdf.term(now)\n      // http://www.w3schools.com/jsref/jsref_obj_date.asp\n      const message = kb.sym(messageStore.uri + '#' + 'Msg' + timestamp)\n\n      sts.push(\n        new rdf.Statement(subject, ns.wf('message'), message, messageStore)\n      )\n      sts.push(\n        new rdf.Statement(\n          message,\n          ns.sioc('content'),\n          kb.literal(field.value),\n          messageStore\n        )\n      )\n      sts.push(\n        new rdf.Statement(message, DCT('created'), dateStamp, messageStore)\n      )\n      if (me) {\n        sts.push(\n          new rdf.Statement(message, ns.foaf('maker'), me, messageStore)\n        )\n      }\n\n      const sendComplete = function (uri, success, body) {\n        if (!success) {\n          form.appendChild(\n            UI.widgets.errorMessageBlock(dom, 'Error writing message: ' + body)\n          )\n        } else {\n          const bindings = {\n            '?msg': message,\n            '?content': kb.literal(field.value),\n            '?date': dateStamp,\n            '?creator': me\n          }\n          renderMessage(bindings, false) // not green\n\n          field.value = '' // clear from out for reuse\n          field.setAttribute('class', '')\n          field.disabled = false\n        }\n      }\n      updater.update([], sts, sendComplete)\n    }\n    form.appendChild(dom.createElement('br'))\n\n    let field, sendButton\n    const turnOnInput = function () {\n      creatorAndDate(lhs, me, '', null)\n\n      field = dom.createElement('textarea')\n      middle.innerHTML = ''\n      middle.appendChild(field)\n      field.rows = 3\n      // field.cols = 40\n      field.setAttribute('style', messageBodyStyle + 'background-color: #eef;')\n\n      field.addEventListener(\n        'keyup',\n        function (e) {\n          // User preference?\n          if (e.keyCode === 13) {\n            if (!e.altKey) {\n              // Alt-Enter just adds a new line\n              sendMessage()\n            }\n          }\n        },\n        false\n      )\n\n      rhs.innerHTML = ''\n      sendButton = UI.widgets.button(\n        dom,\n        UI.icons.iconBase + 'noun_383448.svg',\n        'Send'\n      )\n      sendButton.setAttribute('style', UI.style.buttonStyle + 'float: right;')\n      sendButton.addEventListener('click', sendMessage, false)\n      rhs.appendChild(sendButton)\n    }\n\n    const context = { div: middle, dom }\n    login.ensureLoggedIn(context).then(context => {\n      me = context.me\n      turnOnInput()\n    })\n\n    return form\n  }\n\n  function nick (person) {\n    const s = solidLogicSingleton.store.any(person, UI.ns.foaf('nick'))\n    if (s) return '' + s.value\n    return '' + utils.label(person)\n  }\n\n  function creatorAndDate (td1, creator, date, message) {\n    const nickAnchor = td1.appendChild(anchor(nick(creator), creator))\n    if (creator.uri) {\n      solidLogicSingleton.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (\n        _ok,\n        _body\n      ) {\n        nickAnchor.textContent = nick(creator)\n      })\n    }\n    td1.appendChild(dom.createElement('br'))\n    td1.appendChild(anchor(date, message))\n  }\n\n  // ///////////////////////////////////////////////////////////////////////\n\n  function syncMessages (about, messageTable) {\n    const displayed = {}\n    let ele, ele2\n    for (ele = messageTable.firstChild; ele; ele = ele.nextSibling) {\n      if (ele.AJAR_subject) {\n        displayed[ele.AJAR_subject.uri] = true\n      }\n    }\n    const messages = kb.each(about, ns.wf('message'))\n    const stored = {}\n    messages.forEach(function (m) {\n      stored[m.uri] = true\n      if (!displayed[m.uri]) {\n        addMessage(m)\n      }\n    })\n\n    for (ele = messageTable.firstChild; ele;) {\n      ele2 = ele.nextSibling\n      if (ele.AJAR_subject && !stored[ele.AJAR_subject.uri]) {\n        messageTable.removeChild(ele)\n      }\n      ele = ele2\n    }\n  }\n\n  const deleteMessage = function (message) {\n    const deletions = kb\n      .statementsMatching(message)\n      .concat(kb.statementsMatching(undefined, undefined, message))\n    updater.update(deletions, [], function (uri, ok, body) {\n      if (!ok) {\n        announce.error('Cant delete messages:' + body)\n      } else {\n        syncMessages(subject, messageTable)\n      }\n    })\n  }\n\n  const addMessage = function (message) {\n    const bindings = {\n      '?msg': message,\n      '?creator': kb.any(message, ns.foaf('maker')),\n      '?date': kb.any(message, DCT('created')),\n      '?content': kb.any(message, ns.sioc('content'))\n    }\n    renderMessage(bindings, true) // fresh from elsewhere\n  }\n\n  const renderMessage = function (bindings, fresh) {\n    const creator = bindings['?creator']\n    const message = bindings['?msg']\n    const date = bindings['?date']\n    const content = bindings['?content']\n\n    const dateString = date.value\n    const tr = dom.createElement('tr')\n    tr.AJAR_date = dateString\n    tr.AJAR_subject = message\n\n    let done = false\n    for (let ele = messageTable.firstChild; ; ele = ele.nextSibling) {\n      if (!ele) {\n        // empty\n        break\n      }\n      if (\n        (dateString > ele.AJAR_date && newestFirst) ||\n        (dateString < ele.AJAR_date && !newestFirst)\n      ) {\n        messageTable.insertBefore(tr, ele)\n        done = true\n        break\n      }\n    }\n    if (!done) {\n      messageTable.appendChild(tr)\n    }\n\n    const td1 = dom.createElement('td')\n    tr.appendChild(td1)\n    creatorAndDate(td1, creator, UI.widgets.shortDate(dateString), message)\n\n    const td2 = dom.createElement('td')\n    tr.appendChild(td2)\n    const pre = dom.createElement('p')\n    pre.setAttribute(\n      'style',\n      messageBodyStyle +\n        (fresh ? 'background-color: #e8ffe8;' : 'background-color: #white;')\n    )\n    td2.appendChild(pre)\n    pre.textContent = content.value\n\n    const td3 = dom.createElement('td')\n    tr.appendChild(td3)\n\n    const delButton = dom.createElement('button')\n    td3.appendChild(delButton)\n    delButton.textContent = '-'\n\n    tr.setAttribute('class', 'hoverControl') // See tabbedtab.css (sigh global CSS)\n    delButton.setAttribute('class', 'hoverControlHide')\n    delButton.setAttribute('style', 'color: red;')\n    delButton.addEventListener(\n      'click',\n      function (_event) {\n        td3.removeChild(delButton) // Ask -- are you sure?\n        const cancelButton = dom.createElement('button')\n        cancelButton.textContent = 'cancel'\n        td3.appendChild(cancelButton).addEventListener(\n          'click',\n          function (_event) {\n            td3.removeChild(sureButton)\n            td3.removeChild(cancelButton)\n            td3.appendChild(delButton)\n          },\n          false\n        )\n        const sureButton = dom.createElement('button')\n        sureButton.textContent = 'Delete message'\n        td3.appendChild(sureButton).addEventListener(\n          'click',\n          function (_event) {\n            td3.removeChild(sureButton)\n            td3.removeChild(cancelButton)\n            deleteMessage(message)\n          },\n          false\n        )\n      },\n      false\n    )\n  }\n\n  // Messages with date, author etc\n\n  messageTable = dom.createElement('table')\n  messageTable.fresh = false\n  div.appendChild(messageTable)\n  messageTable.setAttribute('style', 'width: 100%;') // fill that div!\n\n  const tr = newMessageForm()\n  if (newestFirst) {\n    messageTable.insertBefore(tr, messageTable.firstChild) // If newestFirst\n  } else {\n    messageTable.appendChild(tr) // not newestFirst\n  }\n\n  let query\n  // Do this with a live query to pull in messages from web\n  if (options.query) {\n    query = options.query\n  } else {\n    query = new rdf.Query('Messages')\n    const v = {} // semicolon needed\n    const vs = ['msg', 'date', 'creator', 'content']\n    vs.forEach(function (x) {\n      query.vars.push((v[x] = rdf.variable(x)))\n    })\n    query.pat.add(subject, WF('message'), v.msg)\n    query.pat.add(v.msg, ns.dct('created'), v.date)\n    query.pat.add(v.msg, ns.foaf('maker'), v.creator)\n    query.pat.add(v.msg, ns.sioc('content'), v.content)\n  }\n  function doneQuery () {\n    messageTable.fresh = true // any new are fresh and so will be greenish\n  }\n  kb.query(query, renderMessage, undefined, doneQuery)\n  div.refresh = function () {\n    syncMessages(subject, messageTable)\n  }\n  // syncMessages(subject, messageTable) // no the query will do this async\n  return div\n}\n"],"mappings":"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"}
+{"version":3,"file":"messageArea.cjs.js","names":["solidLogicSingleton","rdf"],"sources":["../../src/lib/messageArea.js"],"sourcesContent":["//  Common code for a discussion are a of messages about something\n//\n\nimport { icons } from './iconBase'\nimport * as login from '../login/login'\nimport { solidLogicSingleton } from 'solid-logic'\nimport ns from './ns'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\nimport { style } from './style'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\n\nconst UI = { icons, ns, rdf, style, widgets }\n\nexport function messageArea (dom, kb, subject, messageStore, options) {\n  kb = kb || solidLogicSingleton.store\n  messageStore = messageStore.doc() // No hash\n  const ns = UI.ns\n  const WF = rdf.Namespace('http://www.w3.org/2005/01/wf/flow#')\n  const DCT = rdf.Namespace('http://purl.org/dc/terms/')\n\n  options = options || {}\n\n  const newestFirst = !!options.newestFirst\n\n  const messageBodyStyle =\n    'white-space: pre-wrap; width: 90%; font-size:100%; border: 0.07em solid #eee; padding: .2em 0.5em; margin: 0.1em 1em 0.1em 1em;'\n  // 'font-size: 100%; margin: 0.1em 1em 0.1em 1em;  background-color: white; white-space: pre-wrap; padding: 0.1em;'\n\n  const div = dom.createElement('div')\n  // eslint-disable-next-line prefer-const\n  let messageTable // Shared by initial build and addMessageFromBindings\n\n  let me\n\n  const updater = solidLogicSingleton.store.updater\n\n  const anchor = function (text, term) {\n    // If there is no link return an element anyway\n    const a = dom.createElement('a')\n    if (term && term.uri) {\n      a.setAttribute('href', term.uri)\n      a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true)\n      a.setAttribute('style', 'color: #3B5998; text-decoration: none; ') // font-weight: bold\n    }\n    a.textContent = text\n    return a\n  }\n\n  const mention = function mention (message, style) {\n    const pre = dom.createElement('pre')\n    pre.setAttribute('style', style || 'color: grey')\n    div.appendChild(pre)\n    pre.appendChild(dom.createTextNode(message))\n    return pre\n  }\n\n  const announce = {\n    log: function (message) {\n      mention(message, 'color: #111;')\n    },\n    warn: function (message) {\n      mention(message, 'color: #880;')\n    },\n    error: function (message) {\n      mention(message, 'color: #800;')\n    }\n  }\n\n  //       Form for a new message\n  //\n  const newMessageForm = function () {\n    const form = dom.createElement('tr')\n    const lhs = dom.createElement('td')\n    const middle = dom.createElement('td')\n    const rhs = dom.createElement('td')\n    form.appendChild(lhs)\n    form.appendChild(middle)\n    form.appendChild(rhs)\n    form.AJAR_date = '9999-01-01T00:00:00Z' // ISO format for field sort\n\n    const sendMessage = function () {\n      // titlefield.setAttribute('class','pendingedit')\n      // titlefield.disabled = true\n      field.setAttribute('class', 'pendingedit')\n      field.disabled = true\n      const sts = []\n      const now = new Date()\n      const timestamp = '' + now.getTime()\n      const dateStamp = rdf.term(now)\n      // http://www.w3schools.com/jsref/jsref_obj_date.asp\n      const message = kb.sym(messageStore.uri + '#' + 'Msg' + timestamp)\n\n      sts.push(\n        new rdf.Statement(subject, ns.wf('message'), message, messageStore)\n      )\n      sts.push(\n        new rdf.Statement(\n          message,\n          ns.sioc('content'),\n          kb.literal(field.value),\n          messageStore\n        )\n      )\n      sts.push(\n        new rdf.Statement(message, DCT('created'), dateStamp, messageStore)\n      )\n      if (me) {\n        sts.push(\n          new rdf.Statement(message, ns.foaf('maker'), me, messageStore)\n        )\n      }\n\n      const sendComplete = function (uri, success, body) {\n        if (!success) {\n          form.appendChild(\n            UI.widgets.errorMessageBlock(dom, 'Error writing message: ' + body)\n          )\n        } else {\n          const bindings = {\n            '?msg': message,\n            '?content': kb.literal(field.value),\n            '?date': dateStamp,\n            '?creator': me\n          }\n          renderMessage(bindings, false) // not green\n\n          field.value = '' // clear from out for reuse\n          field.setAttribute('class', '')\n          field.disabled = false\n        }\n      }\n      updater.update([], sts, sendComplete)\n    }\n    form.appendChild(dom.createElement('br'))\n\n    let field, sendButton\n    const turnOnInput = function () {\n      creatorAndDate(lhs, me, '', null)\n\n      field = dom.createElement('textarea')\n      middle.innerHTML = ''\n      middle.appendChild(field)\n      field.rows = 3\n      // field.cols = 40\n      field.setAttribute('style', messageBodyStyle + 'background-color: #eef;')\n\n      field.addEventListener(\n        'keyup',\n        function (e) {\n          // User preference?\n          if (e.keyCode === 13) {\n            if (!e.altKey) {\n              // Alt-Enter just adds a new line\n              sendMessage()\n            }\n          }\n        },\n        false\n      )\n\n      rhs.innerHTML = ''\n      sendButton = UI.widgets.button(\n        dom,\n        UI.icons.iconBase + 'noun_383448.svg',\n        'Send'\n      )\n      sendButton.setAttribute('style', UI.style.buttonStyle + 'float: right;')\n      sendButton.addEventListener('click', sendMessage, false)\n      rhs.appendChild(sendButton)\n    }\n\n    const context = { div: middle, dom }\n    login.ensureLoggedIn(context).then(context => {\n      me = context.me\n      turnOnInput()\n    })\n\n    return form\n  }\n\n  function nick (person) {\n    const s = solidLogicSingleton.store.any(person, UI.ns.foaf('nick'))\n    if (s) return '' + s.value\n    return '' + utils.label(person)\n  }\n\n  function creatorAndDate (td1, creator, date, message) {\n    const nickAnchor = td1.appendChild(anchor(nick(creator), creator))\n    if (creator.uri) {\n      solidLogicSingleton.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (\n        _ok,\n        _body\n      ) {\n        nickAnchor.textContent = nick(creator)\n      })\n    }\n    td1.appendChild(dom.createElement('br'))\n    td1.appendChild(anchor(date, message))\n  }\n\n  // ///////////////////////////////////////////////////////////////////////\n\n  function syncMessages (about, messageTable) {\n    const displayed = {}\n    let ele, ele2\n    for (ele = messageTable.firstChild; ele; ele = ele.nextSibling) {\n      if (ele.AJAR_subject) {\n        displayed[ele.AJAR_subject.uri] = true\n      }\n    }\n    const messages = kb.each(about, ns.wf('message'))\n    const stored = {}\n    messages.forEach(function (m) {\n      stored[m.uri] = true\n      if (!displayed[m.uri]) {\n        addMessage(m)\n      }\n    })\n\n    for (ele = messageTable.firstChild; ele;) {\n      ele2 = ele.nextSibling\n      if (ele.AJAR_subject && !stored[ele.AJAR_subject.uri]) {\n        messageTable.removeChild(ele)\n      }\n      ele = ele2\n    }\n  }\n\n  const deleteMessage = function (message) {\n    const deletions = kb\n      .statementsMatching(message)\n      .concat(kb.statementsMatching(undefined, undefined, message))\n    updater.update(deletions, [], function (uri, ok, body) {\n      if (!ok) {\n        announce.error('Cant delete messages:' + body)\n      } else {\n        syncMessages(subject, messageTable)\n      }\n    })\n  }\n\n  const addMessage = function (message) {\n    const bindings = {\n      '?msg': message,\n      '?creator': kb.any(message, ns.foaf('maker')),\n      '?date': kb.any(message, DCT('created')),\n      '?content': kb.any(message, ns.sioc('content'))\n    }\n    renderMessage(bindings, true) // fresh from elsewhere\n  }\n\n  const renderMessage = function (bindings, fresh) {\n    const creator = bindings['?creator']\n    const message = bindings['?msg']\n    const date = bindings['?date']\n    const content = bindings['?content']\n\n    const dateString = date.value\n    const tr = dom.createElement('tr')\n    tr.AJAR_date = dateString\n    tr.AJAR_subject = message\n\n    let done = false\n    for (let ele = messageTable.firstChild; ; ele = ele.nextSibling) {\n      if (!ele) {\n        // empty\n        break\n      }\n      if (\n        (dateString > ele.AJAR_date && newestFirst) ||\n        (dateString < ele.AJAR_date && !newestFirst)\n      ) {\n        messageTable.insertBefore(tr, ele)\n        done = true\n        break\n      }\n    }\n    if (!done) {\n      messageTable.appendChild(tr)\n    }\n\n    const td1 = dom.createElement('td')\n    tr.appendChild(td1)\n    creatorAndDate(td1, creator, UI.widgets.shortDate(dateString), message)\n\n    const td2 = dom.createElement('td')\n    tr.appendChild(td2)\n    const pre = dom.createElement('p')\n    pre.setAttribute(\n      'style',\n      messageBodyStyle +\n        (fresh ? 'background-color: #e8ffe8;' : 'background-color: #white;')\n    )\n    td2.appendChild(pre)\n    pre.textContent = content.value\n\n    const td3 = dom.createElement('td')\n    tr.appendChild(td3)\n\n    const delButton = dom.createElement('button')\n    td3.appendChild(delButton)\n    delButton.textContent = '-'\n\n    tr.setAttribute('class', 'hoverControl') // See tabbedtab.css (sigh global CSS)\n    delButton.setAttribute('class', 'hoverControlHide')\n    delButton.setAttribute('style', 'color: red;')\n    delButton.addEventListener(\n      'click',\n      function (_event) {\n        td3.removeChild(delButton) // Ask -- are you sure?\n        const cancelButton = dom.createElement('button')\n        cancelButton.textContent = 'cancel'\n        td3.appendChild(cancelButton).addEventListener(\n          'click',\n          function (_event) {\n            td3.removeChild(sureButton)\n            td3.removeChild(cancelButton)\n            td3.appendChild(delButton)\n          },\n          false\n        )\n        const sureButton = dom.createElement('button')\n        sureButton.textContent = 'Delete message'\n        td3.appendChild(sureButton).addEventListener(\n          'click',\n          function (_event) {\n            td3.removeChild(sureButton)\n            td3.removeChild(cancelButton)\n            deleteMessage(message)\n          },\n          false\n        )\n      },\n      false\n    )\n  }\n\n  // Messages with date, author etc\n\n  messageTable = dom.createElement('table')\n  messageTable.fresh = false\n  div.appendChild(messageTable)\n  messageTable.setAttribute('style', 'width: 100%;') // fill that div!\n\n  const tr = newMessageForm()\n  if (newestFirst) {\n    messageTable.insertBefore(tr, messageTable.firstChild) // If newestFirst\n  } else {\n    messageTable.appendChild(tr) // not newestFirst\n  }\n\n  let query\n  // Do this with a live query to pull in messages from web\n  if (options.query) {\n    query = options.query\n  } else {\n    query = new rdf.Query('Messages')\n    const v = {} // semicolon needed\n    const vs = ['msg', 'date', 'creator', 'content']\n    vs.forEach(function (x) {\n      query.vars.push((v[x] = rdf.variable(x)))\n    })\n    query.pat.add(subject, WF('message'), v.msg)\n    query.pat.add(v.msg, ns.dct('created'), v.date)\n    query.pat.add(v.msg, ns.foaf('maker'), v.creator)\n    query.pat.add(v.msg, ns.sioc('content'), v.content)\n  }\n  function doneQuery () {\n    messageTable.fresh = true // any new are fresh and so will be greenish\n  }\n  kb.query(query, renderMessage, undefined, doneQuery)\n  div.refresh = function () {\n    syncMessages(subject, messageTable)\n  }\n  // syncMessages(subject, messageTable) // no the query will do this async\n  return div\n}\n"],"mappings":"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"}

package/dist/lib/messageArea.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"messageArea.esm.js","names":["utils.label"],"sources":["../../src/lib/messageArea.js"],"sourcesContent":["//  Common code for a discussion are a of messages about something\n//\n\nimport { icons } from './iconBase'\nimport * as login from '../login/login'\nimport { solidLogicSingleton } from 'solid-logic'\nimport ns from './ns'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\nimport { style } from './style'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\n\nconst UI = { icons, ns, rdf, style, widgets }\n\nexport function messageArea (dom, kb, subject, messageStore, options) {\n  kb = kb || solidLogicSingleton.store\n  messageStore = messageStore.doc() // No hash\n  const ns = UI.ns\n  const WF = rdf.Namespace('http://www.w3.org/2005/01/wf/flow#')\n  const DCT = rdf.Namespace('http://purl.org/dc/terms/')\n\n  options = options || {}\n\n  const newestFirst = !!options.newestFirst\n\n  const messageBodyStyle =\n    'white-space: pre-wrap; width: 90%; font-size:100%; border: 0.07em solid #eee; padding: .2em 0.5em; margin: 0.1em 1em 0.1em 1em;'\n  // 'font-size: 100%; margin: 0.1em 1em 0.1em 1em;  background-color: white; white-space: pre-wrap; padding: 0.1em;'\n\n  const div = dom.createElement('div')\n  // eslint-disable-next-line prefer-const\n  let messageTable // Shared by initial build and addMessageFromBindings\n\n  let me\n\n  const updater = solidLogicSingleton.store.updater\n\n  const anchor = function (text, term) {\n    // If there is no link return an element anyway\n    const a = dom.createElement('a')\n    if (term && term.uri) {\n      a.setAttribute('href', term.uri)\n      a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true)\n      a.setAttribute('style', 'color: #3B5998; text-decoration: none; ') // font-weight: bold\n    }\n    a.textContent = text\n    return a\n  }\n\n  const mention = function mention (message, style) {\n    const pre = dom.createElement('pre')\n    pre.setAttribute('style', style || 'color: grey')\n    div.appendChild(pre)\n    pre.appendChild(dom.createTextNode(message))\n    return pre\n  }\n\n  const announce = {\n    log: function (message) {\n      mention(message, 'color: #111;')\n    },\n    warn: function (message) {\n      mention(message, 'color: #880;')\n    },\n    error: function (message) {\n      mention(message, 'color: #800;')\n    }\n  }\n\n  //       Form for a new message\n  //\n  const newMessageForm = function () {\n    const form = dom.createElement('tr')\n    const lhs = dom.createElement('td')\n    const middle = dom.createElement('td')\n    const rhs = dom.createElement('td')\n    form.appendChild(lhs)\n    form.appendChild(middle)\n    form.appendChild(rhs)\n    form.AJAR_date = '9999-01-01T00:00:00Z' // ISO format for field sort\n\n    const sendMessage = function () {\n      // titlefield.setAttribute('class','pendingedit')\n      // titlefield.disabled = true\n      field.setAttribute('class', 'pendingedit')\n      field.disabled = true\n      const sts = []\n      const now = new Date()\n      const timestamp = '' + now.getTime()\n      const dateStamp = rdf.term(now)\n      // http://www.w3schools.com/jsref/jsref_obj_date.asp\n      const message = kb.sym(messageStore.uri + '#' + 'Msg' + timestamp)\n\n      sts.push(\n        new rdf.Statement(subject, ns.wf('message'), message, messageStore)\n      )\n      sts.push(\n        new rdf.Statement(\n          message,\n          ns.sioc('content'),\n          kb.literal(field.value),\n          messageStore\n        )\n      )\n      sts.push(\n        new rdf.Statement(message, DCT('created'), dateStamp, messageStore)\n      )\n      if (me) {\n        sts.push(\n          new rdf.Statement(message, ns.foaf('maker'), me, messageStore)\n        )\n      }\n\n      const sendComplete = function (uri, success, body) {\n        if (!success) {\n          form.appendChild(\n            UI.widgets.errorMessageBlock(dom, 'Error writing message: ' + body)\n          )\n        } else {\n          const bindings = {\n            '?msg': message,\n            '?content': kb.literal(field.value),\n            '?date': dateStamp,\n            '?creator': me\n          }\n          renderMessage(bindings, false) // not green\n\n          field.value = '' // clear from out for reuse\n          field.setAttribute('class', '')\n          field.disabled = false\n        }\n      }\n      updater.update([], sts, sendComplete)\n    }\n    form.appendChild(dom.createElement('br'))\n\n    let field, sendButton\n    const turnOnInput = function () {\n      creatorAndDate(lhs, me, '', null)\n\n      field = dom.createElement('textarea')\n      middle.innerHTML = ''\n      middle.appendChild(field)\n      field.rows = 3\n      // field.cols = 40\n      field.setAttribute('style', messageBodyStyle + 'background-color: #eef;')\n\n      field.addEventListener(\n        'keyup',\n        function (e) {\n          // User preference?\n          if (e.keyCode === 13) {\n            if (!e.altKey) {\n              // Alt-Enter just adds a new line\n              sendMessage()\n            }\n          }\n        },\n        false\n      )\n\n      rhs.innerHTML = ''\n      sendButton = UI.widgets.button(\n        dom,\n        UI.icons.iconBase + 'noun_383448.svg',\n        'Send'\n      )\n      sendButton.setAttribute('style', UI.style.buttonStyle + 'float: right;')\n      sendButton.addEventListener('click', sendMessage, false)\n      rhs.appendChild(sendButton)\n    }\n\n    const context = { div: middle, dom }\n    login.ensureLoggedIn(context).then(context => {\n      me = context.me\n      turnOnInput()\n    })\n\n    return form\n  }\n\n  function nick (person) {\n    const s = solidLogicSingleton.store.any(person, UI.ns.foaf('nick'))\n    if (s) return '' + s.value\n    return '' + utils.label(person)\n  }\n\n  function creatorAndDate (td1, creator, date, message) {\n    const nickAnchor = td1.appendChild(anchor(nick(creator), creator))\n    if (creator.uri) {\n      solidLogicSingleton.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (\n        _ok,\n        _body\n      ) {\n        nickAnchor.textContent = nick(creator)\n      })\n    }\n    td1.appendChild(dom.createElement('br'))\n    td1.appendChild(anchor(date, message))\n  }\n\n  // ///////////////////////////////////////////////////////////////////////\n\n  function syncMessages (about, messageTable) {\n    const displayed = {}\n    let ele, ele2\n    for (ele = messageTable.firstChild; ele; ele = ele.nextSibling) {\n      if (ele.AJAR_subject) {\n        displayed[ele.AJAR_subject.uri] = true\n      }\n    }\n    const messages = kb.each(about, ns.wf('message'))\n    const stored = {}\n    messages.forEach(function (m) {\n      stored[m.uri] = true\n      if (!displayed[m.uri]) {\n        addMessage(m)\n      }\n    })\n\n    for (ele = messageTable.firstChild; ele;) {\n      ele2 = ele.nextSibling\n      if (ele.AJAR_subject && !stored[ele.AJAR_subject.uri]) {\n        messageTable.removeChild(ele)\n      }\n      ele = ele2\n    }\n  }\n\n  const deleteMessage = function (message) {\n    const deletions = kb\n      .statementsMatching(message)\n      .concat(kb.statementsMatching(undefined, undefined, message))\n    updater.update(deletions, [], function (uri, ok, body) {\n      if (!ok) {\n        announce.error('Cant delete messages:' + body)\n      } else {\n        syncMessages(subject, messageTable)\n      }\n    })\n  }\n\n  const addMessage = function (message) {\n    const bindings = {\n      '?msg': message,\n      '?creator': kb.any(message, ns.foaf('maker')),\n      '?date': kb.any(message, DCT('created')),\n      '?content': kb.any(message, ns.sioc('content'))\n    }\n    renderMessage(bindings, true) // fresh from elsewhere\n  }\n\n  const renderMessage = function (bindings, fresh) {\n    const creator = bindings['?creator']\n    const message = bindings['?msg']\n    const date = bindings['?date']\n    const content = bindings['?content']\n\n    const dateString = date.value\n    const tr = dom.createElement('tr')\n    tr.AJAR_date = dateString\n    tr.AJAR_subject = message\n\n    let done = false\n    for (let ele = messageTable.firstChild; ; ele = ele.nextSibling) {\n      if (!ele) {\n        // empty\n        break\n      }\n      if (\n        (dateString > ele.AJAR_date && newestFirst) ||\n        (dateString < ele.AJAR_date && !newestFirst)\n      ) {\n        messageTable.insertBefore(tr, ele)\n        done = true\n        break\n      }\n    }\n    if (!done) {\n      messageTable.appendChild(tr)\n    }\n\n    const td1 = dom.createElement('td')\n    tr.appendChild(td1)\n    creatorAndDate(td1, creator, UI.widgets.shortDate(dateString), message)\n\n    const td2 = dom.createElement('td')\n    tr.appendChild(td2)\n    const pre = dom.createElement('p')\n    pre.setAttribute(\n      'style',\n      messageBodyStyle +\n        (fresh ? 'background-color: #e8ffe8;' : 'background-color: #white;')\n    )\n    td2.appendChild(pre)\n    pre.textContent = content.value\n\n    const td3 = dom.createElement('td')\n    tr.appendChild(td3)\n\n    const delButton = dom.createElement('button')\n    td3.appendChild(delButton)\n    delButton.textContent = '-'\n\n    tr.setAttribute('class', 'hoverControl') // See tabbedtab.css (sigh global CSS)\n    delButton.setAttribute('class', 'hoverControlHide')\n    delButton.setAttribute('style', 'color: red;')\n    delButton.addEventListener(\n      'click',\n      function (_event) {\n        td3.removeChild(delButton) // Ask -- are you sure?\n        const cancelButton = dom.createElement('button')\n        cancelButton.textContent = 'cancel'\n        td3.appendChild(cancelButton).addEventListener(\n          'click',\n          function (_event) {\n            td3.removeChild(sureButton)\n            td3.removeChild(cancelButton)\n            td3.appendChild(delButton)\n          },\n          false\n        )\n        const sureButton = dom.createElement('button')\n        sureButton.textContent = 'Delete message'\n        td3.appendChild(sureButton).addEventListener(\n          'click',\n          function (_event) {\n            td3.removeChild(sureButton)\n            td3.removeChild(cancelButton)\n            deleteMessage(message)\n          },\n          false\n        )\n      },\n      false\n    )\n  }\n\n  // Messages with date, author etc\n\n  messageTable = dom.createElement('table')\n  messageTable.fresh = false\n  div.appendChild(messageTable)\n  messageTable.setAttribute('style', 'width: 100%;') // fill that div!\n\n  const tr = newMessageForm()\n  if (newestFirst) {\n    messageTable.insertBefore(tr, messageTable.firstChild) // If newestFirst\n  } else {\n    messageTable.appendChild(tr) // not newestFirst\n  }\n\n  let query\n  // Do this with a live query to pull in messages from web\n  if (options.query) {\n    query = options.query\n  } else {\n    query = new rdf.Query('Messages')\n    const v = {} // semicolon needed\n    const vs = ['msg', 'date', 'creator', 'content']\n    vs.forEach(function (x) {\n      query.vars.push((v[x] = rdf.variable(x)))\n    })\n    query.pat.add(subject, WF('message'), v.msg)\n    query.pat.add(v.msg, ns.dct('created'), v.date)\n    query.pat.add(v.msg, ns.foaf('maker'), v.creator)\n    query.pat.add(v.msg, ns.sioc('content'), v.content)\n  }\n  function doneQuery () {\n    messageTable.fresh = true // any new are fresh and so will be greenish\n  }\n  kb.query(query, renderMessage, undefined, doneQuery)\n  div.refresh = function () {\n    syncMessages(subject, messageTable)\n  }\n  // syncMessages(subject, messageTable) // no the query will do this async\n  return div\n}\n"],"mappings":"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"}
+{"version":3,"file":"messageArea.esm.js","names":["utils.label"],"sources":["../../src/lib/messageArea.js"],"sourcesContent":["//  Common code for a discussion are a of messages about something\n//\n\nimport { icons } from './iconBase'\nimport * as login from '../login/login'\nimport { solidLogicSingleton } from 'solid-logic'\nimport ns from './ns'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\nimport { style } from './style'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\n\nconst UI = { icons, ns, rdf, style, widgets }\n\nexport function messageArea (dom, kb, subject, messageStore, options) {\n  kb = kb || solidLogicSingleton.store\n  messageStore = messageStore.doc() // No hash\n  const ns = UI.ns\n  const WF = rdf.Namespace('http://www.w3.org/2005/01/wf/flow#')\n  const DCT = rdf.Namespace('http://purl.org/dc/terms/')\n\n  options = options || {}\n\n  const newestFirst = !!options.newestFirst\n\n  const messageBodyStyle =\n    'white-space: pre-wrap; width: 90%; font-size:100%; border: 0.07em solid #eee; padding: .2em 0.5em; margin: 0.1em 1em 0.1em 1em;'\n  // 'font-size: 100%; margin: 0.1em 1em 0.1em 1em;  background-color: white; white-space: pre-wrap; padding: 0.1em;'\n\n  const div = dom.createElement('div')\n  // eslint-disable-next-line prefer-const\n  let messageTable // Shared by initial build and addMessageFromBindings\n\n  let me\n\n  const updater = solidLogicSingleton.store.updater\n\n  const anchor = function (text, term) {\n    // If there is no link return an element anyway\n    const a = dom.createElement('a')\n    if (term && term.uri) {\n      a.setAttribute('href', term.uri)\n      a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true)\n      a.setAttribute('style', 'color: #3B5998; text-decoration: none; ') // font-weight: bold\n    }\n    a.textContent = text\n    return a\n  }\n\n  const mention = function mention (message, style) {\n    const pre = dom.createElement('pre')\n    pre.setAttribute('style', style || 'color: grey')\n    div.appendChild(pre)\n    pre.appendChild(dom.createTextNode(message))\n    return pre\n  }\n\n  const announce = {\n    log: function (message) {\n      mention(message, 'color: #111;')\n    },\n    warn: function (message) {\n      mention(message, 'color: #880;')\n    },\n    error: function (message) {\n      mention(message, 'color: #800;')\n    }\n  }\n\n  //       Form for a new message\n  //\n  const newMessageForm = function () {\n    const form = dom.createElement('tr')\n    const lhs = dom.createElement('td')\n    const middle = dom.createElement('td')\n    const rhs = dom.createElement('td')\n    form.appendChild(lhs)\n    form.appendChild(middle)\n    form.appendChild(rhs)\n    form.AJAR_date = '9999-01-01T00:00:00Z' // ISO format for field sort\n\n    const sendMessage = function () {\n      // titlefield.setAttribute('class','pendingedit')\n      // titlefield.disabled = true\n      field.setAttribute('class', 'pendingedit')\n      field.disabled = true\n      const sts = []\n      const now = new Date()\n      const timestamp = '' + now.getTime()\n      const dateStamp = rdf.term(now)\n      // http://www.w3schools.com/jsref/jsref_obj_date.asp\n      const message = kb.sym(messageStore.uri + '#' + 'Msg' + timestamp)\n\n      sts.push(\n        new rdf.Statement(subject, ns.wf('message'), message, messageStore)\n      )\n      sts.push(\n        new rdf.Statement(\n          message,\n          ns.sioc('content'),\n          kb.literal(field.value),\n          messageStore\n        )\n      )\n      sts.push(\n        new rdf.Statement(message, DCT('created'), dateStamp, messageStore)\n      )\n      if (me) {\n        sts.push(\n          new rdf.Statement(message, ns.foaf('maker'), me, messageStore)\n        )\n      }\n\n      const sendComplete = function (uri, success, body) {\n        if (!success) {\n          form.appendChild(\n            UI.widgets.errorMessageBlock(dom, 'Error writing message: ' + body)\n          )\n        } else {\n          const bindings = {\n            '?msg': message,\n            '?content': kb.literal(field.value),\n            '?date': dateStamp,\n            '?creator': me\n          }\n          renderMessage(bindings, false) // not green\n\n          field.value = '' // clear from out for reuse\n          field.setAttribute('class', '')\n          field.disabled = false\n        }\n      }\n      updater.update([], sts, sendComplete)\n    }\n    form.appendChild(dom.createElement('br'))\n\n    let field, sendButton\n    const turnOnInput = function () {\n      creatorAndDate(lhs, me, '', null)\n\n      field = dom.createElement('textarea')\n      middle.innerHTML = ''\n      middle.appendChild(field)\n      field.rows = 3\n      // field.cols = 40\n      field.setAttribute('style', messageBodyStyle + 'background-color: #eef;')\n\n      field.addEventListener(\n        'keyup',\n        function (e) {\n          // User preference?\n          if (e.keyCode === 13) {\n            if (!e.altKey) {\n              // Alt-Enter just adds a new line\n              sendMessage()\n            }\n          }\n        },\n        false\n      )\n\n      rhs.innerHTML = ''\n      sendButton = UI.widgets.button(\n        dom,\n        UI.icons.iconBase + 'noun_383448.svg',\n        'Send'\n      )\n      sendButton.setAttribute('style', UI.style.buttonStyle + 'float: right;')\n      sendButton.addEventListener('click', sendMessage, false)\n      rhs.appendChild(sendButton)\n    }\n\n    const context = { div: middle, dom }\n    login.ensureLoggedIn(context).then(context => {\n      me = context.me\n      turnOnInput()\n    })\n\n    return form\n  }\n\n  function nick (person) {\n    const s = solidLogicSingleton.store.any(person, UI.ns.foaf('nick'))\n    if (s) return '' + s.value\n    return '' + utils.label(person)\n  }\n\n  function creatorAndDate (td1, creator, date, message) {\n    const nickAnchor = td1.appendChild(anchor(nick(creator), creator))\n    if (creator.uri) {\n      solidLogicSingleton.store.fetcher.nowOrWhenFetched(creator.doc(), undefined, function (\n        _ok,\n        _body\n      ) {\n        nickAnchor.textContent = nick(creator)\n      })\n    }\n    td1.appendChild(dom.createElement('br'))\n    td1.appendChild(anchor(date, message))\n  }\n\n  // ///////////////////////////////////////////////////////////////////////\n\n  function syncMessages (about, messageTable) {\n    const displayed = {}\n    let ele, ele2\n    for (ele = messageTable.firstChild; ele; ele = ele.nextSibling) {\n      if (ele.AJAR_subject) {\n        displayed[ele.AJAR_subject.uri] = true\n      }\n    }\n    const messages = kb.each(about, ns.wf('message'))\n    const stored = {}\n    messages.forEach(function (m) {\n      stored[m.uri] = true\n      if (!displayed[m.uri]) {\n        addMessage(m)\n      }\n    })\n\n    for (ele = messageTable.firstChild; ele;) {\n      ele2 = ele.nextSibling\n      if (ele.AJAR_subject && !stored[ele.AJAR_subject.uri]) {\n        messageTable.removeChild(ele)\n      }\n      ele = ele2\n    }\n  }\n\n  const deleteMessage = function (message) {\n    const deletions = kb\n      .statementsMatching(message)\n      .concat(kb.statementsMatching(undefined, undefined, message))\n    updater.update(deletions, [], function (uri, ok, body) {\n      if (!ok) {\n        announce.error('Cant delete messages:' + body)\n      } else {\n        syncMessages(subject, messageTable)\n      }\n    })\n  }\n\n  const addMessage = function (message) {\n    const bindings = {\n      '?msg': message,\n      '?creator': kb.any(message, ns.foaf('maker')),\n      '?date': kb.any(message, DCT('created')),\n      '?content': kb.any(message, ns.sioc('content'))\n    }\n    renderMessage(bindings, true) // fresh from elsewhere\n  }\n\n  const renderMessage = function (bindings, fresh) {\n    const creator = bindings['?creator']\n    const message = bindings['?msg']\n    const date = bindings['?date']\n    const content = bindings['?content']\n\n    const dateString = date.value\n    const tr = dom.createElement('tr')\n    tr.AJAR_date = dateString\n    tr.AJAR_subject = message\n\n    let done = false\n    for (let ele = messageTable.firstChild; ; ele = ele.nextSibling) {\n      if (!ele) {\n        // empty\n        break\n      }\n      if (\n        (dateString > ele.AJAR_date && newestFirst) ||\n        (dateString < ele.AJAR_date && !newestFirst)\n      ) {\n        messageTable.insertBefore(tr, ele)\n        done = true\n        break\n      }\n    }\n    if (!done) {\n      messageTable.appendChild(tr)\n    }\n\n    const td1 = dom.createElement('td')\n    tr.appendChild(td1)\n    creatorAndDate(td1, creator, UI.widgets.shortDate(dateString), message)\n\n    const td2 = dom.createElement('td')\n    tr.appendChild(td2)\n    const pre = dom.createElement('p')\n    pre.setAttribute(\n      'style',\n      messageBodyStyle +\n        (fresh ? 'background-color: #e8ffe8;' : 'background-color: #white;')\n    )\n    td2.appendChild(pre)\n    pre.textContent = content.value\n\n    const td3 = dom.createElement('td')\n    tr.appendChild(td3)\n\n    const delButton = dom.createElement('button')\n    td3.appendChild(delButton)\n    delButton.textContent = '-'\n\n    tr.setAttribute('class', 'hoverControl') // See tabbedtab.css (sigh global CSS)\n    delButton.setAttribute('class', 'hoverControlHide')\n    delButton.setAttribute('style', 'color: red;')\n    delButton.addEventListener(\n      'click',\n      function (_event) {\n        td3.removeChild(delButton) // Ask -- are you sure?\n        const cancelButton = dom.createElement('button')\n        cancelButton.textContent = 'cancel'\n        td3.appendChild(cancelButton).addEventListener(\n          'click',\n          function (_event) {\n            td3.removeChild(sureButton)\n            td3.removeChild(cancelButton)\n            td3.appendChild(delButton)\n          },\n          false\n        )\n        const sureButton = dom.createElement('button')\n        sureButton.textContent = 'Delete message'\n        td3.appendChild(sureButton).addEventListener(\n          'click',\n          function (_event) {\n            td3.removeChild(sureButton)\n            td3.removeChild(cancelButton)\n            deleteMessage(message)\n          },\n          false\n        )\n      },\n      false\n    )\n  }\n\n  // Messages with date, author etc\n\n  messageTable = dom.createElement('table')\n  messageTable.fresh = false\n  div.appendChild(messageTable)\n  messageTable.setAttribute('style', 'width: 100%;') // fill that div!\n\n  const tr = newMessageForm()\n  if (newestFirst) {\n    messageTable.insertBefore(tr, messageTable.firstChild) // If newestFirst\n  } else {\n    messageTable.appendChild(tr) // not newestFirst\n  }\n\n  let query\n  // Do this with a live query to pull in messages from web\n  if (options.query) {\n    query = options.query\n  } else {\n    query = new rdf.Query('Messages')\n    const v = {} // semicolon needed\n    const vs = ['msg', 'date', 'creator', 'content']\n    vs.forEach(function (x) {\n      query.vars.push((v[x] = rdf.variable(x)))\n    })\n    query.pat.add(subject, WF('message'), v.msg)\n    query.pat.add(v.msg, ns.dct('created'), v.date)\n    query.pat.add(v.msg, ns.foaf('maker'), v.creator)\n    query.pat.add(v.msg, ns.sioc('content'), v.content)\n  }\n  function doneQuery () {\n    messageTable.fresh = true // any new are fresh and so will be greenish\n  }\n  kb.query(query, renderMessage, undefined, doneQuery)\n  div.refresh = function () {\n    syncMessages(subject, messageTable)\n  }\n  // syncMessages(subject, messageTable) // no the query will do this async\n  return div\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAK;CAAE;CAAO,IAAA;CAAI;CAAK;CAAO,SAAA;AAAQ;AAE5C,SAAgB,EAAa,GAAK,GAAI,GAAS,GAAc,GAAS;CAEpE,AADA,MAAW,EAAoB,OAC/B,IAAe,EAAa,IAAI;CAChC,IAAM,IAAK,EAAG,IACR,IAAK,EAAI,UAAU,oCAAoC,GACvD,IAAM,EAAI,UAAU,2BAA2B;CAErD,MAAqB,CAAC;CAEtB,IAAM,IAAc,CAAC,CAAC,EAAQ,aAMxB,IAAM,EAAI,cAAc,KAAK,GAE/B,GAEA,GAEE,IAAU,EAAoB,MAAM,SAEpC,IAAS,SAAU,GAAM,GAAM;EAEnC,IAAM,IAAI,EAAI,cAAc,GAAG;EAO/B,OANI,KAAQ,EAAK,QACf,EAAE,aAAa,QAAQ,EAAK,GAAG,GAC/B,EAAE,iBAAiB,SAAS,EAAG,QAAQ,uBAAuB,EAAI,GAClE,EAAE,aAAa,SAAS,yCAAyC,IAEnE,EAAE,cAAc,GACT;CACT,GAEM,IAAU,SAAkB,GAAS,GAAO;EAChD,IAAM,IAAM,EAAI,cAAc,KAAK;EAInC,OAHA,EAAI,aAAa,SAAS,KAAS,aAAa,GAChD,EAAI,YAAY,CAAG,GACnB,EAAI,YAAY,EAAI,eAAe,CAAO,CAAC,GACpC;CACT,GAEM,IAAW;EACf,KAAK,SAAU,GAAS;GACtB,EAAQ,GAAS,cAAc;EACjC;EACA,MAAM,SAAU,GAAS;GACvB,EAAQ,GAAS,cAAc;EACjC;EACA,OAAO,SAAU,GAAS;GACxB,EAAQ,GAAS,cAAc;EACjC;CACF,GAIM,IAAiB,WAAY;EACjC,IAAM,IAAO,EAAI,cAAc,IAAI,GAC7B,IAAM,EAAI,cAAc,IAAI,GAC5B,IAAS,EAAI,cAAc,IAAI,GAC/B,IAAM,EAAI,cAAc,IAAI;EAIlC,AAHA,EAAK,YAAY,CAAG,GACpB,EAAK,YAAY,CAAM,GACvB,EAAK,YAAY,CAAG,GACpB,EAAK,YAAY;EAEjB,IAAM,IAAc,WAAY;GAI9B,AADA,EAAM,aAAa,SAAS,aAAa,GACzC,EAAM,WAAW;GACjB,IAAM,IAAM,CAAC,GACP,oBAAM,IAAI,KAAK,GACf,IAAY,KAAK,EAAI,QAAQ,GAC7B,IAAY,EAAI,KAAK,CAAG,GAExB,IAAU,EAAG,IAAI,EAAa,MAAM,SAAc,CAAS;GAyCjE,AAvCA,EAAI,KACF,IAAI,EAAI,UAAU,GAAS,EAAG,GAAG,SAAS,GAAG,GAAS,CAAY,CACpE,GACA,EAAI,KACF,IAAI,EAAI,UACN,GACA,EAAG,KAAK,SAAS,GACjB,EAAG,QAAQ,EAAM,KAAK,GACtB,CACF,CACF,GACA,EAAI,KACF,IAAI,EAAI,UAAU,GAAS,EAAI,SAAS,GAAG,GAAW,CAAY,CACpE,GACI,KACF,EAAI,KACF,IAAI,EAAI,UAAU,GAAS,EAAG,KAAK,OAAO,GAAG,GAAI,CAAY,CAC/D,GAsBF,EAAQ,OAAO,CAAC,GAAG,GAAK,SAnBO,GAAK,GAAS,GAAM;IACjD,AAAK,KAWH,EAAc;KALZ,QAAQ;KACR,YAAY,EAAG,QAAQ,EAAM,KAAK;KAClC,SAAS;KACT,YAAY;IAEO,GAAG,EAAK,GAE7B,EAAM,QAAQ,IACd,EAAM,aAAa,SAAS,EAAE,GAC9B,EAAM,WAAW,MAdjB,EAAK,YACH,EAAG,QAAQ,kBAAkB,GAAK,4BAA4B,CAAI,CACpE;GAcJ,CACoC;EACtC;EACA,EAAK,YAAY,EAAI,cAAc,IAAI,CAAC;EAExC,IAAI,GAAO,GACL,IAAc,WAAY;GAgC9B,AA/BA,EAAe,GAAK,GAAI,IAAI,IAAI,GAEhC,IAAQ,EAAI,cAAc,UAAU,GACpC,EAAO,YAAY,IACnB,EAAO,YAAY,CAAK,GACxB,EAAM,OAAO,GAEb,EAAM,aAAa,SAAS,wJAA4C,GAExE,EAAM,iBACJ,SACA,SAAU,GAAG;IAEX,AAAI,EAAE,YAAY,OACX,EAAE,UAEL,EAAY;GAGlB,GACA,EACF,GAEA,EAAI,YAAY,IAChB,IAAa,EAAG,QAAQ,OACtB,GACA,EAAG,MAAM,WAAW,mBACpB,MACF,GACA,EAAW,aAAa,SAAS,EAAG,MAAM,cAAc,eAAe,GACvE,EAAW,iBAAiB,SAAS,GAAa,EAAK,GACvD,EAAI,YAAY,CAAU;EAC5B;EAQA,OALA,EAAqB;GADH,KAAK;GAAQ;EACV,CAAO,CAAC,CAAC,MAAK,MAAW;GAE5C,AADA,IAAK,EAAQ,IACb,EAAY;EACd,CAAC,GAEM;CACT;CAEA,SAAS,EAAM,GAAQ;EACrB,IAAM,IAAI,EAAoB,MAAM,IAAI,GAAQ,EAAG,GAAG,KAAK,MAAM,CAAC;EAElE,OADI,IAAU,KAAK,EAAE,QACd,KAAKA,EAAY,CAAM;CAChC;CAEA,SAAS,EAAgB,GAAK,GAAS,GAAM,GAAS;EACpD,IAAM,IAAa,EAAI,YAAY,EAAO,EAAK,CAAO,GAAG,CAAO,CAAC;EAUjE,AATI,EAAQ,OACV,EAAoB,MAAM,QAAQ,iBAAiB,EAAQ,IAAI,GAAG,KAAA,GAAW,SAC3E,GACA,GACA;GACA,EAAW,cAAc,EAAK,CAAO;EACvC,CAAC,GAEH,EAAI,YAAY,EAAI,cAAc,IAAI,CAAC,GACvC,EAAI,YAAY,EAAO,GAAM,CAAO,CAAC;CACvC;CAIA,SAAS,EAAc,GAAO,GAAc;EAC1C,IAAM,IAAY,CAAC,GACf,GAAK;EACT,KAAK,IAAM,EAAa,YAAY,GAAK,IAAM,EAAI,aACjD,AAAI,EAAI,iBACN,EAAU,EAAI,aAAa,OAAO;EAGtC,IAAM,IAAW,EAAG,KAAK,GAAO,EAAG,GAAG,SAAS,CAAC,GAC1C,IAAS,CAAC;EAQhB,KAPA,EAAS,QAAQ,SAAU,GAAG;GAE5B,AADA,EAAO,EAAE,OAAO,IACX,EAAU,EAAE,QACf,EAAW,CAAC;EAEhB,CAAC,GAEI,IAAM,EAAa,YAAY,IAKlC,AAJA,IAAO,EAAI,aACP,EAAI,gBAAgB,CAAC,EAAO,EAAI,aAAa,QAC/C,EAAa,YAAY,CAAG,GAE9B,IAAM;CAEV;CAEA,IAAM,IAAgB,SAAU,GAAS;EACvC,IAAM,IAAY,EACf,mBAAmB,CAAO,CAAC,CAC3B,OAAO,EAAG,mBAAmB,KAAA,GAAW,KAAA,GAAW,CAAO,CAAC;EAC9D,EAAQ,OAAO,GAAW,CAAC,GAAG,SAAU,GAAK,GAAI,GAAM;GACrD,AAAK,IAGH,EAAa,GAAS,CAAY,IAFlC,EAAS,MAAM,0BAA0B,CAAI;EAIjD,CAAC;CACH,GAEM,IAAa,SAAU,GAAS;EAOpC,EAAc;GALZ,QAAQ;GACR,YAAY,EAAG,IAAI,GAAS,EAAG,KAAK,OAAO,CAAC;GAC5C,SAAS,EAAG,IAAI,GAAS,EAAI,SAAS,CAAC;GACvC,YAAY,EAAG,IAAI,GAAS,EAAG,KAAK,SAAS,CAAC;EAE3B,GAAG,EAAI;CAC9B,GAEM,IAAgB,SAAU,GAAU,GAAO;EAC/C,IAAM,IAAU,EAAS,aACnB,IAAU,EAAS,SACnB,IAAO,EAAS,UAChB,IAAU,EAAS,aAEnB,IAAa,EAAK,OAClB,IAAK,EAAI,cAAc,IAAI;EAEjC,AADA,EAAG,YAAY,GACf,EAAG,eAAe;EAElB,IAAI,IAAO;EACX,KAAK,IAAI,IAAM,EAAa,YACrB,GADmC,IAAM,EAAI,aAKlD,IACG,IAAa,EAAI,aAAa,KAC9B,IAAa,EAAI,aAAa,CAAC,GAChC;GAEA,AADA,EAAa,aAAa,GAAI,CAAG,GACjC,IAAO;GACP;EACF;EAEF,AAAK,KACH,EAAa,YAAY,CAAE;EAG7B,IAAM,IAAM,EAAI,cAAc,IAAI;EAElC,AADA,EAAG,YAAY,CAAG,GAClB,EAAe,GAAK,GAAS,EAAG,QAAQ,UAAU,CAAU,GAAG,CAAO;EAEtE,IAAM,IAAM,EAAI,cAAc,IAAI;EAClC,EAAG,YAAY,CAAG;EAClB,IAAM,IAAM,EAAI,cAAc,GAAG;EAOjC,AANA,EAAI,aACF,SACA,qIACG,IAAQ,+BAA+B,4BAC5C,GACA,EAAI,YAAY,CAAG,GACnB,EAAI,cAAc,EAAQ;EAE1B,IAAM,IAAM,EAAI,cAAc,IAAI;EAClC,EAAG,YAAY,CAAG;EAElB,IAAM,IAAY,EAAI,cAAc,QAAQ;EAO5C,AANA,EAAI,YAAY,CAAS,GACzB,EAAU,cAAc,KAExB,EAAG,aAAa,SAAS,cAAc,GACvC,EAAU,aAAa,SAAS,kBAAkB,GAClD,EAAU,aAAa,SAAS,aAAa,GAC7C,EAAU,iBACR,SACA,SAAU,GAAQ;GAChB,EAAI,YAAY,CAAS;GACzB,IAAM,IAAe,EAAI,cAAc,QAAQ;GAE/C,AADA,EAAa,cAAc,UAC3B,EAAI,YAAY,CAAY,CAAC,CAAC,iBAC5B,SACA,SAAU,GAAQ;IAGhB,AAFA,EAAI,YAAY,CAAU,GAC1B,EAAI,YAAY,CAAY,GAC5B,EAAI,YAAY,CAAS;GAC3B,GACA,EACF;GACA,IAAM,IAAa,EAAI,cAAc,QAAQ;GAE7C,AADA,EAAW,cAAc,kBACzB,EAAI,YAAY,CAAU,CAAC,CAAC,iBAC1B,SACA,SAAU,GAAQ;IAGhB,AAFA,EAAI,YAAY,CAAU,GAC1B,EAAI,YAAY,CAAY,GAC5B,EAAc,CAAO;GACvB,GACA,EACF;EACF,GACA,EACF;CACF;CAOA,AAHA,IAAe,EAAI,cAAc,OAAO,GACxC,EAAa,QAAQ,IACrB,EAAI,YAAY,CAAY,GAC5B,EAAa,aAAa,SAAS,cAAc;CAEjD,IAAM,IAAK,EAAe;CAC1B,AAAI,IACF,EAAa,aAAa,GAAI,EAAa,UAAU,IAErD,EAAa,YAAY,CAAE;CAG7B,IAAI;CAEJ,IAAI,EAAQ,OACV,IAAQ,EAAQ;MACX;EACL,IAAQ,IAAI,EAAI,MAAM,UAAU;EAChC,IAAM,IAAI,CAAC;EAQX,AANA;GADY;GAAO;GAAQ;GAAW;EACrC,CAAC,CAAC,QAAQ,SAAU,GAAG;GACtB,EAAM,KAAK,KAAM,EAAE,KAAK,EAAI,SAAS,CAAC,CAAE;EAC1C,CAAC,GACD,EAAM,IAAI,IAAI,GAAS,EAAG,SAAS,GAAG,EAAE,GAAG,GAC3C,EAAM,IAAI,IAAI,EAAE,KAAK,EAAG,IAAI,SAAS,GAAG,EAAE,IAAI,GAC9C,EAAM,IAAI,IAAI,EAAE,KAAK,EAAG,KAAK,OAAO,GAAG,EAAE,OAAO,GAChD,EAAM,IAAI,IAAI,EAAE,KAAK,EAAG,KAAK,SAAS,GAAG,EAAE,OAAO;CACpD;CACA,SAAS,IAAa;EACpB,EAAa,QAAQ;CACvB;CAMA,OALA,EAAG,MAAM,GAAO,GAAe,KAAA,GAAW,CAAS,GACnD,EAAI,UAAU,WAAY;EACxB,EAAa,GAAS,CAAY;CACpC,GAEO;AACT"}

package/dist/lib/ns.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ns.cjs.js","names":["$rdf"],"sources":["../../src/lib/ns.js"],"sourcesContent":["// Namespaces we commonly use and have common prefixes for around Solid\n\nimport solidNamespace from 'solid-namespace' // Delegate to this which takes RDFlib as param.\nimport * as $rdf from 'rdflib'\n\nexport default solidNamespace($rdf)\n"],"mappings":"+IAKA,IAAA,GAAA,EAAA,EAAA,SAA8BA,CAAI"}
+{"version":3,"file":"ns.cjs.js","names":["$rdf"],"sources":["../../src/lib/ns.js"],"sourcesContent":["// Namespaces we commonly use and have common prefixes for around Solid\n\nimport solidNamespace from 'solid-namespace' // Delegate to this which takes RDFlib as param.\nimport * as $rdf from 'rdflib'\n\nexport default solidNamespace($rdf)\n"],"mappings":"+IAKA,IAAA,GAAA,EAAA,EAAA,QAAA,CAA8BA,CAAI"}

package/dist/lib/pad.cjs.js

@@ -6,5 +6,5 @@ const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("./ns.cjs.js")
 `}function c(e){for(;o>e;o--)i+=`</ul>
 `}return r.forEach(e=>{let r=n.anyJS(e,f(`indent`)),a=n.anyJS(e,t.default.sioc(`content`));if(!a)return;let o=g(a);if(r<0){c(0);let e=r>=-3?4+r:1;i+=`\n<h${e}>${o}</h${e}>\n`}else r>0?(c(r),s(r),i+=`<li>${o}</li>\n`):(c(r),i+=`<p>${o}</p>\n`)}),c(0),i+=`  </body>
 </html>
-`,i}exports.lightColorHash=p,Object.defineProperty(exports,"pad_exports",{enumerable:!0,get:function(){return u}});
+`,i}exports.getChunks=h,exports.lightColorHash=p,exports.manageParticipation=s.manageParticipation,exports.notepad=m,exports.notepadToHTML=_,Object.defineProperty(exports,"pad_exports",{enumerable:!0,get:function(){return u}}),exports.participationObject=s.participationObject,exports.recordParticipation=s.recordParticipation,exports.renderParticipants=s.renderParticipants,exports.xmlEncode=g;
 //# sourceMappingURL=pad.cjs.js.map