@pine-ds/core 5.0.0-mercury.0 → 5.0.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 a}from"@stencil/core/internal/client";import{e as n,i as o,a as l,m as d}from"./form.js";import{h as c}from"./index2.js";import{H as h,i as p}from"./attributes.js";import{r as b}from"./aria-references.js";import{d as u}from"./pds-icon2.js";const m=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.forwardsDescription=!1,this.hostKeeper=new h,this.hasLabelSlot=!1,this.fieldsetDisabled=!1,this.checked=!1,this.disabled=!1,this.invalid=!1,this.required=!1,this.onSwitchUpdate=e=>{this.isDisabled()||(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"),this.hasLabelSlot&&(e+=" pds-switch--label-slot"),e},this.forwardDescription=()=>{var e;const i=this.inputEl;if(void 0===i||!("ariaDescribedByElements"in i))return;const s=this.ownDescriptionId(),t=b(this.el,"aria-describedby");if(0===t.length){if(!this.forwardsDescription)return;return this.forwardsDescription=!1,void(void 0!==s?i.setAttribute("aria-describedby",s):i.removeAttribute("aria-describedby"))}const r=void 0===s?null:null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById(s);i.ariaDescribedByElements=null==r?t:[...t,r],this.forwardsDescription=!0},this.updateHasLabelSlot=()=>{this.hasLabelSlot=Array.from(this.el.children).some((e=>"label"===e.getAttribute("slot")))}}isDisabled(){return this.disabled||this.fieldsetDisabled}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),n(this.el,(()=>this._type)),this.forwardDescription(),"undefined"!=typeof MutationObserver&&(this.hostDescriptionObserver=new MutationObserver(this.forwardDescription),this.hostDescriptionObserver.observe(this.el,{attributeFilter:["aria-describedby"]}))}disconnectedCallback(){var e;this.hostKeeper.disconnect(),null===(e=this.hostDescriptionObserver)||void 0===e||e.disconnect(),this.hostDescriptionObserver=void 0}componentDidRender(){this.forwardDescription()}componentDidLoad(){this.updateFormValue()}syncFormValue(){this.updateFormValue()}updateFormValue(){o()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.formValue(),this.checkedValue()),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formValue(){return this.isDisabled()?null:this.checkedValue()}checkedValue(){var e;return this.checked?this.value||"on":null!==(e=this.uncheckedValue)&&void 0!==e?e:null}ownDescriptionId(){return l(this.componentId,this.invalid,this.helperMessage,this.errorMessage)}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"))}formDisabledCallback(e){this.fieldsetDisabled=e&&null!==this.el.closest("fieldset[disabled]")}componentWillLoad(){this.inheritedAttributes=Object.assign({},p(this.el,["aria-describedby"])),this.updateHasLabelSlot()}render(){const e=this.switchClassNames(),i=this.isDisabled()?"true":null;return this.hostKeeper.record(e,{},{"aria-disabled":i}),t(r,{key:"4c6f12c064caead89979cc4aa0ef25c4581381c3",class:e,"aria-disabled":i},t("label",{key:"c97164a6d6318be6cbcc026373e3d5c0a9316d56",htmlFor:this.componentId},t("input",Object.assign({key:"dfaf7408c3fbbed38bd0732ff156e53f57235100","aria-describedby":this.ownDescriptionId(),"aria-invalid":this.invalid?"true":void 0,checked:this.checked,class:"pds-switch__input",disabled:this.isDisabled(),id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,onFocus:this.forwardDescription,ref:e=>this.inputEl=e,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"5e621fa2881bb2d1eddd3dcbc33173f3cf49bd93",class:this.hideLabel?"visually-hidden":""},t("slot",{key:"ef682ce320b8d9f2897676af97e0b4d55c55358a",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&t("div",{key:"145da644abc8829de20ca6f9c4532f5341dec441",class:"pds-switch__message",id:d(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"7766e34f6daaf760d78aec6f08b64f0de15deb4c",class:"pds-switch__message pds-switch__message--error",id:d(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"74dfd91aabf60608e8278ef84119466a2143ffc7","aria-hidden":"true",icon:c,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{syncFormValue:0}],disabled:[{syncFormValue:0}],fieldsetDisabled:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],value:[{syncFormValue: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:var(--pine-motion-duration-fast) 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)}:host(.pds-switch--label-slot) label{-ms-flex-align:center;align-items:center}.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)}'}},[321,"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:[513],required:[4],value:[1],uncheckedValue:[1,"unchecked-value"],hasLabelSlot:[32],fieldsetDisabled:[32]},void 0,{checked:[{syncFormValue:0}],disabled:[{syncFormValue:0}],fieldsetDisabled:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],value:[{syncFormValue:0}]}]),v=m,g=function(){"undefined"!=typeof customElements&&["pds-switch","pds-icon"].forEach((e=>{switch(e){case"pds-switch":customElements.get(a(e))||customElements.define(a(e),m);break;case"pds-icon":customElements.get(a(e))||u()}}))};export{v 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{H as n}from"./attributes.js";import{u as r}from"./reconnected-content.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.pdsTabClick=a(this,"pdsTabClick",7),this.hostKeeper=new n,this.disabled=!1,this.active=!1,this.selected=!1}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidRender(){r(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(){this.hostKeeper.record("",{},{slot:"tabs"});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"]}]),b=l,p=function(){"undefined"!=typeof customElements&&["pds-tab"].forEach((t=>{"pds-tab"===t&&(customElements.get(d(t))||customElements.define(d(t),l))}))};export{b as PdsTab,p 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:"4b4da65979e3d3557d05cb9aff8d257d29e2c0a5",role:"rowgroup",part:"body"},o("slot",{key:"70dcd401a705a430c54c57bf994a410a636c4a53"}))}static get style(){return":host{border-color:inherit;display:table-row-group;vertical-align:middle}"}},[257,"pds-table-body"]),c=d,a=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,a 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 s,Host as e,transformTag as n}from"@stencil/core/internal/client";import{c as l}from"./closest.js";import{i as o}from"./scroll.js";import{s as a}from"./truncation-tooltip.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.scrollContainer=null,this.setupRetries=0,this.truncationCleanup=null,this.hasLoaded=!1,this.tableScrolling=!1,this.handleScroll=()=>{if(this.scrollContainer)try{this.tableScrolling=o(this.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}}}componentWillRender(){this.tableRef=l("pds-table",this.hostElement)}connectedCallback(){this.hasLoaded&&(this.tableRef=l("pds-table",this.hostElement),this.cleanupScrollListener(),this.needsScrollShadow&&this.setupScrollListener(),this.truncate&&this.initTruncationTooltip())}componentDidLoad(){this.hasLoaded=!0,this.needsScrollShadow&&this.setupScrollListener(),this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.cleanupScrollListener(),this.destroyTruncationTooltip()}get needsScrollShadow(){var t;return Boolean((null===(t=this.tableRef)||void 0===t?void 0:t.responsive)&&this.tableRef.fixedColumn)}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,this.tableScrolling=!1}async rebindScrollListener(){this.cleanupScrollListener(),this.needsScrollShadow&&this.setupScrollListener()}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.truncationCleanup=a({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 s(e,{key:"bc40b70bcb8f1df7307df6c00e3b73427c8d5ff2",class:this.classNames(),role:"gridcell",part:"cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},s("slot",{key:"418219bf8b870557f5f39ae6553db78fe7037389"}))}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],rebindScrollListener:[64]},void 0,{truncate:[{handleTruncateChange:0}]}]);function r(){"undefined"!=typeof customElements&&["pds-table-cell"].forEach((t=>{"pds-table-cell"===t&&(customElements.get(n(t))||customElements.define(n(t),h))}))}export{h as P,r 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 i,createEvent as s,h as e,Host as a,transformTag as o}from"@stencil/core/internal/client";import{u as r,d as h}from"./index2.js";import{c as l}from"./closest.js";import{i as n}from"./scroll.js";import{d}from"./pds-icon2.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableSort=s(this,"pdsTableSort",7),this.scrollContainer=null,this.setupRetries=0,this.hasLoaded=!1,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=n(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 i=t;await i.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=l("pds-table",this.hostElement);const t=l("pds-table-head",this.hostElement);t&&(this.hasHeadBorder=t.hasAttribute("border"),this.hasHeadBackground=t.hasAttribute("background"))}connectedCallback(){this.hasLoaded&&(this.tableRef=l("pds-table",this.hostElement),this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener(),this.setupHeadObserver())}componentDidLoad(){this.hasLoaded=!0,this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener(),this.setupHeadObserver()}setupHeadObserver(){const t=l("pds-table-head",this.hostElement);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 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,this.tableScrolling=!1}async rebindScrollListener(){this.cleanupScrollListener(),this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener()}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"),this.width?t.push("has-width"):this.tableRef&&"fixed"===this.tableRef.tableLayout&&t.push("has-auto-width"),t.join(" ")}hostStyles(){const t={};return this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable&&(t["--fixed-cell-position"]="40px"),this.width&&(t["--pds-table-head-cell-width"]=this.width),t}render(){return e(a,{key:"353a05a4026064d05a4b924bec3fa2f17f1902ce",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,part:"head-cell",style:this.hostStyles()},e("slot",{key:"51ead68fc052805d60bbfc6e626f6aedcc5671fc"}),this.sortable&&this.isActive&&e("pds-icon",{key:"9a5c27232f06a15dc8329c329f01b08cb6d836b8",icon:"asc"===this.sortingDirection?r:h,part:"sort-icon","aria-hidden":"true"}))}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(.has-width){-webkit-box-sizing:border-box;box-sizing:border-box;min-width:var(--pds-table-head-cell-width);width:var(--pds-table-head-cell-width)}:host(.has-auto-width){-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--pds-table-head-cell-auto-floor-width, auto)}: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],width:[513],sortingDirection:[32],tableScrolling:[32],isSelected:[32],hasHeadBorder:[32],hasHeadBackground:[32],isActive:[32],setActiveSort:[64],clearActiveSort:[64],rebindScrollListener:[64]}]);function b(){"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),c);break;case"pds-icon":customElements.get(o(t))||d()}}))}export{c as P,b 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 a}from"./pds-icon2.js";import{d as b}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:"ba81f3a9655b49cf01311c697a8aae3e69de0e81",role:"row",part:"head"},this.tableRef&&this.tableRef.selectable&&o("pds-table-head-cell",{key:"4f182b3053469afbaff81c4918bf66376fc7ade4",part:this.tableRef.selectable?"checkbox-cell":"",width:"fixed"===this.tableRef.tableLayout?"var(--pine-dimension-2xl)":void 0},!this.tableRef.disableSelectAll&&o("pds-checkbox",{key:"b26c7e8c26b3cc837f180431dc53a17ae0d84f1f",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:"e9eef43af95340fcce2d9f2f60800d897ee423f1"}))}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))||a();break;case"pds-table-head-cell":customElements.get(d(e))||b()}}))};export{n as PdsTableHead,h as defineCustomElement}