@pine-ds/core 3.26.4 → 3.27.0

package/components/pds-button.js

@@ -1,9 +1 @@
-import { P as PdsButton$1, d as defineCustomElement$1 } from './pds-button2.js';
-
-const PdsButton = PdsButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsButton, defineCustomElement };
-//# sourceMappingURL=pds-button.js.map
-
-//# sourceMappingURL=pds-button.js.map
+import{P as o,d as s}from"./pds-button2.js";const t=o,p=s;export{t as PdsButton,p as defineCustomElement}

package/components/pds-button2.js

@@ -1,250 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { h as hasShadowDom } from './utils.js';
-import { a as addCircle, c as caretDown } from './index2.js';
-import { d as defineCustomElement$2 } from './pds-icon2.js';
-import { d as defineCustomElement$1 } from './pds-loader2.js';
-
-const pdsButtonCss = ":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([aria-disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--color-background-default:transparent;--color-background-hover:var(--pine-color-background-muted);--color-background-disabled:transparent;--color-border-default:transparent;--color-border-hover:var(--pine-color-background-muted);--color-border-disabled:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--color-background-default:var(--pine-color-background-container);--color-background-hover:var(--pine-color-background-subtle);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}";
-
-const PdsButton = /*@__PURE__*/ proxyCustomElement(class PdsButton extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pdsClick = createEvent(this, "pdsClick", 7);
-        /**
-         * Determines the button's disabled state.
-         * @defaultValue false
-         */
-        this.disabled = false;
-        /**
-         * Determines if the button should take up the full width of its container.
-         * @defaultValue false
-         */
-        this.fullWidth = false;
-        /**
-         * Displays a leading icon in the button. DEPRECATED.
-         * @defaultValue null
-         * @deprecated Use `start` slot instead.
-         */
-        this.icon = null;
-        /**
-         * When true, displays only the icon and visually hides the text (keeping it accessible).
-         */
-        this.iconOnly = false;
-        /**
-         * Determines if the button is in a loading state.
-         * When true, displays a loader and hides the button text.
-         * @defaultValue false
-         */
-        this.loading = false;
-        /**
-         * Provides button with a type.
-         * @defaultValue button
-         */
-        this.type = 'button';
-        /**
-         * Sets the size of the button.
-         * @defaultValue default
-         */
-        this.size = 'default';
-        /**
-         * Sets the style variant of the button.
-         * @defaultValue primary
-         */
-        this.variant = 'primary';
-        this.hasStartContent = false;
-        this.hasEndContent = false;
-        this.handleStartSlotChange = (event) => {
-            this.hasStartContent = event.target.assignedElements({ flatten: true }).length > 0;
-        };
-        this.handleEndSlotChange = (event) => {
-            this.hasEndContent = event.target.assignedElements({ flatten: true }).length > 0;
-        };
-        this.handleClick = (ev) => {
-            if (this.loading) {
-                ev.preventDefault();
-                return;
-            }
-            // Prevent form submission for disabled buttons
-            if (this.disabled) {
-                ev.preventDefault();
-                return;
-            }
-            if (!this.href && this.type != 'button') {
-                // Handle form submission for Shadow DOM buttons
-                if (hasShadowDom(this.el)) {
-                    const form = this.el.closest('form');
-                    if (form) {
-                        ev.preventDefault();
-                        const fakeButton = document.createElement('button');
-                        fakeButton.type = this.type;
-                        fakeButton.style.display = 'none';
-                        form.appendChild(fakeButton);
-                        fakeButton.click();
-                        fakeButton.remove();
-                    }
-                }
-            }
-            this.pdsClick.emit(ev);
-        };
-    }
-    /**
-     * Listen for Enter key presses on form inputs to trigger submit
-     */
-    handleFormKeyDown(event) {
-        // Skip if an earlier handler already canceled the event — matches the browser's
-        // native implicit-submit behavior, which honors defaultPrevented.
-        if (event.defaultPrevented) {
-            return;
-        }
-        // Only handle Enter key for submit buttons that are not disabled
-        if (event.key !== 'Enter' || this.type !== 'submit' || this.href || this.disabled) {
-            return;
-        }
-        const target = event.target;
-        // Ensure event.target is an Element with matches method before proceeding
-        if (!target || typeof target.matches !== 'function') {
-            return;
-        }
-        const form = this.el.closest('form');
-        // Check if the Enter key was pressed in a form input within the same form
-        if (!form || !target || !form.contains(target)) {
-            return;
-        }
-        // Check if target is a form input element (exclude reset buttons)
-        const isFormInput = target.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])') ||
-            target.matches('pds-input') ||
-            target.matches('pds-select') ||
-            target.matches('pds-switch') ||
-            target.matches('pds-checkbox') ||
-            target.matches('pds-radio');
-        if (isFormInput) {
-            // Find all submit buttons in the form and check their actual properties
-            const allSubmitButtons = Array.from(form.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));
-            const enabledSubmitButtons = allSubmitButtons.filter(button => {
-                if (button.tagName.toLowerCase() === 'pds-button') {
-                    const pdsButton = button;
-                    return pdsButton.type === 'submit' && !pdsButton.disabled;
-                }
-                else {
-                    return !button.hasAttribute('disabled');
-                }
-            });
-            // Only synthesize click if this button is strictly the first enabled submit button
-            if (enabledSubmitButtons.length > 0 && enabledSubmitButtons[0] === this.el) {
-                event.preventDefault();
-                this.el.click();
-            }
-        }
-    }
-    classNames() {
-        const classNames = ['pds-button'];
-        if (this.variant) {
-            classNames.push('pds-button--' + this.variant);
-        }
-        if (this.size && this.size !== 'default') {
-            classNames.push('pds-button--' + this.size);
-        }
-        if (this.iconOnly) {
-            classNames.push('pds-button--icon-only');
-        }
-        if (this.loading) {
-            classNames.push('pds-button--loading');
-        }
-        return classNames.join(' ');
-    }
-    renderStartContent() {
-        if (this.variant === 'filter') {
-            return (h("pds-icon", { class: this.loading ? 'pds-button__icon--hidden' : '', icon: addCircle, part: "icon", "aria-hidden": "true" }));
-        }
-        // Deprecated icon prop still takes precedence over start slot
-        const hasIcon = this.icon && this.variant !== 'disclosure';
-        if (Boolean(hasIcon)) {
-            return (h("pds-icon", { class: this.loading ? 'pds-button__icon--hidden' : '', name: this.icon, part: "icon", "aria-hidden": "true" }));
-        }
-        // Always render the start slot so slotted content is projected reliably.
-        // The --empty class hides the wrapper when no content is slotted (prevents empty gap space).
-        const startClasses = `pds-button__icon${this.hasStartContent ? '' : ' pds-button__icon--empty'}${this.loading ? ' pds-button__icon--hidden' : ''}`;
-        return h("span", { class: startClasses }, h("slot", { name: "start", onSlotchange: this.handleStartSlotChange }));
-    }
-    renderEndContent() {
-        if (this.iconOnly) {
-            return null;
-        }
-        if (this.variant === 'disclosure') {
-            return (h("pds-icon", { class: this.loading ? 'pds-button__icon--hidden' : '', icon: caretDown, part: "caret", "aria-hidden": "true" }));
-        }
-        // Always render the end slot so slotted content is projected reliably.
-        // The --empty class hides the wrapper when no content is slotted (prevents empty gap space).
-        const endClasses = `pds-button__icon${this.hasEndContent ? '' : ' pds-button__icon--empty'}${this.loading ? ' pds-button__icon--hidden' : ''}`;
-        return h("span", { class: endClasses }, h("slot", { name: "end", onSlotchange: this.handleEndSlotChange }));
-    }
-    render() {
-        // Common props for both button and anchor elements
-        const commonProps = {
-            class: this.classNames(),
-            part: 'button',
-        };
-        const attributes = () => {
-            if (this.href) {
-                return Object.assign(Object.assign({}, commonProps), { download: this.download, href: this.disabled ? null : this.href, target: this.target });
-            }
-            return Object.assign(Object.assign({}, commonProps), { 'aria-busy': this.loading ? 'true' : null, 'aria-live': this.loading ? 'polite' : null, 'disabled': this.disabled, 'name': this.name, 'type': this.type, 'value': this.value });
-        };
-        const ContentElement = this.href ? 'a' : 'button';
-        // Hide text when loading or iconOnly is true
-        const hideText = this.loading || this.iconOnly;
-        const content = (h("div", { class: "pds-button__content", part: "button-content" }, this.renderStartContent(), h("span", { class: `pds-button__text ${hideText ? 'pds-button__text--hidden' : ''}`, part: "button-text" }, h("slot", null)), this.loading && (h("span", { class: "pds-button__loader" }, h("pds-loader", { "is-loading": true, size: "var(--pine-font-size-body-2xl)", variant: "spinner", exportparts: "loader-svg" }, "Loading..."))), this.renderEndContent()));
-        return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, id: this.componentId, onClick: this.handleClick, variant: this.variant }, h(ContentElement, Object.assign({}, attributes()), content)));
-    }
-    get el() { return this; }
-    static get style() { return pdsButtonCss; }
-}, [257, "pds-button", {
-        "componentId": [1, "component-id"],
-        "download": [1],
-        "disabled": [516],
-        "fullWidth": [4, "full-width"],
-        "href": [1],
-        "icon": [1],
-        "iconOnly": [4, "icon-only"],
-        "loading": [4],
-        "name": [1],
-        "target": [1],
-        "type": [1],
-        "value": [1],
-        "size": [1],
-        "variant": [1],
-        "hasStartContent": [32],
-        "hasEndContent": [32]
-    }, [[16, "keydown", "handleFormKeyDown"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-button", "pds-icon", "pds-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsButton);
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "pds-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { PdsButton as P, defineCustomElement as d };
-//# sourceMappingURL=pds-button2.js.map
-
-//# sourceMappingURL=pds-button2.js.map
+import{proxyCustomElement as o,HTMLElement as t,createEvent as r,h as n,Host as e,transformTag as d}from"@stencil/core/internal/client";import{h as i}from"./utils.js";import{a as s,c as a}from"./index2.js";import{d as l}from"./pds-icon2.js";import{d as p}from"./pds-loader2.js";const u=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.pdsClick=r(this,"pdsClick",7),this.disabled=!1,this.fullWidth=!1,this.icon=null,this.iconOnly=!1,this.loading=!1,this.type="button",this.size="default",this.variant="primary",this.hasStartContent=!1,this.hasEndContent=!1,this.handleStartSlotChange=o=>{this.hasStartContent=o.target.assignedElements({flatten:!0}).length>0},this.handleEndSlotChange=o=>{this.hasEndContent=o.target.assignedElements({flatten:!0}).length>0},this.handleClick=o=>{if(this.loading)o.preventDefault();else if(this.disabled)o.preventDefault();else{if(!this.href&&"button"!=this.type&&i(this.el)){const t=this.el.closest("form");if(t){o.preventDefault();const r=document.createElement("button");r.type=this.type,r.style.display="none",t.appendChild(r),r.click(),r.remove()}}this.pdsClick.emit(o)}}}handleFormKeyDown(o){if(o.defaultPrevented)return;if("Enter"!==o.key||"submit"!==this.type||this.href||this.disabled)return;const t=o.target;if(!t||"function"!=typeof t.matches)return;const r=this.el.closest("form");if(r&&t&&r.contains(t)&&(t.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||t.matches("pds-input")||t.matches("pds-select")||t.matches("pds-switch")||t.matches("pds-checkbox")||t.matches("pds-radio"))){const t=Array.from(r.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]')).filter((o=>"pds-button"===o.tagName.toLowerCase()?"submit"===o.type&&!o.disabled:!o.hasAttribute("disabled")));t.length>0&&t[0]===this.el&&(o.preventDefault(),this.el.click())}}classNames(){const o=["pds-button"];return this.variant&&o.push("pds-button--"+this.variant),this.size&&"default"!==this.size&&o.push("pds-button--"+this.size),this.iconOnly&&o.push("pds-button--icon-only"),this.loading&&o.push("pds-button--loading"),o.join(" ")}renderStartContent(){return"filter"===this.variant?n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:s,part:"icon","aria-hidden":"true"}):Boolean(this.icon&&"disclosure"!==this.variant)?n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"}):n("span",{class:`pds-button__icon${this.hasStartContent?"":" pds-button__icon--empty"}${this.loading?" pds-button__icon--hidden":""}`},n("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))}renderEndContent(){return this.iconOnly?null:"disclosure"===this.variant?n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:a,part:"caret","aria-hidden":"true"}):n("span",{class:`pds-button__icon${this.hasEndContent?"":" pds-button__icon--empty"}${this.loading?" pds-button__icon--hidden":""}`},n("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))}render(){const o={class:this.classNames(),part:"button"},t=this.href?"a":"button",r=this.loading||this.iconOnly,d=n("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),n("span",{class:"pds-button__text "+(r?"pds-button__text--hidden":""),part:"button-text"},n("slot",null)),this.loading&&n("span",{class:"pds-button__loader"},n("pds-loader",{"is-loading":!0,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return n(e,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},n(t,Object.assign({},(()=>Object.assign(Object.assign({},o),this.href?{download:this.download,href:this.disabled?null:this.href,target:this.target}:{"aria-busy":this.loading?"true":null,"aria-live":this.loading?"polite":null,disabled:this.disabled,name:this.name,type:this.type,value:this.value}))()),d))}get el(){return this}static get style(){return":host{--pds-button-background:var(--pds-button-color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--pds-button-color-border-default:transparent;--pds-button-color-border-disabled:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-border-hover:transparent;--button-loader-color:var(--pds-button-color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([aria-disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--pds-button-color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--pds-button-color-background-default));border:var(--pds-button-border);border-color:var(--pds-button-color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-button-color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--pds-button-color-background-hover);border-color:var(--pds-button-color-border-hover)}.pds-button:focus-visible{border-color:var(--pds-button-color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--pds-button-color-background-disabled);border-color:var(--pds-button-color-border-disabled);color:var(--pds-button-color-text-disabled);pointer-events:none}.pds-button--primary{--pds-button-color-background-default:var(--pine-color-primary);--pds-button-color-background-hover:var(--pine-color-primary-hover);--pds-button-color-background-disabled:var(--pine-color-primary-disabled);--pds-button-color-border-default:var(--pine-color-primary);--pds-button-color-border-hover:var(--pine-color-primary-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-primary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--pds-button-color-background-default:var(--pine-color-accent);--pds-button-color-background-hover:var(--pine-color-accent-hover);--pds-button-color-background-disabled:var(--pine-color-accent-disabled);--pds-button-color-border-default:var(--pine-color-accent);--pds-button-color-border-hover:var(--pine-color-accent-hover);--pds-button-color-text-default:var(--pine-color-white);--pds-button-color-text-disabled:var(--pine-color-text-accent-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--pds-button-color-background-default:var(--pine-color-danger);--pds-button-color-background-hover:var(--pine-color-danger-hover);--pds-button-color-background-disabled:var(--pine-color-danger-disabled);--pds-button-color-border-default:var(--pine-color-danger);--pds-button-color-border-hover:var(--pine-color-danger-hover);--pds-button-color-text-default:var(--pine-color-white);--pds-button-color-text-disabled:var(--pine-color-text-danger-disabled);--pds-button-color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--pds-button-color-background-default:var(--pine-color-secondary);--pds-button-color-background-hover:var(--pine-color-secondary-hover);--pds-button-color-background-disabled:var(--pine-color-secondary-disabled);--pds-button-color-border-disabled:var(--pine-color-border-disabled);--pds-button-color-border-focus:var(--pine-color-border);--pds-button-color-border-hover:var(--pine-color-border-hover);--pds-button-color-border-default:var(--pine-color-border);--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:var(--pine-color-background-muted);--pds-button-color-background-disabled:transparent;--pds-button-color-border-default:transparent;--pds-button-color-border-hover:var(--pine-color-background-muted);--pds-button-color-border-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--pds-button-color-background-default:var(--pine-color-background-container);--pds-button-color-background-hover:var(--pine-color-background-subtle);--pds-button-color-background-disabled:var(--pine-color-white);--pds-button-color-border-default:transparent;--pds-button-color-border-hover:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-hover:var(--pine-color-text-hover);--pds-button-color-text-disabled:var(--pine-color-text-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--pds-button-color-text-hover)}.pds-button--unstyled{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:transparent;--pds-button-color-background-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}"}},[257,"pds-button",{componentId:[1,"component-id"],download:[1],disabled:[516],fullWidth:[4,"full-width"],href:[1],icon:[1],iconOnly:[4,"icon-only"],loading:[4],name:[1],target:[1],type:[1],value:[1],size:[1],variant:[1],hasStartContent:[32],hasEndContent:[32]},[[16,"keydown","handleFormKeyDown"]]]);function c(){"undefined"!=typeof customElements&&["pds-button","pds-icon","pds-loader"].forEach((o=>{switch(o){case"pds-button":customElements.get(d(o))||customElements.define(d(o),u);break;case"pds-icon":customElements.get(d(o))||l();break;case"pds-loader":customElements.get(d(o))||p()}}))}export{u as P,c as d}

package/components/pds-checkbox.js

@@ -1,9 +1 @@
-import { P as PdsCheckbox$1, d as defineCustomElement$1 } from './pds-checkbox2.js';
-
-const PdsCheckbox = PdsCheckbox$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsCheckbox, defineCustomElement };
-//# sourceMappingURL=pds-checkbox.js.map
-
-//# sourceMappingURL=pds-checkbox.js.map
+import{P as o,d as s}from"./pds-checkbox2.js";const c=o,p=s;export{c as PdsCheckbox,p as defineCustomElement}

package/components/pds-checkbox2.js

@@ -1,150 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { e as exposeTypeProperty, i as isSpecTest, a as assignDescription, m as messageId } from './form.js';
-import { h as danger } from './index2.js';
-import { i as inheritAriaAttributes } from './attributes.js';
-import { d as defineCustomElement$1 } from './pds-icon2.js';
-
-const labelCss = ":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";
-
-const pdsCheckboxCss = ":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-white);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:\"\";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-white);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:\"\";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -60%) rotate(43deg);transform:translate(-50%, -60%) rotate(43deg);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}:host-context([dir=rtl]) input:checked::after{-webkit-transform:translate(-50%, -60%) rotate(-43deg);transform:translate(-50%, -60%) rotate(-43deg)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}";
-
-const PdsCheckbox = /*@__PURE__*/ proxyCustomElement(class PdsCheckbox extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pdsCheckboxChange = createEvent(this, "pdsCheckboxChange", 7);
-        this.pdsCheckboxInput = createEvent(this, "pdsCheckboxInput", 7);
-        this.inheritedAttributes = {};
-        this._type = 'checkbox';
-        /**
-         * It determines whether or not the checkbox is checked.
-         */
-        this.checked = false;
-        this.handleCheckboxChange = (e) => {
-            if (this.disabled) {
-                return;
-            }
-            const target = e.target;
-            this.checked = target.checked;
-            this.updateFormValue();
-            this.pdsCheckboxChange.emit({
-                checked: target.checked,
-                value: this.value
-            });
-        };
-        this.handleInput = () => {
-            this.pdsCheckboxInput.emit({
-                checked: this.checked,
-                value: this.value
-            });
-        };
-    }
-    updateIndeterminate() {
-        this.indeterminate = undefined;
-    }
-    classNames() {
-        const classNames = [];
-        if (this.invalid) {
-            classNames.push('is-invalid');
-        }
-        if (this.indeterminate) {
-            classNames.push('is-indeterminate');
-        }
-        if (this.disabled) {
-            classNames.push('is-disabled');
-        }
-        return classNames.join('  ');
-    }
-    connectedCallback() {
-        // Initialize ElementInternals for form association (only once per element instance)
-        if (this.el.attachInternals && !this.internals) {
-            this.internals = this.el.attachInternals();
-        }
-        // Expose type property on the element instance to match native form element behavior
-        exposeTypeProperty(this.el, () => this._type);
-    }
-    componentDidLoad() {
-        this.updateFormValue();
-    }
-    checkedChanged() {
-        this.updateFormValue();
-    }
-    updateFormValue() {
-        if (isSpecTest())
-            return;
-        if (this.internals && this.internals.setFormValue) {
-            // For checkboxes, only send the value when checked, otherwise send null
-            const formValue = this.checked ? (this.value || 'on') : null;
-            this.internals.setFormValue(formValue);
-        }
-        if (this.internals && this.internals.setValidity) {
-            this.internals.setValidity({});
-        }
-    }
-    formStateRestoreCallback(state) {
-        if (state instanceof FormData) {
-            // For checkboxes, restore if the value exists in FormData
-            const value = this.value || 'on';
-            this.checked = state.get(this.name) === value;
-        }
-        else if (typeof state === 'string') {
-            // Restore from string state
-            this.checked = state === (this.value || 'on');
-        }
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = Object.assign({}, inheritAriaAttributes(this.el));
-    }
-    render() {
-        return (h(Host, { key: 'd4a447aba6ffa638b0bf3ed7a5cfd4580168da79', class: this.classNames() }, h("label", { key: '75fcd32809f736f8e4f6af2021f86d2c5b7bc110', htmlFor: this.componentId }, h("input", Object.assign({ key: '5238103a16bc1c6baf92b5802bca17db748a14b2', type: "checkbox", "aria-describedby": assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, id: this.componentId, indeterminate: this.indeterminate, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange, onInput: this.handleInput }, this.inheritedAttributes)), h("span", { key: '0a652dc44e4c35d3a5484065f140a231a0d46424', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), this.helperMessage &&
-            h("div", { key: '76f40eba1d92ffcdb9946c8cc17714bda421a8a7', class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
-            h("div", { key: 'ad05bf066a91bc934344c3696ec82ec6b9813c07', class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, h("pds-icon", { key: '4d3f9dddea4be870323db41a6cc5d69a9be44d7d', icon: danger, size: "small" }), this.errorMessage)));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "checked": ["updateIndeterminate", "checkedChanged"]
-    }; }
-    static get style() { return labelCss + pdsCheckboxCss; }
-}, [321, "pds-checkbox", {
-        "checked": [1028],
-        "componentId": [1, "component-id"],
-        "disabled": [4],
-        "errorMessage": [1, "error-message"],
-        "helperMessage": [1, "helper-message"],
-        "indeterminate": [1028],
-        "invalid": [4],
-        "label": [1],
-        "hideLabel": [4, "hide-label"],
-        "name": [1],
-        "required": [4],
-        "value": [1]
-    }, undefined, {
-        "checked": ["updateIndeterminate", "checkedChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-checkbox", "pds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-checkbox":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsCheckbox);
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { PdsCheckbox as P, defineCustomElement as d };
-//# sourceMappingURL=pds-checkbox2.js.map
-
-//# sourceMappingURL=pds-checkbox2.js.map
+import{proxyCustomElement as e,HTMLElement as i,createEvent as r,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";import{e as n,i as s,a as d,m as c}from"./form.js";import{h as l}from"./index2.js";import{i as h}from"./attributes.js";import{d as b}from"./pds-icon2.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsCheckboxChange=r(this,"pdsCheckboxChange",7),this.pdsCheckboxInput=r(this,"pdsCheckboxInput",7),this.inheritedAttributes={},this._type="checkbox",this.checked=!1,this.handleCheckboxChange=e=>{if(this.disabled)return;const i=e.target;this.checked=i.checked,this.updateFormValue(),this.pdsCheckboxChange.emit({checked:i.checked,value:this.value})},this.handleInput=()=>{this.pdsCheckboxInput.emit({checked:this.checked,value:this.value})}}updateIndeterminate(){this.indeterminate=void 0}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.indeterminate&&e.push("is-indeterminate"),this.disabled&&e.push("is-disabled"),e.join("  ")}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),n(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){s()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.checked?this.value||"on":null),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name)===i}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}componentWillLoad(){this.inheritedAttributes=Object.assign({},h(this.el))}render(){return t(o,{key:"d4a447aba6ffa638b0bf3ed7a5cfd4580168da79",class:this.classNames()},t("label",{key:"75fcd32809f736f8e4f6af2021f86d2c5b7bc110",htmlFor:this.componentId},t("input",Object.assign({key:"5238103a16bc1c6baf92b5802bca17db748a14b2",type:"checkbox","aria-describedby":d(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":void 0,id:this.componentId,indeterminate:this.indeterminate,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange,onInput:this.handleInput},this.inheritedAttributes)),t("span",{key:"0a652dc44e4c35d3a5484065f140a231a0d46424",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&t("div",{key:"76f40eba1d92ffcdb9946c8cc17714bda421a8a7",class:"pds-checkbox__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"ad05bf066a91bc934344c3696ec82ec6b9813c07",class:"pds-checkbox__message pds-checkbox__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"4d3f9dddea4be870323db41a6cc5d69a9be44d7d",icon:l,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{updateIndeterminate:0},{checkedChanged:0}]}}static get style(){return':host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-white);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-white);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -60%) rotate(43deg);transform:translate(-50%, -60%) rotate(43deg);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}:host-context([dir=rtl]) input:checked::after{-webkit-transform:translate(-50%, -60%) rotate(-43deg);transform:translate(-50%, -60%) rotate(-43deg)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}'}},[65,"pds-checkbox",{checked:[1028],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],indeterminate:[1028],invalid:[4],label:[1],hideLabel:[4,"hide-label"],name:[1],required:[4],value:[1]},void 0,{checked:[{updateIndeterminate:0},{checkedChanged:0}]}]);function m(){"undefined"!=typeof customElements&&["pds-checkbox","pds-icon"].forEach((e=>{switch(e){case"pds-checkbox":customElements.get(a(e))||customElements.define(a(e),p);break;case"pds-icon":customElements.get(a(e))||b()}}))}export{p as P,m as d}

package/components/pds-chip.js

@@ -1,9 +1 @@
-import { P as PdsChip$1, d as defineCustomElement$1 } from './pds-chip2.js';
-
-const PdsChip = PdsChip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsChip, defineCustomElement };
-//# sourceMappingURL=pds-chip.js.map
-
-//# sourceMappingURL=pds-chip.js.map
+import{P as s,d as o}from"./pds-chip2.js";const p=s,r=o;export{p as PdsChip,r as defineCustomElement}