@edugis-org/webmapx 0.1.9 → 0.1.10

package/dist-lib/checkbox-DB4oPyyw.js

@@ -0,0 +1,287 @@
+import { a as e, i as t, n, r, t as i } from "./chunk.YHLNUJ7P-ByKy0MKm.js";
+import { t as a } from "./chunk.NYIIDP5N-B4UCI-rQ.js";
+import { t as o } from "./chunk.3RPBFEDE-Cxq6VVR6.js";
+import { n as s } from "./input-B212BH6L.js";
+import { t as c } from "./chunk.SI4ACBFK-CLb9VfMG.js";
+import { css as l, html as u } from "lit";
+import { property as d, query as f, state as p } from "lit/decorators.js";
+import { classMap as m } from "lit/directives/class-map.js";
+import { ifDefined as h } from "lit/directives/if-defined.js";
+import { live as g } from "lit/directives/live.js";
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.R3NF57O3.js
+var _ = l`
+  :host {
+    display: inline-block;
+  }
+
+  .checkbox {
+    position: relative;
+    display: inline-flex;
+    align-items: flex-start;
+    font-family: var(--sl-input-font-family);
+    font-weight: var(--sl-input-font-weight);
+    color: var(--sl-input-label-color);
+    vertical-align: middle;
+    cursor: pointer;
+  }
+
+  .checkbox--small {
+    --toggle-size: var(--sl-toggle-size-small);
+    font-size: var(--sl-input-font-size-small);
+  }
+
+  .checkbox--medium {
+    --toggle-size: var(--sl-toggle-size-medium);
+    font-size: var(--sl-input-font-size-medium);
+  }
+
+  .checkbox--large {
+    --toggle-size: var(--sl-toggle-size-large);
+    font-size: var(--sl-input-font-size-large);
+  }
+
+  .checkbox__control {
+    flex: 0 0 auto;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
+    border-radius: 2px;
+    background-color: var(--sl-input-background-color);
+    color: var(--sl-color-neutral-0);
+    transition:
+      var(--sl-transition-fast) border-color,
+      var(--sl-transition-fast) background-color,
+      var(--sl-transition-fast) color,
+      var(--sl-transition-fast) box-shadow;
+  }
+
+  .checkbox__input {
+    position: absolute;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    pointer-events: none;
+  }
+
+  .checkbox__checked-icon,
+  .checkbox__indeterminate-icon {
+    display: inline-flex;
+    width: var(--toggle-size);
+    height: var(--toggle-size);
+  }
+
+  /* Hover */
+  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {
+    border-color: var(--sl-input-border-color-hover);
+    background-color: var(--sl-input-background-color-hover);
+  }
+
+  /* Focus */
+  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Checked/indeterminate */
+  .checkbox--checked .checkbox__control,
+  .checkbox--indeterminate .checkbox__control {
+    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-600);
+  }
+
+  /* Checked/indeterminate + hover */
+  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,
+  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {
+    border-color: var(--sl-color-primary-500);
+    background-color: var(--sl-color-primary-500);
+  }
+
+  /* Checked/indeterminate + focus */
+  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,
+  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
+    outline: var(--sl-focus-ring);
+    outline-offset: var(--sl-focus-ring-offset);
+  }
+
+  /* Disabled */
+  .checkbox--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .checkbox__label {
+    display: inline-block;
+    color: var(--sl-input-label-color);
+    line-height: var(--toggle-size);
+    margin-inline-start: 0.5em;
+    user-select: none;
+    -webkit-user-select: none;
+  }
+
+  :host([required]) .checkbox__label::after {
+    content: var(--sl-input-required-content);
+    color: var(--sl-input-required-content-color);
+    margin-inline-start: var(--sl-input-required-content-offset);
+  }
+`, v = class extends n {
+	constructor() {
+		super(...arguments), this.formControlController = new o(this, {
+			value: (e) => e.checked ? e.value || "on" : void 0,
+			defaultValue: (e) => e.defaultChecked,
+			setValue: (e, t) => e.checked = t
+		}), this.hasSlotController = new a(this, "help-text"), this.hasFocus = !1, this.title = "", this.name = "", this.size = "medium", this.disabled = !1, this.checked = !1, this.indeterminate = !1, this.defaultChecked = !1, this.form = "", this.required = !1, this.helpText = "";
+	}
+	get validity() {
+		return this.input.validity;
+	}
+	get validationMessage() {
+		return this.input.validationMessage;
+	}
+	firstUpdated() {
+		this.formControlController.updateValidity();
+	}
+	handleClick() {
+		this.checked = !this.checked, this.indeterminate = !1, this.emit("sl-change");
+	}
+	handleBlur() {
+		this.hasFocus = !1, this.emit("sl-blur");
+	}
+	handleInput() {
+		this.emit("sl-input");
+	}
+	handleInvalid(e) {
+		this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
+	}
+	handleFocus() {
+		this.hasFocus = !0, this.emit("sl-focus");
+	}
+	handleDisabledChange() {
+		this.formControlController.setValidity(this.disabled);
+	}
+	handleStateChange() {
+		this.input.checked = this.checked, this.input.indeterminate = this.indeterminate, this.formControlController.updateValidity();
+	}
+	click() {
+		this.input.click();
+	}
+	focus(e) {
+		this.input.focus(e);
+	}
+	blur() {
+		this.input.blur();
+	}
+	checkValidity() {
+		return this.input.checkValidity();
+	}
+	getForm() {
+		return this.formControlController.getForm();
+	}
+	reportValidity() {
+		return this.input.reportValidity();
+	}
+	setCustomValidity(e) {
+		this.input.setCustomValidity(e), this.formControlController.updateValidity();
+	}
+	render() {
+		let e = this.hasSlotController.test("help-text"), t = this.helpText ? !0 : !!e;
+		return u`
+      <div
+        class=${m({
+			"form-control": !0,
+			"form-control--small": this.size === "small",
+			"form-control--medium": this.size === "medium",
+			"form-control--large": this.size === "large",
+			"form-control--has-help-text": t
+		})}
+      >
+        <label
+          part="base"
+          class=${m({
+			checkbox: !0,
+			"checkbox--checked": this.checked,
+			"checkbox--disabled": this.disabled,
+			"checkbox--focused": this.hasFocus,
+			"checkbox--indeterminate": this.indeterminate,
+			"checkbox--small": this.size === "small",
+			"checkbox--medium": this.size === "medium",
+			"checkbox--large": this.size === "large"
+		})}
+        >
+          <input
+            class="checkbox__input"
+            type="checkbox"
+            title=${this.title}
+            name=${this.name}
+            value=${h(this.value)}
+            .indeterminate=${g(this.indeterminate)}
+            .checked=${g(this.checked)}
+            .disabled=${this.disabled}
+            .required=${this.required}
+            aria-checked=${this.checked ? "true" : "false"}
+            aria-describedby="help-text"
+            @click=${this.handleClick}
+            @input=${this.handleInput}
+            @invalid=${this.handleInvalid}
+            @blur=${this.handleBlur}
+            @focus=${this.handleFocus}
+          />
+
+          <span
+            part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}"
+            class="checkbox__control"
+          >
+            ${this.checked ? u`
+                  <sl-icon part="checked-icon" class="checkbox__checked-icon" library="system" name="check"></sl-icon>
+                ` : ""}
+            ${!this.checked && this.indeterminate ? u`
+                  <sl-icon
+                    part="indeterminate-icon"
+                    class="checkbox__indeterminate-icon"
+                    library="system"
+                    name="indeterminate"
+                  ></sl-icon>
+                ` : ""}
+          </span>
+
+          <div part="label" class="checkbox__label">
+            <slot></slot>
+          </div>
+        </label>
+
+        <div
+          aria-hidden=${t ? "false" : "true"}
+          class="form-control__help-text"
+          id="help-text"
+          part="form-control-help-text"
+        >
+          <slot name="help-text">${this.helpText}</slot>
+        </div>
+      </div>
+    `;
+	}
+};
+//#endregion
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.D5YQDJ7X.js
+v.styles = [
+	r,
+	c,
+	_
+], v.dependencies = { "sl-icon": i }, e([f("input[type=\"checkbox\"]")], v.prototype, "input", 2), e([p()], v.prototype, "hasFocus", 2), e([d()], v.prototype, "title", 2), e([d()], v.prototype, "name", 2), e([d()], v.prototype, "value", 2), e([d({ reflect: !0 })], v.prototype, "size", 2), e([d({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "disabled", 2), e([d({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "checked", 2), e([d({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "indeterminate", 2), e([s("checked")], v.prototype, "defaultChecked", 2), e([d({ reflect: !0 })], v.prototype, "form", 2), e([d({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "required", 2), e([d({ attribute: "help-text" })], v.prototype, "helpText", 2), e([t("disabled", { waitUntilFirstUpdate: !0 })], v.prototype, "handleDisabledChange", 1), e([t(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })], v.prototype, "handleStateChange", 1), v.define("sl-checkbox");
+//#endregion
+export { v as t };

package/dist-lib/chunk.36O46B5H-km1dakSW.js

@@ -0,0 +1,77 @@
+import { n as e, r as t } from "./chunk.YHLNUJ7P-ByKy0MKm.js";
+import { t as n } from "./chunk.6CTB5ZDJ-DjZrBd6Y.js";
+import { css as r, html as i } from "lit";
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.7DUCI5S4.js
+var a = r`
+  :host {
+    --track-width: 2px;
+    --track-color: rgb(128 128 128 / 25%);
+    --indicator-color: var(--sl-color-primary-600);
+    --speed: 2s;
+
+    display: inline-flex;
+    width: 1em;
+    height: 1em;
+    flex: none;
+  }
+
+  .spinner {
+    flex: 1 1 auto;
+    height: 100%;
+    width: 100%;
+  }
+
+  .spinner__track,
+  .spinner__indicator {
+    fill: none;
+    stroke-width: var(--track-width);
+    r: calc(0.5em - var(--track-width) / 2);
+    cx: 0.5em;
+    cy: 0.5em;
+    transform-origin: 50% 50%;
+  }
+
+  .spinner__track {
+    stroke: var(--track-color);
+    transform-origin: 0% 0%;
+  }
+
+  .spinner__indicator {
+    stroke: var(--indicator-color);
+    stroke-linecap: round;
+    stroke-dasharray: 150% 75%;
+    animation: spin var(--speed) linear infinite;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+
+    50% {
+      transform: rotate(450deg);
+      stroke-dasharray: 1.375em, 1.375em;
+    }
+
+    100% {
+      transform: rotate(1080deg);
+      stroke-dasharray: 0.05em, 3em;
+    }
+  }
+`, o = class extends e {
+	constructor() {
+		super(...arguments), this.localize = new n(this);
+	}
+	render() {
+		return i`
+      <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
+        <circle class="spinner__track"></circle>
+        <circle class="spinner__indicator"></circle>
+      </svg>
+    `;
+	}
+};
+o.styles = [t, a];
+//#endregion
+export { o as t };

package/dist-lib/chunk.3RPBFEDE-Cxq6VVR6.js

@@ -0,0 +1,138 @@
+import { o as e, s as t } from "./chunk.YHLNUJ7P-ByKy0MKm.js";
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3RPBFEDE.js
+var n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakSet(), o = /* @__PURE__ */ new WeakMap(), s = class {
+	constructor(e, r) {
+		this.handleFormData = (e) => {
+			let t = this.options.disabled(this.host), n = this.options.name(this.host), r = this.options.value(this.host), i = this.host.tagName.toLowerCase() === "sl-button";
+			this.host.isConnected && !t && !i && typeof n == "string" && n.length > 0 && r !== void 0 && (Array.isArray(r) ? r.forEach((t) => {
+				e.formData.append(n, t.toString());
+			}) : e.formData.append(n, r.toString()));
+		}, this.handleFormSubmit = (e) => {
+			var t;
+			let r = this.options.disabled(this.host), i = this.options.reportValidity;
+			this.form && !this.form.noValidate && ((t = n.get(this.form)) == null || t.forEach((e) => {
+				this.setUserInteracted(e, !0);
+			})), this.form && !this.form.noValidate && !r && !i(this.host) && (e.preventDefault(), e.stopImmediatePropagation());
+		}, this.handleFormReset = () => {
+			this.options.setValue(this.host, this.options.defaultValue(this.host)), this.setUserInteracted(this.host, !1), o.set(this.host, []);
+		}, this.handleInteraction = (e) => {
+			let t = o.get(this.host);
+			t.includes(e.type) || t.push(e.type), t.length === this.options.assumeInteractionOn.length && this.setUserInteracted(this.host, !0);
+		}, this.checkFormValidity = () => {
+			if (this.form && !this.form.noValidate) {
+				let e = this.form.querySelectorAll("*");
+				for (let t of e) if (typeof t.checkValidity == "function" && !t.checkValidity()) return !1;
+			}
+			return !0;
+		}, this.reportFormValidity = () => {
+			if (this.form && !this.form.noValidate) {
+				let e = this.form.querySelectorAll("*");
+				for (let t of e) if (typeof t.reportValidity == "function" && !t.reportValidity()) return !1;
+			}
+			return !0;
+		}, (this.host = e).addController(this), this.options = t({
+			form: (e) => {
+				let t = e.form;
+				if (t) {
+					let n = e.getRootNode().querySelector(`#${t}`);
+					if (n) return n;
+				}
+				return e.closest("form");
+			},
+			name: (e) => e.name,
+			value: (e) => e.value,
+			defaultValue: (e) => e.defaultValue,
+			disabled: (e) => e.disabled ?? !1,
+			reportValidity: (e) => typeof e.reportValidity == "function" ? e.reportValidity() : !0,
+			checkValidity: (e) => typeof e.checkValidity == "function" ? e.checkValidity() : !0,
+			setValue: (e, t) => e.value = t,
+			assumeInteractionOn: ["sl-input"]
+		}, r);
+	}
+	hostConnected() {
+		let e = this.options.form(this.host);
+		e && this.attachForm(e), o.set(this.host, []), this.options.assumeInteractionOn.forEach((e) => {
+			this.host.addEventListener(e, this.handleInteraction);
+		});
+	}
+	hostDisconnected() {
+		this.detachForm(), o.delete(this.host), this.options.assumeInteractionOn.forEach((e) => {
+			this.host.removeEventListener(e, this.handleInteraction);
+		});
+	}
+	hostUpdated() {
+		let e = this.options.form(this.host);
+		e || this.detachForm(), e && this.form !== e && (this.detachForm(), this.attachForm(e)), this.host.hasUpdated && this.setValidity(this.host.validity.valid);
+	}
+	attachForm(e) {
+		e ? (this.form = e, n.has(this.form) ? n.get(this.form).add(this.host) : n.set(this.form, /* @__PURE__ */ new Set([this.host])), this.form.addEventListener("formdata", this.handleFormData), this.form.addEventListener("submit", this.handleFormSubmit), this.form.addEventListener("reset", this.handleFormReset), r.has(this.form) || (r.set(this.form, this.form.reportValidity), this.form.reportValidity = () => this.reportFormValidity()), i.has(this.form) || (i.set(this.form, this.form.checkValidity), this.form.checkValidity = () => this.checkFormValidity())) : this.form = void 0;
+	}
+	detachForm() {
+		if (!this.form) return;
+		let e = n.get(this.form);
+		e && (e.delete(this.host), e.size <= 0 && (this.form.removeEventListener("formdata", this.handleFormData), this.form.removeEventListener("submit", this.handleFormSubmit), this.form.removeEventListener("reset", this.handleFormReset), r.has(this.form) && (this.form.reportValidity = r.get(this.form), r.delete(this.form)), i.has(this.form) && (this.form.checkValidity = i.get(this.form), i.delete(this.form)), this.form = void 0));
+	}
+	setUserInteracted(e, t) {
+		t ? a.add(e) : a.delete(e), e.requestUpdate();
+	}
+	doAction(e, t) {
+		if (this.form) {
+			let n = document.createElement("button");
+			n.type = e, n.style.position = "absolute", n.style.width = "0", n.style.height = "0", n.style.clipPath = "inset(50%)", n.style.overflow = "hidden", n.style.whiteSpace = "nowrap", t && (n.name = t.name, n.value = t.value, [
+				"formaction",
+				"formenctype",
+				"formmethod",
+				"formnovalidate",
+				"formtarget"
+			].forEach((e) => {
+				t.hasAttribute(e) && n.setAttribute(e, t.getAttribute(e));
+			})), this.form.append(n), n.click(), n.remove();
+		}
+	}
+	getForm() {
+		return this.form ?? null;
+	}
+	reset(e) {
+		this.doAction("reset", e);
+	}
+	submit(e) {
+		this.doAction("submit", e);
+	}
+	setValidity(e) {
+		let t = this.host, n = !!a.has(t), r = !!t.required;
+		t.toggleAttribute("data-required", r), t.toggleAttribute("data-optional", !r), t.toggleAttribute("data-invalid", !e), t.toggleAttribute("data-valid", e), t.toggleAttribute("data-user-invalid", !e && n), t.toggleAttribute("data-user-valid", e && n);
+	}
+	updateValidity() {
+		let e = this.host;
+		this.setValidity(e.validity.valid);
+	}
+	emitInvalidEvent(e) {
+		let t = new CustomEvent("sl-invalid", {
+			bubbles: !1,
+			composed: !1,
+			cancelable: !0,
+			detail: {}
+		});
+		e || t.preventDefault(), this.host.dispatchEvent(t) || e?.preventDefault();
+	}
+}, c = Object.freeze({
+	badInput: !1,
+	customError: !1,
+	patternMismatch: !1,
+	rangeOverflow: !1,
+	rangeUnderflow: !1,
+	stepMismatch: !1,
+	tooLong: !1,
+	tooShort: !1,
+	typeMismatch: !1,
+	valid: !0,
+	valueMissing: !1
+}), l = Object.freeze(e(t({}, c), {
+	valid: !1,
+	valueMissing: !0
+})), u = Object.freeze(e(t({}, c), {
+	valid: !1,
+	customError: !0
+}));
+//#endregion
+export { l as i, u as n, c as r, s as t };

package/dist-lib/chunk.3Y6SB6QS-DUJ8Ickw.js

@@ -0,0 +1,18 @@
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3Y6SB6QS.js
+var e = "";
+function t(t) {
+	e = t;
+}
+function n(n = "") {
+	if (!e) {
+		let e = [...document.getElementsByTagName("script")], n = e.find((e) => e.hasAttribute("data-shoelace"));
+		if (n) t(n.getAttribute("data-shoelace"));
+		else {
+			let n = e.find((e) => /shoelace(\.min)?\.js($|\?)/.test(e.src) || /shoelace-autoloader(\.min)?\.js($|\?)/.test(e.src)), r = "";
+			n && (r = n.getAttribute("src")), t(r.split("/").slice(0, -1).join("/"));
+		}
+	}
+	return e.replace(/\/$/, "") + (n ? `/${n.replace(/^\//, "")}` : "");
+}
+//#endregion
+export { t as n, n as t };