@verbb/plugin-kit-web 2.0.9 → 2.0.11

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 customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate } from "../../chunks/pk-base-B21zXxSo.js";
+import "../../chunks/pk-button-Dh4gjLHw.js";
+import { c as watchCpFormDirty, s as submitCpFormAction, t as pkConnectStyles } from "../../chunks/pk-connect.styles-BAgeFns_.js";
+import "../../chunks/pk-status-BRIVW7EH.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([customElement("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 customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate } from "../../chunks/pk-base-B21zXxSo.js";
+import "../../chunks/pk-icon-B-OBmJ3K.js";
+import "../../chunks/pk-button-Dh4gjLHw.js";
+import "../../chunks/pk-dialog-BpPRqFMm.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-BAgeFns_.js";
+import "../../chunks/pk-status-BRIVW7EH.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([customElement("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 { c as r, l as n, m as i, o, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.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-Dh4gjLHw.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 {
@@ -131,6 +131,6 @@ __decorate([n({
 })], PkCopyButton.prototype, "disabled", void 0);
 __decorate([n({ reflect: true })], PkCopyButton.prototype, "variant", void 0);
 __decorate([r()], PkCopyButton.prototype, "copied", void 0);
-PkCopyButton = __decorate([t("pk-copy-button")], PkCopyButton);
+PkCopyButton = __decorate([customElement("pk-copy-button")], PkCopyButton);
 //#endregion
 export { PkCopyButton };

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-Dni5ty79.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-BpPRqFMm.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-CHkFNlA9.js";
 export { PkDropdownItem };

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

@@ -1,5 +1,5 @@
-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 { m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
 //#region src/components/dropdown-menu/pk-dropdown-label.styles.ts
 var pkDropdownLabelStyles = i`
     @layer pk-component {
@@ -46,6 +46,6 @@ var PkDropdownLabel = class PkDropdownLabel extends PkElement {
         `;
 	}
 };
-PkDropdownLabel = __decorate([t("pk-dropdown-label")], PkDropdownLabel);
+PkDropdownLabel = __decorate([customElement("pk-dropdown-label")], PkDropdownLabel);
 //#endregion
 export { PkDropdownLabel };

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-BHVOMNV1.js";
 export { PkDropdownMenu };

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

@@ -1,5 +1,5 @@
-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 { m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
 //#region src/components/dropdown-menu/pk-dropdown-separator.ts
 var PkDropdownSeparator = class PkDropdownSeparator extends PkElement {
 	static {
@@ -28,6 +28,6 @@ var PkDropdownSeparator = class PkDropdownSeparator extends PkElement {
 		return b`<hr part="base" />`;
 	}
 };
-PkDropdownSeparator = __decorate([t("pk-dropdown-separator")], PkDropdownSeparator);
+PkDropdownSeparator = __decorate([customElement("pk-dropdown-separator")], PkDropdownSeparator);
 //#endregion
 export { PkDropdownSeparator };

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

@@ -1,22 +1,22 @@
-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 } from "../../chunks/lit-Dnn7gEi2.js";
-import { c as __decorate, i as PkFormAssociatedElement } from "../../chunks/pk-base-BlxAYXJD.js";
+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 customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate, i as PkFormAssociatedElement } from "../../chunks/pk-base-B21zXxSo.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-Dh4gjLHw.js";
+import { t as RequiredValidator } from "../../chunks/required-validator-0XwZtX9k.js";
+import "../../chunks/pk-checkbox-BrZQB816.js";
+import "../../chunks/pk-color-input-sS05YOwT.js";
+import "../../chunks/pk-input-CEw3AdYt.js";
+import "../../chunks/pk-textarea-C_rOUtFS.js";
+import { n as renderIconHtml } from "../../chunks/render-Niz5wYRa.js";
+import "../../chunks/pk-dropdown-item-CHkFNlA9.js";
+import "../../chunks/pk-dropdown-menu-BHVOMNV1.js";
+import "../../chunks/pk-lightswitch-DJEUScgo.js";
+import "../../chunks/pk-option-CunPIei0.js";
+import "../../chunks/pk-select-CbAaQ7uE.js";
+import "../../chunks/pk-date-picker-Dni5ty79.js";
+import "../../chunks/pk-combobox-B7q6alzE.js";
+import "../../chunks/pk-time-picker-Dr3uvbvc.js";
 //#region src/components/editable-table/editable-table-dnd.ts
 /**
 * Table-native pointer drag for `<pk-editable-table>` rows.
@@ -1526,6 +1526,6 @@ __decorate([n({ attribute: false })], PkEditableTable.prototype, "modifyRow", vo
 __decorate([n({ attribute: false })], PkEditableTable.prototype, "getRowMenuItems", void 0);
 __decorate([r()], PkEditableTable.prototype, "internalRows", void 0);
 __decorate([r()], PkEditableTable.prototype, "dndReady", void 0);
-PkEditableTable = __decorate([t("pk-editable-table")], PkEditableTable);
+PkEditableTable = __decorate([customElement("pk-editable-table")], PkEditableTable);
 //#endregion
 export { PkEditableTable, getCustomCellSlotName, isCustomColumn, nextRowId };

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-CJ09ll1S.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-B-OBmJ3K.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-CEw3AdYt.js";
 export { PkInput };

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

@@ -1,5 +1,5 @@
-import { 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 { l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
 //#region src/components/input-group/pk-input-group-addon.styles.ts
 var pkInputGroupAddonStyles = i`
     @layer pk-component {
@@ -93,6 +93,6 @@ var PkInputGroupAddon = class PkInputGroupAddon extends PkElement {
 	}
 };
 __decorate([n({ reflect: true })], PkInputGroupAddon.prototype, "align", void 0);
-PkInputGroupAddon = __decorate([t("pk-input-group-addon")], PkInputGroupAddon);
+PkInputGroupAddon = __decorate([customElement("pk-input-group-addon")], PkInputGroupAddon);
 //#endregion
 export { PkInputGroupAddon };

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

@@ -1,5 +1,5 @@
-import { 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 { l as n, m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
 //#region src/components/input-group/pk-input-group-button.styles.ts
 var pkInputGroupButtonStyles = i`
     @layer pk-component {
@@ -47,6 +47,6 @@ __decorate([n({
 	type: Boolean,
 	reflect: true
 })], PkInputGroupButton.prototype, "disabled", void 0);
-PkInputGroupButton = __decorate([t("pk-input-group-button")], PkInputGroupButton);
+PkInputGroupButton = __decorate([customElement("pk-input-group-button")], PkInputGroupButton);
 //#endregion
 export { PkInputGroupButton };

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

@@ -1,5 +1,5 @@
-import { f as A, l as n, m as i, p as b, r as o, s as e, u as t } from "../../chunks/lit-Dnn7gEi2.js";
-import { c as __decorate, l as PkElement } from "../../chunks/pk-base-BlxAYXJD.js";
+import { f as A, l as n, m as i, p as b, r as o, s as e, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
 //#region src/components/input-group/pk-input-group-input.styles.ts
 var pkInputGroupInputStyles = i`
     @layer pk-component {
@@ -127,6 +127,6 @@ __decorate([n({
 	reflect: true
 })], PkInputGroupInput.prototype, "invalid", void 0);
 __decorate([n()], PkInputGroupInput.prototype, "autocomplete", void 0);
-PkInputGroupInput = __decorate([t("pk-input-group-input")], PkInputGroupInput);
+PkInputGroupInput = __decorate([customElement("pk-input-group-input")], PkInputGroupInput);
 //#endregion
 export { PkInputGroupInput };

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

@@ -1,5 +1,5 @@
-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 { m as i, p as b, u as customElement } from "../../chunks/lit-DpLik9Rf.js";
+import { c as __decorate, l as PkElement } from "../../chunks/pk-base-B21zXxSo.js";
 //#region src/components/input-group/pk-input-group-text.styles.ts
 var pkInputGroupTextStyles = i`
     @layer pk-component {
@@ -32,6 +32,6 @@ var PkInputGroupText = class PkInputGroupText extends PkElement {
         `;
 	}
 };
-PkInputGroupText = __decorate([t("pk-input-group-text")], PkInputGroupText);
+PkInputGroupText = __decorate([customElement("pk-input-group-text")], PkInputGroupText);
 //#endregion
 export { PkInputGroupText };