@pine-ds/core 3.6.0 → 3.8.0

package/dist/pine-core/p-f15cd180.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as r,h as t,H as e,g as n}from"./p-Bf1dou5H.js";import{h as i}from"./p-tJa4KYNO.js";import{b as d,f as s}from"./p-D4zJBIgl.js";const a=":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--filter{--color-background-default:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-100);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:inherit;--button-loader-color:inherit;border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";const l=class{constructor(t){o(this,t);this.pdsClick=r(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.variant="primary";this.handleClick=o=>{if(this.loading){o.preventDefault();return}if(this.disabled){o.preventDefault();return}if(!this.href&&this.type!="button"){if(i(this.el)){const r=this.el.closest("form");if(r){o.preventDefault();const t=document.createElement("button");t.type=this.type;t.style.display="none";r.appendChild(t);t.click();t.remove()}}}this.pdsClick.emit(o)}}handleFormKeyDown(o){if(o.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}const r=o.target;if(!r||typeof r.matches!=="function"){return}const t=this.el.closest("form");if(!t||!r||!t.contains(r)){return}const e=r.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||r.matches("pds-input")||r.matches("pds-select")||r.matches("pds-switch")||r.matches("pds-checkbox")||r.matches("pds-radio");if(e){const r=Array.from(t.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));const e=r.filter((o=>{if(o.tagName.toLowerCase()==="pds-button"){const r=o;return r.type==="submit"&&!r.disabled}else{return!o.hasAttribute("disabled")}}));if(e.length>0&&e[0]===this.el){o.preventDefault();this.el.click()}}}classNames(){const o=["pds-button"];if(this.variant){o.push("pds-button--"+this.variant)}if(this.iconOnly){o.push("pds-button--icon-only")}if(this.loading){o.push("pds-button--loading")}return o.join(" ")}hasSlotContent(o){const r=this.el.querySelectorAll(`[slot="${o}"]`);return r.length>0}renderStartContent(){const o=this.icon&&this.variant!=="disclosure"&&this.variant!=="filter";const r=this.hasSlotContent("start");if(this.variant==="filter"){return t("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:d,part:"icon","aria-hidden":"true"})}else if(Boolean(o)){return t("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}else if(Boolean(r)){return t("span",{class:`pds-button__icon ${this.loading?"pds-button__icon--hidden":""}`},t("slot",{name:"start"}))}return null}renderEndContent(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return t("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:s,part:"caret","aria-hidden":"true"})}else if(this.hasSlotContent("end")){return t("span",{class:`pds-button__icon ${this.loading?"pds-button__icon--hidden":""}`},t("slot",{name:"end"}))}return null}render(){const o={class:this.classNames(),part:"button"};const r=()=>{if(this.href){return Object.assign(Object.assign({},o),{href:this.disabled?null:this.href,target:this.target})}return Object.assign(Object.assign({},o),{"aria-busy":this.loading?"true":null,"aria-live":this.loading?"polite":null,disabled:this.disabled,name:this.name,type:this.type,value:this.value})};const n=this.href?"a":"button";const i=this.loading||this.iconOnly;const d=t("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),t("span",{class:`pds-button__text ${i?"pds-button__text--hidden":""}`,part:"button-text"},t("slot",null)),this.loading&&t("span",{class:"pds-button__loader"},t("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return t(e,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},t(n,Object.assign({},r()),d))}get el(){return n(this)}};l.style=a;export{l as pds_button};
+//# sourceMappingURL=p-f15cd180.entry.js.map

package/dist/pine-core/p-f15cd180.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsButtonCss","PdsButton","constructor","hostRef","this","disabled","fullWidth","icon","iconOnly","loading","type","variant","handleClick","ev","preventDefault","href","hasShadowDom","el","form","closest","fakeButton","document","createElement","style","display","appendChild","click","remove","pdsClick","emit","handleFormKeyDown","event","key","target","matches","contains","isFormInput","allSubmitButtons","Array","from","querySelectorAll","enabledSubmitButtons","filter","button","tagName","toLowerCase","pdsButton","hasAttribute","length","classNames","push","join","hasSlotContent","slotName","elements","renderStartContent","hasIcon","hasStartSlot","h","class","addCircle","part","Boolean","name","renderEndContent","caretDown","render","commonProps","attributes","Object","assign","value","ContentElement","hideText","content","size","exportparts","Host","id","componentId","onClick"],"sources":["src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":[":host {\n  --pds-button-background: var(--color-background-default);\n  --pds-button-border: var(--pine-border);\n  --pds-button-border-radius: var(--pine-border-radius-full);\n  --pds-button-border-radius-start-end: var(--pine-border-radius-full);\n  --pds-button-border-radius-start-start: var(--pine-border-radius-full);\n  --pds-button-border-radius-end-end: var(--pine-border-radius-full);\n  --pds-button-border-radius-end-start: var(--pine-border-radius-full);\n  --pds-button-min-height: var(--pine-dimension-450);\n  --pds-button-outline-offset: var(--pine-border-width);\n  --color-border-default: transparent;\n  --color-border-disabled: transparent;\n  --color-border-focus: transparent;\n  --color-border-hover: transparent;\n  --button-loader-color: var(--color-text-default);\n\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n:host([full-width=\"true\"]) {\n  display: flex;\n  width: 100%;\n\n  a,\n  button {\n    justify-content: center;\n    width: 100%;\n  }\n\n  .pds-button__content {\n    justify-content: center;\n    text-align: center;\n  }\n}\n\n:host([loading=\"true\"]) {\n  cursor: wait;\n  pointer-events: none;\n}\n\n:host([disabled=\"true\"]) {\n  pointer-events: none;\n}\n\n.pds-button {\n  --pds-loader-color: var(--color-text-default);\n  align-items: center;\n  background-color: var(--pds-button-background, var(--color-background-default));\n  border: var(--pds-button-border);\n  border-color: var(--color-border-default);\n  border-radius: var(--pds-button-border-radius);\n  /* stylelint-disable-next-line order/properties-alphabetical-order */\n  border-end-end-radius: var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));\n  border-end-start-radius: var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));\n  border-start-end-radius: var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));\n  border-start-start-radius: var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));\n  box-sizing: border-box;\n  color: var(--color-text-default);\n  cursor: pointer;\n  display: flex;\n  font: var(--pine-typography-body-brand-label);\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: var(--pds-button-min-height);\n  padding: calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);\n  position: relative;\n  text-decoration: none;\n\n  pds-icon {\n    color: currentColor;\n    fill: currentColor;\n  }\n\n  &:hover {\n    background-color: var(--color-background-hover);\n    border-color: var(--color-border-hover);\n  }\n\n  &:focus-visible {\n    border-color: var(--color-border-focus);\n    box-shadow: var(--pds-button-box-shadow-focus, none);\n    outline: var(--pds-button-outline-focus, var(--pine-outline-focus));\n    outline-offset: var(--pds-button-outline-offset);\n  }\n\n  &:disabled {\n    background-color: var(--color-background-disabled);\n    border-color: var(--color-border-disabled);\n    color: var(--color-text-disabled);\n    pointer-events: none;\n  }\n}\n\n.pds-button--primary {\n  --color-background-default: var(--pine-color-primary);\n  --color-background-hover: var(--pine-color-primary-hover);\n  --color-background-disabled: var(--pine-color-primary-disabled);\n  --color-border-default: var(--pine-color-primary);\n  --color-border-hover: var(--pine-color-primary-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-primary-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--accent {\n  --color-background-default: var(--pine-color-accent);\n  --color-background-hover: var(--pine-color-accent-hover);\n  --color-background-disabled: var(--pine-color-accent-disabled);\n  --color-border-default: var(--pine-color-accent);\n  --color-border-hover: var(--pine-color-accent-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-accent-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--destructive {\n  --color-background-default: var(--pine-color-danger);\n  --color-background-hover: var(--pine-color-danger-hover);\n  --color-background-disabled: var(--pine-color-danger-disabled);\n  --color-border-default: var(--pine-color-danger);\n  --color-border-hover: var(--pine-color-danger-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-danger-disabled);\n  --color-outline: var(--pine-color-focus-ring-danger);\n  --button-loader-color: var(--pine-color-text-primary);\n\n  &:focus-visible {\n    outline-color: var(--pine-color-focus-ring-danger);\n  }\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n  --color-background-default: var(--pine-color-secondary);\n  --color-background-hover: var(--pine-color-secondary-hover);\n  --color-background-disabled: var(--pine-color-secondary-disabled);\n  --color-border-disabled: var(--pine-color-border-disabled);\n  --color-border-focus: var(--pine-color-border);\n  --color-border-hover: var(--pine-color-border-hover);\n  --color-border-default: var(--pine-color-border);\n  --color-text-default: var(--pine-color-text-secondary);\n  --color-text-disabled: var(--pine-color-text-secondary-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-secondary);\n\n  &:hover {\n    background-color: var(--pine-color-secondary-hover);\n  }\n}\n\n.pds-button--filter {\n  --color-background-default: var(--pine-color-white);\n  --color-background-hover: var(--pine-color-grey-100);\n  --color-background-disabled: var(--pine-color-white);\n  --color-border-default: transparent;\n  --color-border-hover: transparent;\n  --color-border-focus: transparent;\n  --color-text-default: var(--pine-color-text-secondary);\n  --color-text-hover: var(--pine-color-text-hover);\n  --color-text-disabled: var(--pine-color-text-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-secondary);\n  --pds-button-border-radius: var(--pine-dimension-125);\n  --pds-button-border-radius-start-end: var(--pine-dimension-125);\n  --pds-button-border-radius-start-start: var(--pine-dimension-125);\n  --pds-button-border-radius-end-end: var(--pine-dimension-125);\n  --pds-button-border-radius-end-start: var(--pine-dimension-125);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n  &:hover {\n    color: var(--color-text-hover);\n  }\n}\n\n.pds-button--unstyled {\n  --color-background-default: transparent;\n  --color-background-hover: transparent;\n  --color-background-disabled: transparent;\n  --color-text-default: inherit;\n  --button-loader-color: inherit;\n  border-width: var(--pine-dimension-none);\n  margin: var(--pine-dimension-none);\n  min-height: auto;\n  padding: var(--pine-dimension-none);\n  width: inherit;\n}\n\n.pds-button__content {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--pine-dimension-xs);\n  position: relative;\n  width: 100%;\n}\n\n.pds-button__icon {\n  display: inline-flex;\n}\n\n.pds-button__text {\n  align-items: center;\n  display: inline-flex;\n  white-space: nowrap;\n}\n\n.pds-button__icon--hidden,\n.pds-button__text--hidden {\n  opacity: 0;\n}\n\n.pds-button__loader {\n  height: var(--pine-dimension-250);\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--pine-dimension-250);\n}\n\n.pds-button--loading {\n  cursor: wait;\n  pointer-events: none;\n\n  .pds-button__loader {\n    pds-loader {\n      --loader-color: var(--button-loader-color);\n    }\n  }\n}\n\n.pds-button--icon-only {\n  align-items: center;\n  border-radius: var(--pine-border-radius-full);\n  height: var(--button-dimension);\n  justify-content: center;\n  min-height: var(--button-dimension);\n  min-width: var(--button-dimension);\n  padding: var(--pine-dimension-xs);\n  width: var(--button-dimension);\n\n  .pds-button__content {\n    height: 100%;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .pds-button__text--hidden {\n    border: 0;\n    clip: rect(0 0 0 0);\n    clip-path: polygon(0 0, 0 0, 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Listen, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown, addCircle } from '@pine-ds/icons/icons';\n\n/**\n * @part button - Exposes the button element for styling.\n * @part button-content - Exposes the button content for styling.\n * @part button-text - Exposes the button text for styling.\n * @part caret - Exposes the caret icon component for styling. Appears only on the disclosure variant.\n * @part icon - Exposes the icon component for styling.\n * @part loader-svg - Exposes the loader SVG element for color customization. Appears only when loading.\n * @slot (default) - Button text.\n * @slot start - Content to display before the button text.\n * @slot end - Content to display after the button text.\n*/\n\n@Component({\n  tag: 'pds-button',\n  styleUrls: ['pds-button.scss'],\n  shadow: true,\n})\nexport class PdsButton {\n  @Element() el: HTMLPdsButtonElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines the button's disabled state.\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Determines if the button should take up the full width of its container.\n   * @defaultValue false\n   */\n  @Prop() fullWidth? = false;\n\n  /**\n   * If provided, renders the component as an anchor (`<a>`) element instead of a button.\n   * When using href, button-specific props (type, name, value, loading) will be ignored.\n   */\n  @Prop() href?: string;\n\n  /**\n   * Displays a leading icon in the button. DEPRECATED.\n   * @defaultValue null\n   * @deprecated Use `start` slot instead.\n   */\n  @Prop() icon?: string = null;\n\n  /**\n   * When true, displays only the icon and visually hides the text (keeping it accessible).\n   */\n  @Prop() iconOnly? = false;\n\n  /**\n   * Determines if the button is in a loading state.\n   * When true, displays a loader and hides the button text.\n   * @defaultValue false\n   */\n  @Prop() loading? = false;\n\n  /**\n   * Provides the button with a submittable name.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies where to open the linked document when href is provided.\n   * Only applies when href is set.\n   */\n  @Prop() target?: '_blank' | '_self' | '_parent' | '_top';\n\n  /**\n   * Provides button with a type.\n   * @defaultValue button\n   */\n  @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n   * Provides button with a submittable value\n   */\n  @Prop() value?: string;\n\n  /**\n   * Sets the style variant of the button.\n   * @defaultValue primary\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' | 'filter' = 'primary';\n\n  @Event() pdsClick: EventEmitter;\n\n  /**\n   * Listen for Enter key presses on form inputs to trigger submit\n   */\n  @Listen('keydown', { target: 'body' })\n\n  handleFormKeyDown(event: KeyboardEvent) {\n    // Only handle Enter key for submit buttons that are not disabled\n    if (event.key !== 'Enter' || this.type !== 'submit' || this.href || this.disabled) {\n      return;\n    }\n\n    const target = event.target as Element;\n\n    // Ensure event.target is an Element with matches method before proceeding\n    if (!target || typeof target.matches !== 'function') {\n      return;\n    }\n    const form = this.el.closest('form');\n\n    // Check if the Enter key was pressed in a form input within the same form\n    if (!form || !target || !form.contains(target)) {\n      return;\n    }\n\n    // Check if target is a form input element (exclude reset buttons)\n    const isFormInput = target.matches('input:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"])') ||\n                       target.matches('pds-input') ||\n                       target.matches('pds-select') ||\n                       target.matches('pds-switch') ||\n                       target.matches('pds-checkbox') ||\n                       target.matches('pds-radio');\n\n    if (isFormInput) {\n      // Find all submit buttons in the form and check their actual properties\n      const allSubmitButtons = Array.from(form.querySelectorAll('pds-button, button[type=\"submit\"], input[type=\"submit\"]'));\n      const enabledSubmitButtons = allSubmitButtons.filter(button => {\n        if (button.tagName.toLowerCase() === 'pds-button') {\n          const pdsButton = button as HTMLPdsButtonElement;\n          return pdsButton.type === 'submit' && !pdsButton.disabled;\n        } else {\n          return !button.hasAttribute('disabled');\n        }\n      });\n\n      // Only synthesize click if this button is strictly the first enabled submit button\n      if (enabledSubmitButtons.length > 0 && enabledSubmitButtons[0] === this.el) {\n        event.preventDefault();\n        this.el.click();\n      }\n    }\n  }\n\n\n  private handleClick = (ev: Event) => {\n    if (this.loading) {\n      ev.preventDefault();\n      return;\n    }\n\n    // Prevent form submission for disabled buttons\n    if (this.disabled) {\n      ev.preventDefault();\n      return;\n    }\n\n    if (!this.href && this.type != 'button') {\n      // Handle form submission for Shadow DOM buttons\n      if (hasShadowDom(this.el)) {\n        const form = this.el.closest('form');\n        if (form) {\n          ev.preventDefault();\n\n          const fakeButton = document.createElement('button');\n          fakeButton.type = this.type;\n          fakeButton.style.display = 'none';\n          form.appendChild(fakeButton);\n          fakeButton.click();\n          fakeButton.remove();\n        }\n      }\n    }\n    this.pdsClick.emit(ev);\n  };\n\n  private classNames() {\n    const classNames = ['pds-button'];\n\n    if (this.variant) {\n      classNames.push('pds-button--' + this.variant);\n    }\n\n    if (this.iconOnly) {\n      classNames.push('pds-button--icon-only');\n    }\n\n    if (this.loading) {\n      classNames.push('pds-button--loading');\n    }\n\n    return classNames.join(' ');\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    const elements = this.el.querySelectorAll(`[slot=\"${slotName}\"]`);\n    return elements.length > 0;\n  }\n\n  private renderStartContent() {\n    const hasIcon = this.icon && this.variant !== 'disclosure' && this.variant !== 'filter';\n    const hasStartSlot = this.hasSlotContent('start');\n\n    if (this.variant === 'filter') {\n      return (\n        <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} icon={addCircle} part=\"icon\" aria-hidden=\"true\"></pds-icon>\n      );\n    } else if (Boolean(hasIcon)) {\n      return (\n        <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} name={this.icon} part=\"icon\" aria-hidden=\"true\"></pds-icon>\n      );\n    } else if (Boolean(hasStartSlot)) {\n      return <span class={`pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}`}><slot name=\"start\" /></span>;\n    }\n\n    return null;\n  }\n\n  private renderEndContent() {\n    if (this.iconOnly) {\n      return null;\n    }\n\n    if (this.variant === 'disclosure') {\n      return (\n        <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} icon={caretDown} part=\"caret\" aria-hidden=\"true\"></pds-icon>\n      );\n    } else if (this.hasSlotContent('end')) {\n      return <span class={`pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}`}><slot name=\"end\" /></span>;\n    }\n\n    return null;\n  }\n\n  render() {\n    // Common props for both button and anchor elements\n    const commonProps = {\n      class: this.classNames(),\n      part: 'button',\n    };\n\n    const attributes = () => {\n      if (this.href) {\n        return {\n          // Anchor element props\n          ...commonProps,\n          href: this.disabled ? null : this.href,\n          target: this.target,\n        };\n      }\n\n      return {\n        // Button element props\n        ...commonProps,\n        'aria-busy': this.loading ? 'true' : null,\n        'aria-live': this.loading ? 'polite' : null,\n        'disabled': this.disabled,\n        'name': this.name,\n        'type': this.type,\n        'value': this.value,\n      };\n    };\n\n    const ContentElement = this.href ? 'a' : 'button';\n\n    // Hide text when loading or iconOnly is true\n    const hideText = this.loading || this.iconOnly;\n\n    const content = (\n      <div class=\"pds-button__content\" part=\"button-content\">\n        {this.renderStartContent()}\n\n        <span class={`pds-button__text ${hideText ? 'pds-button__text--hidden' : ''}`} part=\"button-text\">\n          <slot />\n        </span>\n\n        {this.loading && (\n          <span class=\"pds-button__loader\">\n            <pds-loader is-loading={true} size=\"var(--pine-font-size-body-2xl)\" variant=\"spinner\" exportparts=\"loader-svg\">\n              Loading...\n            </pds-loader>\n          </span>\n        )}\n\n        {this.renderEndContent()}\n      </div>\n    );\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        id={this.componentId}\n        onClick={this.handleClick}\n        variant={this.variant}\n      >\n        <ContentElement {...attributes()}>\n          {content}\n        </ContentElement>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/{p-0066d249.entry.js → p-f5d78141.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as d,H as e}from"./p-BVCWKPy3.js";const n=".pds-divider{background:var(--pine-color-border);border:0;display:-ms-flexbox;display:flex;height:var(--pine-border-width);margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--pine-dimension-2xs) * -1);padding:0 var(--pine-dimension-2xs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--pine-dimension-2xs) * -1) 0;padding:var(--pine-dimension-2xs) 0}.pds-divider--offset-xs{margin:0 calc(var(--pine-dimension-xs) * -1);padding:0 var(--pine-dimension-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--pine-dimension-xs) * -1) 0;padding:var(--pine-dimension-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--pine-dimension-sm) * -1);padding:0 var(--pine-dimension-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--pine-dimension-sm) * -1) 0;padding:var(--pine-dimension-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--pine-dimension-md) * -1);padding:0 var(--pine-dimension-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--pine-dimension-md) * -1) 0;padding:var(--pine-dimension-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--pine-dimension-lg) * -1);padding:0 var(--pine-dimension-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--pine-dimension-lg) * -1) 0;padding:var(--pine-dimension-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--pine-dimension-xl) * -1);padding:0 var(--pine-dimension-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--pine-dimension-xl) * -1) 0;padding:var(--pine-dimension-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--pine-dimension-2xl) * -1);padding:0 var(--pine-dimension-2xl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--pine-dimension-2xl) * -1) 0;padding:var(--pine-dimension-2xl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";const s=class{constructor(d){i(this,d);this.vertical=false}classNames(){const i=["pds-divider"];if(this.vertical){i.push("pds-divider--vertical")}if(this.offset){const d="pds-divider--offset-"+this.offset;i.push(d)}return i.join(" ")}render(){return d(e,{key:"c3a01882db1119b8397353aaed193813cba0bfb8",id:this.componentId},d("hr",{key:"fe20a28dbd2f10cec125df4dbb4ba7a2837628f1",class:this.classNames()}))}};s.style=n;export{s as pds_divider};
-//# sourceMappingURL=p-0066d249.entry.js.map
+import{r as i,h as d,H as e}from"./p-Bf1dou5H.js";const n=".pds-divider{background:var(--pine-color-border);border:0;display:-ms-flexbox;display:flex;height:var(--pine-border-width);margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--pine-dimension-2xs) * -1);padding:0 var(--pine-dimension-2xs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--pine-dimension-2xs) * -1) 0;padding:var(--pine-dimension-2xs) 0}.pds-divider--offset-xs{margin:0 calc(var(--pine-dimension-xs) * -1);padding:0 var(--pine-dimension-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--pine-dimension-xs) * -1) 0;padding:var(--pine-dimension-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--pine-dimension-sm) * -1);padding:0 var(--pine-dimension-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--pine-dimension-sm) * -1) 0;padding:var(--pine-dimension-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--pine-dimension-md) * -1);padding:0 var(--pine-dimension-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--pine-dimension-md) * -1) 0;padding:var(--pine-dimension-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--pine-dimension-lg) * -1);padding:0 var(--pine-dimension-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--pine-dimension-lg) * -1) 0;padding:var(--pine-dimension-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--pine-dimension-xl) * -1);padding:0 var(--pine-dimension-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--pine-dimension-xl) * -1) 0;padding:var(--pine-dimension-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--pine-dimension-2xl) * -1);padding:0 var(--pine-dimension-2xl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--pine-dimension-2xl) * -1) 0;padding:var(--pine-dimension-2xl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";const s=class{constructor(d){i(this,d);this.vertical=false}classNames(){const i=["pds-divider"];if(this.vertical){i.push("pds-divider--vertical")}if(this.offset){const d="pds-divider--offset-"+this.offset;i.push(d)}return i.join(" ")}render(){return d(e,{key:"c3a01882db1119b8397353aaed193813cba0bfb8",id:this.componentId},d("hr",{key:"fe20a28dbd2f10cec125df4dbb4ba7a2837628f1",class:this.classNames()}))}};s.style=n;export{s as pds_divider};
+//# sourceMappingURL=p-f5d78141.entry.js.map

package/dist/pine-core/p-f61ee383.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-Cxvdulqq.system.js"],(function(e){"use strict";var s,t,a;return{setters:[function(e){s=e.r;t=e.h;a=e.H}],execute:function(){var d=":host{display:block}.pds-filters{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-100)}";var f=e("pds_filters",function(){function e(e){s(this,e)}e.prototype.render=function(){return t(a,{key:"7007a635d3866781dfd67bd2d3b2dab46d36cffc",id:this.componentId},t("div",{key:"e6eb4c76bfb39050aaa01ad297df995de7df484b",class:"pds-filters"},t("slot",{key:"543c83c7422b3e1e9a2446618fe8119d76478df4"})))};return e}());f.style=d}}}));
+//# sourceMappingURL=p-f61ee383.system.entry.js.map

package/dist/pine-core/p-f61ee383.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsFiltersCss","PdsFilters","exports","class_1","prototype","render","h","Host","key","id","this","componentId","class"],"sources":["src/components/pds-filters/pds-filters.scss?tag=pds-filters&encapsulation=shadow","src/components/pds-filters/pds-filters.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.pds-filters {\n  align-items: flex-start;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--pine-dimension-100);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\n\n/**\n * @slot (default) - Container for pds-filter components.\n */\n\n@Component({\n  tag: 'pds-filters',\n  styleUrl: 'pds-filters.scss',\n  shadow: true,\n})\nexport class PdsFilters implements BasePdsProps {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <div class=\"pds-filters\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAgB,iL,ICYTC,EAAUC,EAAA,yB,wBAMrBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,GAAIC,KAAKC,aACbL,EAAK,OAAAE,IAAA,2CAAAI,MAAM,eACTN,EAAa,QAAAE,IAAA,8C,WAVA,I","ignoreList":[]}

package/dist/pine-core/p-f6d0bd39.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as i,g as o}from"./p-Bf1dou5H.js";import{c}from"./p-DnUJodVd.js";const a=":host{--color-background-interactive:var(--pine-color-grey-200);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)}";const r=class{constructor(s){e(this,s);this.pdsTableRowSelected=t(this,"pdsTableRowSelected");this.handleClick=()=>{this.isSelected=!this.isSelected;this.handleSelect(this.isSelected)};this.handleSelect=e=>{this.indeterminate=false;if(!c("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=()=>{const e=Math.random().toString(36).substring(2,8);const t=(new Date).toISOString().replace(/[:.]/g,"-");const s=`${e}-${t}`;return s}}classNames(){const e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}}componentWillLoad(){if(this.isSelected){this.handleSelect(this.isSelected)}}render(){return s(i,{key:"cffeb199c48f2a06af70a2e5a5b41a21649c24c7",class:this.classNames(),role:"row",part:"row"},this.tableRef&&this.tableRef.selectable&&s("pds-table-cell",{key:"02a80cd54efe360550e636f7bc0f11e3de59af1c",part:this.tableRef.fixedColumn?"checkbox-cell":"checkbox-cell",class:this.tableRef.selectable?"has-checkbox":""},s("pds-checkbox",{key:"a8cd6c303ec35f71e0a97f130c5d53a2e81a3e4a",componentId:this.generateUniqueId(),onClick:this.handleClick,indeterminate:this.indeterminate,label:"Select Row",hideLabel:true,checked:this.isSelected,part:"row-checkbox"})),s("slot",{key:"820a502627ffc329f650f7f0110e34ae3f096357"}))}get hostElement(){return o(this)}};r.style=a;export{r as pds_table_row};
+//# sourceMappingURL=p-f6d0bd39.entry.js.map

package/dist/pine-core/p-f6d0bd39.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTableRowCss","PdsTableRow","constructor","hostRef","this","handleClick","isSelected","handleSelect","indeterminate","closest","hostElement","rowIndex","Array","from","parentNode","children","indexOf","pdsTableRowSelected","emit","generateUniqueId","randomString","Math","random","toString","substring","timestamp","Date","toISOString","replace","uniqueId","classNames","push","join","componentWillRender","tableRef","fixedColumn","tableCell","querySelector","classList","add","componentWillLoad","render","h","Host","key","class","role","part","selectable","componentId","onClick","label","hideLabel","checked"],"sources":["src/components/pds-table/pds-table-row/pds-table-row.scss?tag=pds-table-row&encapsulation=shadow","src/components/pds-table/pds-table-row/pds-table-row.tsx"],"sourcesContent":[":host {\n  --color-background-interactive: var(--pine-color-grey-200);\n\n  border-color: inherit;\n  display: table-row;\n  vertical-align: inherit;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--pine-color-background-container);\n    inset-inline-start: var(--pine-dimension-none);\n    position: sticky;\n    z-index: var(--pine-z-index-raised);\n  }\n}\n\n:host(:hover),\n:host(:hover)::part(checkbox-cell),\n:host(:hover) ::slotted(pds-table-cell),\n:host(.is-selected),\n:host(.is-selected)::part(checkbox-cell),\n:host(.is-selected) ::slotted(pds-table-cell) {\n  background: var(--color-background-interactive);\n}\n","import { Component, Element, Host, h, Event, EventEmitter, Prop } from '@stencil/core';\n\nimport { closest } from '../../../utils/closest';\n\n@Component({\n  tag: 'pds-table-row',\n  styleUrls: ['pds-table-row.scss'],\n  shadow: true,\n})\nexport class PdsTableRow {\n  @Element() hostElement: HTMLPdsTableRowElement;\n  private tableRef: HTMLPdsTableElement;\n\n  /**\n    * Determines if the row selected is in an indeterminate state.\n    */\n  @Prop({ mutable: true }) indeterminate?: boolean;\n\n  /**\n   * Determines if the table row is currently selected.\n   */\n  @Prop({ mutable: true }) isSelected?: boolean;\n\n  /**\n   * Event that is emitted when the checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableRowSelected: EventEmitter<{ rowIndex: number; isSelected: boolean; }>;\n\n  private handleClick = () => {\n    this.isSelected = !this.isSelected; // Toggle the selected state\n    this.handleSelect(this.isSelected);\n  }\n\n  private handleSelect = (isSelected: boolean) => {\n    this.indeterminate = false;\n\n    if (!closest('pds-table-head', this.hostElement)) {\n      const rowIndex = Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement)\n      this.pdsTableRowSelected.emit({\n        rowIndex,\n        isSelected,\n      })\n    }\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.isSelected) {\n      classNames.push(\"is-selected\");\n    }\n\n    return classNames.join('  ');\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-cell');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isSelected) {\n      this.handleSelect(this.isSelected);\n    }\n  }\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"row\"\n        part=\"row\"\n      >\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-cell part={this.tableRef.fixedColumn ? 'checkbox-cell' : 'checkbox-cell'} class={this.tableRef.selectable ? 'has-checkbox' : ''} >\n            <pds-checkbox\n              componentId={this.generateUniqueId()}\n              onClick={this.handleClick}\n              indeterminate={this.indeterminate}\n              label={\"Select Row\"}\n              hideLabel={true}\n              checked={this.isSelected}\n              part=\"row-checkbox\"\n            />\n          </pds-table-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAiB,gkB,MCSVC,EAAW,MALxB,WAAAC,CAAAC,G,iEAwBUC,KAAWC,YAAG,KACpBD,KAAKE,YAAcF,KAAKE,WACxBF,KAAKG,aAAaH,KAAKE,WAAW,EAG5BF,KAAAG,aAAgBD,IACtBF,KAAKI,cAAgB,MAErB,IAAKC,EAAQ,iBAAkBL,KAAKM,aAAc,CAChD,MAAMC,EAAWC,MAAMC,KAAKT,KAAKM,YAAYI,WAAWC,UAAUC,QAAQZ,KAAKM,aAC/EN,KAAKa,oBAAoBC,KAAK,CAC5BP,WACAL,c,GA8BEF,KAAgBe,iBAAG,KACzB,MAAMC,EAAeC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,GAC7D,MAAMC,GAAY,IAAIC,MAAOC,cAAcC,QAAQ,QAAS,KAC5D,MAAMC,EAAW,GAAGT,KAAgBK,IAEpC,OAAOI,CAAQ,CA2BlB,CAzDS,UAAAC,GACN,MAAMA,EAAa,GAEnB,GAAI1B,KAAKE,WAAY,CACnBwB,EAAWC,KAAK,c,CAGlB,OAAOD,EAAWE,KAAK,K,CAGzB,mBAAAC,GACE7B,KAAK8B,SAAW9B,KAAKM,YAAYD,QAAQ,aAEzC,GAAIL,KAAK8B,UAAY9B,KAAK8B,SAASC,YAAa,CAC9C,MAAMC,EAAYhC,KAAKM,YAAY2B,cAAc,kBACjDD,IAAS,MAATA,SAAS,SAATA,EAAWE,UAAUC,IAAI,W,EAI7B,iBAAAC,GACE,GAAIpC,KAAKE,WAAY,CACnBF,KAAKG,aAAaH,KAAKE,W,EAY3B,MAAAmC,GACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,MAAOzC,KAAK0B,aACZgB,KAAK,MACLC,KAAK,OAEJ3C,KAAK8B,UAAY9B,KAAK8B,SAASc,YAC9BN,EAAA,kBAAAE,IAAA,2CAAgBG,KAAM3C,KAAK8B,SAASC,YAAc,gBAAkB,gBAAiBU,MAAOzC,KAAK8B,SAASc,WAAa,eAAiB,IACtIN,EAAA,gBAAAE,IAAA,2CACEK,YAAa7C,KAAKe,mBAClB+B,QAAS9C,KAAKC,YACdG,cAAeJ,KAAKI,cACpB2C,MAAO,aACPC,UAAW,KACXC,QAASjD,KAAKE,WACdyC,KAAK,kBAIXL,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/pine-core/{p-52af1890.system.entry.js → p-f911dde3.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-B_C-mRjx.system.js"],(function(r){"use strict";var e,o,i,a,s;return{setters:[function(r){e=r.r;o=r.c;i=r.h;a=r.H;s=r.g}],execute:function(){var l=":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}";var n=":host{display:block;line-height:1;width:100%}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:calc(var(--pine-dimension-2xs) / 2);margin-block-start:calc(var(--pine-dimension-2xs) / 2)}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}";var t=r("pds_alert",function(){function r(r){var i=this;e(this,r);this.pdsAlertDismissClick=o(this,"pdsAlertDismissClick");this.small=false;this.dismissible=false;this.variant="default";this.hasActionsContent=false;this.handleCloseClick=function(){i.pdsAlertDismissClick.emit()}}r.prototype.componentWillRender=function(){var r=this.el.querySelector('[slot="actions"]');this.hasActionsContent=!!r};r.prototype.renderActions=function(r){return i("pds-box",{class:r?"pds-alert__actions--small":"pds-alert__actions",gap:"sm",flex:r?"none":undefined,"align-items":r?undefined:"center"},i("slot",{name:"actions"}))};r.prototype.renderContent=function(){if(this.small){return i("pds-box",{display:"flex",gap:"md","align-items":"center"},i("pds-text",{truncate:this.small,class:"pds-alert__description--small",color:"var(--pds-alert-color-text)",tag:"p"},i("slot",null)),this.hasActionsContent&&this.renderActions(true))}return i("div",null,i("pds-text",{class:"pds-alert__description",color:"var(--pds-alert-color-text)",tag:"p"},i("slot",null)),this.hasActionsContent&&this.renderActions(false))};r.prototype.render=function(){var r={danger:"warning-filled",default:"info-circle-filled",info:"info-circle-filled",success:"check-circle-filled",warning:"info-circle-filled"};var e=r[this.variant]||r.default;return i(a,{key:"ccb4b954c20b4fedfe1336737a412753bf3c78a2",class:"pds-alert",id:this.componentId,variant:this.variant},i("pds-box",{key:"6feafdc553ab9854542cb53035486a0caa1f3348",class:"pds-alert__container pds-alert__container--".concat(this.variant),"background-color":"var(--pds-alert-background)","border-color":"var(--pds-alert-border-color)","border-radius":"md",border:true,display:"block",padding:"md"},i("pds-box",{key:"86b160e97ac4724434b09cd832f7cdc61834a520",gap:"sm",display:"flex"},i("pds-icon",{key:"c2f61f894b3f63915259e298dd9d973b719880c9",class:"pds-alert__icon ".concat(this.small?"pds-alert__icon--small":""),color:"var(--pds-alert-color-icon)",icon:e,size:"var(--pds-alert-icon-size)"}),i("pds-box",{key:"07926a4d7d6a1795edd2055ce9ae3d853982fe98",class:"pds-alert__content-wrapper",direction:"column",gap:"xs",flex:"grow"},this.heading&&!this.small&&i("pds-text",{key:"2267241b05890cb4b955cd5418b26f30abd0503c",class:"pds-alert__heading",color:"var(--pds-alert-color-text)",size:"h5",tag:"h3",weight:"medium"},this.heading),this.renderContent()),this.dismissible&&i("button",{key:"bdc435db71e60d9233e97821ea10012f509cae26",class:"pds-alert__dismiss",type:"button","aria-label":"Dismiss alert",onClick:this.handleCloseClick},i("pds-icon",{key:"22f013acfafafa6c32da9aa696bef8a8d3c633c0",icon:"remove",size:"var(--pds-alert-icon-size)","aria-hidden":"true",color:"var(--pds-alert-color-dismiss)"})))))};Object.defineProperty(r.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return r}());t.style=l+n}}}));
-//# sourceMappingURL=p-52af1890.system.entry.js.map
+System.register(["./p-Cxvdulqq.system.js"],(function(r){"use strict";var e,o,i,a,s;return{setters:[function(r){e=r.r;o=r.c;i=r.h;a=r.H;s=r.g}],execute:function(){var l=":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}";var n=":host{display:block;line-height:1;width:100%}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:calc(var(--pine-dimension-2xs) / 2);margin-block-start:calc(var(--pine-dimension-2xs) / 2)}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}";var t=r("pds_alert",function(){function r(r){var i=this;e(this,r);this.pdsAlertDismissClick=o(this,"pdsAlertDismissClick");this.small=false;this.dismissible=false;this.variant="default";this.hasActionsContent=false;this.handleCloseClick=function(){i.pdsAlertDismissClick.emit()}}r.prototype.componentWillRender=function(){var r=this.el.querySelector('[slot="actions"]');this.hasActionsContent=!!r};r.prototype.renderActions=function(r){return i("pds-box",{class:r?"pds-alert__actions--small":"pds-alert__actions",gap:"sm",flex:r?"none":undefined,"align-items":r?undefined:"center"},i("slot",{name:"actions"}))};r.prototype.renderContent=function(){if(this.small){return i("pds-box",{display:"flex",gap:"md","align-items":"center"},i("pds-text",{truncate:this.small,class:"pds-alert__description--small",color:"var(--pds-alert-color-text)",tag:"p"},i("slot",null)),this.hasActionsContent&&this.renderActions(true))}return i("div",null,i("pds-text",{class:"pds-alert__description",color:"var(--pds-alert-color-text)",tag:"p"},i("slot",null)),this.hasActionsContent&&this.renderActions(false))};r.prototype.render=function(){var r={danger:"warning-filled",default:"info-circle-filled",info:"info-circle-filled",success:"check-circle-filled",warning:"info-circle-filled"};var e=r[this.variant]||r.default;return i(a,{key:"ccb4b954c20b4fedfe1336737a412753bf3c78a2",class:"pds-alert",id:this.componentId,variant:this.variant},i("pds-box",{key:"6feafdc553ab9854542cb53035486a0caa1f3348",class:"pds-alert__container pds-alert__container--".concat(this.variant),"background-color":"var(--pds-alert-background)","border-color":"var(--pds-alert-border-color)","border-radius":"md",border:true,display:"block",padding:"md"},i("pds-box",{key:"86b160e97ac4724434b09cd832f7cdc61834a520",gap:"sm",display:"flex"},i("pds-icon",{key:"c2f61f894b3f63915259e298dd9d973b719880c9",class:"pds-alert__icon ".concat(this.small?"pds-alert__icon--small":""),color:"var(--pds-alert-color-icon)",icon:e,size:"var(--pds-alert-icon-size)"}),i("pds-box",{key:"07926a4d7d6a1795edd2055ce9ae3d853982fe98",class:"pds-alert__content-wrapper",direction:"column",gap:"xs",flex:"grow"},this.heading&&!this.small&&i("pds-text",{key:"2267241b05890cb4b955cd5418b26f30abd0503c",class:"pds-alert__heading",color:"var(--pds-alert-color-text)",size:"h5",tag:"h3",weight:"medium"},this.heading),this.renderContent()),this.dismissible&&i("button",{key:"bdc435db71e60d9233e97821ea10012f509cae26",class:"pds-alert__dismiss",type:"button","aria-label":"Dismiss alert",onClick:this.handleCloseClick},i("pds-icon",{key:"22f013acfafafa6c32da9aa696bef8a8d3c633c0",icon:"remove",size:"var(--pds-alert-icon-size)","aria-hidden":"true",color:"var(--pds-alert-color-dismiss)"})))))};Object.defineProperty(r.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return r}());t.style=l+n}}}));
+//# sourceMappingURL=p-f911dde3.system.entry.js.map

package/dist/pine-core/p-f92d7570.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,i,t,r){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function s(e){try{l(r.next(e))}catch(e){a(e)}}function o(e){try{l(r["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):n(e.value).then(s,o)}l((r=r.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(i){return l([e,i])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(t=0)),t)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-Cxvdulqq.system.js","./p-BHavepTY.system.js","./p-BG6uGRQj.system.js","./p-BhQhw0S3.system.js","./p-BG99uNIQ.system.js"],(function(e){"use strict";var i,t,r,n,a,s,o,l,c,d,h,u,f;return{setters:[function(e){i=e.r;t=e.c;r=e.h;n=e.H;a=e.g},function(e){s=e.i;o=e.e;l=e.a;c=e.m},function(e){d=e.d},function(e){h=e.i;u=e.a},function(e){f=e.i}],execute:function(){var p=":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)}";var b=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";var v=":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)}.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{-ms-flex-align:center;align-items:center;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__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;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)}.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-readonly);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)}.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}";var x=e("pds_textarea",function(){function e(e){var r=this;i(this,e);this.pdsBlur=t(this,"pdsBlur");this.pdsFocus=t(this,"pdsFocus");this.pdsInput=t(this,"pdsInput");this.pdsTextareaChange=t(this,"pdsTextareaChange");this.inheritedAttributes={};this._type="textarea";this.disabled=false;this.invalid=false;this.name=this.componentId;this.readonly=false;this.required=false;this.value="";this.hasFocus=false;this.hasAction=false;this.onBlur=function(e){r.hasFocus=false;if(r.focusedValue!==r.value){r.emitValueChange(e)}r.pdsBlur.emit(e)};this.onFocus=function(e){r.hasFocus=true;r.focusedValue=r.value;r.pdsFocus.emit(e)};this.onInput=function(e){var i=e.target;if(i){if(r.maxLength&&i.value.length>r.maxLength){i.value=i.value.substring(0,r.maxLength)}r.value=i.value||""}r.emitInputChange(e);if(r.maxLength&&typeof ResizeObserver!=="undefined"){requestAnimationFrame((function(){r.updateCharacterCounterPosition()}))}};this.onTextareaChange=function(e){r.emitValueChange(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeTextarea){this.nativeTextarea.focus()}return[2]}))}))};e.prototype.debounceChanged=function(){var e=this,i=e.pdsInput,t=e.debounce,r=e.originalPdsInput;this.pdsInput=t===undefined?r!==null&&r!==void 0?r:i:d(i,t)};e.prototype.valueChanged=function(){var e=this.nativeTextarea;var i=this.getValue();if(e&&e.value!==i){e.value=i}this.updateFormValue();if(this.maxLength&&typeof ResizeObserver!=="undefined"){this.updateCharacterCounterPosition()}};e.prototype.maxLengthChanged=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.maxLength&&this.nativeTextarea){this.setupResizeObserver()}if(this.internals&&this.internals.setValidity&&this.nativeTextarea){var e=this.nativeTextarea.value.length>(this.maxLength||0);this.internals.setValidity({tooLong:e},e?"Value exceeds maxLength":"",this.nativeTextarea)}};e.prototype.emitInputChange=function(e){var i=this.value;this.pdsInput.emit({value:i,event:e})};e.prototype.emitValueChange=function(e){var i=e.target;s(i,this);var t=i.value;var r=t==null?t:t.toString();this.focusedValue=r;this.pdsTextareaChange.emit({value:r,event:e})};e.prototype.getValue=function(){return this.value||""};e.prototype.textareaClassNames=function(){var e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")};e.prototype.connectedCallback=function(){this.debounceChanged();if(this.el.attachInternals){this.internals=this.el.attachInternals()}};e.prototype.disconnectedCallback=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign(Object.assign({},h(this.el)),u(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null};e.prototype.componentDidLoad=function(){var e=this;this.originalPdsInput=this.pdsInput;this.updateFormValue();this.setupResizeObserver();o(this.el,(function(){return e._type}))};e.prototype.setupResizeObserver=function(){var e=this;if(!this.maxLength||!this.nativeTextarea)return;if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((function(){requestAnimationFrame((function(){e.updateCharacterCounterPosition()}))}));this.resizeObserver.observe(this.nativeTextarea);requestAnimationFrame((function(){e.updateCharacterCounterPosition()}))}};e.prototype.updateCharacterCounterPosition=function(){if(!this.characterCounter||!this.nativeTextarea)return;if(typeof ResizeObserver==="undefined")return;if(this.characterCounter.offsetWidth===0||this.characterCounter.offsetHeight===0){return}var e=this.nativeTextarea.offsetWidth;var i=this.nativeTextarea.offsetHeight;var t=this.characterCounter.offsetWidth;var r=this.characterCounter.offsetHeight;var n=e-t-8;var a=i-r-8;var s=Math.max(8,Math.min(n,e-t-8));var o=Math.max(8,Math.min(a,i-r-8));this.characterCounter.style.position="absolute";this.characterCounter.style.left="".concat(s,"px");this.characterCounter.style.top="".concat(o,"px");this.characterCounter.style.right="auto";this.characterCounter.style.bottom="auto"};e.prototype.renderCharacterCounter=function(){var e=this;if(!this.maxLength){return null}var i=this.getValue().length;return r("div",{class:"pds-textarea__character-counter",ref:function(i){return e.characterCounter=i},role:"status","aria-live":"polite","aria-label":"".concat(i," of ").concat(this.maxLength," characters")},i," / ",this.maxLength)};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return r("div",{class:"pds-textarea__action",part:"action"},r("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeTextarea&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var i=e.get(this.name);if(typeof i==="string"){this.value=i}}};e.prototype.render=function(){var e=this;var i=this.getValue();return r(n,{key:"5ca3fed52ff7fd0b0497d01412bb7ca3746b2e7e","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},r("div",{key:"3761f27f234f9667ce8dffc77c5ede89159afaea",class:"pds-textarea"},this.label&&r("div",{key:"db533228166be7a303969703b2e92327e02e0b88",class:"pds-textarea__label-wrapper"},r("label",{key:"6e215f009e9297f5a1a415419f40064fd3168ad8",htmlFor:this.componentId},r("span",{key:"b48b3427bfdff3cef0ed18799cf64547b7e77e97",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),r("div",{key:"23c4a2231dfd1b42e45d04f35e9dc2772d2df2fb",class:"pds-textarea__field-wrapper"},r("textarea",Object.assign({key:"7081f83eacc8dd5fdef8774b3887eb6109281aa6",ref:function(i){return e.nativeTextarea=i},"aria-describedby":l(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,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},this.inheritedAttributes),i),this.renderCharacterCounter()),this.helperMessage&&r("p",{key:"237e251d35403fc4225123ac56476b656ab9ad48",class:"pds-textarea__helper-message",id:c(this.componentId,"helper")},this.helperMessage),this.invalid&&r("p",{key:"f4102e758212c00074bfbd144d311fa4fedf5b49","aria-live":"assertive",class:"pds-textarea__error-message",id:c(this.componentId,"error")},r("pds-icon",{key:"92535a264a990ff133a1e6dde709236b3157b2d0",icon:f,size:"small"}),this.errorMessage)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"],maxLength:["maxLengthChanged"]}},enumerable:false,configurable:true});return e}());x.style=p+(b+v)}}}));
+//# sourceMappingURL=p-f92d7570.system.entry.js.map

package/dist/pine-core/p-f92d7570.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["labelCss","pdsInputTokensCss","pdsTextareaCss","PdsTextarea","exports","class_1","hostRef","_this","this","inheritedAttributes","_type","disabled","invalid","name","componentId","readonly","required","value","hasFocus","hasAction","onBlur","ev","focusedValue","emitValueChange","pdsBlur","emit","onFocus","pdsFocus","onInput","input","target","maxLength","length","substring","emitInputChange","ResizeObserver","requestAnimationFrame","updateCharacterCounterPosition","onTextareaChange","prototype","setFocus","nativeTextarea","focus","debounceChanged","_a","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","updateFormValue","maxLengthChanged","resizeObserver","disconnect","setupResizeObserver","internals","setValidity","isTooLong","tooLong","event","textarea","isRequired","newValue","toString","pdsTextareaChange","textareaClassNames","classNames","push","join","connectedCallback","el","attachInternals","disconnectedCallback","componentWillLoad","Object","assign","inheritAriaAttributes","inheritAttributes","querySelector","componentDidLoad","exposeTypeProperty","observe","characterCounter","offsetWidth","offsetHeight","textareaWidth","textareaHeight","counterWidth","counterHeight","rightPosition","bottomPosition","finalLeft","Math","max","min","finalTop","style","position","left","concat","top","right","bottom","renderCharacterCounter","currentLength","h","class","ref","role","renderAction","part","setFormValue","validity","validationMessage","formResetCallback","formDisabledCallback","formStateRestoreCallback","state","FormData","get","render","Host","key","hideLabel","label","htmlFor","assignDescription","helperMessage","autocomplete","id","maxlength","placeholder","readOnly","rows","onChange","messageId","icon","danger","size","errorMessage"],"sources":["src/global/styles/utils/label.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-input/pds-input.tokens.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n","@use '~@kajabi-ui/styles/dist/pine/components/pds-input/pds-input.tokens'\n",":host {\n  display: inline-block;\n  width: 100%;\n}\n\n:host([aria-readonly=\"true\"]) {\n  textarea {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n.pds-textarea {\n  display: flex;\n  flex-direction: column;\n}\n\n.pds-textarea__label-wrapper {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.pds-textarea__action {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\nlabel {\n  display: block;\n  margin-block-end: var(--pine-dimension-xs);\n}\n\n// When label is inside wrapper, remove its margin\n.pds-textarea__label-wrapper label {\n  margin-block-end: 0;\n}\n\n.pds-textarea__helper-message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-textarea__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  font: var(--pine-typography-body-sm-medium);\n  gap: var(--pine-dimension-2xs);\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-textarea__field-wrapper {\n  display: inline-block;\n  position: relative;\n  width: 100%;\n}\n\n.pds-textarea__field {\n  background-color: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: calc(var(--pine-dimension-xs) * 1.25);\n  box-sizing: border-box;\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: calc(var(--pine-dimension-xl) * 2);\n  min-width: calc(var(--pine-dimension-xl) * 2);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n  resize: both;\n  width: 100%;\n\n  // Add bottom padding when character counter is present\n  :host([max-length]) & {\n    padding-bottom: calc(var(--pine-dimension-xs) + var(--pine-dimension-md));\n  }\n\n  &:hover:not(:disabled, .is-invalid) {\n    border: var(--pine-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &::placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &.is-invalid {\n    background-color: var(--pine-input-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n}\n\n.pds-textarea__character-counter {\n  background: color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);\n  border-radius: calc(var(--pine-dimension-2xs) * 0.5);\n  color: var(--pine-color-text-readonly);\n  font: var(--pine-typography-body-sm-medium);\n  padding: calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);\n  pointer-events: none;\n  position: absolute;\n  user-select: none;\n  white-space: nowrap;\n  z-index: var(--pine-z-index);\n\n  // Match textarea disabled state\n  :host([aria-disabled=\"true\"]) & {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-disabled);\n  }\n\n  // Match textarea readonly state\n  :host([aria-readonly=\"true\"]) & {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n\n  // Match textarea invalid state - target when field has is-invalid class\n  .pds-textarea__field.is-invalid ~ & {\n    background-color: var(--pine-input-color-background-danger);\n  }\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, isRequired, messageId, exposeTypeProperty } from '../../utils/form';\nimport { TextareaChangeEventDetail, TextareaInputEventDetail } from './textarea-interface';\nimport { debounceEvent } from '@utils/utils';\nimport type { Attributes } from '@utils/attributes';\nimport { inheritAttributes, inheritAriaAttributes } from '@utils/attributes';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot action - Content to be displayed in the label area, typically for help icons or links\n */\n@Component({\n  tag: 'pds-textarea',\n  styleUrls: [\n    '../../global/styles/utils/label.scss',\n    '../pds-input/pds-input.tokens.scss',\n    'pds-textarea.scss'\n  ],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsTextarea {\n\n  private nativeTextarea?: HTMLTextAreaElement\n  private focusedValue?: string | null;\n  private inheritedAttributes: Attributes = {};\n  private originalPdsInput?: EventEmitter<TextareaInputEventDetail>;\n  private internals?: ElementInternals;\n  private resizeObserver?: ResizeObserver;\n  private characterCounter?: HTMLElement;\n  private readonly _type = 'textarea' as const;\n\n  @Element() el: HTMLPdsTextareaElement;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when a keyboard input occurs.\n   *\n   * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface\n   * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\n   * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\n   * the input is cleared on edit, the type is `null`.\n   */\n  @Event() pdsInput: EventEmitter<TextareaInputEventDetail>;\n\n  /**\n   * Event emitted whenever the value of the textarea changes.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;\n\n  /**\n   * Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global\n   * `textarea.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeTextarea) {\n      this.nativeTextarea.focus();\n    }\n  }\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the textarea is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the event after each keystroke.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Displays an error message below the textarea field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the textarea field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the textarea is invalid or throws an error.\n   * @defaultValue false\n   */\n  @Prop({mutable: true}) invalid = false;       // eslint-disable-line @stencil-community/strict-mutable\n\n  /**\n   * Text to be displayed as the textarea label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers.\n   * Note: When true, the action slot is also hidden to maintain a minimal UI.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.\n   */\n  @Prop() name: string = this.componentId;\n\n  /**\n   * Specifies a short hint that describes the expected value of the textarea.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the textarea is readonly.\n   * @defaultValue false\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Determines whether or not the textarea is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * Sets number of rows of text visible without needing to scroll in the textarea.\n   */\n  @Prop() rows?: number;\n\n  /**\n   * Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.\n   */\n  @Prop({ reflect: true }) maxLength?: number;\n\n  /**\n   * The value of the textarea.\n   */\n  @Prop({mutable: true}) value?: string | null = '';\n\n  @State() hasFocus = false;\n\n\n  /**\n   * If true, the textarea has action content in the label area\n   */\n  @State() hasAction = false;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    const nativeTextarea = this.nativeTextarea;\n    const value = this.getValue();\n\n    if (nativeTextarea && nativeTextarea.value !== value) {\n      nativeTextarea.value = value;\n    }\n\n    // Update form value for Form Associated Custom Elements API\n    this.updateFormValue();\n\n    // Update character counter position in case content changes affect sizing\n    if (this.maxLength && typeof ResizeObserver !== 'undefined') {\n      this.updateCharacterCounterPosition();\n    }\n  }\n\n  @Watch('maxLength')\n  protected maxLengthChanged() {\n    // Setup or teardown ResizeObserver based on maxLength\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.maxLength && this.nativeTextarea) {\n      this.setupResizeObserver();\n    }\n\n    // Update ElementInternals validity when maxLength changes\n    if (this.internals && this.internals.setValidity && this.nativeTextarea) {\n      const isTooLong = this.nativeTextarea.value.length > (this.maxLength || 0);\n      this.internals.setValidity(\n        { tooLong: isTooLong },\n        isTooLong ? 'Value exceeds maxLength' : '',\n        this.nativeTextarea\n      );\n    }\n  }\n\n  /**\n   * Emits an `pdsInput` event.\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n    this.pdsInput.emit({ value, event });\n  }\n\n  /**\n   * Emits an `pdsTextareaChange` event.\n   */\n  private emitValueChange(event?: Event) {\n    const textarea = event.target as HTMLTextAreaElement;\n    isRequired(textarea, this);\n\n    const { value } = textarea;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n    this.focusedValue = newValue;\n    this.pdsTextareaChange.emit({ value: newValue, event });\n  }\n\n  private getValue(): string {\n    return this.value || '';\n  }\n\n  private onBlur = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocus = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLTextAreaElement | null;\n    if (input) {\n      // Handle maxLength validation\n      if (this.maxLength && input.value.length > this.maxLength) {\n        // Prevent input beyond maxLength\n        input.value = input.value.substring(0, this.maxLength);\n      }\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n\n    // Update counter position when content changes\n    if (this.maxLength && typeof ResizeObserver !== 'undefined') {\n      // Use requestAnimationFrame to ensure DOM is updated\n      requestAnimationFrame(() => {\n        this.updateCharacterCounterPosition();\n      });\n    }\n  };\n\n  private onTextareaChange = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private textareaClassNames() {\n    const classNames = ['pds-textarea__field'];\n\n    if (this.invalid && this.invalid === true) {\n      classNames.push('is-invalid');\n    }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    this.debounceChanged();\n    // Initialize ElementInternals for form association\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  disconnectedCallback() {\n    // Clean up ResizeObserver\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el),\n      ...inheritAttributes(this.el),\n    };\n    this.hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n  }\n\n  componentDidLoad() {\n    this.originalPdsInput = this.pdsInput;\n    // Set initial form value\n    this.updateFormValue();\n\n    // Setup ResizeObserver for character counter positioning\n    this.setupResizeObserver();\n\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  /**\n   * Sets up ResizeObserver to track textarea resize for character counter positioning\n   */\n  private setupResizeObserver() {\n    if (!this.maxLength || !this.nativeTextarea) return;\n\n    // ResizeObserver may not be available in test environments\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        // Use requestAnimationFrame to ensure DOM updates are complete\n        requestAnimationFrame(() => {\n          this.updateCharacterCounterPosition();\n        });\n      });\n\n      this.resizeObserver.observe(this.nativeTextarea);\n\n      // Initial positioning with a small delay to ensure counter is rendered\n      requestAnimationFrame(() => {\n        this.updateCharacterCounterPosition();\n      });\n    }\n  }\n\n  /**\n   * Updates character counter position to stay within textarea boundaries during resize\n   */\n  private updateCharacterCounterPosition() {\n    if (!this.characterCounter || !this.nativeTextarea) return;\n\n    // Skip positioning in test environments where ResizeObserver isn't available\n    if (typeof ResizeObserver === 'undefined') return;\n\n    // Ensure the character counter has been rendered and has dimensions\n    if (this.characterCounter.offsetWidth === 0 || this.characterCounter.offsetHeight === 0) {\n      // Counter not ready or component hidden - return and let resize/input observers handle positioning later\n      return;\n    }\n\n    // Position based on textarea's actual dimensions (which change during manual resize)\n    const textareaWidth = this.nativeTextarea.offsetWidth;\n    const textareaHeight = this.nativeTextarea.offsetHeight;\n    const counterWidth = this.characterCounter.offsetWidth;\n    const counterHeight = this.characterCounter.offsetHeight;\n\n    // Calculate position within textarea boundaries with padding from edges\n    const rightPosition = textareaWidth - counterWidth - 8;\n    const bottomPosition = textareaHeight - counterHeight - 8;\n\n    // Ensure counter stays within textarea boundaries even when resized very small\n    const finalLeft = Math.max(8, Math.min(rightPosition, textareaWidth - counterWidth - 8));\n    const finalTop = Math.max(8, Math.min(bottomPosition, textareaHeight - counterHeight - 8));\n\n    // Apply absolute positioning within the field wrapper\n    this.characterCounter.style.position = 'absolute';\n    this.characterCounter.style.left = `${finalLeft}px`;\n    this.characterCounter.style.top = `${finalTop}px`;\n    this.characterCounter.style.right = 'auto';\n    this.characterCounter.style.bottom = 'auto';\n  }\n\n  /**\n   * Renders the character counter when maxLength is set\n   */\n  private renderCharacterCounter() {\n    if (!this.maxLength) {\n      return null;\n    }\n\n    const currentLength = this.getValue().length;\n    return (\n      <div\n        class=\"pds-textarea__character-counter\"\n        ref={(el) => this.characterCounter = el}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-label={`${currentLength} of ${this.maxLength} characters`}\n      >\n        {currentLength} / {this.maxLength}\n      </div>\n    );\n  }\n\n  private renderAction() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n    if (hasAction) {\n      return (\n        <div class=\"pds-textarea__action\" part=\"action\">\n          <slot name=\"action\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  /**\n   * Updates the form value using ElementInternals API\n   */\n  private updateFormValue() {\n    if (this.internals && this.internals.setFormValue) {\n      const value = this.getValue();\n      this.internals.setFormValue(value || null);\n\n      // Set validity based on native textarea validation\n      if (this.nativeTextarea && this.internals && this.internals.setValidity) {\n        this.internals.setValidity(\n          this.nativeTextarea.validity,\n          this.nativeTextarea.validationMessage,\n          this.nativeTextarea\n        );\n      }\n    }\n  }\n\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is reset\n   */\n  formResetCallback() {\n    this.value = '';\n    this.updateFormValue();\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is disabled\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called to restore form state\n   */\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (typeof state === 'string') {\n      this.value = state;\n    } else if (state instanceof FormData && this.name) {\n      // Extract value from FormData using the textarea's name\n      const value = state.get(this.name);\n      if (typeof value === 'string') {\n        this.value = value;\n      }\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n        has-action={this.hasAction && !this.hideLabel ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <div class=\"pds-textarea__label-wrapper\">\n              <label htmlFor={this.componentId}>\n                <span class={this.hideLabel ? 'visually-hidden' : ''}>\n                  {this.label}\n                </span>\n              </label>\n              {!this.hideLabel && this.renderAction()}\n            </div>\n          }\n          <div class=\"pds-textarea__field-wrapper\">\n            <textarea\n              ref={(el) => this.nativeTextarea = el }\n              aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n              aria-invalid={this.invalid ? \"true\" : undefined}\n              autocomplete={this.autocomplete}\n              class={this.textareaClassNames()}\n              disabled={this.disabled}\n              id={this.componentId}\n              maxlength={this.maxLength}\n              name={this.name}\n              placeholder={this.placeholder}\n              readOnly={this.readonly}\n              required={this.required}\n              rows={this.rows}\n              onBlur={this.onBlur}\n              onChange={this.onTextareaChange}\n              onFocus={this.onFocus}\n              onInput={this.onInput}\n              {...this.inheritedAttributes}\n            >\n              {value}\n            </textarea>\n            {this.renderCharacterCounter()}\n          </div>\n          {this.helperMessage &&\n            <p\n              class=\"pds-textarea__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.invalid &&\n            <p\n              aria-live=\"assertive\"\n              class=\"pds-textarea__error-message\"\n              id={messageId(this.componentId, 'error')}\n            >\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/{p-BZoPY2dP.system.js.map → p-iazk4jjL.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-BZoPY2dP.system.js","sources":["src/components/pds-toast/pds-toast.scss?tag=pds-toast&encapsulation=shadow","src/components/pds-toast/pds-toast.tsx"],"sourcesContent":[":host {\n  --animation-duration: 0.3s;\n  --animation-timing: cubic-bezier(0.4, 0, 0.2, 1);\n  --padding-inline: var(--pine-dimension-md);\n  --padding-inline-desktop: var(--pine-dimension-2xl);\n  --sizing-height-default: 68px;\n  --sizing-min-width: calc(var(--sizing-total-width) - (var(--padding-inline) * 2));\n  --sizing-min-width-desktop: calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));\n  --sizing-total-width: 350px;\n\n  box-sizing: border-box;\n  display: block;\n  font: var(--pine-typography-body-medium);\n}\n\n.pds-toast {\n  align-items: center;\n  animation: pds-toast-animate-in var(--animation-duration) var(--animation-timing);\n  background-color: var(--pine-color-primary);\n  border-radius: var(--pine-dimension-xs);\n  box-shadow: var(--pine-box-shadow);\n  color: var(--pine-color-text-primary);\n  display: flex;\n  height: var(--sizing-height-default);\n  justify-content: flex-start;\n  margin-block-end: var(--pine-dimension-2xs);\n  max-width: 90vw;\n  min-width: var(--sizing-min-width);\n  padding: 0 var(--padding-inline);\n  position: relative;\n  width: fit-content;\n\n  @media screen and (max-width: 767px) {\n    height: 36px;\n    max-width: calc(100vw - (var(--pine-dimension-2xs) * 2));\n    min-width: auto;\n    padding-inline: var(--pine-dimension-2xs);\n  }\n\n  &--danger {\n    background-color: var(--pine-color-danger);\n  }\n\n  &--loading {\n    .pds-toast__loader {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      margin-inline-end: var(--pine-dimension-sm);\n      position: relative;\n\n      &-spinner {\n        animation: pds-toast-rotate 2s linear infinite;\n        height: 20px;\n        width: 20px;\n      }\n\n      &-path {\n        animation: pds-toast-dash 1.5s ease-in-out infinite;\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n        stroke-linecap: round;\n      }\n    }\n  }\n}\n\n.pds-toast__icon {\n  color: var(--pine-color-text-primary);\n  display: inline-flex;\n  margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-toast__message {\n  font: var(--pine-typography-body-sm-medium);\n  margin-inline-end: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  // Style all slotted links\n  ::slotted(a) {\n    color: var(--pine-color-text-primary);\n    margin-inline-start: var(--pine-dimension-xs);\n    opacity: 0.7;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus-visible {\n      opacity: 1;\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--pine-color-text-primary);\n      outline-offset: 2px;\n    }\n  }\n}\n\n.pds-toast__button {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--pine-border-radius-full);\n  color: inherit;\n  cursor: pointer;\n  display: inline-flex;\n  margin-inline-start: var(--pine-dimension-md);\n  opacity: 0.7;\n  padding: 0;\n  white-space: nowrap;\n\n  &:hover,\n  &:focus {\n    opacity: 1;\n  }\n\n  &:focus {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-dimension-2xs);\n  }\n}\n\n// Animation keyframes\n@keyframes pds-toast-animate-in {\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes pds-toast-animate-out {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n}\n\n// Loading animation keyframes\n@keyframes pds-toast-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes pds-toast-dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35;\n  }\n\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124;\n  }\n}\n\n// Animation for dismissing\n:host([hidden]) .pds-toast,\n.pds-toast--animating-out {\n  animation: pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;\n  pointer-events: none; /* Prevent interaction during animation */\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pds-toast',\n  styleUrl: 'pds-toast.scss',\n  shadow: true,\n})\nexport class PdsToast {\n  // Props\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Whether the toast can be dismissed manually via the close button.\n   * Note: This only controls manual dismissal. Auto-dismissal via duration still applies.\n   * @default true\n   */\n  @Prop() dismissible: boolean = true;\n\n  /**\n   * The duration in milliseconds to show the toast before auto-dismissing.\n   * Set to 0 to disable auto-dismiss.\n   * @default 4500\n   */\n  @Prop() duration: number = 4500;\n\n  /**\n   * The name of the icon to display in the toast.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * The type of toast to display.\n   * - default: Grey background (default)\n   * - danger: Red background\n   * - loading: With spinner animation\n   * @default 'default'\n   */\n  @Prop() type: 'default' | 'danger' | 'loading' = 'default';\n\n  /**\n   * Whether the toast is currently visible.\n   */\n  @State() isVisible: boolean = true;\n\n  /**\n   * Whether the toast is animating out.\n   */\n  @State() isAnimatingOut: boolean = false;\n\n  // Private properties\n  /**\n   * Timer for auto-dismissal\n   */\n  private dismissTimer?: number;\n\n  /**\n   * Event emitted when the toast is dismissed, either manually or automatically.\n   */\n  @Event() pdsToastDismissed: EventEmitter<{ componentId?: string }>;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n\n  @Watch('duration')\n  handleDurationChange(newDuration: number) {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n    if (newDuration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  @Method()\n  async dismiss(): Promise<void> {\n    // Start the animation out\n    this.isAnimatingOut = true;\n\n    // Wait for animation to complete before hiding and cleanup\n    await new Promise((resolve) => setTimeout(resolve, 300)); // Match --animation-duration\n\n    this.isVisible = false;\n    this.cleanup();\n    this.pdsToastDismissed.emit({ componentId: this.componentId });\n  }\n\n  // Private methods\n  private cleanup(): void {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n  }\n\n  private startDismissTimer(): void {\n    this.dismissTimer = window.setTimeout(() => {\n      this.dismiss();\n    }, this.duration);\n  }\n\n  private renderIcon() {\n    // Loading type takes priority\n    if (this.type === 'loading') {\n      return (\n        <div class=\"pds-toast__loader\">\n          <svg class=\"pds-toast__loader-spinner\" viewBox=\"25 25 50 50\" aria-hidden=\"true\">\n            <circle class=\"pds-toast__loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" />\n          </svg>\n        </div>\n      );\n    }\n\n    // Return icon if provided, otherwise undefined (which renders as nothing)\n    return this.icon && <pds-icon name={this.icon} class=\"pds-toast__icon\" />;\n  }\n\n  render() {\n    return (\n      <Host hidden={!this.isVisible}>\n        <div\n          class={{\n            'pds-toast': true,\n            [`pds-toast--${this.type}`]: this.type !== 'default',\n            'pds-toast--animating-out': this.isAnimatingOut\n          }}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {this.renderIcon()}\n\n          <span class=\"pds-toast__message\">\n            <slot></slot>\n          </span>\n\n          {this.dismissible && (\n            <button\n              type=\"button\"\n              class=\"pds-toast__button\"\n              onClick={() => {\n                this.dismiss();\n              }}\n              aria-label=\"Dismiss message\"\n            >\n              <pds-icon name=\"remove\" />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-iazk4jjL.system.js","sources":["src/components/pds-toast/pds-toast.scss?tag=pds-toast&encapsulation=shadow","src/components/pds-toast/pds-toast.tsx"],"sourcesContent":[":host {\n  --animation-duration: 0.3s;\n  --animation-timing: cubic-bezier(0.4, 0, 0.2, 1);\n  --padding-inline: var(--pine-dimension-md);\n  --padding-inline-desktop: var(--pine-dimension-2xl);\n  --sizing-height-default: 68px;\n  --sizing-min-width: calc(var(--sizing-total-width) - (var(--padding-inline) * 2));\n  --sizing-min-width-desktop: calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));\n  --sizing-total-width: 350px;\n\n  box-sizing: border-box;\n  display: block;\n  font: var(--pine-typography-body-medium);\n}\n\n.pds-toast {\n  align-items: center;\n  animation: pds-toast-animate-in var(--animation-duration) var(--animation-timing);\n  background-color: var(--pine-color-primary);\n  border-radius: var(--pine-dimension-xs);\n  box-shadow: var(--pine-box-shadow);\n  color: var(--pine-color-text-primary);\n  display: flex;\n  height: var(--sizing-height-default);\n  justify-content: flex-start;\n  margin-block-end: var(--pine-dimension-2xs);\n  max-width: 90vw;\n  min-width: var(--sizing-min-width);\n  padding: 0 var(--padding-inline);\n  position: relative;\n  width: fit-content;\n\n  @media screen and (max-width: 767px) {\n    height: 36px;\n    max-width: calc(100vw - (var(--pine-dimension-2xs) * 2));\n    min-width: auto;\n    padding-inline: var(--pine-dimension-2xs);\n  }\n\n  &--danger {\n    background-color: var(--pine-color-danger);\n  }\n\n  &--loading {\n    .pds-toast__loader {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      margin-inline-end: var(--pine-dimension-sm);\n      position: relative;\n\n      &-spinner {\n        animation: pds-toast-rotate 2s linear infinite;\n        height: 20px;\n        width: 20px;\n      }\n\n      &-path {\n        animation: pds-toast-dash 1.5s ease-in-out infinite;\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n        stroke-linecap: round;\n      }\n    }\n  }\n}\n\n.pds-toast__icon {\n  color: var(--pine-color-text-primary);\n  display: inline-flex;\n  margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-toast__message {\n  font: var(--pine-typography-body-sm-medium);\n  margin-inline-end: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  // Style all slotted links\n  ::slotted(a) {\n    color: var(--pine-color-text-primary);\n    margin-inline-start: var(--pine-dimension-xs);\n    opacity: 0.7;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus-visible {\n      opacity: 1;\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--pine-color-text-primary);\n      outline-offset: 2px;\n    }\n  }\n}\n\n.pds-toast__button {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--pine-border-radius-full);\n  color: inherit;\n  cursor: pointer;\n  display: inline-flex;\n  margin-inline-start: var(--pine-dimension-md);\n  opacity: 0.7;\n  padding: 0;\n  white-space: nowrap;\n\n  &:hover,\n  &:focus {\n    opacity: 1;\n  }\n\n  &:focus {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-dimension-2xs);\n  }\n}\n\n// Animation keyframes\n@keyframes pds-toast-animate-in {\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes pds-toast-animate-out {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n}\n\n// Loading animation keyframes\n@keyframes pds-toast-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes pds-toast-dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35;\n  }\n\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124;\n  }\n}\n\n// Animation for dismissing\n:host([hidden]) .pds-toast,\n.pds-toast--animating-out {\n  animation: pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;\n  pointer-events: none; /* Prevent interaction during animation */\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pds-toast',\n  styleUrl: 'pds-toast.scss',\n  shadow: true,\n})\nexport class PdsToast {\n  // Props\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Whether the toast can be dismissed manually via the close button.\n   * Note: This only controls manual dismissal. Auto-dismissal via duration still applies.\n   * @default true\n   */\n  @Prop() dismissible: boolean = true;\n\n  /**\n   * The duration in milliseconds to show the toast before auto-dismissing.\n   * Set to 0 to disable auto-dismiss.\n   * @default 4500\n   */\n  @Prop() duration: number = 4500;\n\n  /**\n   * The name of the icon to display in the toast.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * The type of toast to display.\n   * - default: Grey background (default)\n   * - danger: Red background\n   * - loading: With spinner animation\n   * @default 'default'\n   */\n  @Prop() type: 'default' | 'danger' | 'loading' = 'default';\n\n  /**\n   * Whether the toast is currently visible.\n   */\n  @State() isVisible: boolean = true;\n\n  /**\n   * Whether the toast is animating out.\n   */\n  @State() isAnimatingOut: boolean = false;\n\n  // Private properties\n  /**\n   * Timer for auto-dismissal\n   */\n  private dismissTimer?: number;\n\n  /**\n   * Event emitted when the toast is dismissed, either manually or automatically.\n   */\n  @Event() pdsToastDismissed: EventEmitter<{ componentId?: string }>;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n\n  @Watch('duration')\n  handleDurationChange(newDuration: number) {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n    if (newDuration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  @Method()\n  async dismiss(): Promise<void> {\n    // Start the animation out\n    this.isAnimatingOut = true;\n\n    // Wait for animation to complete before hiding and cleanup\n    await new Promise((resolve) => setTimeout(resolve, 300)); // Match --animation-duration\n\n    this.isVisible = false;\n    this.cleanup();\n    this.pdsToastDismissed.emit({ componentId: this.componentId });\n  }\n\n  // Private methods\n  private cleanup(): void {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n  }\n\n  private startDismissTimer(): void {\n    this.dismissTimer = window.setTimeout(() => {\n      this.dismiss();\n    }, this.duration);\n  }\n\n  private renderIcon() {\n    // Loading type takes priority\n    if (this.type === 'loading') {\n      return (\n        <div class=\"pds-toast__loader\">\n          <svg class=\"pds-toast__loader-spinner\" viewBox=\"25 25 50 50\" aria-hidden=\"true\">\n            <circle class=\"pds-toast__loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" />\n          </svg>\n        </div>\n      );\n    }\n\n    // Return icon if provided, otherwise undefined (which renders as nothing)\n    return this.icon && <pds-icon name={this.icon} class=\"pds-toast__icon\" />;\n  }\n\n  render() {\n    return (\n      <Host hidden={!this.isVisible}>\n        <div\n          class={{\n            'pds-toast': true,\n            [`pds-toast--${this.type}`]: this.type !== 'default',\n            'pds-toast--animating-out': this.isAnimatingOut\n          }}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {this.renderIcon()}\n\n          <span class=\"pds-toast__message\">\n            <slot></slot>\n          </span>\n\n          {this.dismissible && (\n            <button\n              type=\"button\"\n              class=\"pds-toast__button\"\n              onClick={() => {\n                this.dismiss();\n              }}\n              aria-label=\"Dismiss message\"\n            >\n              <pds-icon name=\"remove\" />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}