@pine-ds/core 3.4.3 → 3.5.1

package/dist/pine-core/p-Rj3B0bRw.system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-Rj3B0bRw.system.js","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  --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-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-radius: 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    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\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--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, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown } 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 * @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' = 'primary';\n\n  @Event() pdsClick: EventEmitter;\n\n  private handleClick = (ev: Event) => {\n    if (this.loading) {\n      ev.preventDefault();\n      return;\n    }\n\n    if (!this.href && this.type != 'button') {\n      // If button clicked IS NOT associated with a form\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';\n    const hasStartSlot = this.hasSlotContent('start');\n\n    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\">\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"],"names":[],"mappings":"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"}

package/dist/pine-core/p-ZCkmy1Gu.system.js

@@ -1,2 +0,0 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))r[i]=t[i]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,t,n,e){function i(r){return r instanceof n?r:new n((function(t){t(r)}))}return new(n||(n=Promise))((function(n,a){function u(r){try{f(e.next(r))}catch(r){a(r)}}function o(r){try{f(e["throw"](r))}catch(r){a(r)}}function f(r){r.done?n(r.value):i(r.value).then(u,o)}f((e=e.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,i,a,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(r){return function(t){return f([r,t])}}function f(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(n=0)),n)try{if(e=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=t.call(r,n)}catch(r){o=[6,r];i=0}finally{e=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(r,t){var n={};for(var e in r)if(Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)<0)n[e]=r[e];if(r!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,e=Object.getOwnPropertySymbols(r);i<e.length;i++){if(t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(r,e[i]))n[e[i]]=r[e[i]]}return n};var __spreadArray=this&&this.__spreadArray||function(r,t,n){if(n||arguments.length===2)for(var e=0,i=t.length,a;e<i;e++){if(a||!(e in t)){if(!a)a=Array.prototype.slice.call(t,0,e);a[e]=t[e]}}return r.concat(a||Array.prototype.slice.call(t))};System.register([],(function(r){"use strict";return{execute:function(){var t=this;var n=Math.min;var e=Math.max;var i=Math.round;var a=function(r){return{x:r,y:r}};var u={left:"right",right:"left",bottom:"top",top:"bottom"};var o={start:"end",end:"start"};function f(r,t,i){return e(r,n(t,i))}function c(r,t){return typeof r==="function"?r(t):r}function s(r){return r.split("-")[0]}function v(r){return r.split("-")[1]}function l(r){return r==="x"?"y":"x"}function d(r){return r==="y"?"height":"width"}function h(r){return["top","bottom"].includes(s(r))?"y":"x"}function _(r){return l(h(r))}function g(r,t,n){if(n===void 0){n=false}var e=v(r);var i=_(r);var a=d(i);var u=i==="x"?e===(n?"end":"start")?"right":"left":e==="start"?"bottom":"top";if(t.reference[a]>t.floating[a]){u=b(u)}return[u,b(u)]}function y(r){var t=b(r);return[p(r),t,p(t)]}function p(r){return r.replace(/start|end/g,(function(r){return o[r]}))}function m(r,t,n){var e=["left","right"];var i=["right","left"];var a=["top","bottom"];var u=["bottom","top"];switch(r){case"top":case"bottom":if(n)return t?i:e;return t?e:i;case"left":case"right":return t?a:u;default:return[]}}function w(r,t,n,e){var i=v(r);var a=m(s(r),n==="start",e);if(i){a=a.map((function(r){return r+"-"+i}));if(t){a=a.concat(a.map(p))}}return a}function b(r){return r.replace(/left|right|bottom|top/g,(function(r){return u[r]}))}function x(r){return __assign({top:0,right:0,bottom:0,left:0},r)}function A(r){return typeof r!=="number"?x(r):{top:r,right:r,bottom:r,left:r}}function k(r){var t=r.x,n=r.y,e=r.width,i=r.height;return{width:e,height:i,top:n,left:t,right:t+e,bottom:n+i,x:t,y:n}}function S(r,t,n){var e=r.reference,i=r.floating;var a=h(t);var u=_(t);var o=d(u);var f=s(t);var c=a==="y";var l=e.x+e.width/2-i.width/2;var g=e.y+e.height/2-i.height/2;var y=e[o]/2-i[o]/2;var p;switch(f){case"top":p={x:l,y:e.y-i.height};break;case"bottom":p={x:l,y:e.y+e.height};break;case"right":p={x:e.x+e.width,y:g};break;case"left":p={x:e.x-i.width,y:g};break;default:p={x:e.x,y:e.y}}switch(v(t)){case"start":p[u]-=y*(n&&c?-1:1);break;case"end":p[u]+=y*(n&&c?-1:1);break}return p}var R=function(r,n,e){return __awaiter(t,void 0,void 0,(function(){var t,i,a,u,o,f,c,s,v,l,d,h,_,g,y,p,m,w,b,x,A,k,R,O,j,T;var P,E;return __generator(this,(function(F){switch(F.label){case 0:t=e.placement,i=t===void 0?"bottom":t,a=e.strategy,u=a===void 0?"absolute":a,o=e.middleware,f=o===void 0?[]:o,c=e.platform;s=f.filter(Boolean);return[4,c.isRTL==null?void 0:c.isRTL(n)];case 1:v=F.sent();return[4,c.getElementRects({reference:r,floating:n,strategy:u})];case 2:l=F.sent();d=S(l,i,v),h=d.x,_=d.y;g=i;y={};p=0;m=0;F.label=3;case 3:if(!(m<s.length))return[3,11];w=s[m],b=w.name,x=w.fn;return[4,x({x:h,y:_,initialPlacement:i,placement:g,strategy:u,middlewareData:y,rects:l,platform:c,elements:{reference:r,floating:n}})];case 4:A=F.sent(),k=A.x,R=A.y,O=A.data,j=A.reset;h=k!=null?k:h;_=R!=null?R:_;y=__assign(__assign({},y),(P={},P[b]=__assign(__assign({},y[b]),O),P));if(!(j&&p<=50))return[3,10];p++;if(!(typeof j==="object"))return[3,9];if(j.placement){g=j.placement}if(!j.rects)return[3,8];if(!(j.rects===true))return[3,6];return[4,c.getElementRects({reference:r,floating:n,strategy:u})];case 5:T=F.sent();return[3,7];case 6:T=j.rects;F.label=7;case 7:l=T;F.label=8;case 8:E=S(l,g,v),h=E.x,_=E.y;F.label=9;case 9:m=-1;F.label=10;case 10:m++;return[3,3];case 11:return[2,{x:h,y:_,placement:g,strategy:u,middlewareData:y}]}}))}))};function O(r,t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,s,v,l,d,h,_,g,y,p,m,w,b,x,S,R,O,j,T,P,E,F,L,C,D,M,N,B;var G;return __generator(this,(function(H){switch(H.label){case 0:if(t===void 0){t={}}e=r.x,i=r.y,a=r.platform,u=r.rects,o=r.elements,f=r.strategy;s=c(t,r),v=s.boundary,l=v===void 0?"clippingAncestors":v,d=s.rootBoundary,h=d===void 0?"viewport":d,_=s.elementContext,g=_===void 0?"floating":_,y=s.altBoundary,p=y===void 0?false:y,m=s.padding,w=m===void 0?0:m;b=A(w);x=g==="floating"?"reference":"floating";S=o[p?x:g];O=k;T=(j=a).getClippingRect;G={};return[4,a.isElement==null?void 0:a.isElement(S)];case 1:if(!((n=H.sent())!=null?n:true))return[3,2];P=S;return[3,5];case 2:E=S.contextElement;if(E)return[3,4];return[4,a.getDocumentElement==null?void 0:a.getDocumentElement(o.floating)];case 3:E=H.sent();H.label=4;case 4:P=E;H.label=5;case 5:return[4,T.apply(j,[(G.element=P,G.boundary=l,G.rootBoundary=h,G.strategy=f,G)])];case 6:R=O.apply(void 0,[H.sent()]);F=g==="floating"?{x:e,y:i,width:u.floating.width,height:u.floating.height}:u.reference;return[4,a.getOffsetParent==null?void 0:a.getOffsetParent(o.floating)];case 7:L=H.sent();return[4,a.isElement==null?void 0:a.isElement(L)];case 8:if(!H.sent())return[3,10];return[4,a.getScale==null?void 0:a.getScale(L)];case 9:D=H.sent()||{x:1,y:1};return[3,11];case 10:D={x:1,y:1};H.label=11;case 11:C=D;N=k;if(!a.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:F,offsetParent:L,strategy:f})];case 12:B=H.sent();return[3,14];case 13:B=F;H.label=14;case 14:M=N.apply(void 0,[B]);return[2,{top:(R.top-M.top+b.top)/C.y,bottom:(M.bottom-R.bottom+b.bottom)/C.y,left:(R.left-M.left+b.left)/C.x,right:(M.right-R.right+b.right)/C.x}]}}))}))}var j=function(r){if(r===void 0){r={}}return{name:"flip",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,v,l,d,_,p,m,x,A,k,S,R,j,T,P,E,F,L,C,D,M,N,B,G,H,V,$,q,z,I,J,K,Q,U,W,X;return __generator(this,(function(Y){switch(Y.label){case 0:i=t.placement,a=t.middlewareData,u=t.rects,o=t.initialPlacement,f=t.platform,v=t.elements;l=c(r,t),d=l.mainAxis,_=d===void 0?true:d,p=l.crossAxis,m=p===void 0?true:p,x=l.fallbackPlacements,A=l.fallbackStrategy,k=A===void 0?"bestFit":A,S=l.fallbackAxisSideDirection,R=S===void 0?"none":S,j=l.flipAlignment,T=j===void 0?true:j,P=__rest(l,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((n=a.arrow)!=null&&n.alignmentOffset){return[2,{}]}E=s(i);F=h(o);L=s(o)===o;return[4,f.isRTL==null?void 0:f.isRTL(v.floating)];case 1:C=Y.sent();D=x||(L||!T?[b(o)]:y(o));M=R!=="none";if(!x&&M){D.push.apply(D,w(o,T,R,C))}N=__spreadArray([o],D,true);return[4,O(t,P)];case 2:B=Y.sent();G=[];H=((e=a.flip)==null?void 0:e.overflows)||[];if(_){G.push(B[E])}if(m){V=g(i,u,C);G.push(B[V[0]],B[V[1]])}H=__spreadArray(__spreadArray([],H,true),[{placement:i,overflows:G}],false);if(!G.every((function(r){return r<=0}))){z=((($=a.flip)==null?void 0:$.index)||0)+1;I=N[z];if(I){K=m==="alignment"?F!==h(I):false;Q=((J=H[0])==null?void 0:J.overflows[0])>0;if(!K||Q){return[2,{data:{index:z,overflows:H},reset:{placement:I}}]}}U=(q=H.filter((function(r){return r.overflows[0]<=0})).sort((function(r,t){return r.overflows[1]-t.overflows[1]}))[0])==null?void 0:q.placement;if(!U){switch(k){case"bestFit":{X=(W=H.filter((function(r){if(M){var t=h(r.placement);return t===F||t==="y"}return true})).map((function(r){return[r.placement,r.overflows.filter((function(r){return r>0})).reduce((function(r,t){return r+t}),0)]})).sort((function(r,t){return r[1]-t[1]}))[0])==null?void 0:W[0];if(X){U=X}break}case"initialPlacement":U=o;break}}if(i!==U){return[2,{reset:{placement:U}}]}}return[2,{}]}}))}))}}};function T(r,t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,l,d,_,g,y,p,m;return __generator(this,(function(w){switch(w.label){case 0:n=r.placement,e=r.platform,i=r.elements;return[4,e.isRTL==null?void 0:e.isRTL(i.floating)];case 1:a=w.sent();u=s(n);o=v(n);f=h(n)==="y";l=["left","top"].includes(u)?-1:1;d=a&&f?-1:1;_=c(t,r);g=typeof _==="number"?{mainAxis:_,crossAxis:0,alignmentAxis:null}:{mainAxis:_.mainAxis||0,crossAxis:_.crossAxis||0,alignmentAxis:_.alignmentAxis},y=g.mainAxis,p=g.crossAxis,m=g.alignmentAxis;if(o&&typeof m==="number"){p=o==="end"?m*-1:m}return[2,f?{x:p*d,y:y*l}:{x:y*l,y:p*d}]}}))}))}var P=function(r){if(r===void 0){r=0}return{name:"offset",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f;return __generator(this,(function(c){switch(c.label){case 0:i=t.x,a=t.y,u=t.placement,o=t.middlewareData;return[4,T(t,r)];case 1:f=c.sent();if(u===((n=o.offset)==null?void 0:n.placement)&&(e=o.arrow)!=null&&e.alignmentOffset){return[2,{}]}return[2,{x:i+f.x,y:a+f.y,data:__assign(__assign({},f),{placement:u})}]}}))}))}}};var E=function(r){if(r===void 0){r={}}return{name:"shift",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,v,d,_,g,y,p,m,w,b,x,A,k,S,R,j,k,S,T,P,E;var F,L;return __generator(this,(function(C){switch(C.label){case 0:n=t.x,e=t.y,i=t.placement;a=c(r,t),u=a.mainAxis,o=u===void 0?true:u,v=a.crossAxis,d=v===void 0?false:v,_=a.limiter,g=_===void 0?{fn:function(r){var t=r.x,n=r.y;return{x:t,y:n}}}:_,y=__rest(a,["mainAxis","crossAxis","limiter"]);p={x:n,y:e};return[4,O(t,y)];case 1:m=C.sent();w=h(s(i));b=l(w);x=p[b];A=p[w];if(o){k=b==="y"?"top":"left";S=b==="y"?"bottom":"right";R=x+m[k];j=x-m[S];x=f(R,x,j)}if(d){k=w==="y"?"top":"left";S=w==="y"?"bottom":"right";T=A+m[k];P=A-m[S];A=f(T,A,P)}E=g.fn(__assign(__assign({},t),(F={},F[b]=x,F[w]=A,F)));return[2,__assign(__assign({},E),{data:{x:E.x-n,y:E.y-e,enabled:(L={},L[b]=o,L[w]=d,L)}})]}}))}))}}};function F(){return typeof window!=="undefined"}function L(r){if(M(r)){return(r.nodeName||"").toLowerCase()}return"#document"}function C(r){var t;return(r==null||(t=r.ownerDocument)==null?void 0:t.defaultView)||window}function D(r){var t;return(t=(M(r)?r.ownerDocument:r.document)||window.document)==null?void 0:t.documentElement}function M(r){if(!F()){return false}return r instanceof Node||r instanceof C(r).Node}function N(r){if(!F()){return false}return r instanceof Element||r instanceof C(r).Element}function B(r){if(!F()){return false}return r instanceof HTMLElement||r instanceof C(r).HTMLElement}function G(r){if(!F()||typeof ShadowRoot==="undefined"){return false}return r instanceof ShadowRoot||r instanceof C(r).ShadowRoot}function H(r){var t=K(r),n=t.overflow,e=t.overflowX,i=t.overflowY,a=t.display;return/auto|scroll|overlay|hidden|clip/.test(n+i+e)&&!["inline","contents"].includes(a)}function V(r){return["table","td","th"].includes(L(r))}function $(r){return[":popover-open",":modal"].some((function(t){try{return r.matches(t)}catch(r){return false}}))}function q(r){var t=I();var n=N(r)?K(r):r;return["transform","translate","scale","rotate","perspective"].some((function(r){return n[r]?n[r]!=="none":false}))||(n.containerType?n.containerType!=="normal":false)||!t&&(n.backdropFilter?n.backdropFilter!=="none":false)||!t&&(n.filter?n.filter!=="none":false)||["transform","translate","scale","rotate","perspective","filter"].some((function(r){return(n.willChange||"").includes(r)}))||["paint","layout","strict","content"].some((function(r){return(n.contain||"").includes(r)}))}function z(r){var t=U(r);while(B(t)&&!J(t)){if(q(t)){return t}else if($(t)){return null}t=U(t)}return null}function I(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function J(r){return["html","body","#document"].includes(L(r))}function K(r){return C(r).getComputedStyle(r)}function Q(r){if(N(r)){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}return{scrollLeft:r.scrollX,scrollTop:r.scrollY}}function U(r){if(L(r)==="html"){return r}var t=r.assignedSlot||r.parentNode||G(r)&&r.host||D(r);return G(t)?t.host:t}function W(r){var t=U(r);if(J(t)){return r.ownerDocument?r.ownerDocument.body:r.body}if(B(t)&&H(t)){return t}return W(t)}function X(r,t,n){var e;if(t===void 0){t=[]}var i=W(r);var a=i===((e=r.ownerDocument)==null?void 0:e.body);var u=C(i);if(a){return t.concat(u,u.visualViewport||[],H(i)?i:[],[])}return t.concat(i,X(i,[]))}function Y(r){return r.parent&&Object.getPrototypeOf(r.parent)?r.frameElement:null}function Z(r){var t=K(r);var n=parseFloat(t.width)||0;var e=parseFloat(t.height)||0;var a=B(r);var u=a?r.offsetWidth:n;var o=a?r.offsetHeight:e;var f=i(n)!==u||i(e)!==o;if(f){n=u;e=o}return{width:n,height:e,$:f}}function rr(r){return!N(r)?r.contextElement:r}function tr(r){var t=rr(r);if(!B(t)){return a(1)}var n=t.getBoundingClientRect();var e=Z(t),u=e.width,o=e.height,f=e.$;var c=(f?i(n.width):n.width)/u;var s=(f?i(n.height):n.height)/o;if(!c||!Number.isFinite(c)){c=1}if(!s||!Number.isFinite(s)){s=1}return{x:c,y:s}}var nr=a(0);function er(r){var t=C(r);if(!I()||!t.visualViewport){return nr}return{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function ir(r,t,n){if(t===void 0){t=false}if(!n||t&&n!==C(r)){return false}return t}function ar(r,t,n,e){if(t===void 0){t=false}if(n===void 0){n=false}var i=r.getBoundingClientRect();var u=rr(r);var o=a(1);if(t){if(e){if(N(e)){o=tr(e)}}else{o=tr(r)}}var f=ir(u,n,e)?er(u):a(0);var c=(i.left+f.x)/o.x;var s=(i.top+f.y)/o.y;var v=i.width/o.x;var l=i.height/o.y;if(u){var d=C(u);var h=e&&N(e)?C(e):e;var _=d;var g=Y(_);while(g&&e&&h!==_){var y=tr(g);var p=g.getBoundingClientRect();var m=K(g);var w=p.left+(g.clientLeft+parseFloat(m.paddingLeft))*y.x;var b=p.top+(g.clientTop+parseFloat(m.paddingTop))*y.y;c*=y.x;s*=y.y;v*=y.x;l*=y.y;c+=w;s+=b;_=C(g);g=Y(_)}}return k({width:v,height:l,x:c,y:s})}function ur(r,t){var n=Q(r).scrollLeft;if(!t){return ar(D(r)).left+n}return t.left+n}function or(r,t,n){if(n===void 0){n=false}var e=r.getBoundingClientRect();var i=e.left+t.scrollLeft-(n?0:ur(r,e));var a=e.top+t.scrollTop;return{x:i,y:a}}function fr(r){var t=r.elements,n=r.rect,e=r.offsetParent,i=r.strategy;var u=i==="fixed";var o=D(e);var f=t?$(t.floating):false;if(e===o||f&&u){return n}var c={scrollLeft:0,scrollTop:0};var s=a(1);var v=a(0);var l=B(e);if(l||!l&&!u){if(L(e)!=="body"||H(o)){c=Q(e)}if(B(e)){var d=ar(e);s=tr(e);v.x=d.x+e.clientLeft;v.y=d.y+e.clientTop}}var h=o&&!l&&!u?or(o,c,true):a(0);return{width:n.width*s.x,height:n.height*s.y,x:n.x*s.x-c.scrollLeft*s.x+v.x+h.x,y:n.y*s.y-c.scrollTop*s.y+v.y+h.y}}function cr(r){return Array.from(r.getClientRects())}function sr(r){var t=D(r);var n=Q(r);var i=r.ownerDocument.body;var a=e(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth);var u=e(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);var o=-n.scrollLeft+ur(r);var f=-n.scrollTop;if(K(i).direction==="rtl"){o+=e(t.clientWidth,i.clientWidth)-a}return{width:a,height:u,x:o,y:f}}function vr(r,t){var n=C(r);var e=D(r);var i=n.visualViewport;var a=e.clientWidth;var u=e.clientHeight;var o=0;var f=0;if(i){a=i.width;u=i.height;var c=I();if(!c||c&&t==="fixed"){o=i.offsetLeft;f=i.offsetTop}}return{width:a,height:u,x:o,y:f}}function lr(r,t){var n=ar(r,true,t==="fixed");var e=n.top+r.clientTop;var i=n.left+r.clientLeft;var u=B(r)?tr(r):a(1);var o=r.clientWidth*u.x;var f=r.clientHeight*u.y;var c=i*u.x;var s=e*u.y;return{width:o,height:f,x:c,y:s}}function dr(r,t,n){var e;if(t==="viewport"){e=vr(r,n)}else if(t==="document"){e=sr(D(r))}else if(N(t)){e=lr(t,n)}else{var i=er(r);e={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return k(e)}function hr(r,t){var n=U(r);if(n===t||!N(n)||J(n)){return false}return K(n).position==="fixed"||hr(n,t)}function _r(r,t){var n=t.get(r);if(n){return n}var e=X(r,[]).filter((function(r){return N(r)&&L(r)!=="body"}));var i=null;var a=K(r).position==="fixed";var u=a?U(r):r;while(N(u)&&!J(u)){var o=K(u);var f=q(u);if(!f&&o.position==="fixed"){i=null}var c=a?!f&&!i:!f&&o.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||H(u)&&!f&&hr(r,u);if(c){e=e.filter((function(r){return r!==u}))}else{i=o}u=U(u)}t.set(r,e);return e}function gr(r){var t=r.element,i=r.boundary,a=r.rootBoundary,u=r.strategy;var o=i==="clippingAncestors"?$(t)?[]:_r(t,this._c):[].concat(i);var f=__spreadArray(__spreadArray([],o,true),[a],false);var c=f[0];var s=f.reduce((function(r,i){var a=dr(t,i,u);r.top=e(a.top,r.top);r.right=n(a.right,r.right);r.bottom=n(a.bottom,r.bottom);r.left=e(a.left,r.left);return r}),dr(t,c,u));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function yr(r){var t=Z(r),n=t.width,e=t.height;return{width:n,height:e}}function pr(r,t,n){var e=B(t);var i=D(t);var u=n==="fixed";var o=ar(r,true,u,t);var f={scrollLeft:0,scrollTop:0};var c=a(0);function s(){c.x=ur(i)}if(e||!e&&!u){if(L(t)!=="body"||H(i)){f=Q(t)}if(e){var v=ar(t,true,u,t);c.x=v.x+t.clientLeft;c.y=v.y+t.clientTop}else if(i){s()}}if(u&&!e&&i){s()}var l=i&&!e&&!u?or(i,f):a(0);var d=o.left+f.scrollLeft-c.x-l.x;var h=o.top+f.scrollTop-c.y-l.y;return{x:d,y:h,width:o.width,height:o.height}}function mr(r){return K(r).position==="static"}function wr(r,t){if(!B(r)||K(r).position==="fixed"){return null}if(t){return t(r)}var n=r.offsetParent;if(D(r)===n){n=n.ownerDocument.body}return n}function br(r,t){var n=C(r);if($(r)){return n}if(!B(r)){var e=U(r);while(e&&!J(e)){if(N(e)&&!mr(e)){return e}e=U(e)}return n}var i=wr(r,t);while(i&&V(i)&&mr(i)){i=wr(i,t)}if(i&&J(i)&&mr(i)&&!q(i)){return n}return i||z(r)||n}var xr=function(r){return __awaiter(this,void 0,void 0,(function(){var t,n,e,i,a;var u;return __generator(this,(function(o){switch(o.label){case 0:t=this.getOffsetParent||br;n=this.getDimensions;return[4,n(r.floating)];case 1:e=o.sent();u={};i=pr;a=[r.reference];return[4,t(r.floating)];case 2:return[2,(u.reference=i.apply(void 0,a.concat([o.sent(),r.strategy])),u.floating={x:0,y:0,width:e.width,height:e.height},u)]}}))}))};function Ar(r){return K(r).direction==="rtl"}var kr={convertOffsetParentRelativeRectToViewportRelativeRect:fr,getDocumentElement:D,getClippingRect:gr,getOffsetParent:br,getElementRects:xr,getClientRects:cr,getDimensions:yr,getScale:tr,isElement:N,isRTL:Ar};var Sr=r("o",P);var Rr=r("s",E);var Or=r("f",j);var jr=r("c",(function(r,t,n){var e=new Map;var i=__assign({platform:kr},n);var a=__assign(__assign({},i.platform),{_c:e});return R(r,t,__assign(__assign({},i),{platform:a}))}))}}}));
-//# sourceMappingURL=p-ZCkmy1Gu.system.js.map

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

@@ -1,2 +0,0 @@
-import{r,h as o,H as e}from"./p-BVCWKPy3.js";const c=":host{border-color:inherit;display:table-row-group;vertical-align:middle}";const s=class{constructor(o){r(this,o)}render(){return o(e,{key:"fc9edecfd03417cb9f6c4386b5fb4fd3a015138d",role:"rowgroup"},o("slot",{key:"c79c6c1009b0afb456551d2e989491567fe73f43"}))}};s.style=c;export{s as pds_table_body};
-//# sourceMappingURL=p-a7204f01.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableBodyCss","PdsTableBody","render","h","Host","key","role"],"sources":["src/components/pds-table/pds-table-body/pds-table-body.scss?tag=pds-table-body&encapsulation=shadow","src/components/pds-table/pds-table-body/pds-table-body.tsx"],"sourcesContent":[":host {\n  border-color: inherit;\n  display: table-row-group;\n  vertical-align: middle;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-body',\n  styleUrls: ['pds-table-body.scss'],\n  shadow: true,\n})\nexport class PdsTableBody {\n\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAkB,4E,MCOXC,EAAY,M,yBAEvB,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,YACTH,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,r){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function s(e){try{l(r.next(e))}catch(e){n(e)}}function o(e){try{l(r["throw"](e))}catch(e){n(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,a,n,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(t){return l([e,t])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(r=1,a&&(n=o[0]&2?a["return"]:o[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,o[1])).done)return n;if(a=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{r=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-B_C-mRjx.system.js","./p-BG7_qxVr.system.js","./p-BG6uGRQj.system.js","./p-BhQhw0S3.system.js","./p-DiBM9O5Q.system.js"],(function(e){"use strict";var t,i,r,a,n,s,o,l,c,d,u,h;return{setters:[function(e){t=e.r;i=e.c;r=e.h;a=e.H;n=e.g},function(e){s=e.i;o=e.a;l=e.m},function(e){c=e.d},function(e){d=e.i;u=e.a},function(e){h=e.f}],execute:function(){var f=":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 p=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";var b=":host{display:inline}: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__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.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__error-message,.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-textarea__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}";var v=e("pds_textarea",function(){function e(e){var r=this;t(this,e);this.pdsBlur=i(this,"pdsBlur");this.pdsFocus=i(this,"pdsFocus");this.pdsInput=i(this,"pdsInput");this.pdsTextareaChange=i(this,"pdsTextareaChange");this.inheritedAttributes={};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 t=e.target;if(t){r.value=t.value||""}r.emitInputChange(e)};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,t=e.pdsInput,i=e.debounce,r=e.originalPdsInput;this.pdsInput=i===undefined?r!==null&&r!==void 0?r:t:c(t,i)};e.prototype.valueChanged=function(){var e=this.nativeTextarea;var t=this.getValue();if(e&&e.value!==t){e.value=t}this.updateFormValue()};e.prototype.emitInputChange=function(e){var t=this.value;this.pdsInput.emit({value:t,event:e})};e.prototype.emitValueChange=function(e){var t=e.target;s(t,this);var i=t.value;var r=i==null?i:i.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.componentWillLoad=function(){this.inheritedAttributes=Object.assign(Object.assign({},d(this.el)),u(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null};e.prototype.componentDidLoad=function(){this.originalPdsInput=this.pdsInput;this.updateFormValue()};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 t=e.get(this.name);if(typeof t==="string"){this.value=t}}};e.prototype.render=function(){var e=this;var t=this.getValue();return r(a,{key:"c16e4a612ae46f9ab893294f513e1564e941ddec","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction?"true":null},r("div",{key:"d5acca80be2960ac20a3602c3e887e8d714062d7",class:"pds-textarea"},this.label&&r("div",{key:"49f3c081172f3d81f38e7ad49e4461b9d31772e7",class:"pds-textarea__label-wrapper"},r("label",{key:"105f191fb2db52c63d165fbda0e78e507f327c49",htmlFor:this.componentId},this.label),this.renderAction()),r("textarea",Object.assign({key:"5cbfbee17d058767f6d9d530dbee936ee8638f99",ref:function(t){return e.nativeTextarea=t},"aria-describedby":o(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,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),t),this.helperMessage&&r("p",{key:"0cef5379519c3a1d26a86bb2142a58583d5619ad",class:"pds-textarea__helper-message",id:l(this.componentId,"helper")},this.helperMessage),this.invalid&&r("p",{key:"30a5fc1c6469dfa755db9a9bbb7b858b082700ac","aria-live":"assertive",class:"pds-textarea__error-message",id:l(this.componentId,"error")},r("pds-icon",{key:"51a725db0e4e522a584b673df174c7c97c8fe8e3",icon:h,size:"small"}),this.errorMessage)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());v.style=f+(p+b)}}}));
-//# sourceMappingURL=p-a7cb24c3.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["labelCss","pdsInputTokensCss","pdsTextareaCss","PdsTextarea","exports","class_1","hostRef","_this","this","inheritedAttributes","disabled","invalid","name","componentId","readonly","required","value","hasFocus","hasAction","onBlur","ev","focusedValue","emitValueChange","pdsBlur","emit","onFocus","pdsFocus","onInput","input","target","emitInputChange","onTextareaChange","prototype","setFocus","nativeTextarea","focus","debounceChanged","_a","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","updateFormValue","event","textarea","isRequired","newValue","toString","pdsTextareaChange","textareaClassNames","classNames","push","join","connectedCallback","el","attachInternals","internals","componentWillLoad","Object","assign","inheritAriaAttributes","inheritAttributes","querySelector","componentDidLoad","renderAction","h","class","part","setFormValue","setValidity","validity","validationMessage","formResetCallback","formDisabledCallback","formStateRestoreCallback","state","FormData","get","render","Host","key","label","htmlFor","ref","assignDescription","helperMessage","autocomplete","id","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;\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__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  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\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__error-message,\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-xs);\n}\n\n.pds-textarea__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, isRequired, messageId } 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\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-texarea`. 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   * 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   * The value of the textarea.\n   */\n  @Prop({mutable: true}) value?: string | null = '';\n\n  @State() hasFocus = false;\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\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      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\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  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\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   * 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 ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <div class=\"pds-textarea__label-wrapper\">\n              <label htmlFor={this.componentId}>{this.label}</label>\n              {this.renderAction()}\n            </div>\n          }\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            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.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-aafb6e06.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsSelectTokensCss","labelCss","pdsSelectCss","PdsSelect","exports","class_1","hostRef","_this","this","disabled","multiple","required","onSelectUpdate","e","target","values","Array","from","options","filter","option","map","length","value","pdsSelectChange","emit","handleSlotChange","slot","slotContainer","querySelector","selectEl","innerHTML","assignedElements","flatten","forEach","item","includes","tagName","clonedItem","cloneNode","selected","appendChild","updateSelectedOption","prototype","valueChanged","updateFormValue","connectedCallback","el","attachInternals","internals","componentWillLoad","componentDidLoad","isArray","getHelperMessage","helperMessage","h","class","id","messageId","componentId","getErrorMessage","errorMessage","icon","danger","size","renderMessages","classNames","invalid","push","join","renderAction","hasAction","part","name","setFormValue","formData_1","FormData","val","append","setValidity","validity","validationMessage","formResetCallback","formDisabledCallback","formStateRestoreCallback","state","getAll","v","render","Host","key","hideLabel","htmlFor","label","undefined","autocomplete","onChange","ref","onSlotchange","enlarge"],"sources":["src/components/pds-select/pds-select.tokens.scss?tag=pds-select&encapsulation=shadow","src/global/styles/utils/label.scss?tag=pds-select&encapsulation=shadow","src/components/pds-select/pds-select.scss?tag=pds-select&encapsulation=shadow","src/components/pds-select/pds-select.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-select/pds-select.tokens'\n",":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",":host {\n  --pds-select-background: var(--pine-color-background-container);\n  --pds-select-border: var(--pine-border);\n  --pds-select-border-radius: var(--pine-dimension-125);\n  --pds-select-border-radius-start-end: var(--pine-dimension-125);\n  --pds-select-border-radius-start-start: var(--pine-dimension-125);\n  --pds-select-border-radius-end-end: var(--pine-dimension-125);\n  --pds-select-border-radius-end-start: var(--pine-dimension-125);\n  --pds-select-min-height: 36px;\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n  --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);\n\n  .hidden,\n  :host([hidden]) {\n    display: none;\n  }\n}\n\n.pds-select {\n  display: grid;\n  flex-direction: column;\n  grid-template-areas:\n    'label label'\n    'field field'\n    'message message';\n  grid-template-columns: 1fr minmax(2rem, min-content);\n  grid-template-rows: min-content min-content min-content;\n  position: relative;\n  width: 100%;\n}\n\n.pds-select__label-wrapper {\n  align-items: center;\n  display: flex;\n  grid-area: label;\n  justify-content: space-between;\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-select__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  margin-block-end: var(--pine-dimension-2xs);\n}\n\n// When label is inside wrapper, remove its margin\n.pds-select__label-wrapper label {\n  margin-block-end: 0;\n}\n\nselect {\n  appearance: none;\n  background-color: var(--pds-select-background);\n  border: var(--pds-select-border);\n  border-radius: var(--pds-select-border-radius);\n  border-bottom-left-radius: var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));\n  border-bottom-right-radius: var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));\n  border-top-left-radius: var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));\n  border-top-right-radius: var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));\n  font: var(--pine-typography-body);\n  grid-area: field;\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: var(--pds-select-min-height);\n  padding: calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);\n  padding-inline-end: var(--pine-dimension-450);\n  position: relative;\n\n  &:hover {\n    border-color: var(--pine-color-border-hover);\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border-color: var(--pine-color-border-active);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  &:has(~ .pds-select__message .pds-select__error-message) {\n    background-color: var(--pine-select-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:host(.is-invalid) {\n  select {\n    background-color: var(--pine-select-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-select__error-message,\n.pds-select__helper-message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-end: 0;\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-select__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n\n.pds-select__message {\n  grid-area: message;\n}\n\n.pds-select__select-icon {\n  align-items: center;\n  display: flex;\n  grid-column: -1 / -2;\n  grid-row: 2 / 3;\n  height: var(--pds-select-min-height);\n  pointer-events: none;\n  position: relative;\n  z-index: 1;\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\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\nimport { messageId } from '../../utils/form';\nimport { danger, enlarge } 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-select',\n  styleUrls: ['pds-select.tokens.scss', '../../global/styles/utils/label.scss', 'pds-select.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsSelect {\n\n  private selectEl!: HTMLSelectElement;\n  private slotContainer!: HTMLDivElement;\n  private internals?: ElementInternals;\n\n  @Element() el: HTMLPdsSelectElement;\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   * Indicates whether or not the select field is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Displays helper message text below select.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Determines whether or not the select is invalid.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the select label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Indicates whether multiple options can be selected.\n   * @defaultValue false\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name!: string;\n\n  /**\n   * Indicates whether or not the select field is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value(s) of the selected option(s).\n   *\n   */\n  @Prop({ mutable: true }) value?: string | string[];\n\n  /**\n   * Emitted when a keyboard input occurs.\n   */\n  @Event() pdsSelectChange: EventEmitter<InputEvent>;\n\n  @Watch('value')\n  /**\n   * Handles the change in the value of the select component.\n   * This method is called whenever the value of the select component changes.\n   * It updates the selected option accordingly.\n   */\n  valueChanged() {\n    this.updateSelectedOption();\n    this.updateFormValue();\n  }\n\n  connectedCallback() {\n    // Initialize ElementInternals for form association\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentWillLoad() {\n    this.updateSelectedOption();\n  }\n\n  componentDidLoad() {\n    // Set initial form value\n    this.updateFormValue();\n  }\n\n  /**\n   * Updates the selected option in the select element based on the current value.\n   *\n   * This method iterates through all the options of the select element and sets the\n   * 'selected' attribute on the option that matches the current value. If an option\n   * does not match the current value, the 'selected' attribute is removed.\n   *\n   * @private\n   * @returns {void}\n   */\n  private updateSelectedOption() {\n    if (this.selectEl) {\n      const options = this.selectEl.options;\n\n      // Update the selected attribute for all options.\n      Array.from(options).map((option: HTMLOptionElement) => {\n        if (Array.isArray(this.value)) {\n          option.selected = this.value.includes(option.value);\n        } else {\n          option.selected = this.value === option.value;\n        }\n      });\n    };\n  }\n\n  /**\n   * Emits an event on input change.\n  */\n  private onSelectUpdate = (e: Event) => {\n    const target = e.target as HTMLSelectElement\n\n    const values = Array.from(target.options)\n        .filter((option) => ( option.selected))\n        .map((option) => ( option.value));\n\n    if (values.length === 1 && !this.multiple) {\n        this.value = values[0];\n    } else {\n        this.value = values;\n    }\n\n    this.pdsSelectChange.emit(e as InputEvent);\n  };\n\n  /**\n   * Handles the change event for the slot element.\n   * This method is triggered when the slot content changes.\n   * It updates the inner HTML of the select element by cloning and appending\n   * the assigned <option> elements from the slot.\n   */\n  private handleSlotChange = () => {\n    const slot = this.slotContainer.querySelector('slot') as HTMLSlotElement;\n\n    this.selectEl.innerHTML = '';\n    const assignedElements = slot.assignedElements({ flatten: true }) as (HTMLOptionElement | HTMLOptGroupElement)[];\n\n    assignedElements.forEach((item) => {\n      if ( ['OPTION', 'OPTGROUP'].includes(item.tagName)) {\n        const clonedItem = item.cloneNode(true) as HTMLOptionElement | HTMLOptGroupElement;\n        if (clonedItem.tagName === 'OPTION' && (clonedItem as HTMLOptionElement).value === this.value) {\n          (clonedItem as HTMLOptionElement).selected = true;\n        }\n        this.selectEl.appendChild(clonedItem);\n      }\n    });\n\n    this.updateSelectedOption();\n  };\n\n  private getHelperMessage() {\n    return this.helperMessage && (\n      <p class=\"pds-select__helper-message\" id={messageId(this.componentId, 'helper')}>\n        {this.helperMessage}\n      </p>\n    );\n  }\n\n  private getErrorMessage() {\n    return this.errorMessage && (\n      <p class=\"pds-select__error-message\" id={messageId(this.componentId, 'error')} aria-live=\"assertive\">\n        <pds-icon icon={danger} size=\"small\"></pds-icon>\n        {this.errorMessage}\n      </p>\n    );\n  }\n\n  private renderMessages() {\n    if (!this.helperMessage && !this.errorMessage) return null;\n\n    return (\n      <div class=\"pds-select__message\">\n        {this.getHelperMessage()}\n        {this.getErrorMessage()}\n      </div>\n    );\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) { classNames.push('is-invalid'); }\n    if (this.disabled) { classNames.push('is-disabled'); }\n\n    return classNames.join('  ');\n  }\n\n  private renderAction() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n    if (hasAction) {\n      return (\n        <div class=\"pds-select__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.value;\n\n      // Handle multi-select arrays by converting to FormData or comma-separated string\n      if (Array.isArray(value)) {\n        if (value.length > 1) {\n          // For multiple values, create FormData with multiple entries\n          const formData = new FormData();\n          value.forEach(val => formData.append(this.name || '', val));\n          this.internals.setFormValue(formData);\n        } else {\n          // Single value in array, use the string value\n          this.internals.setFormValue(value[0] || null);\n        }\n      } else {\n        // Single string value\n        this.internals.setFormValue(value || null);\n      }\n\n      // Set validity based on native select validation\n      if (this.selectEl && this.internals && this.internals.setValidity) {\n        this.internals.setValidity(\n          this.selectEl.validity,\n          this.selectEl.validationMessage,\n          this.selectEl\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(s) from FormData using the select's name\n      const values = state.getAll(this.name);\n      if (values.length > 1) {\n        // Multi-select: convert to string array\n        this.value = values.filter(v => typeof v === 'string') as string[];\n      } else if (values.length === 1 && typeof values[0] === 'string') {\n        // Single select: use string value\n        this.value = values[0];\n      }\n    }\n  }\n\n  render() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null} class={this.classNames()} has-action={hasAction && !this.hideLabel ? 'true' : null}>\n        <div class=\"pds-select\">\n          {!this.hideLabel && (\n            <div class=\"pds-select__label-wrapper\">\n              <label htmlFor={this.componentId}>\n                <span class={this.hideLabel ? 'visually-hidden' : ''}>\n                  {this.label}\n                </span>\n              </label>\n              {hasAction && this.renderAction()}\n            </div>\n          )}\n          <select\n            aria-label={this.hideLabel ? this.label : undefined}\n            autocomplete={this.autocomplete || undefined}\n            class=\"pds-select__field\"\n            disabled={this.disabled}\n            id={this.componentId}\n            multiple={this.multiple}\n            name={this.name}\n            onChange={this.onSelectUpdate}\n            part=\"select\"\n            required={this.required}\n            ref={(el) => (this.selectEl = el as HTMLSelectElement)}\n          ></select>\n          <div aria-hidden=\"true\" class=\"hidden\" ref={(el) => (this.slotContainer = el)}>\n            <slot onSlotchange={this.handleSlotChange}></slot>\n          </div>\n          {this.renderMessages()}\n          {!this.multiple && <pds-icon class=\"pds-select__select-icon\" icon={enlarge} />}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sQAAA,IAAMA,EAAqB,yECA3B,IAAMC,EAAW,qTCAjB,IAAMC,EAAe,i3I,ICaRC,EAASC,EAAA,wBANtB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,yDA4BUA,KAAQC,SAAG,MA+BXD,KAAQE,SAAG,MAWXF,KAAQG,SAAG,MAoEXH,KAAAI,eAAiB,SAACC,GACxB,IAAMC,EAASD,EAAEC,OAEjB,IAAMC,EAASC,MAAMC,KAAKH,EAAOI,SAC5BC,QAAO,SAACC,GAAM,OAAOA,EAAe,QAAtB,IACdC,KAAI,SAACD,GAAM,OAAOA,EAAY,KAAnB,IAEhB,GAAIL,EAAOO,SAAW,IAAMf,EAAKG,SAAU,CACvCH,EAAKgB,MAAQR,EAAO,E,KACjB,CACHR,EAAKgB,MAAQR,C,CAGjBR,EAAKiB,gBAAgBC,KAAKZ,EAC5B,EAQQL,KAAgBkB,iBAAG,WACzB,IAAMC,EAAOpB,EAAKqB,cAAcC,cAAc,QAE9CtB,EAAKuB,SAASC,UAAY,GAC1B,IAAMC,EAAmBL,EAAKK,iBAAiB,CAAEC,QAAS,OAE1DD,EAAiBE,SAAQ,SAACC,GACxB,GAAK,CAAC,SAAU,YAAYC,SAASD,EAAKE,SAAU,CAClD,IAAMC,EAAaH,EAAKI,UAAU,MAClC,GAAID,EAAWD,UAAY,UAAaC,EAAiCf,QAAUhB,EAAKgB,MAAO,CAC5Fe,EAAiCE,SAAW,I,CAE/CjC,EAAKuB,SAASW,YAAYH,E,CAE9B,IAEA/B,EAAKmC,sBACP,CA6JD,CArPCrC,EAAAsC,UAAAC,aAAA,WACEpC,KAAKkC,uBACLlC,KAAKqC,iB,EAGPxC,EAAAsC,UAAAG,kBAAA,WAEE,GAAItC,KAAKuC,GAAGC,gBAAiB,CAC3BxC,KAAKyC,UAAYzC,KAAKuC,GAAGC,iB,GAI7B3C,EAAAsC,UAAAO,kBAAA,WACE1C,KAAKkC,sB,EAGPrC,EAAAsC,UAAAQ,iBAAA,WAEE3C,KAAKqC,iB,EAaCxC,EAAAsC,UAAAD,qBAAA,eAAAnC,EAAAC,KACN,GAAIA,KAAKsB,SAAU,CACjB,IAAMZ,EAAUV,KAAKsB,SAASZ,QAG9BF,MAAMC,KAAKC,GAASG,KAAI,SAACD,GACvB,GAAIJ,MAAMoC,QAAQ7C,EAAKgB,OAAQ,CAC7BH,EAAOoB,SAAWjC,EAAKgB,MAAMa,SAAShB,EAAOG,M,KACxC,CACLH,EAAOoB,SAAWjC,EAAKgB,QAAUH,EAAOG,K,CAE5C,G,GAgDIlB,EAAAsC,UAAAU,iBAAA,WACN,OAAO7C,KAAK8C,eACVC,EAAG,KAAAC,MAAM,6BAA6BC,GAAIC,EAAUlD,KAAKmD,YAAa,WACnEnD,KAAK8C,c,EAKJjD,EAAAsC,UAAAiB,gBAAA,WACN,OAAOpD,KAAKqD,cACVN,EAAG,KAAAC,MAAM,4BAA4BC,GAAIC,EAAUlD,KAAKmD,YAAa,SAAQ,YAAY,aACvFJ,EAAA,YAAUO,KAAMC,EAAQC,KAAK,UAC5BxD,KAAKqD,a,EAKJxD,EAAAsC,UAAAsB,eAAA,WACN,IAAKzD,KAAK8C,gBAAkB9C,KAAKqD,aAAc,OAAO,KAEtD,OACEN,EAAA,OAAKC,MAAM,uBACRhD,KAAK6C,mBACL7C,KAAKoD,kB,EAKJvD,EAAAsC,UAAAuB,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAI1D,KAAK2D,QAAS,CAAED,EAAWE,KAAK,a,CACpC,GAAI5D,KAAKC,SAAU,CAAEyD,EAAWE,KAAK,c,CAErC,OAAOF,EAAWG,KAAK,K,EAGjBhE,EAAAsC,UAAA2B,aAAA,WACN,IAAMC,EAAY/D,KAAKuC,GAAGlB,cAAc,qBAAuB,KAC/D,GAAI0C,EAAW,CACb,OACEhB,EAAA,OAAKC,MAAM,qBAAqBgB,KAAK,UACnCjB,EAAA,QAAMkB,KAAK,W,CAIjB,OAAO,I,EAMDpE,EAAAsC,UAAAE,gBAAA,eAAAtC,EAAAC,KACN,GAAIA,KAAKyC,WAAazC,KAAKyC,UAAUyB,aAAc,CACjD,IAAMnD,EAAQf,KAAKe,MAGnB,GAAIP,MAAMoC,QAAQ7B,GAAQ,CACxB,GAAIA,EAAMD,OAAS,EAAG,CAEpB,IAAMqD,EAAW,IAAIC,SACrBrD,EAAMW,SAAQ,SAAA2C,GAAO,OAAAF,EAASG,OAAOvE,EAAKkE,MAAQ,GAAII,EAAjC,IACrBrE,KAAKyC,UAAUyB,aAAaC,E,KACvB,CAELnE,KAAKyC,UAAUyB,aAAanD,EAAM,IAAM,K,MAErC,CAELf,KAAKyC,UAAUyB,aAAanD,GAAS,K,CAIvC,GAAIf,KAAKsB,UAAYtB,KAAKyC,WAAazC,KAAKyC,UAAU8B,YAAa,CACjEvE,KAAKyC,UAAU8B,YACbvE,KAAKsB,SAASkD,SACdxE,KAAKsB,SAASmD,kBACdzE,KAAKsB,S,IASbzB,EAAAsC,UAAAuC,kBAAA,WACE1E,KAAKe,MAAQ,GACbf,KAAKqC,iB,EAMPxC,EAAAsC,UAAAwC,qBAAA,SAAqB1E,GACnBD,KAAKC,SAAWA,C,EAMlBJ,EAAAsC,UAAAyC,yBAAA,SAAyBC,GACvB,UAAWA,IAAU,SAAU,CAC7B7E,KAAKe,MAAQ8D,C,MACR,GAAIA,aAAiBT,UAAYpE,KAAKiE,KAAM,CAEjD,IAAM1D,EAASsE,EAAMC,OAAO9E,KAAKiE,MACjC,GAAI1D,EAAOO,OAAS,EAAG,CAErBd,KAAKe,MAAQR,EAAOI,QAAO,SAAAoE,GAAK,cAAOA,IAAM,QAAb,G,MAC3B,GAAIxE,EAAOO,SAAW,UAAYP,EAAO,KAAO,SAAU,CAE/DP,KAAKe,MAAQR,EAAO,E,IAK1BV,EAAAsC,UAAA6C,OAAA,eAAAjF,EAAAC,KACE,IAAM+D,EAAY/D,KAAKuC,GAAGlB,cAAc,qBAAuB,KAE/D,OACE0B,EAACkC,EAAoB,CAAAC,IAAA,2DAAAlF,KAAKC,SAAW,OAAS,KAAM+C,MAAOhD,KAAK0D,aAAY,aAAcK,IAAc/D,KAAKmF,UAAY,OAAS,MAChIpC,EAAK,OAAAmC,IAAA,2CAAAlC,MAAM,eACPhD,KAAKmF,WACLpC,EAAK,OAAAmC,IAAA,2CAAAlC,MAAM,6BACTD,EAAA,SAAAmC,IAAA,2CAAOE,QAASpF,KAAKmD,aACnBJ,EAAA,QAAAmC,IAAA,2CAAMlC,MAAOhD,KAAKmF,UAAY,kBAAoB,IAC/CnF,KAAKqF,QAGTtB,GAAa/D,KAAK8D,gBAGvBf,EAAA,UAAAmC,IAAA,wDACclF,KAAKmF,UAAYnF,KAAKqF,MAAQC,UAC1CC,aAAcvF,KAAKuF,cAAgBD,UACnCtC,MAAM,oBACN/C,SAAUD,KAAKC,SACfgD,GAAIjD,KAAKmD,YACTjD,SAAUF,KAAKE,SACf+D,KAAMjE,KAAKiE,KACXuB,SAAUxF,KAAKI,eACf4D,KAAK,SACL7D,SAAUH,KAAKG,SACfsF,IAAK,SAAClD,GAAE,OAAMxC,EAAKuB,SAAWiB,CAAtB,IAEVQ,EAAA,OAAAmC,IAAA,yDAAiB,OAAOlC,MAAM,SAASyC,IAAK,SAAClD,GAAE,OAAMxC,EAAKqB,cAAgBmB,CAA3B,GAC7CQ,EAAA,QAAAmC,IAAA,2CAAMQ,aAAc1F,KAAKkB,oBAE1BlB,KAAKyD,kBACJzD,KAAKE,UAAY6C,EAAA,YAAAmC,IAAA,2CAAUlC,MAAM,0BAA0BM,KAAMqC,K,0VAnUvD,I","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-System.register(["./p-B_C-mRjx.system.js"],(function(i){"use strict";var t,e,s,n;return{setters:[function(i){t=i.r;e=i.h;s=i.H;n=i.g}],execute:function(){var o=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";var a=i("pds_table_cell",function(){function i(i){var e=this;t(this,i);this.tableScrolling=false;this.handleScroll=function(){if(e.tableRef.scrollLeft>0){e.tableScrolling=true}else{e.tableScrolling=false}}}i.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};i.prototype.componentDidLoad=function(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}};i.prototype.classNames=function(){var i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.truncate){i.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join(" ")};i.prototype.render=function(){return e(s,{key:"289640cb5d2d78067b4a32a26e2eb9200cdbde1a",class:this.classNames(),role:"gridcell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"e961e93f1d6cbc3bd6b9aa476632741dfc603bfc"}))};Object.defineProperty(i.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});return i}());a.style=o}}}));
-//# sourceMappingURL=p-adf2449e.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableCellCss","PdsTableCell","exports","class_1","hostRef","_this","this","tableScrolling","handleScroll","tableRef","scrollLeft","prototype","componentWillRender","hostElement","closest","componentDidLoad","responsive","fixedColumn","addEventListener","classNames","compact","push","truncate","join","render","h","Host","key","class","role","style","selectable"],"sources":["src/components/pds-table/pds-table-cell/pds-table-cell.scss?tag=pds-table-cell&encapsulation=shadow","src/components/pds-table/pds-table-cell/pds-table-cell.tsx"],"sourcesContent":[":host {\n  --box-shadow-fixed: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);\n\n  color: var(--pine-color-text);\n  display: table-cell;\n  font-family: var(--pine-font-family-body);\n  font-size: var(--pine-font-size);\n  font-weight: var(--pine-font-weight-regular);\n  inset-inline-start: var(--pine-dimension-none);\n  letter-spacing: var(--pine-letter-spacing);\n  line-height: var(--pine-line-height-body);\n  padding: var(--pine-dimension-sm);\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--pine-dimension-2xs)\n}\n\n:host(.is-fixed) {\n  background: var(--pine-color-background-container);\n  left: 0;\n  position: sticky;\n  z-index: 1;\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow-fixed);\n}\n\n:host(.is-truncated) {\n  max-width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host(.has-checkbox) {\n  vertical-align: middle;\n  width: 16px;\n}\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-cell',\n  styleUrls: ['pds-table-cell.scss'],\n  shadow: true,\n})\nexport class PdsTableCell {\n  @Element() hostElement: HTMLPdsTableCellElement;\n  private tableRef: HTMLPdsTableElement;\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      this.tableRef.addEventListener('scroll', this.handleScroll);\n    }\n  }\n\n  /**\n   * Truncates content to a max width of 100px and adds an ellipsis.\n   */\n  @Prop() truncate: boolean;\n\n  /**\n   * Determines if the table is currently scrolling.\n   * @defaultValue false\n   */\n  @State() private tableScrolling: boolean = false;\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.truncate) {\n      classNames.push('is-truncated');\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    return classNames.join(' ');\n  }\n\n  private handleScroll = () => {\n    if (this.tableRef.scrollLeft > 0) {\n      this.tableScrolling = true;\n    } else {\n      this.tableScrolling = false;\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"gridcell\"\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n          }\n        >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAkB,s1B,ICOXC,EAAYC,EAAA,4BALzB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,UA4BmBA,KAAcC,eAAY,MAoBnCD,KAAYE,aAAG,WACrB,GAAIH,EAAKI,SAASC,WAAa,EAAG,CAChCL,EAAKE,eAAiB,I,KACjB,CACLF,EAAKE,eAAiB,K,CAE1B,CAmBD,CAhECJ,EAAAQ,UAAAC,oBAAA,WACEN,KAAKG,SAAWH,KAAKO,YAAYC,QAAQ,Y,EAG3CX,EAAAQ,UAAAI,iBAAA,WACE,GAAIT,KAAKG,UAAYH,KAAKG,SAASO,YAAcV,KAAKG,SAASQ,YAAa,CAC1EX,KAAKG,SAASS,iBAAiB,SAAUZ,KAAKE,a,GAe1CL,EAAAQ,UAAAQ,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAIb,KAAKG,UAAYH,KAAKG,SAASW,QAAS,CAC1CD,EAAWE,KAAK,a,CAGlB,GAAIf,KAAKgB,SAAU,CACjBH,EAAWE,KAAK,e,CAGlB,GAAIf,KAAKG,UAAYH,KAAKG,SAASQ,aAAeX,KAAKC,eAAgB,CACrEY,EAAWE,KAAK,e,CAGlB,OAAOF,EAAWI,KAAK,I,EAWzBpB,EAAAQ,UAAAa,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOtB,KAAKa,aACZU,KAAK,WACLC,MACExB,KAAKG,UACLH,KAAKG,SAASQ,aACdX,KAAKG,SAASsB,WACV,CAAE,wBAAyB,QAC3B,IAGNN,EAAa,QAAAE,IAAA,6C,gIAhEI,I","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,g as a}from"./p-BVCWKPy3.js";import{i as r,a as o,m as l}from"./p-DTL_39D_.js";import{d as n}from"./p-tJa4KYNO.js";import{i as d,a as c}from"./p-C0M1gTKv.js";import{f as h}from"./p-CzVv99mW.js";const 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)}";const b=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";const f=":host{display:inline}: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__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.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__error-message,.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-textarea__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}";const u=class{constructor(i){e(this,i);this.pdsBlur=t(this,"pdsBlur");this.pdsFocus=t(this,"pdsFocus");this.pdsInput=t(this,"pdsInput");this.pdsTextareaChange=t(this,"pdsTextareaChange");this.inheritedAttributes={};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=e=>{this.hasFocus=false;if(this.focusedValue!==this.value){this.emitValueChange(e)}this.pdsBlur.emit(e)};this.onFocus=e=>{this.hasFocus=true;this.focusedValue=this.value;this.pdsFocus.emit(e)};this.onInput=e=>{const t=e.target;if(t){this.value=t.value||""}this.emitInputChange(e)};this.onTextareaChange=e=>{this.emitValueChange(e)}}async setFocus(){if(this.nativeTextarea){this.nativeTextarea.focus()}}debounceChanged(){const{pdsInput:e,debounce:t,originalPdsInput:i}=this;this.pdsInput=t===undefined?i!==null&&i!==void 0?i:e:n(e,t)}valueChanged(){const e=this.nativeTextarea;const t=this.getValue();if(e&&e.value!==t){e.value=t}this.updateFormValue()}emitInputChange(e){const{value:t}=this;this.pdsInput.emit({value:t,event:e})}emitValueChange(e){const t=e.target;r(t,this);const{value:i}=t;const s=i==null?i:i.toString();this.focusedValue=s;this.pdsTextareaChange.emit({value:s,event:e})}getValue(){return this.value||""}textareaClassNames(){const e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")}connectedCallback(){this.debounceChanged();if(this.el.attachInternals){this.internals=this.el.attachInternals()}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},d(this.el)),c(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null}componentDidLoad(){this.originalPdsInput=this.pdsInput;this.updateFormValue()}renderAction(){const e=this.el.querySelector('[slot="action"]')!==null;if(e){return i("div",{class:"pds-textarea__action",part:"action"},i("slot",{name:"action"}))}return null}updateFormValue(){if(this.internals&&this.internals.setFormValue){const 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)}}}formResetCallback(){this.value="";this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){const t=e.get(this.name);if(typeof t==="string"){this.value=t}}}render(){const e=this.getValue();return i(s,{key:"c16e4a612ae46f9ab893294f513e1564e941ddec","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction?"true":null},i("div",{key:"d5acca80be2960ac20a3602c3e887e8d714062d7",class:"pds-textarea"},this.label&&i("div",{key:"49f3c081172f3d81f38e7ad49e4461b9d31772e7",class:"pds-textarea__label-wrapper"},i("label",{key:"105f191fb2db52c63d165fbda0e78e507f327c49",htmlFor:this.componentId},this.label),this.renderAction()),i("textarea",Object.assign({key:"5cbfbee17d058767f6d9d530dbee936ee8638f99",ref:e=>this.nativeTextarea=e,"aria-describedby":o(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,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),e),this.helperMessage&&i("p",{key:"0cef5379519c3a1d26a86bb2142a58583d5619ad",class:"pds-textarea__helper-message",id:l(this.componentId,"helper")},this.helperMessage),this.invalid&&i("p",{key:"30a5fc1c6469dfa755db9a9bbb7b858b082700ac","aria-live":"assertive",class:"pds-textarea__error-message",id:l(this.componentId,"error")},i("pds-icon",{key:"51a725db0e4e522a584b673df174c7c97c8fe8e3",icon:h,size:"small"}),this.errorMessage)))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};u.style=p+(b+f);export{u as pds_textarea};
-//# sourceMappingURL=p-b649d711.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["labelCss","pdsInputTokensCss","pdsTextareaCss","PdsTextarea","constructor","hostRef","this","inheritedAttributes","disabled","invalid","name","componentId","readonly","required","value","hasFocus","hasAction","onBlur","ev","focusedValue","emitValueChange","pdsBlur","emit","onFocus","pdsFocus","onInput","input","target","emitInputChange","onTextareaChange","setFocus","nativeTextarea","focus","debounceChanged","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","updateFormValue","event","textarea","isRequired","newValue","toString","pdsTextareaChange","textareaClassNames","classNames","push","join","connectedCallback","el","attachInternals","internals","componentWillLoad","Object","assign","inheritAriaAttributes","inheritAttributes","querySelector","componentDidLoad","renderAction","h","class","part","setFormValue","setValidity","validity","validationMessage","formResetCallback","formDisabledCallback","formStateRestoreCallback","state","FormData","get","render","Host","key","label","htmlFor","ref","assignDescription","helperMessage","autocomplete","id","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;\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__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  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\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__error-message,\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-xs);\n}\n\n.pds-textarea__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, isRequired, messageId } 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\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-texarea`. 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   * 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   * The value of the textarea.\n   */\n  @Prop({mutable: true}) value?: string | null = '';\n\n  @State() hasFocus = false;\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\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      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\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  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\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   * 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 ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <div class=\"pds-textarea__label-wrapper\">\n              <label htmlFor={this.componentId}>{this.label}</label>\n              {this.renderAction()}\n            </div>\n          }\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            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.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":"qOAAA,MAAMA,EAAW,qTCAjB,MAAMC,EAAoB,wECA1B,MAAMC,EAAiB,s8E,MCqBVC,EAAW,MAVxB,WAAAC,CAAAC,G,8JAcUC,KAAmBC,oBAAe,GA0DlCD,KAAQE,SAAG,MAqBIF,KAAAG,QAAU,MAUzBH,KAAAI,KAAeJ,KAAKK,YAWpBL,KAAQM,SAAG,MAMXN,KAAQO,SAAG,MAUIP,KAAKQ,MAAmB,GAEtCR,KAAQS,SAAG,MAKXT,KAASU,UAAG,MAoDbV,KAAAW,OAAUC,IAChBZ,KAAKS,SAAW,MAEhB,GAAIT,KAAKa,eAAiBb,KAAKQ,MAAO,CACpCR,KAAKc,gBAAgBF,E,CAGvBZ,KAAKe,QAAQC,KAAKJ,EAAG,EAGfZ,KAAAiB,QAAWL,IACjBZ,KAAKS,SAAW,KAChBT,KAAKa,aAAeb,KAAKQ,MAEzBR,KAAKkB,SAASF,KAAKJ,EAAG,EAGhBZ,KAAAmB,QAAWP,IACjB,MAAMQ,EAAQR,EAAGS,OACjB,GAAID,EAAO,CACTpB,KAAKQ,MAAQY,EAAMZ,OAAS,E,CAE9BR,KAAKsB,gBAAgBV,EAAG,EAGlBZ,KAAAuB,iBAAoBX,IAC1BZ,KAAKc,gBAAgBF,EAAG,CA2J3B,CA9TC,cAAMY,GACJ,GAAIxB,KAAKyB,eAAgB,CACvBzB,KAAKyB,eAAeC,O,EAsFd,eAAAC,GACR,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,iBAAEA,GAAqB9B,KAEjDA,KAAK4B,SAAWC,IAAaE,UAAYD,IAAA,MAAAA,SAAgB,EAAhBA,EAAoBF,EAAWI,EAAcJ,EAAUC,E,CAOxF,YAAAI,GACR,MAAMR,EAAiBzB,KAAKyB,eAC5B,MAAMjB,EAAQR,KAAKkC,WAEnB,GAAIT,GAAkBA,EAAejB,QAAUA,EAAO,CACpDiB,EAAejB,MAAQA,C,CAIzBR,KAAKmC,iB,CAMC,eAAAb,CAAgBc,GACtB,MAAM5B,MAAEA,GAAUR,KAClBA,KAAK4B,SAASZ,KAAK,CAAER,QAAO4B,S,CAMtB,eAAAtB,CAAgBsB,GACtB,MAAMC,EAAWD,EAAMf,OACvBiB,EAAWD,EAAUrC,MAErB,MAAMQ,MAAEA,GAAU6B,EAGlB,MAAME,EAAW/B,GAAS,KAAOA,EAAQA,EAAMgC,WAC/CxC,KAAKa,aAAe0B,EACpBvC,KAAKyC,kBAAkBzB,KAAK,CAAER,MAAO+B,EAAUH,S,CAGzC,QAAAF,GACN,OAAOlC,KAAKQ,OAAS,E,CAgCf,kBAAAkC,GACN,MAAMC,EAAa,CAAC,uBAEpB,GAAI3C,KAAKG,SAAWH,KAAKG,UAAY,KAAM,CACzCwC,EAAWC,KAAK,a,CAGlB,OAAOD,EAAWE,KAAK,K,CAGzB,iBAAAC,GACE9C,KAAK2B,kBAEL,GAAI3B,KAAK+C,GAAGC,gBAAiB,CAC3BhD,KAAKiD,UAAYjD,KAAK+C,GAAGC,iB,EAI7B,iBAAAE,GACElD,KAAKC,oBAAmBkD,OAAAC,OAAAD,OAAAC,OAAA,GACnBC,EAAsBrD,KAAK+C,KAC3BO,EAAkBtD,KAAK+C,KAE5B/C,KAAKU,UAAYV,KAAK+C,GAAGQ,cAAc,qBAAuB,I,CAGhE,gBAAAC,GACExD,KAAK8B,iBAAmB9B,KAAK4B,SAE7B5B,KAAKmC,iB,CAGC,YAAAsB,GACN,MAAM/C,EAAYV,KAAK+C,GAAGQ,cAAc,qBAAuB,KAC/D,GAAI7C,EAAW,CACb,OACEgD,EAAA,OAAKC,MAAM,uBAAuBC,KAAK,UACrCF,EAAA,QAAMtD,KAAK,W,CAIjB,OAAO,I,CAMD,eAAA+B,GACN,GAAInC,KAAKiD,WAAajD,KAAKiD,UAAUY,aAAc,CACjD,MAAMrD,EAAQR,KAAKkC,WACnBlC,KAAKiD,UAAUY,aAAarD,GAAS,MAGrC,GAAIR,KAAKyB,gBAAkBzB,KAAKiD,WAAajD,KAAKiD,UAAUa,YAAa,CACvE9D,KAAKiD,UAAUa,YACb9D,KAAKyB,eAAesC,SACpB/D,KAAKyB,eAAeuC,kBACpBhE,KAAKyB,e,GASb,iBAAAwC,GACEjE,KAAKQ,MAAQ,GACbR,KAAKmC,iB,CAMP,oBAAA+B,CAAqBhE,GACnBF,KAAKE,SAAWA,C,CAMlB,wBAAAiE,CAAyBC,GACvB,UAAWA,IAAU,SAAU,CAC7BpE,KAAKQ,MAAQ4D,C,MACR,GAAIA,aAAiBC,UAAYrE,KAAKI,KAAM,CAEjD,MAAMI,EAAQ4D,EAAME,IAAItE,KAAKI,MAC7B,UAAWI,IAAU,SAAU,CAC7BR,KAAKQ,MAAQA,C,GAKnB,MAAA+D,GACE,MAAM/D,EAAQR,KAAKkC,WAEnB,OACEwB,EAACc,EACgB,CAAAC,IAAA,2DAAAzE,KAAKE,SAAW,OAAS,KAAI,gBAC7BF,KAAKM,SAAW,OAAS,KAC5B,aAAAN,KAAKU,UAAY,OAAS,MAEtCgD,EAAK,OAAAe,IAAA,2CAAAd,MAAM,gBACR3D,KAAK0E,OACJhB,EAAK,OAAAe,IAAA,2CAAAd,MAAM,+BACTD,EAAO,SAAAe,IAAA,2CAAAE,QAAS3E,KAAKK,aAAcL,KAAK0E,OACvC1E,KAAKyD,gBAGVC,EAAA,WAAAP,OAAAC,OAAA,CAAAqB,IAAA,2CACEG,IAAM7B,GAAO/C,KAAKyB,eAAiBsB,EACjB,mBAAA8B,EAAkB7E,KAAKK,YAAaL,KAAKG,QAASH,KAAK8E,eAAc,eACzE9E,KAAKG,QAAU,OAAS4B,UACtCgD,aAAc/E,KAAK+E,aACnBpB,MAAO3D,KAAK0C,qBACZxC,SAAUF,KAAKE,SACf8E,GAAIhF,KAAKK,YACTD,KAAMJ,KAAKI,KACX6E,YAAajF,KAAKiF,YAClBC,SAAUlF,KAAKM,SACfC,SAAUP,KAAKO,SACf4E,KAAMnF,KAAKmF,KACXxE,OAAQX,KAAKW,OACbyE,SAAUpF,KAAKuB,iBACfN,QAASjB,KAAKiB,QACdE,QAASnB,KAAKmB,SACVnB,KAAKC,qBAERO,GAEFR,KAAK8E,eACJpB,EAAA,KAAAe,IAAA,2CACEd,MAAM,+BACNqB,GAAIK,EAAUrF,KAAKK,YAAa,WAE/BL,KAAK8E,eAGT9E,KAAKG,SACJuD,EAAA,KAAAe,IAAA,uDACY,YACVd,MAAM,8BACNqB,GAAIK,EAAUrF,KAAKK,YAAa,UAEhCqD,EAAA,YAAAe,IAAA,2CAAUa,KAAMC,EAAQC,KAAK,UAC5BxF,KAAKyF,e","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-System.register(["./p-B_C-mRjx.system.js","./p-DiBM9O5Q.system.js"],(function(i){"use strict";var t,e,s,o,a,n,r;return{setters:[function(i){t=i.r;e=i.c;s=i.h;o=i.H;a=i.g},function(i){n=i.e;r=i.d}],execute:function(){var c=":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-grey-100);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);line-height:var(--pine-line-height-body);padding:12px;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-active)}";var l=i("pds_table_head_cell",function(){function i(i){var s=this;t(this,i);this.pdsTableSort=e(this,"pdsTableSort");this.sortingDirection="asc";this.tableScrolling=false;this.isSelected=false;this.handleScroll=function(){if(s.tableRef.scrollLeft>0){s.tableScrolling=true}else{s.tableScrolling=false}};this.toggleSort=function(){if(s.sortable){var i=s.hostElement.innerText.trim();s.sortingDirection=s.sortingDirection==="asc"?"desc":"asc";s.tableRef.querySelectorAll("pds-table-head-cell").forEach((function(i){i.classList.remove("is-active")}));s.hostElement.classList.toggle("is-active");s.pdsTableSort.emit({column:i,direction:s.sortingDirection})}}}i.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};i.prototype.componentDidLoad=function(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}};i.prototype.classNames=function(){var i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.sortable){i.push("is-sortable")}if(this.sortable&&this.sortingDirection!==null){i.push("sort-"+this.sortingDirection)}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join("  ")};i.prototype.render=function(){return s(o,{key:"bf2f29d2214ba308be7c8cca6b2afb66fdccc2fa",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},s("slot",{key:"14a6849059768b901ec5be69cff37f56ce07c15b"}),this.sortable&&s("pds-icon",{key:"29e0068115ec20dba39e4a798f11d0b0a0c6fef7",icon:this.sortingDirection==="asc"?n:r}))};Object.defineProperty(i.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});return i}());l.style=c}}}));
-//# sourceMappingURL=p-b9fe17b8.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableHeadCellCss","PdsTableHeadCell","exports","class_1","hostRef","_this","this","sortingDirection","tableScrolling","isSelected","handleScroll","tableRef","scrollLeft","toggleSort","sortable","column","hostElement","innerText","trim","querySelectorAll","forEach","headCell","classList","remove","toggle","pdsTableSort","emit","direction","prototype","componentWillRender","closest","componentDidLoad","responsive","fixedColumn","addEventListener","classNames","compact","push","join","render","h","Host","key","class","role","onClick","style","selectable","icon","upSmall","downSmall"],"sources":["src/components/pds-table/pds-table-head-cell/pds-table-head-cell.scss?tag=pds-table-head-cell&encapsulation=shadow","src/components/pds-table/pds-table-head-cell/pds-table-head-cell.tsx"],"sourcesContent":[":host {\n  --border-head-cell-default: var(--pine-border-width-thin) solid var(--pine-color-grey-100);\n\n  --box-shadow-default: 3px 3px 6px -2px rgba(0, 0, 0, 0.1);\n\n  border-block-end: var(--border-head-cell-default);\n  color: var(--pine-color-text);\n  display: table-cell;\n  font-family: var(--pine-font-family-body);\n  font-size: var(--pine-font-size);\n  font-weight: var(--pine-font-weight-regular);\n  line-height: var(--pine-line-height-body);\n  padding: 12px;\n  text-align: start;\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--pine-dimension-2xs)\n}\n\n:host(.is-fixed) {\n  background: var(--pine-color-background-container);\n  left: var(--pine-dimension-none);\n  position: sticky;\n  z-index: 1;\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow-default);\n}\n\n:host(.is-sortable) {\n  cursor: pointer;\n\n  pds-icon {\n    margin-inline-start: var(--pine-dimension-2xs);\n    padding-block-start: 2px;\n    position: absolute;\n  }\n}\n\n:host(.is-sortable:hover),\n:host(.is-active) {\n  color: var(--pine-color-text-active);\n}\n","import { Component, Element, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\nimport { downSmall, upSmall } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-table-head-cell',\n  styleUrls: ['pds-table-head-cell.scss'],\n  shadow: true,\n})\nexport class PdsTableHeadCell {\n  @Element() hostElement: HTMLPdsTableHeadCellElement;\n  private tableRef: HTMLPdsTableElement;\n\n  /**\n   * Determines whether the table column is sortable when set to `true`.\n   */\n  @Prop() sortable: boolean;\n\n  /**\n   * Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.\n   */\n  @Event() pdsTableSort: EventEmitter<{ column: string; direction: string }>;\n\n  /**\n   * The direction of sorting.\n   */\n  @State() private sortingDirection: 'asc' | 'desc' = 'asc';\n\n  /**\n   * Determines if the table is currently scrolling.\n   * @defaultValue false\n   */\n  @State() private tableScrolling: boolean = false;\n\n  /**\n   * Determines if the table row is currently selected.\n   * @defaultValue false\n   */\n  @State() isSelected: boolean = false;\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      this.tableRef.addEventListener('scroll', this.handleScroll);\n    }\n  }\n\n  private handleScroll = () => {\n    if (this.tableRef.scrollLeft > 0) {\n      this.tableScrolling = true;\n    } else {\n      this.tableScrolling = false;\n    }\n  };\n\n  private toggleSort = () => {\n    if (this.sortable) {\n      const column = this.hostElement.innerText.trim();\n      this.sortingDirection = this.sortingDirection === 'asc' ? 'desc' : 'asc';\n\n      this.tableRef.querySelectorAll('pds-table-head-cell').forEach((headCell) => {\n        headCell.classList.remove('is-active');\n      });\n\n      this.hostElement.classList.toggle('is-active');\n      this.pdsTableSort.emit({ column, direction: this.sortingDirection });\n    }\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.sortable) {\n      classNames.push('is-sortable');\n    }\n\n    if (this.sortable && this.sortingDirection !== null) {\n      classNames.push('sort-' + this.sortingDirection);\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"columnheader\"\n        onClick={this.toggleSort}\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n        }\n      >\n        <slot></slot>\n        {this.sortable && (\n          <pds-icon icon={this.sortingDirection === 'asc' ? upSmall : downSmall} />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"wNAAA,IAAMA,EAAsB,unC,ICSfC,EAAgBC,EAAA,iCAL7B,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,mDAsBmBA,KAAgBC,iBAAmB,MAMnCD,KAAcE,eAAY,MAMlCF,KAAUG,WAAY,MAYvBH,KAAYI,aAAG,WACrB,GAAIL,EAAKM,SAASC,WAAa,EAAG,CAChCP,EAAKG,eAAiB,I,KACjB,CACLH,EAAKG,eAAiB,K,CAE1B,EAEQF,KAAUO,WAAG,WACnB,GAAIR,EAAKS,SAAU,CACjB,IAAMC,EAASV,EAAKW,YAAYC,UAAUC,OAC1Cb,EAAKE,iBAAmBF,EAAKE,mBAAqB,MAAQ,OAAS,MAEnEF,EAAKM,SAASQ,iBAAiB,uBAAuBC,SAAQ,SAACC,GAC7DA,EAASC,UAAUC,OAAO,YAC5B,IAEAlB,EAAKW,YAAYM,UAAUE,OAAO,aAClCnB,EAAKoB,aAAaC,KAAK,CAAEX,OAAMA,EAAEY,UAAWtB,EAAKE,kB,CAErD,CA6CD,CA3ECJ,EAAAyB,UAAAC,oBAAA,WACEvB,KAAKK,SAAWL,KAAKU,YAAYc,QAAQ,Y,EAG3C3B,EAAAyB,UAAAG,iBAAA,WACE,GAAIzB,KAAKK,UAAYL,KAAKK,SAASqB,YAAc1B,KAAKK,SAASsB,YAAa,CAC1E3B,KAAKK,SAASuB,iBAAiB,SAAU5B,KAAKI,a,GA0B1CP,EAAAyB,UAAAO,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAI7B,KAAKK,UAAYL,KAAKK,SAASyB,QAAS,CAC1CD,EAAWE,KAAK,a,CAGlB,GAAI/B,KAAKQ,SAAU,CACjBqB,EAAWE,KAAK,c,CAGlB,GAAI/B,KAAKQ,UAAYR,KAAKC,mBAAqB,KAAM,CACnD4B,EAAWE,KAAK,QAAU/B,KAAKC,iB,CAGjC,GAAID,KAAKK,UAAYL,KAAKK,SAASsB,aAAe3B,KAAKE,eAAgB,CACrE2B,EAAWE,KAAK,e,CAGlB,OAAOF,EAAWG,KAAK,K,EAGzBnC,EAAAyB,UAAAW,OAAA,WACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,MAAOrC,KAAK6B,aACZS,KAAK,eACLC,QAASvC,KAAKO,WACdiC,MACExC,KAAKK,UACLL,KAAKK,SAASsB,aACd3B,KAAKK,SAASoC,WACV,CAAE,wBAAyB,QAC3B,IAGNP,EAAa,QAAAE,IAAA,6CACZpC,KAAKQ,UACJ0B,EAAA,YAAAE,IAAA,2CAAUM,KAAM1C,KAAKC,mBAAqB,MAAQ0C,EAAUC,I,gIArGzC,I","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTabCss","PdsTab","exports","class_1","hostRef","this","selected","prototype","onTabClick","index","parentComponentId","pdsTabClick","emit","render","availabilityTabEdgeInlineStart","h","key","class","role","availabilityTabEdgeInlineEnd","Host","variant","slot","id","name","tabindex","onClick","bind"],"sources":["src/components/pds-tabs/pds-tab/pds-tab.scss?tag=pds-tab","src/components/pds-tabs/pds-tab/pds-tab.tsx"],"sourcesContent":["pds-tab {\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n\n  .pds-tabs--pill & {\n    flex: 1;\n  }\n}\n\n///\n/// Resets base button styles\n///\n@mixin pds-button-style-reset {\n  appearance: none;\n  background-color: transparent;\n  border: var(--pine-border-width-none);\n  box-shadow: none;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  padding: var(--pine-dimension-none);\n}\n\n.pds-tab {\n  @include pds-button-style-reset();\n\n  align-items: center;\n  color: var(--pine-color-text-secondary);\n  display: inline-flex;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n\n  &.is-active,\n  &[aria-selected='true'] {\n    color: var(--pine-color-text);\n\n    .pds-tab__content::after {\n      opacity: 1;\n    }\n  }\n\n  &:hover {\n    color: var(--pine-color-text);\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  .pds-tab__content {\n    font-family: var(--pine-font-family-body);\n    font-size: var(--pine-font-size);\n    font-weight: var(--pine-font-weight-medium);\n    letter-spacing: var(--pine-letter-spacing);\n    line-height: var(--pine-line-height-body);\n    padding-block-end: 11px;\n    position: relative;\n\n    &::after {\n      background-color: var(--pine-color-brand);\n      content: '';\n      height: 3px;\n      inset-block-end: var(--pine-dimension-none);\n      inset-inline-end: var(--pine-dimension-none);\n      inset-inline-start: var(--pine-dimension-none);\n      opacity: 0;\n      position: absolute;\n    }\n  }\n\n  .pds-tab-edge {\n    display: none;\n  }\n}\n\n.pds-tabs--availability {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);\n    padding: 8px 16px 13px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-secondary);\n\n      .pds-tab__content::after {\n        opacity: 1;\n      }\n\n      .pds-tab-edge {\n        z-index: 1;\n      }\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --color-background-tab: var(--pine-color-secondary-hover);\n    }\n\n    &:focus-visible {\n      color: var(--pine-color-text-secondary);\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: 7px;\n  }\n\n  .pds-tab-edge {\n    bottom: 0;\n    display: block;\n    height: 8px;\n    inset-inline-end: 100%;\n    overflow: hidden;\n    position: absolute;\n    width: 8px;\n\n    &::before {\n      border-radius: 50%;\n      bottom: 0;\n      box-shadow: 4px 4px 0 0 var(--color-background-tab);\n      content: '';\n      display: block;\n      height: 200%;\n      inset-inline-end: 0;\n      position: absolute;\n      width: 200%;\n    }\n  }\n\n  .pds-tab-edge--end {\n    inset-inline-end: unset;\n    inset-inline-start: 100%;\n\n    &::before {\n      box-shadow: -4px 4px 0 0 var(--color-background-tab);\n      inset-inline-end: unset;\n      inset-inline-start: 0;\n    }\n  }\n}\n\n.pds-tabs--filter {\n  --color-background-tab: var(--pine-color-background-container);\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: 50px;\n    color: var(--pine-color-text);\n    padding: 6px 15px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-primary);\n      color: var(--pine-color-text-primary);\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --color-background-tab: var(--pine-color-background-container-hover);\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: var(--pine-dimension-none);\n\n    &::after {\n      content: unset;\n    }\n  }\n}\n\n.pds-tabs--pill {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border: var(--pine-border-width-thin) solid transparent;\n    border-radius: var(--pine-dimension-xs);\n    color: var(--pine-color-text-readonly);\n    flex: 1;\n    height: 34px;\n    justify-content: center;\n\n    .pds-tab__content {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      padding-block-end: 0;\n    }\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-white);\n      border-color: var(--pine-color-border);\n      box-shadow: var(--pine-box-shadow-100);\n      color: var(--pine-color-text-active);\n      z-index: 1;\n\n      &:focus-visible {\n        border-color: var(--color-border-focus);\n        outline: var(--pine-outline-focus);\n        outline-offset: var(--pine-border-width);\n      }\n\n      /* stylelint-disable max-nesting-depth */\n      .pds-tab__content {\n        &::after {\n          opacity: 0;\n        }\n      }\n      /* stylelint-enable max-nesting-depth */\n    }\n  }\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tab',\n  styleUrl: 'pds-tab.scss',\n  shadow: false,\n})\nexport class PdsTab {\n  @Element() el: HTMLPdsTabElement;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of if the tab index number, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() index: number;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() selected = false;\n\n  /**\n   * Emits an event upon tab click for `pds-tab` and `pds-tabpanel` to listen for\n   */\n  /** @internal */\n  @Event() pdsTabClick: EventEmitter<object>;\n  private onTabClick(index, parentComponentId) {\n    this.pdsTabClick.emit([index, parentComponentId]);\n  }\n\n  render() {\n    const availabilityTabEdgeInlineStart = (\n      <span class=\"pds-tab-edge\" role=\"presentation\"></span>\n    )\n\n    const availabilityTabEdgeInlineEnd = (\n      <span class=\"pds-tab-edge pds-tab-edge--end\" role=\"presentation\"></span>\n    )\n\n    return (\n      <Host variant={this.variant} slot=\"tabs\" index={this.index}>\n        <button\n          role=\"tab\"\n          id={this.parentComponentId + \"__\" + this.name}\n          aria-controls={this.parentComponentId + \"__\" + this.name + \"-panel\"}\n          tabindex={this.selected ? \"0\" : \"-1\"}\n          aria-selected={this.selected ? \"true\" : \"false\"}\n          class={this.selected ? \"pds-tab is-active\" : \"pds-tab\"}\n          onClick={this.onTabClick.bind(this, this.index, this.parentComponentId)}\n        >\n          {this.variant === \"availability\" && availabilityTabEdgeInlineStart}\n          {this.variant === \"availability\" && availabilityTabEdgeInlineEnd}\n          <div class=\"pds-tab__content\"><slot/></div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,IAAMA,EAAY,mjK,ICOLC,EAAMC,EAAA,qBALnB,SAAAC,EAAAC,G,iDAmCUC,KAAQC,SAAG,KAsCpB,CA/BSH,EAAAI,UAAAC,WAAA,SAAWC,EAAOC,GACxBL,KAAKM,YAAYC,KAAK,CAACH,EAAOC,G,EAGhCP,EAAAI,UAAAM,OAAA,WACE,IAAMC,EACJC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,eAAeC,KAAK,iBAGlC,IAAMC,EACJJ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iCAAiCC,KAAK,iBAGpD,OACEH,EAACK,EAAI,CAAAJ,IAAA,2CAACK,QAAShB,KAAKgB,QAASC,KAAK,OAAOb,MAAOJ,KAAKI,OACnDM,EAAA,UAAAC,IAAA,2CACEE,KAAK,MACLK,GAAIlB,KAAKK,kBAAoB,KAAOL,KAAKmB,KAC1B,gBAAAnB,KAAKK,kBAAoB,KAAOL,KAAKmB,KAAO,SAC3DC,SAAUpB,KAAKC,SAAW,IAAM,KAAI,gBACrBD,KAAKC,SAAW,OAAS,QACxCW,MAAOZ,KAAKC,SAAW,oBAAsB,UAC7CoB,QAASrB,KAAKG,WAAWmB,KAAKtB,KAAMA,KAAKI,MAAOJ,KAAKK,oBAEpDL,KAAKgB,UAAY,gBAAkBP,EACnCT,KAAKgB,UAAY,gBAAkBF,EACpCJ,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBAAmBF,EAAA,QAAAC,IAAA,+C,uHA/DrB,I","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,H as i,g as o}from"./p-BVCWKPy3.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:1}: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 l=class{constructor(s){t(this,s);this.pdsTableRowSelected=e(this,"pdsTableRowSelected");this.handleClick=()=>{this.isSelected=!this.isSelected;this.handleSelect(this.isSelected)};this.handleSelect=t=>{this.indeterminate=false;if(!c("pds-table-head",this.hostElement)){const e=Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);this.pdsTableRowSelected.emit({rowIndex:e,isSelected:t})}};this.generateUniqueId=()=>{const t=Math.random().toString(36).substring(2,8);const e=(new Date).toISOString().replace(/[:.]/g,"-");const s=`${t}-${e}`;return s}}classNames(){const t=[];if(this.isSelected){t.push("is-selected")}return t.join("  ")}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){const t=this.hostElement.querySelector("pds-table-cell");t===null||t===void 0?void 0:t.classList.add("is-fixed")}}componentWillLoad(){if(this.isSelected){this.handleSelect(this.isSelected)}}render(){return s(i,{key:"3c2be878370bd35f97a3fc4cc1136a6fdb096a24",class:this.classNames(),role:"row"},this.tableRef&&this.tableRef.selectable&&s("pds-table-cell",{key:"40541b11040d4c243d82779cf84e212f73541368",part:this.tableRef.fixedColumn?"checkbox-cell":"",class:this.tableRef.selectable?"has-checkbox":""},s("pds-checkbox",{key:"d20e734a91562340f3808297c2bb6f5f257d7a46",componentId:this.generateUniqueId(),onClick:this.handleClick,indeterminate:this.indeterminate,label:"Select Row",hideLabel:true,checked:this.isSelected})),s("slot",{key:"148434aa3dace85b0d48aa2a0ead93cda6850d2a"}))}get hostElement(){return o(this)}};l.style=a;export{l as pds_table_row};
-//# sourceMappingURL=p-c652847a.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as o,g as r}from"./p-BVCWKPy3.js";const s=({elem:t,elemPlacement:i,overlay:o,offset:r=8})=>{if(t===null||o===null)return false;if(typeof i!=="string"||i.trim()===""){return false}const s=t.getBoundingClientRect();const e=o.getBoundingClientRect();o.style.top="";o.style.left="";o.style.right="";o.style.bottom="";o.style.transform="";o.style.position="fixed";let l=false;if(t.childNodes.length===1&&t.childNodes[0].nodeType===Node.TEXT_NODE){l=true}else if(t.childNodes.length===1&&t.childNodes[0].nodeType===Node.ELEMENT_NODE){const i=t.childNodes[0];if(i.tagName==="SPAN"&&i.childNodes.length===1&&i.childNodes[0].nodeType===Node.TEXT_NODE){l=true}}switch(true){case i.includes("right"):if(l){o.style.top=`${s.bottom-e.height/2}px`}else{o.style.top=`${s.top+s.height/2-e.height/2}px`}o.style.left=`${s.right+r}px`;if(i.includes("start")){o.style.top=`${s.top}px`}if(i.includes("end")){o.style.top=`${s.bottom-e.height}px`}break;case i.includes("left"):if(l){o.style.top=`${s.bottom-e.height/2}px`}else{o.style.top=`${s.top+s.height/2-e.height/2}px`}o.style.left=`${s.left-e.width-r}px`;if(i.includes("start")){o.style.top=`${s.top}px`}if(i.includes("end")){o.style.top=`${s.bottom-e.height}px`}break;case i.includes("bottom"):o.style.top=`${s.bottom+r}px`;o.style.left=`${s.left+s.width/2-e.width/2}px`;if(i.includes("start")){o.style.left=`${s.left}px`}if(i.includes("end")){o.style.left=`${s.right-e.width}px`;o.style.right="initial"}break;case i.includes("top"):o.style.top=`${s.top-e.height-r}px`;o.style.left=`${s.left+s.width/2-e.width/2}px`;if(i.includes("start")){o.style.left=`${s.left}px`}if(i.includes("end")){o.style.left=`${s.right-e.width}px`;o.style.right="initial"}break}return true};const e='.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:320px}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);position:absolute;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:1}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:auto}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';const l=class{constructor(i){t(this,i);this._isInteractiveOpen=false;this.portalEl=null;this.triggerEl=null;this.contentDiv=null;this.slotMutationObserver=null;this.overlayResizeObserver=null;this.currentPathname="";this.pathnameCheckInterval=null;this.isOpen=false;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.maxWidth="352px";this.opened=false;this.handleHide=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.hideTooltip();this._isInteractiveOpen=false};this.handleShow=()=>{if(this.opened&&!this._isInteractiveOpen){return}this._isInteractiveOpen=true;this.showTooltip()};this.handlePageShow=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.opened=false;this._isInteractiveOpen=false};this.handleScroll=()=>{if(this.opened){if(!this._isInteractiveOpen){this.repositionPortal()}else{this.hideTooltip();this._isInteractiveOpen=false}}};this.handleSpaNavigation=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.hideTooltip();this._isInteractiveOpen=false};this.checkPathnameChange=()=>{if(window.location.pathname!==this.currentPathname){this.currentPathname=window.location.pathname;this.handleSpaNavigation()}}}handleOpenToggle(t,i){if(t===false&&i===true){this._isInteractiveOpen=false}}componentWillLoad(){this._isInteractiveOpen=false}componentDidLoad(){window.addEventListener("pageshow",this.handlePageShow);this.currentPathname=window.location.pathname;this.triggerEl=this.el.querySelector(".pds-tooltip__trigger");const t=this.el.querySelector(".pds-tooltip__content-slot-wrapper");if(t!==null){this.slotMutationObserver=new MutationObserver((()=>{if(this.opened&&this.portalEl!==null){this.removePortal();this.createPortal()}}));this.slotMutationObserver.observe(t,{childList:true,subtree:false})}return()=>{window.removeEventListener("pageshow",this.handlePageShow);if(this.slotMutationObserver!==null){this.slotMutationObserver.disconnect()}}}componentDidRender(){if(this.opened&&this.portalEl===null){this.createPortal()}else if(!this.opened&&this.portalEl!==null){this.removePortal()}}async showTooltip(){this.opened=true}async hideTooltip(){this.opened=false}determinePositioningAnchor(){let t=this.triggerEl;if(this.triggerEl!==null){const i=this.triggerEl.childNodes;for(let o=0;o<i.length;o++){const r=i[o];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t}repositionPortal(){const t=this.determinePositioningAnchor();if(t!==null&&this.contentDiv!==null){s({elem:t,elemPlacement:this.placement,overlay:this.contentDiv});const i=this.placement.split("-");const o=i[0];const r=i.length===1;if(r){const i=t.getBoundingClientRect();const r=this.contentDiv.getBoundingClientRect();if(o==="left"||o==="right"){const t=parseFloat(this.contentDiv.style.top||"0");const o=i.top+i.height/2;const s=r.top+r.height/2;const e=o-s;if(Math.abs(e)>.5){this.contentDiv.style.top=`${t+e}px`}}else if(o==="top"||o==="bottom"){const t=parseFloat(this.contentDiv.style.left||"0");const o=i.left+i.width/2;const s=r.left+r.width/2;const e=o-s;if(Math.abs(e)>.5){this.contentDiv.style.left=`${t+e}px`}}}}}createPortal(){if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className=`pds-tooltip pds-tooltip--${this.placement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`;this.portalEl.style.position="fixed";this.portalEl.style.zIndex="9999";if(this.portalEl.id===""){this.portalEl.id=this.componentId||this.el.id||`pds-tooltip-portal-${l.instanceCounter++}`}if(this.portalEl.getAttribute("id")!==this.portalEl.id){this.portalEl.setAttribute("id",this.portalEl.id)}this.portalEl.setAttribute("role","tooltip");this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off");this.portalEl.style.maxWidth=this.maxWidth;this.contentDiv=document.createElement("div");this.contentDiv.className="pds-tooltip__content";this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true");this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");this.contentDiv.setAttribute("role","tooltip");this.contentDiv.style.maxWidth=this.maxWidth;const t=this.el.querySelector(".pds-tooltip__content-slot-wrapper");const i=t===null||t===void 0?void 0:t.querySelector('[slot="content"]');let o=false;if(i!==null){const t=Array.from(i.childNodes);if(t.length>0){const i=t.some((t=>{var i;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null||i===void 0?void 0:i.trim())!==""}));if(i){o=true;t.forEach((t=>{var i;if(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null||i===void 0?void 0:i.trim())!==""){this.contentDiv.appendChild(t.cloneNode(true))}}))}}}if(!o){if(this.content!==""){this.contentDiv.textContent=this.content}}this.portalEl.appendChild(this.contentDiv);document.body.appendChild(this.portalEl);this.repositionPortal();if(this.contentDiv!==null){this.overlayResizeObserver=new ResizeObserver((()=>{this.repositionPortal()}));this.overlayResizeObserver.observe(this.contentDiv)}window.addEventListener("scroll",this.handleScroll,true);window.addEventListener("popstate",this.handleSpaNavigation,true);window.addEventListener("hashchange",this.handleSpaNavigation,true);this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100);if(this.triggerEl!==null&&this.portalEl.id!==""){this.triggerEl.setAttribute("aria-describedby",this.portalEl.id)}}removePortal(){if(this.overlayResizeObserver!==null&&this.contentDiv!==null){this.overlayResizeObserver.unobserve(this.contentDiv);this.overlayResizeObserver=null}if(this.pathnameCheckInterval!==null){clearInterval(this.pathnameCheckInterval);this.pathnameCheckInterval=null}if(this.portalEl!==null){window.removeEventListener("scroll",this.handleScroll,true);window.removeEventListener("popstate",this.handleSpaNavigation,true);window.removeEventListener("hashchange",this.handleSpaNavigation,true);document.body.removeChild(this.portalEl);this.portalEl=null}if(this.triggerEl!==null){this.triggerEl.removeAttribute("aria-describedby")}this.contentDiv=null}render(){const t=this.componentId||undefined;return i(o,{key:"d0651080fc68d70a01d8c487d08a59f356f06e88",id:t,class:{"pds-tooltip--is-open":this.opened}},i("span",{key:"9f8c246c63a80c0d30c73687faa133b213c6bb63",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocus:this.handleShow,onBlur:this.handleHide,ref:t=>this.triggerEl=t},i("slot",{key:"2295b22ac9ec244f31410cd6a3764248100a1c48"})),i("div",{key:"7c8a59703b7c6ff43b0aa9352a869d59bca9b2b1",class:"pds-tooltip__content-slot-wrapper",style:{display:"none"}},i("slot",{key:"612dab7daf61394624177c45d47f542d551af52c",name:"content"})))}get el(){return r(this)}static get watchers(){return{opened:["handleOpenToggle"]}}};l.instanceCounter=0;l.style=e;export{l as pds_tooltip};
-//# sourceMappingURL=p-c82c277f.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["positionTooltip","elem","elemPlacement","overlay","offset","trim","rect","getBoundingClientRect","contentRect","style","top","left","right","bottom","transform","position","isTextTrigger","childNodes","length","nodeType","Node","TEXT_NODE","ELEMENT_NODE","child","tagName","includes","height","width","pdsTooltipCss","PdsTooltip","constructor","hostRef","this","_isInteractiveOpen","portalEl","triggerEl","contentDiv","slotMutationObserver","overlayResizeObserver","currentPathname","pathnameCheckInterval","isOpen","hasArrow","htmlContent","placement","maxWidth","opened","handleHide","hideTooltip","handleShow","showTooltip","handlePageShow","handleScroll","repositionPortal","handleSpaNavigation","checkPathnameChange","window","location","pathname","handleOpenToggle","newValue","oldValue","componentWillLoad","componentDidLoad","addEventListener","el","querySelector","contentSlotWrapper","MutationObserver","removePortal","createPortal","observe","childList","subtree","removeEventListener","disconnect","componentDidRender","determinePositioningAnchor","positioningAnchor","children","i","childNode","anchor","placementParts","split","primaryPlacement","isCardinalCenterPlacement","anchorRect","overlayRect","currentOverlayTop","parseFloat","anchorCenterY","overlayCenterY","adjustmentY","Math","abs","currentOverlayLeft","anchorCenterX","overlayCenterX","adjustmentX","document","createElement","className","zIndex","id","componentId","instanceCounter","getAttribute","setAttribute","slottedContentContainer","hasSlottedContent","childrenToClone","Array","from","hasMeaningfulNode","some","node","_a","textContent","forEach","appendChild","cloneNode","content","body","ResizeObserver","setInterval","unobserve","clearInterval","removeChild","removeAttribute","render","hostId","undefined","h","Host","key","class","onMouseEnter","onMouseLeave","onFocus","onBlur","ref","display","name"],"sources":["src/utils/overlay.ts","src/components/pds-tooltip/pds-tooltip.scss?tag=pds-tooltip","src/components/pds-tooltip/pds-tooltip.tsx"],"sourcesContent":["interface OverlayArgs {\n  elem: HTMLElement | null;\n  elemPlacement: string;\n  overlay: HTMLElement | null;\n  offset?: number;\n}\n\nexport const positionTooltip = ({elem, elemPlacement, overlay, offset = 8}: OverlayArgs): boolean => {\n  if (elem === null || overlay === null) return false;\n  if (typeof elemPlacement !== 'string' || elemPlacement.trim() === '') {\n    return false;\n  }\n\n  const rect = elem.getBoundingClientRect();\n  const contentRect = overlay.getBoundingClientRect();\n\n  // Reset styles\n  overlay.style.top = '';\n  overlay.style.left = '';\n  overlay.style.right = '';\n  overlay.style.bottom = '';\n  overlay.style.transform = '';\n\n  // Use fixed positioning for portal overlays\n  overlay.style.position = 'fixed';\n\n  // Detect if the trigger is a span with only text or a text node\n  let isTextTrigger = false;\n  if (elem.childNodes.length === 1 && elem.childNodes[0].nodeType === Node.TEXT_NODE) {\n    isTextTrigger = true;\n  } else if (elem.childNodes.length === 1 && elem.childNodes[0].nodeType === Node.ELEMENT_NODE) {\n    const child = elem.childNodes[0] as HTMLElement;\n    if (child.tagName === 'SPAN' && child.childNodes.length === 1 && child.childNodes[0].nodeType === Node.TEXT_NODE) {\n      isTextTrigger = true;\n    }\n  }\n\n  switch (true) {\n    case elemPlacement.includes('right'):\n      if (isTextTrigger) {\n        // Align to the bottom of the trigger for text triggers\n        overlay.style.top = `${rect.bottom - contentRect.height / 2}px`;\n      } else {\n        overlay.style.top = `${rect.top + rect.height / 2 - contentRect.height / 2}px`;\n      }\n      overlay.style.left = `${rect.right + offset}px`;\n      if (elemPlacement.includes('start')) {\n        overlay.style.top = `${rect.top}px`;\n      }\n      if (elemPlacement.includes('end')) {\n        overlay.style.top = `${rect.bottom - contentRect.height}px`;\n      }\n      break;\n    case elemPlacement.includes('left'):\n      if (isTextTrigger) {\n        overlay.style.top = `${rect.bottom - contentRect.height / 2}px`;\n      } else {\n        overlay.style.top = `${rect.top + rect.height / 2 - contentRect.height / 2}px`;\n      }\n      overlay.style.left = `${rect.left - contentRect.width - offset}px`;\n      if (elemPlacement.includes('start')) {\n        overlay.style.top = `${rect.top}px`;\n      }\n      if (elemPlacement.includes('end')) {\n        overlay.style.top = `${rect.bottom - contentRect.height}px`;\n      }\n      break;\n    case elemPlacement.includes('bottom'):\n      overlay.style.top = `${rect.bottom + offset}px`;\n      overlay.style.left = `${rect.left + rect.width / 2 - contentRect.width / 2}px`;\n      if (elemPlacement.includes('start')) {\n        overlay.style.left = `${rect.left}px`;\n      }\n      if (elemPlacement.includes('end')) {\n        overlay.style.left = `${rect.right - contentRect.width}px`;\n        overlay.style.right = 'initial';\n      }\n      break;\n    case elemPlacement.includes('top'):\n      overlay.style.top = `${rect.top - contentRect.height - offset}px`;\n      overlay.style.left = `${rect.left + rect.width / 2 - contentRect.width / 2}px`;\n      if (elemPlacement.includes('start')) {\n        overlay.style.left = `${rect.left}px`;\n      }\n      if (elemPlacement.includes('end')) {\n        overlay.style.left = `${rect.right - contentRect.width}px`;\n        overlay.style.right = 'initial';\n      }\n      break;\n  }\n  return true;\n}\n",".pds-tooltip {\n  --tooltip-border-width-arrow-down: var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;\n  --tooltip-border-width-arrow-left: var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;\n  --tooltip-border-width-arrow-right: var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);\n  --tooltip-border-width-arrow-up: 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);\n  --tooltip-sizing-arrow: 6px;\n  --tooltip-sizing-arrow-offset: 14px;\n  --tooltip-dimension-max-width: 320px;\n}\n\n.pds-tooltip__content {\n  background-color: var(--pine-color-primary);\n  border-radius: calc(var(--pine-dimension-xs) * 1.25);\n  box-shadow: var(--pine-box-shadow);\n  color: var(--pine-color-text-primary);\n  // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n  max-width: var(--tooltip-dimension-max-width);\n  opacity: 0;\n  padding: var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);\n  position: absolute;\n  visibility: hidden;\n  width: max-content;\n\n  .pds-tooltip--is-open & {\n    // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n    opacity: 1;\n    visibility: visible;\n    z-index: 1;\n  }\n\n  .pds-tooltip.pds-tooltip--has-html-content & {\n    width: auto;\n  }\n\n  &::after {\n    border-color: transparent;\n    border-right-color: transparent;\n    border-style: solid;\n    border-width: var(--tooltip-border-width-arrow-left);\n    content: '';\n    height: 0;\n    position: absolute;\n    width: 0;\n\n    .pds-tooltip--right & {\n      border-inline-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-left);\n      left: calc(var(--tooltip-sizing-arrow) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--right-end & {\n      border-inline-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-left);\n      bottom: var(--tooltip-sizing-arrow-offset);\n      left: calc(var(--tooltip-sizing-arrow) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--right-start & {\n      border-inline-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-left);\n      left: calc(var(--tooltip-sizing-arrow) * -1);\n      top: var(--tooltip-sizing-arrow-offset);\n    }\n\n    .pds-tooltip--top & {\n      border-block-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-down);\n      bottom: calc(var(--tooltip-sizing-arrow) * -1);\n      left: 50%;\n      top: initial;\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--top-start & {\n      border-block-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-down);\n      bottom: calc(var(--tooltip-sizing-arrow) * -1);\n      left: var(--tooltip-sizing-arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--top-end & {\n      border-block-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-down);\n      bottom: calc(var(--tooltip-sizing-arrow) * -1);\n      left: initial;\n      right: var(--tooltip-sizing-arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--left & {\n      border-inline-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-right);\n      left: initial;\n      right: calc(var(--tooltip-sizing-arrow) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--left-end & {\n      border-inline-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-right);\n      bottom: var(--tooltip-sizing-arrow-offset);\n      left: initial;\n      right: calc(var(--tooltip-sizing-arrow) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--left-start & {\n      border-inline-start-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-right);\n      left: initial;\n      right: calc(var(--tooltip-sizing-arrow) * -1);\n      top: var(--tooltip-sizing-arrow-offset);\n    }\n\n    .pds-tooltip--bottom & {\n      border-block-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-up);\n      left: 50%;\n      top: calc(var(--tooltip-sizing-arrow) * -1);\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--bottom-end & {\n      border-block-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-up);\n      left: initial;\n      right: var(--tooltip-sizing-arrow-offset);\n      top: calc(var(--tooltip-sizing-arrow) * -1);\n    }\n\n    .pds-tooltip--bottom-start & {\n      border-block-end-color: var(--pine-color-primary);\n      border-width: var(--tooltip-border-width-arrow-up);\n      left: var(--tooltip-sizing-arrow-offset);\n      top: calc(var(--tooltip-sizing-arrow) * -1);\n    }\n\n    .pds-tooltip--no-arrow & {\n      border-width: 0;\n    }\n  }\n}\n","import { Component, Element, Host, Prop, State, h, Method, Watch } from '@stencil/core';\nimport { positionTooltip } from '../../utils/overlay';\n\n/**\n * @slot (default) - The tooltip's target element\n * @slot content - HTML content for the tooltip\n */\n\n@Component({\n  tag: 'pds-tooltip',\n  styleUrls: ['pds-tooltip.scss'],\n  shadow: false,\n})\n\nexport class PdsTooltip {\n  private static instanceCounter = 0;\n\n  /**\n   * Internal state: true if the tooltip was opened by user interaction (hover/focus),\n   * false if opened via the `opened` prop or currently closed.\n   */\n  @State() private _isInteractiveOpen = false;\n\n  private portalEl: HTMLElement | null = null;\n  private triggerEl: HTMLElement | null = null;\n  private contentDiv: HTMLElement | null = null;\n  private slotMutationObserver: MutationObserver | null = null;\n  private overlayResizeObserver: ResizeObserver | null = null;\n  private currentPathname: string = '';\n  private pathnameCheckInterval: NodeJS.Timeout | null = null;\n\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsTooltipElement;\n\n  /**\n   * Determines when the tooltip is open\n   * @defaultValue false\n   */\n  @State() isOpen = false;\n\n  /**\n   * Content for the tooltip. If HTML is required, use the content slot\n   */\n  @Prop() content: 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 tooltip has an arrow\n   * @defaultValue true\n   */\n  @Prop() hasArrow? = true;\n\n  /**\n   * Enable this option when using the content slot\n   * @defaultValue false\n   */\n  @Prop() htmlContent = false;\n\n  /**\n   * Determines the preferred position of the tooltip\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement:\n    'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'right';\n\n  /**\n   * Sets the maximum width of the tooltip content\n   * @defaultValue \"352px\"\n   */\n  @Prop() maxWidth: string = '352px';\n\n  /**\n   * Determines whether or not the tooltip is visible\n   * @defaultValue false\n   */\n  @Prop({mutable: true, reflect: true}) opened = false;\n\n  @Watch('opened')\n\n  handleOpenToggle(newValue: boolean, oldValue: boolean) {\n    if (newValue === false && oldValue === true) {\n      this._isInteractiveOpen = false;\n    }\n  }\n\n  componentWillLoad() {\n    this._isInteractiveOpen = false;\n  }\n\n  componentDidLoad() {\n    window.addEventListener('pageshow', this.handlePageShow);\n    this.currentPathname = window.location.pathname;\n    this.triggerEl = this.el.querySelector('.pds-tooltip__trigger') as HTMLElement;\n    const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n\n    if (contentSlotWrapper !== null) {\n      this.slotMutationObserver = new MutationObserver(() => {\n        if (this.opened && this.portalEl !== null) {\n          this.removePortal();\n          this.createPortal();\n        }\n      });\n      this.slotMutationObserver.observe(contentSlotWrapper, { childList: true, subtree: false });\n    }\n\n    return () => {\n      window.removeEventListener('pageshow', this.handlePageShow);\n\n      if (this.slotMutationObserver !== null) {\n        this.slotMutationObserver.disconnect();\n      }\n    };\n  }\n\n  componentDidRender() {\n    if (this.opened && this.portalEl === null) {\n      this.createPortal();\n    } else if (!this.opened && this.portalEl !== null) {\n      this.removePortal();\n    }\n  }\n\n  /**\n   * Shows the tooltip by enabling the opened property\n   */\n  @Method()\n  async showTooltip() {\n    this.opened = true;\n  }\n\n  /**\n   * Hides the tooltip by disabling the opened property\n   */\n  @Method()\n  async hideTooltip() {\n    this.opened = false;\n  }\n\n  private handleHide = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.hideTooltip();\n    this._isInteractiveOpen = false;\n  };\n\n  private handleShow = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this._isInteractiveOpen = true;\n    this.showTooltip();\n  };\n\n  private handlePageShow = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.opened = false;\n    this._isInteractiveOpen = false;\n  };\n\n  private handleScroll = () => {\n    if (this.opened) {\n      if (!this._isInteractiveOpen) {\n        this.repositionPortal();\n      } else {\n        this.hideTooltip();\n        this._isInteractiveOpen = false;\n      }\n    }\n  };\n\n  private handleSpaNavigation = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.hideTooltip();\n    this._isInteractiveOpen = false;\n  };\n\n  private checkPathnameChange = () => {\n    if (window.location.pathname !== this.currentPathname) {\n      this.currentPathname = window.location.pathname;\n      this.handleSpaNavigation();\n    }\n  };\n\n  /**\n   * Determines the most accurate HTML element to use as the anchor for positioning the tooltip.\n   * If `htmlContent` is false, it attempts to find the actual element slotted as the trigger.\n   * Otherwise, or if no specific element is found, it defaults to the span wrapper around the trigger slot.\n   * This helps with precise alignment.\n   */\n  private determinePositioningAnchor(): HTMLElement | null {\n    let positioningAnchor: HTMLElement | null = this.triggerEl;\n\n    if (this.triggerEl !== null) {\n      const children = this.triggerEl.childNodes;\n\n      for (let i = 0; i < children.length; i++) {\n        const childNode = children[i];\n\n        if (childNode.nodeType === Node.ELEMENT_NODE) {\n          positioningAnchor = childNode as HTMLElement;\n          break; // Found the first element, use it as the anchor\n        }\n      }\n    }\n\n    // If no ELEMENT_NODE is found within this.triggerEl (e.g., if trigger is just text),\n    // positioningAnchor will correctly remain this.triggerEl (the span).\n    return positioningAnchor;\n  }\n\n  /**\n   * Centralized method to calculate and apply the tooltip's position.\n   * Uses the determined anchor element and the current content dimensions.\n   */\n  private repositionPortal() {\n    const anchor = this.determinePositioningAnchor();\n\n    if (anchor !== null && this.contentDiv !== null) {\n      positionTooltip({ elem: anchor, elemPlacement: this.placement, overlay: this.contentDiv });\n      const placementParts = this.placement.split('-');\n      const primaryPlacement = placementParts[0];\n      const isCardinalCenterPlacement = placementParts.length === 1;\n\n      if (isCardinalCenterPlacement) {\n        const anchorRect = anchor.getBoundingClientRect();\n        const overlayRect = this.contentDiv.getBoundingClientRect();\n\n        if (primaryPlacement === 'left' || primaryPlacement === 'right') {\n          const currentOverlayTop = parseFloat(this.contentDiv.style.top || '0');\n          const anchorCenterY = anchorRect.top + (anchorRect.height / 2);\n          const overlayCenterY = overlayRect.top + (overlayRect.height / 2);\n          const adjustmentY = anchorCenterY - overlayCenterY;\n\n          if (Math.abs(adjustmentY) > 0.5) {\n            this.contentDiv.style.top = `${currentOverlayTop + adjustmentY}px`;\n          }\n\n        } else if (primaryPlacement === 'top' || primaryPlacement === 'bottom') {\n          const currentOverlayLeft = parseFloat(this.contentDiv.style.left || '0');\n          const anchorCenterX = anchorRect.left + (anchorRect.width / 2);\n          const overlayCenterX = overlayRect.left + (overlayRect.width / 2);\n          const adjustmentX = anchorCenterX - overlayCenterX;\n\n          if (Math.abs(adjustmentX) > 0.5) {\n            this.contentDiv.style.left = `${currentOverlayLeft + adjustmentX}px`;\n          }\n        }\n      }\n    }\n  }\n\n  private createPortal() {\n    if (this.portalEl !== null) return;\n\n    this.portalEl = document.createElement('div');\n    this.portalEl.className = `pds-tooltip pds-tooltip--${this.placement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n    this.portalEl.style.position = 'fixed';\n    this.portalEl.style.zIndex = '9999';\n\n    if (this.portalEl.id === '') {\n      this.portalEl.id = this.componentId || this.el.id || `pds-tooltip-portal-${PdsTooltip.instanceCounter++}`;\n    }\n\n    if (this.portalEl.getAttribute('id') !== this.portalEl.id) {\n      this.portalEl.setAttribute('id', this.portalEl.id);\n    }\n\n    this.portalEl.setAttribute('role', 'tooltip');\n    this.portalEl.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n    this.portalEl.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n    this.portalEl.style.maxWidth = this.maxWidth;\n\n    this.contentDiv = document.createElement('div');\n    this.contentDiv.className = 'pds-tooltip__content';\n    this.contentDiv.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n    this.contentDiv.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n    this.contentDiv.setAttribute('role', 'tooltip');\n    this.contentDiv.style.maxWidth = this.maxWidth;\n\n    const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n    const slottedContentContainer = contentSlotWrapper?.querySelector('[slot=\"content\"]') as HTMLElement | null;\n    let hasSlottedContent = false;\n\n    if (slottedContentContainer !== null) {\n      const childrenToClone = Array.from(slottedContentContainer.childNodes);\n\n      if (childrenToClone.length > 0) {\n        const hasMeaningfulNode = childrenToClone.some(node =>\n          node.nodeType === Node.ELEMENT_NODE ||\n          (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')\n        );\n\n        if (hasMeaningfulNode) {\n          hasSlottedContent = true;\n          childrenToClone.forEach((node /*, index*/) => {\n            if (node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')) {\n              this.contentDiv.appendChild(node.cloneNode(true));\n            }\n          });\n        }\n      }\n    }\n\n    if (!hasSlottedContent) {\n      if (this.content !== '') {\n        this.contentDiv.textContent = this.content;\n      }\n    }\n\n    this.portalEl.appendChild(this.contentDiv);\n    document.body.appendChild(this.portalEl);\n\n    this.repositionPortal();\n\n    if (this.contentDiv !== null) {\n      this.overlayResizeObserver = new ResizeObserver(() => {\n        this.repositionPortal();\n      });\n      this.overlayResizeObserver.observe(this.contentDiv);\n    }\n\n    // Add global listeners when portal is created\n    window.addEventListener('scroll', this.handleScroll, true);\n    window.addEventListener('popstate', this.handleSpaNavigation, true);\n    window.addEventListener('hashchange', this.handleSpaNavigation, true);\n\n    // Start pathname change detection\n    this.pathnameCheckInterval = setInterval(this.checkPathnameChange, 100);\n\n    // Add ARIA attribute to trigger, now that portalEl and its ID are confirmed\n    if (this.triggerEl !== null && this.portalEl.id !== '') {\n      this.triggerEl.setAttribute('aria-describedby', this.portalEl.id);\n    }\n  }\n\n  private removePortal() {\n    if (this.overlayResizeObserver !== null && this.contentDiv !== null) {\n      this.overlayResizeObserver.unobserve(this.contentDiv);\n      this.overlayResizeObserver = null;\n    }\n\n    // Stop pathname change detection\n    if (this.pathnameCheckInterval !== null) {\n      clearInterval(this.pathnameCheckInterval);\n      this.pathnameCheckInterval = null;\n    }\n\n    if (this.portalEl !== null) {\n      window.removeEventListener('scroll', this.handleScroll, true);\n      window.removeEventListener('popstate', this.handleSpaNavigation, true);\n      window.removeEventListener('hashchange', this.handleSpaNavigation, true);\n      document.body.removeChild(this.portalEl);\n      this.portalEl = null;\n    }\n\n    // Remove ARIA attribute from trigger\n    if (this.triggerEl !== null) {\n      this.triggerEl.removeAttribute('aria-describedby');\n    }\n    this.contentDiv = null;\n  }\n\n  render() {\n    const hostId = this.componentId || undefined;\n\n    return (\n      <Host id={hostId} class={{ 'pds-tooltip--is-open': this.opened }}>\n        <span\n          class=\"pds-tooltip__trigger\"\n          onMouseEnter={this.handleShow}\n          onMouseLeave={this.handleHide}\n          onFocus={this.handleShow}\n          onBlur={this.handleHide}\n          ref={el => this.triggerEl = el}\n        >\n          <slot />\n        </span>\n        <div class=\"pds-tooltip__content-slot-wrapper\" style={{ display: 'none' }}>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as a}from"./p-BVCWKPy3.js";const d="pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}";const s=class{constructor(a){e(this,a)}render(){return a("header",{key:"8592e91625152d821a52a7c6ecb4b4077c8b12ae",class:"pds-modal__header"},a("slot",{key:"6a9f38a579019ef3fd6c3085eb3bfc9865070200"}))}};s.style=d;export{s as pds_modal_header};
-//# sourceMappingURL=p-c82d0a99.entry.js.map

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

@@ -1,2 +0,0 @@
-System.register(["./p-B_C-mRjx.system.js"],(function(e){"use strict";var t,a;return{setters:[function(e){t=e.r;a=e.h}],execute:function(){var d="pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}";var s=e("pds_modal_header",function(){function e(e){t(this,e)}e.prototype.render=function(){return a("header",{key:"8592e91625152d821a52a7c6ecb4b4077c8b12ae",class:"pds-modal__header"},a("slot",{key:"6a9f38a579019ef3fd6c3085eb3bfc9865070200"}))};return e}());s.style=d}}}));
-//# sourceMappingURL=p-ce0d9f05.system.entry.js.map

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

@@ -1,2 +0,0 @@
-System.register(["./p-B_C-mRjx.system.js"],(function(t){"use strict";var e,o;return{setters:[function(t){e=t.r;o=t.h}],execute:function(){var a="pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}";var f=t("pds_modal_footer",function(){function t(t){e(this,t)}t.prototype.render=function(){return o("footer",{key:"daaff7132c3b6bcaecafcb4e8dbbf25bf3ad1de4",class:"pds-modal__footer"},o("slot",{key:"06ba1513613bea247b8d533a750f1331c509e2e5"}))};return t}());f.style=a}}}));
-//# sourceMappingURL=p-cf5506db.system.entry.js.map

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

@@ -1,2 +0,0 @@
-System.register(["./p-B_C-mRjx.system.js"],(function(e){"use strict";var t,c,n;return{setters:[function(e){t=e.r;c=e.h;n=e.H}],execute:function(){var a=":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}";var i=e("pds_property",function(){function e(e){t(this,e);this.icon="star"}e.prototype.render=function(){return c(n,{key:"ff84eef7431dfe6081018528a76987dec7f1dfbc",id:this.componentId},c("pds-box",{key:"c9b8218d49ff7ac0a94cb65b9bbbe2069d4651ba","align-items":"center",gap:"xs"},c("pds-icon",{key:"06d09314acdda08f48267c4af63eb5393eadfca1",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),c("slot",{key:"ca3654f3ee0791f5dcce5d0cff0c78e3aa22150b"})))};return e}());i.style=a}}}));
-//# sourceMappingURL=p-d6d87fbc.system.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as o,h as a}from"./p-BVCWKPy3.js";const d="pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}";const e=class{constructor(a){o(this,a)}render(){return a("footer",{key:"daaff7132c3b6bcaecafcb4e8dbbf25bf3ad1de4",class:"pds-modal__footer"},a("slot",{key:"06ba1513613bea247b8d533a750f1331c509e2e5"}))}};e.style=d;export{e as pds_modal_footer};
-//# sourceMappingURL=p-e05135c5.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as i,c as s,h as t,H as e,g as o}from"./p-BVCWKPy3.js";import{e as a,d as r}from"./p-CzVv99mW.js";const n=":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-grey-100);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);line-height:var(--pine-line-height-body);padding:12px;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-active)}";const h=class{constructor(t){i(this,t);this.pdsTableSort=s(this,"pdsTableSort");this.sortingDirection="asc";this.tableScrolling=false;this.isSelected=false;this.handleScroll=()=>{if(this.tableRef.scrollLeft>0){this.tableScrolling=true}else{this.tableScrolling=false}};this.toggleSort=()=>{if(this.sortable){const i=this.hostElement.innerText.trim();this.sortingDirection=this.sortingDirection==="asc"?"desc":"asc";this.tableRef.querySelectorAll("pds-table-head-cell").forEach((i=>{i.classList.remove("is-active")}));this.hostElement.classList.toggle("is-active");this.pdsTableSort.emit({column:i,direction:this.sortingDirection})}}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table")}componentDidLoad(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}}classNames(){const i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.sortable){i.push("is-sortable")}if(this.sortable&&this.sortingDirection!==null){i.push("sort-"+this.sortingDirection)}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join("  ")}render(){return t(e,{key:"bf2f29d2214ba308be7c8cca6b2afb66fdccc2fa",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},t("slot",{key:"14a6849059768b901ec5be69cff37f56ce07c15b"}),this.sortable&&t("pds-icon",{key:"29e0068115ec20dba39e4a798f11d0b0a0c6fef7",icon:this.sortingDirection==="asc"?a:r}))}get hostElement(){return o(this)}};h.style=n;export{h as pds_table_head_cell};
-//# sourceMappingURL=p-e30601a6.entry.js.map