@pine-ds/core 3.26.3 → 3.27.0

package/components/pds-switch.js

@@ -1,147 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { e as exposeTypeProperty, i as isSpecTest, a as assignDescription, m as messageId } from './form.js';
-import { h as danger } from './index2.js';
-import { i as inheritAriaAttributes } from './attributes.js';
-import { d as defineCustomElement$2 } from './pds-icon2.js';
-
-const labelCss = ":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";
-
-const pdsSwitchCss = ":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)}";
-
-const PdsSwitch$1 = /*@__PURE__*/ proxyCustomElement(class PdsSwitch extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pdsSwitchChange = createEvent(this, "pdsSwitchChange", 7);
-        this.inheritedAttributes = {};
-        this._type = 'checkbox';
-        /**
-         * Determines the input 'checked' state.
-         */
-        this.checked = false;
-        /**
-         * Determines the input 'disabled' state, preventing user interaction.
-         */
-        this.disabled = false;
-        /**
-         * Determines the input 'invalid' state, signifying an error is present.
-         */
-        this.invalid = false;
-        /**
-         * Determines the 'required' state of the input.
-         */
-        this.required = false;
-        this.onSwitchUpdate = (e) => {
-            if (this.disabled)
-                return;
-            const input = e.target;
-            this.checked = input.checked;
-            this.updateFormValue();
-            this.pdsSwitchChange.emit(e);
-        };
-        this.switchClassNames = () => {
-            let switchClasses = `pds-switch`;
-            if (this.invalid === true) {
-                switchClasses += " pds-switch--error";
-            }
-            if (this.helperMessage !== undefined) {
-                switchClasses += " pds-switch--message";
-            }
-            return switchClasses;
-        };
-    }
-    connectedCallback() {
-        // Initialize ElementInternals for form association (only once per element instance)
-        if (this.el.attachInternals && !this.internals) {
-            this.internals = this.el.attachInternals();
-        }
-        // Expose type property on the element instance to match native form element behavior
-        exposeTypeProperty(this.el, () => this._type);
-    }
-    componentDidLoad() {
-        this.updateFormValue();
-    }
-    checkedChanged() {
-        this.updateFormValue();
-    }
-    updateFormValue() {
-        if (isSpecTest())
-            return;
-        if (this.internals && this.internals.setFormValue) {
-            // For switches, only send the value when checked, otherwise send null
-            const formValue = this.checked ? (this.value || 'on') : null;
-            this.internals.setFormValue(formValue);
-        }
-        if (this.internals && this.internals.setValidity) {
-            this.internals.setValidity({});
-        }
-    }
-    formStateRestoreCallback(state) {
-        if (state instanceof FormData) {
-            // For switches, restore if the value exists in FormData
-            const value = this.value || 'on';
-            this.checked = state.get(this.name || this.componentId) === value;
-        }
-        else if (typeof state === 'string') {
-            // Restore from string state
-            this.checked = state === (this.value || 'on');
-        }
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = Object.assign({}, inheritAriaAttributes(this.el));
-    }
-    render() {
-        return (h(Host, { key: '96ee8c40c04e95b461ba2942b740503897a56b27', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, h("label", { key: '441d6854f2c0b02ecf3d874198b3e0636d68c83b', htmlFor: this.componentId }, h("input", Object.assign({ key: 'a26cd5fb407abc20da3e9dcfe0e52333690b783a', "aria-describedby": assignDescription(this.componentId, this.invalid, this.errorMessage || 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: "checkbox", value: this.value }, this.inheritedAttributes)), h("span", { key: '5762c48f481c5c5d7b62e8dab40579a4e7ff290b', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), this.helperMessage &&
-            h("div", { key: '64c14b8833b45b4e9efb2f76faa47f0d24127c91', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
-            h("div", { key: 'cecd2e8da713e74b8e6b528b50733015f5d5069b', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, h("pds-icon", { key: '3a1c8f87b3909cdad1bc680931f5521ecb77acd6', icon: danger, size: "small" }), this.errorMessage)));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "checked": ["checkedChanged"]
-    }; }
-    static get style() { return labelCss + pdsSwitchCss; }
-}, [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": [1],
-        "required": [4],
-        "value": [1]
-    }, undefined, {
-        "checked": ["checkedChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-switch", "pds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-switch":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsSwitch$1);
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PdsSwitch = PdsSwitch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsSwitch, defineCustomElement };
-//# sourceMappingURL=pds-switch.js.map
-
-//# 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 o,i as a,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()),o(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){a()||(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:"96ee8c40c04e95b461ba2942b740503897a56b27",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},t("label",{key:"441d6854f2c0b02ecf3d874198b3e0636d68c83b",htmlFor:this.componentId},t("input",Object.assign({key:"a26cd5fb407abc20da3e9dcfe0e52333690b783a","aria-describedby":l(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"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:"5762c48f481c5c5d7b62e8dab40579a4e7ff290b",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&t("div",{key:"64c14b8833b45b4e9efb2f76faa47f0d24127c91",class:"pds-switch__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"cecd2e8da713e74b8e6b528b50733015f5d5069b",class:"pds-switch__message pds-switch__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"3a1c8f87b3909cdad1bc680931f5521ecb77acd6",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,71 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-const pdsTabCss = "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){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){--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),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],: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)}";
-
-const PdsTab$1 = /*@__PURE__*/ proxyCustomElement(class PdsTab extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.pdsTabClick = createEvent(this, "pdsTabClick", 7);
-        /**
-         * Determines the tab's disabled state.
-         * @defaultValue false
-         */
-        this.disabled = false;
-        /**
-         * Keeps track of the tabpanel selected state, this property is passed by parent component
-         */
-        /** @internal */
-        this.selected = false;
-    }
-    onTabClick(index, parentComponentId) {
-        if (this.disabled)
-            return;
-        this.pdsTabClick.emit([index, parentComponentId]);
-    }
-    classNames() {
-        const classes = [
-            'pds-tab',
-            this.selected && 'is-active',
-            this.disabled && 'is-disabled',
-        ];
-        return classes.filter(Boolean).join(' ');
-    }
-    render() {
-        const availabilityTabEdgeInlineStart = (h("span", { key: '934d84846bd84471047f9ab7503e5bb151426cbc', class: "pds-tab-edge", role: "presentation" }));
-        const availabilityTabEdgeInlineEnd = (h("span", { key: 'e35b9da7b312ed95dab7bf803c40a22b3485ee05', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
-        return (h(Host, { key: '310188521230d3e16cff23b857769c4b5d04fd8d', variant: this.variant, slot: "tabs", index: this.index }, h("button", { key: '9df38c2aa1fa29487fdce62ce7dc5f67df6bcde1', 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) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, h("div", { key: '4936599dd547f236880ea9a0ccabc4b50836d1d5', class: "pds-tab__content" }, h("slot", { key: '567388faf912bb307676cea9a4626ce9669087dd' })))));
-    }
-    get el() { return this; }
-    static get style() { return pdsTabCss; }
-}, [260, "pds-tab", {
-        "disabled": [4],
-        "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
-
-//# sourceMappingURL=pds-tab.js.map
+import{proxyCustomElement as e,HTMLElement as a,createEvent as t,h as i,Host as s,transformTag as d}from"@stencil/core/internal/client";const o=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.pdsTabClick=t(this,"pdsTabClick",7),this.disabled=!1,this.selected=!1}onTabClick(e,a){this.disabled||this.pdsTabClick.emit([e,a])}classNames(){return["pds-tab",this.selected&&"is-active",this.disabled&&"is-disabled"].filter(Boolean).join(" ")}render(){const e=i("span",{key:"934d84846bd84471047f9ab7503e5bb151426cbc",class:"pds-tab-edge",role:"presentation"}),a=i("span",{key:"e35b9da7b312ed95dab7bf803c40a22b3485ee05",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return i(s,{key:"310188521230d3e16cff23b857769c4b5d04fd8d",variant:this.variant,slot:"tabs",index:this.index},i("button",{key:"9df38c2aa1fa29487fdce62ce7dc5f67df6bcde1",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)},"availability"===this.variant&&e,"availability"===this.variant&&a,i("div",{key:"4936599dd547f236880ea9a0ccabc4b50836d1d5",class:"pds-tab__content"},i("slot",{key:"567388faf912bb307676cea9a4626ce9669087dd"}))))}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){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){--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),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],: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],name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],index:[2],selected:[4]}]),n=o,r=function(){"undefined"!=typeof customElements&&["pds-tab"].forEach((e=>{"pds-tab"===e&&(customElements.get(d(e))||customElements.define(d(e),o))}))};export{n as PdsTab,r as defineCustomElement}

package/components/pds-table-body.js

@@ -1,38 +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 PdsTableBody$1 = /*@__PURE__*/ proxyCustomElement(class PdsTableBody extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '457fc5406a1fe67055038398e03bfad97a393747', role: "rowgroup", part: "body" }, h("slot", { key: '5950bced36f7ba590f34173149cf8663ba76103b' })));
-    }
-    static get style() { return pdsTableBodyCss; }
-}, [257, "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
-
-//# 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 l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"457fc5406a1fe67055038398e03bfad97a393747",role:"rowgroup",part:"body"},o("slot",{key:"5950bced36f7ba590f34173149cf8663ba76103b"}))}static get style(){return":host{border-color:inherit;display:table-row-group;vertical-align:middle}"}},[257,"pds-table-body"]),n=l,c=function(){"undefined"!=typeof customElements&&["pds-table-body"].forEach((e=>{"pds-table-body"===e&&(customElements.get(s(e))||customElements.define(s(e),l))}))};export{n as PdsTableBody,c as defineCustomElement}

package/components/pds-table-cell.js

@@ -1,9 +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
-
-//# 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,169 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { i as isScrolledFromInlineStart } from './scroll.js';
-import { s as setupTruncationTooltip } from './truncation-tooltip.js';
-
-const pdsTableCellCss = ":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}";
-
-const PdsTableCell = /*@__PURE__*/ proxyCustomElement(class PdsTableCell extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.scrollContainer = null;
-        this.setupRetries = 0;
-        this.truncationCleanup = null;
-        /**
-         * Determines if the table is currently scrolling.
-         * @defaultValue false
-         */
-        this.tableScrolling = false;
-        /**
-         * Handles scroll events to update fixed column shadow state.
-         * Updates the tableScrolling state to control CSS classes for fixed column shadows.
-         * @private
-         */
-        this.handleScroll = () => {
-            if (!this.scrollContainer) {
-                return;
-            }
-            try {
-                this.tableScrolling = isScrolledFromInlineStart(this.scrollContainer);
-            }
-            catch (error) {
-                console.warn('Scroll handler error:', error);
-            }
-        };
-    }
-    componentWillRender() {
-        this.tableRef = this.hostElement.closest('pds-table');
-    }
-    componentDidLoad() {
-        if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {
-            // For responsive tables with fixed columns, set up scroll detection
-            // This enables the first column to show a shadow when the table is scrolled horizontally
-            this.setupScrollListener();
-        }
-        if (this.truncate) {
-            this.initTruncationTooltip();
-        }
-    }
-    disconnectedCallback() {
-        this.cleanupScrollListener();
-        this.destroyTruncationTooltip();
-    }
-    setupScrollListener() {
-        var _a;
-        if (!this.tableRef)
-            return;
-        // Query shadowRoot once and cache the container
-        const container = (_a = this.tableRef.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.pds-table-responsive-container');
-        if (container) {
-            // Container available immediately
-            this.scrollContainer = container;
-            this.scrollContainer.addEventListener('scroll', this.handleScroll, { passive: true });
-            this.handleScroll(); // Initial check
-            this.setupRetries = 0; // Reset counter on success
-        }
-        else {
-            // Container not ready, set up timer for retry with bounds
-            this.setupTimer = window.setTimeout(() => {
-                if (this.scrollContainer)
-                    return; // Already found
-                this.setupRetries = (this.setupRetries || 0) + 1;
-                if (this.setupRetries <= 50) {
-                    this.setupScrollListener();
-                }
-                else {
-                    console.warn('Failed to find responsive container after 50 attempts');
-                }
-            }, 100);
-        }
-    }
-    cleanupScrollListener() {
-        if (this.scrollContainer) {
-            this.scrollContainer.removeEventListener('scroll', this.handleScroll);
-            this.scrollContainer = null;
-        }
-        if (this.setupTimer !== undefined) {
-            window.clearTimeout(this.setupTimer);
-            this.setupTimer = undefined;
-        }
-        this.setupRetries = 0; // Reset retry counter
-    }
-    handleTruncateChange(newValue) {
-        if (newValue) {
-            this.initTruncationTooltip();
-        }
-        else {
-            this.destroyTruncationTooltip();
-        }
-    }
-    initTruncationTooltip() {
-        this.destroyTruncationTooltip();
-        this.truncationCleanup = setupTruncationTooltip({
-            hostEl: this.hostElement,
-            contentEl: this.hostElement,
-            getTooltipText: () => this.hostElement.textContent || '',
-        });
-    }
-    destroyTruncationTooltip() {
-        if (this.truncationCleanup) {
-            this.truncationCleanup();
-            this.truncationCleanup = null;
-        }
-    }
-    classNames() {
-        const classNames = [];
-        if (this.tableRef && this.tableRef.compact) {
-            classNames.push('is-compact');
-        }
-        if (this.cellAlign) {
-            classNames.push(`pds-table-cell--align-${this.cellAlign}`);
-        }
-        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: 'b108b0fce3ff0d5c503922a6c936ffd6ca52523f', class: this.classNames(), role: "gridcell", part: "cell", tabIndex: this.truncate ? 0 : undefined, style: this.tableRef &&
-                this.tableRef.fixedColumn &&
-                this.tableRef.selectable
-                ? { '--fixed-cell-position': '40px' }
-                : {} }, h("slot", { key: 'ebc1709ef52029bc6afec2fa89a90d47620892cb' })));
-    }
-    get hostElement() { return this; }
-    static get watchers() { return {
-        "truncate": ["handleTruncateChange"]
-    }; }
-    static get style() { return pdsTableCellCss; }
-}, [257, "pds-table-cell", {
-        "cellAlign": [1, "cell-align"],
-        "truncate": [4],
-        "tableScrolling": [32]
-    }, undefined, {
-        "truncate": ["handleTruncateChange"]
-    }]);
-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
-
-//# 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:"b108b0fce3ff0d5c503922a6c936ffd6ca52523f",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:"ebc1709ef52029bc6afec2fa89a90d47620892cb"}))}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,9 +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
-
-//# 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}