@verbb/plugin-kit-web 2.0.22 → 2.0.24

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

@@ -1,7 +1,8 @@
-import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
-import "../../chunks/pk-button-BrH4u4Qr.js";
-import "../../chunks/pk-status-BehQARDv.js";
-import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-BhW406jt.js";
+import { i as customElement, t as __decorate } from "../../chunks/decorate-Br_PE9pq.js";
+import { r as state, t as property } from "../../chunks/decorators-BkErmuYK.js";
+import "../../chunks/pk-button-ntSVrer_.js";
+import "../../chunks/pk-status-CdiRBRyh.js";
+import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-oKhxa_m2.js";
 import { LitElement, html } from "lit";
 import { submitCpFormAction, watchCpFormDirty } from "@verbb/plugin-kit-core";
 //#region src/components/connect/pk-connect-oauth.ts

package/dist/components/connect/pk-connect-oauth.js.map

@@ -1 +1 @@
-{"version":3,"file":"pk-connect-oauth.js","names":[],"sources":["../../../src/components/connect/pk-connect-oauth.ts"],"sourcesContent":["import { submitCpFormAction, watchCpFormDirty } from '@verbb/plugin-kit-core';\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from '../../decorators.js';\n\nimport '../button/pk-button.js';\nimport '../status/pk-status.js';\nimport { pkConnectStyles } from './pk-connect.styles.js';\n\n/**\n * OAuth connect row for Craft CP settings.\n *\n * **Light DOM** — the row mounts inside Craft's `.field.lightswitch-field` wrapper and\n * reuses CP column classes (`.heading` / `.input`) so it lines up with Provider/Enabled\n * rows without shadow-piercing or duplicating Craft field styling. Action buttons use\n * `pk-button`; submission goes through `Craft.submitForm` (same as `.formsubmit`).\n */\n@customElement('pk-connect-oauth')\nexport class PkConnectOauth extends LitElement {\n    static override styles = pkConnectStyles;\n\n    @property({ type: Boolean, reflect: true })\n    connected = false;\n\n    @property({ attribute: 'connect-action' })\n    connectAction = '';\n\n    @property({ attribute: 'disconnect-action' })\n    disconnectAction = '';\n\n    @property({ attribute: 'param-name' })\n    paramName = '';\n\n    @property({ attribute: 'param-value' })\n    paramValue = '';\n\n    @property({ attribute: 'connect-redirect' })\n    connectRedirect = '';\n\n    @property({ attribute: 'disconnect-redirect' })\n    disconnectRedirect = '';\n\n    @property({ attribute: 'form-selector' })\n    formSelector = '#main-form';\n\n    /** When true, skip dirty-form watching (e.g. Formie read-only OAuth mini-form). */\n    @property({ type: Boolean, attribute: 'skip-dirty-watch' })\n    skipDirtyWatch = false;\n\n    @property({ attribute: 'label-connected' })\n    labelConnected = 'Connected';\n\n    @property({ attribute: 'label-not-connected' })\n    labelNotConnected = 'Not Connected';\n\n    @property({ attribute: 'label-connect' })\n    labelConnect = 'Connect';\n\n    @property({ attribute: 'label-disconnect' })\n    labelDisconnect = 'Disconnect';\n\n    @property({ attribute: 'label-save-to-connect' })\n    labelSaveToConnect = 'Save to connect.';\n\n    @state()\n    private isDirty = false;\n\n    private unwatchDirty: (() => void) | null = null;\n\n    override createRenderRoot(): HTMLElement | DocumentFragment {\n        return this;\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n\n        if (this.skipDirtyWatch) {\n            return;\n        }\n\n        this.unwatchDirty = watchCpFormDirty({\n            formSelector: this.formSelector,\n            host: this,\n            onDirty: () => {\n                this.isDirty = true;\n            },\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unwatchDirty?.();\n        this.unwatchDirty = null;\n        super.disconnectedCallback();\n    }\n\n    private submitOAuthAction(action: string, redirect: string): void {\n        submitCpFormAction({\n            formSelector: this.formSelector,\n            host: this,\n            action,\n            redirect,\n            paramName: this.paramName,\n            paramValue: this.paramValue,\n        });\n    }\n\n    private handleConnectClick(event: Event): void {\n        event.preventDefault();\n        this.submitOAuthAction(this.connectAction, this.connectRedirect);\n    }\n\n    private handleDisconnectClick(event: Event): void {\n        event.preventDefault();\n        this.submitOAuthAction(this.disconnectAction, this.disconnectRedirect);\n    }\n\n    override render() {\n        if (this.isDirty) {\n            return html`\n                <div class=\"heading\">\n                    <span class=\"warning with-icon\">${this.labelSaveToConnect}</span>\n                </div>\n            `;\n        }\n\n        if (this.connected) {\n            return html`\n                <div class=\"heading\">\n                    <pk-status status=\"on\" class=\"pk-connect__status-icon\"></pk-status>${this.labelConnected}\n                </div>\n\n                <div class=\"input ltr\">\n                    <pk-button\n                        type=\"button\"\n                        size=\"xs\"\n                        variant=\"default\"\n                        class=\"pk-connect__action\"\n                        @click=${this.handleDisconnectClick}\n                    >\n                        ${this.labelDisconnect}\n                    </pk-button>\n                </div>\n            `;\n        }\n\n        return html`\n            <div class=\"heading\">\n                <pk-status status=\"disabled\" class=\"pk-connect__status-icon\"></pk-status><span class=\"light\">${this.labelNotConnected}</span>\n            </div>\n\n            <div class=\"input ltr\">\n                <pk-button\n                    type=\"button\"\n                    size=\"xs\"\n                    variant=\"default\"\n                    class=\"pk-connect__action\"\n                    @click=${this.handleConnectClick}\n                >\n                    ${this.labelConnect}\n                </pk-button>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-connect-oauth': PkConnectOauth;\n    }\n}\n"],"mappings":";;;;;;;AAiBO,IAAA,iBAAA,MAAM,uBAAuB,WAAW;;;mBAI/B;uBAGI;0BAGG;mBAGP;oBAGC;yBAGK;4BAGG;sBAGN;wBAIE;wBAGA;2BAGG;sBAGL;yBAGG;4BAGG;iBAGH;sBAE0B;;;gBAhDnB;;CAkDzB,mBAA4D;AACxD,SAAO;;CAGX,oBAAmC;AAC/B,QAAM,mBAAmB;AAEzB,MAAI,KAAK,eACL;AAGJ,OAAK,eAAe,iBAAiB;GACjC,cAAc,KAAK;GACnB,MAAM;GACN,eAAe;AACX,SAAK,UAAU;;GAEtB,CAAC;;CAGN,uBAAsC;AAClC,OAAK,gBAAgB;AACrB,OAAK,eAAe;AACpB,QAAM,sBAAsB;;CAGhC,kBAA0B,QAAgB,UAAwB;AAC9D,qBAAmB;GACf,cAAc,KAAK;GACnB,MAAM;GACN;GACA;GACA,WAAW,KAAK;GAChB,YAAY,KAAK;GACpB,CAAC;;CAGN,mBAA2B,OAAoB;AAC3C,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,KAAK,eAAe,KAAK,gBAAgB;;CAGpE,sBAA8B,OAAoB;AAC9C,QAAM,gBAAgB;AACtB,OAAK,kBAAkB,KAAK,kBAAkB,KAAK,mBAAmB;;CAG1E,SAAkB;AACd,MAAI,KAAK,QACL,QAAO,IAAI;;sDAE+B,KAAK,mBAAmB;;;AAKtE,MAAI,KAAK,UACL,QAAO,IAAI;;yFAEkE,KAAK,eAAe;;;;;;;;;iCAS5E,KAAK,sBAAsB;;0BAElC,KAAK,gBAAgB;;;;AAMvC,SAAO,IAAI;;+GAE4F,KAAK,kBAAkB;;;;;;;;;6BASzG,KAAK,mBAAmB;;sBAE/B,KAAK,aAAa;;;;;;YAzInC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,aAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,eAAA,WAAA,iBAAA,KAAA,EAAA;YAGzC,SAAS,EAAE,WAAW,qBAAqB,CAAC,CAAA,EAAA,eAAA,WAAA,oBAAA,KAAA,EAAA;YAG5C,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,eAAA,WAAA,aAAA,KAAA,EAAA;YAGrC,SAAS,EAAE,WAAW,eAAe,CAAC,CAAA,EAAA,eAAA,WAAA,cAAA,KAAA,EAAA;YAGtC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,mBAAA,KAAA,EAAA;YAG3C,SAAS,EAAE,WAAW,uBAAuB,CAAC,CAAA,EAAA,eAAA,WAAA,sBAAA,KAAA,EAAA;YAG9C,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAIxC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;YAG1D,SAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,WAAW,uBAAuB,CAAC,CAAA,EAAA,eAAA,WAAA,qBAAA,KAAA,EAAA;YAG9C,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAGxC,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,eAAA,WAAA,mBAAA,KAAA,EAAA;YAG3C,SAAS,EAAE,WAAW,yBAAyB,CAAC,CAAA,EAAA,eAAA,WAAA,sBAAA,KAAA,EAAA;YAGhD,OAAO,CAAA,EAAA,eAAA,WAAA,WAAA,KAAA,EAAA;6BA/CX,cAAc,mBAAmB,CAAA,EAAA,eAAA"}
+{"version":3,"file":"pk-connect-oauth.js","names":["_decorate"],"sources":["../../../src/components/connect/pk-connect-oauth.ts"],"sourcesContent":["import { submitCpFormAction, watchCpFormDirty } from '@verbb/plugin-kit-core';\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from '../../decorators.js';\n\nimport '../button/pk-button.js';\nimport '../status/pk-status.js';\nimport { pkConnectStyles } from './pk-connect.styles.js';\n\n/**\n * OAuth connect row for Craft CP settings.\n *\n * **Light DOM** — the row mounts inside Craft's `.field.lightswitch-field` wrapper and\n * reuses CP column classes (`.heading` / `.input`) so it lines up with Provider/Enabled\n * rows without shadow-piercing or duplicating Craft field styling. Action buttons use\n * `pk-button`; submission goes through `Craft.submitForm` (same as `.formsubmit`).\n */\n@customElement('pk-connect-oauth')\nexport class PkConnectOauth extends LitElement {\n    static override styles = pkConnectStyles;\n\n    @property({ type: Boolean, reflect: true })\n    connected = false;\n\n    @property({ attribute: 'connect-action' })\n    connectAction = '';\n\n    @property({ attribute: 'disconnect-action' })\n    disconnectAction = '';\n\n    @property({ attribute: 'param-name' })\n    paramName = '';\n\n    @property({ attribute: 'param-value' })\n    paramValue = '';\n\n    @property({ attribute: 'connect-redirect' })\n    connectRedirect = '';\n\n    @property({ attribute: 'disconnect-redirect' })\n    disconnectRedirect = '';\n\n    @property({ attribute: 'form-selector' })\n    formSelector = '#main-form';\n\n    /** When true, skip dirty-form watching (e.g. Formie read-only OAuth mini-form). */\n    @property({ type: Boolean, attribute: 'skip-dirty-watch' })\n    skipDirtyWatch = false;\n\n    @property({ attribute: 'label-connected' })\n    labelConnected = 'Connected';\n\n    @property({ attribute: 'label-not-connected' })\n    labelNotConnected = 'Not Connected';\n\n    @property({ attribute: 'label-connect' })\n    labelConnect = 'Connect';\n\n    @property({ attribute: 'label-disconnect' })\n    labelDisconnect = 'Disconnect';\n\n    @property({ attribute: 'label-save-to-connect' })\n    labelSaveToConnect = 'Save to connect.';\n\n    @state()\n    private isDirty = false;\n\n    private unwatchDirty: (() => void) | null = null;\n\n    override createRenderRoot(): HTMLElement | DocumentFragment {\n        return this;\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n\n        if (this.skipDirtyWatch) {\n            return;\n        }\n\n        this.unwatchDirty = watchCpFormDirty({\n            formSelector: this.formSelector,\n            host: this,\n            onDirty: () => {\n                this.isDirty = true;\n            },\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unwatchDirty?.();\n        this.unwatchDirty = null;\n        super.disconnectedCallback();\n    }\n\n    private submitOAuthAction(action: string, redirect: string): void {\n        submitCpFormAction({\n            formSelector: this.formSelector,\n            host: this,\n            action,\n            redirect,\n            paramName: this.paramName,\n            paramValue: this.paramValue,\n        });\n    }\n\n    private handleConnectClick(event: Event): void {\n        event.preventDefault();\n        this.submitOAuthAction(this.connectAction, this.connectRedirect);\n    }\n\n    private handleDisconnectClick(event: Event): void {\n        event.preventDefault();\n        this.submitOAuthAction(this.disconnectAction, this.disconnectRedirect);\n    }\n\n    override render() {\n        if (this.isDirty) {\n            return html`\n                <div class=\"heading\">\n                    <span class=\"warning with-icon\">${this.labelSaveToConnect}</span>\n                </div>\n            `;\n        }\n\n        if (this.connected) {\n            return html`\n                <div class=\"heading\">\n                    <pk-status status=\"on\" class=\"pk-connect__status-icon\"></pk-status>${this.labelConnected}\n                </div>\n\n                <div class=\"input ltr\">\n                    <pk-button\n                        type=\"button\"\n                        size=\"xs\"\n                        variant=\"default\"\n                        class=\"pk-connect__action\"\n                        @click=${this.handleDisconnectClick}\n                    >\n                        ${this.labelDisconnect}\n                    </pk-button>\n                </div>\n            `;\n        }\n\n        return html`\n            <div class=\"heading\">\n                <pk-status status=\"disabled\" class=\"pk-connect__status-icon\"></pk-status><span class=\"light\">${this.labelNotConnected}</span>\n            </div>\n\n            <div class=\"input ltr\">\n                <pk-button\n                    type=\"button\"\n                    size=\"xs\"\n                    variant=\"default\"\n                    class=\"pk-connect__action\"\n                    @click=${this.handleConnectClick}\n                >\n                    ${this.labelConnect}\n                </pk-button>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-connect-oauth': PkConnectOauth;\n    }\n}\n"],"mappings":"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"}

package/dist/components/connect/pk-connect.d.ts

@@ -32,7 +32,6 @@ export declare class PkConnect extends LitElement {
     labelClose: string;
     private isDirty;
     private loading;
-    private showDetails;
     private unwatchDirty;
     private errorDialog;
     createRenderRoot(): HTMLElement | DocumentFragment;

package/dist/components/connect/pk-connect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-connect.d.ts","sourceRoot":"","sources":["../../../src/components/connect/pk-connect.ts"],"names":[],"mappings":"AAAA,OAAO,EAQH,KAAK,aAAa,EAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAgBhC;;;;;;;GAOG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAmB;IAEzC,uEAAuE;IAEvE,MAAM,SAAM;IAGZ,MAAM,EAAE,aAAa,CAAkB;IAGvC,YAAY,SAAgB;IAG5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/B,yEAAyE;IAEzE,OAAO,SAAc;IAGrB,IAAI,SAAM;IAGV,cAAc,SAAe;IAG7B,iBAAiB,SAAmB;IAGpC,eAAe,SAAiB;IAGhC,UAAU,SAAW;IAGrB,YAAY,SAAa;IAGzB,YAAY,SAAa;IAGzB,kBAAkB,SAAsB;IAGxC,iBAAiB,SAAsB;IAGvC,iBAAiB,SAAwC;IAGzD,gBAAgB,SAAkB;IAGlC,gBAAgB,SAAkB;IAGlC,UAAU,SAAW;IAGrB,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,WAAW,CAA4B;IAEtC,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAKlD,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,KAAK,MAAM,GAcjB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,WAAW,GAWtB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,iBAAiB;IAkEzB,OAAO,CAAC,cAAc;YA8BR,kBAAkB;IAwCvB,MAAM;CAiClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}
+{"version":3,"file":"pk-connect.d.ts","sourceRoot":"","sources":["../../../src/components/connect/pk-connect.ts"],"names":[],"mappings":"AAAA,OAAO,EAQH,KAAK,aAAa,EAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,oBAAoB,CAAC;AAE5B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,wBAAwB,CAAC;AAgBhC;;;;;;;GAOG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAmB;IAEzC,uEAAuE;IAEvE,MAAM,SAAM;IAGZ,MAAM,EAAE,aAAa,CAAkB;IAGvC,YAAY,SAAgB;IAG5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/B,yEAAyE;IAEzE,OAAO,SAAc;IAGrB,IAAI,SAAM;IAGV,cAAc,SAAe;IAG7B,iBAAiB,SAAmB;IAGpC,eAAe,SAAiB;IAGhC,UAAU,SAAW;IAGrB,YAAY,SAAa;IAGzB,YAAY,SAAa;IAGzB,kBAAkB,SAAsB;IAGxC,iBAAiB,SAAsB;IAGvC,iBAAiB,SAAwC;IAGzD,gBAAgB,SAAkB;IAGlC,gBAAgB,SAAkB;IAGlC,UAAU,SAAW;IAGrB,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,WAAW,CAA4B;IAEtC,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAKlD,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,KAAK,MAAM,GAcjB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,WAAW,GAWtB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,iBAAiB;IA8BzB,OAAO,CAAC,cAAc;YAgCR,kBAAkB;IAwCvB,MAAM;CAiClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}

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

@@ -1,9 +1,11 @@
-import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
-import "../../chunks/pk-button-BrH4u4Qr.js";
-import "../../chunks/pk-status-BehQARDv.js";
-import "../../chunks/pk-dialog-VMQqLW1f.js";
+import { i as customElement, t as __decorate } from "../../chunks/decorate-Br_PE9pq.js";
+import { r as state, t as property } from "../../chunks/decorators-BkErmuYK.js";
+import "../../chunks/pk-button-ntSVrer_.js";
 import "../icon/pk-icon.js";
-import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-BhW406jt.js";
+import "../../chunks/pk-state-panel-BTo2xiug.js";
+import "../../chunks/pk-status-CdiRBRyh.js";
+import "../../chunks/pk-dialog-C7KZGpQs.js";
+import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-oKhxa_m2.js";
 import { LitElement, html, nothing } from "lit";
 import { buildConnectPayload, escapeCpHtml, resolveConnectError, sendCpConnectRequest, serializeCpForm, watchCpFormDirty } from "@verbb/plugin-kit-core";
 //#region src/components/connect/pk-connect.ts
@@ -35,7 +37,6 @@ var PkConnect = class PkConnect extends LitElement {
 		this.labelClose = "Close";
 		this.isDirty = false;
 		this.loading = false;
-		this.showDetails = false;
 		this.unwatchDirty = null;
 		this.errorDialog = null;
 	}
@@ -103,7 +104,6 @@ var PkConnect = class PkConnect extends LitElement {
 	}
 	setModalOpen(open) {
 		this.fieldHost?.classList.toggle("pk-connect-field--modal-open", open);
-		if (!open) this.showDetails = false;
 	}
 	ensureErrorDialog() {
 		if (this.errorDialog) return this.errorDialog;
@@ -114,60 +114,39 @@ var PkConnect = class PkConnect extends LitElement {
 			`<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 class=\"pk-connect-dialog__content\">",
+			"<pk-state-panel class=\"pk-connect-dialog__state\" variant=\"error\" size=\"lg\" announce=\"assertive\">",
+			"<span class=\"pk-connect-dialog__message\"></span>",
+			"</pk-state-panel>",
 			"</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;
+		const statePanel = dialog.querySelector("pk-state-panel");
+		const message = dialog.querySelector(".pk-connect-dialog__message");
 		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;
+		const trace = error.traceAsArray.length > 0 ? error.traceAsArray.join("\n") : (error.traceAsString || error.trace || "").replace(/<br\s*\/?>/gi, "\n");
+		dialog.querySelector("[slot=\"details\"]")?.remove();
+		if (statePanel) {
+			statePanel.heading = error.heading || this.labelErrorHeading;
+			statePanel.detailsLabel = this.labelShowDetails;
+			statePanel.detailsOpen = false;
+			statePanel.copyable = Boolean(trace);
+			if (trace) {
+				const details = document.createElement("pre");
+				details.slot = "details";
+				details.textContent = trace;
+				statePanel.appendChild(details);
+			}
+		}
 		dialog.open = true;
 		this.setModalOpen(true);
 	}
@@ -251,7 +230,6 @@ __decorate([property({ attribute: "label-hide-details" })], PkConnect.prototype,
 __decorate([property({ attribute: "label-close" })], PkConnect.prototype, "labelClose", void 0);
 __decorate([state()], PkConnect.prototype, "isDirty", void 0);
 __decorate([state()], PkConnect.prototype, "loading", void 0);
-__decorate([state()], PkConnect.prototype, "showDetails", void 0);
 PkConnect = __decorate([customElement("pk-connect")], PkConnect);
 //#endregion
 export { PkConnect };

package/dist/components/connect/pk-connect.js.map

@@ -1 +1 @@
-{"version":3,"file":"pk-connect.js","names":[],"sources":["../../../src/components/connect/pk-connect.ts"],"sourcesContent":["import {\n    buildConnectPayload,\n    escapeCpHtml,\n    resolveConnectError,\n    sendCpConnectRequest,\n    serializeCpForm,\n    watchCpFormDirty,\n    type ConnectLabels,\n    type ConnectStatus,\n    type ErrorContent,\n} from '@verbb/plugin-kit-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from '../../decorators.js';\n\nimport '../button/pk-button.js';\nimport '../dialog/pk-dialog.js';\nimport '../icon/pk-icon.js';\nimport '../status/pk-status.js';\nimport type { PkStatusVariant } from '../status/pk-status.js';\nimport { pkConnectStyles } from './pk-connect.styles.js';\n\nconst pkStatusForState = (status: ConnectStatus): PkStatusVariant => {\n    if (status === 'connected') {\n        return 'on';\n    }\n\n    if (status === 'error') {\n        return 'off';\n    }\n\n    return 'disabled';\n};\n\n/**\n * Credentials / REST connect row for Craft CP source settings.\n *\n * **Light DOM** — mounts inside Craft `.field.lightswitch-field` and reuses CP\n * `.heading` / `.input` columns (see `pk-connect-oauth` for the same rationale).\n *\n * @fires pk-status-change - `detail.status` is the new {@link ConnectStatus}.\n */\n@customElement('pk-connect')\nexport class PkConnect extends LitElement {\n    static override styles = pkConnectStyles;\n\n    /** Craft controller action, e.g. `metrix/sources/check-connection`. */\n    @property({ reflect: true })\n    action = '';\n\n    @property({ reflect: true })\n    status: ConnectStatus = 'disconnected';\n\n    @property({ attribute: 'form-selector' })\n    formSelector = '#main-form';\n\n    @property({ attribute: 'source-id' })\n    sourceId: string | null = null;\n\n    /** POST key for the record id (`sourceId` default; Formie uses `id`). */\n    @property({ attribute: 'id-param' })\n    idParam = 'sourceId';\n\n    @property()\n    type = '';\n\n    @property({ attribute: 'label-connected' })\n    labelConnected = 'Connected';\n\n    @property({ attribute: 'label-not-connected' })\n    labelNotConnected = 'Not Connected';\n\n    @property({ attribute: 'label-connecting' })\n    labelConnecting = 'Connecting…';\n\n    @property({ attribute: 'label-error' })\n    labelError = 'Error';\n\n    @property({ attribute: 'label-connect' })\n    labelConnect = 'Connect';\n\n    @property({ attribute: 'label-refresh' })\n    labelRefresh = 'Refresh';\n\n    @property({ attribute: 'label-save-to-connect' })\n    labelSaveToConnect = 'Save to connect.';\n\n    @property({ attribute: 'label-error-heading' })\n    labelErrorHeading = 'Connection error';\n\n    @property({ attribute: 'label-generic-error' })\n    labelGenericError = 'Unable to connect to the provider.';\n\n    @property({ attribute: 'label-show-details' })\n    labelShowDetails = 'Show details';\n\n    @property({ attribute: 'label-hide-details' })\n    labelHideDetails = 'Hide details';\n\n    @property({ attribute: 'label-close' })\n    labelClose = 'Close';\n\n    @state()\n    private isDirty = false;\n\n    @state()\n    private loading = false;\n\n    @state()\n    private showDetails = false;\n\n    private unwatchDirty: (() => void) | null = null;\n    private errorDialog: HTMLElement | null = null;\n\n    override createRenderRoot(): HTMLElement | DocumentFragment {\n        // Light DOM — Craft field chrome and pk-* children share document tokens.\n        return this;\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.unwatchDirty = watchCpFormDirty({\n            formSelector: this.formSelector,\n            host: this,\n            onDirty: () => {\n                this.isDirty = true;\n            },\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unwatchDirty?.();\n        this.unwatchDirty = null;\n        this.errorDialog?.remove();\n        this.errorDialog = null;\n        super.disconnectedCallback();\n    }\n\n    private get labels(): ConnectLabels {\n        return {\n            connected: this.labelConnected,\n            notConnected: this.labelNotConnected,\n            connecting: this.labelConnecting,\n            error: this.labelError,\n            connect: this.labelConnect,\n            refresh: this.labelRefresh,\n            saveToConnect: this.labelSaveToConnect,\n            errorHeading: this.labelErrorHeading,\n            genericError: this.labelGenericError,\n            showDetails: this.labelShowDetails,\n            hideDetails: this.labelHideDetails,\n        };\n    }\n\n    private get fieldHost(): HTMLElement | null {\n        return this.closest('.pk-connect-field');\n    }\n\n    private get statusLabel(): string {\n        switch (this.status) {\n            case 'connected':\n                return this.labelConnected;\n            case 'error':\n                return this.labelError;\n            case 'connecting':\n                return this.labelConnecting;\n            default:\n                return this.labelNotConnected;\n        }\n    }\n\n    private get statusLabelMuted(): boolean {\n        return this.status !== 'connected' && this.status !== 'error';\n    }\n\n    private get actionLabel(): string {\n        return this.status === 'connected' ? this.labelRefresh : this.labelConnect;\n    }\n\n    private setConnectStatus(status: ConnectStatus): void {\n        this.status = status;\n        this.dispatchEvent(\n            new CustomEvent<{ status: ConnectStatus }>('pk-status-change', {\n                detail: { status },\n                bubbles: true,\n            }),\n        );\n    }\n\n    private setModalOpen(open: boolean): void {\n        this.fieldHost?.classList.toggle('pk-connect-field--modal-open', open);\n\n        if (!open) {\n            this.showDetails = false;\n        }\n    }\n\n    private ensureErrorDialog(): HTMLElement {\n        if (this.errorDialog) {\n            return this.errorDialog;\n        }\n\n        const dialog = document.createElement('pk-dialog');\n        dialog.className = 'pk-connect-dialog';\n        dialog.setAttribute('without-header', '');\n        dialog.innerHTML = [\n            `<pk-button slot=\"trigger\" type=\"button\" variant=\"none\" size=\"none\" icon class=\"pk-connect-dialog__close\" data-dialog=\"close\" aria-label=\"${escapeCpHtml(this.labelClose)}\">`,\n            '<pk-icon icon=\"xmark\"></pk-icon>',\n            '</pk-button>',\n            '<div class=\"pk-connection-error\">',\n            '<div class=\"pk-connection-error__stack\">',\n            '<div class=\"pk-connection-error__icon\"><pk-icon icon=\"triangle-exclamation\"></pk-icon></div>',\n            '<h3 class=\"pk-connection-error__heading\"></h3>',\n            '<p class=\"pk-connection-error__message\"></p>',\n            '<div class=\"pk-connection-error__details hidden\">',\n            '<button type=\"button\" class=\"pk-connection-error__details-toggle\">',\n            '<pk-icon icon=\"chevron-right\"></pk-icon>',\n            `<span class=\"pk-connection-error__details-label\">${escapeCpHtml(this.labelShowDetails)}</span>`,\n            '</button>',\n            '<div class=\"pk-connection-error__trace hidden\"></div>',\n            '</div>',\n            '</div>',\n            '</div>',\n        ].join('');\n\n        document.body.appendChild(dialog);\n\n        const detailsToggle = dialog.querySelector<HTMLButtonElement>('.pk-connection-error__details-toggle');\n        const traceEl = dialog.querySelector('.pk-connection-error__trace');\n        const detailsLabel = dialog.querySelector('.pk-connection-error__details-label');\n        const detailsWrap = dialog.querySelector('.pk-connection-error__details');\n        const chevron = dialog.querySelector('pk-icon');\n\n        detailsToggle?.addEventListener('click', () => {\n            this.showDetails = !this.showDetails;\n            traceEl?.classList.toggle('hidden', !this.showDetails);\n            chevron?.classList.toggle('is-open', this.showDetails);\n\n            if (detailsLabel) {\n                detailsLabel.textContent = this.showDetails\n                    ? this.labelHideDetails\n                    : this.labelShowDetails;\n            }\n        });\n\n        dialog.addEventListener('pk-open-change', (event) => {\n            const open = Boolean((event as CustomEvent<{ open?: boolean }>).detail?.open);\n            this.setModalOpen(open);\n\n            if (!open) {\n                traceEl?.classList.add('hidden');\n                chevron?.classList.remove('is-open');\n\n                if (detailsLabel) {\n                    detailsLabel.textContent = this.labelShowDetails;\n                }\n            }\n        });\n\n        this.errorDialog = dialog;\n        return dialog;\n    }\n\n    private showErrorModal(error: ErrorContent): void {\n        const dialog = this.ensureErrorDialog() as HTMLElement & { open: boolean };\n        const heading = dialog.querySelector('.pk-connection-error__heading');\n        const message = dialog.querySelector('.pk-connection-error__message');\n        const detailsWrap = dialog.querySelector('.pk-connection-error__details');\n        const traceEl = dialog.querySelector('.pk-connection-error__trace');\n\n        if (heading) {\n            heading.textContent = error.heading || this.labelErrorHeading;\n        }\n\n        if (message) {\n            message.textContent = error.text || this.labelGenericError;\n        }\n\n        const trace = error.traceAsString || error.trace || '';\n\n        if (trace && detailsWrap && traceEl) {\n            detailsWrap.classList.remove('hidden');\n            traceEl.innerHTML = trace;\n            traceEl.classList.add('hidden');\n        } else {\n            detailsWrap?.classList.add('hidden');\n        }\n\n        this.showDetails = false;\n        dialog.open = true;\n        this.setModalOpen(true);\n    }\n\n    private async handleConnectClick(event: Event): Promise<void> {\n        event.preventDefault();\n\n        if (this.isDirty || this.loading || !this.action) {\n            return;\n        }\n\n        this.loading = true;\n        this.setConnectStatus('connecting');\n        this.setModalOpen(false);\n\n        const values = serializeCpForm(this.formSelector, this);\n        const payload = buildConnectPayload(values, {\n            idParam: this.idParam,\n            sourceId: this.sourceId,\n            type: this.type || values.type,\n        });\n\n        try {\n            const response = await sendCpConnectRequest(this.action, payload);\n            this.loading = false;\n\n            if (response?.data?.success) {\n                this.setConnectStatus('connected');\n                return;\n            }\n\n            if (response?.data?.message || response?.data?.success === false) {\n                this.setConnectStatus('error');\n                this.showErrorModal(\n                    resolveConnectError(response?.data?.message ?? null, this.labels),\n                );\n            }\n        } catch (error) {\n            this.loading = false;\n            this.setConnectStatus('error');\n            this.showErrorModal(resolveConnectError(error, this.labels));\n        }\n    }\n\n    override render() {\n        if (this.isDirty) {\n            return html`\n                <div class=\"heading\">\n                    <span class=\"warning with-icon\">${this.labelSaveToConnect}</span>\n                </div>\n            `;\n        }\n\n        return html`\n            <div class=\"heading\">\n                <pk-status\n                    status=${pkStatusForState(this.status)}\n                    class=\"pk-connect__status-icon\"\n                ></pk-status><span class=${this.statusLabelMuted ? 'light' : nothing}>${this.statusLabel}</span>\n            </div>\n\n            <div class=\"input ltr\">\n                <pk-button\n                    type=\"button\"\n                    size=\"xs\"\n                    variant=\"default\"\n                    class=\"pk-connect__action\"\n                    spinner-size=\"xs\"\n                    ?loading=${this.loading}\n                    ?disabled=${this.loading || this.isDirty}\n                    @click=${this.handleConnectClick}\n                >\n                    ${this.actionLabel}\n                </pk-button>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-connect': PkConnect;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"pk-connect.js","names":["_decorate"],"sources":["../../../src/components/connect/pk-connect.ts"],"sourcesContent":["import {\n    buildConnectPayload,\n    escapeCpHtml,\n    resolveConnectError,\n    sendCpConnectRequest,\n    serializeCpForm,\n    watchCpFormDirty,\n    type ConnectLabels,\n    type ConnectStatus,\n    type ErrorContent,\n} from '@verbb/plugin-kit-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from '../../decorators.js';\n\nimport '../button/pk-button.js';\nimport '../dialog/pk-dialog.js';\nimport '../icon/pk-icon.js';\nimport type { PkStatePanel } from '../state-panel/pk-state-panel.js';\nimport '../state-panel/pk-state-panel.js';\nimport '../status/pk-status.js';\nimport type { PkStatusVariant } from '../status/pk-status.js';\nimport { pkConnectStyles } from './pk-connect.styles.js';\n\nconst pkStatusForState = (status: ConnectStatus): PkStatusVariant => {\n    if (status === 'connected') {\n        return 'on';\n    }\n\n    if (status === 'error') {\n        return 'off';\n    }\n\n    return 'disabled';\n};\n\n/**\n * Credentials / REST connect row for Craft CP source settings.\n *\n * **Light DOM** — mounts inside Craft `.field.lightswitch-field` and reuses CP\n * `.heading` / `.input` columns (see `pk-connect-oauth` for the same rationale).\n *\n * @fires pk-status-change - `detail.status` is the new {@link ConnectStatus}.\n */\n@customElement('pk-connect')\nexport class PkConnect extends LitElement {\n    static override styles = pkConnectStyles;\n\n    /** Craft controller action, e.g. `metrix/sources/check-connection`. */\n    @property({ reflect: true })\n    action = '';\n\n    @property({ reflect: true })\n    status: ConnectStatus = 'disconnected';\n\n    @property({ attribute: 'form-selector' })\n    formSelector = '#main-form';\n\n    @property({ attribute: 'source-id' })\n    sourceId: string | null = null;\n\n    /** POST key for the record id (`sourceId` default; Formie uses `id`). */\n    @property({ attribute: 'id-param' })\n    idParam = 'sourceId';\n\n    @property()\n    type = '';\n\n    @property({ attribute: 'label-connected' })\n    labelConnected = 'Connected';\n\n    @property({ attribute: 'label-not-connected' })\n    labelNotConnected = 'Not Connected';\n\n    @property({ attribute: 'label-connecting' })\n    labelConnecting = 'Connecting…';\n\n    @property({ attribute: 'label-error' })\n    labelError = 'Error';\n\n    @property({ attribute: 'label-connect' })\n    labelConnect = 'Connect';\n\n    @property({ attribute: 'label-refresh' })\n    labelRefresh = 'Refresh';\n\n    @property({ attribute: 'label-save-to-connect' })\n    labelSaveToConnect = 'Save to connect.';\n\n    @property({ attribute: 'label-error-heading' })\n    labelErrorHeading = 'Connection error';\n\n    @property({ attribute: 'label-generic-error' })\n    labelGenericError = 'Unable to connect to the provider.';\n\n    @property({ attribute: 'label-show-details' })\n    labelShowDetails = 'Show details';\n\n    @property({ attribute: 'label-hide-details' })\n    labelHideDetails = 'Hide details';\n\n    @property({ attribute: 'label-close' })\n    labelClose = 'Close';\n\n    @state()\n    private isDirty = false;\n\n    @state()\n    private loading = false;\n\n    private unwatchDirty: (() => void) | null = null;\n    private errorDialog: HTMLElement | null = null;\n\n    override createRenderRoot(): HTMLElement | DocumentFragment {\n        // Light DOM — Craft field chrome and pk-* children share document tokens.\n        return this;\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.unwatchDirty = watchCpFormDirty({\n            formSelector: this.formSelector,\n            host: this,\n            onDirty: () => {\n                this.isDirty = true;\n            },\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unwatchDirty?.();\n        this.unwatchDirty = null;\n        this.errorDialog?.remove();\n        this.errorDialog = null;\n        super.disconnectedCallback();\n    }\n\n    private get labels(): ConnectLabels {\n        return {\n            connected: this.labelConnected,\n            notConnected: this.labelNotConnected,\n            connecting: this.labelConnecting,\n            error: this.labelError,\n            connect: this.labelConnect,\n            refresh: this.labelRefresh,\n            saveToConnect: this.labelSaveToConnect,\n            errorHeading: this.labelErrorHeading,\n            genericError: this.labelGenericError,\n            showDetails: this.labelShowDetails,\n            hideDetails: this.labelHideDetails,\n        };\n    }\n\n    private get fieldHost(): HTMLElement | null {\n        return this.closest('.pk-connect-field');\n    }\n\n    private get statusLabel(): string {\n        switch (this.status) {\n            case 'connected':\n                return this.labelConnected;\n            case 'error':\n                return this.labelError;\n            case 'connecting':\n                return this.labelConnecting;\n            default:\n                return this.labelNotConnected;\n        }\n    }\n\n    private get statusLabelMuted(): boolean {\n        return this.status !== 'connected' && this.status !== 'error';\n    }\n\n    private get actionLabel(): string {\n        return this.status === 'connected' ? this.labelRefresh : this.labelConnect;\n    }\n\n    private setConnectStatus(status: ConnectStatus): void {\n        this.status = status;\n        this.dispatchEvent(\n            new CustomEvent<{ status: ConnectStatus }>('pk-status-change', {\n                detail: { status },\n                bubbles: true,\n            }),\n        );\n    }\n\n    private setModalOpen(open: boolean): void {\n        this.fieldHost?.classList.toggle('pk-connect-field--modal-open', open);\n    }\n\n    private ensureErrorDialog(): HTMLElement {\n        if (this.errorDialog) {\n            return this.errorDialog;\n        }\n\n        const dialog = document.createElement('pk-dialog');\n        dialog.className = 'pk-connect-dialog';\n        dialog.setAttribute('without-header', '');\n        dialog.innerHTML = [\n            `<pk-button slot=\"trigger\" type=\"button\" variant=\"none\" size=\"none\" icon class=\"pk-connect-dialog__close\" data-dialog=\"close\" aria-label=\"${escapeCpHtml(this.labelClose)}\">`,\n            '<pk-icon icon=\"xmark\"></pk-icon>',\n            '</pk-button>',\n            '<div class=\"pk-connect-dialog__content\">',\n            '<pk-state-panel class=\"pk-connect-dialog__state\" variant=\"error\" size=\"lg\" announce=\"assertive\">',\n            '<span class=\"pk-connect-dialog__message\"></span>',\n            '</pk-state-panel>',\n            '</div>',\n        ].join('');\n\n        document.body.appendChild(dialog);\n\n        dialog.addEventListener('pk-open-change', (event) => {\n            const open = Boolean((event as CustomEvent<{ open?: boolean }>).detail?.open);\n            this.setModalOpen(open);\n        });\n\n        this.errorDialog = dialog;\n        return dialog;\n    }\n\n    private showErrorModal(error: ErrorContent): void {\n        const dialog = this.ensureErrorDialog() as HTMLElement & { open: boolean };\n        const statePanel = dialog.querySelector<PkStatePanel>('pk-state-panel');\n        const message = dialog.querySelector('.pk-connect-dialog__message');\n\n        if (message) {\n            message.textContent = error.text || this.labelGenericError;\n        }\n\n        const trace = error.traceAsArray.length > 0\n            ? error.traceAsArray.join('\\n')\n            : (error.traceAsString || error.trace || '').replace(/<br\\s*\\/?>/gi, '\\n');\n        dialog.querySelector('[slot=\"details\"]')?.remove();\n\n        if (statePanel) {\n            statePanel.heading = error.heading || this.labelErrorHeading;\n            statePanel.detailsLabel = this.labelShowDetails;\n            statePanel.detailsOpen = false;\n            statePanel.copyable = Boolean(trace);\n\n            if (trace) {\n                const details = document.createElement('pre');\n                details.slot = 'details';\n                details.textContent = trace;\n                statePanel.appendChild(details);\n            }\n        }\n\n        dialog.open = true;\n        this.setModalOpen(true);\n    }\n\n    private async handleConnectClick(event: Event): Promise<void> {\n        event.preventDefault();\n\n        if (this.isDirty || this.loading || !this.action) {\n            return;\n        }\n\n        this.loading = true;\n        this.setConnectStatus('connecting');\n        this.setModalOpen(false);\n\n        const values = serializeCpForm(this.formSelector, this);\n        const payload = buildConnectPayload(values, {\n            idParam: this.idParam,\n            sourceId: this.sourceId,\n            type: this.type || values.type,\n        });\n\n        try {\n            const response = await sendCpConnectRequest(this.action, payload);\n            this.loading = false;\n\n            if (response?.data?.success) {\n                this.setConnectStatus('connected');\n                return;\n            }\n\n            if (response?.data?.message || response?.data?.success === false) {\n                this.setConnectStatus('error');\n                this.showErrorModal(\n                    resolveConnectError(response?.data?.message ?? null, this.labels),\n                );\n            }\n        } catch (error) {\n            this.loading = false;\n            this.setConnectStatus('error');\n            this.showErrorModal(resolveConnectError(error, this.labels));\n        }\n    }\n\n    override render() {\n        if (this.isDirty) {\n            return html`\n                <div class=\"heading\">\n                    <span class=\"warning with-icon\">${this.labelSaveToConnect}</span>\n                </div>\n            `;\n        }\n\n        return html`\n            <div class=\"heading\">\n                <pk-status\n                    status=${pkStatusForState(this.status)}\n                    class=\"pk-connect__status-icon\"\n                ></pk-status><span class=${this.statusLabelMuted ? 'light' : nothing}>${this.statusLabel}</span>\n            </div>\n\n            <div class=\"input ltr\">\n                <pk-button\n                    type=\"button\"\n                    size=\"xs\"\n                    variant=\"default\"\n                    class=\"pk-connect__action\"\n                    spinner-size=\"xs\"\n                    ?loading=${this.loading}\n                    ?disabled=${this.loading || this.isDirty}\n                    @click=${this.handleConnectClick}\n                >\n                    ${this.actionLabel}\n                </pk-button>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-connect': PkConnect;\n    }\n}\n"],"mappings":"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"}

package/dist/components/copy-button/pk-copy-button.d.ts

@@ -6,16 +6,26 @@ import { PkButtonVariant } from '../button/pk-button.js';
  * Place in `slot="end"` on `<pk-input>` (or another control with an end adornment)
  * for an in-control treatment that matches combobox / image-browser trailing actions.
  *
- * @slot icon - Copy icon (SVG supplied by the consumer)
+ * @slot icon - Custom copy icon. The component supplies a copy icon by default.
  *
  * @event pk-copy - Emitted when text is copied successfully
  * @event pk-copy-error - Emitted when copying fails
  *
  * @csspart button - Trigger button
+ * @csspart copy-icon - Copy icon shown before copying
  * @csspart success-icon - Success icon shown after copying
+ *
+ * @cssproperty --pk-copy-button-background - Trigger background override.
+ * @cssproperty --pk-copy-button-border-color - Trigger border colour override.
+ * @cssproperty --pk-copy-button-color - Trigger foreground colour override.
+ * @cssproperty --pk-copy-button-hover-background - Trigger hover background override.
+ * @cssproperty --pk-copy-button-hover-border-color - Trigger hover border colour override.
+ * @cssproperty --pk-copy-button-hover-color - Trigger hover foreground colour override.
+ * @cssproperty --pk-copy-button-radius - Trigger corner radius override.
  */
 export declare class PkCopyButton extends PkElement {
     static styles: import('lit').CSSResult;
+    private readonly hasSlotController;
     value: string;
     /**
      * Element id to copy from — `from="el[attr]"` or `from="el.value"`.
@@ -24,12 +34,17 @@ export declare class PkCopyButton extends PkElement {
     from: string;
     disabled: boolean;
     variant: PkButtonVariant;
+    /** Accessible name shown while the copy action is available. */
+    ariaLabel: string;
+    /** Accessible name shown briefly after copying succeeds. */
+    copiedLabel: string;
     private copied;
     private resetTimer?;
     disconnectedCallback(): void;
     private resetCopied;
     private scheduleReset;
-    private handleCopy;
+    /** Copy the configured value and emit the corresponding result event. */
+    copy(): Promise<void>;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

package/dist/components/copy-button/pk-copy-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/pk-copy-button.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,wBAAwB,CAAC;AAUhC;;;;;;;;;;;;;GAaG;AACH,qBACa,YAAa,SAAQ,SAAS;IACvC,OAAgB,MAAM,0BAAsB;IAG5C,KAAK,SAAM;IAEX;;;OAGG;IAEH,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,OAAO,EAAE,eAAe,CAAiB;IAGzC,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,UAAU,CAAC,CAAS;IAEnB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,aAAa;YAKP,UAAU;IAuBf,MAAM;CAoBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,YAAY,CAAC;KAClC;CACJ"}
+{"version":3,"file":"pk-copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/pk-copy-button.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,wBAAwB,CAAC;AAchC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,YAAa,SAAQ,SAAS;IACvC,OAAgB,MAAM,0BAAsB;IAE5C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAuC;IAGzE,KAAK,SAAM;IAEX;;;OAGG;IAEH,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,OAAO,EAAE,eAAe,CAAiB;IAEzC,gEAAgE;IAEhE,SAAS,SAAU;IAEnB,4DAA4D;IAE5D,WAAW,SAAY;IAGvB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,UAAU,CAAC,CAAS;IAEnB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,aAAa;IAKrB,yEAAyE;IACnE,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBlB,MAAM;CAsBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,YAAY,CAAC;KAClC;CACJ"}

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

@@ -1,2 +1,2 @@
-import { t as PkCopyButton } from "../../chunks/pk-copy-button-BVaOLtYG.js";
+import { t as PkCopyButton } from "../../chunks/pk-copy-button-5i9v_zmu.js";
 export { PkCopyButton };

package/dist/components/copy-button/pk-copy-button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pk-copy-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/pk-copy-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAoD9B,CAAC"}
+{"version":3,"file":"pk-copy-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/copy-button/pk-copy-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAiE9B,CAAC"}

package/dist/components/copy-button.js

@@ -1,2 +1,2 @@
-import { t as PkCopyButton } from "../chunks/pk-copy-button-BVaOLtYG.js";
+import { t as PkCopyButton } from "../chunks/pk-copy-button-5i9v_zmu.js";
 export { PkCopyButton };

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

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

package/dist/components/date-picker.js

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

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

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

package/dist/components/dialog.js

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

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

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

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

@@ -1,2 +1,2 @@
-import { t as PkDropdownLabel } from "../../chunks/pk-dropdown-label-CRNWMWQd.js";
+import { t as PkDropdownLabel } from "../../chunks/pk-dropdown-label-BdZLeizJ.js";
 export { PkDropdownLabel };

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

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

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

@@ -1,4 +1,4 @@
-import { n as PkElement, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
+import { i as customElement, n as PkElement, t as __decorate } from "../../chunks/decorate-Br_PE9pq.js";
 import { css, html } from "lit";
 //#region src/components/dropdown-menu/pk-dropdown-separator.ts
 var PkDropdownSeparator = class PkDropdownSeparator extends PkElement {

package/dist/components/dropdown-menu/pk-dropdown-separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"pk-dropdown-separator.js","names":[],"sources":["../../../src/components/dropdown-menu/pk-dropdown-separator.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from '../../decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\n\n/** Visual separator between dropdown items. */\n@customElement('pk-dropdown-separator')\nexport class PkDropdownSeparator extends PkElement {\n    static override styles = css`\n        @layer pk-component {\n            :host {\n                display: block;\n            }\n\n            hr {\n                display: block;\n                height: 1px;\n                margin: 4px 0;\n                border: 0;\n                padding: 0;\n                background: var(--pk-color-slate-200);\n            }\n        }\n    `;\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.setAttribute('role', 'separator');\n    }\n\n    override render() {\n        return html`<hr part=\"base\" />`;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-dropdown-separator': PkDropdownSeparator;\n    }\n}\n"],"mappings":";;;AAOO,IAAA,sBAAA,MAAM,4BAA4B,UAAU;;gBACtB,GAAG;;;;;;;;;;;;;;;;;CAiB5B,oBAAmC;AAC/B,QAAM,mBAAmB;AACzB,OAAK,aAAa,QAAQ,YAAY;;CAG1C,SAAkB;AACd,SAAO,IAAI;;;kCAzBlB,cAAc,wBAAwB,CAAA,EAAA,oBAAA"}
+{"version":3,"file":"pk-dropdown-separator.js","names":["_decorate"],"sources":["../../../src/components/dropdown-menu/pk-dropdown-separator.ts"],"sourcesContent":["import { css, html } from 'lit';\nimport { customElement } from '../../decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\n\n/** Visual separator between dropdown items. */\n@customElement('pk-dropdown-separator')\nexport class PkDropdownSeparator extends PkElement {\n    static override styles = css`\n        @layer pk-component {\n            :host {\n                display: block;\n            }\n\n            hr {\n                display: block;\n                height: 1px;\n                margin: 4px 0;\n                border: 0;\n                padding: 0;\n                background: var(--pk-color-slate-200);\n            }\n        }\n    `;\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.setAttribute('role', 'separator');\n    }\n\n    override render() {\n        return html`<hr part=\"base\" />`;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-dropdown-separator': PkDropdownSeparator;\n    }\n}\n"],"mappings":";;;AAOO,IAAM,sBAAN,MAAM,4BAA4B,UAAU;;EACtB,KAAA,SAAA,GAAG;;;;;;;;;;;;;;;;;CAiB5B,oBAAmC;EAC/B,MAAM,kBAAkB;EACxB,KAAK,aAAa,QAAQ,WAAW;CACzC;CAEA,SAAkB;EACd,OAAO,IAAI;CACf;AACJ;AA3BC,sBAAAA,WAAA,CAAA,cAAc,uBAAuB,CAAA,GAAA,mBAAA"}

package/dist/components/dropdown-menu.js

@@ -1,5 +1,5 @@
-import { t as PkDropdownItem } from "../chunks/pk-dropdown-item-D9OaG5o-.js";
-import { t as PkDropdownMenu } from "../chunks/pk-dropdown-menu-DW1wI8xQ.js";
-import { t as PkDropdownLabel } from "../chunks/pk-dropdown-label-CRNWMWQd.js";
+import { t as PkDropdownItem } from "../chunks/pk-dropdown-item-Ck2N_suK.js";
+import { t as PkDropdownMenu } from "../chunks/pk-dropdown-menu-DBsO1uYR.js";
+import { t as PkDropdownLabel } from "../chunks/pk-dropdown-label-BdZLeizJ.js";
 import { PkDropdownSeparator } from "./dropdown-menu/pk-dropdown-separator.js";
 export { PkDropdownItem, PkDropdownLabel, PkDropdownMenu, PkDropdownSeparator };

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

@@ -1,2 +1,2 @@
-import { a as nextRowId, i as isCustomColumn, r as getCustomCellSlotName, t as PkEditableTable } from "../../chunks/pk-editable-table-DDnu1I8Y.js";
+import { a as nextRowId, i as isCustomColumn, r as getCustomCellSlotName, t as PkEditableTable } from "../../chunks/pk-editable-table-Cd8K6vT4.js";
 export { PkEditableTable, getCustomCellSlotName, isCustomColumn, nextRowId };

package/dist/components/editable-table.js

@@ -1,2 +1,2 @@
-import { a as nextRowId, i as isCustomColumn, n as BUILTIN_COLUMN_TYPES, r as getCustomCellSlotName, t as PkEditableTable } from "../chunks/pk-editable-table-DDnu1I8Y.js";
+import { a as nextRowId, i as isCustomColumn, n as BUILTIN_COLUMN_TYPES, r as getCustomCellSlotName, t as PkEditableTable } from "../chunks/pk-editable-table-Cd8K6vT4.js";
 export { BUILTIN_COLUMN_TYPES, PkEditableTable, getCustomCellSlotName, isCustomColumn, nextRowId };

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

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

package/dist/components/field.js

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

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

@@ -1,4 +1,5 @@
-import { i as property, n as PkElement, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
+import { i as customElement, n as PkElement, t as __decorate } from "../../chunks/decorate-Br_PE9pq.js";
+import { t as property } from "../../chunks/decorators-BkErmuYK.js";
 import { css, html, nothing } from "lit";
 import { unsafeSVG } from "lit/directives/unsafe-svg.js";
 import { getIcon, iconToSvg, subscribeIconRegistry } from "@verbb/plugin-kit-icons";

package/dist/components/icon/pk-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"pk-icon.js","names":[],"sources":["../../../src/components/icon/pk-icon.ts"],"sourcesContent":["import { html, css, nothing } from 'lit';\nimport { customElement, property } from '../../decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { getIcon, iconToSvg, subscribeIconRegistry } from '@verbb/plugin-kit-icons';\n\nimport { PkElement } from '../../base/pk-element.js';\n\n/**\n * Standalone icon element backed by the Plugin Kit raw-SVG icon set.\n *\n * The name registry starts empty — consumers must {@link registerIcons}\n * (or import `@verbb/plugin-kit-icons/all.js`) before `<pk-icon icon=\"…\">` resolves.\n * Registrations are page-global across bundled Plugin Kit copies (Craft multi-plugin CP).\n *\n * Sizing follows `font-size` (defaults to `1em`), colour follows `currentColor`,\n * so consumers style it like text:\n *\n * ```html\n * <pk-icon icon=\"chevron-down\"></pk-icon>\n * <pk-icon icon=\"pen\" label=\"Edit\" style=\"font-size: 20px; color: #6b7280\"></pk-icon>\n * ```\n *\n * Prefer the `icon` attribute over `name`: some server-side form renderers\n * (e.g. Craft CMS `Html::namespaceInputs()`) rewrite every `name=\"…\"` attribute\n * in a form to namespace it, which would corrupt the icon lookup. `icon` is left\n * untouched. `name` is still supported for non-form contexts / back-compat.\n */\n@customElement('pk-icon')\nexport class PkIcon extends PkElement {\n    static override styles = css`\n        :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            flex: none;\n            /* Square em box + slight baseline nudge for inline text. Flex\n             * parents (e.g. button slots) should zero vertical-align. */\n            width: 1em;\n            height: 1em;\n            line-height: 1;\n            vertical-align: -0.125em;\n        }\n\n        svg {\n            display: block;\n            width: 100%;\n            height: 100%;\n            fill: currentColor;\n            /* Allow intentional path overhang past the icon canvas. */\n            overflow: visible;\n        }\n    `;\n\n    /**\n     * Icon name (kebab-case), e.g. `chevron-down`, `gear`, `xmark`.\n     * Namespacing-safe alternative to `name` — use this inside CMS form markup.\n     */\n    @property()\n    icon = '';\n\n    /**\n     * Icon name (kebab-case). Back-compat / non-form alias for `icon`.\n     * Avoid in server-namespaced forms, where `name` attributes get rewritten.\n     */\n    @property()\n    name = '';\n\n    /**\n     * Accessible label. When set the icon is exposed as an image with\n     * `aria-label`; otherwise it is hidden from assistive technology.\n     * Does not use HTML/SVG `title` (no native hover tooltip).\n     */\n    @property()\n    label?: string;\n\n    private unsubscribeRegistry: (() => void) | null = null;\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n\n        // Later plugins may register glyphs after this host upgraded — re-resolve.\n        this.unsubscribeRegistry = subscribeIconRegistry(() => {\n            this.requestUpdate();\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unsubscribeRegistry?.();\n        this.unsubscribeRegistry = null;\n        super.disconnectedCallback();\n    }\n\n    override render() {\n        const icon = getIcon(this.icon || this.name);\n\n        if (!icon) {\n            return nothing;\n        }\n\n        return html`${unsafeSVG(iconToSvg(icon, { title: this.label }))}`;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-icon': PkIcon;\n    }\n}\n"],"mappings":";;;;;AA4BO,IAAA,SAAA,MAAM,eAAe,UAAU;;;cA8B3B;cAOA;6BAU4C;;;gBA9C1B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;CAgD5B,oBAAmC;AAC/B,QAAM,mBAAmB;AAGzB,OAAK,sBAAsB,4BAA4B;AACnD,QAAK,eAAe;IACtB;;CAGN,uBAAsC;AAClC,OAAK,uBAAuB;AAC5B,OAAK,sBAAsB;AAC3B,QAAM,sBAAsB;;CAGhC,SAAkB;EACd,MAAM,OAAO,QAAQ,KAAK,QAAQ,KAAK,KAAK;AAE5C,MAAI,CAAC,KACD,QAAO;AAGX,SAAO,IAAI,GAAG,UAAU,UAAU,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC;;;YA1ClE,UAAU,CAAA,EAAA,OAAA,WAAA,QAAA,KAAA,EAAA;YAOV,UAAU,CAAA,EAAA,OAAA,WAAA,QAAA,KAAA,EAAA;YAQV,UAAU,CAAA,EAAA,OAAA,WAAA,SAAA,KAAA,EAAA;qBA7Cd,cAAc,UAAU,CAAA,EAAA,OAAA"}
+{"version":3,"file":"pk-icon.js","names":["_decorate"],"sources":["../../../src/components/icon/pk-icon.ts"],"sourcesContent":["import { html, css, nothing } from 'lit';\nimport { customElement, property } from '../../decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { getIcon, iconToSvg, subscribeIconRegistry } from '@verbb/plugin-kit-icons';\n\nimport { PkElement } from '../../base/pk-element.js';\n\n/**\n * Standalone icon element backed by the Plugin Kit raw-SVG icon set.\n *\n * The name registry starts empty — consumers must {@link registerIcons}\n * (or import `@verbb/plugin-kit-icons/all.js`) before `<pk-icon icon=\"…\">` resolves.\n * Registrations are page-global across bundled Plugin Kit copies (Craft multi-plugin CP).\n *\n * Sizing follows `font-size` (defaults to `1em`), colour follows `currentColor`,\n * so consumers style it like text:\n *\n * ```html\n * <pk-icon icon=\"chevron-down\"></pk-icon>\n * <pk-icon icon=\"pen\" label=\"Edit\" style=\"font-size: 20px; color: #6b7280\"></pk-icon>\n * ```\n *\n * Prefer the `icon` attribute over `name`: some server-side form renderers\n * (e.g. Craft CMS `Html::namespaceInputs()`) rewrite every `name=\"…\"` attribute\n * in a form to namespace it, which would corrupt the icon lookup. `icon` is left\n * untouched. `name` is still supported for non-form contexts / back-compat.\n */\n@customElement('pk-icon')\nexport class PkIcon extends PkElement {\n    static override styles = css`\n        :host {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            flex: none;\n            /* Square em box + slight baseline nudge for inline text. Flex\n             * parents (e.g. button slots) should zero vertical-align. */\n            width: 1em;\n            height: 1em;\n            line-height: 1;\n            vertical-align: -0.125em;\n        }\n\n        svg {\n            display: block;\n            width: 100%;\n            height: 100%;\n            fill: currentColor;\n            /* Allow intentional path overhang past the icon canvas. */\n            overflow: visible;\n        }\n    `;\n\n    /**\n     * Icon name (kebab-case), e.g. `chevron-down`, `gear`, `xmark`.\n     * Namespacing-safe alternative to `name` — use this inside CMS form markup.\n     */\n    @property()\n    icon = '';\n\n    /**\n     * Icon name (kebab-case). Back-compat / non-form alias for `icon`.\n     * Avoid in server-namespaced forms, where `name` attributes get rewritten.\n     */\n    @property()\n    name = '';\n\n    /**\n     * Accessible label. When set the icon is exposed as an image with\n     * `aria-label`; otherwise it is hidden from assistive technology.\n     * Does not use HTML/SVG `title` (no native hover tooltip).\n     */\n    @property()\n    label?: string;\n\n    private unsubscribeRegistry: (() => void) | null = null;\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n\n        // Later plugins may register glyphs after this host upgraded — re-resolve.\n        this.unsubscribeRegistry = subscribeIconRegistry(() => {\n            this.requestUpdate();\n        });\n    }\n\n    override disconnectedCallback(): void {\n        this.unsubscribeRegistry?.();\n        this.unsubscribeRegistry = null;\n        super.disconnectedCallback();\n    }\n\n    override render() {\n        const icon = getIcon(this.icon || this.name);\n\n        if (!icon) {\n            return nothing;\n        }\n\n        return html`${unsafeSVG(iconToSvg(icon, { title: this.label }))}`;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-icon': PkIcon;\n    }\n}\n"],"mappings":";;;;;;AA4BO,IAAM,SAAN,MAAM,eAAe,UAAU;;;EA8B3B,KAAA,OAAA;EAOA,KAAA,OAAA;EAU4C,KAAA,sBAAA;;;EA9C1B,KAAA,SAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;CAgD5B,oBAAmC;EAC/B,MAAM,kBAAkB;EAGxB,KAAK,sBAAsB,4BAA4B;GACnD,KAAK,cAAc;EACvB,CAAC;CACL;CAEA,uBAAsC;EAClC,KAAK,sBAAsB;EAC3B,KAAK,sBAAsB;EAC3B,MAAM,qBAAqB;CAC/B;CAEA,SAAkB;EACd,MAAM,OAAO,QAAQ,KAAK,QAAQ,KAAK,IAAI;EAE3C,IAAI,CAAC,MACD,OAAO;EAGX,OAAO,IAAI,GAAG,UAAU,UAAU,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;CAClE;AACJ;AA5CKA,WAAA,CAAA,SAAS,CAAA,GAAA,OAAA,WAAA,QAAA,KAAA,CAAA;AAOTA,WAAA,CAAA,SAAS,CAAA,GAAA,OAAA,WAAA,QAAA,KAAA,CAAA;AAQTA,WAAA,CAAA,SAAS,CAAA,GAAA,OAAA,WAAA,SAAA,KAAA,CAAA;AA7Cb,SAAAA,WAAA,CAAA,cAAc,SAAS,CAAA,GAAA,MAAA"}

package/dist/components/image-browser/pk-image-browser.js

@@ -1,2 +1,2 @@
-import { t as PkImageBrowser } from "../../chunks/pk-image-browser-Bj8LhWfk.js";
+import { t as PkImageBrowser } from "../../chunks/pk-image-browser-iUqdcLKs.js";
 export { PkImageBrowser };

package/dist/components/image-browser.js

@@ -1,2 +1,2 @@
-import { t as PkImageBrowser } from "../chunks/pk-image-browser-Bj8LhWfk.js";
+import { t as PkImageBrowser } from "../chunks/pk-image-browser-iUqdcLKs.js";
 export { PkImageBrowser };

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

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

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

@@ -1,2 +1,2 @@
-import { t as PkInputGroupAddon } from "../../chunks/pk-input-group-addon-ClBkGmAw.js";
+import { t as PkInputGroupAddon } from "../../chunks/pk-input-group-addon-DpxfuYp1.js";
 export { PkInputGroupAddon };

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

@@ -1,2 +1,2 @@
-import { t as PkInputGroupButton } from "../../chunks/pk-input-group-button-CHQHsWd4.js";
+import { t as PkInputGroupButton } from "../../chunks/pk-input-group-button-D5Hm4saA.js";
 export { PkInputGroupButton };

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

@@ -1,2 +1,2 @@
-import { t as PkInputGroupInput } from "../../chunks/pk-input-group-input-oNnqMBGU.js";
+import { t as PkInputGroupInput } from "../../chunks/pk-input-group-input-Cm1MoHgN.js";
 export { PkInputGroupInput };

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

@@ -1,2 +1,2 @@
-import { t as PkInputGroupText } from "../../chunks/pk-input-group-text-HUxlXROB.js";
+import { t as PkInputGroupText } from "../../chunks/pk-input-group-text-CtyJZ_Kg.js";
 export { PkInputGroupText };

package/dist/components/input-group/pk-input-group-textarea.js

@@ -1,2 +1,2 @@
-import { t as PkInputGroupTextarea } from "../../chunks/pk-input-group-textarea-Cl2FNuw-.js";
+import { t as PkInputGroupTextarea } from "../../chunks/pk-input-group-textarea-BxmKGjdt.js";
 export { PkInputGroupTextarea };

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

@@ -1,2 +1,2 @@
-import { t as PkInputGroup } from "../../chunks/pk-input-group-BLqKPnfc.js";
+import { t as PkInputGroup } from "../../chunks/pk-input-group-CN79c5HT.js";
 export { PkInputGroup };

package/dist/components/input-group.js

@@ -1,7 +1,7 @@
-import { t as PkInputGroup } from "../chunks/pk-input-group-BLqKPnfc.js";
-import { t as PkInputGroupAddon } from "../chunks/pk-input-group-addon-ClBkGmAw.js";
-import { t as PkInputGroupButton } from "../chunks/pk-input-group-button-CHQHsWd4.js";
-import { t as PkInputGroupInput } from "../chunks/pk-input-group-input-oNnqMBGU.js";
-import { t as PkInputGroupText } from "../chunks/pk-input-group-text-HUxlXROB.js";
-import { t as PkInputGroupTextarea } from "../chunks/pk-input-group-textarea-Cl2FNuw-.js";
+import { t as PkInputGroup } from "../chunks/pk-input-group-CN79c5HT.js";
+import { t as PkInputGroupAddon } from "../chunks/pk-input-group-addon-DpxfuYp1.js";
+import { t as PkInputGroupButton } from "../chunks/pk-input-group-button-D5Hm4saA.js";
+import { t as PkInputGroupInput } from "../chunks/pk-input-group-input-Cm1MoHgN.js";
+import { t as PkInputGroupText } from "../chunks/pk-input-group-text-CtyJZ_Kg.js";
+import { t as PkInputGroupTextarea } from "../chunks/pk-input-group-textarea-BxmKGjdt.js";
 export { PkInputGroup, PkInputGroupAddon, PkInputGroupButton, PkInputGroupInput, PkInputGroupText, PkInputGroupTextarea };

package/dist/components/input.js

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

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

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

package/dist/components/lightswitch.js

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

package/dist/components/popover/pk-popover.js

@@ -1,2 +1,2 @@
-import { t as PkPopover } from "../../chunks/pk-popover-D3jkHfwB.js";
+import { t as PkPopover } from "../../chunks/pk-popover-BOoGfR7I.js";
 export { PkPopover };

package/dist/components/popover.js

@@ -1,2 +1,2 @@
-import { t as PkPopover } from "../chunks/pk-popover-D3jkHfwB.js";
+import { t as PkPopover } from "../chunks/pk-popover-BOoGfR7I.js";
 export { PkPopover };

package/dist/components/popup/pk-popup.js

@@ -1,2 +1,2 @@
-import { t as PkPopup } from "../../chunks/pk-popup-B65tZMQH.js";
+import { t as PkPopup } from "../../chunks/pk-popup-DVE93VSV.js";
 export { PkPopup };

package/dist/components/popup.js

@@ -1,2 +1,2 @@
-import { t as PkPopup } from "../chunks/pk-popup-B65tZMQH.js";
+import { t as PkPopup } from "../chunks/pk-popup-DVE93VSV.js";
 export { PkPopup };

package/dist/components/radio-group/pk-radio-group.js

@@ -1,2 +1,2 @@
-import { t as PkRadioGroup } from "../../chunks/pk-radio-group-Dzd-3HaQ.js";
+import { t as PkRadioGroup } from "../../chunks/pk-radio-group-BehEZG_k.js";
 export { PkRadioGroup };