solid-ui 3.1.3-6 → 3.1.3-7

package/dist/chunks/combobox-Dtgc8qqO.js

@@ -1,354 +0,0 @@
-import { a as e, i as t, t as n } from "./components-BlEGdx4i.js";
-import { c as r, i } from "./lit-C4H1jI4q.js";
-import { n as a, r as o, t as s } from "./decorators-BiCkPd_3.js";
-import "./chevron-down-ujxRg3MD.js";
-//#region src/components/combobox/Combobox.styles.css
-var c = r`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& .input-wrapper{anchor-name:--combobox-anchor;width:100%;position:relative;& input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}& icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}& [popover]:popover-open{top:calc(anchor(bottom) + 5px);left:anchor(left);min-width:anchor-size(width);position-try-fallbacks:flip-block, flip-inline;position-anchor:--combobox-anchor;border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;flex-direction:column;display:flex;position:fixed;bottom:auto;right:auto;overflow:visible;box-shadow:0 4px 16px #00000059;& [role=option]{color:var(--solid-ui-color-gray-700);border-bottom:1px solid var(--solid-ui-color-gray-100);padding:12px 8px;&:hover{background:#0000000d}}}}`, l, 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, I, L, R, z;
-function B(e, t, n) {
-	V(e, t), t.set(e, n);
-}
-function V(e, t) {
-	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
-}
-function H(e, t, n) {
-	return e.set(W(e, t), n), n;
-}
-function U(e, t) {
-	return e.get(W(e, t));
-}
-function W(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 G(e, t, n) {
-	return (t = q(t)) in e ? Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[t] = n, e;
-}
-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);
-		};
-	}
-	function s(e, t) {
-		for (var n = 0; n < e.length; n++) e[n].call(t);
-		return t;
-	}
-	function c(e, t, n, r) {
-		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
-		return e;
-	}
-	function l(e, t, n, r, i, a, s, l, u, d, f, p, m) {
-		function h(e) {
-			if (!m(e)) throw TypeError("Attempted to access private element on non-instance");
-		}
-		var g, _ = t[0], v = t[3], y = !l;
-		if (!y) {
-			n || Array.isArray(_) || (_ = [_]);
-			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
-			d ? (f || p ? b = {
-				get: Y(function() {
-					return v(this);
-				}, r, "get"),
-				set: function(e) {
-					t[4](this, e);
-				}
-			} : b[S] = v, f || Y(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 = {
-				kind: [
-					"field",
-					"accessor",
-					"method",
-					"getter",
-					"setter",
-					"class"
-				][i],
-				name: r,
-				metadata: a,
-				addInitializer: function(e, t) {
-					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
-					c(t, "An initializer", "be", !0), s.push(t);
-				}.bind(null, D)
-			};
-			try {
-				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
-				else {
-					var k, A;
-					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
-						return h(e), b.value;
-					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
-						return e[r];
-					}, (i < 2 || i === 4) && (A = function(e, t) {
-						e[r] = t;
-					}));
-					var j = O.access = { has: d ? m.bind() : function(e) {
-						return r in e;
-					} };
-					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
-						get: b.get,
-						set: b.set
-					} : b[S], O), p) {
-						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
-						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
-				}
-			} finally {
-				D.v = !0;
-			}
-		}
-		return (f || p) && l.push(function(e, t) {
-			for (var n = x.length - 1; n >= 0; n--) t = x[n].call(e, t);
-			return t;
-		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[S] : o.call.bind(b[S])) : Object.defineProperty(e, r, b)), C;
-	}
-	function u(e, t) {
-		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
-			configurable: !0,
-			enumerable: !0,
-			value: t
-		});
-	}
-	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 X(t) === e;
-		}, u = /* @__PURE__ */ new Map();
-		function d(e) {
-			e && o.push(s.bind(null, e));
-		}
-		for (var f = 0; f < t.length; f++) {
-			var p = t[f];
-			if (Array.isArray(p)) {
-				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), y = (m &= 7) == 0, b = h + "/" + v;
-				if (!y && !g) {
-					var x = u.get(b);
-					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 : q(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
-			}
-		}
-		return d(i), d(a), o;
-	}(e, t, i, f);
-	return n.length || u(e, f), {
-		e: p,
-		get c() {
-			var t = [];
-			return n.length && [u(l(e, [n], r, e.name, 5, f, t), f), s.bind(null, t, e)];
-		}
-	};
-}
-function q(e) {
-	var t = J(e, "string");
-	return typeof t == "symbol" ? t : t + "";
-}
-function J(e, t) {
-	if (typeof e != "object" || !e) return e;
-	var n = e[Symbol.toPrimitive];
-	if (n !== void 0) {
-		var r = n.call(e, t || "default");
-		if (typeof r != "object") return r;
-		throw TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return (t === "string" ? String : Number)(e);
-}
-function Y(e, t, n) {
-	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
-	try {
-		Object.defineProperty(e, "name", {
-			configurable: !0,
-			value: n ? n + " " + t : t
-		});
-	} catch {}
-	return e;
-}
-function X(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 Z(e) {
-	return e;
-}
-x = [e("solid-ui-combobox")];
-var Q;
-new (R = (d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v = /*#__PURE__*/ new WeakMap(), z = (S = o({
-	type: String,
-	reflect: !0
-}), w = o({
-	type: String,
-	reflect: !0
-}), E = o({ type: String }), O = o({
-	type: String,
-	reflect: !0
-}), A = o({
-	type: Boolean,
-	reflect: !0
-}), M = s("[popover]"), P = s("input"), I = a(), "label"), u = class extends t {
-	get [z]() {
-		return U(d, this);
-	}
-	set label(e) {
-		H(d, this, e);
-	}
-	get name() {
-		return U(f, this);
-	}
-	set name(e) {
-		H(f, this, e);
-	}
-	get value() {
-		return U(p, this);
-	}
-	set value(e) {
-		H(p, this, e);
-	}
-	get placeholder() {
-		return U(m, this);
-	}
-	set placeholder(e) {
-		H(m, this, e);
-	}
-	get required() {
-		return U(h, this);
-	}
-	set required(e) {
-		H(h, this, e);
-	}
-	get popoverElement() {
-		return U(g, this);
-	}
-	set popoverElement(e) {
-		H(g, this, e);
-	}
-	get inputElement() {
-		return U(_, this);
-	}
-	set inputElement(e) {
-		H(_, this, e);
-	}
-	get filter() {
-		return U(v, this);
-	}
-	set filter(e) {
-		H(v, this, e);
-	}
-	constructor() {
-		super(), B(this, d, (y(this), C(this, ""))), B(this, f, T(this, "")), B(this, p, D(this, "")), B(this, m, k(this, "")), B(this, h, j(this, !1)), B(this, g, N(this, null)), B(this, _, F(this, null)), B(this, v, L(this, "")), G(this, "inputTrait", void 0), this.inputTrait = this.addTrait(new n(this, {
-			getInputElement: () => this.inputElement,
-			getInternals: () => this.getInternals(),
-			onValueChanged: (e) => {
-				this.filter = e.toLowerCase();
-			}
-		}));
-	}
-	render() {
-		let e = this.getOptions().filter((e) => e.label.toLowerCase().includes(this.filter));
-		return i`
-      ${this.inputTrait.renderLabel()}
-      <div class="input-wrapper">
-        <input
-          id="${this.inputTrait.inputId}"
-          type="text"
-          name=${this.name}
-          ?placeholder=${this.placeholder}
-          ?required=${this.required}
-          .value=${this.value}
-          @keydown=${this.onInputKeyDown}
-          @click=${this.onInputClick}
-          @input=${() => this.inputTrait.onInput()}
-        />
-        <icon-lucide-chevron-down></icon-lucide-chevron-down>
-      </div>
-      <div role="listbox" aria-labelledby="${this.inputTrait.inputId}" popover>
-        ${e.map((e) => i`<div
-              role="option"
-              aria-selected="false"
-              @click=${() => this.onOptionClick(e.value)}
-            >
-              ${e.label}
-            </div>`)}
-      </div>
-    `;
-	}
-	getOptions() {
-		let e = this.querySelectorAll("solid-ui-combobox-option");
-		return Array.from(e).map((e) => ({
-			value: e.value,
-			label: e.textContent
-		}));
-	}
-	onInputKeyDown(e) {
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), this.popoverElement?.showPopover();
-				break;
-			case "Enter":
-				this.popoverElement?.matches(":popover-open") || (e.preventDefault(), this.inputTrait.onSubmit());
-				break;
-		}
-	}
-	onInputClick(e) {
-		e.preventDefault(), this.popoverElement?.showPopover();
-	}
-	onOptionClick(e) {
-		this.inputTrait.setValue(e), this.popoverElement?.hidePopover();
-	}
-}, {e: [C, T, D, k, j, N, F, L, y], c: [Q, b]} = K(u, [
-	[
-		S,
-		1,
-		"label"
-	],
-	[
-		w,
-		1,
-		"name"
-	],
-	[
-		E,
-		1,
-		"value"
-	],
-	[
-		O,
-		1,
-		"placeholder"
-	],
-	[
-		A,
-		1,
-		"required"
-	],
-	[
-		M,
-		1,
-		"popoverElement"
-	],
-	[
-		P,
-		1,
-		"inputElement"
-	],
-	[
-		I,
-		1,
-		"filter"
-	]
-], x, 0, void 0, t), u), l = class extends Z {
-	constructor() {
-		super(Q), G(this, "styles", c), G(this, "formAssociated", !0), b();
-	}
-}, G(l, R, void 0), l)();
-//#endregion
-//#region src/components/combobox/index.ts
-var $ = Q;
-//#endregion
-export { Q as n, $ as t };
-
-//# sourceMappingURL=combobox-Dtgc8qqO.js.map

package/dist/chunks/combobox-Dtgc8qqO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-Dtgc8qqO.js","names":["customElement","WebComponent","html","property","query","state","InputTrait","styles","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_placeholderDecs","_requiredDecs","Boolean","_popoverElementDecs","_inputElementDecs","_filterDecs","_Combobox3","Combobox","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","popoverElement","inputElement","filter","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_placeholder","_init_required","_init_popoverElement","_init_inputElement","_init_filter","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","onValueChanged","toLowerCase","render","options","getOptions","option","includes","renderLabel","inputId","onInputKeyDown","onInputClick","onInput","map","onOptionClick","querySelectorAll","Array","from","textContent","e","key","preventDefault","showPopover","matches","onSubmit","setValue","hidePopover","c","_initClass","_applyDecs","_Class","_identity","default","Combobox"],"sources":["../../src/components/combobox/Combobox.styles.css","../../src/components/combobox/Combobox.ts","../../src/components/combobox/index.ts"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        anchor-name: --combobox-anchor;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n\n    [popover]:popover-open {\n        position: fixed;\n        top: calc(anchor(bottom) + 5px);\n        left: anchor(left);\n        right: auto;\n        bottom: auto;\n        min-width: anchor-size(width);\n        overflow: visible;\n        position-try-fallbacks: flip-block, flip-inline;\n        position-anchor: --combobox-anchor;\n        background: white;\n        border: 1px solid var(--solid-ui-color-gray-100);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        display: flex;\n        flex-direction: column;\n\n        [role=\"option\"] {\n            padding: 12px 8px;\n            color: var(--solid-ui-color-gray-700);\n            border-bottom: 1px solid var(--solid-ui-color-gray-100);\n\n            &:hover {\n                background: rgba(0, 0, 0, 0.05);\n            }\n        }\n    }\n\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Combobox.styles.css'\n\n@customElement('solid-ui-combobox')\nexport default class Combobox 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: String, reflect: true })\n  accessor placeholder = ''\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false\n\n  @query('[popover]')\n  private accessor popoverElement: HTMLDivElement | null = null\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null\n\n  @state()\n  private accessor filter = ''\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(\n      new InputTrait(this, {\n        getInputElement: () => this.inputElement,\n        getInternals: () => this.getInternals(),\n        onValueChanged: (value) => {\n          this.filter = value.toLowerCase()\n        },\n      })\n    )\n  }\n\n  protected render () {\n    const options = this.getOptions().filter((option) =>\n      option.label.toLowerCase().includes(this.filter)\n    )\n\n    return html`\n      ${this.inputTrait.renderLabel()}\n      <div class=\"input-wrapper\">\n        <input\n          id=\"${this.inputTrait.inputId}\"\n          type=\"text\"\n          name=${this.name}\n          ?placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @keydown=${this.onInputKeyDown}\n          @click=${this.onInputClick}\n          @input=${() => this.inputTrait.onInput()}\n        />\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n      <div role=\"listbox\" aria-labelledby=\"${this.inputTrait.inputId}\" popover>\n        ${options.map(\n          (option) =>\n            html`<div\n              role=\"option\"\n              aria-selected=\"false\"\n              @click=${() => this.onOptionClick(option.value)}\n            >\n              ${option.label}\n            </div>`\n        )}\n      </div>\n    `\n  }\n\n  private getOptions (): { value: string; label: string }[] {\n    const options = this.querySelectorAll<ComboboxOption>(\n      'solid-ui-combobox-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n\n  private onInputKeyDown (e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        this.popoverElement?.showPopover()\n        break\n      case 'Enter':\n        if (!this.popoverElement?.matches(':popover-open')) {\n          e.preventDefault()\n\n          this.inputTrait.onSubmit()\n        }\n        break\n    }\n  }\n\n  private onInputClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.popoverElement?.showPopover()\n  }\n\n  private onOptionClick (option: string) {\n    this.inputTrait.setValue(option)\n\n    this.popoverElement?.hidePopover()\n  }\n}\n","import Combobox from './Combobox'\n\nexport { Combobox }\nexport default Combobox\n"],"mappings":"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"}

package/dist/chunks/components-BlEGdx4i.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components-BlEGdx4i.js","names":["generateId","Math","random","toString","substring","defineCustomElement","tagName","elementClass","customElements","get","define","customElement","context","addInitializer","html","LitElement","styles","WebComponent","states","finalizeStyles","componentStyles","elementStyles","internals","globalListeners","traits","disconnectedCallback","type","listener","window","removeEventListener","addTrait","trait","push","firstUpdated","forwardMethodCall","updated","changedProperties","formResetCallback","willUpdate","static","getInternals","state","condition","Object","entries","matches","has","add","delete","addGlobalEventListener","addEventListener","render","attachInternals","constructor","method","args","EVENT_NAME","CloseDialogEvent","Event","eventName","constructor","id","data","bubbles","composed","CloseDialogEvent","DialogTrait","target","config","constructor","close","data","window","dispatchEvent","getContext","id","html","nothing","generateId","InputTrait","inputId","target","config","constructor","firstUpdated","getInternals","setFormValue","value","updateValidity","updated","changedProperties","has","formResetCallback","onValueChanged","renderLabel","label","onInput","setValue","getInputElement","onSubmit","form","requestSubmit","dispatchEvent","InputEvent","bubbles","composed","internals","required","setValidity","valueMissing","undefined"],"sources":["../../src/lib/components/ids.ts","../../src/lib/components/decorators.ts","../../src/lib/components/web-component/WebComponent.styles.css","../../src/lib/components/web-component/WebComponent.ts","../../src/lib/dialogs/events/close-dialog.ts","../../src/lib/components/traits/DialogTrait.ts","../../src/lib/components/traits/InputTrait.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n","/**\n * We need to use a custom element decorator because Lit's built-in doesn't safely skip duplicate registrations.\n * This shouldn't be necessary, but our current build process and usage in other libraries is not optimal\n * and some components get bundled twice.\n *\n * This should be removed once that problem is fixed.\n *\n * See https://github.com/SolidOS/solidos/issues/300\n */\n\nfunction defineCustomElement (tagName: string, elementClass: CustomElementConstructor): void {\n  if (customElements.get(tagName)) {\n    return\n  }\n\n  customElements.define(tagName, elementClass)\n}\n\nexport function customElement (tagName: string) {\n  return (elementClass: CustomElementConstructor, context?: ClassDecoratorContext) => {\n    if (context) {\n      context.addInitializer(() => defineCustomElement(tagName, elementClass))\n\n      return\n    }\n\n    defineCustomElement(tagName, elementClass)\n  }\n}\n","@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","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","const EVENT_NAME = 'solid-ui:close-dialog' as const\n\nexport class CloseDialogEvent extends Event {\n  static readonly eventName = EVENT_NAME\n\n  constructor (public id: string, public data?: unknown) {\n    super(CloseDialogEvent.eventName, { bubbles: true, composed: true })\n  }\n}\n\ndeclare global {\n  interface GlobalEventHandlersEventMap {\n    [EVENT_NAME]: CloseDialogEvent\n  }\n}\n","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","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":"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"}

package/dist/chunks/dialog-DlBtmOm6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-DlBtmOm6.js","names":["t","t","customElement","WebComponent","consume","html","nothing","property","query","dialogContext","DEFAULT_DIALOG_CONTEXT","DialogTrait","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","constructor","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_defineProperty","dialogTrait","addTrait","getContext","close","data","firstUpdated","showModal","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","default","Dialog"],"sources":["../../node_modules/@lit/context/lib/controllers/context-consumer.js","../../node_modules/@lit/context/lib/decorators/consume.js","../../src/components/dialog/Dialog.styles.css","../../src/components/dialog/Dialog.ts","../../src/components/dialog/index.ts"],"sourcesContent":["import{ContextRequestEvent as t}from\"../context-request-event.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class s{constructor(t,s,i,h){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(t,s)=>{this.unsubscribe&&(this.unsubscribe!==s&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=t,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(t,s)),this.unsubscribe=s},this.host=t,void 0!==s.context){const t=s;this.context=t.context,this.callback=t.callback,this.subscribe=t.subscribe??!1}else this.context=s,this.callback=i,this.subscribe=h??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new t(this.context,this.host,this.t,this.subscribe))}}export{s as ContextConsumer};\n//# sourceMappingURL=context-consumer.js.map\n","import{ContextConsumer as t}from\"../controllers/context-consumer.js\";\n/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function c({context:c,subscribe:e}){return(o,n)=>{\"object\"==typeof n?n.addInitializer((function(){new t(this,{context:c,callback:t=>{o.set.call(this,t)},subscribe:e})})):o.constructor.addInitializer((o=>{new t(o,{context:c,callback:t=>{o[n]=t},subscribe:e})}))}}export{c as consume};\n//# sourceMappingURL=consume.js.map\n","dialog {\n  margin: auto;\n  border-radius: 5px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n  min-width: 343px;\n\n  solid-ui-dialog-header solid-ui-button {\n    color: var(--solid-ui-color-gray-600);\n  }\n}\n\ndialog:not([open]) {\n  display: none;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { DialogContext, dialogContext, DEFAULT_DIALOG_CONTEXT } from '@/lib/dialogs/context'\nimport DialogTrait from '@/lib/components/traits/DialogTrait'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context: DialogContext = DEFAULT_DIALOG_CONTEXT\n\n  private dialogTrait: DialogTrait<unknown>\n\n  constructor () {\n    super()\n\n    this.dialogTrait = this.addTrait(new DialogTrait(this, {\n      getContext: () => this.context\n    }))\n  }\n\n  public close (data?: unknown) {\n    this.dialogTrait.close(data)\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    this.nativeDialog.showModal()\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${this.close}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n","import Dialog from './Dialog'\n\nexport { Dialog }\nexport default Dialog\n"],"x_google_ignoreList":[0,1],"mappings":"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"}