solid-ui 3.1.3-11 → 3.1.3-13

package/dist/components/select/Select.esm.js

@@ -1,39 +1,38 @@
 import { customElement as e } from "../../lib/components/decorators.esm.js";
-import t from "../../lib/components/web-component/WebComponent.esm.js";
-import n from "../../lib/components/traits/FormControlTrait.esm.js";
+import t from "../../lib/components/form-control-component/FormControlComponent.esm.js";
 import "../../lib/components/index.esm.js";
 import "../../_virtual/~icons/lucide/chevron-down.esm.js";
-import { isEmptyValue as r } from "../../lib/values.esm.js";
-import i from "./Select.styles.esm.js";
-import { html as a, nothing as o } from "lit";
-import { property as s, query as c, state as l } from "lit/decorators.js";
+import { isEmptyValue as n } from "../../lib/values.esm.js";
+import r from "./Select.styles.esm.js";
+import { html as i, nothing as a } from "lit";
+import { property as o, query as s, state as c } from "lit/decorators.js";
 //#region src/components/select/Select.ts
-var u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, F;
-function I(e, t, n) {
-	L(e, t), t.set(e, n);
+var l, u, d, f, p, m, h, g, _, v, y, b, x, S;
+function C(e, t, n) {
+	w(e, t), t.set(e, n);
 }
-function L(e, t) {
+function w(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function R(e, t, n) {
-	return e.set(B(e, t), n), n;
+function T(e, t, n) {
+	return e.set(D(e, t), n), n;
 }
-function z(e, t) {
-	return e.get(B(e, t));
+function E(e, t) {
+	return e.get(D(e, t));
 }
-function B(e, t, n) {
+function D(e, t, n) {
 	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw TypeError("Private element is not present on this object");
 }
-function V(e, t, n) {
-	return (t = U(t)) in e ? Object.defineProperty(e, t, {
+function O(e, t, n) {
+	return (t = A(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function H(e, t, n, r, i, a) {
+function k(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -56,13 +55,13 @@ function H(e, t, n, r, i, a) {
 			n || Array.isArray(_) || (_ = [_]);
 			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
 			d ? (f || p ? b = {
-				get: G(function() {
+				get: M(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || G(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || M(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
 		}
 		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
 			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
@@ -122,7 +121,7 @@ function H(e, t, n, r, i, a) {
 	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
 	var f = Object.create(d ?? null), p = function(e, t, n, r) {
 		var i, a, o = [], c = function(t) {
-			return K(t) === e;
+			return N(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -136,7 +135,7 @@ function H(e, t, n, r, i, a) {
 					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
 					u.set(b, !(m > 2) || m);
 				}
-				l(v ? e : e.prototype, p, _, g ? "#" + h : U(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : A(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -149,11 +148,11 @@ function H(e, t, n, r, i, a) {
 		}
 	};
 }
-function U(e) {
-	var t = W(e, "string");
+function A(e) {
+	var t = j(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function W(e, t) {
+function j(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -163,7 +162,7 @@ function W(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function G(e, t, n) {
+function M(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -173,50 +172,20 @@ function G(e, t, n) {
 	} catch {}
 	return e;
 }
-function K(e) {
+function N(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function q(e) {
+function P(e) {
 	return e;
 }
-b = [e("solid-ui-select")];
-var J;
-new (P = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), F = (x = s({
-	type: String,
-	reflect: !0
-}), C = s({
-	type: String,
-	reflect: !0
-}), T = s({ type: String }), D = s({
-	type: Boolean,
-	reflect: !0
-}), k = s({ type: Array }), A = c("select"), M = l(), "label"), d = class extends t {
-	get [F]() {
-		return z(f, this);
+h = [e("solid-ui-select")];
+var F;
+new (x = (d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), S = (g = o({ type: Array }), _ = s("select"), y = c(), "options"), u = class extends t {
+	constructor(...e) {
+		super(...e), C(this, d, (p(this), v(this, null))), C(this, f, b(this, null));
 	}
-	set label(e) {
-		R(f, this, e);
-	}
-	get name() {
-		return z(p, this);
-	}
-	set name(e) {
-		R(p, this, e);
-	}
-	get value() {
-		return z(m, this);
-	}
-	set value(e) {
-		R(m, this, e);
-	}
-	get required() {
-		return z(h, this);
-	}
-	set required(e) {
-		R(h, this, e);
-	}
-	set options(e) {
+	set [S](e) {
 		this._options = e;
 	}
 	get options() {
@@ -227,27 +196,21 @@ new (P = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m =
 			label: e.textContent
 		}));
 	}
-	get inputElement() {
-		return z(g, this);
+	get controlElement() {
+		return E(d, this);
 	}
-	set inputElement(e) {
-		R(g, this, e);
+	set controlElement(e) {
+		T(d, this, e);
 	}
 	get _options() {
-		return z(_, this);
+		return E(f, this);
 	}
 	set _options(e) {
-		R(_, this, e);
-	}
-	constructor() {
-		super(), I(this, f, (v(this), S(this, ""))), I(this, p, w(this, "")), I(this, m, E(this, "")), I(this, h, O(this, !1)), I(this, g, j(this, null)), I(this, _, N(this, null)), V(this, "controlTrait", void 0), this.controlTrait = this.addTrait(new n(this, {
-			getControlElement: () => this.inputElement,
-			getInternals: () => this.getInternals()
-		}));
+		T(f, this, e);
 	}
 	render() {
-		let e = this.options.some((e) => r(e.value)) ? o : a`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;
-		return a`
+		let e = this.options.some((e) => n(e.value)) ? a : i`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;
+		return i`
       ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
@@ -258,7 +221,7 @@ new (P = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m =
           @change=${this.onChange}
         >
           ${e}
-          ${this.options.map((e) => a`<option
+          ${this.options.map((e) => i`<option
                 .value=${e.value}
                 ?selected=${e.value === this.value}
               >
@@ -270,55 +233,35 @@ new (P = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m =
     `;
 	}
 	onChange() {
-		let e = this.inputElement?.value, t = this.options.find((t) => t.value === e);
+		let e = this.controlElement?.value ?? null, t = this.options.find((t) => t.value === e);
 		this.controlTrait.setValue(e), this.dispatchEvent(new CustomEvent("change", {
 			bubbles: !0,
 			composed: !0,
 			detail: { option: t }
 		}));
 	}
-}, {e: [S, w, E, O, j, N, v], c: [J, y]} = H(d, [
-	[
-		x,
-		1,
-		"label"
-	],
-	[
-		C,
-		1,
-		"name"
-	],
-	[
-		T,
-		1,
-		"value"
-	],
-	[
-		D,
-		1,
-		"required"
-	],
+}, {e: [v, b, p], c: [F, m]} = k(u, [
 	[
-		k,
+		g,
 		4,
 		"options"
 	],
 	[
-		A,
+		_,
 		1,
-		"inputElement"
+		"controlElement"
 	],
 	[
-		M,
+		y,
 		1,
 		"_options"
 	]
-], b, 0, void 0, t), d), u = class extends q {
+], h, 0, void 0, t), u), l = class extends P {
 	constructor() {
-		super(J), V(this, "styles", i), V(this, "formAssociated", !0), y();
+		super(F), O(this, "styles", r), m();
 	}
-}, V(u, P, void 0), u)();
+}, O(l, x, void 0), l)();
 //#endregion
-export { J as default };
+export { F as default };
 
 //# sourceMappingURL=Select.esm.js.map

package/dist/components/select/Select.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.esm.js","names":["customElement","WebComponent","html","nothing","property","query","state","isEmptyValue","FormControlTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_optionsDecs","Array","_inputElementDecs","_optionsDecs2","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","options","_options","querySelectorAll","from","map","option","textContent","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_init__options","_defineProperty","controlTrait","addTrait","getControlElement","getInternals","render","defaultOption","some","renderLabel","controlId","onChange","find","setValue","dispatchEvent","CustomEvent","bubbles","composed","detail","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { isEmptyValue } from '@/lib/values'\nimport FormControlTrait from '@/lib/components/traits/FormControlTrait'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\nexport type SelectOptionData = {\n  value: unknown;\n  label: string;\n}\n\nexport type SelectChangeEvent = CustomEvent<{ option: SelectOptionData }>\n\n@customElement('solid-ui-select')\nexport default class Select extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = '';\n\n  @property({ type: String, reflect: true })\n  accessor name = '';\n\n  @property({ type: String })\n  accessor value = '';\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false;\n\n  @property({ type: Array })\n  set options (value: SelectOptionData[] | null) {\n    this._options = value\n  }\n\n  get options (): SelectOptionData[] {\n    if (this._options) {\n      return this._options\n    }\n\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n\n  @query('select')\n  accessor inputElement: HTMLSelectElement | null = null;\n\n  @state()\n  private accessor _options: SelectOptionData[] | null = null\n\n  private controlTrait: FormControlTrait\n\n  constructor () {\n    super()\n\n    this.controlTrait = this.addTrait(new FormControlTrait(this, {\n      getControlElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    const defaultOption = this.options.some(option => isEmptyValue(option.value))\n      ? nothing\n      : html`<option disabled value=\"\" ?selected=${!this.value}>Select an option</option>`\n\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.controlTrait.controlId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${this.onChange}\n        >\n          ${defaultOption}\n          ${this.options.map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private onChange () {\n    const value = this.inputElement?.value\n    const option = this.options.find((option) => option.value === value)\n\n    this.controlTrait.setValue(value)\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: { option } }))\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Select.esm.js","names":["customElement","FormControlComponent","html","nothing","property","query","state","isEmptyValue","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_ref","_optionsDecs","type","Array","_controlElementDecs","_optionsDecs2","_Select3","Select","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_controlElement","_init__options","value","_options","options","querySelectorAll","from","map","option","label","textContent","controlElement","_classPrivateFieldGet","v","_classPrivateFieldSet","render","defaultOption","some","controlTrait","renderLabel","controlId","name","required","onChange","find","setValue","dispatchEvent","CustomEvent","bubbles","composed","detail","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/select/Select.ts"],"sourcesContent":["import { customElement, FormControlComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { isEmptyValue } from '@/lib/values'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\nexport type SelectOptionData = {\n  value: unknown;\n  label: string;\n}\n\nexport type SelectChangeEvent = CustomEvent<{ option: SelectOptionData }>\n\n@customElement('solid-ui-select')\nexport default class Select extends FormControlComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  set options (value: SelectOptionData[] | null) {\n    this._options = value\n  }\n\n  get options (): SelectOptionData[] {\n    if (this._options) {\n      return this._options\n    }\n\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n\n  @query('select')\n  protected accessor controlElement: HTMLSelectElement | null = null;\n\n  @state()\n  private accessor _options: SelectOptionData[] | null = null\n\n  protected render () {\n    const defaultOption = this.options.some(option => isEmptyValue(option.value))\n      ? nothing\n      : html`<option disabled value=\"\" ?selected=${!this.value}>Select an option</option>`\n\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.controlTrait.controlId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${this.onChange}\n        >\n          ${defaultOption}\n          ${this.options.map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private onChange () {\n    const value = this.controlElement?.value ?? null\n    const option = this.options.find((option) => option.value === value)\n\n    this.controlTrait.setValue(value)\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: { option } }))\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQwCS,IAAA,CASvCT,EAAc,iBAAiB,CAAC;AAAA,IAAAU;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAI9BZ,EAAS,EAAEa,MAAMC,MAAM,CAAC,GAACC,IAoBzBd,EAAM,QAAQ,GAACe,IAGfd,EAAM,GAAC,YAAAe,IA3BV,cACoCpB,EAAqB;CAAAsB,YAAA,GAAAC,GAAA;EAwBWC,AAxBX,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,MAwBO,IAAI,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAGX,IAAI,CAAA;CAAA;CAxB3D,KAAAb,GACac,GAAkC;EAC7C,KAAKC,WAAWD;CAClB;CAEA,IAAIE,UAA+B;EACjC,IAAI,KAAKD,UACP,OAAO,KAAKA;EAGd,IAAMC,IAAU,KAAKC,iBACnB,wBACF;EAEA,OAAOd,MAAMe,KAAKF,CAAO,CAAC,CAACG,KAAKC,OAAY;GAC1CN,OAAOM,EAAON;GACdO,OAAOD,EAAOE;EAChB,EAAE;CACJ;CAAC,IAGkBC,iBAAc;EAAA,OAAAC,EAAA3B,GAAA,IAAA;CAAA;CAAA,IAAd0B,eAAcE,GAAA;EAAAC,EAAA7B,GAAA,MAAA4B,CAAA;CAAA;CAAA,IAGhBV,WAAQ;EAAA,OAAAS,EAAAzB,GAAA,IAAA;CAAA;CAAA,IAARgB,SAAQU,GAAA;EAAAC,EAAA3B,GAAA,MAAA0B,CAAA;CAAA;CAEfE,SAAU;EAClB,IAAMC,IAAgB,KAAKZ,QAAQa,MAAKT,MAAU5B,EAAa4B,EAAON,KAAK,CAAC,IACxE1B,IACAD,CAAI,uCAAuC,CAAC,KAAK2B,MAAK;EAE1D,OAAO3B,CAAI;QACP,KAAK2C,aAAaC,YAAY,EAAC;;;;gBAIvB,KAAKD,aAAaE,UAAS;iBAC1B,KAAKC,KAAI;sBACJ,KAAKC,SAAQ;oBACf,KAAKC,SAAQ;;YAErBP,EAAa;YACb,KAAKZ,QAAQG,KACZC,MACCjC,CAAI;yBACOiC,EAAON,MAAK;4BACTM,EAAON,UAAU,KAAKA,MAAK;;kBAErCM,EAAOC,MAAK;wBAEpB,EAAC;;;;;CAKT;CAEQc,WAAY;EAClB,IAAMrB,IAAQ,KAAKS,gBAAgBT,SAAS,MACtCM,IAAS,KAAKJ,QAAQoB,MAAMhB,MAAWA,EAAON,UAAUA,CAAK;EAGnE,AADA,KAAKgB,aAAaO,SAASvB,CAAK,GAChC,KAAKwB,cAAc,IAAIC,YAAY,UAAU;GAAEC,SAAS;GAAMC,UAAU;GAAMC,QAAQ,EAAEtB,UAAO;EAAE,CAAC,CAAC;CACrG;AACF,GAAC,CAAAuB,GAAA,CAAA/B,GAAAC,GAAAF,IAAAiC,GAAA,CAAAjD,GAAAkD,MAAAC,EAAAxC,GAAA;CAAA;EAAAL;EAAA;EAAA;CAAA;CAAA;EAAAG;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;AAAA,GAAAX,GAAA,GAAA,KAAA,GAnEmCR,CAAoB,GAAAoB,IAAAyC,IAAA,cAAAC,EAAA;CAAAxC,cAAA;EAAA,MAAAb,CAAA,GAAAsD,EAAA,MAAA,UACtCxD,CAAM,GAAAoD,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAnD,GAAA,KAAA,CAAA,GAAAmD,GAAA"}

package/dist/components/select/Select.stories.d.ts

@@ -1,8 +1,12 @@
+declare const args: {
+    label: string;
+    options: string;
+};
 declare const meta: {
-    readonly title: "Select";
+    readonly title: "Basic UI/Select";
     readonly args: {
-        readonly label: "What is the best food?";
-        readonly options: "Pizza, Ramen, Tacos";
+        label: string;
+        options: string;
     };
     readonly argTypes: {
         readonly label: {
@@ -12,16 +16,8 @@ declare const meta: {
             readonly control: "text";
         };
     };
+    readonly render: ({ label, options }: typeof args) => import('lit-html').TemplateResult<1>;
 };
+export declare const Primary: {};
 export default meta;
-export declare const Primary: {
-    render: (args: import('../../storybook').GetStoryArgs<{
-        readonly label: {
-            readonly control: "text";
-        };
-        readonly options: {
-            readonly control: "text";
-        };
-    }>) => HTMLDivElement;
-};
 //# sourceMappingURL=Select.stories.d.ts.map

package/dist/components/select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.stories.ts"],"names":[],"mappings":"AAGA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAUA,CAAA;AAYV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;;;;;;;;CAAa,CAAA"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.stories.ts"],"names":[],"mappings":"AAEA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI;;;CAGT,CAAA;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;0CAOoB,OAAO,IAAI;CAa/B,CAAA;AAEV,eAAO,MAAM,OAAO,IAAK,CAAA;AAEzB,eAAe,IAAI,CAAA"}

package/dist/components/select-option.js

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

package/dist/components/select.js

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

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

@@ -1,14 +1,14 @@
 declare const meta: {
-    readonly title: "SignupButton";
+    readonly title: "Solid/SignupButton";
 };
 export declare const Primary: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const CustomLabel: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const CustomTrigger: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export default meta;
 //# sourceMappingURL=SignupButton.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignupButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/signup-button/SignupButton.stories.ts"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,CAAA;AAEhC,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"SignupButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/signup-button/SignupButton.stories.ts"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,CAAA;AAEhC,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/signup-button.js

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

package/dist/components/solid-emblem.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/solid-emblem-D2clBuKZ.js";
+import { n as e, t } from "../chunks/solid-emblem-XHk-oomv.js";
 export { e as SolidEmblem, t as default };

package/dist/components.js

@@ -1,25 +1,26 @@
-import "./chunks/auth-D8B5yczR.js";
-import "./chunks/dialog-Ujvm11_B.js";
-import "./chunks/dialog-header-kEWl21oD.js";
-import "./chunks/button-oanBb_ha.js";
-import "./chunks/dialog-content-CEITrC59.js";
-import "./chunks/dialog-footer-DVLEK5bU.js";
-import "./chunks/combobox-Dav1bNHS.js";
-import "./chunks/combobox-option-DxJvAZ_Q.js";
-import "./chunks/avatar-DNGFKkhm.js";
-import "./chunks/login-button-Ta3tkpn4.js";
-import "./chunks/logout-button-Db6VmUmJ.js";
-import "./chunks/menu-item-BHJ4xljI.js";
-import "./chunks/menu-CQEXqNO6.js";
-import "./chunks/signup-button-wO4uoqUi.js";
-import "./chunks/account-CdqIoTsl.js";
+import "./chunks/auth-Knq99zZ9.js";
+import "./chunks/dialog-DZgm_Tph.js";
+import "./chunks/dialog-header-COzPcK8F.js";
+import "./chunks/button-Dvkek1tx.js";
+import "./chunks/dialog-content-DY-ROHyi.js";
+import "./chunks/dialog-footer-BAZTjZ8J.js";
+import "./chunks/combobox-B5j4LoHY.js";
+import "./chunks/combobox-option-C5lKAumO.js";
+import "./chunks/dialogs-root-BYp6fIUE.js";
+import "./chunks/provider-Btl6Lnki.js";
+import "./chunks/avatar-DgO_p94F.js";
+import "./chunks/login-button-BafqiKef.js";
+import "./chunks/logout-button-D54NF9EW.js";
+import "./chunks/menu-item-D9BqJtKZ.js";
+import "./chunks/menu-DKxtACGA.js";
+import "./chunks/signup-button-D5wS8_gB.js";
+import "./chunks/account-DeNlj01m.js";
 import "./components/dialog-provider.js";
-import "./chunks/dialogs-root-dPGfuzSZ.js";
 import "./chunks/footer-BLSjn5ur.js";
-import "./chunks/guard-DZGvf4tS.js";
-import "./chunks/input-BjCX2bFe.js";
-import "./chunks/photo-capture-DzK6wZF4.js";
-import "./chunks/provider-CoVkCkMs.js";
-import "./chunks/select-OM-SgY4K.js";
-import "./chunks/select-option-pVhYlXrt.js";
-import "./chunks/solid-emblem-D2clBuKZ.js";
+import "./chunks/guard-DI4k0FkM.js";
+import "./chunks/input-CCpEhtqA.js";
+import "./chunks/photo-capture-modal-BLZtHDj1.js";
+import "./chunks/photo-capture-BoZF621r.js";
+import "./chunks/select-XkieYvDm.js";
+import "./chunks/select-option-DUg4AWzw.js";
+import "./chunks/solid-emblem-XHk-oomv.js";

package/dist/index.cjs.js

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

package/dist/index.cjs.js.map

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

package/dist/index.esm.js

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

package/dist/index.esm.js.map

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

package/dist/index.js

@@ -1,9 +1,7 @@
 import { h as e } from "./chunks/solid-logic.esm-BrMdCG2_.js";
-import { C as t, S as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, x as S, y as C } from "./chunks/src-B9CXYA44.js";
-import { a as w, c as T, l as E, n as D, o as O, s as k, t as A, u as j } from "./chunks/auth-D8B5yczR.js";
-import { n as M, t as N } from "./chunks/context-B_xwK-Y_.js";
-import { r as P } from "./chunks/dialog-Ujvm11_B.js";
-import { i as F, n as I, r as L, t as R } from "./chunks/components-PQfnwrHI.js";
-import { t as z } from "./chunks/close-dialog-DfAh83bX.js";
-import { t as B } from "./chunks/show-dialog-eEW5yRBv.js";
-export { j as Account, z as CloseDialogEvent, k as DEFAULT_AUTH_CONTEXT, N as DEFAULT_DIALOG_CONTEXT, A as DEFAULT_SIGNUP_URL, O as Dialog, P as DialogTrait, R as FormControlTrait, E as NoopAuth, B as ShowDialogEvent, D as SolidAuth, I as WebComponent, u as acl, l as aclControl, T as authContext, p as create, m as createTypes, L as customElement, M as dialogContext, y as dom, F as generateId, a as icons, o as infiniteMessageArea, _ as initFooter, d as initHeader, C as language, t as log, r as login, g as matrix, c as media, s as messageArea, e as ns, f as pad, b as participation, v as preferences, w as showDialog, S as style, h as table, i as tabs, n as utils, x as widgets };
+import { C as t, S as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, x as S, y as C } from "./chunks/src-CJICzMIV.js";
+import { a as w, c as T, n as E, o as D, s as O, t as k } from "./chunks/auth-Knq99zZ9.js";
+import { a as A, c as j, d as M, f as N, l as P, n as F, o as I, s as L, t as R, u as z } from "./chunks/components-BD458q30.js";
+import { n as B, t as V } from "./chunks/dialogs-DEuwXC46.js";
+import { t as H } from "./chunks/show-dialog-eEW5yRBv.js";
+export { T as Account, j as CloseDialogEvent, w as DEFAULT_AUTH_CONTEXT, z as DEFAULT_DIALOG_CONTEXT, k as DEFAULT_SIGNUP_URL, B as Dialog, A as DialogComponent, L as DialogTrait, R as FormControlComponent, F as FormControlTrait, O as NoopAuth, H as ShowDialogEvent, E as SolidAuth, I as WebComponent, u as acl, l as aclControl, D as authContext, p as create, m as createTypes, P as customElement, M as dialogContext, y as dom, N as generateId, a as icons, o as infiniteMessageArea, _ as initFooter, d as initHeader, C as language, t as log, r as login, g as matrix, c as media, s as messageArea, e as ns, f as pad, b as participation, v as preferences, V as showDialog, S as style, h as table, i as tabs, n as utils, x as widgets };

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

@@ -1,2 +1,2 @@
-var e=class{get account(){return null}async login(){throw Error(`Can't use auth, missing context provider`)}async signup(){throw Error(`Can't use auth, missing context provider`)}async logout(){throw Error(`Can't use auth, missing context provider`)}onSessionUpdated(){return()=>void 0}};exports.default=e;
+var e=class{initialized=!1;account=null;async login(){throw Error(`Can't use auth, missing context provider`)}async signup(){throw Error(`Can't use auth, missing context provider`)}async logout(){throw Error(`Can't use auth, missing context provider`)}onSessionUpdated(){return()=>void 0}};exports.default=e;
 //# sourceMappingURL=NoopAuth.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NoopAuth.cjs.js","names":[],"sources":["../../../src/lib/auth/NoopAuth.ts"],"sourcesContent":["import { AuthContext } from './context'\nimport Account from './Account'\n\nexport default class NoopAuth implements AuthContext {\n  get account (): Account | null {\n    return null\n  }\n\n  async login () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async signup () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async logout () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  onSessionUpdated () {\n    return () => undefined\n  }\n}\n"],"mappings":"AAGA,IAAqB,EAArB,KAAqD,CACnD,IAAI,SAA2B,CAC7B,OAAO,IACT,CAEA,MAAM,OAAS,CACb,MAAU,MAAM,0CAA2C,CAC7D,CAEA,MAAM,QAAU,CACd,MAAU,MAAM,0CAA2C,CAC7D,CAEA,MAAM,QAAU,CACd,MAAU,MAAM,0CAA2C,CAC7D,CAEA,kBAAoB,CAClB,UAAa,IAAA,EACf,CACF"}
+{"version":3,"file":"NoopAuth.cjs.js","names":[],"sources":["../../../src/lib/auth/NoopAuth.ts"],"sourcesContent":["import { AuthContext } from './context'\n\nexport default class NoopAuth implements AuthContext {\n  public readonly initialized = false\n  public readonly account = null\n\n  async login () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async signup () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async logout () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  onSessionUpdated () {\n    return () => undefined\n  }\n}\n"],"mappings":"AAEA,IAAqB,EAArB,KAAqD,CACnD,YAA8B,GAC9B,QAA0B,KAE1B,MAAM,OAAS,CACb,MAAU,MAAM,0CAA2C,CAC7D,CAEA,MAAM,QAAU,CACd,MAAU,MAAM,0CAA2C,CAC7D,CAEA,MAAM,QAAU,CACd,MAAU,MAAM,0CAA2C,CAC7D,CAEA,kBAAoB,CAClB,UAAa,IAAA,EACf,CACF"}

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

@@ -1,7 +1,7 @@
 import { AuthContext } from './context';
-import { default as Account } from './Account';
 export default class NoopAuth implements AuthContext {
-    get account(): Account | null;
+    readonly initialized = false;
+    readonly account: null;
     login(): Promise<void>;
     signup(): Promise<void>;
     logout(): Promise<void>;

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

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

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

@@ -1,8 +1,7 @@
 //#region src/lib/auth/NoopAuth.ts
 var e = class {
-	get account() {
-		return null;
-	}
+	initialized = !1;
+	account = null;
 	async login() {
 		throw Error("Can't use auth, missing context provider");
 	}