@pine-ds/core 4.0.0-mercury.0 → 4.1.0

package/components/pds-switch.js

@@ -1,82 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { a as assignDescription, P as PdsLabel, m as messageId } from './pds-label.js';
-
-const pdsSwitchCss = ":host{--border-radius-input:var(--pine-border-radius-200);--box-shadow-focus:0 0 0 2px var(--color-outline-focus);--box-shadow-focus-error:0 0 0 2px var(--color-outline-focus-error);--box-shadow-input-toggle:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--color-background-checked:var(--pine-color-charcoal-400);--color-background-checked-hover:var(--pine-color-charcoal-400);--color-background-disabled:var(--pine-color-grey-300);--color-background-hover:var(--pine-color-grey-500);--color-background-input-default:var(--pine-color-grey-400);--color-input-toggle:var(--pine-color-white);--color-message-text:var(--pine-color-charcoal-200);--color-outline-focus:var(--pine-color-blue-200);--color-outline-focus-error:var(--pine-color-red-200);--color-text-default:var(--pine-color-charcoal-400);--color-text-disabled:var(--pine-color-grey-500);--color-text-error:var(--pine-color-red-300);--dimension-input-height:20px;--dimension-input-width:36px;--line-height-label:var(--pine-line-height-150);--sizing-input-toggle-size:calc(var(--dimension-input-height) - (var(--spacing-input-toggle-offset) * 2));--spacing-label-gap-size:var(--pine-spacing-150);--spacing-input-toggle-offset:calc(var(--pine-spacing-050) / 2);--spacing-message-block:var(--pine-spacing-050);--spacing-message-inline:calc(var(--dimension-input-width) + var(--spacing-label-gap-size));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-margin-after:var(--pine-spacing-md);margin-block-end:var(--pine-spacing-md);position:relative}:host(.pds-switch--error){color:var(--color-text-error)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--color-text-error)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-background-input-default);border:0;border-radius:var(--border-radius-input);cursor:pointer;display:inline-block;height:var(--dimension-input-height);margin:0;padding:0;position:relative;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--dimension-input-width)}input::after{background:var(--color-input-toggle);border-radius:50%;-webkit-box-shadow:var(--box-shadow-input-toggle);box-shadow:var(--box-shadow-input-toggle);content:\"\";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;line-height:var(--line-height-label);-webkit-margin-start:var(--spacing-label-gap-size);margin-inline-start:var(--spacing-label-gap-size)}.pds-switch--error label{color:inherit}.pds-switch__message{color:var(--color-message-text);-ms-flex:1 0 100%;flex:1 0 100%;font-size:var(--pine-font-size-body-sm);line-height:var(--pine-line-height-sm);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline)}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-block);margin-block-start:var(--spacing-message-block)}.pds-switch__message--error{color:inherit}input:disabled{background-color:var(--color-background-disabled);cursor:not-allowed}input:disabled~label{color:var(--color-text-disabled);cursor:initial}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--color-background-hover)}input:focus-visible:not(:disabled){-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--color-background-checked)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--color-background-checked-hover)}";
-const PdsSwitchStyle0 = pdsSwitchCss;
-
-const PdsSwitch$1 = /*@__PURE__*/ proxyCustomElement(class PdsSwitch extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.pdsSwitchChange = createEvent(this, "pdsSwitchChange", 7);
-        this.onSwitchUpdate = (e) => {
-            if (this.disabled)
-                return;
-            this.pdsSwitchChange.emit(e);
-        };
-        /**
-         * Generate switch classes
-         */
-        this.switchClassNames = () => {
-            let switchClasses = `pds-switch`;
-            if (this.invalid === true) {
-                switchClasses += " pds-switch--error";
-            }
-            if (this.helperMessage !== undefined) {
-                switchClasses += " pds-switch--message";
-            }
-            return switchClasses;
-        };
-        this.componentId = undefined;
-        this.checked = false;
-        this.disabled = false;
-        this.errorMessage = undefined;
-        this.helperMessage = undefined;
-        this.invalid = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.required = false;
-        this.type = 'checkbox';
-        this.value = undefined;
-    }
-    render() {
-        return (h(Host, { key: '5c33e5bd4a42f187450a81faec033832524f1b29', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, h("input", { key: 'cb2a8287cdb44f337b4ecae15968e823f314b4d1', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: this.type, value: this.value }), h(PdsLabel, { key: '86c700a16a23513b3ba34f2add1775274ecc6784', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
-            h("div", { key: '30c8b18c990a54330bf3442d9cbbb35387de0ec3', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
-            h("div", { key: '1eb57d78271d8c1fbe2fa680eeb88fd2fd1d35c9', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
-    }
-    get el() { return this; }
-    static get style() { return PdsSwitchStyle0; }
-}, [1, "pds-switch", {
-        "componentId": [1, "component-id"],
-        "checked": [4],
-        "disabled": [4],
-        "errorMessage": [1, "error-message"],
-        "helperMessage": [1, "helper-message"],
-        "invalid": [4],
-        "label": [1],
-        "name": [1],
-        "required": [4],
-        "type": [1],
-        "value": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-switch"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-switch":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsSwitch$1);
-            }
-            break;
-    } });
-}
-
-const PdsSwitch = PdsSwitch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsSwitch, defineCustomElement };
-
-//# sourceMappingURL=pds-switch.js.map
+import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as t,Host as r,transformTag as n}from"@stencil/core/internal/client";import{e as a,i as o,a as l,m as c}from"./form.js";import{h as d}from"./index2.js";import{i as h}from"./attributes.js";import{d as p}from"./pds-icon2.js";const b=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsSwitchChange=s(this,"pdsSwitchChange",7),this.inheritedAttributes={},this._type="checkbox",this.checked=!1,this.disabled=!1,this.invalid=!1,this.required=!1,this.onSwitchUpdate=e=>{this.disabled||(this.checked=e.target.checked,this.updateFormValue(),this.pdsSwitchChange.emit(e))},this.switchClassNames=()=>{let e="pds-switch";return!0===this.invalid&&(e+=" pds-switch--error"),void 0!==this.helperMessage&&(e+=" pds-switch--message"),e}}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),a(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){o()||(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||this.componentId)===i}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}componentWillLoad(){this.inheritedAttributes=Object.assign({},h(this.el))}render(){return t(r,{key:"3b15b1f098a56bed7f5ab95a549a0ca1cb3444b3",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},t("label",{key:"f0a6a95ead6b8b11122c5153402fbe68e1382cb4",htmlFor:this.componentId},t("input",Object.assign({key:"7633dce93d0983f31492cca51f238d2e321d3316","aria-describedby":l(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"3b0b1a38d4a0cee505bd0f1c7383af259e2da2b0",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&t("div",{key:"e6770c0fed9f7a8a626e91cd8aa84b8623bd4b32",class:"pds-switch__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"88cb91dc6cf056b0af35a1821c839166217a9eb4",class:"pds-switch__message pds-switch__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"6faf4e7b7e13193c147769d9308fb4d23425aa9c",icon:d,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{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{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.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-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}'}},[65,"pds-switch",{componentId:[1,"component-id"],checked:[1028],disabled:[4],errorMessage:[1,"error-message"],hideLabel:[4,"hide-label"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],required:[4],value:[1]},void 0,{checked:[{checkedChanged:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["pds-switch","pds-icon"].forEach((e=>{switch(e){case"pds-switch":customElements.get(n(e))||customElements.define(n(e),b);break;case"pds-icon":customElements.get(n(e))||p()}}))};export{m as PdsSwitch,g as defineCustomElement}

package/components/pds-tab.js

@@ -1,53 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-const pdsTabCss = "pds-tab{--border-none:var(--pine-border-width-none);--border-radius-availability:var(--pine-border-radius-100);--border-radius-default:var(--pine-border-radius-125);--border-radius-none:var(--pine-border-radius-0);--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--color-background-active:var(--pine-color-charcoal-400);--color-background-availability:var(--pine-color-white);--color-background-default:var(--pine-color-grey-300);--color-background-hover:var(--pine-color-grey-400);--color-text-active:var(--pine-color-charcoal-400);--color-text-active-inverse:var(--pine-color-white);--color-text-default:var(--pine-color-charcoal-200);--color-text-focus:var(--pine-color-charcoal-300);--font-size-availability-content:var(--pine-font-size-075);--font-size-default:var(--pine-font-size-100);--font-size-filter-content:var(--pine-font-size-087);--font-weight-default:var(--pine-font-weight-medium);--line-height-availability-content:var(--pine-line-height-100);--line-height-default:var(--pine-line-height-150);--line-height-filter-content:var(--pine-line-height-125);--outline:4px solid var(--pine-color-blue-200);--spacing-padding-none:var(--pine-spacing-0);display:inline-block;position:relative}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--border-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--spacing-padding-none);-ms-flex-align:center;align-items:center;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--color-text-active)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--color-text-active)}.pds-tab:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-tab .pds-tab__content{font-family:inherit;font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:currentColor;bottom:0;content:\"\";height:3px;left:0;opacity:0;position:absolute;right:0}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:var(--border-radius-availability) var(--border-radius-availability) var(--border-radius-none) var(--border-radius-none);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-availability)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-default)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--color-text-default)}.pds-tabs--availability .pds-tab__content{font-size:var(--font-size-availability-content);line-height:var(--line-height-availability-content);padding-bottom:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:\"\";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter{--color-background-tab:var(--color-background-active)}.pds-tabs--filter .pds-tab{background-color:var(--color-background-tab);border-radius:50px;color:var(--color-text-active);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{--color-background-tab:var(--color-background-active);color:var(--color-text-active-inverse)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--color-background-hover)}.pds-tabs--filter .pds-tab__content{font-size:var(--font-size-filter-content);line-height:var(--line-height-filter-content);-webkit-padding-after:0;padding-block-end:0}.pds-tabs--filter .pds-tab__content::after{content:unset}";
-const PdsTabStyle0 = pdsTabCss;
-
-const PdsTab$1 = /*@__PURE__*/ proxyCustomElement(class PdsTab extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.pdsTabClick = createEvent(this, "pdsTabClick", 7);
-        this.name = undefined;
-        this.parentComponentId = undefined;
-        this.variant = undefined;
-        this.index = undefined;
-        this.selected = false;
-    }
-    onTabClick(index, parentComponentId) {
-        this.pdsTabClick.emit([index, parentComponentId]);
-    }
-    render() {
-        const availabilityTabEdgeInlineStart = (h("span", { key: '5ea7f20d14e906993c0cfbef0ae9a37b305be9fd', class: "pds-tab-edge", role: "presentation" }));
-        const availabilityTabEdgeInlineEnd = (h("span", { key: '9fc8287a57fd777472d9f909a451332b7edd8c39', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
-        return (h(Host, { key: '16d11c4bda123cbb698674c560dc7c826fe653ca', variant: this.variant, slot: "tabs", index: this.index }, h("button", { key: '63e18d48cd1206c87e520cbe85c09e7fbd8752f0', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.selected ? "0" : "-1", "aria-selected": this.selected ? "true" : "false", class: this.selected ? "pds-tab is-active" : "pds-tab", onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, h("div", { key: '5db0ed6e01b1cfe58f47669b369bb72bd3caa033', class: "pds-tab__content" }, h("slot", { key: '1737f4b6a524cf165deb1eb1a2627ae834a76be2' })))));
-    }
-    get el() { return this; }
-    static get style() { return PdsTabStyle0; }
-}, [4, "pds-tab", {
-        "name": [1],
-        "parentComponentId": [1, "parent-component-id"],
-        "variant": [1],
-        "index": [2],
-        "selected": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-tab"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-tab":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsTab$1);
-            }
-            break;
-    } });
-}
-
-const PdsTab = PdsTab$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsTab, defineCustomElement };
-
-//# sourceMappingURL=pds-tab.js.map
+import{proxyCustomElement as t,HTMLElement as e,createEvent as a,h as i,Fragment as s,Host as o,transformTag as d}from"@stencil/core/internal/client";import{u as n}from"./reconnected-content.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.pdsTabClick=a(this,"pdsTabClick",7),this.disabled=!1,this.active=!1,this.selected=!1}componentDidRender(){n(this.el.querySelector(".pds-tab__content"),"a.pds-tab, button.pds-tab",".pds-tab__content")}onTabClick(t,e){this.disabled||this.pdsTabClick.emit([t,e])}get hasHref(){return null!=this.href&&""!==this.href}get isNav(){var t;return null!==(t=this.navMode)&&void 0!==t?t:this.hasHref}get isActive(){return this.isNav?this.active:this.selected}classNames(){return["pds-tab",this.isActive&&"is-active",this.disabled&&"is-disabled"].filter(Boolean).join(" ")}render(){const t=i("span",{class:"pds-tab-edge",role:"presentation"}),e=i("span",{class:"pds-tab-edge pds-tab-edge--end",role:"presentation"}),a=i(s,null,"availability"===this.variant&&t,"availability"===this.variant&&e,i("div",{class:"pds-tab__content"},i("slot",null)));return i(o,{variant:this.variant,slot:"tabs",index:this.index},this.isNav?i("a",{href:this.disabled||!this.hasHref?void 0:this.href,role:this.disabled||!this.hasHref?"link":void 0,id:this.parentComponentId+"__"+this.name,class:this.classNames(),target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,"aria-current":this.isActive?"page":void 0,"aria-disabled":this.disabled?"true":null,"data-turbo-frame":this.turboFrame||void 0,"data-turbo-action":this.turboAction||void 0},a):i("button",{role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.disabled?"-1":this.selected?"0":"-1","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,class:this.classNames(),onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},a))}get el(){return this}static get style(){return'pds-tab{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.pds-tabs--pill pds-tab{-ms-flex:1;flex:1}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--pine-border-width-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--pine-dimension-none);-ms-flex-align:center;align-items:center;color:var(--pine-color-text-secondary);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--pine-color-text)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover:not(:disabled,.is-disabled){color:var(--pine-color-text)}.pds-tab:focus{outline:none}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tab:disabled,.pds-tab.is-disabled{color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-tab .pds-tab__content{font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--pine-color-brand);content:"";height:3px;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);inset-inline-start:var(--pine-dimension-none);opacity:0;position:absolute}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);color:var(--pine-color-text-secondary);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-secondary);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:var(--pine-z-index-raised)}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled,.is-disabled){--color-background-tab:var(--pine-color-secondary-hover);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab:disabled,.pds-tabs--availability .pds-tab.is-disabled{--color-background-tab:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--availability .pds-tab__content{-webkit-padding-after:7px;padding-block-end:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter .pds-tab{background-color:var(--pine-color-background-muted);border-radius:50px;color:var(--pine-color-text);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{background-color:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab.is-active:hover:not(:disabled,.is-disabled),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled,.is-disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled,.is-disabled){background-color:var(--pine-color-border-disabled)}.pds-tabs--filter .pds-tab:disabled,.pds-tabs--filter .pds-tab.is-disabled{background-color:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--filter .pds-tab:disabled.is-active,.pds-tabs--filter .pds-tab:disabled[aria-selected=true],.pds-tabs--filter .pds-tab.is-disabled.is-active,.pds-tabs--filter .pds-tab.is-disabled[aria-selected=true]{background-color:var(--pine-color-primary-disabled)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-tabs--filter .pds-tab__content::after{content:unset}.pds-tabs--pill{--color-background-tab:transparent}.pds-tabs--pill .pds-tab{background-color:var(--color-background-tab);border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);-ms-flex:1;flex:1;height:34px;-ms-flex-pack:center;justify-content:center}.pds-tabs--pill .pds-tab .pds-tab__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-padding-after:0;padding-block-end:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-background-container);border-color:var(--pine-color-border);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);color:var(--pine-color-text-active)}.pds-tabs--pill .pds-tab.is-active:focus-visible,.pds-tabs--pill .pds-tab[aria-selected=true]:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab.is-active .pds-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab:disabled,.pds-tabs--pill .pds-tab.is-disabled{color:var(--pine-color-text-disabled)}'}},[260,"pds-tab",{disabled:[4],href:[1],active:[4],target:[1],turboFrame:[1,"turbo-frame"],turboAction:[1,"turbo-action"],name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],index:[2],selected:[4],navMode:[4,"nav-mode"]}]),l=r,b=function(){"undefined"!=typeof customElements&&["pds-tab"].forEach((t=>{"pds-tab"===t&&(customElements.get(d(t))||customElements.define(d(t),r))}))};export{l as PdsTab,b as defineCustomElement}

package/components/pds-table-body.js

@@ -1,36 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pdsTableBodyCss = ":host{border-color:inherit;display:table-row-group;vertical-align:middle}";
-const PdsTableBodyStyle0 = pdsTableBodyCss;
-
-const PdsTableBody$1 = /*@__PURE__*/ proxyCustomElement(class PdsTableBody extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '53ae547e27857b0e8e11adcbab634979555b37ab', role: "rowgroup" }, h("slot", { key: 'ba94c5332cdb944a36eecfd8f16c63e1fd0c0c0c' })));
-    }
-    static get style() { return PdsTableBodyStyle0; }
-}, [1, "pds-table-body"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-table-body"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-table-body":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsTableBody$1);
-            }
-            break;
-    } });
-}
-
-const PdsTableBody = PdsTableBody$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsTableBody, defineCustomElement };
-
-//# sourceMappingURL=pds-table-body.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"bd4c84fdefd61afbd4138488b04419d62021c1ad",role:"rowgroup",part:"body"},o("slot",{key:"a16c0cfc807969c005b743293144e4f7470fe851"}))}static get style(){return":host{border-color:inherit;display:table-row-group;vertical-align:middle}"}},[257,"pds-table-body"]),c=d,l=function(){"undefined"!=typeof customElements&&["pds-table-body"].forEach((e=>{"pds-table-body"===e&&(customElements.get(s(e))||customElements.define(s(e),d))}))};export{c as PdsTableBody,l as defineCustomElement}

package/components/pds-table-cell.js

@@ -1,8 +1 @@
-import { P as PdsTableCell$1, d as defineCustomElement$1 } from './pds-table-cell2.js';
-
-const PdsTableCell = PdsTableCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsTableCell, defineCustomElement };
-
-//# sourceMappingURL=pds-table-cell.js.map
+import{P as s,d as o}from"./pds-table-cell2.js";const t=s,a=o;export{t as PdsTableCell,a as defineCustomElement}

package/components/pds-table-cell2.js

@@ -1,72 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pdsTableCellCss = ":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);--color-background-fixed:var(--pine-color-white);--color-cell-default:var(--pine-color-charcoal-200);--dimension-fixed-cell-position:0;--dimension-max-width-truncated:100px;--font-size-cell-default:var(--pine-font-size-087);--number-fixed-column-index:0;--spacing-line-height-cell-default:var(--pine-line-height-125);--spacing-padding-cell-default:calc(var(--pine-spacing-300) / 2);--spacing-padding-compact:var(--pine-spacing-050);color:var(--color-cell-default);display:table-cell;font-size:var(--font-size-cell-default);line-height:var(--spacing-line-height-cell-default);padding:var(--spacing-padding-cell-default);vertical-align:inherit}:host(.is-compact){padding-block:var(--spacing-padding-compact)}:host(.is-fixed){background:var(--color-background-fixed);left:var(--dimension-fixed-cell-position);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--dimension-max-width-truncated);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";
-const PdsTableCellStyle0 = pdsTableCellCss;
-
-const PdsTableCell = /*@__PURE__*/ proxyCustomElement(class PdsTableCell extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.handleScroll = () => {
-            if (this.tableRef.scrollLeft > 0) {
-                this.tableScrolling = true;
-            }
-            else {
-                this.tableScrolling = false;
-            }
-        };
-        this.truncate = undefined;
-        this.tableScrolling = false;
-    }
-    componentWillRender() {
-        this.tableRef = this.hostElement.closest('pds-table');
-    }
-    componentDidLoad() {
-        if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {
-            this.tableRef.addEventListener('scroll', this.handleScroll);
-        }
-    }
-    classNames() {
-        const classNames = [];
-        if (this.tableRef && this.tableRef.compact) {
-            classNames.push('is-compact');
-        }
-        if (this.truncate) {
-            classNames.push('is-truncated');
-        }
-        if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {
-            classNames.push('has-scrolled');
-        }
-        return classNames.join(' ');
-    }
-    render() {
-        return (h(Host, { key: '91ed20b4338792e6d72834d81d966c154fa2bc6d', class: this.classNames(), role: "gridcell", style: this.tableRef &&
-                this.tableRef.fixedColumn &&
-                this.tableRef.selectable
-                ? { '--fixed-cell-position': '40px' }
-                : {} }, h("slot", { key: '40dafc4697ba077a121979b604100107f51e9ff1' })));
-    }
-    get hostElement() { return this; }
-    static get style() { return PdsTableCellStyle0; }
-}, [1, "pds-table-cell", {
-        "truncate": [4],
-        "tableScrolling": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-table-cell"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-table-cell":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsTableCell);
-            }
-            break;
-    } });
-}
-
-export { PdsTableCell as P, defineCustomElement as d };
-
-//# sourceMappingURL=pds-table-cell2.js.map
+import{proxyCustomElement as t,HTMLElement as i,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{i as l}from"./scroll.js";import{s as o}from"./truncation-tooltip.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.scrollContainer=null,this.setupRetries=0,this.truncationCleanup=null,this.tableScrolling=!1,this.handleScroll=()=>{if(this.scrollContainer)try{this.tableScrolling=l(this.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table")}componentDidLoad(){this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener(),this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.cleanupScrollListener(),this.destroyTruncationTooltip()}setupScrollListener(){var t;if(!this.tableRef)return;const i=null===(t=this.tableRef.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container");i?(this.scrollContainer=i,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll(),this.setupRetries=0):this.setupTimer=window.setTimeout((()=>{this.scrollContainer||(this.setupRetries=(this.setupRetries||0)+1,this.setupRetries<=50?this.setupScrollListener():console.warn("Failed to find responsive container after 50 attempts"))}),100)}cleanupScrollListener(){this.scrollContainer&&(this.scrollContainer.removeEventListener("scroll",this.handleScroll),this.scrollContainer=null),void 0!==this.setupTimer&&(window.clearTimeout(this.setupTimer),this.setupTimer=void 0),this.setupRetries=0}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.truncationCleanup=o({hostEl:this.hostElement,contentEl:this.hostElement,getTooltipText:()=>this.hostElement.textContent||""})}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}classNames(){const t=[];return this.tableRef&&this.tableRef.compact&&t.push("is-compact"),this.cellAlign&&t.push(`pds-table-cell--align-${this.cellAlign}`),this.truncate&&t.push("is-truncated"),this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling&&t.push("has-scrolled"),t.join(" ")}render(){return e(s,{key:"1b20d85c75e5ca772f1c6fb402d06ef0f6b170a7",class:this.classNames(),role:"gridcell",part:"cell",tabIndex:this.truncate?0:void 0,style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"3d1dc98bc9e3dead532af0c5c79305eaedee62be"}))}get hostElement(){return this}static get watchers(){return{truncate:[{handleTruncateChange:0}]}}static get style(){return":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:middle}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:0;position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host-context([dir=rtl]){--box-shadow-fixed:-3px 3px 6px -2px rgba(0, 0, 0, 0.2)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--pds-table-cell-truncate-max-width, 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}:host(.pds-table-cell--align-start){text-align:start}:host(.pds-table-cell--align-center){text-align:center}:host(.pds-table-cell--align-end){text-align:end}:host(.pds-table-cell--align-justify){text-align:justify}"}},[257,"pds-table-cell",{cellAlign:[1,"cell-align"],truncate:[4],tableScrolling:[32]},void 0,{truncate:[{handleTruncateChange:0}]}]);function h(){"undefined"!=typeof customElements&&["pds-table-cell"].forEach((t=>{"pds-table-cell"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))}export{a as P,h as d}

package/components/pds-table-head-cell.js

@@ -1,8 +1 @@
-import { P as PdsTableHeadCell$1, d as defineCustomElement$1 } from './pds-table-head-cell2.js';
-
-const PdsTableHeadCell = PdsTableHeadCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsTableHeadCell, defineCustomElement };
-
-//# sourceMappingURL=pds-table-head-cell.js.map
+import{P as s,d as a}from"./pds-table-head-cell2.js";const e=s,o=a;export{e as PdsTableHeadCell,o as defineCustomElement}

package/components/pds-table-head-cell2.js

@@ -1,98 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { e as upSmall, d as downSmall } from './index2.js';
-import { d as defineCustomElement$1 } from './pds-icon2.js';
-
-const pdsTableHeadCellCss = ":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);--color-background-fixed:var(--pine-color-white);--color-sorting:var(--pine-color-charcoal-500);--color-text-default:var(--pine-color-charcoal-200);--dimension-fixed-cell-position:0;--font-size-head-cell:var(--pine-font-size-087);--font-weight-cell-default:var(--pine-font-weight-normal);--line-height-cell-default:var(--pine-line-height-125);--padding-cell-default:calc(var(--pine-spacing-300) / 2);--spacing-margin-inline-start-arrow:var(--pine-spacing-050);--spacing-padding-arrow:calc(var(--pine-spacing-050) / 2);--spacing-padding-block-compact:var(--pine-spacing-050);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--color-text-default);display:table-cell;font-size:var(--font-size-head-cell);font-style:normal;font-weight:var(--font-weight-cell-default);line-height:var(--line-height-cell-default);padding:var(--padding-cell-default);text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--spacing-padding-block-compact)}:host(.is-fixed){background:var(--color-background-fixed);left:var(--dimension-fixed-cell-position);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--spacing-margin-inline-start-arrow);margin-inline-start:var(--spacing-margin-inline-start-arrow);-webkit-padding-before:var(--spacing-padding-arrow);padding-block-start:var(--spacing-padding-arrow);position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--color-sorting)}";
-const PdsTableHeadCellStyle0 = pdsTableHeadCellCss;
-
-const PdsTableHeadCell = /*@__PURE__*/ proxyCustomElement(class PdsTableHeadCell extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.pdsTableSort = createEvent(this, "pdsTableSort", 7);
-        this.handleScroll = () => {
-            if (this.tableRef.scrollLeft > 0) {
-                this.tableScrolling = true;
-            }
-            else {
-                this.tableScrolling = false;
-            }
-        };
-        this.toggleSort = () => {
-            if (this.sortable) {
-                const column = this.hostElement.innerText.trim();
-                this.sortingDirection = this.sortingDirection === 'asc' ? 'desc' : 'asc';
-                this.tableRef.querySelectorAll('pds-table-head-cell').forEach((headCell) => {
-                    headCell.classList.remove('is-active');
-                });
-                this.hostElement.classList.toggle('is-active');
-                this.pdsTableSort.emit({ column, direction: this.sortingDirection });
-            }
-        };
-        this.sortable = undefined;
-        this.sortingDirection = 'asc';
-        this.tableScrolling = false;
-        this.isSelected = false;
-    }
-    componentWillRender() {
-        this.tableRef = this.hostElement.closest('pds-table');
-    }
-    componentDidLoad() {
-        if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {
-            this.tableRef.addEventListener('scroll', this.handleScroll);
-        }
-    }
-    classNames() {
-        const classNames = [];
-        if (this.tableRef && this.tableRef.compact) {
-            classNames.push('is-compact');
-        }
-        if (this.sortable) {
-            classNames.push('is-sortable');
-        }
-        if (this.sortable && this.sortingDirection !== null) {
-            classNames.push('sort-' + this.sortingDirection);
-        }
-        if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {
-            classNames.push('has-scrolled');
-        }
-        return classNames.join('  ');
-    }
-    render() {
-        return (h(Host, { key: '72e242a22774d4b534b7a8653673606e0e9c6ef1', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
-                this.tableRef.fixedColumn &&
-                this.tableRef.selectable
-                ? { '--fixed-cell-position': '40px' }
-                : {} }, h("slot", { key: '08e1d5aab1761ed097e2669716884196c946bcc3' }), this.sortable && (h("pds-icon", { key: '43421a2b1401426878601468acee702ce45404bf', icon: this.sortingDirection === 'asc' ? upSmall : downSmall }))));
-    }
-    get hostElement() { return this; }
-    static get style() { return PdsTableHeadCellStyle0; }
-}, [1, "pds-table-head-cell", {
-        "sortable": [4],
-        "sortingDirection": [32],
-        "tableScrolling": [32],
-        "isSelected": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-table-head-cell", "pds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-table-head-cell":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsTableHeadCell);
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { PdsTableHeadCell as P, defineCustomElement as d };
-
-//# sourceMappingURL=pds-table-head-cell2.js.map
+import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as a,transformTag as o}from"@stencil/core/internal/client";import{u as r,d as n}from"./index2.js";import{i as l}from"./scroll.js";import{d as h}from"./pds-icon2.js";const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableSort=i(this,"pdsTableSort",7),this.scrollContainer=null,this.setupRetries=0,this.sortingDirection="asc",this.tableScrolling=!1,this.isSelected=!1,this.hasHeadBorder=!1,this.hasHeadBackground=!1,this.isActive=!1,this.handleScroll=()=>{if(this.scrollContainer)try{this.tableScrolling=l(this.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}},this.toggleSort=()=>{if(this.sortable){if(!this.tableRef)return;const t=this.hostElement.innerText.trim();this.sortingDirection="asc"===this.sortingDirection?"desc":"asc",this.tableRef.querySelectorAll("pds-table-head-cell").forEach((async t=>{if(t!==this.hostElement){const s=t;await s.clearActiveSort()}})),this.isActive=!0,this.hostElement.classList.add("is-active"),this.pdsTableSort.emit({column:t,direction:this.sortingDirection})}}}async setActiveSort(t){this.sortable&&(this.sortingDirection=t,this.isActive=!0,this.hostElement.classList.add("is-active"))}async clearActiveSort(){this.isActive=!1,this.hostElement.classList.remove("is-active")}componentWillLoad(){this.tableRef=this.hostElement.closest("pds-table");const t=this.hostElement.closest("pds-table-head");t&&(this.hasHeadBorder=t.hasAttribute("border"),this.hasHeadBackground=t.hasAttribute("background"))}componentDidLoad(){this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener();const t=this.hostElement.closest("pds-table-head");t&&"undefined"!=typeof MutationObserver&&(this.headObserver&&this.headObserver.disconnect(),this.headObserver=new MutationObserver((()=>{this.hasHeadBorder=t.hasAttribute("border"),this.hasHeadBackground=t.hasAttribute("background")})),this.headObserver.observe(t,{attributes:!0,attributeFilter:["border","background"]}))}disconnectedCallback(){this.cleanupScrollListener(),this.headObserver&&this.headObserver.disconnect()}setupScrollListener(){var t;if(!this.tableRef)return;const s=null===(t=this.tableRef.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container");s?(this.scrollContainer=s,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll(),this.setupRetries=0):this.setupTimer=window.setTimeout((()=>{this.scrollContainer||(this.setupRetries=(this.setupRetries||0)+1,this.setupRetries<=50?this.setupScrollListener():console.warn("Failed to find responsive container after 50 attempts"))}),100)}cleanupScrollListener(){this.scrollContainer&&(this.scrollContainer.removeEventListener("scroll",this.handleScroll),this.scrollContainer=null),void 0!==this.setupTimer&&(window.clearTimeout(this.setupTimer),this.setupTimer=void 0),this.setupRetries=0}classNames(){const t=[];return this.tableRef&&this.tableRef.compact&&t.push("is-compact"),this.cellAlign&&t.push(`pds-table-head-cell--align-${this.cellAlign}`),this.sortable&&t.push("is-sortable"),this.sortable&&null!==this.sortingDirection&&t.push("sort-"+this.sortingDirection),this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling&&t.push("has-scrolled"),this.hasHeadBackground&&t.push("has-head-background"),this.hasHeadBorder&&t.push("has-head-border"),t.join(" ")}render(){return e(a,{key:"a9862d24c53e7db944724d5bc351935ae7aea5b3",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,part:"head-cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"2a78068e2a35f0c7c608535784dafc1401727ecc"}),this.sortable&&this.isActive&&e("pds-icon",{key:"7d4c28385f00450326b8796666dc81230ccb4f54",icon:"asc"===this.sortingDirection?r:n,part:"sort-icon"}))}get hostElement(){return this}static get style(){return":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);position:relative;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.is-fixed.has-head-background){background-color:var(--pine-color-background-subtle)}:host(.has-head-border){-webkit-border-before:var(--border-head-cell-default);border-block-start:var(--border-head-cell-default)}:host-context([dir=rtl]){--box-shadow-default:-3px 3px 6px -2px rgba(0, 0, 0, 0.1)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-strong)}:host(.pds-table-head-cell--align-start){text-align:start}:host(.pds-table-head-cell--align-center){text-align:center}:host(.pds-table-head-cell--align-end){text-align:end}:host(.pds-table-head-cell--align-justify){text-align:justify}"}},[257,"pds-table-head-cell",{cellAlign:[1,"cell-align"],sortable:[4],sortingDirection:[32],tableScrolling:[32],isSelected:[32],hasHeadBorder:[32],hasHeadBackground:[32],isActive:[32],setActiveSort:[64],clearActiveSort:[64]}]);function c(){"undefined"!=typeof customElements&&["pds-table-head-cell","pds-icon"].forEach((t=>{switch(t){case"pds-table-head-cell":customElements.get(o(t))||customElements.define(o(t),d);break;case"pds-icon":customElements.get(o(t))||h()}}))}export{d as P,c as d}

package/components/pds-table-head.js

@@ -1,90 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as closest } from './closest.js';
-import { d as defineCustomElement$4 } from './pds-checkbox2.js';
-import { d as defineCustomElement$3 } from './pds-icon2.js';
-import { d as defineCustomElement$2 } from './pds-table-head-cell2.js';
-
-const pdsTableHeadCss = ":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--color-background-fixed:var(--pine-color-base-white);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--color-background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}";
-const PdsTableHeadStyle0 = pdsTableHeadCss;
-
-const PdsTableHead$1 = /*@__PURE__*/ proxyCustomElement(class PdsTableHead extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.pdsTableSelectAll = createEvent(this, "pdsTableSelectAll", 7);
-        this.generateUniqueId = () => {
-            const randomString = Math.random().toString(36).substring(2, 8);
-            const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
-            const uniqueId = `${randomString}-${timestamp}`;
-            return uniqueId;
-        };
-        this.handleInput = (ev) => {
-            this.isSelected = !ev.target.checked;
-            this.handleSelect(this.isSelected);
-        };
-        this.handleSelect = (isSelected) => {
-            this.indeterminate = false;
-            if (closest('pds-table-head', this.hostElement)) {
-                this.pdsTableSelectAll.emit({ isSelected });
-            }
-        };
-        this.indeterminate = undefined;
-        this.isSelected = undefined;
-    }
-    componentWillLoad() {
-        if (this.isSelected) {
-            this.handleSelect(this.isSelected);
-        }
-    }
-    componentWillRender() {
-        this.tableRef = this.hostElement.closest('pds-table');
-        if (this.tableRef && this.tableRef.fixedColumn) {
-            const tableCell = this.hostElement.querySelector('pds-table-head-cell:first-child');
-            tableCell === null || tableCell === void 0 ? void 0 : tableCell.classList.add("is-fixed");
-        }
-    }
-    render() {
-        return (h(Host, { key: '7729235908073cae63294e4ad641bae0403e2c34', role: "row" }, this.tableRef && this.tableRef.selectable && (h("pds-table-head-cell", { key: '2bb801124a3f8d1c9f18d03d1461953da4cdafc6', part: this.tableRef.selectable ? 'checkbox-cell' : '' }, h("pds-checkbox", { key: '2119be5b2db13a44add35fa9c9fc761a68a2b060', componentId: this.generateUniqueId(), indeterminate: this.indeterminate, onInput: this.handleInput, label: "Select All Rows", labelHidden: true, checked: this.isSelected }))), h("slot", { key: 'baa5b3af10a77e1a8aff537c3c731fbc59a54ca8' })));
-    }
-    get hostElement() { return this; }
-    static get style() { return PdsTableHeadStyle0; }
-}, [1, "pds-table-head", {
-        "indeterminate": [1028],
-        "isSelected": [1028, "is-selected"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-table-head", "pds-checkbox", "pds-icon", "pds-table-head-cell"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-table-head":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsTableHead$1);
-            }
-            break;
-        case "pds-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pds-table-head-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PdsTableHead = PdsTableHead$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsTableHead, defineCustomElement };
-
-//# sourceMappingURL=pds-table-head.js.map
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as o,Host as i,transformTag as d}from"@stencil/core/internal/client";import{c as s}from"./closest.js";import{d as l}from"./pds-checkbox2.js";import{d as b}from"./pds-icon2.js";import{d as a}from"./pds-table-head-cell2.js";const c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsTableSelectAll=t(this,"pdsTableSelectAll",7),this.border=!1,this.background=!1,this.generateUniqueId=()=>`${Math.random().toString(36).substring(2,8)}-${(new Date).toISOString().replace(/[:.]/g,"-")}`,this.handleInput=e=>{this.isSelected=!e.target.checked,this.handleSelect(this.isSelected)},this.handleSelect=e=>{this.indeterminate=!1,s("pds-table-head",this.hostElement)&&this.pdsTableSelectAll.emit({isSelected:e})}}componentWillLoad(){this.isSelected&&this.handleSelect(this.isSelected)}componentWillRender(){if(this.tableRef=this.hostElement.closest("pds-table"),this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-head-cell:first-child");null==e||e.classList.add("is-fixed")}}render(){return o(i,{key:"972440cfae0388fb28018929bcf79330cfc5f4d5",role:"row",part:"head"},this.tableRef&&this.tableRef.selectable&&o("pds-table-head-cell",{key:"13080928a925352bd35318bb5871d2ad3041d616",part:this.tableRef.selectable?"checkbox-cell":""},!this.tableRef.disableSelectAll&&o("pds-checkbox",{key:"57e7872a8620a2a7a295f2bc5354bfbe75541eba",componentId:this.generateUniqueId(),indeterminate:this.indeterminate,onInput:this.handleInput,label:"Select All Rows",hideLabel:!0,checked:this.isSelected,part:"select-all-checkbox"})),o("slot",{key:"e1d459755b5db56bbbbbaf69f40ed994d1604b83"}))}get hostElement(){return this}static get style(){return":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-background-subtle);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}:host([border]){-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);-webkit-border-before:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-start:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host([border]) pds-table-head-cell{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);-webkit-border-before:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-start:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host([background]){background-color:var(--pine-color-background-subtle)}:host([background]) pds-table-head-cell{background-color:var(--pine-color-background-subtle)}"}},[257,"pds-table-head",{indeterminate:[1028],isSelected:[1028,"is-selected"],border:[516],background:[516]}]),n=c,h=function(){"undefined"!=typeof customElements&&["pds-table-head","pds-checkbox","pds-icon","pds-table-head-cell"].forEach((e=>{switch(e){case"pds-table-head":customElements.get(d(e))||customElements.define(d(e),c);break;case"pds-checkbox":customElements.get(d(e))||l();break;case"pds-icon":customElements.get(d(e))||b();break;case"pds-table-head-cell":customElements.get(d(e))||a()}}))};export{n as PdsTableHead,h as defineCustomElement}