@verbb/plugin-kit-web 2.0.9 → 2.0.10

package/dist-loader/chunks/{pk-time-picker-CesVpPiv.js → pk-time-picker-DpRBAHVK.js}

@@ -1,9 +1,9 @@
 import { m as i, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate } from "./pk-base-BlxAYXJD.js";
 import { v as clock } from "./svg-_Mtb7CHx.js";
-import { t as createIconElement } from "./render-B_9MG170.js";
-import "./pk-option-DL4rxbo2.js";
-import { n as pkSelectStyles, t as PkSelect } from "./pk-select-D0Ia0Mz3.js";
+import { t as createIconElement } from "./render-Niz5wYRa.js";
+import "./pk-option-DN_AHNmh.js";
+import { n as pkSelectStyles, t as PkSelect } from "./pk-select-BzTTYknK.js";
 //#region src/utils/time-options.ts
 var timeOptionsCache = null;
 function resolveTimepickerOptions() {

package/dist-loader/chunks/{pk-tooltip-DRU95AZ6.js → pk-tooltip-D6Slr-A6.js}

@@ -1,9 +1,9 @@
 import { n as uniqueId } from "./pk-a11y-CjB4-U-R.js";
 import { c as r, f as A, i as e, l as n, m as i, p as b, s as e$1, u as t } from "./lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "./pk-base-BlxAYXJD.js";
-import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-BG4QMRLw.js";
-import { i as waitForPopupReposition, n as getPopupSide, r as syncPopupPlacementAnimation } from "./popup-placement-animation-BPjq650B.js";
-import { n as resolveElementById } from "./pk-popup-BYFbKaHH.js";
+import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-C3tSQ3UR.js";
+import { i as waitForPopupReposition, n as getPopupSide, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
+import { n as resolveElementById } from "./pk-popup-Cfj3YNEC.js";
 var pkTooltipStyles = [i`
     @layer pk-component {
         .content.pk-popup-content {

package/dist-loader/chunks/{tiptap-_LAjdgeV.js → tiptap-Db7MTUH1.js}

@@ -1,4 +1,4 @@
-import { C as keyName, S as base } from "./codemirror-CHXb-wYU.js";
+import { C as keyName, S as base } from "./codemirror-CSgOT0QM.js";
 //#region ../node_modules/orderedmap/dist/index.js
 function OrderedMap(content) {
 	this.content = content;

package/dist-loader/chunks/{tiptap.styles-gpE_nQ_B.js → tiptap.styles-mxwZHY1l.js}

@@ -1,6 +1,6 @@
 import { n as uniqueId } from "./pk-a11y-CjB4-U-R.js";
 import { m as i } from "./lit-Dnn7gEi2.js";
-import { A as Node3, C as index_default$10, D as index_default$1, E as index_default$7, F as PluginKey, I as TextSelection, N as NodeSelection, O as index_default, P as Plugin, S as index_default$11, T as index_default$8, _ as index_default$16, a as index_default$5, b as index_default$13, c as index_default$24, d as index_default$21, f as index_default$20, g as index_default$17, h as index_default$6, i as index_default$2, j as getMarkRange, l as Table, m as index_default$18, n as index_default$25, o as index_default$22, p as index_default$19, r as index_default$3, s as index_default$23, t as index_default$26, u as index_default$4, v as index_default$15, w as index_default$9, x as index_default$12, y as index_default$14 } from "./tiptap-_LAjdgeV.js";
+import { A as Node3, C as index_default$10, D as index_default$1, E as index_default$7, F as PluginKey, I as TextSelection, N as NodeSelection, O as index_default, P as Plugin, S as index_default$11, T as index_default$8, _ as index_default$16, a as index_default$5, b as index_default$13, c as index_default$24, d as index_default$21, f as index_default$20, g as index_default$17, h as index_default$6, i as index_default$2, j as getMarkRange, l as Table, m as index_default$18, n as index_default$25, o as index_default$22, p as index_default$19, r as index_default$3, s as index_default$23, t as index_default$26, u as index_default$4, v as index_default$15, w as index_default$9, x as index_default$12, y as index_default$14 } from "./tiptap-Db7MTUH1.js";
 //#region ../plugin-kit-tiptap-core/dist/links/extension.js
 /** Shared Tiptap link mark configuration for Plugin Kit editors. */
 function createLinkExtension() {

package/dist-loader/components/button/button.js

@@ -1,2 +1,2 @@
-import { t as PkButton } from "../../chunks/pk-button-Qg2Tot_-.js";
+import { t as PkButton } from "../../chunks/pk-button-BiR9aCRh.js";
 export { PkButton };

package/dist-loader/components/button-group/button-group-text.js

@@ -1,6 +1,6 @@
 import { m as i, p as b, u as t } from "../../chunks/lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "../../chunks/pk-base-BlxAYXJD.js";
-import { n as buttonGroupCornerRadiusStyles } from "../../chunks/button-group-item.styles-BNc-ksl1.js";
+import { n as buttonGroupCornerRadiusStyles } from "../../chunks/button-group-item.styles-Dwakbyx5.js";
 //#region src/components/button-group/pk-button-group-text.styles.ts
 var pkButtonGroupTextStyles = [buttonGroupCornerRadiusStyles(".text", "var(--pk-radius-lg)"), i`
         @layer pk-component {

package/dist-loader/components/calendar/calendar.js

@@ -1,2 +1,2 @@
-import { t as PkCalendar } from "../../chunks/pk-calendar-CtlUN6iw.js";
+import { t as PkCalendar } from "../../chunks/pk-calendar-Bb6q8opO.js";
 export { PkCalendar };

package/dist-loader/components/checkbox/checkbox.js

@@ -1,2 +1,2 @@
-import { t as PkCheckbox } from "../../chunks/pk-checkbox-CoDX2G3J.js";
+import { t as PkCheckbox } from "../../chunks/pk-checkbox-hJCj8In8.js";
 export { PkCheckbox };

package/dist-loader/components/checkbox-select/checkbox-select.js

@@ -1,6 +1,6 @@
 import { c as r, i as e, l as n, m as i, p as b, u as t } from "../../chunks/lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "../../chunks/pk-base-BlxAYXJD.js";
-import "../../chunks/pk-checkbox-CoDX2G3J.js";
+import "../../chunks/pk-checkbox-hJCj8In8.js";
 //#region src/components/checkbox-select/pk-checkbox-select.styles.ts
 var pkCheckboxSelectStyles = i`
     @layer pk-component {

package/dist-loader/components/code-editor/code-editor.js

@@ -1,7 +1,7 @@
 import { c as r, l as n, m as i, p as b, s as e, u as t } from "../../chunks/lit-Dnn7gEi2.js";
 import { c as __decorate, i as PkFormAssociatedElement, n as formControlStyles } from "../../chunks/pk-base-BlxAYXJD.js";
-import { t as MirrorValidator } from "../../chunks/mirror-validator-DEz3BsbN.js";
-import { T as EditorState, _ as highlightActiveLine, a as html, b as keymap, c as closeBracketsKeymap, d as defaultHighlightStyle, f as indentOnInput, g as drawSelection, h as EditorView, i as json, l as css, m as syntaxHighlighting, n as history, o as javascript, p as indentUnit, r as historyKeymap, s as closeBrackets, t as defaultKeymap, u as bracketMatching, v as highlightActiveLineGutter, w as Compartment, x as lineNumbers, y as highlightSpecialChars } from "../../chunks/codemirror-CHXb-wYU.js";
+import { t as MirrorValidator } from "../../chunks/mirror-validator-C5XrXPaq.js";
+import { T as EditorState, _ as highlightActiveLine, a as html, b as keymap, c as closeBracketsKeymap, d as defaultHighlightStyle, f as indentOnInput, g as drawSelection, h as EditorView, i as json, l as css, m as syntaxHighlighting, n as history, o as javascript, p as indentUnit, r as historyKeymap, s as closeBrackets, t as defaultKeymap, u as bracketMatching, v as highlightActiveLineGutter, w as Compartment, x as lineNumbers, y as highlightSpecialChars } from "../../chunks/codemirror-CSgOT0QM.js";
 //#region node_modules/@verbb/plugin-kit-codemirror-core/dist/constants.js
 function computeCodeEditorMinHeight(rows = 12) {
 	return `${Math.max(Number(rows) || 12, 4) * 18 + 12}px`;

package/dist-loader/components/color-input/color-input.js

@@ -1,2 +1,2 @@
-import { t as PkColorInput } from "../../chunks/pk-color-input-B73zaGYj.js";
+import { t as PkColorInput } from "../../chunks/pk-color-input-B52sVacS.js";
 export { PkColorInput };

package/dist-loader/components/combobox/combobox.js

@@ -1,2 +1,2 @@
-import { t as PkCombobox } from "../../chunks/pk-combobox-BpGW0asd.js";
+import { t as PkCombobox } from "../../chunks/pk-combobox-DumNw0gq.js";
 export { PkCombobox };

package/dist-loader/components/connect/connect-oauth.js

@@ -0,0 +1,132 @@
+import { c as r, d as i, l as n, p as b, u as t } from "../../chunks/lit-Dnn7gEi2.js";
+import { c as __decorate } from "../../chunks/pk-base-BlxAYXJD.js";
+import "../../chunks/pk-button-BiR9aCRh.js";
+import { c as watchCpFormDirty, s as submitCpFormAction, t as pkConnectStyles } from "../../chunks/pk-connect.styles-C1ICg1bF.js";
+import "../../chunks/pk-status-BFpjCym0.js";
+//#region src/components/connect/pk-connect-oauth.ts
+var PkConnectOauth = class PkConnectOauth extends i {
+	constructor(..._args) {
+		super(..._args);
+		this.connected = false;
+		this.connectAction = "";
+		this.disconnectAction = "";
+		this.paramName = "";
+		this.paramValue = "";
+		this.connectRedirect = "";
+		this.disconnectRedirect = "";
+		this.formSelector = "#main-form";
+		this.skipDirtyWatch = false;
+		this.labelConnected = "Connected";
+		this.labelNotConnected = "Not Connected";
+		this.labelConnect = "Connect";
+		this.labelDisconnect = "Disconnect";
+		this.labelSaveToConnect = "Save to connect.";
+		this.isDirty = false;
+		this.unwatchDirty = null;
+	}
+	static {
+		this.styles = pkConnectStyles;
+	}
+	createRenderRoot() {
+		return this;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.skipDirtyWatch) return;
+		this.unwatchDirty = watchCpFormDirty({
+			formSelector: this.formSelector,
+			host: this,
+			onDirty: () => {
+				this.isDirty = true;
+			}
+		});
+	}
+	disconnectedCallback() {
+		this.unwatchDirty?.();
+		this.unwatchDirty = null;
+		super.disconnectedCallback();
+	}
+	submitOAuthAction(action, redirect) {
+		submitCpFormAction({
+			formSelector: this.formSelector,
+			host: this,
+			action,
+			redirect,
+			paramName: this.paramName,
+			paramValue: this.paramValue
+		});
+	}
+	handleConnectClick(event) {
+		event.preventDefault();
+		this.submitOAuthAction(this.connectAction, this.connectRedirect);
+	}
+	handleDisconnectClick(event) {
+		event.preventDefault();
+		this.submitOAuthAction(this.disconnectAction, this.disconnectRedirect);
+	}
+	render() {
+		if (this.isDirty) return b`
+                <div class="heading">
+                    <span class="warning with-icon">${this.labelSaveToConnect}</span>
+                </div>
+            `;
+		if (this.connected) return b`
+                <div class="heading">
+                    <pk-status status="on" class="pk-connect__status-icon"></pk-status>${this.labelConnected}
+                </div>
+
+                <div class="input ltr">
+                    <pk-button
+                        type="button"
+                        size="xs"
+                        variant="default"
+                        class="pk-connect__action"
+                        @click=${this.handleDisconnectClick}
+                    >
+                        ${this.labelDisconnect}
+                    </pk-button>
+                </div>
+            `;
+		return b`
+            <div class="heading">
+                <pk-status status="disabled" class="pk-connect__status-icon"></pk-status><span class="light">${this.labelNotConnected}</span>
+            </div>
+
+            <div class="input ltr">
+                <pk-button
+                    type="button"
+                    size="xs"
+                    variant="default"
+                    class="pk-connect__action"
+                    @click=${this.handleConnectClick}
+                >
+                    ${this.labelConnect}
+                </pk-button>
+            </div>
+        `;
+	}
+};
+__decorate([n({
+	type: Boolean,
+	reflect: true
+})], PkConnectOauth.prototype, "connected", void 0);
+__decorate([n({ attribute: "connect-action" })], PkConnectOauth.prototype, "connectAction", void 0);
+__decorate([n({ attribute: "disconnect-action" })], PkConnectOauth.prototype, "disconnectAction", void 0);
+__decorate([n({ attribute: "param-name" })], PkConnectOauth.prototype, "paramName", void 0);
+__decorate([n({ attribute: "param-value" })], PkConnectOauth.prototype, "paramValue", void 0);
+__decorate([n({ attribute: "connect-redirect" })], PkConnectOauth.prototype, "connectRedirect", void 0);
+__decorate([n({ attribute: "disconnect-redirect" })], PkConnectOauth.prototype, "disconnectRedirect", void 0);
+__decorate([n({ attribute: "form-selector" })], PkConnectOauth.prototype, "formSelector", void 0);
+__decorate([n({
+	type: Boolean,
+	attribute: "skip-dirty-watch"
+})], PkConnectOauth.prototype, "skipDirtyWatch", void 0);
+__decorate([n({ attribute: "label-connected" })], PkConnectOauth.prototype, "labelConnected", void 0);
+__decorate([n({ attribute: "label-not-connected" })], PkConnectOauth.prototype, "labelNotConnected", void 0);
+__decorate([n({ attribute: "label-connect" })], PkConnectOauth.prototype, "labelConnect", void 0);
+__decorate([n({ attribute: "label-disconnect" })], PkConnectOauth.prototype, "labelDisconnect", void 0);
+__decorate([n({ attribute: "label-save-to-connect" })], PkConnectOauth.prototype, "labelSaveToConnect", void 0);
+__decorate([r()], PkConnectOauth.prototype, "isDirty", void 0);
+PkConnectOauth = __decorate([t("pk-connect-oauth")], PkConnectOauth);
+//#endregion
+export { PkConnectOauth };

package/dist-loader/components/connect/connect.js

@@ -0,0 +1,256 @@
+import { c as r, d as i, f as A, l as n, p as b, u as t } from "../../chunks/lit-Dnn7gEi2.js";
+import { c as __decorate } from "../../chunks/pk-base-BlxAYXJD.js";
+import "../../chunks/pk-icon-DAnw7wPF.js";
+import "../../chunks/pk-button-BiR9aCRh.js";
+import "../../chunks/pk-dialog-CyUKChc9.js";
+import { a as sendCpConnectRequest, c as watchCpFormDirty, i as resolveConnectError, n as buildConnectPayload, o as serializeCpForm, r as escapeCpHtml, t as pkConnectStyles } from "../../chunks/pk-connect.styles-C1ICg1bF.js";
+import "../../chunks/pk-status-BFpjCym0.js";
+//#region src/components/connect/pk-connect.ts
+var pkStatusForState = (status) => {
+	if (status === "connected") return "on";
+	if (status === "error") return "off";
+	return "disabled";
+};
+var PkConnect = class PkConnect extends i {
+	constructor(..._args) {
+		super(..._args);
+		this.action = "";
+		this.status = "disconnected";
+		this.formSelector = "#main-form";
+		this.sourceId = null;
+		this.idParam = "sourceId";
+		this.type = "";
+		this.labelConnected = "Connected";
+		this.labelNotConnected = "Not Connected";
+		this.labelConnecting = "Connecting…";
+		this.labelError = "Error";
+		this.labelConnect = "Connect";
+		this.labelRefresh = "Refresh";
+		this.labelSaveToConnect = "Save to connect.";
+		this.labelErrorHeading = "Connection error";
+		this.labelGenericError = "Unable to connect to the provider.";
+		this.labelShowDetails = "Show details";
+		this.labelHideDetails = "Hide details";
+		this.labelClose = "Close";
+		this.isDirty = false;
+		this.loading = false;
+		this.showDetails = false;
+		this.unwatchDirty = null;
+		this.errorDialog = null;
+	}
+	static {
+		this.styles = pkConnectStyles;
+	}
+	createRenderRoot() {
+		return this;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.unwatchDirty = watchCpFormDirty({
+			formSelector: this.formSelector,
+			host: this,
+			onDirty: () => {
+				this.isDirty = true;
+			}
+		});
+	}
+	disconnectedCallback() {
+		this.unwatchDirty?.();
+		this.unwatchDirty = null;
+		this.errorDialog?.remove();
+		this.errorDialog = null;
+		super.disconnectedCallback();
+	}
+	get labels() {
+		return {
+			connected: this.labelConnected,
+			notConnected: this.labelNotConnected,
+			connecting: this.labelConnecting,
+			error: this.labelError,
+			connect: this.labelConnect,
+			refresh: this.labelRefresh,
+			saveToConnect: this.labelSaveToConnect,
+			errorHeading: this.labelErrorHeading,
+			genericError: this.labelGenericError,
+			showDetails: this.labelShowDetails,
+			hideDetails: this.labelHideDetails
+		};
+	}
+	get fieldHost() {
+		return this.closest(".pk-connect-field");
+	}
+	get statusLabel() {
+		switch (this.status) {
+			case "connected": return this.labelConnected;
+			case "error": return this.labelError;
+			case "connecting": return this.labelConnecting;
+			default: return this.labelNotConnected;
+		}
+	}
+	get statusLabelMuted() {
+		return this.status !== "connected" && this.status !== "error";
+	}
+	get actionLabel() {
+		return this.status === "connected" ? this.labelRefresh : this.labelConnect;
+	}
+	setConnectStatus(status) {
+		this.status = status;
+		this.dispatchEvent(new CustomEvent("pk-status-change", {
+			detail: { status },
+			bubbles: true
+		}));
+	}
+	setModalOpen(open) {
+		this.fieldHost?.classList.toggle("pk-connect-field--modal-open", open);
+		if (!open) this.showDetails = false;
+	}
+	ensureErrorDialog() {
+		if (this.errorDialog) return this.errorDialog;
+		const dialog = document.createElement("pk-dialog");
+		dialog.className = "pk-connect-dialog";
+		dialog.setAttribute("without-header", "");
+		dialog.innerHTML = [
+			`<pk-button slot="trigger" type="button" variant="none" size="none" icon class="pk-connect-dialog__close" data-dialog="close" aria-label="${escapeCpHtml(this.labelClose)}">`,
+			"<pk-icon icon=\"xmark\"></pk-icon>",
+			"</pk-button>",
+			"<div class=\"pk-connection-error\">",
+			"<div class=\"pk-connection-error__stack\">",
+			"<div class=\"pk-connection-error__icon\"><pk-icon icon=\"triangle-exclamation\"></pk-icon></div>",
+			"<h3 class=\"pk-connection-error__heading\"></h3>",
+			"<p class=\"pk-connection-error__message\"></p>",
+			"<div class=\"pk-connection-error__details hidden\">",
+			"<button type=\"button\" class=\"pk-connection-error__details-toggle\">",
+			"<pk-icon icon=\"chevron-right\"></pk-icon>",
+			`<span class="pk-connection-error__details-label">${escapeCpHtml(this.labelShowDetails)}</span>`,
+			"</button>",
+			"<div class=\"pk-connection-error__trace hidden\"></div>",
+			"</div>",
+			"</div>",
+			"</div>"
+		].join("");
+		document.body.appendChild(dialog);
+		const detailsToggle = dialog.querySelector(".pk-connection-error__details-toggle");
+		const traceEl = dialog.querySelector(".pk-connection-error__trace");
+		const detailsLabel = dialog.querySelector(".pk-connection-error__details-label");
+		dialog.querySelector(".pk-connection-error__details");
+		const chevron = dialog.querySelector("pk-icon");
+		detailsToggle?.addEventListener("click", () => {
+			this.showDetails = !this.showDetails;
+			traceEl?.classList.toggle("hidden", !this.showDetails);
+			chevron?.classList.toggle("is-open", this.showDetails);
+			if (detailsLabel) detailsLabel.textContent = this.showDetails ? this.labelHideDetails : this.labelShowDetails;
+		});
+		dialog.addEventListener("pk-open-change", (event) => {
+			const open = Boolean(event.detail?.open);
+			this.setModalOpen(open);
+			if (!open) {
+				traceEl?.classList.add("hidden");
+				chevron?.classList.remove("is-open");
+				if (detailsLabel) detailsLabel.textContent = this.labelShowDetails;
+			}
+		});
+		this.errorDialog = dialog;
+		return dialog;
+	}
+	showErrorModal(error) {
+		const dialog = this.ensureErrorDialog();
+		const heading = dialog.querySelector(".pk-connection-error__heading");
+		const message = dialog.querySelector(".pk-connection-error__message");
+		const detailsWrap = dialog.querySelector(".pk-connection-error__details");
+		const traceEl = dialog.querySelector(".pk-connection-error__trace");
+		if (heading) heading.textContent = error.heading || this.labelErrorHeading;
+		if (message) message.textContent = error.text || this.labelGenericError;
+		const trace = error.traceAsString || error.trace || "";
+		if (trace && detailsWrap && traceEl) {
+			detailsWrap.classList.remove("hidden");
+			traceEl.innerHTML = trace;
+			traceEl.classList.add("hidden");
+		} else detailsWrap?.classList.add("hidden");
+		this.showDetails = false;
+		dialog.open = true;
+		this.setModalOpen(true);
+	}
+	async handleConnectClick(event) {
+		event.preventDefault();
+		if (this.isDirty || this.loading || !this.action) return;
+		this.loading = true;
+		this.setConnectStatus("connecting");
+		this.setModalOpen(false);
+		const values = serializeCpForm(this.formSelector, this);
+		const payload = buildConnectPayload(values, {
+			idParam: this.idParam,
+			sourceId: this.sourceId,
+			type: this.type || values.type
+		});
+		try {
+			const response = await sendCpConnectRequest(this.action, payload);
+			this.loading = false;
+			if (response?.data?.success) {
+				this.setConnectStatus("connected");
+				return;
+			}
+			if (response?.data?.message || response?.data?.success === false) {
+				this.setConnectStatus("error");
+				this.showErrorModal(resolveConnectError(response?.data?.message ?? null, this.labels));
+			}
+		} catch (error) {
+			this.loading = false;
+			this.setConnectStatus("error");
+			this.showErrorModal(resolveConnectError(error, this.labels));
+		}
+	}
+	render() {
+		if (this.isDirty) return b`
+                <div class="heading">
+                    <span class="warning with-icon">${this.labelSaveToConnect}</span>
+                </div>
+            `;
+		return b`
+            <div class="heading">
+                <pk-status
+                    status=${pkStatusForState(this.status)}
+                    class="pk-connect__status-icon"
+                ></pk-status><span class=${this.statusLabelMuted ? "light" : A}>${this.statusLabel}</span>
+            </div>
+
+            <div class="input ltr">
+                <pk-button
+                    type="button"
+                    size="xs"
+                    variant="default"
+                    class="pk-connect__action"
+                    spinner-size="xs"
+                    ?loading=${this.loading}
+                    ?disabled=${this.loading || this.isDirty}
+                    @click=${this.handleConnectClick}
+                >
+                    ${this.actionLabel}
+                </pk-button>
+            </div>
+        `;
+	}
+};
+__decorate([n({ reflect: true })], PkConnect.prototype, "action", void 0);
+__decorate([n({ reflect: true })], PkConnect.prototype, "status", void 0);
+__decorate([n({ attribute: "form-selector" })], PkConnect.prototype, "formSelector", void 0);
+__decorate([n({ attribute: "source-id" })], PkConnect.prototype, "sourceId", void 0);
+__decorate([n({ attribute: "id-param" })], PkConnect.prototype, "idParam", void 0);
+__decorate([n()], PkConnect.prototype, "type", void 0);
+__decorate([n({ attribute: "label-connected" })], PkConnect.prototype, "labelConnected", void 0);
+__decorate([n({ attribute: "label-not-connected" })], PkConnect.prototype, "labelNotConnected", void 0);
+__decorate([n({ attribute: "label-connecting" })], PkConnect.prototype, "labelConnecting", void 0);
+__decorate([n({ attribute: "label-error" })], PkConnect.prototype, "labelError", void 0);
+__decorate([n({ attribute: "label-connect" })], PkConnect.prototype, "labelConnect", void 0);
+__decorate([n({ attribute: "label-refresh" })], PkConnect.prototype, "labelRefresh", void 0);
+__decorate([n({ attribute: "label-save-to-connect" })], PkConnect.prototype, "labelSaveToConnect", void 0);
+__decorate([n({ attribute: "label-error-heading" })], PkConnect.prototype, "labelErrorHeading", void 0);
+__decorate([n({ attribute: "label-generic-error" })], PkConnect.prototype, "labelGenericError", void 0);
+__decorate([n({ attribute: "label-show-details" })], PkConnect.prototype, "labelShowDetails", void 0);
+__decorate([n({ attribute: "label-hide-details" })], PkConnect.prototype, "labelHideDetails", void 0);
+__decorate([n({ attribute: "label-close" })], PkConnect.prototype, "labelClose", void 0);
+__decorate([r()], PkConnect.prototype, "isDirty", void 0);
+__decorate([r()], PkConnect.prototype, "loading", void 0);
+__decorate([r()], PkConnect.prototype, "showDetails", void 0);
+PkConnect = __decorate([t("pk-connect")], PkConnect);
+//#endregion
+export { PkConnect };

package/dist-loader/components/copy-button/copy-button.js

@@ -1,8 +1,8 @@
 import { c as r, l as n, m as i, o, p as b, u as t } from "../../chunks/lit-Dnn7gEi2.js";
 import { c as __decorate, l as PkElement } from "../../chunks/pk-base-BlxAYXJD.js";
 import { m as check } from "../../chunks/svg-_Mtb7CHx.js";
-import "../../chunks/pk-button-Qg2Tot_-.js";
-import { n as renderIconHtml } from "../../chunks/render-B_9MG170.js";
+import "../../chunks/pk-button-BiR9aCRh.js";
+import { n as renderIconHtml } from "../../chunks/render-Niz5wYRa.js";
 //#region src/events/pk-copy.ts
 /** Emitted when copy-button successfully copies text. */
 var PkCopyEvent = class extends Event {

package/dist-loader/components/date-picker/date-picker.js

@@ -1,2 +1,2 @@
-import { t as PkDatePicker } from "../../chunks/pk-date-picker-DPg627Ad.js";
+import { t as PkDatePicker } from "../../chunks/pk-date-picker-Ds8nm8nk.js";
 export { PkDatePicker };

package/dist-loader/components/dialog/dialog.js

@@ -1,2 +1,2 @@
-import { t as PkDialog } from "../../chunks/pk-dialog-DPn2BXOq.js";
+import { t as PkDialog } from "../../chunks/pk-dialog-CyUKChc9.js";
 export { PkDialog };

package/dist-loader/components/dropdown-menu/dropdown-item.js

@@ -1,2 +1,2 @@
-import { t as PkDropdownItem } from "../../chunks/pk-dropdown-item-CdBLgJoh.js";
+import { t as PkDropdownItem } from "../../chunks/pk-dropdown-item-D2X2L4nu.js";
 export { PkDropdownItem };

package/dist-loader/components/dropdown-menu/dropdown-menu.js

@@ -1,2 +1,2 @@
-import { t as PkDropdownMenu } from "../../chunks/pk-dropdown-menu-BX4lGvGe.js";
+import { t as PkDropdownMenu } from "../../chunks/pk-dropdown-menu-yOOPMVOg.js";
 export { PkDropdownMenu };

package/dist-loader/components/editable-table/editable-table.js

@@ -2,21 +2,21 @@ import { c as r, f as A, i as e, l as n, m as i, o, p as b, t as c, u as t } fro
 import { c as __decorate, i as PkFormAssociatedElement } from "../../chunks/pk-base-BlxAYXJD.js";
 import { B as plus, C as gripMove, S as gear, Y as xmark, b as ellipsis, l as arrowUp, o as arrowDown } from "../../chunks/svg-_Mtb7CHx.js";
 import { t as getIcon } from "../../chunks/registry-CmL0rH9r.js";
-import "../../chunks/pk-button-Qg2Tot_-.js";
-import { t as RequiredValidator } from "../../chunks/required-validator-DXqqPVeW.js";
-import "../../chunks/pk-checkbox-CoDX2G3J.js";
-import "../../chunks/pk-color-input-B73zaGYj.js";
-import "../../chunks/pk-input-88DVgoVz.js";
-import "../../chunks/pk-textarea-LC_CPUav.js";
-import { n as renderIconHtml } from "../../chunks/render-B_9MG170.js";
-import "../../chunks/pk-dropdown-item-CdBLgJoh.js";
-import "../../chunks/pk-dropdown-menu-BX4lGvGe.js";
-import "../../chunks/pk-lightswitch-BHEOy7aK.js";
-import "../../chunks/pk-option-DL4rxbo2.js";
-import "../../chunks/pk-select-D0Ia0Mz3.js";
-import "../../chunks/pk-date-picker-DPg627Ad.js";
-import "../../chunks/pk-combobox-BpGW0asd.js";
-import "../../chunks/pk-time-picker-CesVpPiv.js";
+import "../../chunks/pk-button-BiR9aCRh.js";
+import { t as RequiredValidator } from "../../chunks/required-validator-0XwZtX9k.js";
+import "../../chunks/pk-checkbox-hJCj8In8.js";
+import "../../chunks/pk-color-input-B52sVacS.js";
+import "../../chunks/pk-input-BupRMhK1.js";
+import "../../chunks/pk-textarea-BrRPLWsG.js";
+import { n as renderIconHtml } from "../../chunks/render-Niz5wYRa.js";
+import "../../chunks/pk-dropdown-item-D2X2L4nu.js";
+import "../../chunks/pk-dropdown-menu-yOOPMVOg.js";
+import "../../chunks/pk-lightswitch-C86ABIv3.js";
+import "../../chunks/pk-option-DN_AHNmh.js";
+import "../../chunks/pk-select-BzTTYknK.js";
+import "../../chunks/pk-date-picker-Ds8nm8nk.js";
+import "../../chunks/pk-combobox-DumNw0gq.js";
+import "../../chunks/pk-time-picker-DpRBAHVK.js";
 //#region src/components/editable-table/editable-table-dnd.ts
 /**
 * Table-native pointer drag for `<pk-editable-table>` rows.

package/dist-loader/components/field/field.js

@@ -1,2 +1,2 @@
-import { t as PkField } from "../../chunks/pk-field-CmPZQ86w.js";
+import { t as PkField } from "../../chunks/pk-field-BU3DkBLi.js";
 export { PkField };

package/dist-loader/components/icon/icon.js

@@ -1,7 +1,6 @@
-import { a as o, f as A, l as n, m as i, p as b, u as t } from "../../chunks/lit-Dnn7gEi2.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-BlxAYXJD.js";
-import { M as icons, t as iconToSvg } from "../../chunks/svg-_Mtb7CHx.js";
-import { n as normalizeIconName, r as registerIcons, t as getIcon } from "../../chunks/registry-CmL0rH9r.js";
+import { M as icons } from "../../chunks/svg-_Mtb7CHx.js";
+import { n as normalizeIconName, r as registerIcons } from "../../chunks/registry-CmL0rH9r.js";
+import "../../chunks/pk-icon-DAnw7wPF.js";
 //#region ../plugin-kit-icons/dist/all.js
 /**
 * Side-effect entry: register every curated icon for `<pk-icon icon="…">` lookup.
@@ -17,46 +16,3 @@ var entries = {};
 for (const [name, icon] of Object.entries(icons)) entries[normalizeIconName(name)] = icon;
 registerIcons(entries);
 //#endregion
-//#region src/components/icon/pk-icon.ts
-var PkIcon = class PkIcon extends PkElement {
-	constructor(..._args) {
-		super(..._args);
-		this.icon = "";
-		this.name = "";
-	}
-	static {
-		this.styles = i`
-        :host {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            flex: none;
-            /* Square em box + slight baseline nudge for inline text. Flex
-             * parents (e.g. button slots) should zero vertical-align. */
-            width: 1em;
-            height: 1em;
-            line-height: 1;
-            vertical-align: -0.125em;
-        }
-
-        svg {
-            display: block;
-            width: 100%;
-            height: 100%;
-            fill: currentColor;
-            /* Allow intentional path overhang past the icon canvas. */
-            overflow: visible;
-        }
-    `;
-	}
-	render() {
-		const icon = getIcon(this.icon || this.name);
-		if (!icon) return A;
-		return b`${o(iconToSvg(icon, { title: this.label }))}`;
-	}
-};
-__decorate([n()], PkIcon.prototype, "icon", void 0);
-__decorate([n()], PkIcon.prototype, "name", void 0);
-__decorate([n()], PkIcon.prototype, "label", void 0);
-PkIcon = __decorate([t("pk-icon")], PkIcon);
-//#endregion

package/dist-loader/components/input/input.js

@@ -1,2 +1,2 @@
-import { t as PkInput } from "../../chunks/pk-input-88DVgoVz.js";
+import { t as PkInput } from "../../chunks/pk-input-BupRMhK1.js";
 export { PkInput };

package/dist-loader/components/input-group/input-group.js

@@ -1,6 +1,6 @@
 import { m as i, p as b, s as e, u as t } from "../../chunks/lit-Dnn7gEi2.js";
 import { a as HostAriaMirror, c as __decorate, l as PkElement } from "../../chunks/pk-base-BlxAYXJD.js";
-import { n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "../../chunks/button-group-item.styles-BNc-ksl1.js";
+import { n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "../../chunks/button-group-item.styles-Dwakbyx5.js";
 //#region src/components/input-group/pk-input-group.styles.ts
 var pkInputGroupStyles = [
 	buttonGroupCornerRoleStyles(),

package/dist-loader/components/lightswitch/lightswitch.js

@@ -1,2 +1,2 @@
-import { t as PkLightswitch } from "../../chunks/pk-lightswitch-BHEOy7aK.js";
+import { t as PkLightswitch } from "../../chunks/pk-lightswitch-C86ABIv3.js";
 export { PkLightswitch };