@pine-ds/core 4.11.0 → 4.12.0

package/components/pds-switch.js

@@ -1 +1 @@
-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 c}from"./form.js";import{h as d}from"./index2.js";import{H as h,i as p}from"./attributes.js";import{d as b}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.hostKeeper=new h,this.hasLabelSlot=!1,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"),this.hasLabelSlot&&(e+=" pds-switch--label-slot"),e},this.updateHasLabelSlot=()=>{this.hasLabelSlot=Array.from(this.el.children).some((e=>"label"===e.getAttribute("slot")))}}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),n(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){o()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.checked?this.value||"on":null),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name||this.componentId)===i}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}formDisabledCallback(e){e&&!this.el.closest("fieldset[disabled]")||(this.disabled=e)}componentWillLoad(){this.inheritedAttributes=Object.assign({},p(this.el)),this.updateHasLabelSlot()}render(){const e=this.switchClassNames(),i=this.disabled?"true":null;return this.hostKeeper.record(e,{},{"aria-disabled":i}),t(r,{key:"0fa5beb83232b381ea5cdfa82d143afcb69eb4e1",class:e,"aria-disabled":i},t("label",{key:"df5d08344d11cb334ef69a432d1c02557caacc96",htmlFor:this.componentId},t("input",Object.assign({key:"6908b328f0e2da2085ffbffe0d1e4d09f2c6fd86","aria-describedby":l(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"1108ab3eae63a371f9e9b80f011211cba8287b67",class:this.hideLabel?"visually-hidden":""},t("slot",{key:"8aac1d9b81deab92e1e27c06debf2b87bc697874",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&t("div",{key:"ef829fb6bc66060805a144995f60e2bebb915615",class:"pds-switch__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"42ad678cc2179b4a26ed09151de41c2293b98011",class:"pds-switch__message pds-switch__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"8dc0b29b522247762010edb3b1e8e5fc8c8788fa","aria-hidden":"true",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: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:[1],required:[4],value:[1],hasLabelSlot:[32]},void 0,{checked:[{checkedChanged:0}]}]),g=m,u=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))||b()}}))};export{g as PdsSwitch,u as defineCustomElement}
+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 c}from"./form.js";import{h as d}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:"e5100ae3ecfac3bb556582507cc628b2455ae6cc",class:e,"aria-disabled":i},t("label",{key:"c337b8c4dc381c3a745100c707792c11711c01a1",htmlFor:this.componentId},t("input",Object.assign({key:"f18ae27e7c91ef4d54b0192a04130420b991c9ff","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:"4bddfc080db7fee6fa8080e890918757dacde3fb",class:this.hideLabel?"visually-hidden":""},t("slot",{key:"c9302409719113e12f6debb426c78dd0caaee88a",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&t("div",{key:"60785b9779cb2d50e6f0f2b32179106256f55ebf",class:"pds-switch__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"9b258e9302c5ef959e8c06bee780d7d43144359b",class:"pds-switch__message pds-switch__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"f8df779a8c65a6f0b6ea139ff3c31cca76eb48fa","aria-hidden":"true",icon:d,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-table-body.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"4f1cba9505f56ff1ab0a19f9a88318d66a02eacc",role:"rowgroup",part:"body"},o("slot",{key:"ea0c620a15fcbe2915189e870d0815c5cbffdf8c"}))}static get style(){return":host{border-color:inherit;display:table-row-group;vertical-align:middle}"}},[257,"pds-table-body"]),a=c,l=function(){"undefined"!=typeof customElements&&["pds-table-body"].forEach((e=>{"pds-table-body"===e&&(customElements.get(s(e))||customElements.define(s(e),c))}))};export{a as PdsTableBody,l as defineCustomElement}
+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-cell2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as s,Host as e,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.hasLoaded=!1,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")}connectedCallback(){this.hasLoaded&&(this.tableRef=this.hostElement.closest("pds-table"),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}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 s(e,{key:"fd84150bcb9bd5d2029624394d4f69b0a7234bc0",class:this.classNames(),role:"gridcell",part:"cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},s("slot",{key:"9256f033ec58b9cb2acc74d705acc9726507668b"}))}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}
+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-cell2.js

@@ -1 +1 @@
-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 n}from"./index2.js";import{i as l}from"./scroll.js";import{d as h}from"./pds-icon2.js";const d=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.sortingDirection="asc",this.tableScrolling=!1,this.isSelected=!1,this.hasHeadBorder=!1,this.hasHeadBackground=!1,this.isActive=!1,this.handleScroll=()=>{if(this.scrollContainer)try{this.tableScrolling=l(this.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}},this.toggleSort=()=>{if(this.sortable){if(!this.tableRef)return;const t=this.hostElement.innerText.trim();this.sortingDirection="asc"===this.sortingDirection?"desc":"asc",this.tableRef.querySelectorAll("pds-table-head-cell").forEach((async t=>{if(t!==this.hostElement){const 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=this.hostElement.closest("pds-table");const t=this.hostElement.closest("pds-table-head");t&&(this.hasHeadBorder=t.hasAttribute("border"),this.hasHeadBackground=t.hasAttribute("background"))}componentDidLoad(){this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener();const t=this.hostElement.closest("pds-table-head");t&&"undefined"!=typeof MutationObserver&&(this.headObserver&&this.headObserver.disconnect(),this.headObserver=new MutationObserver((()=>{this.hasHeadBorder=t.hasAttribute("border"),this.hasHeadBackground=t.hasAttribute("background")})),this.headObserver.observe(t,{attributes:!0,attributeFilter:["border","background"]}))}disconnectedCallback(){this.cleanupScrollListener(),this.headObserver&&this.headObserver.disconnect()}setupScrollListener(){var t;if(!this.tableRef)return;const 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}classNames(){const t=[];return this.tableRef&&this.tableRef.compact&&t.push("is-compact"),this.cellAlign&&t.push(`pds-table-head-cell--align-${this.cellAlign}`),this.sortable&&t.push("is-sortable"),this.sortable&&null!==this.sortingDirection&&t.push("sort-"+this.sortingDirection),this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling&&t.push("has-scrolled"),this.hasHeadBackground&&t.push("has-head-background"),this.hasHeadBorder&&t.push("has-head-border"),t.join(" ")}render(){return e(a,{key:"d609309180968913315c1428d0403c3974a4bfc0",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,part:"head-cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"7aff5994fe4c5250ce83516960183dbd9ffa9c69"}),this.sortable&&this.isActive&&e("pds-icon",{key:"0a7b99ab2c56ea0cfb3aa6f810bf802422a29bef",icon:"asc"===this.sortingDirection?r:n,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(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.is-fixed.has-head-background){background-color:var(--pine-color-background-subtle)}:host(.has-head-border){-webkit-border-before:var(--border-head-cell-default);border-block-start:var(--border-head-cell-default)}:host-context([dir=rtl]){--box-shadow-default:-3px 3px 6px -2px rgba(0, 0, 0, 0.1)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-strong)}:host(.pds-table-head-cell--align-start){text-align:start}:host(.pds-table-head-cell--align-center){text-align:center}:host(.pds-table-head-cell--align-end){text-align:end}:host(.pds-table-head-cell--align-justify){text-align:justify}"}},[257,"pds-table-head-cell",{cellAlign:[1,"cell-align"],sortable:[4],sortingDirection:[32],tableScrolling:[32],isSelected:[32],hasHeadBorder:[32],hasHeadBackground:[32],isActive:[32],setActiveSort:[64],clearActiveSort:[64]}]);function c(){"undefined"!=typeof customElements&&["pds-table-head-cell","pds-icon"].forEach((t=>{switch(t){case"pds-table-head-cell":customElements.get(o(t))||customElements.define(o(t),d);break;case"pds-icon":customElements.get(o(t))||h()}}))}export{d as P,c as d}
+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 +1 @@
-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:"4fb8d7bf4a9b0bce672208651c0600fbc94214af",role:"row",part:"head"},this.tableRef&&this.tableRef.selectable&&o("pds-table-head-cell",{key:"20b86146540208178bd63bd136e14e5534c7ec76",part:this.tableRef.selectable?"checkbox-cell":""},!this.tableRef.disableSelectAll&&o("pds-checkbox",{key:"fa8054dd7ee36c6401e9eeb9c962a820d3a02558",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:"a0000270ae6ed1cab1c6e802ccc53ba0de3e54c9"}))}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}
+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}

package/components/pds-table-row.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as l}from"./closest.js";import{d as c}from"./pds-checkbox2.js";import{d}from"./pds-icon2.js";import{d as h}from"./pds-table-cell2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsTableRowSelected=s(this,"pdsTableRowSelected",7),this.observer=null,this.bodyObserver=null,this.hasDivider=!1,this.isLastRow=!1,this.handleCheckboxChange=e=>{this.isSelected=e.detail.checked,this.handleSelect(this.isSelected)},this.handleSelect=e=>{if(this.indeterminate=!1,!l("pds-table-head",this.hostElement)){const t=Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);this.pdsTableRowSelected.emit({rowIndex:t,isSelected:e})}},this.generateUniqueId=()=>`${Math.random().toString(36).substring(2,8)}-${(new Date).toISOString().replace(/[:.]/g,"-")}`}classNames(){const e=[];return this.isSelected&&e.push("is-selected"),this.hasDivider&&e.push("has-divider"),this.isLastRow&&e.push("is-last-row"),e.join(" ")}componentWillRender(){if(this.tableRef=this.hostElement.closest("pds-table"),this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-cell");null==e||e.classList.add("is-fixed")}}componentWillLoad(){this.isSelected&&this.handleSelect(this.isSelected)}connectedCallback(){this.tableRef=this.hostElement.closest("pds-table"),this.setupObservers(),this.updateDividerState()}disconnectedCallback(){this.cleanupObservers()}cleanupObservers(){this.observer&&(this.observer.disconnect(),this.observer=null),this.bodyObserver&&(this.bodyObserver.disconnect(),this.bodyObserver=null)}setupObservers(){this.cleanupObservers(),this.tableRef&&"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.updateDividerState()})),this.observer.observe(this.tableRef,{attributes:!0,attributeFilter:["row-dividers"]}));const e=this.hostElement.closest("pds-table-body");e&&"undefined"!=typeof MutationObserver&&(this.bodyObserver=new MutationObserver((()=>{this.updateLastRowState()})),this.bodyObserver.observe(e,{childList:!0}))}shouldHaveDivider(){return this.tableRef||(this.tableRef=this.hostElement.closest("pds-table")),!(!this.tableRef||!this.tableRef.rowDividers)}updateDividerState(){this.hasDivider=this.shouldHaveDivider(),this.updateLastRowState()}updateLastRowState(){if(!this.hasDivider)return void(this.isLastRow=!1);const e=this.hostElement.closest("pds-table-body");if(e){const t=Array.from(e.querySelectorAll("pds-table-row"));this.isLastRow=t[t.length-1]===this.hostElement}else this.isLastRow=!1}render(){return i(o,{key:"dc956e7253971bdadc003448822a83953ed4658f",class:this.classNames(),role:"row",part:"row"},this.tableRef&&this.tableRef.selectable&&i("pds-table-cell",{key:"1f119c5036ab1d27c5138106968a40492222b6f3",part:"checkbox-cell",class:this.tableRef.selectable?"has-checkbox":""},i("pds-checkbox",{key:"f7a3534eceeabe478fb85e6e476f814e03988cfb",componentId:this.generateUniqueId(),onPdsCheckboxChange:this.handleCheckboxChange,indeterminate:this.indeterminate,label:"Select Row",hideLabel:!0,checked:this.isSelected,part:"row-checkbox"})),i("slot",{key:"287c0fe2c39bac5df7a977e31290aeddd0cd46b3"}))}get hostElement(){return this}static get style(){return":host{--color-background-interactive:var(--pine-color-background-subtle);border-color:inherit;display:table-row;vertical-align:inherit}: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(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}:host(.has-divider) ::slotted(pds-table-cell),:host(.has-divider) pds-table-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)}:host(.has-divider.is-last-row) ::slotted(pds-table-cell),:host(.has-divider.is-last-row) pds-table-cell{-webkit-border-after:0;border-block-end:0}"}},[257,"pds-table-row",{indeterminate:[1028],isSelected:[1028,"is-selected"],hasDivider:[32],isLastRow:[32]}]),n=a,b=function(){"undefined"!=typeof customElements&&["pds-table-row","pds-checkbox","pds-icon","pds-table-cell"].forEach((e=>{switch(e){case"pds-table-row":customElements.get(r(e))||customElements.define(r(e),a);break;case"pds-checkbox":customElements.get(r(e))||c();break;case"pds-icon":customElements.get(r(e))||d();break;case"pds-table-cell":customElements.get(r(e))||h()}}))};export{n as PdsTableRow,b as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as l}from"./closest.js";import{d as a}from"./pds-checkbox2.js";import{d as c}from"./pds-icon2.js";import{d}from"./pds-table-cell2.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableRowSelected=s(this,"pdsTableRowSelected",7),this.observer=null,this.bodyObserver=null,this.hasDivider=!1,this.isLastRow=!1,this.handleCheckboxChange=t=>{this.isSelected=t.detail.checked,this.handleSelect(this.isSelected)},this.handleSelect=t=>{if(this.indeterminate=!1,!l("pds-table-head",this.hostElement)){const e=Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);this.pdsTableRowSelected.emit({rowIndex:e,isSelected:t})}},this.generateUniqueId=()=>`${Math.random().toString(36).substring(2,8)}-${(new Date).toISOString().replace(/[:.]/g,"-")}`}classNames(){const t=[];return this.isSelected&&t.push("is-selected"),this.hasDivider&&t.push("has-divider"),this.isLastRow&&t.push("is-last-row"),t.join(" ")}componentWillRender(){if(this.tableRef=this.hostElement.closest("pds-table"),this.tableRef&&this.tableRef.fixedColumn){const t=this.hostElement.querySelector("pds-table-cell");null==t||t.classList.add("is-fixed")}}componentWillLoad(){this.isSelected&&this.handleSelect(this.isSelected)}connectedCallback(){this.tableRef=this.hostElement.closest("pds-table"),this.setupObservers(),this.updateDividerState()}disconnectedCallback(){this.cleanupObservers()}cleanupObservers(){this.observer&&(this.observer.disconnect(),this.observer=null),this.bodyObserver&&(this.bodyObserver.disconnect(),this.bodyObserver=null)}setupObservers(){this.cleanupObservers(),this.tableRef&&"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.updateDividerState()})),this.observer.observe(this.tableRef,{attributes:!0,attributeFilter:["row-dividers"]}));const t=this.hostElement.closest("pds-table-body");t&&"undefined"!=typeof MutationObserver&&(this.bodyObserver=new MutationObserver((()=>{this.updateLastRowState()})),this.bodyObserver.observe(t,{childList:!0}))}shouldHaveDivider(){return this.tableRef||(this.tableRef=this.hostElement.closest("pds-table")),!(!this.tableRef||!this.tableRef.rowDividers)}updateDividerState(){this.hasDivider=this.shouldHaveDivider(),this.updateLastRowState()}updateLastRowState(){if(!this.hasDivider)return void(this.isLastRow=!1);const t=this.hostElement.closest("pds-table-body");if(t){const e=Array.from(t.querySelectorAll("pds-table-row"));this.isLastRow=e[e.length-1]===this.hostElement}else this.isLastRow=!1}render(){return i(o,{key:"3bf8a5bf5f0ccb4a933a756d3ba52aaa2e35d4f0",class:this.classNames(),role:"row",part:"row"},this.tableRef&&this.tableRef.selectable&&i("pds-table-cell",{key:"5dfb53c4c7c550abbe445753828aa5a40cf53a7f",part:"checkbox-cell",class:this.tableRef.selectable?"has-checkbox":""},i("pds-checkbox",{key:"a53b603e4e9a09705263341ecacd3b77d96fd75f",componentId:this.generateUniqueId(),onPdsCheckboxChange:this.handleCheckboxChange,indeterminate:this.indeterminate,label:"Select Row",hideLabel:!0,checked:this.isSelected,part:"row-checkbox"})),i("slot",{key:"4ae4007c867694a25b2ca0df6d69635bc0fa7cd0"}))}get hostElement(){return this}static get style(){return":host{--color-background-interactive:var(--pine-color-background-subtle);border-color:inherit;display:table-row;vertical-align:inherit}: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(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}:host(.has-divider) ::slotted(pds-table-cell),:host(.has-divider) pds-table-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)}:host(.has-divider.is-last-row) ::slotted(pds-table-cell),:host(.has-divider.is-last-row) pds-table-cell{-webkit-border-after:0;border-block-end:0}"}},[257,"pds-table-row",{indeterminate:[1028],isSelected:[1028,"is-selected"],hasDivider:[32],isLastRow:[32]}]),n=h,b=function(){"undefined"!=typeof customElements&&["pds-table-row","pds-checkbox","pds-icon","pds-table-cell"].forEach((t=>{switch(t){case"pds-table-row":customElements.get(r(t))||customElements.define(r(t),h);break;case"pds-checkbox":customElements.get(r(t))||a();break;case"pds-icon":customElements.get(r(t))||c();break;case"pds-table-cell":customElements.get(r(t))||d()}}))};export{n as PdsTableRow,b as defineCustomElement}

package/components/pds-table.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as r,transformTag as o}from"@stencil/core/internal/client";import{g as n}from"./scroll.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableSelectAll=e(this,"pdsTableSelectAll",7),this.scrollContainer=null,this._responsiveHandleScroll=null,this._responsiveHandleResize=null,this._responsiveResizeObserver=null,this._teardownResponsive=null,this.disableSelectAll=!1,this.rowDividers=!1,this.defaultSortDirection="asc",this.sortingColumn=null,this.sortingDirection="asc"}componentDidLoad(){this.responsive&&this.setupResponsiveScrolling(),this.defaultSortColumn&&requestAnimationFrame((()=>{this.applyDefaultSort().catch((t=>{console.warn("Failed to apply default sort.",t)}))}))}async applyDefaultSort(){var t;const i="desc"===this.defaultSortDirection?"desc":"asc",e=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")).find((t=>{var i;return(null!==(i=t.textContent)&&void 0!==i?i:"").trim()===this.defaultSortColumn}));if(e){const s=(null!==(t=e.textContent)&&void 0!==t?t:"").trim();this.sortTable(s,i),this.sortingColumn=s,this.sortingDirection=i,await e.setActiveSort(i)}else console.warn(`Default sort column "${this.defaultSortColumn}" not found.`)}disconnectedCallback(){this._teardownResponsive&&(this._teardownResponsive(),this._teardownResponsive=null)}setupResponsiveScrolling(){var t,i,e;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container"),r=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".scroll-shadow-left"),o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".scroll-shadow-right");if(s&&r&&o){if(this.scrollContainer=s,this._responsiveHandleScroll=()=>{if(!this.scrollContainer)return;const{scrollWidth:t,clientWidth:i}=this.scrollContainer,e=t-i,s=n(this.scrollContainer);r.style.opacity=s>0&&!this.fixedColumn?"1":"0",o.style.opacity=e>0&&s<e-1?"1":"0"},this.scrollContainer.addEventListener("scroll",this._responsiveHandleScroll,{passive:!0}),"undefined"!=typeof window&&window.ResizeObserver)try{this._responsiveResizeObserver=new ResizeObserver((()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)})),this._responsiveResizeObserver.observe(this.scrollContainer)}catch(t){}"undefined"!=typeof window&&(this._responsiveHandleResize=()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)},window.addEventListener("resize",this._responsiveHandleResize)),this._teardownResponsive=()=>{this.scrollContainer&&this._responsiveHandleScroll&&(this.scrollContainer.removeEventListener("scroll",this._responsiveHandleScroll),this.scrollContainer=null),this._responsiveResizeObserver&&(this._responsiveResizeObserver.disconnect(),this._responsiveResizeObserver=null),"undefined"!=typeof window&&this._responsiveHandleResize&&(window.removeEventListener("resize",this._responsiveHandleResize),this._responsiveHandleResize=null),this._responsiveHandleScroll=null},this._responsiveHandleScroll()}}classNames(){const t=["pds-table"];return this.compact&&t.push("is-compact"),this.responsive&&t.push("is-responsive"),t.join("  ")}sortTable(t,i){const e=this.el.querySelector("pds-table-body");if(!e)return;const s=Array.from(e.querySelectorAll("pds-table-row")),r=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")),o=r.find((i=>i.innerText.trim()===t));if(!o)return void console.warn(`Column "${t}" not found.`);const n=r.indexOf(o);s.sort(((t,e)=>{const s=t.querySelector(`pds-table-cell:nth-child(${n+1})`).textContent.trim(),r=e.querySelector(`pds-table-cell:nth-child(${n+1})`).textContent.trim();return"asc"===i?s.localeCompare(r,void 0,{sensitivity:"base"}):r.localeCompare(s,void 0,{sensitivity:"base"})})),e.innerHTML="",s.forEach((t=>{e.appendChild(t)}))}handleTableSort(t){if(t.defaultPrevented)return;const{direction:i}=t.detail;this.sortTable(t.detail.column,i),this.sortingColumn=t.detail.column,this.sortingDirection=i}handleTableSelectAll(t){if(t.defaultPrevented)return;const i=this.el.querySelector("pds-table-body");Array.from(i.querySelectorAll("pds-table-row")).forEach((i=>{i.isSelected=t.detail.isSelected}))}async handleTableSelect(t){if(t.defaultPrevented)return;const i=this.el.querySelectorAll("pds-table-row"),e=Array.from(i).every((t=>t.isSelected)),s=Array.from(i).every((t=>!t.isSelected)),r=this.el.querySelector("pds-table-head");if(!r)return;const o=r.shadowRoot.querySelector("pds-checkbox");o&&(o.checked=e,o.indeterminate=!e&&!s)}render(){return this.responsive?s(r,{class:"pds-table is-responsive pds-table-responsive-host",id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table responsive-table"},s("div",{class:"scroll-shadow-left",part:"scroll-shadow-left"}),s("div",{class:"scroll-shadow-right",part:"scroll-shadow-right"}),s("div",{class:"pds-table-responsive-container",part:"responsive-container"},s("div",{class:"pds-table-responsive-wrapper",part:"responsive-wrapper"},s("div",{class:this.classNames(),part:"table-inner"},s("slot",null))))):s(r,{class:this.classNames(),id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table"},s("slot",null))}get el(){return this}static get style(){return'@charset "UTF-8";:host{--color-background-default:var(--pine-color-background-container);background:var(--color-background-default);border-collapse:separate;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;isolation:isolate;width:100%}:host(:focus-visible){outline:var(--pine-outline-focus)}:host(.pds-table-responsive-host){border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;max-width:100% !important;overflow:hidden !important;position:relative !important;width:100% !important}.pds-table-responsive-container{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;overflow-x:auto !important;overflow-y:visible !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper .pds-table{display:table !important;min-width:-webkit-max-content !important;min-width:-moz-max-content !important;min-width:max-content !important;table-layout:auto !important;white-space:nowrap !important;width:100% !important}.scroll-shadow-left,.scroll-shadow-right{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease;width:4px;z-index:var(--pine-z-index)}.scroll-shadow-left{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);border-end-start-radius:inherit;border-start-start-radius:inherit;inset-inline-start:0}:host-context([dir=rtl]) .scroll-shadow-left{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent)}.scroll-shadow-right{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent);border-end-end-radius:inherit;border-start-end-radius:inherit;inset-inline-end:0}:host-context([dir=rtl]) .scroll-shadow-right{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent)}'}},[257,"pds-table",{compact:[4],componentId:[1,"component-id"],responsive:[4],fixedColumn:[4,"fixed-column"],selectable:[4],disableSelectAll:[4,"disable-select-all"],rowDividers:[516,"row-dividers"],defaultSortColumn:[1,"default-sort-column"],defaultSortDirection:[1,"default-sort-direction"],sortingColumn:[32],sortingDirection:[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]]]),l=a,d=function(){"undefined"!=typeof customElements&&["pds-table"].forEach((t=>{"pds-table"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{l as PdsTable,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,forceUpdate as s,h as o,Host as r,transformTag as l}from"@stencil/core/internal/client";import{g as a}from"./scroll.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableSelectAll=e(this,"pdsTableSelectAll",7),this.scrollContainer=null,this._responsiveHandleScroll=null,this._responsiveHandleResize=null,this._responsiveResizeObserver=null,this._teardownResponsive=null,this._fixedLayoutResizeObserver=null,this._fixedLayoutHandleResize=null,this._fixedLayoutMutationObserver=null,this._pendingColumnWidthsRecalc=!1,this.hasLoaded=!1,this.disableSelectAll=!1,this.rowDividers=!1,this.tableLayout="auto",this.defaultSortDirection="asc",this.sortingColumn=null,this.sortingDirection="asc",this._pendingFixedLayoutInputsSync=!1,this.recalcAutoColumnWidths=()=>{var t,i,e,s,o,r;if("fixed"!==this.tableLayout||!this.responsive)return;const l=Array.from(this.el.querySelectorAll("pds-table-head-cell")),a=[];let n=0;for(const t of l)t.getAttribute("width")?n+=t.getBoundingClientRect().width:a.push(t);if(0===a.length)return;if(this.selectable){const s=null===(i=null===(t=this.el.querySelector("pds-table-head"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("pds-table-head-cell");n+=null!==(e=null==s?void 0:s.getBoundingClientRect().width)&&void 0!==e?e:0}const d=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(".pds-table-responsive-container"),h=((null!==(o=null==d?void 0:d.clientWidth)&&void 0!==o?o:0)-n)/a.length<120;a.forEach((t=>{h?t.style.setProperty("--pds-table-head-cell-auto-floor-width","120px"):t.style.removeProperty("--pds-table-head-cell-auto-floor-width")})),null===(r=this._responsiveHandleScroll)||void 0===r||r.call(this)},this.scheduleColumnWidthsRecalc=()=>{this._pendingColumnWidthsRecalc||(this._pendingColumnWidthsRecalc=!0,requestAnimationFrame((()=>{this._pendingColumnWidthsRecalc&&(this._pendingColumnWidthsRecalc=!1,this.el.isConnected&&this.recalcAutoColumnWidths())})))}}componentDidLoad(){this.hasLoaded=!0,this.attachLifecycleBoundSetup(),this.defaultSortColumn&&requestAnimationFrame((()=>{this.applyDefaultSort().catch((t=>{console.warn("Failed to apply default sort.",t)}))}))}async applyDefaultSort(){var t;const i="desc"===this.defaultSortDirection?"desc":"asc",e=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")).find((t=>{var i;return(null!==(i=t.textContent)&&void 0!==i?i:"").trim()===this.defaultSortColumn}));if(e){const s=(null!==(t=e.textContent)&&void 0!==t?t:"").trim();this.sortTable(s,i),this.sortingColumn=s,this.sortingDirection=i,await e.setActiveSort(i)}else console.warn(`Default sort column "${this.defaultSortColumn}" not found.`)}connectedCallback(){this.hasLoaded&&this.attachLifecycleBoundSetup()}attachLifecycleBoundSetup(){this.responsive&&this.setupResponsiveScrolling(),"fixed"===this.tableLayout&&this.responsive&&this.setupFixedLayoutWidths()}disconnectedCallback(){this._teardownResponsive&&(this._teardownResponsive(),this._teardownResponsive=null),this.teardownFixedLayoutWidths(),this._pendingFixedLayoutInputsSync&&queueMicrotask((()=>{this.el.isConnected||(this._pendingFixedLayoutInputsSync=!1)}))}handleFixedLayoutInputsChange(){this._pendingFixedLayoutInputsSync=!0}componentDidRender(){this._pendingFixedLayoutInputsSync&&(this._pendingFixedLayoutInputsSync=!1,this.syncFixedLayoutInputs())}syncFixedLayoutInputs(){this._teardownResponsive&&(this._teardownResponsive(),this._teardownResponsive=null),this.responsive&&this.setupResponsiveScrolling(),this.teardownFixedLayoutWidths();const t="fixed"===this.tableLayout&&this.responsive;t&&this.setupFixedLayoutWidths(),this.allHeadCells().forEach((i=>{t||i.style.removeProperty("--pds-table-head-cell-auto-floor-width"),s(i),i.rebindScrollListener()})),this.allBodyCells().forEach((t=>{t.rebindScrollListener()}));const i=this.el.querySelector("pds-table-head");i&&s(i),t&&this.scheduleColumnWidthsRecalc()}allHeadCells(){var t;const i=Array.from(this.el.querySelectorAll("pds-table-head-cell")),e=this.el.querySelector("pds-table-head"),s=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector("pds-table-head-cell");return s?[...i,s]:i}allBodyCells(){return[...Array.from(this.el.querySelectorAll("pds-table-cell")),...Array.from(this.el.querySelectorAll("pds-table-row")).map((t=>{var i;return null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("pds-table-cell")})).filter((t=>null!==t))]}setupFixedLayoutWidths(){if(this.recalcAutoColumnWidths(),"undefined"!=typeof window){if(this._fixedLayoutHandleResize=()=>this.recalcAutoColumnWidths(),window.ResizeObserver)try{this._fixedLayoutResizeObserver=new ResizeObserver(this._fixedLayoutHandleResize),this._fixedLayoutResizeObserver.observe(this.el)}catch(t){}window.addEventListener("resize",this._fixedLayoutHandleResize),"undefined"!=typeof MutationObserver&&(this._fixedLayoutMutationObserver=new MutationObserver(this.scheduleColumnWidthsRecalc),this._fixedLayoutMutationObserver.observe(this.el,{childList:!0,subtree:!0,attributeFilter:["width"]}))}}teardownFixedLayoutWidths(){this._fixedLayoutResizeObserver&&(this._fixedLayoutResizeObserver.disconnect(),this._fixedLayoutResizeObserver=null),this._fixedLayoutMutationObserver&&(this._fixedLayoutMutationObserver.disconnect(),this._fixedLayoutMutationObserver=null),"undefined"!=typeof window&&this._fixedLayoutHandleResize&&window.removeEventListener("resize",this._fixedLayoutHandleResize),this._fixedLayoutHandleResize=null,this._pendingColumnWidthsRecalc=!1}setupResponsiveScrolling(){var t,i,e;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container"),o=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".scroll-shadow-left"),r=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".scroll-shadow-right");if(s&&o&&r){if(this.scrollContainer=s,this._responsiveHandleScroll=()=>{if(!this.scrollContainer)return;const{scrollWidth:t,clientWidth:i}=this.scrollContainer,e=t-i,s=a(this.scrollContainer);o.style.opacity=s>0&&!this.fixedColumn?"1":"0",r.style.opacity=e>0&&s<e-1?"1":"0"},this.scrollContainer.addEventListener("scroll",this._responsiveHandleScroll,{passive:!0}),"undefined"!=typeof window&&window.ResizeObserver)try{this._responsiveResizeObserver=new ResizeObserver((()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)})),this._responsiveResizeObserver.observe(this.scrollContainer)}catch(t){}"undefined"!=typeof window&&(this._responsiveHandleResize=()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)},window.addEventListener("resize",this._responsiveHandleResize)),this._teardownResponsive=()=>{this.scrollContainer&&this._responsiveHandleScroll&&(this.scrollContainer.removeEventListener("scroll",this._responsiveHandleScroll),this.scrollContainer=null),this._responsiveResizeObserver&&(this._responsiveResizeObserver.disconnect(),this._responsiveResizeObserver=null),"undefined"!=typeof window&&this._responsiveHandleResize&&(window.removeEventListener("resize",this._responsiveHandleResize),this._responsiveHandleResize=null),this._responsiveHandleScroll=null},this._responsiveHandleScroll()}}classNames(){const t=["pds-table"];return this.compact&&t.push("is-compact"),this.responsive&&t.push("is-responsive"),"fixed"===this.tableLayout&&t.push("is-fixed-layout"),t.join("  ")}sortTable(t,i){const e=this.el.querySelector("pds-table-body");if(!e)return;const s=Array.from(e.querySelectorAll("pds-table-row")),o=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")),r=o.find((i=>i.innerText.trim()===t));if(!r)return void console.warn(`Column "${t}" not found.`);const l=o.indexOf(r);s.sort(((t,e)=>{const s=t.querySelector(`pds-table-cell:nth-child(${l+1})`).textContent.trim(),o=e.querySelector(`pds-table-cell:nth-child(${l+1})`).textContent.trim();return"asc"===i?s.localeCompare(o,void 0,{sensitivity:"base"}):o.localeCompare(s,void 0,{sensitivity:"base"})})),e.innerHTML="",s.forEach((t=>{e.appendChild(t)}))}handleTableSort(t){if(t.defaultPrevented)return;const{direction:i}=t.detail;this.sortTable(t.detail.column,i),this.sortingColumn=t.detail.column,this.sortingDirection=i}handleTableSelectAll(t){if(t.defaultPrevented)return;const i=this.el.querySelector("pds-table-body");Array.from(i.querySelectorAll("pds-table-row")).forEach((i=>{i.isSelected=t.detail.isSelected}))}async handleTableSelect(t){if(t.defaultPrevented)return;const i=this.el.querySelectorAll("pds-table-row"),e=Array.from(i).every((t=>t.isSelected)),s=Array.from(i).every((t=>!t.isSelected)),o=this.el.querySelector("pds-table-head");if(!o)return;const r=o.shadowRoot.querySelector("pds-checkbox");r&&(r.checked=e,r.indeterminate=!e&&!s)}render(){return this.responsive?o(r,{class:this.classNames()+" pds-table-responsive-host",id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table responsive-table"},o("div",{class:"scroll-shadow-left",part:"scroll-shadow-left"}),o("div",{class:"scroll-shadow-right",part:"scroll-shadow-right"}),o("div",{class:"pds-table-responsive-container",part:"responsive-container"},o("div",{class:"pds-table-responsive-wrapper",part:"responsive-wrapper"},o("div",{class:this.classNames(),part:"table-inner"},o("slot",null))))):o(r,{class:this.classNames(),id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table"},o("slot",null))}get el(){return this}static get watchers(){return{tableLayout:[{handleFixedLayoutInputsChange:0}],responsive:[{handleFixedLayoutInputsChange:0}]}}static get style(){return'@charset "UTF-8";:host{--color-background-default:var(--pine-color-background-container);background:var(--color-background-default);border-collapse:separate;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;isolation:isolate;width:100%}:host(:focus-visible){outline:var(--pine-outline-focus)}:host(.is-fixed-layout){table-layout:fixed}:host(.pds-table-responsive-host){border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;max-width:100% !important;overflow:hidden !important;position:relative !important;width:100% !important}.pds-table-responsive-container{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;overflow-x:auto !important;overflow-y:visible !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper .pds-table{display:table !important;min-width:-webkit-max-content !important;min-width:-moz-max-content !important;min-width:max-content !important;table-layout:auto !important;white-space:nowrap !important;width:100% !important}.pds-table-responsive-wrapper .pds-table.is-fixed-layout{table-layout:fixed !important}.scroll-shadow-left,.scroll-shadow-right{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease;width:4px;z-index:var(--pine-z-index)}.scroll-shadow-left{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);border-end-start-radius:inherit;border-start-start-radius:inherit;inset-inline-start:0}:host-context([dir=rtl]) .scroll-shadow-left{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent)}.scroll-shadow-right{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent);border-end-end-radius:inherit;border-start-end-radius:inherit;inset-inline-end:0}:host-context([dir=rtl]) .scroll-shadow-right{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent)}'}},[257,"pds-table",{compact:[4],componentId:[1,"component-id"],responsive:[4],fixedColumn:[4,"fixed-column"],selectable:[4],disableSelectAll:[4,"disable-select-all"],rowDividers:[516,"row-dividers"],tableLayout:[1,"table-layout"],defaultSortColumn:[1,"default-sort-column"],defaultSortDirection:[1,"default-sort-direction"],sortingColumn:[32],sortingDirection:[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]],{tableLayout:[{handleFixedLayoutInputsChange:0}],responsive:[{handleFixedLayoutInputsChange:0}]}]),d=n,h=function(){"undefined"!=typeof customElements&&["pds-table"].forEach((t=>{"pds-table"===t&&(customElements.get(l(t))||customElements.define(l(t),n))}))};export{d as PdsTable,h as defineCustomElement}

package/components/pds-tabs.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as a}from"@stencil/core/internal/client";import{H as n}from"./attributes.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hostKeeper=new n,this.slotChangeScheduled=!1,this.lastFocusedTab=null,this.handleFocusIn=t=>{var s;const i=null===(s=t.target)||void 0===s?void 0:s.closest("pds-tab");i&&i.closest("pds-tabs")===this.el&&(this.lastFocusedTab=i)},this.handleFocusOut=t=>{const s=this.lastFocusedTab;t.relatedTarget?this.lastFocusedTab=null:queueMicrotask((()=>{this.lastFocusedTab===s&&(null==s?void 0:s.isConnected)&&(this.lastFocusedTab=null)}))},this.divider=!1,this.stretch=!1,this.nav=!1,this.handleSlotChange=()=>{this.slotChangeScheduled||(this.slotChangeScheduled=!0,this.activeTabNameBeforeSlotChange=this.activeTabName,queueMicrotask((()=>{this.slotChangeScheduled=!1,this.recollectAfterSlotChange()})))}}connectedCallback(){this.hostKeeper.connect(this.el),this.el.addEventListener("focusin",this.handleFocusIn),this.el.addEventListener("focusout",this.handleFocusOut);const t=null!=this.tabsSlot;this.setupSlotChangeListeners(),t&&this.handleSlotChange()}disconnectedCallback(){var t,s;this.hostKeeper.disconnect(),this.el.removeEventListener("focusin",this.handleFocusIn),this.el.removeEventListener("focusout",this.handleFocusOut),null===(t=this.tabsSlot)||void 0===t||t.removeEventListener("slotchange",this.handleSlotChange),null===(s=this.tabPanelsSlot)||void 0===s||s.removeEventListener("slotchange",this.handleSlotChange)}componentDidLoad(){this.setupSlotChangeListeners()}tabClickHandler(t){this.componentId===t.detail[1]&&(this.activeTabIndex=t.detail[0],this.activeTabName=this.tabs[this.activeTabIndex].name)}handleKeyDown(t){if(this.isNav)return;const s=t.target.closest("pds-tab"),i=s&&s.closest("pds-tabs")===this.el;["ArrowLeft","ArrowRight","Home","End"].includes(t.key)&&i&&(t.preventDefault(),this.moveActiveTab(t.key))}get isNav(){return!!this.nav}warnOnNavConfig(){var t;if(!(null===(t=this.tabs)||void 0===t?void 0:t.length))return;const s=this.tabs.filter((t=>{const s=t.getAttribute("href");return null!=s&&""!==s})).length;this.nav&&s<this.tabs.length?console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`."):!this.nav&&s>0&&console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}moveActiveTab(t){const s=this.tabs.length-1;let i=null;switch(t){case"ArrowLeft":i=0===this.activeTabIndex?s:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===s?0:this.activeTabIndex+1;break;case"Home":i=0;break;case"End":i=s}this.tabs[i].children[0].focus(),this.activeTabName=this.tabs[i].name,this.activeTabIndex=i}findAllChildren(){const t=Array.from(this.el.querySelectorAll("pds-tab")),s=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=t.filter((t=>t.closest("pds-tabs")===this.el)),this.tabPanels=s.filter((t=>t.closest("pds-tabs")===this.el))}setupSlotChangeListeners(){var t,s,i,e;this.tabsSlot=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="tabs"]'),this.tabPanelsSlot=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector('slot[name="tabpanels"]'),null===(i=this.tabsSlot)||void 0===i||i.addEventListener("slotchange",this.handleSlotChange),null===(e=this.tabPanelsSlot)||void 0===e||e.addEventListener("slotchange",this.handleSlotChange)}recollectAfterSlotChange(){const t=this.activeTabNameBeforeSlotChange,s=!this.isNav&&null!=this.lastFocusedTab&&!this.lastFocusedTab.isConnected;this.findAllChildren(),this.warnOnNavConfig(),null==t||this.tabs.some((s=>s.name===t))||(this.activeTabName=void 0),this.passPropsToChildren(),s&&(this.lastFocusedTab=null,requestAnimationFrame((()=>{var t;const s=document.activeElement;if(s&&s!==document.body)return;const i=this.tabs.find((t=>t.name===this.activeTabName));null===(t=null==i?void 0:i.querySelector("button"))||void 0===t||t.focus()})))}propGeneration(t,s=0){t.parentComponentId=""+this.componentId,t.variant=this.variant,t.selected=this.activeTabName===t.name,t.index=s}passPropsToChildren(){var t;if(!this.nav&&null==this.activeTabName&&this.tabs.length){const s=null!==(t=this.tabs.find((t=>!t.disabled)))&&void 0!==t?t:this.tabs[0];this.activeTabName=s.name}this.tabs.forEach(((t,s)=>{this.activeTabName===t.name&&(this.activeTabIndex=s),this.propGeneration(t,s),t.navMode=this.nav})),this.tabPanels.forEach((t=>{this.propGeneration(t),t.stretch=this.stretch}))}classNames(){let t="pds-tabs";return this.variant&&"primary"!=this.variant&&(t+=" pds-tabs--"+this.variant),this.divider&&(t+=" pds-tabs--divider"),this.stretch&&(t+=" pds-tabs--stretch"),t}componentWillLoad(){this.findAllChildren(),this.warnOnNavConfig()}componentWillRender(){this.passPropsToChildren()}render(){const t=this.isNav?i("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||void 0,part:"tab-list"},i("slot",{name:"tabs"})):i("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},i("slot",{name:"tabs"})),s=this.classNames();return this.hostKeeper.record(s),i(e,{key:"08ac02be358bebbd95dd5edca30cd99789445f50","active-tab-name":this.activeTabName,class:s,id:this.componentId},t,i("slot",{key:"02395c056f80f46f1fa9117eafde68ef170b4188",name:"tabpanels"}))}get el(){return this}static get style(){return":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--divider) .pds-tabs__tablist{-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)}:host(.pds-tabs--stretch){block-size:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.pds-tabs--stretch) .pds-tabs__tablist{-ms-flex:0 0 auto;flex:0 0 auto}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}"}},[257,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],divider:[4],stretch:[4],nav:[4],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]),o=l,h=function(){"undefined"!=typeof customElements&&["pds-tabs"].forEach((t=>{"pds-tabs"===t&&(customElements.get(a(t))||customElements.define(a(t),l))}))};export{o as PdsTabs,h as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,h as i,Host as a,transformTag as e}from"@stencil/core/internal/client";import{H as n}from"./attributes.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hostKeeper=new n,this.slotChangeScheduled=!1,this.lastFocusedTab=null,this.handleFocusIn=t=>{var s;const i=null===(s=t.target)||void 0===s?void 0:s.closest("pds-tab");i&&i.closest("pds-tabs")===this.el&&(this.lastFocusedTab=i)},this.handleFocusOut=t=>{const s=this.lastFocusedTab;t.relatedTarget?this.lastFocusedTab=null:queueMicrotask((()=>{this.lastFocusedTab===s&&(null==s?void 0:s.isConnected)&&(this.lastFocusedTab=null)}))},this.divider=!1,this.stretch=!1,this.nav=!1,this.handleSlotChange=()=>{this.slotChangeScheduled||(this.slotChangeScheduled=!0,this.activeTabNameBeforeSlotChange=this.activeTabName,queueMicrotask((()=>{this.slotChangeScheduled=!1,this.recollectAfterSlotChange()})))}}connectedCallback(){this.hostKeeper.connect(this.el),this.el.addEventListener("focusin",this.handleFocusIn),this.el.addEventListener("focusout",this.handleFocusOut);const t=null!=this.tabsSlot;this.setupSlotChangeListeners(),t&&this.handleSlotChange()}disconnectedCallback(){var t,s;this.hostKeeper.disconnect(),this.el.removeEventListener("focusin",this.handleFocusIn),this.el.removeEventListener("focusout",this.handleFocusOut),null===(t=this.tabsSlot)||void 0===t||t.removeEventListener("slotchange",this.handleSlotChange),null===(s=this.tabPanelsSlot)||void 0===s||s.removeEventListener("slotchange",this.handleSlotChange)}componentDidLoad(){this.setupSlotChangeListeners()}tabClickHandler(t){this.componentId===t.detail[1]&&(this.activeTabIndex=t.detail[0],this.activeTabName=this.tabs[this.activeTabIndex].name)}handleKeyDown(t){if(this.isNav)return;const s=t.target.closest("pds-tab"),i=s&&s.closest("pds-tabs")===this.el;["ArrowLeft","ArrowRight","Home","End"].includes(t.key)&&i&&(t.preventDefault(),this.moveActiveTab(t.key))}get isNav(){return!!this.nav}warnOnNavConfig(){var t;if(!(null===(t=this.tabs)||void 0===t?void 0:t.length))return;const s=this.tabs.filter((t=>{const s=t.getAttribute("href");return null!=s&&""!==s})).length;this.nav&&s<this.tabs.length?console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`."):!this.nav&&s>0&&console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}moveActiveTab(t){const s=this.tabs.length-1;let i=null;switch(t){case"ArrowLeft":i=0===this.activeTabIndex?s:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===s?0:this.activeTabIndex+1;break;case"Home":i=0;break;case"End":i=s}this.tabs[i].children[0].focus(),this.activeTabName=this.tabs[i].name,this.activeTabIndex=i}findAllChildren(){const t=Array.from(this.el.querySelectorAll("pds-tab")),s=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=t.filter((t=>t.closest("pds-tabs")===this.el)),this.tabPanels=s.filter((t=>t.closest("pds-tabs")===this.el))}setupSlotChangeListeners(){var t,s,i,a;this.tabsSlot=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="tabs"]'),this.tabPanelsSlot=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector('slot[name="tabpanels"]'),null===(i=this.tabsSlot)||void 0===i||i.addEventListener("slotchange",this.handleSlotChange),null===(a=this.tabPanelsSlot)||void 0===a||a.addEventListener("slotchange",this.handleSlotChange)}recollectAfterSlotChange(){const t=this.activeTabNameBeforeSlotChange,s=!this.isNav&&null!=this.lastFocusedTab&&!this.lastFocusedTab.isConnected;this.findAllChildren(),this.warnOnNavConfig(),null==t||this.tabs.some((s=>s.name===t))||(this.activeTabName=void 0),this.passPropsToChildren(),s&&(this.lastFocusedTab=null,requestAnimationFrame((()=>{var t;const s=document.activeElement;if(s&&s!==document.body)return;const i=this.tabs.find((t=>t.name===this.activeTabName));null===(t=null==i?void 0:i.querySelector("button"))||void 0===t||t.focus()})))}propGeneration(t,s=0){t.parentComponentId=""+this.componentId,t.variant=this.variant,t.selected=this.activeTabName===t.name,t.index=s}passPropsToChildren(){var t;if(!this.nav&&null==this.activeTabName&&this.tabs.length){const s=null!==(t=this.tabs.find((t=>!t.disabled)))&&void 0!==t?t:this.tabs[0];this.activeTabName=s.name}this.tabs.forEach(((t,s)=>{this.activeTabName===t.name&&(this.activeTabIndex=s),this.propGeneration(t,s),t.navMode=this.nav})),this.tabPanels.forEach((t=>{this.propGeneration(t),t.stretch=this.stretch}))}classNames(){let t="pds-tabs";return this.variant&&"primary"!=this.variant&&(t+=" pds-tabs--"+this.variant),this.divider&&(t+=" pds-tabs--divider"),this.stretch&&(t+=" pds-tabs--stretch"),t}componentWillLoad(){this.findAllChildren(),this.warnOnNavConfig()}componentWillRender(){this.passPropsToChildren()}render(){const t=this.isNav?i("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||void 0,part:"tab-list"},i("slot",{name:"tabs"})):i("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},i("slot",{name:"tabs"})),s=this.classNames();return this.hostKeeper.record(s),i(a,{key:"69985d6800ac879a8655d52a6b4f72c5b6a20c61","active-tab-name":this.activeTabName,class:s,id:this.componentId},t,i("slot",{key:"0fb1b2521b15c77a50d81431cc1f0f6a40360cfa",name:"tabpanels"}))}get el(){return this}static get style(){return":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--divider) .pds-tabs__tablist{-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)}:host(.pds-tabs--stretch){block-size:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.pds-tabs--stretch) .pds-tabs__tablist{-ms-flex:0 0 auto;flex:0 0 auto}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}"}},[257,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],divider:[4],stretch:[4],nav:[4],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]),o=l,h=function(){"undefined"!=typeof customElements&&["pds-tabs"].forEach((t=>{"pds-tabs"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))};export{o as PdsTabs,h as defineCustomElement}

package/components/pds-text2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";import{s}from"./utils.js";import{F as a,s as o}from"./truncation-tooltip.js";const r=["2xl","xl","lg","md","sm","xs","2xs","h1","h2","h3","h4","h5","h6"],d=new WeakMap,l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.truncationCleanup=null,this.tag="p"}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}validateSize(t){if(null!=t&&""!==t&&!r.includes(t)){const e=t.length>80?`${t.slice(0,80)}…`:t;console.warn(`pds-text: invalid size "${e}". Valid values are: ${r.join(", ")}.`)}}componentWillLoad(){this.validateSize(this.size)}connectedCallback(){this.truncate&&this.contentEl&&this.initTruncationTooltip()}componentDidLoad(){this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){var t;if(this.destroyTruncationTooltip(),this.contentEl){const e=this.el.closest(a),i=null===e?[]:e.querySelectorAll("pds-text, pds-chip");let n=!1;for(let e=0;e<i.length;e++){const s=i[e];s!==this.el&&(s.truncate||s.maxWidth||s.hasAttribute("truncate")||s.hasAttribute("max-width"))&&(n=!0,null===(t=d.get(s))||void 0===t||t())}const s=null!==e&&!n;this.truncationCleanup=o({hostEl:this.el,contentEl:this.contentEl,getTooltipText:()=>this.el.textContent||"",manageTabIndex:!s,focusEl:s?e:this.el}),s&&d.set(this.el,(()=>this.initTruncationTooltip()))}}destroyTruncationTooltip(){d.delete(this.el),this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}render(){const t=this.tag,e=`\n      pds-text\n      ${null!=this.align&&""!==this.align.trim()?`pds-text--align-${this.align}`:""}\n      ${null!=this.gutter&&""!==this.gutter.trim()?`pds-text--gutter-${this.gutter}`:""}\n      ${null!=this.size&&""!==this.size.trim()?`pds-text--size-${this.size}`:""}\n      ${null!=this.weight&&""!==this.weight.trim()?`pds-text--weight-${this.weight}`:""}\n      ${null!=this.decoration&&""!==this.decoration.trim()?`pds-text--decoration-${this.decoration}`:""}\n    `;return i(t,{key:"30566c7810d3fd7f76ae281ae6d9a7e66803f0a3",ref:t=>this.contentEl=t,style:this.color&&s(this.color),class:e,part:"content"},i("slot",{key:"f5113458aa9295803fc1c0bc552f9f92602cacba"}))}get el(){return this}static get watchers(){return{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}}static get style(){return":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate]){display:block;min-width:0}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}"}},[257,"pds-text",{align:[1],color:[1],decoration:[1],gutter:[1],italic:[4],size:[1],weight:[1],tag:[1],truncate:[516]},void 0,{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}]);function p(){"undefined"!=typeof customElements&&["pds-text"].forEach((t=>{"pds-text"===t&&(customElements.get(n(t))||customElements.define(n(t),l))}))}export{l as P,r as T,p as d}
+import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";import{s}from"./utils.js";import{F as a,s as o,f as r}from"./truncation-tooltip.js";const d=["2xl","xl","lg","md","sm","xs","2xs","h1","h2","h3","h4","h5","h6"],l=new WeakMap,p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.truncationCleanup=null,this.tag="p"}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}validateSize(t){if(null!=t&&""!==t&&!d.includes(t)){const e=t.length>80?`${t.slice(0,80)}…`:t;console.warn(`pds-text: invalid size "${e}". Valid values are: ${d.join(", ")}.`)}}componentWillLoad(){this.validateSize(this.size)}connectedCallback(){this.truncate&&this.contentEl&&this.initTruncationTooltip()}componentDidLoad(){this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){var t;if(this.destroyTruncationTooltip(),this.contentEl){const e=this.el.closest(a),i=null===e?[]:e.querySelectorAll("pds-text, pds-chip");let n=!1;for(let e=0;e<i.length;e++){const s=i[e];s!==this.el&&(s.truncate||s.maxWidth||s.hasAttribute("truncate")||s.hasAttribute("max-width"))&&(n=!0,null===(t=l.get(s))||void 0===t||t())}const s=null!==e&&!n;this.truncationCleanup=o({hostEl:this.el,contentEl:this.contentEl,getTooltipText:()=>r(this.el),manageTabIndex:!s,focusEl:s?e:this.el}),s&&l.set(this.el,(()=>this.initTruncationTooltip()))}}destroyTruncationTooltip(){l.delete(this.el),this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}render(){const t=this.tag,e=`\n      pds-text\n      ${null!=this.align&&""!==this.align.trim()?`pds-text--align-${this.align}`:""}\n      ${null!=this.gutter&&""!==this.gutter.trim()?`pds-text--gutter-${this.gutter}`:""}\n      ${null!=this.size&&""!==this.size.trim()?`pds-text--size-${this.size}`:""}\n      ${null!=this.weight&&""!==this.weight.trim()?`pds-text--weight-${this.weight}`:""}\n      ${null!=this.decoration&&""!==this.decoration.trim()?`pds-text--decoration-${this.decoration}`:""}\n    `;return i(t,{key:"3b9efbad7872410a7e07438801ec17382282ab16",ref:t=>this.contentEl=t,style:this.color&&s(this.color),class:e,part:"content"},i("slot",{key:"0784e6aee6ce23f93f0e3c077da5fa3ca944aebb"}))}get el(){return this}static get watchers(){return{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}}static get style(){return":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate]){display:block;min-width:0}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}"}},[257,"pds-text",{align:[1],color:[1],decoration:[1],gutter:[1],italic:[4],size:[1],weight:[1],tag:[1],truncate:[516]},void 0,{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}]);function h(){"undefined"!=typeof customElements&&["pds-text"].forEach((t=>{"pds-text"===t&&(customElements.get(n(t))||customElements.define(n(t),p))}))}export{p as P,d as T,h as d}

package/components/pds-textarea.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as a,Host as s,transformTag as r}from"@stencil/core/internal/client";import{i as o,b as n,e as l,a as d,m as c}from"./form.js";import{d as h,f as p,c as b}from"./utils.js";import{i as u,a as m}from"./attributes.js";import{h as x}from"./index2.js";import{f as v}from"./i18n-format.js";import{d as g}from"./pds-icon2.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsBlur=i(this,"pdsBlur",7),this.pdsFocus=i(this,"pdsFocus",7),this.pdsInput=i(this,"pdsInput",7),this.pdsTextareaChange=i(this,"pdsTextareaChange",7),this.pdsKeyDown=i(this,"pdsKeyDown",7),this.inheritedAttributes={},this._type="textarea",this.disabled=!1,this.invalid=!1,this.name=this.componentId,this.readonly=!1,this.required=!1,this.value="",this.hasFocus=!1,this.hasAction=!1,this.characterCountLabel="{current} of {max} characters",this.onBlur=e=>{this.hasFocus=!1,this.focusedValue!==this.value&&this.emitValueChange(e),this.pdsBlur.emit(e)},this.onFocus=e=>{this.hasFocus=!0,this.focusedValue=this.value,this.pdsFocus.emit(e)},this.onInput=e=>{const t=e.target;t&&(this.maxLength&&t.value.length>this.maxLength&&(t.value=t.value.substring(0,this.maxLength)),this.value=t.value||""),this.emitInputChange(e),this.maxLength&&"undefined"!=typeof ResizeObserver&&requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))},this.onTextareaChange=e=>{this.emitValueChange(e)},this.onKeyDown=e=>{this.pdsKeyDown.emit(e)}}async setFocus(){this.nativeTextarea&&this.nativeTextarea.focus()}debounceChanged(){const{pdsInput:e,debounce:t,originalPdsInput:i}=this;this.pdsInput=void 0===t?null!=i?i:e:h(e,t),p(e)}valueChanged(){const e=this.nativeTextarea,t=this.getValue();e&&e.value!==t&&(e.value=t),this.updateFormValue(),this.maxLength&&"undefined"!=typeof ResizeObserver&&this.updateCharacterCounterPosition()}maxLengthChanged(){if(this.resizeObserver&&this.resizeObserver.disconnect(),this.maxLength&&this.nativeTextarea&&this.setupResizeObserver(),!o()&&this.internals&&this.internals.setValidity&&this.nativeTextarea){const e=this.nativeTextarea.value.length>(this.maxLength||0);this.internals.setValidity({tooLong:e},e?"Value exceeds maxLength":"",this.nativeTextarea)}}emitInputChange(e){const{value:t}=this;this.pdsInput.emit({value:t,event:e})}emitValueChange(e){const t=e.target;n(t,this);const{value:i}=t,a=null==i?i:""+i;this.focusedValue=a,this.pdsTextareaChange.emit({value:a,event:e})}getValue(){return this.value||""}textareaClassNames(){const e=["pds-textarea__field"];return this.invalid&&!0===this.invalid&&e.push("is-invalid"),e.join("  ")}connectedCallback(){var e;null!==(e=this.originalPdsInput)&&void 0!==e||(this.originalPdsInput=this.pdsInput),this.debounceChanged(),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals())}disconnectedCallback(){b(this.pdsInput),this.resizeObserver&&this.resizeObserver.disconnect()}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},u(this.el)),m(this.el)),this.hasAction=null!==this.el.querySelector('[slot="action"]')}componentDidLoad(){this.updateFormValue(),this.setupResizeObserver(),l(this.el,(()=>this._type))}setupResizeObserver(){this.maxLength&&this.nativeTextarea&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))})),this.resizeObserver.observe(this.nativeTextarea),requestAnimationFrame((()=>{this.updateCharacterCounterPosition()})))}updateCharacterCounterPosition(){if(!this.characterCounter||!this.nativeTextarea)return;if("undefined"==typeof ResizeObserver)return;if(0===this.characterCounter.offsetWidth||0===this.characterCounter.offsetHeight)return;const e=this.nativeTextarea.offsetWidth,t=this.nativeTextarea.offsetHeight,i=this.characterCounter.offsetWidth,a=this.characterCounter.offsetHeight,s=t-a-8,r=Math.max(8,Math.min(e-i-8,e-i-8)),o=Math.max(8,Math.min(s,t-a-8));this.characterCounter.style.position="absolute",this.characterCounter.style.left=r+"px",this.characterCounter.style.top=o+"px",this.characterCounter.style.right="auto",this.characterCounter.style.bottom="auto"}renderCharacterCounter(){if(!this.maxLength)return null;const e=this.getValue().length;return a("div",{class:"pds-textarea__character-counter",ref:e=>this.characterCounter=e,role:"status","aria-live":"polite","aria-label":v(this.characterCountLabel,{current:e,max:this.maxLength})},e," / ",this.maxLength)}renderAction(){return null!==this.el.querySelector('[slot="action"]')?a("div",{class:"pds-textarea__action",part:"action"},a("slot",{name:"action"})):null}updateFormValue(){if(!o()&&this.internals&&this.internals.setFormValue){const e=this.getValue();this.internals.setFormValue(e||null),this.nativeTextarea&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const t=e.get(this.name);"string"==typeof t&&(this.value=t)}}render(){const e=this.getValue();return a(s,{key:"76e445d135191df3090620f2c2eaf6ed8d7eb9cb","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},a("div",{key:"836815333b0ca925bc205a4b8b25086fe82fcedc",class:"pds-textarea"},this.label&&a("div",{key:"e8633457c994d3387ec277fd9945afb2c653d27a",class:"pds-textarea__label-wrapper"},a("label",{key:"977bb1c171b68242ab06e01ef94ecc4e4cb26880",htmlFor:this.componentId},a("span",{key:"ef87433d6524296b3153e8d04e6406c9287e3f2e",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),a("div",{key:"92952c76f5f4a87da4953f792a9a5589d7765451",class:"pds-textarea__field-wrapper"},a("textarea",Object.assign({key:"a61f39d0e299cb6b3e6d1beed37805ad9a71b579",ref:e=>this.nativeTextarea=e,"aria-describedby":d(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,maxlength:this.maxLength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onBlur:this.onBlur,onChange:this.onTextareaChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown},this.inheritedAttributes),e),this.renderCharacterCounter()),this.helperMessage&&a("p",{key:"811065b7ce7b45d902d821dbceb25fef4231db94",class:"pds-textarea__helper-message",id:c(this.componentId,"helper")},this.helperMessage),this.invalid&&a("p",{key:"f95f566b79215a4a128fe92c02be244219f843e5","aria-live":"assertive",class:"pds-textarea__error-message",id:c(this.componentId,"error")},a("pds-icon",{key:"08f649e4b32551d59d60b978262cd7beaa99e08d","aria-hidden":"true",icon:x,size:"small"}),this.errorMessage)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}],maxLength:[{maxLengthChanged: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{--pine-input-color-background-danger:var(--pine-color-red-050)}:host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid){background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):hover{border-color:var(--pine-color-accent-hover)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid)~.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);color:var(--pine-color-text-accent)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-textarea__field-wrapper{display:inline-block;position:relative;width:100%}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:calc(var(--pine-dimension-xl) * 2);min-width:calc(var(--pine-dimension-xl) * 2);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);resize:both;width:100%}:host([max-length]) .pds-textarea__field{padding-bottom:calc(var(--pine-dimension-xs) + var(--pine-dimension-md))}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid{background-color:var(--pine-color-red-950)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);border-radius:calc(var(--pine-dimension-2xs) * 0.5);color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);padding:calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:var(--pine-z-index)}:host([aria-disabled=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled)}:host([aria-readonly=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-input-color-background-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-color-red-950)}.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}"}},[321,"pds-textarea",{autocomplete:[1],componentId:[1,"component-id"],disabled:[4],debounce:[2],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[1028],label:[1],hideLabel:[4,"hide-label"],name:[1],placeholder:[1],readonly:[4],required:[4],rows:[2],maxLength:[514,"max-length"],highlight:[516],value:[1025],characterCountLabel:[1,"character-count-label"],hasFocus:[32],hasAction:[32],setFocus:[64]},void 0,{debounce:[{debounceChanged:0}],value:[{valueChanged:0}],maxLength:[{maxLengthChanged:0}]}]),_=f,y=function(){"undefined"!=typeof customElements&&["pds-textarea","pds-icon"].forEach((e=>{switch(e){case"pds-textarea":customElements.get(r(e))||customElements.define(r(e),f);break;case"pds-icon":customElements.get(r(e))||g()}}))};export{_ as PdsTextarea,y as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as a,Host as s,transformTag as r}from"@stencil/core/internal/client";import{i as o,b as n,e as l,a as d,m as c}from"./form.js";import{d as h,f as p,c as u}from"./utils.js";import{i as b,a as m}from"./attributes.js";import{h as x}from"./index2.js";import{f as v}from"./i18n-format.js";import{d as g}from"./pds-icon2.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsBlur=i(this,"pdsBlur",7),this.pdsFocus=i(this,"pdsFocus",7),this.pdsInput=i(this,"pdsInput",7),this.pdsTextareaChange=i(this,"pdsTextareaChange",7),this.pdsKeyDown=i(this,"pdsKeyDown",7),this.inheritedAttributes={},this._type="textarea",this.disabled=!1,this.invalid=!1,this.name=this.componentId,this.readonly=!1,this.required=!1,this.value="",this.hasFocus=!1,this.hasAction=!1,this.characterCountLabel="{current} of {max} characters",this.onBlur=e=>{this.hasFocus=!1,this.focusedValue!==this.value&&this.emitValueChange(e),this.pdsBlur.emit(e)},this.onFocus=e=>{this.hasFocus=!0,this.focusedValue=this.value,this.pdsFocus.emit(e)},this.onInput=e=>{const t=e.target;t&&(this.maxLength&&t.value.length>this.maxLength&&(t.value=t.value.substring(0,this.maxLength)),this.value=t.value||""),this.emitInputChange(e),this.maxLength&&"undefined"!=typeof ResizeObserver&&requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))},this.onTextareaChange=e=>{this.emitValueChange(e)},this.onKeyDown=e=>{this.pdsKeyDown.emit(e)}}async setFocus(){this.nativeTextarea&&this.nativeTextarea.focus()}debounceChanged(){const{pdsInput:e,debounce:t,originalPdsInput:i}=this;this.pdsInput=void 0===t?null!=i?i:e:h(e,t),p(e)}valueChanged(){const e=this.nativeTextarea,t=this.getValue();e&&e.value!==t&&(e.value=t),this.updateFormValue(),this.maxLength&&"undefined"!=typeof ResizeObserver&&this.updateCharacterCounterPosition()}maxLengthChanged(){if(this.resizeObserver&&this.resizeObserver.disconnect(),this.maxLength&&this.nativeTextarea&&this.setupResizeObserver(),!o()&&this.internals&&this.internals.setValidity&&this.nativeTextarea){const e=this.nativeTextarea.value.length>(this.maxLength||0);this.internals.setValidity({tooLong:e},e?"Value exceeds maxLength":"",this.nativeTextarea)}}emitInputChange(e){const{value:t}=this;this.pdsInput.emit({value:t,event:e})}emitValueChange(e){const t=e.target;n(t,this);const{value:i}=t,a=null==i?i:""+i;this.focusedValue=a,this.pdsTextareaChange.emit({value:a,event:e})}getValue(){return this.value||""}textareaClassNames(){const e=["pds-textarea__field"];return this.invalid&&!0===this.invalid&&e.push("is-invalid"),e.join("  ")}connectedCallback(){var e;null!==(e=this.originalPdsInput)&&void 0!==e||(this.originalPdsInput=this.pdsInput),this.debounceChanged(),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals())}disconnectedCallback(){u(this.pdsInput),this.resizeObserver&&this.resizeObserver.disconnect()}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},b(this.el)),m(this.el)),this.hasAction=null!==this.el.querySelector('[slot="action"]')}componentDidLoad(){this.updateFormValue(),this.setupResizeObserver(),l(this.el,(()=>this._type))}setupResizeObserver(){this.maxLength&&this.nativeTextarea&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{requestAnimationFrame((()=>{this.updateCharacterCounterPosition()}))})),this.resizeObserver.observe(this.nativeTextarea),requestAnimationFrame((()=>{this.updateCharacterCounterPosition()})))}updateCharacterCounterPosition(){if(!this.characterCounter||!this.nativeTextarea)return;if("undefined"==typeof ResizeObserver)return;if(0===this.characterCounter.offsetWidth||0===this.characterCounter.offsetHeight)return;const e=this.nativeTextarea.offsetWidth,t=this.nativeTextarea.offsetHeight,i=this.characterCounter.offsetWidth,a=this.characterCounter.offsetHeight,s=t-a-8,r=Math.max(8,Math.min(e-i-8,e-i-8)),o=Math.max(8,Math.min(s,t-a-8));this.characterCounter.style.position="absolute",this.characterCounter.style.left=r+"px",this.characterCounter.style.top=o+"px",this.characterCounter.style.right="auto",this.characterCounter.style.bottom="auto"}renderCharacterCounter(){if(!this.maxLength)return null;const e=this.getValue().length;return a("div",{class:"pds-textarea__character-counter",ref:e=>this.characterCounter=e,role:"status","aria-live":"polite","aria-label":v(this.characterCountLabel,{current:e,max:this.maxLength})},e," / ",this.maxLength)}renderAction(){return null!==this.el.querySelector('[slot="action"]')?a("div",{class:"pds-textarea__action",part:"action"},a("slot",{name:"action"})):null}updateFormValue(){if(!o()&&this.internals&&this.internals.setFormValue){const e=this.getValue();this.internals.setFormValue(e||null),this.nativeTextarea&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const t=e.get(this.name);"string"==typeof t&&(this.value=t)}}render(){const e=this.getValue();return a(s,{key:"96f8863a39579b421057fa9b2857753785d4c585","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},a("div",{key:"89ae283a1674af03795c0443ee7fea2bac658c9e",class:"pds-textarea"},this.label&&a("div",{key:"7da482f50cfbf7361c457d79e9185bdf204d728d",class:"pds-textarea__label-wrapper"},a("label",{key:"3c1a24beae7a190e11a686c4f15dbc175221db0b",htmlFor:this.componentId},a("span",{key:"7d2f5618fe0893bca5926237adfc610adfaf7cc7",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),a("div",{key:"371d16fe7e0446658316d4f2047776ef4429346c",class:"pds-textarea__field-wrapper"},a("textarea",Object.assign({key:"6e433b544a20b82d16ce8522196c41ca8b22411f",ref:e=>this.nativeTextarea=e,"aria-describedby":d(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,maxlength:this.maxLength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onBlur:this.onBlur,onChange:this.onTextareaChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown},this.inheritedAttributes),e),this.renderCharacterCounter()),this.helperMessage&&a("p",{key:"7b7117493340f25be2c4d18b48e00add775155d3",class:"pds-textarea__helper-message",id:c(this.componentId,"helper")},this.helperMessage),this.invalid&&a("p",{key:"79a604af17aa9a6735d44aa52a858881e053de43","aria-live":"assertive",class:"pds-textarea__error-message",id:c(this.componentId,"error")},a("pds-icon",{key:"765e5df4a34b583183f1ceeb92fb596067d4a212","aria-hidden":"true",icon:x,size:"small"}),this.errorMessage)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}],maxLength:[{maxLengthChanged: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{--pine-input-color-background-danger:var(--pine-color-red-050)}:host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid){background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):hover{border-color:var(--pine-color-accent-hover)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid)~.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);color:var(--pine-color-text-accent)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-textarea__field-wrapper{display:inline-block;position:relative;width:100%}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:calc(var(--pine-dimension-xl) * 2);min-width:calc(var(--pine-dimension-xl) * 2);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);resize:both;width:100%}:host([max-length]) .pds-textarea__field{padding-bottom:calc(var(--pine-dimension-xs) + var(--pine-dimension-md))}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid{background-color:var(--pine-color-red-950)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);border-radius:calc(var(--pine-dimension-2xs) * 0.5);color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);padding:calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:var(--pine-z-index)}:host([aria-disabled=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled)}:host([aria-readonly=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-input-color-background-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-color-red-950)}.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}"}},[321,"pds-textarea",{autocomplete:[1],componentId:[1,"component-id"],disabled:[4],debounce:[2],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[1028],label:[1],hideLabel:[4,"hide-label"],name:[1],placeholder:[1],readonly:[4],required:[4],rows:[2],maxLength:[514,"max-length"],highlight:[516],value:[1025],characterCountLabel:[1,"character-count-label"],hasFocus:[32],hasAction:[32],setFocus:[64]},void 0,{debounce:[{debounceChanged:0}],value:[{valueChanged:0}],maxLength:[{maxLengthChanged:0}]}]),_=f,y=function(){"undefined"!=typeof customElements&&["pds-textarea","pds-icon"].forEach((e=>{switch(e){case"pds-textarea":customElements.get(r(e))||customElements.define(r(e),f);break;case"pds-icon":customElements.get(r(e))||g()}}))};export{_ as PdsTextarea,y as defineCustomElement}

package/components/pds-toast.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as s,Host as e,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./pds-icon2.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsToastDismissed=a(this,"pdsToastDismissed",7),this.dismissible=!0,this.duration=4500,this.type="default",this.dismissLabel="Dismiss message",this.isVisible=!0,this.isAnimatingOut=!1}componentDidLoad(){this.duration>0&&this.startDismissTimer()}disconnectedCallback(){this.cleanup()}handleDurationChange(t){this.dismissTimer&&(window.clearTimeout(this.dismissTimer),this.dismissTimer=void 0),t>0&&this.startDismissTimer()}async dismiss(){this.isAnimatingOut=!0,await this.waitForDismissAnimation(),this.isVisible=!1,this.cleanup(),this.pdsToastDismissed.emit({componentId:this.componentId})}waitForDismissAnimation(){const t=this.getDismissAnimationDurationMs();return t<=0?Promise.resolve():new Promise((i=>window.setTimeout(i,t)))}getDismissAnimationDurationMs(){if("undefined"==typeof window)return 300;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;const t=this.parseCssDurationToMs(getComputedStyle(this.el).getPropertyValue("--animation-duration").trim());return null!=t?t:300}parseCssDurationToMs(t){if(t){if("0"===t||"0ms"===t||"0s"===t)return 0;if(t.endsWith("ms")){const i=Number.parseFloat(t);return Number.isFinite(i)?i:void 0}if(t.endsWith("s")){const i=Number.parseFloat(t);return Number.isFinite(i)?1e3*i:void 0}}}cleanup(){this.dismissTimer&&(window.clearTimeout(this.dismissTimer),this.dismissTimer=void 0)}startDismissTimer(){this.dismissTimer=window.setTimeout((()=>{this.dismiss()}),this.duration)}renderIcon(){return"loading"===this.type?s("div",{class:"pds-toast__loader"},s("svg",{class:"pds-toast__loader-spinner",viewBox:"25 25 50 50","aria-hidden":"true"},s("circle",{class:"pds-toast__loader-path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"}))):this.icon&&s("pds-icon",{name:this.icon,class:"pds-toast__icon","aria-hidden":"true"})}severityText(){var t;return null!==(t=this.severityLabel)&&void 0!==t?t:"danger"===this.type?"Error":void 0}render(){const t=this.severityText();return s(e,{key:"4c4077add1843ab84674dfa49fb963df55f1c432",hidden:!this.isVisible},s("div",{key:"0d819ac123de625604d3b1aa0f9391366b4d0289",class:{"pds-toast":!0,["pds-toast--"+this.type]:"default"!==this.type,"pds-toast--animating-out":this.isAnimatingOut},role:"alert","aria-live":"polite"},this.renderIcon(),t&&s("span",{key:"f75fb422797082e99acb85432c1b50cf702d7afc",class:"visually-hidden"},t),s("span",{key:"3d9f03d96dbda41c72d2c2cc492b1422928d573f",class:"pds-toast__message"},s("slot",{key:"affc7e4cb592735ec396fa90a9405f25b389e4bd"})),this.dismissible&&s("button",{key:"0c4ef459dda09b8a196eed7ee28383995d959b11",type:"button",part:"dismiss",class:"pds-toast__button",onClick:()=>{this.dismiss()},"aria-label":this.dismissLabel},s("pds-icon",{key:"1b26a6a842868a5b1e55b7110c755edc7f830ba5",name:"remove","aria-hidden":"true"}))))}get el(){return this}static get watchers(){return{duration:[{handleDurationChange:0}]}}static get style(){return":host{--animation-duration:var(--pine-motion-duration-slow);--animation-timing:var(--pine-motion-easing-in-out);--padding-inline:var(--pine-dimension-md);--padding-inline-desktop:var(--pine-dimension-2xl);--sizing-height-default:68px;--sizing-min-width:calc(var(--sizing-total-width) - (var(--padding-inline) * 2));--sizing-min-width-desktop:calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));--sizing-total-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font:var(--pine-typography-body-medium)}.pds-toast{-ms-flex-align:center;align-items:center;-webkit-animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);background-color:var(--pine-color-primary);border-radius:var(--pine-dimension-xs);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);display:-ms-flexbox;display:flex;height:var(--sizing-height-default);-ms-flex-pack:start;justify-content:flex-start;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);max-width:90vw;min-width:var(--sizing-min-width);padding:0 var(--padding-inline);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.pds-toast{height:36px;max-width:calc(100vw - var(--pine-dimension-2xs) * 2);min-width:auto;padding-inline:var(--pine-dimension-2xs)}}.pds-toast--danger{background-color:var(--pine-color-danger)}.pds-toast--loading .pds-toast__loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);position:relative}.pds-toast--loading .pds-toast__loader-spinner{-webkit-animation:pds-toast-rotate 2s linear infinite;animation:pds-toast-rotate 2s linear infinite;height:20px;width:20px}.pds-toast--loading .pds-toast__loader-path{-webkit-animation:pds-toast-dash 1.5s ease-in-out infinite;animation:pds-toast-dash 1.5s ease-in-out infinite;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.pds-toast__icon{color:var(--pine-color-text-primary);display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-toast__message{font:var(--pine-typography-body-sm-medium);-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-toast__message ::slotted(a){color:var(--pine-color-text-primary);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs);opacity:0.7;text-decoration:underline}.pds-toast__message ::slotted(a):hover,.pds-toast__message ::slotted(a):focus-visible{opacity:1}.pds-toast__message ::slotted(a):focus-visible{outline:2px solid var(--pine-color-text-primary);outline-offset:2px}.pds-toast__button{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);opacity:0.7;padding:0;white-space:nowrap}.pds-toast__button:hover,.pds-toast__button:focus{opacity:1}.pds-toast__button:focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-dimension-2xs)}@-webkit-keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}:host([hidden]) .pds-toast,.pds-toast--animating-out{-webkit-animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;pointer-events:none;}.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}"}},[257,"pds-toast",{componentId:[1,"component-id"],dismissible:[4],duration:[2],icon:[1],type:[1],dismissLabel:[1,"dismiss-label"],severityLabel:[1,"severity-label"],isVisible:[32],isAnimatingOut:[32],dismiss:[64]},void 0,{duration:[{handleDurationChange:0}]}]),d=r,m=function(){"undefined"!=typeof customElements&&["pds-toast","pds-icon"].forEach((t=>{switch(t){case"pds-toast":customElements.get(n(t))||customElements.define(n(t),r);break;case"pds-icon":customElements.get(n(t))||o()}}))};export{d as PdsToast,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as s,Host as e,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./pds-icon2.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsToastDismissed=a(this,"pdsToastDismissed",7),this.dismissible=!0,this.duration=4500,this.type="default",this.dismissLabel="Dismiss message",this.isVisible=!0,this.isAnimatingOut=!1}componentDidLoad(){this.duration>0&&this.startDismissTimer()}disconnectedCallback(){this.cleanup()}handleDurationChange(t){this.dismissTimer&&(window.clearTimeout(this.dismissTimer),this.dismissTimer=void 0),t>0&&this.startDismissTimer()}async dismiss(){this.isAnimatingOut=!0,await this.waitForDismissAnimation(),this.isVisible=!1,this.cleanup(),this.pdsToastDismissed.emit({componentId:this.componentId})}waitForDismissAnimation(){const t=this.getDismissAnimationDurationMs();return t<=0?Promise.resolve():new Promise((i=>window.setTimeout(i,t)))}getDismissAnimationDurationMs(){if("undefined"==typeof window)return 300;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;const t=this.parseCssDurationToMs(getComputedStyle(this.el).getPropertyValue("--animation-duration").trim());return null!=t?t:300}parseCssDurationToMs(t){if(t){if("0"===t||"0ms"===t||"0s"===t)return 0;if(t.endsWith("ms")){const i=Number.parseFloat(t);return Number.isFinite(i)?i:void 0}if(t.endsWith("s")){const i=Number.parseFloat(t);return Number.isFinite(i)?1e3*i:void 0}}}cleanup(){this.dismissTimer&&(window.clearTimeout(this.dismissTimer),this.dismissTimer=void 0)}startDismissTimer(){this.dismissTimer=window.setTimeout((()=>{this.dismiss()}),this.duration)}renderIcon(){return"loading"===this.type?s("div",{class:"pds-toast__loader"},s("svg",{class:"pds-toast__loader-spinner",viewBox:"25 25 50 50","aria-hidden":"true"},s("circle",{class:"pds-toast__loader-path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"}))):this.icon&&s("pds-icon",{name:this.icon,class:"pds-toast__icon","aria-hidden":"true"})}severityText(){var t;return null!==(t=this.severityLabel)&&void 0!==t?t:"danger"===this.type?"Error":void 0}render(){const t=this.severityText();return s(e,{key:"89a7a4a9105730769c83cbb39af3cec31d1a39da",hidden:!this.isVisible},s("div",{key:"6543b52aea9ba5e956f894148e965619c8836432",class:{"pds-toast":!0,["pds-toast--"+this.type]:"default"!==this.type,"pds-toast--animating-out":this.isAnimatingOut},role:"alert","aria-live":"polite"},this.renderIcon(),t&&s("span",{key:"c2ec7185878dd0d00f0cf12c29080b716997f2c2",class:"visually-hidden"},t),s("span",{key:"0274afc2c23f43d7cd50a42fc999d82f91ad026d",class:"pds-toast__message"},s("slot",{key:"daba1b8fb461ffeb9c662d6c30f5cc93ca7c08f9"})),this.dismissible&&s("button",{key:"56cd7eb04c759acdaa850d230a5204eb2cae87f0",type:"button",part:"dismiss",class:"pds-toast__button",onClick:()=>{this.dismiss()},"aria-label":this.dismissLabel},s("pds-icon",{key:"95b08c3cbe0fb015515884484cf5ea28f7f0025c",name:"remove","aria-hidden":"true"}))))}get el(){return this}static get watchers(){return{duration:[{handleDurationChange:0}]}}static get style(){return":host{--animation-duration:var(--pine-motion-duration-slow);--animation-timing:var(--pine-motion-easing-in-out);--padding-inline:var(--pine-dimension-md);--padding-inline-desktop:var(--pine-dimension-2xl);--sizing-height-default:68px;--sizing-min-width:calc(var(--sizing-total-width) - (var(--padding-inline) * 2));--sizing-min-width-desktop:calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));--sizing-total-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font:var(--pine-typography-body-medium)}.pds-toast{-ms-flex-align:center;align-items:center;-webkit-animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);background-color:var(--pine-color-primary);border-radius:var(--pine-dimension-xs);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-primary);display:-ms-flexbox;display:flex;height:var(--sizing-height-default);-ms-flex-pack:start;justify-content:flex-start;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);max-width:calc(90vw + var(--padding-inline) * 2);min-width:calc(var(--sizing-min-width) + var(--padding-inline) * 2);padding:0 var(--padding-inline);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.pds-toast{height:36px;max-width:100vw;min-width:auto;padding-inline:var(--pine-dimension-2xs)}}.pds-toast--danger{background-color:var(--pine-color-danger)}.pds-toast--loading .pds-toast__loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);position:relative}.pds-toast--loading .pds-toast__loader-spinner{-webkit-animation:pds-toast-rotate 2s linear infinite;animation:pds-toast-rotate 2s linear infinite;height:20px;width:20px}.pds-toast--loading .pds-toast__loader-path{-webkit-animation:pds-toast-dash 1.5s ease-in-out infinite;animation:pds-toast-dash 1.5s ease-in-out infinite;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.pds-toast__icon{color:var(--pine-color-text-primary);display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-toast__message{font:var(--pine-typography-body-sm-medium);-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-toast__message ::slotted(a){color:var(--pine-color-text-primary);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs);opacity:0.7;text-decoration:underline}.pds-toast__message ::slotted(a):hover,.pds-toast__message ::slotted(a):focus-visible{opacity:1}.pds-toast__message ::slotted(a):focus-visible{outline:2px solid var(--pine-color-text-primary);outline-offset:2px}.pds-toast__button{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);opacity:0.7;padding:0;white-space:nowrap}.pds-toast__button:hover,.pds-toast__button:focus{opacity:1}.pds-toast__button:focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-dimension-2xs)}@-webkit-keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}:host([hidden]) .pds-toast,.pds-toast--animating-out{-webkit-animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;pointer-events:none;}.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}"}},[257,"pds-toast",{componentId:[1,"component-id"],dismissible:[4],duration:[2],icon:[1],type:[1],dismissLabel:[1,"dismiss-label"],severityLabel:[1,"severity-label"],isVisible:[32],isAnimatingOut:[32],dismiss:[64]},void 0,{duration:[{handleDurationChange:0}]}]),d=r,m=function(){"undefined"!=typeof customElements&&["pds-toast","pds-icon"].forEach((t=>{switch(t){case"pds-toast":customElements.get(n(t))||customElements.define(n(t),r);break;case"pds-icon":customElements.get(n(t))||o()}}))};export{d as PdsToast,m as defineCustomElement}

package/components/pds-tooltip.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as i,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as e,i as n}from"./keep-hydrated.js";import{f as l,o as a,i as p}from"./portal-target.js";import{c as h,a as d,o as c,f as w,s as f}from"./floating-ui.dom.js";const b=t(class t extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this._isInteractiveOpen=!1,this.portalEl=null,this.resolvedPlacement="right",this.triggerEl=null,this.contentDiv=null,this.lastCopiedHtml=null,this.slotMutationObserver=null,this.contentSyncFrame=null,this.currentPathname="",this.pathnameCheckInterval=null,this.stopAutoUpdate=null,this.stopWatchingPortalHost=null,this.hasArrow=!0,this.htmlContent=!1,this.placement="right",this.maxWidth="352px",this.opened=!1,this.hasCheckedReconnect=!1,this.handleHide=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.handleShow=()=>{this.opened&&!this._isInteractiveOpen||(this._isInteractiveOpen=!0,this.showTooltip())},this.handlePageShow=()=>{this.opened&&!this._isInteractiveOpen||(this.opened=!1,this._isInteractiveOpen=!1)},this.handleSpaNavigation=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.checkPathnameChange=()=>{window.location.pathname!==this.currentPathname&&(this.currentPathname=window.location.pathname,this.handleSpaNavigation())},this.scheduleContentSync=()=>{null===this.contentSyncFrame&&(this.contentSyncFrame=requestAnimationFrame((()=>{if(this.contentSyncFrame=null,null===this.portalEl||null===this.contentDiv)return;const t=this.copySlottedContent(),o=this.strippedHtml(t);o!==this.lastCopiedHtml&&(this.lastCopiedHtml=o,this.contentDiv.textContent="",this.contentDiv.append(...Array.from(t.childNodes)),this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip after a content change:",t)})))})))}}handleOpenToggle(t,o){!1===t&&!0===o&&(this._isInteractiveOpen=!1)}componentWillLoad(){this._isInteractiveOpen=!1,this.resolvedPlacement=this.placement}componentDidLoad(){window.addEventListener("pageshow",this.handlePageShow),this.currentPathname=window.location.pathname,this.triggerEl=this.el.querySelector(".pds-tooltip__trigger")}connectedCallback(){this.hasCheckedReconnect=!1}disconnectedCallback(){window.removeEventListener("pageshow",this.handlePageShow),null!==this.portalEl&&this.removePortal(),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null)}unwrapReconnectedSlots(){const t=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__trigger"))),o=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")));if(void 0===t||void 0===o)return;const i=t=>Array.from(t.children).find((t=>t.matches(".pds-tooltip__trigger, .pds-tooltip__content-slot-wrapper")));[t,o].forEach((r=>{let s=i(r);for(;void 0!==s;){const e=s.matches(".pds-tooltip__content-slot-wrapper")?o:t;Array.from(s.childNodes).forEach((t=>e===r?r.insertBefore(t,s):e.appendChild(t))),s.remove(),s=i(r)}}))}componentDidRender(){this.hasCheckedReconnect||(this.unwrapReconnectedSlots(),this.hasCheckedReconnect=!0),this.opened&&null===this.portalEl?this.createPortal():this.opened||null===this.portalEl||this.removePortal(),null!==this.portalEl&&(this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true"),this.portalEl.setAttribute("aria-live",this.opened?"polite":"off"))}async showTooltip(){this.opened=!0}async hideTooltip(){this.opened=!1}determinePositioningAnchor(){let t=this.triggerEl;if(null!==this.triggerEl){const o=this.triggerEl.childNodes;for(let i=0;i<o.length;i++){const r=o[i];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t}async repositionPortal(){const t=this.determinePositioningAnchor();if(null!==t&&null!==this.portalEl)try{const{x:o,y:i,placement:r}=await h(t,this.portalEl,{placement:this.placement,strategy:"fixed",middleware:[c(8),w(),f({padding:5})]});this.resolvedPlacement=r,Object.assign(this.portalEl.style,{left:o+"px",top:i+"px",position:"fixed"}),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`}catch(o){console.warn("Failed to position tooltip:",o),this.resolvedPlacement=this.placement;const i=t.getBoundingClientRect();this.portalEl.style.left=i.right+8+"px",this.portalEl.style.top=i.top+"px",this.portalEl.style.position="fixed"}}createPortal(){if(null!==this.portalEl)return;if(this.portalEl=document.createElement("div"),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.style.position="fixed",this.portalEl.style.zIndex="var(--pine-z-index-nuclear)",""===this.portalEl.id){const o=t.instanceCounter++;this.portalEl.id=`${this.componentId||this.el.id||"pds-tooltip"}-portal-${o}`}this.portalEl.getAttribute("id")!==this.portalEl.id&&this.portalEl.setAttribute("id",this.portalEl.id),this.portalEl.setAttribute("role","tooltip"),this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true"),this.portalEl.setAttribute("aria-live",this.opened?"polite":"off"),this.portalEl.style.maxWidth=this.maxWidth,this.contentDiv=document.createElement("div"),this.contentDiv.className="pds-tooltip__content",this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true"),this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");const o=this.copySlottedContent();this.lastCopiedHtml=this.strippedHtml(o),this.contentDiv.append(...Array.from(o.childNodes)),this.portalEl.appendChild(this.contentDiv);const i=l(this.el,p);i.appendChild(this.portalEl),i!==document.body&&(this.stopWatchingPortalHost=a(i,this.handleHide)),this.repositionPortal().catch((t=>{console.warn("Failed to position tooltip on creation:",t)})),this.triggerEl&&this.portalEl&&(this.stopAutoUpdate=d(this.triggerEl,this.portalEl,(()=>{this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip on auto update:",t)}))}))),window.addEventListener("popstate",this.handleSpaNavigation,!0),window.addEventListener("hashchange",this.handleSpaNavigation,!0),this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100),null!==this.triggerEl&&""!==this.portalEl.id&&this.triggerEl.setAttribute("aria-describedby",this.portalEl.id),this.startContentSync()}get contentSlotWrapper(){return Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")))}copySlottedContent(){var t,o;const i=document.createElement("div"),r=null===(t=this.contentSlotWrapper)||void 0===t?void 0:t.querySelector('[slot="content"]'),s=Array.from(null!==(o=null==r?void 0:r.childNodes)&&void 0!==o?o:[]).filter((t=>{var o;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(null===(o=t.textContent)||void 0===o?void 0:o.trim())}));return s.forEach((t=>i.appendChild(t.cloneNode(!0)))),0===s.length&&"string"==typeof this.content&&""!==this.content.trim()&&(i.textContent=this.content),i}startContentSync(){const t=this.contentSlotWrapper;void 0!==t&&"undefined"!=typeof MutationObserver&&(this.slotMutationObserver=new MutationObserver(this.scheduleContentSync),this.slotMutationObserver.observe(t,{childList:!0,subtree:!0,attributes:!0,characterData:!0}))}strippedHtml(t){const o=t.cloneNode(!0);return o.querySelectorAll("*").forEach((t=>{if(!t.localName.startsWith("pds-"))return;const o=e(t.getAttribute("class")||"").filter((o=>!n(t,o)));0===o.length?t.removeAttribute("class"):t.setAttribute("class",o.join(" "))})),o.innerHTML}stopContentSync(){null!==this.slotMutationObserver&&(this.slotMutationObserver.disconnect(),this.slotMutationObserver=null),null!==this.contentSyncFrame&&(cancelAnimationFrame(this.contentSyncFrame),this.contentSyncFrame=null)}removePortal(){if(this.stopContentSync(),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null),null!==this.stopWatchingPortalHost&&(this.stopWatchingPortalHost(),this.stopWatchingPortalHost=null),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.portalEl){window.removeEventListener("popstate",this.handleSpaNavigation,!0),window.removeEventListener("hashchange",this.handleSpaNavigation,!0);try{this.portalEl.parentNode&&this.portalEl.parentNode.removeChild(this.portalEl)}catch(t){console.warn("Portal element could not be removed from DOM:",t)}this.portalEl=null}null!==this.triggerEl&&this.triggerEl.removeAttribute("aria-describedby"),this.contentDiv=null,this.lastCopiedHtml=null}render(){return i(r,{key:"475ff12d4be035e3effa894353e7948b42a23489",id:this.componentId||void 0,class:{"pds-tooltip--is-open":this.opened}},i("span",{key:"3375dfb5bb86ba373bc5d617f4a53171505631d1",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide,ref:t=>this.triggerEl=t},i("slot",{key:"a3392ad415f5ac7f3883100bf914484ffcc8e536"})),i("div",{key:"774ac2c4808e96649b1536569aaf8cf8a6e3abc2",class:"pds-tooltip__content-slot-wrapper",hidden:!0},i("slot",{key:"672c64b4acdb365623885ac2105a9b90b1dcfa6b",name:"content"})))}get el(){return this}static get watchers(){return{opened:[{handleOpenToggle:0}]}}static get style(){return'.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:320px}:is(dialog,[popover])>.pds-tooltip{font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;word-spacing:normal}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);position:relative;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:var(--pine-z-index-raised)}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}'}},[260,"pds-tooltip",{content:[1],componentId:[1,"component-id"],hasArrow:[4,"has-arrow"],htmlContent:[4,"html-content"],placement:[513],maxWidth:[1,"max-width"],opened:[1540],_isInteractiveOpen:[32],showTooltip:[64],hideTooltip:[64]},void 0,{opened:[{handleOpenToggle:0}]}]);b.instanceCounter=0;const v=b,m=function(){"undefined"!=typeof customElements&&["pds-tooltip"].forEach((t=>{"pds-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),b))}))};export{v as PdsTooltip,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,h as i,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as e,i as n}from"./keep-hydrated.js";import{f as l,o as a,i as p}from"./portal-target.js";import{c as h,a as d,o as c,f as w,s as f}from"./floating-ui.dom.js";const b=t(class t extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this._isInteractiveOpen=!1,this.portalEl=null,this.resolvedPlacement="right",this.triggerEl=null,this.contentDiv=null,this.lastCopiedHtml=null,this.slotMutationObserver=null,this.contentSyncFrame=null,this.currentPathname="",this.pathnameCheckInterval=null,this.stopAutoUpdate=null,this.stopWatchingPortalHost=null,this.hasArrow=!0,this.htmlContent=!1,this.placement="right",this.maxWidth="352px",this.opened=!1,this.hasCheckedReconnect=!1,this.handleHide=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.handleShow=()=>{this.opened&&!this._isInteractiveOpen||(this._isInteractiveOpen=!0,this.showTooltip())},this.handlePageShow=()=>{this.opened&&!this._isInteractiveOpen||(this.opened=!1,this._isInteractiveOpen=!1)},this.handleSpaNavigation=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.checkPathnameChange=()=>{window.location.pathname!==this.currentPathname&&(this.currentPathname=window.location.pathname,this.handleSpaNavigation())},this.scheduleContentSync=()=>{null===this.contentSyncFrame&&(this.contentSyncFrame=requestAnimationFrame((()=>{if(this.contentSyncFrame=null,null===this.portalEl||null===this.contentDiv)return;const t=this.copySlottedContent(),o=this.strippedHtml(t);o!==this.lastCopiedHtml&&(this.lastCopiedHtml=o,this.contentDiv.textContent="",this.contentDiv.append(...Array.from(t.childNodes)),this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip after a content change:",t)})))})))}}handleOpenToggle(t,o){!1===t&&!0===o&&(this._isInteractiveOpen=!1)}componentWillLoad(){this._isInteractiveOpen=!1,this.resolvedPlacement=this.placement}componentDidLoad(){window.addEventListener("pageshow",this.handlePageShow),this.currentPathname=window.location.pathname,this.triggerEl=this.el.querySelector(".pds-tooltip__trigger")}connectedCallback(){this.hasCheckedReconnect=!1}disconnectedCallback(){window.removeEventListener("pageshow",this.handlePageShow),null!==this.portalEl&&this.removePortal(),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null)}unwrapReconnectedSlots(){const t=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__trigger"))),o=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")));if(void 0===t||void 0===o)return;const i=t=>Array.from(t.children).find((t=>t.matches(".pds-tooltip__trigger, .pds-tooltip__content-slot-wrapper")));[t,o].forEach((r=>{let s=i(r);for(;void 0!==s;){const e=s.matches(".pds-tooltip__content-slot-wrapper")?o:t;Array.from(s.childNodes).forEach((t=>e===r?r.insertBefore(t,s):e.appendChild(t))),s.remove(),s=i(r)}}))}componentDidRender(){this.hasCheckedReconnect||(this.unwrapReconnectedSlots(),this.hasCheckedReconnect=!0),this.opened&&null===this.portalEl?this.createPortal():this.opened||null===this.portalEl||this.removePortal(),null!==this.portalEl&&(this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true"),this.portalEl.setAttribute("aria-live",this.opened?"polite":"off"))}async showTooltip(){this.opened=!0}async hideTooltip(){this.opened=!1}determinePositioningAnchor(){let t=this.triggerEl;if(null!==this.triggerEl){const o=this.triggerEl.childNodes;for(let i=0;i<o.length;i++){const r=o[i];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t}async repositionPortal(){const t=this.determinePositioningAnchor();if(null!==t&&null!==this.portalEl)try{const{x:o,y:i,placement:r}=await h(t,this.portalEl,{placement:this.placement,strategy:"fixed",middleware:[c(8),w(),f({padding:5})]});this.resolvedPlacement=r,Object.assign(this.portalEl.style,{left:o+"px",top:i+"px",position:"fixed"}),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`}catch(o){console.warn("Failed to position tooltip:",o),this.resolvedPlacement=this.placement;const i=t.getBoundingClientRect();this.portalEl.style.left=i.right+8+"px",this.portalEl.style.top=i.top+"px",this.portalEl.style.position="fixed"}}createPortal(){if(null!==this.portalEl)return;if(this.portalEl=document.createElement("div"),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.style.position="fixed",this.portalEl.style.zIndex="var(--pine-z-index-nuclear)",""===this.portalEl.id){const o=t.instanceCounter++;this.portalEl.id=`${this.componentId||this.el.id||"pds-tooltip"}-portal-${o}`}this.portalEl.getAttribute("id")!==this.portalEl.id&&this.portalEl.setAttribute("id",this.portalEl.id),this.portalEl.setAttribute("role","tooltip"),this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true"),this.portalEl.setAttribute("aria-live",this.opened?"polite":"off"),this.portalEl.style.maxWidth=this.maxWidth,this.contentDiv=document.createElement("div"),this.contentDiv.className="pds-tooltip__content",this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true"),this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");const o=this.copySlottedContent();this.lastCopiedHtml=this.strippedHtml(o),this.contentDiv.append(...Array.from(o.childNodes)),this.portalEl.appendChild(this.contentDiv);const i=l(this.el,p);i.appendChild(this.portalEl),i!==document.body&&(this.stopWatchingPortalHost=a(i,this.handleHide)),this.repositionPortal().catch((t=>{console.warn("Failed to position tooltip on creation:",t)})),this.triggerEl&&this.portalEl&&(this.stopAutoUpdate=d(this.triggerEl,this.portalEl,(()=>{this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip on auto update:",t)}))}))),window.addEventListener("popstate",this.handleSpaNavigation,!0),window.addEventListener("hashchange",this.handleSpaNavigation,!0),this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100),null!==this.triggerEl&&""!==this.portalEl.id&&this.triggerEl.setAttribute("aria-describedby",this.portalEl.id),this.startContentSync()}get contentSlotWrapper(){return Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")))}copySlottedContent(){var t,o;const i=document.createElement("div"),r=null===(t=this.contentSlotWrapper)||void 0===t?void 0:t.querySelector('[slot="content"]'),s=Array.from(null!==(o=null==r?void 0:r.childNodes)&&void 0!==o?o:[]).filter((t=>{var o;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(null===(o=t.textContent)||void 0===o?void 0:o.trim())}));return s.forEach((t=>i.appendChild(t.cloneNode(!0)))),0===s.length&&"string"==typeof this.content&&""!==this.content.trim()&&(i.textContent=this.content),i}startContentSync(){const t=this.contentSlotWrapper;void 0!==t&&"undefined"!=typeof MutationObserver&&(this.slotMutationObserver=new MutationObserver(this.scheduleContentSync),this.slotMutationObserver.observe(t,{childList:!0,subtree:!0,attributes:!0,characterData:!0}))}strippedHtml(t){const o=t.cloneNode(!0);return o.querySelectorAll("*").forEach((t=>{if(!t.localName.startsWith("pds-"))return;const o=e(t.getAttribute("class")||"").filter((o=>!n(t,o)));0===o.length?t.removeAttribute("class"):t.setAttribute("class",o.join(" "))})),o.innerHTML}stopContentSync(){null!==this.slotMutationObserver&&(this.slotMutationObserver.disconnect(),this.slotMutationObserver=null),null!==this.contentSyncFrame&&(cancelAnimationFrame(this.contentSyncFrame),this.contentSyncFrame=null)}removePortal(){if(this.stopContentSync(),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null),null!==this.stopWatchingPortalHost&&(this.stopWatchingPortalHost(),this.stopWatchingPortalHost=null),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.portalEl){window.removeEventListener("popstate",this.handleSpaNavigation,!0),window.removeEventListener("hashchange",this.handleSpaNavigation,!0);try{this.portalEl.parentNode&&this.portalEl.parentNode.removeChild(this.portalEl)}catch(t){console.warn("Portal element could not be removed from DOM:",t)}this.portalEl=null}null!==this.triggerEl&&this.triggerEl.removeAttribute("aria-describedby"),this.contentDiv=null,this.lastCopiedHtml=null}render(){return i(r,{key:"475ff12d4be035e3effa894353e7948b42a23489",id:this.componentId||void 0,class:{"pds-tooltip--is-open":this.opened}},i("span",{key:"3375dfb5bb86ba373bc5d617f4a53171505631d1",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide,ref:t=>this.triggerEl=t},i("slot",{key:"a3392ad415f5ac7f3883100bf914484ffcc8e536"})),i("div",{key:"774ac2c4808e96649b1536569aaf8cf8a6e3abc2",class:"pds-tooltip__content-slot-wrapper",hidden:!0},i("slot",{key:"672c64b4acdb365623885ac2105a9b90b1dcfa6b",name:"content"})))}get el(){return this}static get watchers(){return{opened:[{handleOpenToggle:0}]}}static get style(){return'.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:344px}:is(dialog,[popover])>.pds-tooltip{font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;word-spacing:normal}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);position:relative;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:var(--pine-z-index-raised)}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}'}},[260,"pds-tooltip",{content:[1],componentId:[1,"component-id"],hasArrow:[4,"has-arrow"],htmlContent:[4,"html-content"],placement:[513],maxWidth:[1,"max-width"],opened:[1540],_isInteractiveOpen:[32],showTooltip:[64],hideTooltip:[64]},void 0,{opened:[{handleOpenToggle:0}]}]);b.instanceCounter=0;const v=b,m=function(){"undefined"!=typeof customElements&&["pds-tooltip"].forEach((t=>{"pds-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),b))}))};export{v as PdsTooltip,m as defineCustomElement}

package/components/sortable-label.js

@@ -0,0 +1 @@
+const t=t=>{var e;const{itemLabel:s}=t;if(s)return s;for(const s of Array.from(t.childNodes)){if(1===s.nodeType&&s.matches('.pds-sortable-item__handle, .pds-sortable-item__actions, [slot="sortable-item-actions"], script, style, template'))continue;if(3!==s.nodeType&&1!==s.nodeType)continue;const t=(null!==(e=s.textContent)&&void 0!==e?e:"").replace(/\s+/g," ").trim();if(t)return t}return""};export{t as s}

package/components/truncation-tooltip.js

@@ -1 +1 @@
-import{c as n,o as t,f as e,s as o}from"./floating-ui.dom.js";import{f as i,i as a,o as r}from"./portal-target.js";const s='a[href], button, summary, pds-button, pds-link, pds-tab, pds-dropdown-menu-item, [role="option"], [role="treeitem"]',u="pds-truncation-tooltip";function c(n){return n.scrollWidth>n.clientWidth}function l(s){const{hostEl:l,contentEl:d,getTooltipText:f,placement:p="top",reference:m=l,manageTabIndex:x=!0,focusEl:v=l}=s;!function(){if(document.querySelector("[data-pds-truncation-tooltip]"))return;const n=document.createElement("style");n.setAttribute("data-pds-truncation-tooltip",""),n.textContent=`\n    .${u} {\n      position: fixed;\n      z-index: var(--pine-z-index-nuclear, 9999);\n    }\n    .${u}__content {\n      background-color: var(--pine-color-primary, #1a1a2e);\n      border-radius: calc(var(--pine-dimension-xs, 4px) * 1.25);\n      box-shadow: var(--pine-box-shadow, 0 2px 8px rgba(0,0,0,0.15));\n      color: var(--pine-color-text-primary, #fff);\n      cursor: text;\n      font-family: var(--pine-font-family-body, sans-serif);\n      font-size: var(--pine-font-size-body-sm, 0.875rem);\n      letter-spacing: var(--pine-letter-spacing, normal);\n      line-height: var(--pine-line-height-body, 1.5);\n      max-width: 320px;\n      opacity: 0;\n      padding: var(--pine-dimension-xs, 4px) calc(var(--pine-dimension-md, 12px) / 2);\n      transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;\n      user-select: text;\n      visibility: hidden;\n      width: max-content;\n      word-break: break-word;\n    }\n    .${u}--visible .${u}__content {\n      opacity: 1;\n      visibility: visible;\n    }\n    :is(dialog, [popover]) > .${u} {\n      font-style: normal;\n      font-weight: normal;\n      text-align: start;\n      text-indent: 0;\n      text-transform: none;\n      white-space: normal;\n      word-spacing: normal;\n    }\n  `,document.head.appendChild(n)}();let b=null,y=null,h=!1,g=!1,w=!1,$=null,T=null,k=null,z=!1,_=!1;function E(){if(x)if(c(d)){if(!z&&d.hasAttribute("tabindex"))return;z=!0,d.setAttribute("tabindex","0")}else z&&(z=!1,d.removeAttribute("tabindex"))}function j(){if(null!==y&&(y(),y=null),b){if(b.removeEventListener("mouseenter",B),b.removeEventListener("mouseleave",C),b.classList.remove(`${u}--visible`),b.parentNode&&b.isConnected)try{b.parentNode.removeChild(b)}catch(n){}b=null}}function M(){null!==$&&(clearTimeout($),$=null)}function O(){M(),c(d)&&function(){if(b)return;const s=f();if(!s||""===s.trim())return;b=document.createElement("div"),b.className=u,b.setAttribute("role","tooltip"),b.setAttribute("aria-hidden","false");const c=document.createElement("div");c.className=`${u}__content`,c.textContent=s.trim(),b.appendChild(c);const d=i(l,a);d.appendChild(b),d!==document.body&&(y=r(d,F)),b.addEventListener("mouseenter",B),b.addEventListener("mouseleave",C),async function(){if(b)try{const{x:i,y:a}=await n(m,b,{placement:p,strategy:"fixed",middleware:[t(4),e(),o({padding:5})]});Object.assign(b.style,{left:`${i}px`,top:`${a}px`})}catch(n){if(b){const n=m.getBoundingClientRect(),t=b.getBoundingClientRect(),e=5,o=Math.max(e,Math.min(n.left,window.innerWidth-t.width-e)),i=Math.max(e,n.top-t.height-8);b.style.left=`${o}px`,b.style.top=`${i}px`}}}().then((()=>{b&&b.classList.add(`${u}--visible`)}))}()}function R(){h||g||w||j()}function F(){h=!1,g=!1,w=!1,M(),j()}function I(){M(),$=setTimeout((()=>{$=null,R()}),100)}function q(){h=!0,O()}function A(){h=!1,I()}function B(){g=!0,M()}function C(){g=!1,I()}function D(n){var t;(function(n){try{return n.matches(":focus-visible")}catch(n){return!0}})(n.composedPath()[0])&&(t=n.target,(v===l||t===v||t.contains(l)||l.contains(t))&&(w=!0,O()))}function G(n){w||"Escape"===n.key||D(n)}function H(){w=!1,I()}return"undefined"!=typeof ResizeObserver&&(T=new ResizeObserver((()=>{k&&clearTimeout(k),k=setTimeout((()=>{k=null,E(),b&&b.isConnected&&!c(d)&&R()}),100)})),T.observe(d)),E(),"undefined"!=typeof document&&void 0!==document.fonts&&document.fonts.ready.then((()=>{_||E()})),l.addEventListener("mouseenter",q),l.addEventListener("mouseleave",A),v.addEventListener("focusin",D),v.addEventListener("focusout",H),v.addEventListener("keyup",G),()=>{_=!0,M(),k&&(clearTimeout(k),k=null),T&&T.disconnect(),z&&(z=!1,d.removeAttribute("tabindex")),l.removeEventListener("mouseenter",q),l.removeEventListener("mouseleave",A),v.removeEventListener("focusin",D),v.removeEventListener("focusout",H),v.removeEventListener("keyup",G),j()}}export{s as F,l as s}
+import{c as n,o as t,f as e,s as o}from"./floating-ui.dom.js";import{f as i,i as a,o as r}from"./portal-target.js";const s='a[href], button, summary, pds-button, pds-link, pds-tab, pds-dropdown-menu-item, [role="option"], [role="treeitem"]';function u(n){let t="";const e=n=>{var o;"SLOT"===n.nodeName&&"function"==typeof n.assignedNodes?n.assignedNodes({flatten:!0}).forEach(e):1===n.nodeType?t+=u(n):3===n.nodeType&&(t+=null!==(o=n.textContent)&&void 0!==o?o:"")};return n.childNodes.forEach(e),t}const c="pds-truncation-tooltip";function l(n){return n.scrollWidth>n.clientWidth}function f(s){const{hostEl:u,contentEl:f,getTooltipText:d,placement:p="top",reference:m=u,manageTabIndex:x=!0,focusEl:v=u}=s;!function(){if(document.querySelector("[data-pds-truncation-tooltip]"))return;const n=document.createElement("style");n.setAttribute("data-pds-truncation-tooltip",""),n.textContent=`\n    .${c} {\n      position: fixed;\n      z-index: var(--pine-z-index-nuclear, 9999);\n    }\n    .${c}__content {\n      background-color: var(--pine-color-primary, #1a1a2e);\n      border-radius: calc(var(--pine-dimension-xs, 4px) * 1.25);\n      box-shadow: var(--pine-box-shadow, 0 2px 8px rgba(0,0,0,0.15));\n      color: var(--pine-color-text-primary, #fff);\n      cursor: text;\n      font-family: var(--pine-font-family-body, sans-serif);\n      font-size: var(--pine-font-size-body-sm, 0.875rem);\n      letter-spacing: var(--pine-letter-spacing, normal);\n      line-height: var(--pine-line-height-body, 1.5);\n      max-width: 320px;\n      opacity: 0;\n      padding: var(--pine-dimension-xs, 4px) calc(var(--pine-dimension-md, 12px) / 2);\n      transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;\n      user-select: text;\n      visibility: hidden;\n      width: max-content;\n      word-break: break-word;\n    }\n    .${c}--visible .${c}__content {\n      opacity: 1;\n      visibility: visible;\n    }\n    :is(dialog, [popover]) > .${c} {\n      font-style: normal;\n      font-weight: normal;\n      text-align: start;\n      text-indent: 0;\n      text-transform: none;\n      white-space: normal;\n      word-spacing: normal;\n    }\n  `,document.head.appendChild(n)}();let b=null,y=null,h=!1,g=!1,w=!1,$=null,T=null,k=null,z=!1,_=!1;function E(){if(x)if(l(f)){if(!z&&f.hasAttribute("tabindex"))return;z=!0,f.setAttribute("tabindex","0")}else z&&(z=!1,f.removeAttribute("tabindex"))}function O(){if(null!==y&&(y(),y=null),b){if(b.removeEventListener("mouseenter",S),b.removeEventListener("mouseleave",q),b.classList.remove(`${c}--visible`),b.parentNode&&b.isConnected)try{b.parentNode.removeChild(b)}catch(n){}b=null}}function j(){null!==$&&(clearTimeout($),$=null)}function M(){j(),l(f)&&function(){if(b)return;const s=d();if(!s||""===s.trim())return;b=document.createElement("div"),b.className=c,b.setAttribute("role","tooltip"),b.setAttribute("aria-hidden","false");const l=document.createElement("div");l.className=`${c}__content`,l.textContent=s.trim(),b.appendChild(l);const f=i(u,a);f.appendChild(b),f!==document.body&&(y=r(f,A)),b.addEventListener("mouseenter",S),b.addEventListener("mouseleave",q),async function(){if(b)try{const{x:i,y:a}=await n(m,b,{placement:p,strategy:"fixed",middleware:[t(4),e(),o({padding:5})]});Object.assign(b.style,{left:`${i}px`,top:`${a}px`})}catch(n){if(b){const n=m.getBoundingClientRect(),t=b.getBoundingClientRect(),e=5,o=Math.max(e,Math.min(n.left,window.innerWidth-t.width-e)),i=Math.max(e,n.top-t.height-8);b.style.left=`${o}px`,b.style.top=`${i}px`}}}().then((()=>{b&&b.classList.add(`${c}--visible`)}))}()}function R(){h||g||w||O()}function A(){h=!1,g=!1,w=!1,j(),O()}function F(){j(),$=setTimeout((()=>{$=null,R()}),100)}function I(){h=!0,M()}function L(){h=!1,F()}function S(){g=!0,j()}function q(){g=!1,F()}function B(n){var t;(function(n){try{return n.matches(":focus-visible")}catch(n){return!0}})(n.composedPath()[0])&&(t=n.target,(v===u||t===v||t.contains(u)||u.contains(t))&&(w=!0,M()))}function C(n){w||"Escape"===n.key||B(n)}function D(){w=!1,F()}return"undefined"!=typeof ResizeObserver&&(T=new ResizeObserver((()=>{k&&clearTimeout(k),k=setTimeout((()=>{k=null,E(),b&&b.isConnected&&!l(f)&&R()}),100)})),T.observe(f)),E(),"undefined"!=typeof document&&void 0!==document.fonts&&document.fonts.ready.then((()=>{_||E()})),u.addEventListener("mouseenter",I),u.addEventListener("mouseleave",L),v.addEventListener("focusin",B),v.addEventListener("focusout",D),v.addEventListener("keyup",C),()=>{_=!0,j(),k&&(clearTimeout(k),k=null),T&&T.disconnect(),z&&(z=!1,f.removeAttribute("tabindex")),u.removeEventListener("mouseenter",I),u.removeEventListener("mouseleave",L),v.removeEventListener("focusin",B),v.removeEventListener("focusout",D),v.removeEventListener("keyup",C),O()}}function d(n){let t=[],e=[];const o=()=>{e.forEach((n=>n())),e=[],t=[]};return{sync:i=>{const a=Array.from(i).filter((n=>null!=n));a.length===t.length&&a.every(((n,e)=>n===t[e]))||(o(),t=a,e=a.map((t=>f(n(t)))))},destroy:o}}export{s as F,d as b,u as f,f as s}